Merge branch 'main' of http://27.128.240.72:3000/zhuhao/AIx_Smarttalk_WS into zxl

# Conflicts:
#	src/renderer/src/assets/iconfont/iconfont.css
#	src/renderer/src/assets/iconfont/iconfont.js
#	src/renderer/src/assets/iconfont/iconfont.json
#	src/renderer/src/assets/iconfont/iconfont.ttf
#	src/renderer/src/assets/iconfont/iconfont.woff
#	src/renderer/src/assets/iconfont/iconfont.woff2
#	src/renderer/src/router/index.js

electron-builder-prod.yml

@@ -43,7 +43,7 @@ appImage:
 npmRebuild: false
 publish:
   provider: generic
-  url: https://prev.ysaix.com:7868/src/assets/smarttalk/
+  url: https://prev.ysaix.com:7868/src/assets/smarttalkws/
 electronDownload:
   mirror: https://npmmirror.com/mirrors/electron/
 # 额外依赖打包到输出目录

electron-builder.yml

@@ -42,7 +42,7 @@ appImage:
 npmRebuild: false
 publish:
   provider: generic
-  url: https://file.ysaix.com:7868/src/assets/smarttalk/
+  url: https://file.ysaix.com:7868/src/assets/smarttalkws/
 electronDownload:
   mirror: https://npmmirror.com/mirrors/electron/
 # 额外依赖打包到输出目录

package.json

@@ -1,6 +1,6 @@
 {
   "name": "aix-win",
-  "version": "2.5.0",
+  "version": "2.5.1",
   "description": "",
   "main": "./out/main/index.js",
   "author": "上海交大重庆人工智能研究院",

src/main/index.js

@@ -88,7 +88,7 @@ function createLoginWindow() {
 function createMainWindow() {
   mainWindow = new BrowserWindow({
     width: 1350,
-    minWidth: 1200,
+    minWidth: 1370,
     height: 700,
     minHeight: 700,
     show: false,

src/renderer/src/assets/iconfont/iconfont.css

@@ -1,8 +1,8 @@
 @font-face {
   font-family: "iconfont"; /* Project id 4723712 */
-  src: url('iconfont.woff2?t=1730272564579') format('woff2'),
+  src: url('iconfont.woff2?t=1730448425319') format('woff2'),
-       url('iconfont.woff?t=1730272564579') format('woff'),
+       url('iconfont.woff?t=1730448425319') format('woff'),
-       url('iconfont.ttf?t=1730272564579') format('truetype');
+       url('iconfont.ttf?t=1730448425319') format('truetype');
 }
 
 .iconfont {
@@ -13,6 +13,42 @@
   -moz-osx-font-smoothing: grayscale;
 }
 
+.icon-xiaoxi:before {
+  content: "\e677";
+}
+
+.icon-fuzhi:before {
+  content: "\e6f6";
+}
+
+.icon-tianjia:before {
+  content: "\e675";
+}
+
+.icon-bianji-gangbi:before {
+  content: "\e6d8";
+}
+
+.icon-rss-line:before {
+  content: "\e782";
+}
+
+.icon-touxiang:before {
+  content: "\e655";
+}
+
+.icon-xiangxia:before {
+  content: "\e85d";
+}
+
+.icon--kejian:before {
+  content: "\e6a3";
+}
+
+.icon-fanhui:before {
+  content: "\e604";
+}
+
 .icon-tianchongxing-:before {
   content: "\e641";
 }

src/renderer/src/assets/iconfont/iconfont.json

@@ -5,6 +5,69 @@
   "css_prefix_text": "icon-",
   "description": "",
   "glyphs": [
+    {
+      "icon_id": "2158298",
+      "name": "消息",
+      "font_class": "xiaoxi",
+      "unicode": "e677",
+      "unicode_decimal": 58999
+    },
+    {
+      "icon_id": "12024469",
+      "name": "复制",
+      "font_class": "fuzhi",
+      "unicode": "e6f6",
+      "unicode_decimal": 59126
+    },
+    {
+      "icon_id": "17887886",
+      "name": "添加",
+      "font_class": "tianjia",
+      "unicode": "e675",
+      "unicode_decimal": 58997
+    },
+    {
+      "icon_id": "24268380",
+      "name": "编辑-钢笔",
+      "font_class": "bianji-gangbi",
+      "unicode": "e6d8",
+      "unicode_decimal": 59096
+    },
+    {
+      "icon_id": "42198021",
+      "name": "rss-line",
+      "font_class": "rss-line",
+      "unicode": "e782",
+      "unicode_decimal": 59266
+    },
+    {
+      "icon_id": "700853",
+      "name": "头像",
+      "font_class": "touxiang",
+      "unicode": "e655",
+      "unicode_decimal": 58965
+    },
+    {
+      "icon_id": "16398985",
+      "name": "向下",
+      "font_class": "xiangxia",
+      "unicode": "e85d",
+      "unicode_decimal": 59485
+    },
+    {
+      "icon_id": "6571029",
+      "name": "60-课件",
+      "font_class": "-kejian",
+      "unicode": "e6a3",
+      "unicode_decimal": 59043
+    },
+    {
+      "icon_id": "26283779",
+      "name": "返回",
+      "font_class": "fanhui",
+      "unicode": "e604",
+      "unicode_decimal": 58884
+    },
     {
       "icon_id": "6446310",
       "name": "博士",

src/renderer/src/components/PdfJs/index.vue

@@ -16,6 +16,10 @@ const props = defineProps({
   isWin: {
     type: Boolean,
     default: false
+  },
+  showCatalog: {
+    type: Boolean,
+    default: true
   }
 })
 /**pdf文件地址 */
@@ -25,7 +29,15 @@ const fileUrl = props.isWin ? props.url : getAppInstallUrl('pdfjs-dist/web/viewe
 onMounted(() => {
     /** 将传入的pdf地址进行编码，防止中文识别错误 */
     if(props.isWin) pdfUrl.value = fileUrl
-    else pdfUrl.value = fileUrl + encodeURIComponent(props.url) + '#pageMode=outline'
+    else{
+      let url = fileUrl + encodeURIComponent(props.url)
+      if(props.showCatalog){
+        pdfUrl.value = url + '#pageMode=outline'
+      }
+      else{
+        pdfUrl.value = url
+      }
+    }
 })
 </script>
 

src/renderer/src/hooks/useGetSubject.js

@@ -51,6 +51,7 @@ export const useGetSubject = async () =>{
       }
       const { rows } = await listEvaluation(subjectParams)
       subjectList = rows
+      sessionStore.set('subject.curBook', rows[0])
       sessionStore.set('subject.bookList', rows)
       treeData = getTreeData(subjectList[0].id)
       // 设置一个默认的curNode

src/renderer/src/layout/components/Aside.vue

@@ -78,7 +78,7 @@ const headerMenus = [
     name: '教学大模型',
     id: 1,
     icon: 'icon-shouye',
-    path: '/index'
+    path: '/model/index'
   },
   {
     name: '教学工作台',

src/renderer/src/layout/components/Header.vue

@@ -1,232 +1,63 @@
 <template>
   <div class="page-header">
-    <div class="header-center">文枢2.5</div>
+    <div class="header-left" v-if="isShowBack">
+      <div class="back" @click="onBack">
+        <i class="iconfont icon-fanhui"></i>
+        <span>返回</span>
+      </div>
+      <el-breadcrumb :separator-icon="ArrowRight">
+        <el-breadcrumb-item v-for="item in breadList"> {{ item.title }} </el-breadcrumb-item>
+      </el-breadcrumb>
+    </div>
+    <div class="header-center" v-else>
+      AI文枢{{ version }}
+    </div>
     <div class="header-right">
       <WindowTools />
     </div>
   </div>
-  <!-- <div class="title-bar flex">
-    <div class="left-section">
-      <div class="flex title-box">
-        <el-image style="width: 23px; height: 23px" :src="logoIco" />
-        <span class="title" @click="changeTab">{{homeTitle}}</span>
-      </div>
-      <div class="change-tab">
-        <ul class="flex">
-          <li class="flex" :class="[activeId == menu.path ? 'active-li' : '', menu.disabled ? 'disabled' : '']"
-            v-for="menu in headerMenus" :key="menu.id" @click="clickMenu(menu)">
-            <div class="icon-box">
 
-
-                <svg class="icon iconfont" aria-hidden="true">
-                  <use :xlink:href="menu.icon"></use>
-                </svg>
-
-            </div>
-            <span class="text">{{ menu.name }}</span>
-          </li>
-        </ul>
-      </div>
-    </div> -->
-
-    <!-- <div class="right-section flex">
-      <WindowTools />
-      <div class="user flex">
-        <div class="avatar-container">
-          <div class="avatar-wrapper flex">
-            <el-dropdown class="right-menu-item hover-effect" @command="handleCommand">
-              <img :src="dev_api + userStore.user.avatar" class="user-avatar" style="float: left" />
-              <template #dropdown>
-                <el-dropdown-menu>
-                  <el-dropdown-item @click="changePage('/profile')">个人中心</el-dropdown-item>
-                  <el-dropdown-item @click="changePage('/class')">班级中心</el-dropdown-item>
-                  <el-dropdown-item divided command="logout">
-                    <span>退出登录</span>
-                  </el-dropdown-item>
-                </el-dropdown-menu>
-              </template>
-            </el-dropdown>
-            <div class="user-info flex">
-              <span class="user-name">{{ userStore.user.nickName }}</span>
-              <div class="flex">
-
-                <el-dropdown @command="changeSubject" max-height="500">
-                  <div class="user-subject">{{ userStore.user.edusubject }}
-                    <el-icon class="el-icon--right"><arrow-down />
-                    </el-icon>
-                  </div>
-                  <template #dropdown>
-                    <el-dropdown-menu>
-                      <el-dropdown-item v-for="item in userSubjectList" :key="item.id" :command="item">
-                        {{ item.edustage }}-{{ item.edusubject }}
-                      </el-dropdown-item>
-                    </el-dropdown-menu>
-                  </template>
-                </el-dropdown>
-              </div>
-              <div class="user-depname">{{ userStore.user.deptName }}</div>
-            </div>
-          </div>
-
-        </div>
-      </div>
-    </div> -->
-  <!-- </div> -->
 </template>
 
 <script setup>
-import { ref, watch, onMounted } from 'vue'
+import { ref, watch } from 'vue'
 import { useRouter } from 'vue-router'
-import { ElMessageBox, ElMessage } from 'element-plus'
+import { ArrowRight } from '@element-plus/icons-vue'
-import { ArrowDown } from '@element-plus/icons-vue'
 import WindowTools from '@/components/window-tools/index.vue'
-import useUserStore from '@/store/modules/user'
+import pkc from "../../../../../package.json"
-import { updateUserInfo } from '@/api/system/user'
+const version = ref(pkc.version)
-import logoIco from '@/assets/images/logo.png'
-import { listEvaluation } from '@/api/classManage/index'
-import { sessionStore } from '@/utils/store'
-// import Chat from '@/utils/chat' // im 登录初始化
-// if (!Chat.imChat) Chat.init()
 
-let homeTitle = ref(import.meta.env.VITE_APP_TITLE)
+// 返回
-const { ipcRenderer } = window.electron || {}
-const userStore = useUserStore()
 const router = useRouter()
-const currentRoute = ref('')
+const onBack = () => {
-const dev_api = ref(import.meta.env.VITE_APP_BASE_API)
+  router.go(-1)
-const userSubjectList = ref([])
-
-const activeId = ref('/home')
-const headerMenus = [
-  {
-    name: '工作台',
-    id: 1,
-    icon: '#icon-gongzuotai_xuanzhong',
-    path: '/home'
-  },
-  {
-    name: '研究室',
-    id: 2,
-    icon: '#icon-yanjiushi-2',
-    disabled: true
-  },
-  {
-    name: '资源库',
-    id: 3,
-    icon: '#icon-ziyuanku',
-    path: '/resource'
-  },
-  {
-    name: '朋友圈',
-    id: 4,
-    icon: '#icon-iconfontzhizuobiaozhunbduan3-1',
-    disabled: true
-  }
-]
-
-const clickMenu = ({ id, disabled, path }) => {
-  if (disabled) return
-  activeId.value = id
-  router.push(path)
 }
 
 // 监听当前路由
+const isShowBack = ref(false)
+const breadList = ref([])
 watch(
   () => router.currentRoute.value,
   (newValue) => {
-    currentRoute.value = newValue
+    let path = newValue.path
-    activeId.value = newValue.path
+    console.log(newValue);
+
+    if (path.includes('/model') && path !== ('/model/index')) {
+      isShowBack.value = true
+      breadList.value = newValue.matched.map(item => item.meta)
+
+    }
+    else {
+      isShowBack.value = false
+    }
   },
   { immediate: true }
 )
 
-const changePage = (url) => {
-  router.push(url)
-}
-function handleCommand(command) {
-  switch (command) {
-    case 'setLayout':
-      setLayout()
-      break
-    case 'logout':
-      logout()
-      // Chat?.logout() // im 退出登录
-      break
-    default:
-      break
-  }
-}
-
-function logout() {
-  const hasClass = sessionStore.has('activeClass.id')
-  const  hasTool = sessionStore.get('isToolWin')
-  if (hasClass || hasTool) return ElMessage.warning('当前正在上课，请先结束上课')
-  ElMessageBox.confirm('确认退出系统吗?', '提示', {
-    confirmButtonText: '确定',
-    cancelButtonText: '取消',
-    type: 'warning'
-  })
-    .then(async () => {
-      const Chat = (await import('@/utils/chat')).default
-      if (!!Chat.imChat) Chat.logout()
-      userStore
-        .logOut()
-        .then(() => {
-          // router.replace('/login')
-          ipcRenderer && ipcRenderer.send('openLoginWindow')
-        })
-        .catch(() => {
-          // router.replace('/login')
-          ipcRenderer && ipcRenderer.send('openLoginWindow')
-        })
-    }).catch(()=>{})
-}
-
-const emits = defineEmits(['setLayout'])
-function setLayout() {
-  emits('setLayout')
-}
-// 切换学科
-const changeSubject = async (command) =>{
-  let sessionSubject = {
-    bookList: null,
-    curBook: null,
-    curNode: null,
-    defaultExpandedKeys: [],
-    subjectTree: []
-  }
-  sessionStore.set( 'subject', sessionSubject)
-  const { userId, userName, plainpwd  } = userStore.user
-  const data = {
-    userId,
-    userName,
-    edustage: command.edustage,
-    edusubject:  command.edusubject
-  }
-  await updateUserInfo(data)
-  await userStore.login({username: userName, password: plainpwd})
-  await userStore.getInfo()
-  router.go()
-}
-
-// 获取学科
-const getAllSubject = async () => {
-  const { rows } = await listEvaluation({ itemkey: "subject", pageSize: 500 })
-  if(!userStore.user.subject) return
-  const subject = userStore.user.subject.split(',')
-  userSubjectList.value = rows.filter(item =>
-    subject.some(el => item.id == el)
-  )
-}
-
-
-onMounted(() => {
-  getAllSubject()
-})
 </script>
 
 <style lang="scss" scoped>
-.page-header{
+.page-header {
   height: 100%;
   background-color: #fff;
   display: flex;
@@ -234,16 +65,47 @@ onMounted(() => {
   align-items: center;
   width: 100%;
   -webkit-app-region: drag;
-  .header-center{
+
+  .header-left {
+    padding-left: 20px;
+    font-size: 13px;
+    cursor: pointer;
+    -webkit-app-region: no-drag;
+    display: flex;
+    align-items: center;
+
+    .back {
+      display: flex;
+      align-items: center;
+      margin-right: 20px;
+      cursor: pointer;
+      color: #409EFF;
+      font-weight: bold;
+
+      .icon-fanhui {
+        margin-top: -2px;
+        margin-right: 3px;
+      }
+
+    }
+
+    :deep(.el-breadcrumb) {
+      font-size: 13px !important;
+    }
+  }
+
+  .header-center {
     margin-left: auto;
     margin-right: auto;
   }
-  .header-right{
+
+  .header-right {
     height: 100%;
     display: flex;
     align-items: center;
   }
 }
+
 .title-bar {
   height: 80px;
   justify-content: space-between;
@@ -282,13 +144,15 @@ onMounted(() => {
         padding: 5px 8px;
         height: 60px;
         align-items: center;
-        .icon-box{
+
+        .icon-box {
           width: 100%;
           height: 35px;
           display: flex;
           align-items: center;
           justify-content: center;
         }
+
         .text {
           margin-top: 3px;
           font-size: 13px;

src/renderer/src/layout/index.vue

@@ -8,8 +8,19 @@
         <el-header>
           <Header/>
         </el-header>
-        <el-main>
+        <el-main :style="{ 'padding-top' : isShowBread ? 0 : '20px'}">
-          <AppMain  />
+          <template v-if="isShowBread">
+            <div class="bread-row">
+              <div class="back" @click="onBack">
+                <i class="iconfont icon-fanhui"></i>
+                <span>返回</span>
+              </div>
+              <el-breadcrumb :separator-icon="ArrowRight">
+                <el-breadcrumb-item v-for="item in breadList"> {{ item.title }} </el-breadcrumb-item>
+              </el-breadcrumb>
+            </div>
+          </template>
+          <AppMain :style="{ height: isShowBread ? 'calc(100% - 45px)' : '100%' }" />
         </el-main>
       </el-container>
       <Uploader v-if="uploaderStore.uploadList && uploaderStore.uploadList.length > 0" />
@@ -19,7 +30,9 @@
 </template>
 
 <script setup>
-import { ref } from 'vue'
+import { ref, watch } from 'vue'
+import { ArrowRight } from '@element-plus/icons-vue'
+import { useRouter } from 'vue-router'
 import Header from './components/Header.vue'
 import Aside from './components/Aside.vue'
 import AppMain from './components/AppMain.vue'
@@ -29,6 +42,33 @@ import uploaderState from '@/store/modules/uploader'
 
 let uploaderStore = ref(uploaderState())
 
+
+// 路由
+const router = useRouter()
+// 是否显示面包屑
+const isShowBread = ref(false)
+const breadList = ref([])
+
+// 监听当前路由
+watch(
+  () => router.currentRoute.value,
+  (newValue) => {
+    let ary = newValue.matched.map( item => item.meta)
+    // 首页(教学工作台) 里面的路由需要显示面包屑
+    if(ary.some(item => item.hasOwnProperty('showBread'))){
+      isShowBread.value = true
+      breadList.value = ary
+    }
+    else{
+      isShowBread.value = false
+    }
+  },
+  { immediate: true }
+)
+
+const onBack = () =>{
+  router.go(-1)
+}
 </script>
 
 <style lang="scss" scoped>
@@ -45,7 +85,7 @@ let uploaderStore = ref(uploaderState())
   height: 45px;
 }
 .el-main {
-  --el-main-padding: 20px;
+  --el-main-padding: 0 20px 20px 20px;
   box-sizing: border-box;
 }
 .el-page-header{
@@ -56,4 +96,26 @@ let uploaderStore = ref(uploaderState())
     font-size: 16px;
   }
 }
+.bread-row{
+  display: flex;
+  align-items: center;
+  height: 45px;
+  padding-top: 5px;
+  font-size: 14px;
+  color: #606266;
+  .back{
+    display: flex;
+    align-items: center;
+    margin-right: 20px;
+    cursor: pointer;
+    color: #409EFF;
+    font-weight: bold;
+    .icon-fanhui{
+      margin-top: -3px;
+      margin-right: 3px;
+    }
+    
+  }
+  
+}
 </style>

src/renderer/src/router/index.js

@@ -19,127 +19,148 @@ export const constantRoutes = [
     path: '/fullscreenpdf',
     component: () => import('@/views/fullScreenPdf/index.vue'),
     name: 'fullscreenpdf',
-    meta: {title: '全屏显示PDF'}
+    meta: { title: '全屏显示PDF' }
   },
   {
     path: '/teachClassTask',
     component: () => import('@/views/classTask/teachClassTask.vue'),
     hidden: true
   },
+  {
+    path: '/model',
+    component: Layout,
+    name: 'model',
+    meta: { title: '教学大模型' },
+    children: [
+      {
+        path: 'index',
+        component: () => import('@/views/model/index.vue'),
+        name: 'model-index',
+        meta: { title: '教学大模型' }
+      },
+      {
+        path: 'curriculum',
+        component: () => import('@/views/curriculum-standards/index.vue'),
+        name: 'curriculum-standard',
+        meta: { title: '课标研读' }
+      },
+      {
+        path: 'teaching',
+        component: () => import('@/views/teaching-material/index.vue'),
+        name: 'teaching-material',
+        meta: { title: '教材研读' }
+      },
+      {
+        path: 'examination',
+        component: () => import('@/views/examination-analysis/index.vue'),
+        name: 'examination-analysis',
+        meta: { title: '考试分析' }
+      },
+    ]
+  },
   {
     path: '/',
     component: Layout,
     redirect: '/home',
+    meta: { title: '教学工作台' },
     children: [
-      {
-        path: '/index',
-        component: () => import('@/views/index/index.vue'),
-        name: 'index',
-        meta: {title: '首页'}
-      },
       {
         path: '/home',
         component: () => import('@/views/desktop/index.vue'),
         name: 'desktop',
-        meta: {title: '主页'}
+        meta: { title: '教学工作台' }
-      },
-      {
-        path: '/homepage',
-        component: () => import('@/views/homePage/index.vue'),
-        name: 'homepage',
-        meta: {title: '主页'}
       },
       {
         path: '/resource',
         component: () => import('@/views/resource/index.vue'),
         name: 'resource',
-        meta: {title: '资源库'}
+        meta: { title: '资源库' }
       },
       {
-        path: '/prepare',
+        path: 'prepare',
         component: () => import('@/views/prepare/index.vue'),
         name: 'prepare',
-        meta: {title: '教学实践'}
+        meta: { title: '教学实践', showBread: true }
       },
       {
         path: '/teach',
         component: () => import('@/views/teach/index.vue'),
         name: 'teach',
-        meta: {title: '授课'}
+        meta: { title: '授课' }
       },
       {
         path: '/standardanalysis',
         component: () => import('@/views/teach/standardAnalysis/index.vue'),
         name: 'standardanalysis',
-        meta: {title: '课标分析'}
+        meta: { title: '课标分析', showBread: true }
       },
       {
         path: '/textbookAnalysis',
         component: () => import('@/views/textbookAnalysis/index.vue'),
         name: 'textbookAnalysis',
-        meta: {title: '教材分析'}
+        meta: { title: '教材分析', showBread: true }
       },
       {
         path: '/profile',
         component: () => import('@/views/profile/index.vue'),
         name: 'profile',
-        meta: {title: '个人中心'}
+        meta: { title: '个人中心' }
       },
       {
         path: '/testpdf',
         component: () => import('@/views/testPdf/index.vue'),
         name: 'testpdf',
-        meta: {title: '测试PDF'}
+        meta: { title: '测试PDF' }
       },
 
       {
         path: '/classReserv',
         component: () => import('@/views/classManage/classReserv.vue'),
         name: 'classReserv',
-        meta: {title: '课程预约'}
+        meta: { title: '课程预约' }
       },
       {
         path: '/class',
         component: () => import('@/views/classManage/index.vue'),
         name: 'class',
-        meta: {title: '班级中心'},
+        meta: { title: '班级中心' }
       },
       {
         path: '/classTaskAssign',
         component: () => import('@/views/classTask/classTaskAssign.vue'),
         name: 'classTaskAssign',
-        meta: {title: '作业布置'},
+        meta: { title: '作业布置', showBread: true }
       },
       {
         path: '/classTask',
         component: () => import('@/views/classTask/classTask.vue'),
         name: 'classCorrect',
-        meta: {title: '作业批改'},
+        meta: { title: '作业批改', showBread: true }
       },
       {
         path: '/newClassTask',
         component: () => import('@/views/classTask/newClassTask.vue'),
         name: 'newClassCorrect',
-        meta: {title: '作业设计'},
+        meta: { title: '作业设计', showBread: true }
       },
       {
         path: '/examReport',
         component: () => import('@/views/examReport/index.vue'),
         name: 'examReport',
-        meta: {title: '考试分析'}
+        meta: { title: '考试分析', showBread: true }
       },
       {
         path: '/hashrate',
         component: () => import('@/views/hashrate/index.vue'),
         name: 'hashrate',
-        meta: {title: '算力'}
+        meta: { title: '算力' }
       },
       {
         path: '/setting',
         component: () => import('@/views/setting/index.vue'),
         name: 'setting',
-        meta: {title: '设置'}
+        meta: { title: '设置' }
-      },
+      }
       {
         path: '/joinSchool',
         component: () => import('@/views/joinSchool/index.vue'),

src/renderer/src/views/classManage/components/newClass.vue

@@ -0,0 +1,232 @@
+<template>
+    <div>
+        <el-dialog v-model="dialogVisible" title="创建班级" width="50%" append-to-body>
+        <el-form
+          style="width: 100%"
+          label-width="auto"
+          :model="classForm"
+          :rules="rules"
+          ref="myForm"
+        >
+          <el-form-item label="班级名称" style="margin-right: 10px;width: 100%" prop="caption">
+            <el-input v-model="classForm.caption" placeholder="请输入班级名称"></el-input>
+          </el-form-item>
+          <el-form-item label="任选学科" style="margin-right: 10px;">
+            <el-radio-group v-model="classForm.edusubject" class="ml-4">
+              <template v-for="(item, index) in courseList" :key="index">
+                <el-radio v-if="item.edustage == userStore.edustage" :label="item.itemtitle">{{ item.itemtitle }}</el-radio>
+              </template>
+            </el-radio-group>
+          </el-form-item>
+          <el-form-item label="年级" style="margin-right: 10px;" prop="agekey">
+            <el-radio-group v-model="classForm.agekey">
+              <template v-for="(item, index) in gradeList" :key="index">
+                <el-radio v-if="item.edustage == userStore.edustage" :label="item.agekey">{{ item.label }}</el-radio>
+              </template>
+            </el-radio-group>
+          </el-form-item>
+          <el-form-item label="老师" prop="teacherid">
+            {{ userStore.nickName }}
+          </el-form-item>
+          <el-form-item label="简要说明" style="margin-right: 10px;" prop="classdesc">
+            <el-input v-model="classForm.classdesc" placeholder="请输入简要说明"></el-input>
+          </el-form-item>
+        </el-form>
+        <template #footer>
+          <el-button @click="dialogVisible = false">取 消</el-button>
+          <el-button type="primary" @click="btnSave">确 定</el-button>
+        </template>
+      </el-dialog>
+    </div>
+</template>
+  
+  <script setup>
+  import { ref, onMounted, reactive, watch, defineEmits, defineExpose } from 'vue'
+  import { listClassmain, addClassmain, listEvaluation } from '@/api/classManage/index'
+  import useUserStore from '@/store/modules/user'
+  import { ElMessage } from 'element-plus'
+  import delClassDemo from '@/store/modules/delClass'
+  
+  const userStore = useUserStore().user
+  const emit = defineEmits(['refreshList'])
+  const isDel = delClassDemo()
+  
+  // 获取班级信息
+  const classList = ref([])
+  // 创建班级基本信息
+  const classForm = reactive({
+    caption: '',
+    classdesc: '',
+    teacherid: '',
+    agekey: '',
+    edusubject: userStore.edusubject,
+    edudegree: userStore.edustage
+  })
+  // 学科列表
+  const courseList = ref([])
+  // 班级id
+  const classId = ref('')
+  // 当前页面
+  const currentIndex = ref(0)
+  // 年级
+  const gradeList = ref([
+    { label: '一年级', value: '1年级', checked: false, edustage: '小学', agekey: 1 },
+    { label: '二年级', value: '2年级', checked: false, edustage: '小学', agekey: 2 },
+    { label: '三年级', value: '3年级', checked: false, edustage: '小学', agekey: 3 },
+    { label: '四年级', value: '4年级', checked: false, edustage: '小学', agekey: 4 },
+    { label: '五年级', value: '5年级', checked: false, edustage: '小学', agekey: 5 },
+    { label: '六年级', value: '6年级', checked: false, edustage: '小学', agekey: 6 },
+    { label: '初一', value: '初一', checked: false, edustage: '初中', agekey: 7 },
+    { label: '初二', value: '初二', checked: false, edustage: '初中', agekey: 8 },
+    { label: '初三', value: '初三', checked: false, edustage: '初中', agekey: 9 },
+    { label: '高一', value: '高一', checked: false, edustage: '高中', agekey: 10 },
+    { label: '高二', value: '高二', checked: false, edustage: '高中', agekey: 11 },
+    { label: '高三', value: '高三', checked: false, edustage: '高中', agekey: 12 },
+  ])
+  // 打开班级
+  const dialogVisible = ref(false)
+  // 校验表单
+  const myForm = ref(null)
+  const rules = reactive({
+    caption: [
+      { required: true, message: '请输入班级名称', trigger: 'blur' },
+      { min: 1, max: 10, message: '班级名称必须是 1-10 位 的字符', trigger: 'blur' }
+    ],
+    agekey: [
+      { required: true, message: '请选择年级', trigger: 'change' }
+    ],
+  })
+  
+  // 获取班级信息
+  const getClassInfo = () => {
+    classList.value = []
+    listClassmain({ entpid: userStore.deptId, pageSize: 500, status: 'open' }).then(response => {
+      response.rows.forEach(item => {
+        if (item.classteacherids && Number(item.classteacherids) === userStore?.id) {
+          classList.value.push(item)
+        }
+      })
+      if (classList.value.length > 0) {
+        classId.value = classList.value[0].id
+        currentIndex.value = 0
+      }
+    });
+  }
+  // 获取所有学科
+  const getCourseList = () => {
+    // 获取基础的学科
+    listEvaluation({ itemkey: "subject", pageSize: 500 }).then((res) => {
+      courseList.value = [...res.rows];
+    });
+  }
+  // 新增班级
+  const addClass = () => {
+    dialogVisible.value = true
+    getCourseList()
+    getClassInfo()
+  }
+  const btnSave = () => {
+    myForm.value.validate((valid) => {
+      if (valid) {
+        // 查看班级是否重名
+        listClassmain({ entpid: userStore.deptId, status: 'open', pageSize: 500 }).then(response => {
+          const data = [...response.rows]
+          const existList = [];
+          data.forEach(item => {
+            if (parseInt(textSimilar(item.caption, classForm.caption, 2)) > 80) {
+              existList.push(item);
+            }
+          })
+  
+          if (existList.length == 0) {
+            const age = classForm.agekey;
+            const index = gradeList.value.findIndex(item => item.agekey === age);
+            classForm.edudegree = gradeList.value[index].value
+            classForm.entpid = userStore.deptId;
+            classForm.status = 'open';
+            classForm.teachername = userStore.nickName;
+            classForm.teacherid = userStore.userId;
+            classForm.teacherSubject = classForm.edusubject;
+            classForm.action = 'new';
+            classForm.teachtype = 'standard';
+            classForm.isSaving = true;
+            addClassmain(classForm).then(response => {
+              if (response.code === 200) {
+                dialogVisible.value = false
+                ElMessage({
+                  message: '新增成功',
+                  type: 'success',
+                })
+                emit('refreshList')
+              }
+            });
+          } else {
+            ElMessage({
+              message: '班级名称重复',
+              type: 'warning',
+            })
+          }
+        })
+      }
+    })
+  }
+  // 文本计算
+  const textSimilar = (s, t, f) => {
+    if (!s || !t) {
+      return 0
+    }
+    if (s === t) {
+      return 100;
+    }
+    var l = s.length > t.length ? s.length : t.length
+    var n = s.length
+    var m = t.length
+    var d = []
+    f = f || 2
+    var min = function (a, b, c) {
+      return a < b ? (a < c ? a : c) : (b < c ? b : c)
+    }
+    var i, j, si, tj, cost
+    if (n === 0) return m
+    if (m === 0) return n
+    for (i = 0; i <= n; i++) {
+      d[i] = []
+      d[i][0] = i
+    }
+    for (j = 0; j <= m; j++) {
+      d[0][j] = j
+    }
+    for (i = 1; i <= n; i++) {
+      si = s.charAt(i - 1)
+      for (j = 1; j <= m; j++) {
+        tj = t.charAt(j - 1)
+        if (si === tj) {
+          cost = 0
+        } else {
+          cost = 1
+        }
+        d[i][j] = min(d[i - 1][j] + 1, d[i][j - 1] + 1, d[i - 1][j - 1] + cost)
+      }
+    }
+    let res = (1 - d[n][m] / l) * 100
+    return res.toFixed(f)
+  }
+  watch(() => isDel.idDelete, () => {
+    // 判断是否更改了班级
+    getClassInfo()
+    isDel.idDelete = false
+  })
+  defineExpose({
+    addClass
+  })
+  </script>
+  
+  <style scoped>
+  .el-card-demo {
+    width: 200px;
+    overflow-y: auto;
+    display: flex;
+    justify-content: space-between;
+    flex-direction: column;
+  }
+  </style>

src/renderer/src/views/classManage/index.vue

@@ -1,14 +1,15 @@
 <template>
   <div class="common-layout">
     <el-container>
-      <el-aside style="width: 200px;">
+      <el-aside style="width: 230px;">
-          <el-card style="width: 200px" class="el-card-demo">
+          <el-card style="width: 230px" class="el-card-demo">
             <div >
               <Aside :menuItems="menuItems" :classList="classList" @handleSelect="handleSelect"></Aside>
             </div>
             <template #footer>
-              <div>
+              <div style="display: flex;">
-                <el-button @click="addClass" type="primary" :icon="Plus" >加入班级</el-button>
+                <el-button @click="addClass" type="primary">加入班级</el-button>
+                <el-button @click="addNewClass" type="primary">创建班级</el-button>
               </div>
             </template>
           </el-card>
@@ -23,11 +24,11 @@
           <!--        分组情况-->
           <BasicGroup v-else-if="currentIndex==2" :classId="classId"></BasicGroup>
         </div>
-
+        <!-- 创建班级 -->
- 
+        <NewClass ref="newClassRef" @refreshList="refreshList"/>
     </el-container>
   </div>
-  <el-dialog v-model="dialogVisible" title="新增班级" width="50%" append-to-body>
+  <el-dialog v-model="dialogVisible" title="加入班级" width="50%" append-to-body>
     <el-form
       style="width: 100%"
       label-width="auto"
@@ -69,11 +70,14 @@
   import BasicGroup from './basicGroup.vue'
   import ClassInfo from './classInfo.vue'
   import Aside from './aside.vue'
+  import NewClass from './components/newClass.vue'
 
   const userStore = useUserStore().user
   const isDel = delClassDemo()
   //获取班级信息
   const classList = ref([])
+  // 创建新班级
+  const newClassRef = ref()
   const menuItems = [
     {
       index: '1-1',
@@ -108,21 +112,6 @@
   const classId = ref(0)
   //当前页面
   const currentIndex = ref(0)
-  //年级
-  const gradeList = ref([
-    { label: '一年级', value: '1年级', checked: false, edustage: '小学', agekey: 1 },
-    { label: '二年级', value: '2年级', checked: false, edustage: '小学', agekey: 2 },
-    { label: '三年级', value: '3年级', checked: false, edustage: '小学', agekey: 3 },
-    { label: '四年级', value: '4年级', checked: false, edustage: '小学', agekey: 4 },
-    { label: '五年级', value: '5年级', checked: false, edustage: '小学', agekey: 5},
-    { label: '六年级', value: '6年级', checked: false, edustage: '小学', agekey: 6 },
-    { label: '初一', value: '初一', checked: false, edustage: '初中', agekey: 7 },
-    { label: '初二', value: '初二', checked: false, edustage: '初中', agekey: 8 },
-    { label: '初三', value: '初三', checked: false, edustage: '初中', agekey: 9 },
-    { label: '高一', value: '高一', checked: false, edustage: '高中', agekey: 10 },
-    { label: '高二', value: '高二', checked: false, edustage: '高中', agekey: 11 },
-    { label: '高三', value: '高三', checked: false, edustage: '高中', agekey: 12 },
-  ])
   //打开班级
   const dialogVisible = ref(false)
   //班级列表
@@ -287,6 +276,14 @@
     classId.value = obj.id
     currentIndex.value = obj.index
   }
+  // 创建班级
+  const addNewClass = () => {
+    newClassRef.value.addClass()
+  }
+  // 刷新列表
+  const refreshList = () => {
+    getClassInfo()
+  }
 
   onMounted(() => {
     getClassInfo()

src/renderer/src/views/classTask/classTaskAssign.vue

@@ -1,15 +1,10 @@
 <template>
   <div class="page-classTaskAssign flex">
-    <el-menu
+
-      default-active="1"
+    <!--左侧 教材 目录-->
-      class="el-menu-vertical-demo"
+    <div v-if="!isCollapse" style="height: 100%;overflow: hidden;">
-      :collapse="isCollapse"
+      <ChooseTextbook @change-book="getData" @node-click="getData" />
-    >
+    </div>
-      <!--左侧 教材 目录-->
-      <div v-if="!isCollapse" style="height: 100%;overflow: hidden;">
-        <ChooseTextbook @change-book="getData" @node-click="getData" />
-      </div>
-    </el-menu>
 
     <div class="page-right" :style="{'margin-left': isCollapse ? '0' : '20px'}">
       <!-- 标题 -->

src/renderer/src/views/classTask/newClassTask.vue

@@ -1,15 +1,11 @@
 <template>
   <div class="page-newcalsetask flex">
-    <el-menu
+
-      default-active="1"
-      class="el-menu-vertical-demo"
-      :collapse="isCollapse"
-    >
       <!--左侧 教材 目录-->
       <div v-if="!isCollapse" style="height: 100%;overflow: hidden;">
         <ChooseTextbook @change-book="getData" @node-click="getData" />
       </div>
-    </el-menu>
+
 
     <div class="page-right" :style="{'margin-left': isCollapse ? '0' : '20px'}">
       <!-- 标题 -->

src/renderer/src/views/curriculum-standards/container/pdf-template.vue

@@ -0,0 +1,28 @@
+<template>
+  <div class="container-pdf">
+    <PDF :url="pdfUrl" :showCatalog="false" v-if="pdfUrl" />
+  </div>
+  
+
+</template>
+
+<script setup>
+import { ref, onMounted, nextTick } from 'vue';
+import PDF from '@/components/PdfJs/index.vue'
+import { sessionStore } from '@/utils/store'
+
+
+const pdfUrl = ref('')
+
+onMounted(async () =>{
+  await nextTick()
+  const { fileurl } = sessionStore.get('subject.curBook')
+  pdfUrl.value = import.meta.env.VITE_APP_RES_FILE_PATH + fileurl.replace('.txt','.pdf')
+})
+</script>
+
+<style lang="scss" scoped>
+.container-pdf{
+  height: 100%;
+}
+</style>

src/renderer/src/views/curriculum-standards/container/question-answer.vue

@@ -0,0 +1,153 @@
+<template>
+  <div class="question-container">
+    <div class="question-main">
+      <div class="question-item">
+        <div class="item-con">
+          <div class="item-q flex">
+            <div class="q-user">
+              <i class="iconfont icon-touxiang"></i>
+            </div>
+            <div class="q-text">研读课程标准，提取出与本课相关的核心素养与课程目标</div>
+          </div>
+          <div class="item-a flex">
+            <div class="a-user">
+              语
+            </div>
+            <div class="a-text">
+              <p> 语言的建构与运用：学生在丰富的语言实践中，通过主动的积累、梳理和整合，逐步掌握祖国语言文字特点及其规律，形成个体言语经验，发展在具体语言情境中正确有效地运用祖国语言文字进行交流沟通的能力。</p>
+              <a class="" href="">来自《高中语文课程标准2020》，点击查看原文：第4页</a>
+              <p>语言建构有两方面的内涵：第一是指出于表达思想的目的，按照语言内部系统来建构话语-用词汇组构句子，用句子组构段落和篇章。第二是指每个人在个人言语经验的基础上，逐步建构起自己的言语表达体系，包括每个人的言语心理词典、句典和表达习惯。</p>
+              <a href="">来自《高中语文课程标准解读》，点击查看原文：第58页</a>
+              <p>高中语文课程标准2003版本中没有核心素养相关表达。 </p>
+              <a href="">来自《高中语文课程标准2003》 </a>
+            </div>
+          </div>
+        </div>
+        <div class="item-icon flex">
+          <div class="flex">
+            <span>
+              <i class="iconfont icon-fuzhi"></i>
+              复制
+            </span>
+            <span>
+              <i class="iconfont icon-bianji-gangbi"></i>
+              写评价
+            </span>
+            <span>
+              <i class="iconfont icon-rss-line"></i>
+              添加到微教研
+            </span>
+          </div>
+          <div>
+            <span>
+              <i class="iconfont icon-tianjia"></i>
+              保存
+            </span>
+          </div>
+        </div>
+      </div>
+    </div>
+    <el-input v-model="textarea" class="question-textarea" resize="none"  :rows="2" type="textarea" placeholder="在这里输入发消息，输入@或/选择" />
+  </div>
+</template>
+
+<script setup>
+import { ref } from 'vue'
+const textarea = ref('')
+</script>
+
+<style lang="scss" scoped>
+.question-container {
+  padding: 10px 15px;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+  .question-item {
+    display: flex;
+    flex-direction: column;
+
+    .item-con {
+      background: #fff;
+      border-radius: 5px;
+      padding: 10px;
+
+      .item-q {
+        align-items: center;
+        width: 100%;
+        margin-bottom: 10px;
+
+        .q-user {
+          width: 30px;
+          height: 30px;
+          background: #F6F6F6;
+          border-radius: 50%;
+          margin-right: 10px;
+
+          .icon-touxiang {
+            font-size: 18px;
+            font-weight: bold;
+          }
+        }
+
+        .q-text {
+          color: #409eff;
+          font-size: 13px;
+        }
+      }
+
+      .item-a {
+        color: #3D3D3D;
+        font-size: 13px;
+
+        .a-user {
+          width: 30px;
+          height: 30px;
+          line-height: 30px;
+          text-align: center;
+          background: #F6F6F6;
+          border-radius: 50%;
+          margin-right: 10px;
+          flex-shrink: 0;
+
+        }
+
+        .a-text {
+          text-align: left;
+          a{
+            color: #409eff;
+            text-decoration: underline;
+            margin-bottom: 15px;
+            display: block;
+          }
+        }
+      }
+    }
+    .item-icon{
+      justify-content: space-between;
+      align-items: center;
+      color: #3D3D3D;
+      margin-top: 10px;
+      font-size: 13px;
+      span{
+        display: flex;
+        align-items: center;
+        cursor: pointer;
+        margin-right: 10px;
+    
+        &:hover{
+          background: #F5F7FA
+        }
+      }
+      .iconfont{
+        margin-right: 3px;
+        color: #3498fc;
+      }
+    }
+  }
+
+  .question-textarea {
+    width: 100%;
+  }
+}
+</style>

src/renderer/src/views/curriculum-standards/container/read-result.vue

@@ -0,0 +1,210 @@
+<template>
+  <div class="read-container">
+
+    <div class="template-list">
+      <el-row>
+        <el-col :span="24">
+          <div class="template-item">
+            <div class="item-header"><span class="blue">#</span>核心素养与课程目标</div>
+            <div class="item-text">研读课程标准，提取出与本课相关的核心素养与课程目标</div>
+          </div>
+        </el-col>
+      </el-row>
+      <el-row>
+        <el-col :span="24">
+          <div class="template-item">
+            <div class="item-header"><span class="blue">#</span>课程内容相关</div>
+            <div class="item-text">研读课程标准，提取出与本课相关的课程内容要求
+            </div>
+          </div>
+        </el-col>
+      </el-row>
+      <el-row>
+        <el-col :span="24">
+          <div class="template-item">
+            <div class="item-header"><span class="blue">#</span>学业质量要求</div>
+            <div class="item-text">研读课程标准，提取出与本课相关的学业水平要求，包括水平一、水平二、水平三各自的要求描述
+            </div>
+          </div>
+        </el-col>
+      </el-row>
+      <el-row>
+        <el-col :span="24">
+          <div class="template-item">
+            <div class="item-header"><span class="blue">#</span>教学实施建议</div>
+            <div class="item-text">研读课程标准，提取出与本课相关的教学实施建议
+            </div>
+          </div>
+        </el-col>
+      </el-row>
+      <el-row>
+        <el-col :span="24">
+          <div class="template-item template-item-result">
+            <div class="result-item-header">
+              <i class="iconfont icon-xiaoxi"></i>
+              语言建构与运用是指学生在丰富的语言实践中，通过主动的积累、梳理和整合，逐步掌握祖国语言文字特点及其运用规律，形成个体言语经验......
+            </div>
+            <div class="result-icon-btn flex pl-25">
+              <div class="flex">
+                <span><i class="iconfont icon-fuzhi"></i>复制</span>
+                <span><i class="iconfont icon-bianji-gangbi"></i>写想法</span>
+              </div>
+              <div>
+                <span><i class="iconfont icon-tianjia"></i>加入备课篮</span>
+              </div>
+            </div>
+            <div class="line"></div>
+            <div class="other-msg pl-25">
+              <div class="other-user flex">
+                <i class="iconfont icon-touxiang"></i>
+                重庆市酉阳县二中 - 李丽
+              </div>
+              <div class="other-text flex">北师大王宁老师说，语言建构有两方面的含义。一是指出于表达思想的目的，二是指在个人言语经验的基础上，逐步建构起自己的言语体系</div>
+            </div>
+          </div>
+        </el-col>
+      </el-row>
+    </div>
+  </div>
+</template>
+
+<script setup>
+
+</script>
+
+<style lang="scss" scoped>
+.read-container {
+  padding: 15px;
+
+  .el-dropdown-link {
+    font-weight: bold;
+
+    .el-icon--right {
+      font-weight: bold;
+    }
+  }
+
+  .read-header {
+    justify-content: space-between;
+    align-items: center;
+
+    .add-btn {
+      font-size: 13px;
+
+      .icon-jiahao {
+        margin-right: 3px;
+        font-size: 14px;
+      }
+    }
+
+  }
+
+  .template-list {
+
+    .template-item {
+      background: #fff;
+      padding: 10px;
+      margin-bottom: 10px;
+      border-radius: 5px;
+
+      .item-header {
+        display: flex;
+        align-items: center;
+        font-size: 16px;
+        font-weight: bold;
+        color: #000;
+
+        .blue {
+          font-size: 22px;
+          color: #409eff;
+          margin-right: 5px;
+        }
+      }
+
+      .item-text {
+        display: flex;
+        color: #409eff;
+        font-size: 13px;
+        padding-left: 20px;
+        text-align: left;
+      }
+    }
+  }
+
+  .template-item-result {
+    background: #DDEAFD !important;
+
+    .result-item-header {
+      display: flex;
+      align-items: flex-start;
+      text-align: left;
+      font-size: 16px;
+      font-weight: bold;
+      color: #3D3D3D;
+
+      .icon-xiaoxi {
+        color: #5881D5;
+        font-weight: bold;
+        font-size: 20px;
+        margin-right: 10px;
+      }
+    }
+
+    .result-icon-btn {
+      justify-content: space-between;
+      font-size: 13px;
+      margin-top: 5px;
+
+      span {
+        display: flex;
+        align-items: center;
+        cursor: pointer;
+        margin-right: 10px;
+
+        &:hover {
+          background: #cfe0fa
+        }
+      }
+
+      .iconfont {
+        margin-right: 3px;
+        color: #3498fc;
+      }
+    }
+
+    .line {
+      height: 1px;
+      background: #D8D8D8;
+      margin: 10px 0;
+    }
+
+    .other-msg {
+      font-size: 13px;
+
+      .other-user {
+        align-items: center;
+        color: #BA4B0F;
+        font-size: 12px;
+
+        .icon-touxiang {
+          color: #BA4B0F;
+          font-weight: bold;
+          font-size: 16px;
+          margin-right: 5px;
+        }
+      }
+
+      .other-text {
+        color: #191919;
+        text-align: left;
+      }
+    }
+
+
+  }
+}
+
+.pl-25 {
+  padding-left: 25px;
+}
+</style>

src/renderer/src/views/curriculum-standards/container/read-template.vue

@@ -0,0 +1,126 @@
+<template>
+  <div class="read-container">
+    <div class="read-header flex">
+      <el-dropdown>
+        <span class="el-dropdown-link">
+          课标研读模板
+          <i class="iconfont icon-xiangxia" </i>
+        </span>
+        <template #dropdown>
+          <el-dropdown-menu>
+            <el-dropdown-item>课标研读模板一</el-dropdown-item>
+            <el-dropdown-item>课标研读模板二</el-dropdown-item>
+          </el-dropdown-menu>
+        </template>
+      </el-dropdown>
+      <el-button text class="add-btn">
+        <i class="iconfont icon-jiahao"></i>
+        添加
+      </el-button>
+    </div>
+    <div class="template-list">
+      <el-row>
+        <el-col :span="24">
+          <div class="template-item">
+            <div class="item-header"><span class="blue">#</span>核心素养与课标目标</div>
+            <div class="item-text">研读课程标准，提取出与本课相关的核心素养与课程目标</div>
+          </div>
+        </el-col>
+      </el-row>
+      <el-row>
+        <el-col :span="24">
+          <div class="template-item">
+            <div class="item-header"><span class="blue">#</span>课程内容要求</div>
+            <div class="item-text">研读课程标准，提取出与本课相关的课程内容要求
+            </div>
+          </div>
+        </el-col>
+      </el-row>
+      <el-row>
+        <el-col :span="24">
+          <div class="template-item">
+            <div class="item-header"><span class="blue">#</span>学业质量要求</div>
+            <div class="item-text">研读课程标准，提取出与本课相关的学业水平要求，包括水平一、水平二、水平三各自的要求描述
+            </div>
+          </div>
+        </el-col>
+      </el-row>
+      <el-row>
+        <el-col :span="24">
+          <div class="template-item">
+            <div class="item-header"><span class="blue">#</span>教学实施建议</div>
+            <div class="item-text">研读课程标准，提取出与本课相关的教学实施建议
+            </div>
+          </div>
+        </el-col>
+      </el-row>
+    </div>
+  </div>
+</template>
+
+<script setup>
+
+</script>
+
+<style lang="scss" scoped>
+.read-container {
+  padding: 15px;
+
+  .el-dropdown-link {
+    font-weight: bold;
+
+    .el-icon--right {
+      font-weight: bold;
+    }
+  }
+
+  .read-header {
+    justify-content: space-between;
+    align-items: center;
+
+    .add-btn {
+      font-size: 13px;
+
+      .icon-jiahao {
+        margin-right: 3px;
+        font-size: 14px;
+      }
+    }
+
+  }
+
+  .template-list {
+    margin-top: 15px;
+
+    .template-item {
+      background: #fff;
+      padding: 10px;
+      margin-bottom: 10px;
+      border-radius: 5px;
+
+      .item-header {
+        display: flex;
+        align-items: center;
+        font-size: 16px;
+        font-weight: bold;
+        color: #3D3D3D;
+
+        .blue {
+          font-size: 22px;
+          color: #409eff;
+          margin-right: 5px;
+        }
+      }
+
+      .item-text {
+        display: flex;
+        color: #409eff;
+        font-size: 13px;
+        padding-left: 20px;
+        text-align: left;
+      }
+    }
+  }
+
+}
+</style>

src/renderer/src/views/curriculum-standards/index.vue

@@ -0,0 +1,178 @@
+<template>
+  <div class="page-curriculum flex">
+    <el-row>
+      <el-col :span="12" class="flex">
+        <div class="page-left">
+          <template v-if="activeMenu == 1">
+            <div class="page-title">课程标准研读</div>
+            <el-radio-group v-model="radio" @change="changeRadio">
+              <el-radio :value="item.value" v-for="item in radioList">{{ item.label }}</el-radio>
+            </el-radio-group>
+            <div class="list">
+              <ul>
+                <li v-for="(item, index) in list" :class="activeIndex == index ? 'li-active' : ''"
+                  @click="clickItem(index)">
+                  <el-image class="img" :src="item.url" />
+                  <span>{{ item.name }}</span>
+                </li>
+              </ul>
+            </div>
+          </template>
+          <template v-if="activeMenu != 1">
+            <PdfTemplate/>
+          </template>
+        </div>
+      </el-col>
+      <el-col :span="12" class="flex">
+        <div class="page-right">
+          <div class="right-header">
+            <el-button text :type="activeMenu == item.value ? 'primary' : ''" v-for="item in contentMenu"
+              @click="onClickMenu(item)">{{ item.label
+              }}</el-button>
+          </div>
+          <div class="right-con">
+            <ReadTemplate v-if="activeMenu == 1" />
+            <QuestionAnswer v-if="activeMenu == 2" />
+            <ReadResult v-if="activeMenu == 3" />
+          </div>
+        </div>
+      </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script setup>
+import { ref } from 'vue'
+import ReadTemplate from './container/read-template.vue';
+import QuestionAnswer from './container/question-answer.vue'
+import ReadResult from './container/read-result.vue'
+import PdfTemplate from './container/pdf-template.vue'
+
+const url = 'https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fsafe-img.xhscdn.com%2Fbw1%2F11044b08-04c1-41a0-a453-1fd20b58a614%3FimageView2%2F2%2Fw%2F1080%2Fformat%2Fjpg&refer=http%3A%2F%2Fsafe-img.xhscdn.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1732953359&t=7ab1d1b3a903db85b1149914407aea35'
+
+/************************左侧************* */
+const radio = ref(1)
+const radioList = ref([
+  { label: '浏览研读', value: 1 },
+  { label: '跨学科研读', value: 2 },
+  { label: '跨学段研读', value: 3 },
+  { label: '课标修订研读', value: 4 },
+  { label: '自由研读', value: 5 },
+])
+const list = ref([
+  {
+    name: '高中语文课程标准',
+    url
+  }
+])
+const changeRadio = () => {
+  list.value = []
+  for (let i = 0; i < Math.floor(Math.random() * 5) + 1; i++) {
+    list.value.push({
+      name: '高中语文课程标准',
+      url
+    })
+  }
+}
+const activeIndex = ref(-1)
+
+const clickItem = (index) => {
+  activeIndex.value = index
+}
+
+
+/************************右侧************* */
+
+const contentMenu = [
+  { label: '研读模板', value: 1 },
+  { label: '问答模板', value: 2 },
+  { label: '研读结果', value: 3 }
+]
+const activeMenu = ref(1)
+const onClickMenu = (item) => {
+  activeMenu.value = item.value
+}
+
+
+</script>
+
+<style lang="scss" scoped>
+.page-curriculum {
+  height: 100%;
+  background: #fff;
+  border-radius: 5px;
+  overflow: hidden;
+
+  .el-row {
+    width: 100%;
+
+    .page-left {
+      width: 100%;
+      padding: 0 20px;
+      box-sizing: border-box;
+
+      .page-title {
+        font-size: 20px;
+        padding: 20px 0;
+      }
+
+      .list {
+        ul {
+          display: flex;
+          flex-wrap: wrap;
+
+          li {
+            display: flex;
+            flex-direction: column;
+            font-size: 13px;
+            padding: 10px;
+            cursor: pointer;
+            border-radius: 5px;
+            overflow: hidden;
+            margin-right: 20px;
+            margin-bottom: 10px;
+
+            .img {
+              width: 100px;
+              height: 130px;
+              border: solid #ccc 1px;
+              margin-bottom: 10px;
+            }
+
+            &:hover {
+              background: #E0EAFF;
+            }
+          }
+
+          .li-active {
+            background: #E0EAFF;
+          }
+
+        }
+      }
+    }
+
+    .page-right {
+      width: 100%;
+      background: #F6F6F6;
+      border-left: solid #ececec 1px;
+      display: flex;
+      flex-direction: column;
+
+      .right-header {
+        padding-left: 30px;
+        height: 45px;
+        display: flex;
+        align-items: center;
+        background: #fff;
+        border-bottom: solid #ececec 1px;
+      }
+
+      .right-con {
+        flex: 1;
+      }
+    }
+  }
+
+}
+</style>

src/renderer/src/views/desktop/index.vue

@@ -94,7 +94,7 @@ const menuList = [{
       {
         name: '教学实践',
         icon: '#icon-jiaoxueshijian',
-        path: '/prepare',
+        path: 'prepare',
         id: '1-5'
       },
       {

src/renderer/src/views/examination-analysis/container/pdf-template.vue

@@ -0,0 +1,28 @@
+<template>
+  <div class="container-pdf">
+    <PDF :url="pdfUrl" :showCatalog="false" v-if="pdfUrl" />
+  </div>
+  
+
+</template>
+
+<script setup>
+import { ref, onMounted, nextTick } from 'vue';
+import PDF from '@/components/PdfJs/index.vue'
+import { sessionStore } from '@/utils/store'
+
+
+const pdfUrl = ref('')
+
+onMounted(async () =>{
+  await nextTick()
+  const { fileurl } = sessionStore.get('subject.curBook')
+  pdfUrl.value = import.meta.env.VITE_APP_RES_FILE_PATH + fileurl.replace('.txt','.pdf')
+})
+</script>
+
+<style lang="scss" scoped>
+.container-pdf{
+  height: 100%;
+}
+</style>

src/renderer/src/views/examination-analysis/container/question-answer.vue

@@ -0,0 +1,153 @@
+<template>
+  <div class="question-container">
+    <div class="question-main">
+      <div class="question-item">
+        <div class="item-con">
+          <div class="item-q flex">
+            <div class="q-user">
+              <i class="iconfont icon-touxiang"></i>
+            </div>
+            <div class="q-text">研读课程标准，提取出与本课相关的核心素养与课程目标</div>
+          </div>
+          <div class="item-a flex">
+            <div class="a-user">
+              语
+            </div>
+            <div class="a-text">
+              <p> 语言的建构与运用：学生在丰富的语言实践中，通过主动的积累、梳理和整合，逐步掌握祖国语言文字特点及其规律，形成个体言语经验，发展在具体语言情境中正确有效地运用祖国语言文字进行交流沟通的能力。</p>
+              <a class="" href="">来自《高中语文课程标准2020》，点击查看原文：第4页</a>
+              <p>语言建构有两方面的内涵：第一是指出于表达思想的目的，按照语言内部系统来建构话语-用词汇组构句子，用句子组构段落和篇章。第二是指每个人在个人言语经验的基础上，逐步建构起自己的言语表达体系，包括每个人的言语心理词典、句典和表达习惯。</p>
+              <a href="">来自《高中语文课程标准解读》，点击查看原文：第58页</a>
+              <p>高中语文课程标准2003版本中没有核心素养相关表达。 </p>
+              <a href="">来自《高中语文课程标准2003》 </a>
+            </div>
+          </div>
+        </div>
+        <div class="item-icon flex">
+          <div class="flex">
+            <span>
+              <i class="iconfont icon-fuzhi"></i>
+              复制
+            </span>
+            <span>
+              <i class="iconfont icon-bianji-gangbi"></i>
+              写评价
+            </span>
+            <span>
+              <i class="iconfont icon-rss-line"></i>
+              添加到微教研
+            </span>
+          </div>
+          <div>
+            <span>
+              <i class="iconfont icon-tianjia"></i>
+              保存
+            </span>
+          </div>
+        </div>
+      </div>
+    </div>
+    <el-input v-model="textarea" class="question-textarea" resize="none"  :rows="2" type="textarea" placeholder="在这里输入发消息，输入@或/选择" />
+  </div>
+</template>
+
+<script setup>
+import { ref } from 'vue'
+const textarea = ref('')
+</script>
+
+<style lang="scss" scoped>
+.question-container {
+  padding: 10px 15px;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+  .question-item {
+    display: flex;
+    flex-direction: column;
+
+    .item-con {
+      background: #fff;
+      border-radius: 5px;
+      padding: 10px;
+
+      .item-q {
+        align-items: center;
+        width: 100%;
+        margin-bottom: 10px;
+
+        .q-user {
+          width: 30px;
+          height: 30px;
+          background: #F6F6F6;
+          border-radius: 50%;
+          margin-right: 10px;
+
+          .icon-touxiang {
+            font-size: 18px;
+            font-weight: bold;
+          }
+        }
+
+        .q-text {
+          color: #409eff;
+          font-size: 13px;
+        }
+      }
+
+      .item-a {
+        color: #3D3D3D;
+        font-size: 13px;
+
+        .a-user {
+          width: 30px;
+          height: 30px;
+          line-height: 30px;
+          text-align: center;
+          background: #F6F6F6;
+          border-radius: 50%;
+          margin-right: 10px;
+          flex-shrink: 0;
+
+        }
+
+        .a-text {
+          text-align: left;
+          a{
+            color: #409eff;
+            text-decoration: underline;
+            margin-bottom: 15px;
+            display: block;
+          }
+        }
+      }
+    }
+    .item-icon{
+      justify-content: space-between;
+      align-items: center;
+      color: #3D3D3D;
+      margin-top: 10px;
+      font-size: 13px;
+      span{
+        display: flex;
+        align-items: center;
+        cursor: pointer;
+        margin-right: 10px;
+    
+        &:hover{
+          background: #F5F7FA
+        }
+      }
+      .iconfont{
+        margin-right: 3px;
+        color: #3498fc;
+      }
+    }
+  }
+
+  .question-textarea {
+    width: 100%;
+  }
+}
+</style>

src/renderer/src/views/examination-analysis/container/read-result.vue

@@ -0,0 +1,174 @@
+<template>
+  <div class="read-container">
+
+    <div class="template-list">
+      <el-row>
+        <el-col :span="24">
+          <div class="template-item">
+            <div class="item-header"><span class="blue">#</span>历年高考真题分析</div>
+            <div class="item-text">研读课程标准，提取出与本课相关的核心素养与课程目标</div>
+          </div>
+        </el-col>
+      </el-row>
+      <el-row>
+        <el-col :span="24">
+          <div class="template-item">
+            <div class="item-header"><span class="blue">#</span>新课标与新高考改革分析</div>
+            <div class="item-text">研读课程标准，提取出与本课相关的核心素养与课程目标
+            </div>
+          </div>
+        </el-col>
+      </el-row>
+      <el-row>
+        <el-col :span="24">
+          <div class="template-item">
+            <div class="item-header"><span class="blue">#</span>模拟命题</div>
+            <div class="item-text">研读课程标准，提取出与本课相关的核心素养与课程目标
+            </div>
+          </div>
+        </el-col>
+      </el-row>
+    </div>
+  </div>
+</template>
+
+<script setup>
+
+</script>
+
+<style lang="scss" scoped>
+.read-container {
+  padding: 15px;
+
+  .el-dropdown-link {
+    font-weight: bold;
+
+    .el-icon--right {
+      font-weight: bold;
+    }
+  }
+
+  .read-header {
+    justify-content: space-between;
+    align-items: center;
+
+    .add-btn {
+      font-size: 13px;
+
+      .icon-jiahao {
+        margin-right: 3px;
+        font-size: 14px;
+      }
+    }
+
+  }
+
+  .template-list {
+
+    .template-item {
+      background: #fff;
+      padding: 10px;
+      margin-bottom: 10px;
+      border-radius: 5px;
+
+      .item-header {
+        display: flex;
+        align-items: center;
+        font-size: 16px;
+        font-weight: bold;
+        color: #000;
+
+        .blue {
+          font-size: 22px;
+          color: #409eff;
+          margin-right: 5px;
+        }
+      }
+
+      .item-text {
+        display: flex;
+        color: #409eff;
+        font-size: 13px;
+        padding-left: 20px;
+        text-align: left;
+      }
+    }
+  }
+
+  .template-item-result {
+    background: #DDEAFD !important;
+
+    .result-item-header {
+      display: flex;
+      align-items: flex-start;
+      text-align: left;
+      font-size: 16px;
+      font-weight: bold;
+      color: #3D3D3D;
+
+      .icon-xiaoxi {
+        color: #5881D5;
+        font-weight: bold;
+        font-size: 20px;
+        margin-right: 10px;
+      }
+    }
+
+    .result-icon-btn {
+      justify-content: space-between;
+      font-size: 13px;
+      margin-top: 5px;
+
+      span {
+        display: flex;
+        align-items: center;
+        cursor: pointer;
+        margin-right: 10px;
+
+        &:hover {
+          background: #cfe0fa
+        }
+      }
+
+      .iconfont {
+        margin-right: 3px;
+        color: #3498fc;
+      }
+    }
+
+    .line {
+      height: 1px;
+      background: #D8D8D8;
+      margin: 10px 0;
+    }
+
+    .other-msg {
+      font-size: 13px;
+
+      .other-user {
+        align-items: center;
+        color: #BA4B0F;
+        font-size: 12px;
+
+        .icon-touxiang {
+          color: #BA4B0F;
+          font-weight: bold;
+          font-size: 16px;
+          margin-right: 5px;
+        }
+      }
+
+      .other-text {
+        color: #191919;
+        text-align: left;
+      }
+    }
+
+
+  }
+}
+
+.pl-25 {
+  padding-left: 25px;
+}
+</style>

src/renderer/src/views/examination-analysis/container/read-template.vue

@@ -0,0 +1,116 @@
+<template>
+  <div class="read-container">
+    <div class="read-header flex">
+      <el-dropdown>
+        <span class="el-dropdown-link">
+          课标研读模板
+          <i class="iconfont icon-xiangxia" </i>
+        </span>
+        <template #dropdown>
+          <el-dropdown-menu>
+            <el-dropdown-item>考试分析模板一</el-dropdown-item>
+          </el-dropdown-menu>
+        </template>
+      </el-dropdown>
+      <el-button text class="add-btn">
+        <i class="iconfont icon-jiahao"></i>
+        添加
+      </el-button>
+    </div>
+    <div class="template-list">
+      <el-row>
+        <el-col :span="24">
+          <div class="template-item">
+            <div class="item-header"><span class="blue">#</span>历年高考真题分析</div>
+            <div class="item-text">研读课程标准，提取出与本课相关的核心素养与课程目标</div>
+          </div>
+        </el-col>
+      </el-row>
+      <el-row>
+        <el-col :span="24">
+          <div class="template-item">
+            <div class="item-header"><span class="blue">#</span>新课标与新高考改革分析</div>
+            <div class="item-text">研读课程标准，提取出与本课相关的核心素养与课程目标
+            </div>
+          </div>
+        </el-col>
+      </el-row>
+      <el-row>
+        <el-col :span="24">
+          <div class="template-item">
+            <div class="item-header"><span class="blue">#</span>模拟命题</div>
+            <div class="item-text">研读课程标准，提取出与本课相关的核心素养与课程目标
+            </div>
+          </div>
+        </el-col>
+      </el-row>
+    </div>
+  </div>
+</template>
+
+<script setup>
+
+</script>
+
+<style lang="scss" scoped>
+.read-container {
+  padding: 15px;
+
+  .el-dropdown-link {
+    font-weight: bold;
+
+    .el-icon--right {
+      font-weight: bold;
+    }
+  }
+
+  .read-header {
+    justify-content: space-between;
+    align-items: center;
+
+    .add-btn {
+      font-size: 13px;
+
+      .icon-jiahao {
+        margin-right: 3px;
+        font-size: 14px;
+      }
+    }
+
+  }
+
+  .template-list {
+    margin-top: 15px;
+
+    .template-item {
+      background: #fff;
+      padding: 10px;
+      margin-bottom: 10px;
+      border-radius: 5px;
+
+      .item-header {
+        display: flex;
+        align-items: center;
+        font-size: 16px;
+        font-weight: bold;
+        color: #3D3D3D;
+
+        .blue {
+          font-size: 22px;
+          color: #409eff;
+          margin-right: 5px;
+        }
+      }
+
+      .item-text {
+        display: flex;
+        color: #409eff;
+        font-size: 13px;
+        padding-left: 20px;
+        text-align: left;
+      }
+    }
+  }
+
+}
+</style>

src/renderer/src/views/examination-analysis/index.vue

@@ -0,0 +1,177 @@
+<template>
+  <div class="page-curriculum flex">
+    <el-row>
+      <el-col :span="12" class="flex">
+        <div class="page-left">
+          <template v-if="activeMenu == 1">
+            <div class="page-title">考试分析</div>
+            <el-radio-group v-model="radio" @change="changeRadio">
+              <el-radio :value="item.value" v-for="item in radioList">{{ item.label }}</el-radio>
+            </el-radio-group>
+            <div class="list">
+              <ul>
+                <li v-for="(item, index) in list" :class="activeIndex == index ? 'li-active' : ''"
+                  @click="clickItem(index)">
+                  <el-image class="img" :src="item.url" />
+                  <span>{{ item.name }}</span>
+                </li>
+              </ul>
+            </div>
+          </template>
+          <template v-if="activeMenu != 1">
+            <PdfTemplate/>
+          </template>
+        </div>
+      </el-col>
+      <el-col :span="12" class="flex">
+        <div class="page-right">
+          <div class="right-header">
+            <el-button text :type="activeMenu == item.value ? 'primary' : ''" v-for="item in contentMenu"
+              @click="onClickMenu(item)">{{ item.label
+              }}</el-button>
+          </div>
+          <div class="right-con">
+            <ReadTemplate v-if="activeMenu == 1" />
+            <QuestionAnswer v-if="activeMenu == 2" />
+            <ReadResult v-if="activeMenu == 3" />
+          </div>
+        </div>
+      </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script setup>
+import { ref } from 'vue'
+import ReadTemplate from './container/read-template.vue';
+import QuestionAnswer from './container/question-answer.vue'
+import ReadResult from './container/read-result.vue'
+import PdfTemplate from './container/pdf-template.vue'
+
+const url = 'http://t13.baidu.com/it/u=3055765737,2452458153&fm=224&app=112&f=JPEG?w=500&h=500'
+
+/************************左侧************* */
+const radio = ref(1)
+const radioList = ref([
+  { label: '浏览研读', value: 1 },
+  { label: '跨学科研读', value: 2 },
+  { label: '文献研读', value: 3 },
+  { label: '模拟命题', value: 4 },
+])
+const list = ref([
+  {
+    name: '2021年高考真题',
+    url
+  }
+])
+const changeRadio = () => {
+  list.value = []
+  for (let i = 0; i < Math.floor(Math.random() * 5) + 1; i++) {
+    list.value.push({
+      name: '2021年高考真题',
+      url
+    })
+  }
+}
+const activeIndex = ref(-1)
+
+const clickItem = (index) => {
+  activeIndex.value = index
+}
+
+
+/************************右侧************* */
+
+const contentMenu = [
+  { label: '分析模板', value: 1 },
+  { label: '问答分析', value: 2 },
+  { label: '分析结果', value: 3 }
+]
+const activeMenu = ref(1)
+const onClickMenu = (item) => {
+  activeMenu.value = item.value
+}
+
+
+</script>
+
+<style lang="scss" scoped>
+.page-curriculum {
+  height: 100%;
+  background: #fff;
+  border-radius: 5px;
+  overflow: hidden;
+
+  .el-row {
+    width: 100%;
+
+    .page-left {
+      width: 100%;
+      padding: 0 20px;
+      box-sizing: border-box;
+
+      .page-title {
+        font-size: 20px;
+        padding: 20px 0;
+      }
+
+      .list {
+        ul {
+          display: flex;
+          flex-wrap: wrap;
+
+          li {
+            display: flex;
+            flex-direction: column;
+            font-size: 13px;
+            padding: 10px;
+            cursor: pointer;
+            border-radius: 5px;
+            overflow: hidden;
+            margin-right: 20px;
+            margin-bottom: 10px;
+
+            .img {
+              width: 100px;
+              height: 130px;
+              border: solid #ccc 1px;
+              margin-bottom: 10px;
+            }
+
+            &:hover {
+              background: #E0EAFF;
+            }
+          }
+
+          .li-active {
+            background: #E0EAFF;
+          }
+
+        }
+      }
+    }
+
+    .page-right {
+      width: 100%;
+      background: #F6F6F6;
+      border-left: solid #ececec 1px;
+      display: flex;
+      flex-direction: column;
+
+      .right-header {
+        padding-left: 30px;
+        height: 45px;
+        display: flex;
+        align-items: center;
+        background: #fff;
+        border-bottom: solid #ececec 1px;
+      }
+
+      .right-con {
+        flex: 1;
+      }
+    }
+  }
+
+}
+</style>

src/renderer/src/views/homePage/index.vue

@@ -1,245 +0,0 @@
-<template>
-  <el-card style="overflow: auto; height: 100%;">
-    <div class="common-layout" style="overflow-y: auto">
-      <el-container>
-        <el-main style="--el-main-padding: 0">
-          <template v-for="(itemFirst, indexFirst) in title" :key="indexFirst">
-            <el-card style="margin-bottom: 10px">
-              <template #header>
-                <div style="text-align: left">{{ itemFirst.name }}</div>
-              </template>
-              <div :class="itemFirst.id === 1 || itemFirst.id === 2 ? 'six' : 'three'">
-                <template v-for="(itemSec, indexSec) in itemFirst.child" :key="indexSec">
-                  <el-popover :disabled="itemSec.child1.length === 0" width="auto" trigger="hover">
-                    <div style="display: flex; justify-content: space-between">
-                      <!--                      鼠标移上去的一列为三级菜单-->
-                      <template v-for="(itemThird, indexThird) in itemSec.child1" :key="indexThird">
-                        <div
-                          style="width: 120px"
-                          :class="[
-                            itemFirst.id == 1
-                              ? 'a1'
-                              : itemFirst.id == 2
-                                ? 'a2'
-                                : itemFirst.id == 3
-                                  ? 'a3'
-                                  : 'a4',
-                            'CustomBox'
-                          ]"
-                          @click="handleOutLink(itemThird.url)"
-                        >
-                          <span :class="itemThird.img"></span>
-                          <span>{{ itemThird.name }}</span>
-                        </div>
-                      </template>
-                    </div>
-                    <!--                    最外层的一列为二级菜单-->
-                    <template #reference>
-                      <div
-                        :class="[
-                          itemFirst.id == 1
-                            ? 'a1'
-                            : itemFirst.id == 2
-                              ? 'a2'
-                              : itemFirst.id == 3
-                                ? 'a3'
-                                : 'a4',
-                          'CustomBox'
-                        ]"
-                        @click="handleOutLink(itemSec.url, itemSec.type)"
-                      >
-                        <span :class="itemSec.img"></span>
-                        <span>{{ itemSec.name }}</span>
-                      </div>
-                    </template>
-                  </el-popover>
-                </template>
-              </div>
-            </el-card>
-          </template>
-        </el-main>
-      </el-container>
-    </div>
-  </el-card>
-</template>
-
-<script setup>
-import { reactive } from 'vue'
-import { useRouter } from 'vue-router'
-import outLink from '@/utils/linkConfig'
-const { ipcRenderer } = window.electron || {}
-const router = useRouter()
-const title = reactive([
-  {
-    name: '教学工作台',
-    img: 'iconfont icon-gongzuotai',
-    id: 1,
-    child: [
-      {
-        name: '课程教学',
-        img: 'iconfont icon-PPT',
-        type: 'hash',
-        url: '/prepare',
-        child1: []
-      },
-      {
-        name: '作业管理',
-        img: 'iconfont icon-36zuoyepingtai',
-        url: '/teaching/classtaskassign?titleName=作业布置',
-        child1: []
-      }
-    ]
-  },
-  {
-    name: '教学研究室',
-    img: 'iconfont icon-yanjiushi',
-    id: 2,
-    child: [
-      {
-        name: '课程研究',
-        img: 'iconfont icon-shuyi_jiaoxueguanli',
-        child1: [
-          {
-            name: '课标分析',
-            url: '/teaching/chatwithstandard',
-            img: 'iconfont icon-kecheng'
-          },
-          {
-            name: '教材分析',
-            url: '/teaching/chatwithtextbook',
-            img: 'iconfont icon-yanjiushi'
-          }
-        ]
-      },
-      {
-        name: '考试分析',
-        url: '/examReport',
-        img: 'iconfont icon-icon_kaoshifenxi',
-        child1: []
-      },
-      {
-        name: '资源研究',
-        url: '/resource',
-        type: 'hash',
-        img: 'iconfont icon-business-report',
-        child1: []
-      }
-    ]
-  },
-  {
-    name: '教学资源库',
-    img: 'iconfont icon-zhuanyeziyuanku',
-    id: 3,
-    child: [
-      {
-        name: '教学素材',
-        img: 'iconfont icon-sucai',
-        url: '/teaching/materialbank',
-        child1: []
-      },
-      {
-        name: '课程资源',
-        img: 'iconfont icon-kechengziyuan',
-        url: '/teaching/coursewareresource',
-        child1: []
-      },
-      {
-        name: '习题资源',
-        img: 'iconfont icon-iconku-zhuanqu-',
-        url: '/teaching/quesbank',
-        child1: []
-      }
-    ]
-  }
-])
-const handleOutLink = (path, type) => {
-  if (!path) return
-  if (type === 'hash') {
-    router.push(path)
-  } else {
-    // key 对应的 linkConfig.js 外部链接配置
-    let configObj = outLink.getBaseData()
-    let fullPath = configObj.fullPath + path
-    fullPath = fullPath.replaceAll('//', '/')
-    // 通知主进程
-    ipcRenderer.send('openWindow', {
-      fullPath: fullPath,
-      cookieData: { ...configObj.data }
-    })
-  }
-}
-</script>
-<style scoped>
-.CustomTitle {
-  margin-bottom: 8px;
-  font-weight: 600;
-  display: flex;
-  align-items: center;
-  white-space: nowrap;
-  margin-right: 10px;
-  cursor: pointer;
-}
-
-.CustomTitle span:nth-child(1) {
-  font-size: 24px;
-  margin-right: 8px;
-  color: #7b7a7a;
-  display: none;
-}
-.six {
-  display: flex;
-  & > div {
-    width: 20%;
-  }
-}
-.three {
-  display: flex;
-  & > div {
-    width: 20%;
-  }
-}
-.CustomBox span:nth-child(1) {
-  display: flex;
-  width: 60px;
-  justify-content: center;
-  height: 60px;
-  background-color: #ebe9e9;
-  border-radius: 50%;
-  align-items: center;
-  font-size: 32px;
-  margin-bottom: 6px;
-}
-
-.CustomBox {
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  align-items: center;
-  cursor: pointer;
-}
-.CustomBox span:nth-child(2) {
-  font-size: 18px;
-}
-.CustomBox div {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-}
-.a1 span:nth-child(1) {
-  color: #1296db;
-}
-
-.a2 span:nth-child(1) {
-  color: #f56c6c;
-}
-.a3 span:nth-child(1) {
-  color: #e6a23a;
-}
-.a4 span:nth-child(1) {
-  color: #67c23a;
-}
-.ac span:nth-child(1) {
-  background-color: #1296db;
-  color: #ffffff;
-}
-</style>

src/renderer/src/views/index/index.vue

@@ -1,13 +0,0 @@
-<template>
-  <div>
-    教学大模型
-  </div>
-</template>
-
-<script setup>
-
-</script>
-
-<style lang="scss" scoped>
-
-</style>

src/renderer/src/views/model/index.vue

@@ -0,0 +1,21 @@
+<template>
+  <div>
+    <div class="mb-4">
+      <el-button type="primary" @click="onchange('/model/curriculum')">课标研读</el-button>
+      <el-button type="success"  @click="onchange('/model/teaching')">教材研读</el-button>
+      <el-button type="info"  @click="onchange('/model/examination')">考试分析</el-button>
+    </div>
+  </div>
+</template>
+
+<script setup>
+import { useRouter } from 'vue-router'
+
+const router = useRouter()
+
+const onchange = (path) =>{
+  router.push(path)
+}
+</script>
+
+<style lang="scss" scoped></style>

src/renderer/src/views/profile/components/selectClass.vue

@@ -27,7 +27,7 @@
             <template #dropdown>
                 <el-dropdown-menu>
                 <template v-for="(item, index) in subjectList">
-                    <el-dropdown-item :command="item.itemtitle">{{
+                    <el-dropdown-item v-if="item.edustage == userStore.edustage" :command="item.itemtitle">{{
                     item.itemtitle }}</el-dropdown-item>
                 </template>
                 </el-dropdown-menu>
@@ -51,18 +51,24 @@ const getSubject = () => {
   listEvaluation({ itemkey: 'subject', pageSize: 500 }).then((res) => {
     const arr = userStore.subject.split(',')
     subjectList.value = res.rows.filter(item => arr.includes(String(item.id))).map(items => items)
+    console.log(subjectList,'subjectList');
+    
   })
 }
 // 选择学段
 const handleUserEduStage = (item) => {
     userStore.edustage = item
+    if(item === '幼儿园'){
+        // 默认语文
+        userStore.edusubject = '语文'
+    }
 }
+// 选择学科
 const handleUserEduSubject = (item) => {
     userStore.edusubject = item
 }
 onMounted(() => {
     getSubject()
-    console.log(userStore,'123')
 })
 </script>
 <style scoped>

src/renderer/src/views/profile/index.vue

@@ -66,7 +66,6 @@ onMounted(() => {
 }
 .text-center {
   margin-bottom: 15px;
-  border-bottom: 1px solid #dddddd;
   display: flex;
   align-items: center;
   .info{

src/renderer/src/views/teaching-material/container/pdf-template.vue

@@ -0,0 +1,28 @@
+<template>
+  <div class="container-pdf">
+    <PDF :url="pdfUrl" :showCatalog="false" v-if="pdfUrl" />
+  </div>
+  
+
+</template>
+
+<script setup>
+import { ref, onMounted, nextTick } from 'vue';
+import PDF from '@/components/PdfJs/index.vue'
+import { sessionStore } from '@/utils/store'
+
+
+const pdfUrl = ref('')
+
+onMounted(async () =>{
+  await nextTick()
+  const { fileurl } = sessionStore.get('subject.curBook')
+  pdfUrl.value = import.meta.env.VITE_APP_RES_FILE_PATH + fileurl.replace('.txt','.pdf')
+})
+</script>
+
+<style lang="scss" scoped>
+.container-pdf{
+  height: 100%;
+}
+</style>

src/renderer/src/views/teaching-material/container/question-answer.vue

@@ -0,0 +1,152 @@
+<template>
+  <div class="question-container">
+    <div class="question-main">
+      <div class="question-item">
+        <div class="item-con">
+          <div class="item-q flex">
+            <div class="q-user">
+              <i class="iconfont icon-touxiang"></i>
+            </div>
+            <div class="q-text">总结“沁园春·长沙”一课的教学目标</div>
+          </div>
+          <div class="item-a flex">
+            <div class="a-user">
+              语
+            </div>
+            <div class="a-text">
+              <p>本单元属于必修课程“文学阅读与写作”任务群。课标指出：文学阅读与写作任务群旨在引导学生阅读古今中外诗歌、散文、小说、剧本等不同体裁的优秀文学作品，使学生在感受形象、品味语言、体验情感的过程中提升文学欣赏能力，并尝试文学写作，撰写文学评论，借以提高审美鉴赏能力和表达交流能力。
+毛泽东《沁园春·长沙》，作者充满激情地回忆了青年时期“粪土当年万户侯”的岁月，词作豪迈大气，洋溢着不可抗拒的青春热情，特别是对当时社会的思考和改造世界的雄心斗志有着强烈的感染力，可以激励学生坚定不断进取、奉献社会的决心和信心。
+</p>
+              <a class="" href="">来自《教师用书高中语文》，点击查看原文：第22页</a>
+              
+            </div>
+          </div>
+        </div>
+        <div class="item-icon flex">
+          <div class="flex">
+            <span>
+              <i class="iconfont icon-fuzhi"></i>
+              复制
+            </span>
+            <span>
+              <i class="iconfont icon-bianji-gangbi"></i>
+              写评价
+            </span>
+            <span>
+              <i class="iconfont icon-rss-line"></i>
+              添加到微教研
+            </span>
+          </div>
+          <div>
+            <span>
+              <i class="iconfont icon-tianjia"></i>
+              保存
+            </span>
+          </div>
+        </div>
+      </div>
+    </div>
+    <el-input v-model="textarea" class="question-textarea" resize="none"  :rows="2" type="textarea" placeholder="在这里输入发消息，输入@或/选择" />
+  </div>
+</template>
+
+<script setup>
+import { ref } from 'vue'
+const textarea = ref('')
+</script>
+
+<style lang="scss" scoped>
+.question-container {
+  padding: 10px 15px;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+  .question-item {
+    display: flex;
+    flex-direction: column;
+
+    .item-con {
+      background: #fff;
+      border-radius: 5px;
+      padding: 10px;
+
+      .item-q {
+        align-items: center;
+        width: 100%;
+        margin-bottom: 10px;
+
+        .q-user {
+          width: 30px;
+          height: 30px;
+          background: #F6F6F6;
+          border-radius: 50%;
+          margin-right: 10px;
+
+          .icon-touxiang {
+            font-size: 18px;
+            font-weight: bold;
+          }
+        }
+
+        .q-text {
+          color: #409eff;
+          font-size: 13px;
+        }
+      }
+
+      .item-a {
+        color: #3D3D3D;
+        font-size: 13px;
+
+        .a-user {
+          width: 30px;
+          height: 30px;
+          line-height: 30px;
+          text-align: center;
+          background: #F6F6F6;
+          border-radius: 50%;
+          margin-right: 10px;
+          flex-shrink: 0;
+
+        }
+
+        .a-text {
+          text-align: left;
+          a{
+            color: #409eff;
+            text-decoration: underline;
+            margin-bottom: 15px;
+            display: block;
+          }
+        }
+      }
+    }
+    .item-icon{
+      justify-content: space-between;
+      align-items: center;
+      color: #3D3D3D;
+      margin-top: 10px;
+      font-size: 13px;
+      span{
+        display: flex;
+        align-items: center;
+        cursor: pointer;
+        margin-right: 10px;
+    
+        &:hover{
+          background: #F5F7FA
+        }
+      }
+      .iconfont{
+        margin-right: 3px;
+        color: #3498fc;
+      }
+    }
+  }
+
+  .question-textarea {
+    width: 100%;
+  }
+}
+</style>

src/renderer/src/views/teaching-material/container/read-result.vue

@@ -0,0 +1,193 @@
+<template>
+  <div class="read-container">
+
+    <div class="template-list">
+      <el-row>
+        <el-col :span="24">
+          <div class="template-item">
+            <div class="item-header"><span class="blue">#</span>教学目标研读</div>
+            <div class="item-text">研读课程标准，提取出与本课相关的核心素养与课程目标</div>
+          </div>
+        </el-col>
+      </el-row>
+      <el-row>
+        <el-col :span="24">
+          <div class="template-item">
+            <div class="item-header"><span class="blue">#</span>教学重点与难点</div>
+            <div class="item-text">研读课程标准，提取出与本课相关的课程内容要求
+            </div>
+          </div>
+        </el-col>
+      </el-row>
+      <el-row>
+        <el-col :span="24">
+          <div class="template-item">
+            <div class="item-header"><span class="blue">#</span>前置知识分析研读</div>
+            <div class="item-text">研读课程标准，提取出与本课相关的学业水平要求，包括水平一、水平二、水平三各自的要求描述
+            </div>
+          </div>
+        </el-col>
+      </el-row>
+      <el-row>
+        <el-col :span="24">
+          <div class="template-item">
+            <div class="item-header"><span class="blue">#</span>课文情境研读</div>
+            <div class="item-text">研读课程标准，提取出与本课相关的教学实施建议
+            </div>
+          </div>
+        </el-col>
+      </el-row>
+      <el-row>
+        <el-col :span="24">
+          <div class="template-item">
+            <div class="item-header"><span class="blue">#</span>例题、习题研读</div>
+            <div class="item-text">研读课程标准，提取出与本课相关的教学实施建议
+            </div>
+          </div>
+        </el-col>
+      </el-row>
+      
+    </div>
+  </div>
+</template>
+
+<script setup>
+
+</script>
+
+<style lang="scss" scoped>
+.read-container {
+  padding: 15px;
+
+  .el-dropdown-link {
+    font-weight: bold;
+
+    .el-icon--right {
+      font-weight: bold;
+    }
+  }
+
+  .read-header {
+    justify-content: space-between;
+    align-items: center;
+
+    .add-btn {
+      font-size: 13px;
+
+      .icon-jiahao {
+        margin-right: 3px;
+        font-size: 14px;
+      }
+    }
+
+  }
+
+  .template-list {
+
+    .template-item {
+      background: #fff;
+      padding: 10px;
+      margin-bottom: 10px;
+      border-radius: 5px;
+
+      .item-header {
+        display: flex;
+        align-items: center;
+        font-size: 16px;
+        font-weight: bold;
+        color: #000;
+
+        .blue {
+          font-size: 22px;
+          color: #409eff;
+          margin-right: 5px;
+        }
+      }
+
+      .item-text {
+        display: flex;
+        color: #409eff;
+        font-size: 13px;
+        padding-left: 20px;
+        text-align: left;
+      }
+    }
+  }
+
+  .template-item-result {
+    background: #DDEAFD !important;
+
+    .result-item-header {
+      display: flex;
+      align-items: flex-start;
+      text-align: left;
+      font-size: 16px;
+      font-weight: bold;
+      color: #3D3D3D;
+
+      .icon-xiaoxi {
+        color: #5881D5;
+        font-weight: bold;
+        font-size: 20px;
+        margin-right: 10px;
+      }
+    }
+
+    .result-icon-btn {
+      justify-content: space-between;
+      font-size: 13px;
+      margin-top: 5px;
+
+      span {
+        display: flex;
+        align-items: center;
+        cursor: pointer;
+        margin-right: 10px;
+
+        &:hover {
+          background: #cfe0fa
+        }
+      }
+
+      .iconfont {
+        margin-right: 3px;
+        color: #3498fc;
+      }
+    }
+
+    .line {
+      height: 1px;
+      background: #D8D8D8;
+      margin: 10px 0;
+    }
+
+    .other-msg {
+      font-size: 13px;
+
+      .other-user {
+        align-items: center;
+        color: #BA4B0F;
+        font-size: 12px;
+
+        .icon-touxiang {
+          color: #BA4B0F;
+          font-weight: bold;
+          font-size: 16px;
+          margin-right: 5px;
+        }
+      }
+
+      .other-text {
+        color: #191919;
+        text-align: left;
+      }
+    }
+
+
+  }
+}
+
+.pl-25 {
+  padding-left: 25px;
+}
+</style>

src/renderer/src/views/teaching-material/container/read-template.vue

@@ -0,0 +1,157 @@
+<template>
+  <div class="read-container">
+    <div class="read-header flex">
+      <el-dropdown>
+        <span class="el-dropdown-link">
+          课标研读模板
+          <i class="iconfont icon-xiangxia" </i>
+        </span>
+        <template #dropdown>
+          <el-dropdown-menu>
+            <el-dropdown-item>课标研读模板一</el-dropdown-item>
+            <el-dropdown-item>课标研读模板二</el-dropdown-item>
+          </el-dropdown-menu>
+        </template>
+      </el-dropdown>
+      <el-button text class="add-btn">
+        <i class="iconfont icon-jiahao"></i>
+        添加
+      </el-button>
+    </div>
+    <div class="template-list">
+      <el-row :gutter="20">
+        <el-col :span="12">
+          <div class="template-item">
+            <div class="item-header"><span class="blue">#</span>教学目标研读</div>
+            <div class="item-text">研读课程标准，提取出与本课相关的核心素养与课程目标</div>
+          </div>
+        </el-col>
+        <el-col :span="12">
+          <div class="template-item">
+            <div class="item-header"><span class="blue">#</span>教学重点与难点</div>
+            <div class="item-text">研读课程标准，提取出与本课相关的课程内容要求</div>
+          </div>
+        </el-col>
+      </el-row>
+      <el-row :gutter="20">
+        <el-col :span="12">
+          <div class="template-item">
+            <div class="item-header"><span class="blue">#</span>课程内容要求</div>
+            <div class="item-text">研读课程标准，提取出与本课相关的课程内容要求
+            </div>
+          </div>
+        </el-col>
+        <el-col :span="12">
+          <div class="template-item">
+            <div class="item-header"><span class="blue">#</span>前置知识分析研读</div>
+            <div class="item-text">
+              研读课程标准，提取出与本课相关的学业水平要求，包括水平一、水平二、水平三各自的要求描述
+            </div>
+          </div>
+        </el-col>
+      </el-row>
+      <el-row :gutter="20">
+        <el-col :span="12">
+          <div class="template-item">
+            <div class="item-header"><span class="blue">#</span>例题、习题研读</div>
+            <div class="item-text">研读课程标准，提取出与本课相关的教学实施建议
+            </div>
+          </div>
+        </el-col>
+        <el-col :span="12">
+          <div class="template-item">
+            <div class="item-header"><span class="blue">#</span>插图素材研读</div>
+            <div class="item-text">研读课程标准，提取出与本课相关的教学实施建议
+            </div>
+          </div>
+        </el-col>
+      </el-row>
+      <el-row :gutter="20">
+        <el-col :span="12">
+          <div class="template-item">
+            <div class="item-header"><span class="blue">#</span>拓展知识研读</div>
+            <div class="item-text">研读课程标准，提取出与本课相关的教学实施建议
+            </div>
+          </div>
+        </el-col>
+      </el-row>
+    </div>
+  </div>
+</template>
+
+<script setup>
+
+</script>
+
+<style lang="scss" scoped>
+.read-container {
+  padding: 15px;
+
+  .el-dropdown-link {
+    font-weight: bold;
+
+    .el-icon--right {
+      font-weight: bold;
+    }
+  }
+
+  .read-header {
+    justify-content: space-between;
+    align-items: center;
+
+    .add-btn {
+      font-size: 13px;
+
+      .icon-jiahao {
+        margin-right: 3px;
+        font-size: 14px;
+      }
+    }
+
+  }
+
+  .template-list {
+    margin-top: 15px;
+
+    .template-item {
+      background: #fff;
+      padding: 10px;
+      margin-bottom: 10px;
+      border-radius: 5px;
+
+      .item-header {
+        display: flex;
+        align-items: center;
+        font-size: 16px;
+        font-weight: bold;
+        color: #3D3D3D;
+
+        .blue {
+          font-size: 22px;
+          color: #409eff;
+          margin-right: 5px;
+        }
+      }
+
+      .item-text {
+        display: flex;
+        color: #409eff;
+        font-size: 13px;
+        padding-left: 20px;
+        text-align: left;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        /* 将对象作为弹性伸缩盒子模型显示 */
+        display: -webkit-box;
+        /* 限制在一个块元素显示的文本的行数 */
+        /* -webkit-line-clamp 其实是一个不规范属性，使用了WebKit的CSS扩展属性，该方法适用于WebKit浏览器及移动端；*/
+        -webkit-line-clamp: 2;
+        /* 设置或检索伸缩盒对象的子元素的排列方式 */
+        -webkit-box-orient: vertical;
+
+      }
+    }
+  }
+
+}
+</style>

src/renderer/src/views/teaching-material/index.vue

@@ -0,0 +1,178 @@
+<template>
+  <div class="page-curriculum flex">
+    <el-row>
+      <el-col :span="12" class="flex">
+        <div class="page-left">
+          <template v-if="activeMenu == 1">
+            <div class="page-title">教材研读</div>
+            <el-radio-group v-model="radio" @change="changeRadio">
+              <el-radio :value="item.value" v-for="item in radioList">{{ item.label }}</el-radio>
+            </el-radio-group>
+            <div class="list">
+              <ul>
+                <li v-for="(item, index) in list" :class="activeIndex == index ? 'li-active' : ''"
+                  @click="clickItem(index)">
+                  <el-image class="img" :src="item.url" />
+                  <span>{{ item.name }}</span>
+                </li>
+              </ul>
+            </div>
+          </template>
+          <template v-if="activeMenu != 1">
+            <PdfTemplate/>
+          </template>
+        </div>
+      </el-col>
+      <el-col :span="12" class="flex">
+        <div class="page-right">
+          <div class="right-header">
+            <el-button text :type="activeMenu == item.value ? 'primary' : ''" v-for="item in contentMenu"
+              @click="onClickMenu(item)">{{ item.label
+              }}</el-button>
+          </div>
+          <div class="right-con">
+            <ReadTemplate v-if="activeMenu == 1" />
+            <QuestionAnswer v-if="activeMenu == 2" />
+            <ReadResult v-if="activeMenu == 3" />
+          </div>
+        </div>
+      </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script setup>
+import { ref } from 'vue'
+import ReadTemplate from './container/read-template.vue';
+import QuestionAnswer from './container/question-answer.vue'
+import ReadResult from './container/read-result.vue'
+import PdfTemplate from './container/pdf-template.vue'
+
+const url = 'https://p5.itc.cn/images01/20220529/f30e3c4164dc4f7495ed196577a2a312.jpeg'
+
+/************************左侧************* */
+const radio = ref(1)
+const radioList = ref([
+  { label: '浏览研读', value: 1 },
+  { label: '跨学科研读', value: 2 },
+  { label: '跨学段研读', value: 3 },
+  { label: '课标修订研读', value: 4 },
+  { label: '自由研读', value: 5 },
+])
+const list = ref([
+  {
+    name: '高中语文必修上',
+    url
+  }
+])
+const changeRadio = () => {
+  list.value = []
+  for (let i = 0; i < Math.floor(Math.random() * 5) + 1; i++) {
+    list.value.push({
+      name: '高中语文必修上',
+      url
+    })
+  }
+}
+const activeIndex = ref(-1)
+
+const clickItem = (index) => {
+  activeIndex.value = index
+}
+
+
+/************************右侧************* */
+
+const contentMenu = [
+  { label: '研读模板', value: 1 },
+  { label: '问答模板', value: 2 },
+  { label: '研读结果', value: 3 }
+]
+const activeMenu = ref(1)
+const onClickMenu = (item) => {
+  activeMenu.value = item.value
+}
+
+
+</script>
+
+<style lang="scss" scoped>
+.page-curriculum {
+  height: 100%;
+  background: #fff;
+  border-radius: 5px;
+  overflow: hidden;
+
+  .el-row {
+    width: 100%;
+
+    .page-left {
+      width: 100%;
+      padding: 0 20px;
+      box-sizing: border-box;
+
+      .page-title {
+        font-size: 20px;
+        padding: 20px 0;
+      }
+
+      .list {
+        ul {
+          display: flex;
+          flex-wrap: wrap;
+
+          li {
+            display: flex;
+            flex-direction: column;
+            font-size: 13px;
+            padding: 10px;
+            cursor: pointer;
+            border-radius: 5px;
+            overflow: hidden;
+            margin-right: 20px;
+            margin-bottom: 10px;
+
+            .img {
+              width: 100px;
+              height: 130px;
+              border: solid #ccc 1px;
+              margin-bottom: 10px;
+            }
+
+            &:hover {
+              background: #E0EAFF;
+            }
+          }
+
+          .li-active {
+            background: #E0EAFF;
+          }
+
+        }
+      }
+    }
+
+    .page-right {
+      width: 100%;
+      background: #F6F6F6;
+      border-left: solid #ececec 1px;
+      display: flex;
+      flex-direction: column;
+
+      .right-header {
+        padding-left: 30px;
+        height: 45px;
+        display: flex;
+        align-items: center;
+        background: #fff;
+        border-bottom: solid #ececec 1px;
+      }
+
+      .right-con {
+        flex: 1;
+      }
+    }
+  }
+
+}
+</style>