章节切换 edit

src/main/store.js

@@ -16,6 +16,12 @@ const defaultData = {
     curSubjectNode: {
       data: {},              // 当前教材节点 （包含当前教材 单元）
       querySearch: {}       // 查询资源所需参数
+    },
+    subject: {
+      bookList: null, // 教材列表
+      curBook: null, // 当前选中的教材
+      curNode: null, // 当前选中的节点
+      defaultExpandedKeys: [], //展开的节点
     }
   },
   local: { // 本地(永久localStorage)

src/renderer/src/components/choose-textbook/index.vue

@@ -44,11 +44,12 @@
 <script setup>
 import { onMounted, ref, nextTick, toRaw, reactive } from 'vue';
 import { cloneDeep } from 'lodash'
+import { sessionStore } from '@/utils/store'
 import { useGetSubject } from '@/hooks/useGetSubject'
 
 const BaseUrl = import.meta.env.VITE_APP_BUILD_BASE_PATH
 // 定义要发送的emit事件
-const emit = defineEmits(['nodeClick', 'changeBook'])
+const emit = defineEmits(['nodeClick'])
 let useSubject = null
 const subjectList = ref([])
 const dialogVisible = ref(false)
@@ -74,8 +75,7 @@ const defaultExpandedKeys = ref([])
 //选择教材
 const changeBook = (data) => {
   curBook.data = data
-
+  sessionStore.set('subject.curBook', data)
-  localStorage.setItem('curBook', JSON.stringify(data))
   treeData.value = useSubject.getTreeData(data.id)
 
   //切换教材后默认展开第一个并选中
@@ -83,9 +83,7 @@ const changeBook = (data) => {
     defaultExpandedKeys.value = [treeData.value[0].id]
     curNode.data = getLastLevelData(treeData.value)[0]
 
-    localStorage.setItem('defaultExpandedKeys', JSON.stringify(defaultExpandedKeys.value))
+    handleNodeClick(curNode.data)
-    localStorage.setItem('curNode',JSON.stringify(curNode.data))
-    emitChangeBook()
   })
   // 延迟关闭 视觉上选中
   setTimeout(() => {
@@ -93,40 +91,6 @@ const changeBook = (data) => {
   }, 100);
 }
 
-
-const emitChangeBook = async () => {
-  let curData = cloneDeep(toRaw(curNode.data))
-  let parentNode = findParentByChildId(treeData.value, curData.id)
-  curData.parentNode = toRaw(parentNode)
-  //怎加一个label 之前取的label
-  curData.label = curData.itemtitle
-  const data = {
-    textBook: {
-      curBookId: curBook.data.id,
-      curBookName: curBook.data.itemtitle,
-      curBookImg: BaseUrl + curBook.data.avartar,
-      curBookPath: curBook.data.fileurl
-    },
-    node: curData
-  }
-  /**
-   * 临时用 后续删除 unitId
-   */
-  let levelFirstId = null
-  let levelSecondId = null
-  let bookeId = curBook.data.id
-   if (curData.parentNode) {
-    levelFirstId = curData.parentNode.id
-    levelSecondId = curData.id
-  } else {
-    levelFirstId = curData.id
-    levelSecondId = ''
-  }
-  localStorage.setItem('unitId', JSON.stringify({ levelFirstId, levelSecondId, bookeId}))
-  emit('changeBook', data)
-}
-
-
 const getLastLevelData = (tree) => {
   let lastLevelData = [];
   // 递归函数遍历树形结构
@@ -171,25 +135,22 @@ const findParentByChildId = (treeData, targetNodeId) => {
 }
 
 
-const handleNodeClick = (data, node) => {
+const handleNodeClick = (data) => {
   /**
    * data : 当前节点数据
-   * node : 当前节点对象 包含当前节点所有数据  parent属性 指向父节点Node对象
    */
   let nodeData = cloneDeep(toRaw(data));
-  //怎加一个label 之前取的label
-  nodeData.label = nodeData.itemtitle
-  const parentNode = node.parent.data;
-  // parentNode 为数组 则点击的是一级节点
-  if (Array.isArray(parentNode)) {
-    // 
-    nodeData.parentNode = null
-  }
-  else {
-    // 否则 点击的为二级节点 parentNode 为它的父级节点
-    nodeData.parentNode = toRaw(parentNode)
-  }
  
+  //增加一个label 之前取的label
+  nodeData.label = nodeData.itemtitle
+  // 父级节点 如果当前是一级节点 父级则为null
+  let parent = {
+    id: nodeData.parentid,
+    label: nodeData.parenttitle,
+    itemtitle: nodeData.parenttitle
+  } 
+  const parentNode = nodeData.parentid ?  parent : null
+  nodeData.parentNode = parentNode
   let curData = {
     textBook: {
       curBookId: curBook.data.id,
@@ -197,63 +158,40 @@ const handleNodeClick = (data, node) => {
       curBookImg: BaseUrl + curBook.data.avartar,
       curBookPath: curBook.data.fileurl
     },
-    node: toRaw(nodeData)
+    node: nodeData
   }
-  localStorage.setItem('defaultExpandedKeys', parentNode ? JSON.stringify([parentNode.id]) : JSON.stringify([data.id]))
+  // 本地存储:electron-store
-  localStorage.setItem('curNode', JSON.stringify(nodeData))
+  let defaultExpandedKeys = parentNode ? [parentNode.id] : [nodeData.id]
-
+  sessionStore.set('subject.defaultExpandedKeys', defaultExpandedKeys)
-  /**
+  sessionStore.set('subject.curNode', nodeData)
- * 临时用 后续删除 unitId
- */
-  let levelFirstId = null
-  let levelSecondId = null
-  let bookeId = curBook.data.id
-   if (nodeData.parentNode) {
-    levelFirstId = nodeData.parentNode.id
-    levelSecondId = nodeData.id
-  } else {
-    levelFirstId = nodeData.id
-    levelSecondId = ''
-  }
-  localStorage.setItem('unitId', JSON.stringify({ levelFirstId, levelSecondId, bookeId}))
-
   emit('nodeClick', curData)
 
 }
 onMounted( async () => {
   treeLoading.value = true
-
   try{
     useSubject = await useGetSubject()
-    subjectList.value = useSubject.subjectList
+    subjectList.value = sessionStore.get('subject.bookList')
+    // 当前教材
+    if(sessionStore.get('subject.curBook')){
+      curBook.data = sessionStore.get('subject.curBook')
+    }
+    else{
+      curBook.data = subjectList.value[0]
+    }
 
-    let book = localStorage.getItem('curBook')
+    // 章节"树"
-    if(book){
+    treeData.value = useSubject.getTreeData(curBook.data.id)
-      book = JSON.parse(book)
-      curBook.data = book
-      treeData.value = useSubject.getTreeData(book.id)
-    }
-    else{
-      curBook.data = useSubject.subjectList[0]
-      localStorage.setItem('curBook', JSON.stringify(curBook.data))
-      treeData.value = useSubject.treeData
-    }
-    // 设置展开并选中
     nextTick(() =>{
-      // 取缓存
+      // 默认展开 选中
-      let node = localStorage.getItem('curNode')
+      if(sessionStore.get('subject.curNode')){
-      if(node){
+        defaultExpandedKeys.value = sessionStore.get('subject.defaultExpandedKeys')
-        curNode.data = JSON.parse(node)
+        curNode.data = sessionStore.get('subject.curNode')
-        defaultExpandedKeys.value = JSON.parse(localStorage.getItem('defaultExpandedKeys'))
+      }else{
-      }
-      else{
         defaultExpandedKeys.value = [treeData.value[0].id]
         curNode.data = getLastLevelData(treeData.value)[0]
-        //缓存记录当前展开以及选中节点
-        localStorage.setItem('defaultExpandedKeys', JSON.stringify(defaultExpandedKeys.value))
-        localStorage.setItem('curNode', JSON.stringify(curNode.data))
       }
-      emitChangeBook()
+      handleNodeClick(curNode.data)
     })
   
   } finally{

src/renderer/src/hooks/useGetSubject.js

@@ -1,13 +1,13 @@
 import { ref } from 'vue'
 import useUserStore from '@/store/modules/user'
 import { listEvaluation } from '@/api/subject'
+import { sessionStore } from '@/utils/store'
 
 export const useGetSubject = async () =>{
 
   // user store
   const userStore = useUserStore()
   const { edustage, edusubject, userId } = userStore.user
-  const BaseUrl = import.meta.env.VITE_APP_BUILD_BASE_PATH
   // 章节List
   const unitList = ref([])
   // 教材List
@@ -16,11 +16,10 @@ export const useGetSubject = async () =>{
   let treeData = null
 
 
-  // 根据 学科 + 学段 获取所有单元章节 
+  // 根据学科 + 学段 获取所有单元章节 
   const getSubjectUnit = async () =>{
-    let strUnit = localStorage.getItem('unitList')
+    if(sessionStore.get('subject.unitList')){
-    if(strUnit){
+      unitList.value = sessionStore.get('subject.unitList')
-      unitList.value = JSON.parse(strUnit)
     }
     else{
       const unitParams = {
@@ -32,18 +31,17 @@ export const useGetSubject = async () =>{
       }
       const { rows } = await listEvaluation(unitParams)
       unitList.value = rows
-      localStorage.setItem('unitList', JSON.stringify(rows))
+      sessionStore.set('subject.unitList', rows)
     }
    
     await getSubject()
   }
 
-  // 获取 学科 + 学段 获取教材
+  // 根据学科 + 学段 获取教材
   const getSubject = async () =>{
 
-    let strSubject = localStorage.getItem('subjectList')
+    if(sessionStore.get('subject.bookList')){
-    if(strSubject){
+      subjectList = sessionStore.get('subject.bookList')
-      subjectList = JSON.parse(strSubject)
     }
     else{
       const subjectParams = { 
@@ -55,13 +53,20 @@ export const useGetSubject = async () =>{
       }
       const { rows } = await listEvaluation(subjectParams)
       subjectList = rows
-      localStorage.setItem('subjectList', JSON.stringify(rows))
+      sessionStore.set('subject.bookList', rows)
+      treeData = getTreeData(subjectList[0].id)
+      // 设置一个默认的curNode
+      let curNode
+      if(treeData[0].children){
+        curNode = treeData[0].children[0]
+      }
+      else{
+        curNode = treeData[0]
+      }
+      sessionStore.set('subject.curNode', curNode)
+      console.log(curNode,treeData)
     }
   
-    // 默认选中第一个教材
-    if(subjectList && subjectList.length){
-      treeData = getTreeData(subjectList[0].id)
-    }
   }
 
   // 单元章节数据转为“树”结构
@@ -71,6 +76,7 @@ export const useGetSubject = async () =>{
     data.forEach( item => {
       item.children = unitList.value.filter( item2 => item2.parentid == item.id && item2.level == 2)
     }) 
+    sessionStore.set('subject.subjectTree', data)
     return data
 
   }

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

@@ -45,7 +45,8 @@ import { useRouter } from 'vue-router'
 import workTrend from './container/work-trend.vue'
 import outLink from '@/utils/linkConfig'
 import * as echarts from 'echarts'
-import { useGetClassWork } from '@/hooks/useGetClassWork'
+import { useGetSubject } from '@/hooks/useGetSubject'
+import { sessionStore } from '@/utils/store'
 
 const router = useRouter()
 const { ipcRenderer } = window.electron || {}
@@ -169,13 +170,12 @@ const clickMenu = ({isOuter, path, disabled, id}) =>{
     let fullPath = configObj.fullPath + path
     if(id == '1-2' || id == '2-1' || id == '2-2' ){
       // 头部 教材分析打开外部链接需要当前章节ID
-      const { levelFirstId, levelSecondId, bookeId } = JSON.parse(localStorage.getItem('unitId'))
+      const { id, rootid } = sessionStore.get('subject.curNode')
-      let unitId = levelSecondId ? levelSecondId : levelFirstId
       if(fullPath.indexOf('?') == -1){
-        fullPath += `?unitId=${unitId}&bookeId=${bookeId}`
+        fullPath += `?unitId=${id}&bookeId=${rootid}`
       }
       else{
-         fullPath += `&unitId=${unitId}&bookeId=${bookeId}`
+         fullPath += `&unitId=${id}&bookeId=${id}`
       }
     }
     fullPath = fullPath.replaceAll('//', '/')
@@ -191,6 +191,8 @@ const clickMenu = ({isOuter, path, disabled, id}) =>{
 }
 
 onMounted(async ()=>{
+
+  await useGetSubject()
   // 确保DOM 渲染完成
   await nextTick()
   chartInstance = echarts.init(chartDom.value)
@@ -236,21 +238,10 @@ onMounted(async ()=>{
     ]
   }
   chartInstance.setOption(option);
-  // 初始化 获取教材下面的单元 + 章节
+
-  getSubjectInit();
 
 })
 
-const getSubjectInit = async () => {
-  //查看本地是否有缓存
-  let unitId = localStorage.getItem('unitId')
-  if(unitId){
-    // 有缓存不用管
-  } else{
-    // 没有 就获取 获取教材下面的单元 + 章节
-    useGetClassWork();
-  }
-}
   
 </script>
 

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

@@ -1,6 +1,6 @@
 <template>
   <div v-loading="isLoading" class="page-resource flex">
-    <ChooseTextbook @change-book="nodeClick" @node-click="nodeClick" />
+    <ChooseTextbook @node-click="nodeClick" />
     <div class="page-center-wrap">
       <el-tabs v-model="activeAptTab" style="height: 100%;">
         <el-tab-pane label="教学课件" name="教学课件" class="prepare-center-jxkj">

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

@@ -2,7 +2,7 @@
   <div class="page-resource flex">
     <!--左侧 教材 目录-->
     <Third v-if="isThird"  @node-click="getDataOther"></Third>
-    <ChooseTextbook v-else @change-book="getData" @node-click="getData" />
+    <ChooseTextbook v-else @node-click="getData" />
 
     <div class="page-right">
       <!-- 搜索 -->