课标分析切换教材

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

@@ -7,16 +7,10 @@
       </div>
       <div class="change-tab">
         <ul class="flex">
-          <li
+          <li class="flex" :class="[activeId == menu.path ? 'active-li' : '', menu.disabled ? 'disabled' : '']"
-            v-for="(item, index) in routeHeader.nowRouter"
+            v-for="menu in headerMenus" :key="menu.id" @click="clickMenu(menu)">
-            :key="index"
+            <i class="iconfont" :class="menu.icon"></i>
-            class="flex"
+            <span class="text">{{ menu.name }}</span>
-            :style="{'color' : item.color}"
-            :class="currentRoute === item.url ? 'active-li' : ''"
-            @click="handleOutLink(item.url,item.type, item.name)"
-          >
-            <i :class="item.img"></i>
-            <span class="text">{{ item.name }}</span>
           </li>
         </ul>
       </div>
@@ -25,14 +19,9 @@
     <div class="right-section flex">
       <WindowTools />
       <div class="user flex">
-        
         <div class="avatar-container">
-          <el-dropdown
+          <div class="avatar-wrapper flex">
-            class="right-menu-item hover-effect"
+            <el-dropdown class="right-menu-item hover-effect" @command="handleCommand">
-            trigger="click"
-            @command="handleCommand"
-          >
-            <div class="avatar-wrapper">
               <img :src="dev_api + userStore.user.avatar" class="user-avatar" style="float: left" />
               <template #dropdown>
                 <el-dropdown-menu>
@@ -65,17 +54,8 @@
               </div>
               <div class="user-depname">{{ userStore.user.deptName }}</div>
             </div>
-            <template #dropdown>
+          </div>
-              <el-dropdown-menu>
+
-                <el-dropdown-item @click="changePage('/testpdf')">测试页面</el-dropdown-item>
-                <el-dropdown-item @click="changePage('/classReserv')">课程预约</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>
       </div>
     </div>
@@ -83,13 +63,13 @@
 </template>
 
 <script setup>
-import { ref, watch } from 'vue'
+import { ref, watch, onMounted } from 'vue'
 import { useRouter } from 'vue-router'
 import { ElMessageBox, ElMessage } from 'element-plus'
 import { ArrowDown } from '@element-plus/icons-vue'
 import WindowTools from '@/components/window-tools/index.vue'
 import useUserStore from '@/store/modules/user'
-import routerStore from '@/store/modules/route'
+import { updateUserInfo } from '@/api/system/user'
 import outLink from '@/utils/linkConfig'
 import logoIco from '@/assets/images/logo.png'
 import { listEvaluation } from '@/api/classManage/index'
@@ -104,19 +84,21 @@ const userStore = useUserStore()
 const router = useRouter()
 const currentRoute = ref('')
 const dev_api = ref(import.meta.env.VITE_APP_BASE_API)
+const userSubjectList = ref([])
 
 const handleOutLink = (path, type, name) => {
   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('//', '/')
     const { levelFirstId, levelSecondId } = JSON.parse(localStorage.getItem('unitId'))
-    let unitId = levelSecondId ? levelSecondId :levelFirstId
+    let unitId = levelSecondId ? levelSecondId : levelFirstId
-    if(name == '教材分析' || name == '高考研究'){
+    if (name == '教材分析' || name == '考试分析') {
       fullPath += `?unitId=${unitId}`
     }
     // 通知主进程
@@ -127,34 +109,47 @@ const handleOutLink = (path, type, name) => {
     })
   }
 }
-/*const menus = ref([
+
+const activeId = ref('/home')
+const headerMenus = [
   {
-    icon: 'icon-zhuye2 icon-homepage',
+    name: '工作台',
-    name: '主页',
+    id: 1,
-    path: '/homepage'
+    icon: 'icon-gongzuotai',
+    path: '/home'
   },
   {
-    icon: 'icon-jiaoxueziyuan icon-resource',
+    name: '研究室',
-    name: '资源',
+    id: 2,
+    icon: 'icon-yanjiushi',
+    disabled: true
+  },
+  {
+    name: '资源库',
+    id: 3,
+    icon: 'icon-saoyisao',
     path: '/resource'
   },
   {
-    icon: 'icon-beike icon-prepare',
+    name: '朋友圈',
-    name: '备课',
+    id: 4,
-    path: '/prepare'
+    icon: 'icon-pengyouquan1',
-  },
+    disabled: true
-  {
-    icon: 'icon-jiangke1 icon-teach',
-    name: '授课',
-    path: '/teach'
   }
-])*/
+]
+
+const clickMenu = ({ id, disabled, path }) => {
+  if (disabled) return
+  activeId.value = id
+  router.push(path)
+}
 
 // 监听当前路由
 watch(
   () => router.currentRoute.value,
   (newValue) => {
-    currentRoute.value = newValue.path
+    currentRoute.value = newValue
+    activeId.value = newValue.path
   },
   { immediate: true }
 )
@@ -195,20 +190,48 @@ function logout() {
           ipcRenderer && ipcRenderer.send('openLoginWindow')
         })
     })
-    .catch(() => {})
+    .catch(() => { })
 }
 
 const emits = defineEmits(['setLayout'])
 function setLayout() {
   emits('setLayout')
 }
+// 切换学科
+const changeSubject = async (command) =>{
+  clearBookInfo()
+  const { userId, userName, phonenumber, plainpwd  } = userStore.user
+  const data = {
+    userId,
+    userName,
+    edustage: command.edustage,
+    edusubject:  command.edusubject
+  }
+  await updateUserInfo(data)
+  await userStore.login({username: phonenumber, 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>
 .title-bar {
   height: 80px;
-  background: #ebf0f9;
-
   justify-content: space-between;
   align-items: center;
   -webkit-app-region: drag;
@@ -216,27 +239,41 @@ function setLayout() {
 
 .left-section {
   display: flex;
-  align-items: center;
+  align-items: flex-start;
+  flex-direction: column;
   width: 50%;
 
+  .title-box {
+    padding-top: 8px;
+    box-sizing: border-box;
+    align-items: center;
+    padding-left: 20px;
+
+    .title {
+      color: #4b73df;
+      font-size: 13px;
+      padding: 0 5px;
+    }
+  }
+
   .change-tab {
     -webkit-app-region: no-drag;
     margin-left: 20px;
 
     ul {
       li {
-        padding: 3px 13px;
         cursor: pointer;
         flex-direction: column;
         border-radius: 8px;
-        margin: 0 5px;
+        margin: 0 10px;
 
         .text {
           font-size: 13px;
+          font-weight: bold;
         }
 
         .iconfont {
-          font-size: 22px;
+          font-size: 26px;
         }
 
         .icon-resource {
@@ -256,12 +293,20 @@ function setLayout() {
         }
 
         &:hover {
-          background: #d3e3fb;
+          color: #409eff;
+        }
+      }
+
+      .disabled {
+        cursor: not-allowed;
+        color: #bfbfbf;
+
+        &:hover {
+          color: #bfbfbf;
         }
       }
 
       .active-li {
-        background: #d3e3fb;
         color: #409eff;
       }
     }
@@ -271,11 +316,7 @@ function setLayout() {
     -webkit-app-region: no-drag;
   }
 
-  .title {
+
-    color: #4b73df;
-    font-size: 18px;
-    padding: 0 20px;
-  }
 }
 
 .right-section {
@@ -287,11 +328,25 @@ function setLayout() {
   flex-direction: column;
 
   .user {
+    padding-right: 10px;
+
     .user-info {
       padding-right: 5px;
-      align-items: center;
+      align-items: flex-start;
       flex-direction: column;
       font-size: 12px;
+      height: 100%;
+      justify-content: space-around;
+
+      .user-depname {
+        margin-right: 0;
+      }
+
+      .user-subject {
+        display: flex;
+        align-items: center;
+        font-size: 12px;
+      }
     }
   }
 }
@@ -301,12 +356,12 @@ function setLayout() {
 
   .avatar-wrapper {
     display: flex;
+    align-items: center;
 
     .user-avatar {
-      width: 30px;
+      width: 45px;
-      height: 30px;
+      height: 45px;
       border-radius: 10px;
-      margin-top: 8px;
       margin-right: 10px;
     }
 

src/renderer/src/views/teach/standardAnalysis/index.vue

@@ -4,14 +4,14 @@
     <div class="page-con-left">
       <div class="stand-head" ref="headref">
         <div class="stand-head-left">
-          <el-image class="imges" src="https://file.ysaix.com:7868//src/assets/images/高中语文必修上册.jpg" />
+          <el-image class="imges" :src="bookInfo ? bookInfo.avartar : ''" />
         </div>
         <div class="stand-head-right">
           <div class="stand-head-right-tit">{{booktitle}}</div>
           <i class="iconfont icon-yidongdaozu stand-head-right-icon" @click="dialogVisible = true"></i>
           <div class="stand-head-right-row">
             <div class="stand-head-right-row-time">更新2024.9.10</div>
-            <el-switch class="stand-head-right-row-switch" v-model="isOpenClass" inline-prompt active-text="公开" inactive-text="非公" />
+            <!-- <el-switch class="stand-head-right-row-switch" v-model="isOpenClass" inline-prompt active-text="公开" inactive-text="非公" /> -->
           </div>
         </div>
       </div>
@@ -68,8 +68,10 @@
         </div>
       </div>
     </div>
-    <el-dialog v-model="dialogVisible" append-to-body :show-close="false" width="550">
+    <el-dialog v-model="dialogVisible" title="切换教材" append-to-body  width="550">
-      <ChooseTextbook @change-book="getData" @node-click="getData" />
+      <div class="booklist">
+        <div :class="{'item': true,'active': booksel === idx}" v-for="item,idx in bookList" :key="idx" @click="bookChange(item)">{{item.edustage + item.edusubject}}</div>
+      </div>
     </el-dialog>
   </div>
 </template>
@@ -82,7 +84,7 @@ import { listEvaluationclue } from '@/api/teaching/classwork'
 import { uploadServer, getJSONFile } from '@/utils/common'
 import { ElNotification } from 'element-plus'
 import ChooseTextbook from "@/components/choose-textbook/index.vue";
-
+import { listEvaluation } from '@/api/classManage/index'
 import useUserStore from '@/store/modules/user'
 const userStore = useUserStore()
 const sourceStore = useResoureStore()
@@ -101,6 +103,10 @@ const searchref = ref(null);
 const listHeight = ref(0);
 const dialogVisible = ref(false);
 const booktitle = ref('');
+const bookInfo = ref(null);
+const booksel = ref(0);
+const bookList = ref([])
+
 
 const searchOptions = [{
     value: '0',
@@ -109,7 +115,7 @@ const searchOptions = [{
     value: '1',
     label: '按内容量',
   }];
-const standList = ref([])
+const standList = ref([]);
 const showData = ref([]);
 
 //查询课标分析列表
@@ -234,16 +240,41 @@ const getData = (data) => {
   // 头部 教材分析打开外部链接需要当前章节ID
   localStorage.setItem('unitId', JSON.stringify({ levelFirstId, levelSecondId}))
 }
-onMounted(() => {
+// 获取学科
-
+const getAllSubject = async () => {
+  const { rows } = await listEvaluation({ itemkey: "subject", pageSize: 500 })
+  const { edustage, edusubject } = userStore.user;
+  rows && rows.map(item => {
+    if(item.edustage === edustage && item.edusubject === edusubject){
+      bookInfo.value = {...item,avartar: import.meta.env.VITE_APP_BUILD_BASE_PATH + item.avartar}
+    }
+    if(item.fileurl !== ''){
+      bookList.value.push({...item,avartar: import.meta.env.VITE_APP_BUILD_BASE_PATH + item.avartar})
+    }
+  })
+  booksel.value = bookList.value.findIndex(item => item.edustage === edustage && item.edusubject === edusubject)
+}
+const bookChange = async (item, idx) => {
+  booksel.value = idx
+  bookInfo.value = {...item}
+  booktitle.value = `${item.edustage + item.edusubject}课程标准`
+  pdfUrl.value = '';
+  const filepath = import.meta.env.VITE_APP_RES_FILE_PATH + item.fileurl.replace('.txt','.pdf')
+  await loadPdfAnimation(filepath)
+  dialogVisible.value = false
+}
+const loadPdfAnimation = (path) => {
+  const timer = setTimeout(() => {
+    pdfUrl.value = path
+    clearTimeout(timer);
+  },2000)
+}
+onMounted(async () => {
+  await getAllSubject();
   const { edustage, edusubject } = userStore.user;
   booktitle.value = `${edustage + edusubject}课程标准`
   const filePath = `${import.meta.env.VITE_APP_RES_FILE_PATH}${edustage}-${edusubject}-课标.pdf`
-  const timer = setTimeout(() => {
+  await loadPdfAnimation(filePath)  
-    pdfUrl.value = filePath
-    clearTimeout(timer);
-  },2000)
-  
   if(cardref.value && headref.value){
     const cardH = cardref.value.offsetHeight;
     const headh = headref.value.offsetHeight;
@@ -492,4 +523,23 @@ onMounted(() => {
     }
   }
 }
+.booklist{
+  width: 100%;
+  height: 500px;
+  padding-top: 1px;
+  overflow: auto;
+  .item{
+    width: 100%;
+    height: auto;
+    padding: 8px 16px;
+    background-color: #ffffff;
+    border-top: 1px solid #f1f1f1;
+    font-size: 14px;
+    color: #3b3b3b;
+  }
+  .active{
+    background-color: #409eff;
+    color: #ffffff;
+  }
+}
 </style>