From 0a080bd1f06ea9c4bd85b44c29a3dc4e2f454d51 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=B0=8F=E6=9D=A8?= <666>
Date: Tue, 12 Nov 2024 09:47:05 +0800
Subject: [PATCH 1/6] =?UTF-8?q?add=EF=BC=9A=E7=AB=A0=E8=8A=82=E8=8A=82?=
 =?UTF-8?q?=E7=82=B9=E6=B7=BB=E5=8A=A0=EF=BC=9B?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/views/prepare/components/treeLog.vue  | 59 +++++++++++++++++++
 src/renderer/src/views/prepare/index.vue      | 15 ++++-
 2 files changed, 73 insertions(+), 1 deletion(-)
 create mode 100644 src/renderer/src/views/prepare/components/treeLog.vue

diff --git a/src/renderer/src/views/prepare/components/treeLog.vue b/src/renderer/src/views/prepare/components/treeLog.vue
new file mode 100644
index 0000000..22df6c4
--- /dev/null
+++ b/src/renderer/src/views/prepare/components/treeLog.vue
@@ -0,0 +1,59 @@
+<template>
+    <div style="padding: 10px;">
+      <el-dialog
+        v-model="dialogVisible"
+        width="30%"
+        append-to-body
+      >
+        <div style="display: flex;justify-content: center;">
+          <ChooseTextbook @node-click="nodeClick" />
+        </div>
+        <template #footer>
+          <div class="dialog-footer">
+            <el-button @click="dialogVisible = false">取消</el-button>
+            <el-button type="primary" @click.stop="save">确定</el-button>
+          </div>
+        </template>
+      </el-dialog>
+    </div>
+</template>
+  
+  <script setup>
+  import { ref, defineExpose } from 'vue'
+  import ChooseTextbook from '@/components/choose-textbook/index.vue'
+  
+  const dialogVisible = ref(false)
+  const getNodeInfo = ref([])
+  
+  const openDialog = () => {
+    dialogVisible.value = true
+  }
+  
+  const getFullObj = (node) => {
+    const obj = []
+    const recursive = (currentNode) => {
+      // 这里添加节点参数
+      if (currentNode.parentNode) {
+        obj.unshift(Object.assign({curentId: currentNode.id,title:currentNode.itemtitle}, currentNode.parentNode))
+        recursive(currentNode.parentNode)
+      } else {
+        obj.unshift({id: currentNode.id,title:currentNode.itemtitle})
+      }
+    }
+    recursive(node)
+    return obj
+  }
+  
+  const nodeClick = (data) => {
+    getNodeInfo.value = getFullObj(data.node)
+    console.log(getNodeInfo.value, 'getNodeInfo.value')
+  }
+  
+  const save = () => {
+    dialogVisible.value = false
+  }
+  
+  defineExpose({
+    openDialog
+  })
+  </script>
\ No newline at end of file
diff --git a/src/renderer/src/views/prepare/index.vue b/src/renderer/src/views/prepare/index.vue
index 17e5a0d..0e26080 100644
--- a/src/renderer/src/views/prepare/index.vue
+++ b/src/renderer/src/views/prepare/index.vue
@@ -2,6 +2,7 @@
   <div v-loading="isLoading" class="page-resource flex">
     <ChooseTextbook @node-click="nodeClick" />
     <div class="page-center-wrap">
+      <el-button @click="openChapter" type="primary">打开章节</el-button>
       <el-tabs v-model="activeAptTab" style="height: 100%;">
         <el-tab-pane label="教学课件" name="教学课件" class="prepare-center-jxkj">
           <div class="prepare-center-header">
@@ -140,6 +141,8 @@
   <!-- 上课配置 -->
   <class-start ref="calssRef" @close="closeChange"/>
   <PptDialog @add-success="addAiPPT" :currentNode="currentNode" :uploadData="uploadData" v-model="pptDialog"/>
+  <!-- 章节弹窗 -->
+  <TreeLog ref="treelogRef"/>
   <!-- <button @click="test">test</button> -->
 </template>
 <script setup>
@@ -178,6 +181,7 @@ import ClassReserv from '@/views/classManage/classReserv.vue'
 import classStart from './container/class-start.vue' // 预备上课
 import MsgEnum from '@/plugins/imChat/msgEnum'  // im 消息枚举
 import Chat from '@/utils/chat' // im 登录初始化
+import TreeLog from './components/treeLog.vue'
 if (!Chat.imChat) Chat.init()
 
 const toolStore = useToolState()
@@ -235,7 +239,9 @@ export default {
       isOpenHomework: false,
       // 当前上课课程
       activeClass: null,
-      pptDialog: false
+      pptDialog: false,
+      // 打开章节的弹窗
+      treelogRef:null
     }
   },
   computed: {
@@ -630,6 +636,8 @@ export default {
         })
     },
     async nodeClick(data) {
+      console.log(data,'data');
+      
       if (this.currentNode.id === data.node.id) return
       this.curBookImg = data.textBook.curBookImg
       this.curBookPath = data.textBook.curBookPath
@@ -788,6 +796,11 @@ export default {
           '&reservId=' +
           id
       })
+    },
+    // 打开章节
+    openChapter(){
+      // 打开弹窗
+      this.$refs.treelogRef.openDialog()
     }
   }
 }

From 2d75ae6cb8e6421aea757502e5a709f3375acf27 Mon Sep 17 00:00:00 2001
From: zhuhao <979263092@qq.com>
Date: Tue, 12 Nov 2024 09:59:17 +0800
Subject: [PATCH 2/6] =?UTF-8?q?=E7=89=88=E6=9C=AC=E7=AE=A1=E7=90=86?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index ada67fe..31aa157 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "aix-win",
-  "version": "2.1.21",
+  "version": "2.1.27",
   "description": "",
   "main": "./out/main/index.js",
   "author": "上海交大重庆人工智能研究院",

From a75f880b309b29d4f1e9d8a3b984699726aa0d6e Mon Sep 17 00:00:00 2001
From: zhuhao <979263092@qq.com>
Date: Tue, 12 Nov 2024 10:35:45 +0800
Subject: [PATCH 3/6] =?UTF-8?q?=E6=B7=BB=E5=8A=A0=E5=9B=9E=E8=B0=83?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/views/prepare/components/treeLog.vue  | 22 ++++++++++---------
 1 file changed, 12 insertions(+), 10 deletions(-)

diff --git a/src/renderer/src/views/prepare/components/treeLog.vue b/src/renderer/src/views/prepare/components/treeLog.vue
index 22df6c4..0a6891b 100644
--- a/src/renderer/src/views/prepare/components/treeLog.vue
+++ b/src/renderer/src/views/prepare/components/treeLog.vue
@@ -2,7 +2,7 @@
     <div style="padding: 10px;">
       <el-dialog
         v-model="dialogVisible"
-        width="30%"
+        width="350"
         append-to-body
       >
         <div style="display: flex;justify-content: center;">
@@ -17,18 +17,20 @@
       </el-dialog>
     </div>
 </template>
-  
+
   <script setup>
   import { ref, defineExpose } from 'vue'
   import ChooseTextbook from '@/components/choose-textbook/index.vue'
-  
+
+  const emit = defineEmits(['onsuccess'])
+
   const dialogVisible = ref(false)
   const getNodeInfo = ref([])
-  
+
   const openDialog = () => {
     dialogVisible.value = true
   }
-  
+
   const getFullObj = (node) => {
     const obj = []
     const recursive = (currentNode) => {
@@ -43,17 +45,17 @@
     recursive(node)
     return obj
   }
-  
+
   const nodeClick = (data) => {
     getNodeInfo.value = getFullObj(data.node)
-    console.log(getNodeInfo.value, 'getNodeInfo.value')
   }
-  
+
   const save = () => {
     dialogVisible.value = false
+    emit('onsuccess', getNodeInfo.value)
   }
-  
+
   defineExpose({
     openDialog
   })
-  </script>
\ No newline at end of file
+  </script>

From 24706b8912046148566b36ca8c9ea342b8546b21 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=B0=8F=E6=9D=A8?= <666>
Date: Tue, 12 Nov 2024 10:42:39 +0800
Subject: [PATCH 4/6] =?UTF-8?q?fix=EF=BC=9A=E4=B8=8D=E4=BF=AE=E6=94=B9?=
 =?UTF-8?q?=E5=8E=9F=E6=9C=AC=E6=A0=91=E7=BB=93=E6=9E=84=EF=BC=9B?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../prepare/components/chooseTextbook.vue     | 308 ++++++++++++++++++
 .../src/views/prepare/components/treeLog.vue  |   2 +-
 2 files changed, 309 insertions(+), 1 deletion(-)
 create mode 100644 src/renderer/src/views/prepare/components/chooseTextbook.vue

diff --git a/src/renderer/src/views/prepare/components/chooseTextbook.vue b/src/renderer/src/views/prepare/components/chooseTextbook.vue
new file mode 100644
index 0000000..144720f
--- /dev/null
+++ b/src/renderer/src/views/prepare/components/chooseTextbook.vue
@@ -0,0 +1,308 @@
+<template>
+    <div class="book-wrap">
+      <el-scrollbar height="100%">
+        <div class="book-name flex" @click="dialogVisible = true">
+          <span>{{ curBook.data.itemtitle }}</span>
+          <i class="iconfont icon-xiangyou"></i>
+        </div>
+        <div class="book-list" v-loading="treeLoading">
+          <el-tree :data="treeData" accordion :props="defaultProps" node-key="id"
+            :default-expanded-keys="defaultExpandedKeys" :current-node-key="curNode.data.id" highlight-current
+            @node-click="handleNodeClick">
+            <template #default="{ node }">
+              <span :title="node.label" class="tree-label">{{ node.label }}</span>
+            </template>
+          </el-tree>
+        </div>
+      </el-scrollbar>
+    </div>
+    <!--弹窗 选择教材-->
+    <el-dialog v-model="dialogVisible" append-to-body :show-close="false" width="550"
+      style="border-radius: 10px; padding: 10px 15px;">
+      <template #header>
+        <div class="choose-book-header flex">
+          <span>切换教材</span>
+          <i class="iconfont icon-guanbi" @click="dialogVisible = false"></i>
+        </div>
+      </template>
+  
+      <div class="textbook-container">
+        <el-scrollbar height="450px">
+          <div class="textbook-item flex" v-for="item in subjectList" :class="curBook.data.id == item.id ? 'active-item' : ''"
+            :key="item.id" @click="changeBook(item)">
+            <img v-if="item.avartar" :src="item.avartar.indexOf('http') === 0 ? item.avartar : BaseUrl + item.avartar" class="textbook-img" alt="">
+            <div v-else class="textbook-img">
+              <i class="iconfont icon-jiaocaixuanze" style="font-size: 40px;"></i>
+            </div>
+            <span class="book-name">{{ item.itemtitle }}</span>
+          </div>
+        </el-scrollbar>
+      </div>
+    </el-dialog>
+</template>
+  
+  <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'])
+  let useSubject = null
+  const subjectList = ref([])
+  const dialogVisible = ref(false)
+  // 当前教材下面单元内容数据
+  const treeData = ref([])
+  const defaultProps = {
+    children: 'children',
+    label: 'itemtitle',
+    class: 'textbook-tree'
+  }
+  // 当前选中的教材
+  const curBook = reactive({
+    data: {}
+  })
+  // 当前节点
+  const curNode = reactive({
+    data:{}
+  })
+  const treeLoading = ref(false)
+  // 默认展开的节点
+  const defaultExpandedKeys = ref([])
+  
+  //选择教材
+  const changeBook = (data) => {
+    curBook.data = data
+    treeData.value = useSubject.getTreeData(data.id)
+    //切换教材后默认展开第一个并选中
+    nextTick(() =>{
+      defaultExpandedKeys.value = [treeData.value[0].id]
+      curNode.data = getLastLevelData(treeData.value)[0]
+      handleNodeClick(curNode.data)
+    })
+    // 延迟关闭 视觉上选中
+    setTimeout(() => {
+      dialogVisible.value = false
+    }, 100);
+  }
+  
+  const getLastLevelData = (tree) => {
+    let lastLevelData = [];
+    // 递归函数遍历树形结构
+    function traverseTree(nodes) {
+      nodes.forEach((node) => {
+        // 如果当前节点有子节点，继续遍历
+        if (node.children && node.children.length > 0) {
+          traverseTree(node.children);
+        } else {
+          // 如果没有子节点，说明是最后一层的节点
+          lastLevelData.push(node);
+        }
+      });
+    }
+  
+    // 调用递归函数开始遍历
+    traverseTree(tree);
+  
+    // 返回最后一层的数据
+    return lastLevelData;
+  }
+  // 根据id 拿到父节点数据
+  const findParentByChildId = (treeData, targetNodeId) => {
+    // 递归查找函数
+    // 遍历树中的每个节点
+    for (let node of treeData) {
+      // 检查当前节点的子节点是否包含目标子节点 ID
+      if (node.children && node.children.some(child => child.id === targetNodeId)) {
+        // 如果当前节点的某个子节点的 ID 匹配目标子节点 ID，则当前节点即为父节点
+        return node;
+      }
+      // 如果当前节点没有匹配的子节点，则递归检查当前节点的子节点
+      if (node.children) {
+        let parentNode = findParentByChildId(node.children, targetNodeId);
+        if (parentNode) {
+          return parentNode;
+        }
+      }
+    }
+    // 如果未找到匹配的父节点，则返回 null 或者适当的默认值
+    return null;
+  }
+  
+  
+  const handleNodeClick = (data) => {
+    /**
+     * data : 当前节点数据
+     */
+    let nodeData = cloneDeep(toRaw(data));
+   
+    //增加一个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,
+        curBookName: curBook.data.itemtitle,
+        curBookImg: BaseUrl + curBook.data.avartar,
+        curBookPath: curBook.data.fileurl
+      },
+      node: nodeData
+    }
+    // 本地存储:electron-store
+    emit('nodeClick', curData)
+  }
+  onMounted( async () => {
+    treeLoading.value = true
+    try{
+      useSubject = await useGetSubject()
+      subjectList.value = sessionStore.get('subject.bookList')
+      // 当前教材
+      if(sessionStore.get('subject.curBook')){
+        curBook.data = sessionStore.get('subject.curBook')
+      }
+      else{
+        curBook.data = subjectList.value[0]
+      }
+  
+      // 章节"树"
+      treeData.value = useSubject.getTreeData(curBook.data.id)
+      
+      nextTick(() =>{
+        // 默认展开 选中
+        if(sessionStore.get('subject.curNode')){
+          defaultExpandedKeys.value = sessionStore.get('subject.defaultExpandedKeys')
+          curNode.data = sessionStore.get('subject.curNode')
+        }else{
+          defaultExpandedKeys.value = [treeData.value[0].id]
+          curNode.data = getLastLevelData(treeData.value)[0]
+        }
+        handleNodeClick(curNode.data)
+      })
+    
+    } finally{
+      treeLoading.value = false
+    }
+  
+  })
+  
+  </script>
+  
+  <style lang="scss" scoped>
+  .book-wrap {
+    width: 300px;
+    height: 100%;
+    background: #ffffff;
+    border-radius: 10px;
+    box-shadow: 0px 0px 20px 0px rgba(99, 99, 99, 0.06);
+    display: flex;
+    flex-direction: column;
+    position: relative;
+  
+    .book-name {
+      background-color: #ffffff;
+      position: absolute;
+      left: 0;
+      top: 0;
+      width: 100%;
+      height: 45px;
+      padding: 0 15px;
+      z-index: 1;
+      justify-content: space-between;
+      align-items: center;
+      color: #3b3b3b;
+      cursor: pointer;
+      border-bottom: solid #f4f5f7 1px;
+      font-size: 15px;
+      font-weight: 600;
+      border-radius: 10px 10px 0 0;
+    }
+  
+    .book-list {
+      padding: 45px 10px 0 10px;
+      flex: 1;
+    }
+  }
+  
+  :deep(.choose-dialog) {
+    border-radius: 10px;
+  }
+  
+  .choose-book-header {
+    justify-content: space-between;
+    font-size: 15px;
+    font-weight: bold;
+  
+    .icon-guanbi {
+      font-size: 20px;
+      cursor: pointer;
+    }
+  }
+  
+  .textbook-container {
+    .textbook-item {
+      padding: 10px 20px;
+      align-items: center;
+      border-radius: 5px;
+      cursor: pointer;
+  
+      .book-name {
+        margin-left: 20px;
+        color: #3b3b3b;
+        font-size: 13px;
+      }
+  
+      &:hover {
+        background: #f4f7f9;
+      }
+    }
+  
+    .active-item {
+      background-color: #f4f7f9;
+  
+      .book-name {
+        color: #368fff;
+        font-weight: bold
+      }
+    }
+  
+    .textbook-img {
+      width: 55px;
+      height: 70px;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+    }
+  }
+  
+  :deep(.el-tree-node) {
+    .el-tree-node__content {
+      height: 40px;
+      border-radius: 10px;
+  
+      &:hover {
+        background-color: #eaf3ff;
+      }
+    }
+  }
+  
+  .tree-label {
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
+  
+  :deep(.el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content) {
+    background-color: #eaf3ff !important;
+    color: #409EFF
+  }
+  </style>
+  
\ No newline at end of file
diff --git a/src/renderer/src/views/prepare/components/treeLog.vue b/src/renderer/src/views/prepare/components/treeLog.vue
index 22df6c4..cffb934 100644
--- a/src/renderer/src/views/prepare/components/treeLog.vue
+++ b/src/renderer/src/views/prepare/components/treeLog.vue
@@ -20,7 +20,7 @@
   
   <script setup>
   import { ref, defineExpose } from 'vue'
-  import ChooseTextbook from '@/components/choose-textbook/index.vue'
+  import ChooseTextbook from './chooseTextbook.vue'
   
   const dialogVisible = ref(false)
   const getNodeInfo = ref([])

From 78dce6dc6a0da94bd161f2643eb86222bd0c369d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=B0=8F=E6=9D=A8?= <666>
Date: Tue, 12 Nov 2024 11:04:04 +0800
Subject: [PATCH 5/6] =?UTF-8?q?fix=EF=BC=9A=E4=BF=AE=E6=94=B9=E6=A0=BC?=
 =?UTF-8?q?=E5=BC=8F=E4=BC=A0=E5=80=BC=EF=BC=9B?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/renderer/src/views/prepare/components/treeLog.vue | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/renderer/src/views/prepare/components/treeLog.vue b/src/renderer/src/views/prepare/components/treeLog.vue
index b569b75..391f881 100644
--- a/src/renderer/src/views/prepare/components/treeLog.vue
+++ b/src/renderer/src/views/prepare/components/treeLog.vue
@@ -24,7 +24,7 @@
   const emit = defineEmits(['onsuccess'])
   
   const dialogVisible = ref(false)
-  const getNodeInfo = ref([])
+  const getNodeInfo = ref({})
 
   const openDialog = () => {
     dialogVisible.value = true
@@ -46,7 +46,10 @@
   }
 
   const nodeClick = (data) => {
-    getNodeInfo.value = getFullObj(data.node)
+    getNodeInfo.value = {
+      textbookId:data.node.rootid,
+      bookList:getFullObj(data.node)
+    }
   }
 
   const save = () => {

From 6de59fabfa15fa0fc8994df52dfb7321528d9666 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=B0=8F=E6=9D=A8?= <666>
Date: Tue, 12 Nov 2024 14:48:14 +0800
Subject: [PATCH 6/6] =?UTF-8?q?fix=EF=BC=9A=E4=BF=AE=E6=94=B9=E6=A0=BC?=
 =?UTF-8?q?=E5=BC=8F=EF=BC=9B?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/renderer/src/views/prepare/components/treeLog.vue | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/renderer/src/views/prepare/components/treeLog.vue b/src/renderer/src/views/prepare/components/treeLog.vue
index 391f881..9658dee 100644
--- a/src/renderer/src/views/prepare/components/treeLog.vue
+++ b/src/renderer/src/views/prepare/components/treeLog.vue
@@ -35,7 +35,7 @@
     const recursive = (currentNode) => {
       // 这里添加节点参数
       if (currentNode.parentNode) {
-        obj.unshift(Object.assign({curentId: currentNode.id,title:currentNode.itemtitle}, currentNode.parentNode))
+        obj.unshift({id: currentNode.id,title:currentNode.itemtitle})
         recursive(currentNode.parentNode)
       } else {
         obj.unshift({id: currentNode.id,title:currentNode.itemtitle})
@@ -50,6 +50,7 @@
       textbookId:data.node.rootid,
       bookList:getFullObj(data.node)
     }
+    console.log(getNodeInfo.value,'log')
   }
 
   const save = () => {