Merge pull request '暂屏蔽-[校本题库, 智能推荐, AI设计作业]' (#157) from zouyf_tmp into main

Reviewed-on: #157

src/renderer/src/AixPPTist/src/api/chat.ts

@@ -33,7 +33,7 @@ export default () => {
       const isWs = !!ChatWs.ws && ChatWs.ws.readyState === 1 // 是否有socket连接
       if(!timgroupid) return reject('未获取到群组ID')
       else if(!isWs) return reject('信异常，请重试！')
-      const {current: paging, animation: cartoonTimes} = msg || {}
+      const {current: paging, animationSteps: cartoonTimes} = msg || {}
       const head = MsgEnum.HEADS.MSG_slideFlapping
       ChatWs.sendMsg(head, msg) // 发送消息
       API_classcourse.setPaging({ id: courseId, paging, cartoonTimes})

src/renderer/src/AixPPTist/src/api/types.ts

@@ -125,7 +125,7 @@ export class MsgEnum {
     /** @desc: 课堂作业|活动 */
     MSG_homework : 'HOMEWORK',
     /** @desc: 公屏 - 课堂作业|活动 */
-    MSG_pushSreen_work : 'pushSreen-work',
+    MSG_pushSreen_work : 'pushSreen_work',
     /** @desc: 点赞 */
     MSG_dz : 'dz',
     /** @desc: 疑惑 */

src/renderer/src/AixPPTist/src/api/watcher.ts

@@ -98,10 +98,16 @@ export default () => {
           break
         case MsgEnum.HEADS.MSG_slideFlapping: // 幻灯片翻页
           const slideIndex = content?.current || 0
-          const type = content?.animation
+          const type = content?.animation // 上下动作
+          const steps = content?.animationSteps // 动画步骤
           if (type === 'Nextsteps') execNext(true) // 下一步-异步动画
           else if (type === 'Previoustep') turnPrevSlide() // 上一步清空-动画
           else slidesStore.updateSlideIndex(slideIndex) // 更新幻灯片下标
+          // 更新本地缓存
+          sessionStore.set('curr.classcourse.paging', slideIndex)
+          sessionStore.set('curr.classcourse.cartoonTimes', steps)
+          classcourseStore.classcourse.paging = slideIndex
+          classcourseStore.classcourse.cartoonTimes = steps
           break
         // case MsgEnum.HEADS.MSG_homework: // 作业|活动-布置 不处理
         case MsgEnum.HEADS.MSG_pushSreen_work: // 打开-作业|活动

src/renderer/src/AixPPTist/src/views/Screen/hooks/useExecPlay.ts

@@ -220,8 +220,8 @@ export default (isLoader?: boolean = true) => {
     else if (type === 'next') execNext()
     if (classcourseStore.classcourse) { // 上课中
       const current = slideIndex.value
-      const animation = animationIndex.value
-      const animationSteps = type == 'next'?'Nextsteps':'Previoustep'
+      const animationSteps = animationIndex.value
+      const animation = type == 'next'?'Nextsteps':'Previoustep'
       const msg = { current, animation, animationSteps}
       chatApi.slideFlapping(msg)
     }

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

@@ -0,0 +1,333 @@
+<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 { listEvaluation } from '@/api/subject'
+  import { sessionStore } from '@/utils/store'
+  
+  const BaseUrl = import.meta.env.VITE_APP_BUILD_BASE_PATH
+  // 定义要发送的emit事件
+  const emit = defineEmits(['nodeClick', 'changeBook'])
+  // 章节List
+  const unitList = ref([])
+  const subjectList = ref([])
+  const dialogVisible = ref(false)
+  // 当前教材下面单元内容数据
+  const treeData = ref([])
+  const defaultProps = {
+    children: 'children',
+    label: 'itemtitle',
+    class: 'textbook-tree'
+  }
+  //查当前学科
+  const subjectParams = reactive(
+    {
+    edusubject: '科学',
+    edustage:'小学',
+    itemkey: 'version',
+    orderby: 'orderidx asc',
+    pageSize: 10000
+    }
+  )
+  // 查所有的学科
+  const unitParams = reactive({
+    edusubject:'科学',
+    edustage:'小学',
+    itemgroup: 'textbook',
+    orderby: 'orderidx asc',
+    pageSize: 10000
+    })
+  // 当前选中的教材
+  const curBook = reactive({
+    data: {}
+  })
+  // 当前节点
+  const curNode = reactive({
+    data:{}
+  })
+  const treeLoading = ref(false)
+  // 默认展开的节点
+  const defaultExpandedKeys = ref([])
+  
+  //选择教材
+  const changeBook = (data) => {
+    curBook.data = data
+    treeData.value = 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)
+  }
+  // 单元章节数据转为“树”结构
+  const getTreeData = (bookId) =>{
+    // 根据当前教材的id 查找出对应的章节 
+    let data = unitList.value.filter(item => item.rootid == bookId && item.level == 1)       
+    data.forEach( item => {
+      item.children = unitList.value.filter( item2 => item2.parentid == item.id && item2.level == 2)
+    }) 
+    return data
+  }
+
+
+  onMounted( async () => {
+    treeLoading.value = true
+    try{
+        //获取学科列表
+      const { rows } = await listEvaluation(subjectParams)
+        // 获取所有的教材
+      subjectList.value = rows
+      
+      const res = await listEvaluation(unitParams)
+      unitList.value = [...res.rows]
+      // 当前教材
+        curBook.data = rows[0]
+  
+      // 章节"树"rows
+      treeData.value = getTreeData(rows[0].id)
+      
+      nextTick(() =>{
+        // 默认展开 选中
+        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>
+  

src/renderer/src/components/grid-pic/index.vue

@@ -1,26 +1,35 @@
 <template>
+  <div style="position: relative;height: 100%;width: 100%;">
     <draggable handle=".header-btn" :draggable="false" item-key="backgroundColor" v-model="gridPicList" class="grid-pic-wrap" :style="getGrid">
       <template #item="{ element, index }">
         <div class="grid-pic-item" :key="element.backgroundColor" :style="getWH(element,index)">
           <div class="delete-btn" @click="gridPicList.splice(index,1)">X</div>
           <div class="header-btn"></div>
-        <ViewerItem :gridPicList="gridPicList" :index="index" :images="[element.src]"></ViewerItem>
+          <ViewerItem :gridPicList="gridPicList" :index="index" :images="element"></ViewerItem>
         </div>
       </template>
     </draggable>
-  <el-input style="position:fixed;bottom: 20px;right: 80px;width: 1000px" v-model="inputValue" type="text" />
+    <el-input style="position:fixed;bottom: 20px;right: 180px;width: 1000px" v-model="inputValue" type="text" />
     <el-button class="add-btn" @click="addPic">
       添加
     </el-button>
+    <el-button style="position:fixed;bottom: 20px;right: 80px;" @click="startPencil">
+      画笔
+    </el-button>
+    <div class="modal-mode">
+      <canvas id="canvas_pic_001" style="position: absolute;top: 0;left: 0;width: 100%;height: 100%;"></canvas>
+    </div>
+  </div>
 </template>
 
 <script setup>
-  import {ref, computed} from 'vue'
+  import {ref, computed, onMounted} from 'vue'
   import Draggable from 'vuedraggable'
   import ViewerItem from "./viewer-item.vue";
-
+  import Fabric from 'fabric';
   const gridPicList = ref([])
   const inputValue = ref('')
+  const isShow = ref(false)
   // 获取图片样式
   const getWH = (item,index)=>{
     return {
@@ -29,6 +38,14 @@
     }
   }
 
+  const picList = [
+    'https://prev.ysaix.com:7868/src/assets/images/homecard4.jpg',
+    'https://prev.ysaix.com:7868/src/assets/images/homecard3.jpg',
+    'https://prev.ysaix.com:7868/src/assets/images/homecard2.jpg',
+    'https://prev.ysaix.com:7868/src/assets/images/homecard1.jpg',
+    'https://prev.ysaix.com:7868/profile/avatar/2024/06/26/blob_20240626135106A001.png',
+    'https://prev.ysaix.com:7868/assets/app_download.b3fb227b.png'
+  ]
   // 获取grid样式
   const getGrid = computed(() => {
     switch (gridPicList.value.length) {
@@ -106,12 +123,20 @@
     if (gridPicList.value.length >= 9) {
       return
     }
+    let src = inputValue.value||picList[gridPicList.value.length]
+    if (!src) {
+      return;
+    }
     gridPicList.value.push({
-      src: inputValue.value,
+      src: src,
       backgroundColor: getRandomColor()
     })
     inputValue.value = ''
   }
+  //开始画笔
+  const startPencil = () => {
+    isShow.value = !isShow.value
+  }
   // 生成随机颜色
   function getRandomColor() {
     let r = Math.floor(Math.random() * 256).toString(16);
@@ -123,13 +148,38 @@
     b = b.length === 1? '0' + b : b;
     return `#${r}${g}${b}`;
   }
-
+  //初始化画笔
+  const initPend = () => {
+    let canvas = new Fabric.fabric.Canvas('canvas_pic_001',{
+      interactive: false,
+      selection: true,
+      backgroundColor: "rgba(15,15,15,0)"
+    })
+    canvas.defaultCursor = 'default'
+    canvas.setHeight(300)
+    canvas.setWidth(400)
+    canvas.isDrawingMode = true;
+    canvas.freeDrawingBrush = new Fabric.fabric.PencilBrush(canvas)
+    canvas.freeDrawingBrush.width = 1//设置画笔粗细
+    canvas.freeDrawingBrush.color = "red"//设置画笔颜色
+  }
+  onMounted(() => {
+    initPend()
+  })
 </script>
 <style scoped lang="scss">
+.modal-mode{
+  width: 100%;
+  height: 100%;
+  position: absolute;
+  z-index: 1001;
+  background-color: rgba(0, 0, 0, 0.2);
+}
 .grid-pic-wrap{
   width: 100%;
   height: 100%;
   display: grid;
+  position: absolute;
   overflow: hidden;
   .grid-pic-item{
     //animation: fadeIn 0.5s ease-in-out forwards;

src/renderer/src/components/grid-pic/viewer-item.vue

@@ -1,13 +1,19 @@
 <template>
-  <viewer :ref="collectRef('viewerRef'+index)" :options="optins" :images="images" class="images clearfix">
+  <div class="viewer-item-wrap" :id="'viewer_id'+index">
+    <Viewer @move="move" @moved="moved" @inited="inited" @zoomed="zoomed" :ref="collectRef('viewerRef'+index)" :options="optins" :images="[images.src]" class="images clearfix">
       <template #default="scope">
+        <div class="viewer-img-box">
           <img v-for="src in scope.images" :key="index" :src="src" style="display: none">
+        </div>
       </template>
-  </viewer>
+    </Viewer>
+  </div>
 </template>
 <script setup>
-import {ref, watch, nextTick} from "vue";
-
+import {ref, watch, nextTick, onMounted} from "vue";
+import { component as Viewer } from 'v-viewer'
+import Fabric from 'fabric';
+import 'viewerjs/dist/viewer.css'
 const props = defineProps({
   images: {
     type: Object,
@@ -22,7 +28,54 @@ const props = defineProps({
     default: () => []
   }
 })
+let $viewer = null;
 const refs = ref([]);
+//初始化时
+const inited = (viewer) => {
+  $viewer = viewer
+}
+//缩放时
+const zoomed = (e) => {
+  setImgStyle()
+  // console.log('zoomed', e)
+}
+//移动时
+const moved = (e) => {
+  setImgStyle()
+  // console.log('moved',e)
+}
+const move = (e) => {
+  // console.log('move', e)
+}
+const appendCanvasToShow = () => {
+  initImgStyle()
+}
+
+const setImgStyle = () => {
+  let item = window.document.getElementById('viewer_id'+props.index)
+  let canvas = item.querySelectorAll('.viewer-canvas')[0]
+  let img = canvas.querySelectorAll('img')[0]
+  let imgStyle = img.getAttribute('style')
+  imgStyle = imgStyle.replace('relative', 'absolute') + 'z-index: 1002';
+  img.style = imgStyle;
+  let canvasNew = canvas.querySelectorAll('canvas')[0]
+  canvasNew.style = imgStyle;
+}
+
+const initImgStyle = () => {
+  let item = window.document.getElementById('viewer_id'+props.index)
+  let canvas = item.querySelectorAll('.viewer-canvas')[0]
+  let img = canvas.querySelectorAll('img')[0];
+  let imgStyle = img.getAttribute('style')
+  imgStyle = imgStyle.replace('relative', 'absolute') + 'z-index: 1002';
+  img.style = imgStyle;
+  const canvasNew = document.createElement('canvas');
+  canvasNew.style = imgStyle;
+  canvasNew.id = 'canvas_pic_'+props.index
+  canvas.appendChild(canvasNew);
+
+  initPend()
+}
 
 const collectRef = (key) => {
   return (el) => {
@@ -30,30 +83,65 @@ const collectRef = (key) => {
   };
 };
 //viewer配置
-const optins = {
+const optins = ref({
   "inline": true,
   "button": false,
   "navbar": false,
   "title": false,
   "toolbar": false,
   "tooltip": true,
-  "movable": true,
   "zoomable": true,
   "rotatable": true,
+  "movable": false,
   "scalable": true,
   "transition": true,
   "fullscreen": true,
   "keyboard": true
-}
+})
 const initViewers = () => {
   refs.value['viewerRef'+props.index]?.rebuildViewer()
+  setTimeout(()=>{
+    initImgStyle()
+  },300)
 }
+//初始化画笔
+const initPend = () => {
+  let canvas = new Fabric.fabric.Canvas('canvas_pic_'+props.index,{
+    interactive: false,
+    selection: true,
+    backgroundColor: "rgba(15,15,15,0)"
+  })
+  canvas.defaultCursor = 'default'
+  canvas.setHeight(300)
+  canvas.setWidth(400)
+  canvas.isDrawingMode = true;
+  canvas.freeDrawingBrush = new Fabric.fabric.PencilBrush(canvas)
+  canvas.freeDrawingBrush.width = 1//设置画笔粗细
+  canvas.freeDrawingBrush.color = "red"//设置画笔颜色
+}
+
 watch(props.gridPicList, (newValue, oldValue) => {
   nextTick(()=>{
     initViewers()
   })
 });
+
+/*
+watch(props.images, (newValue, oldValue) => {
+    // optins.value.movable = newValue.dragable
+  initPend()
+});
+*/
+
+onMounted(()=>{
+  setTimeout(()=>{
+    appendCanvasToShow()
+  }, 300)
+})
 </script>
 <style scoped lang="scss">
-
+.viewer-item-wrap{
+  width: 100%;
+  height: 100%;
+}
 </style>

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

@@ -57,9 +57,9 @@ import { ref, watch , reactive, onMounted, onBeforeMount, computed} from 'vue'
 import { useRouter } from 'vue-router'
 import { ElMessageBox, ElMessage } from 'element-plus'
 import useUserStore from '@/store/modules/user'
-import { sessionStore } from '@/utils/store'
 import pkc from "../../../../../package.json"
 import defaultUserImg from '@/assets/images/img-avatar.png'
+import { sessionStore } from '@/utils/store'
 
 
 const { ipcRenderer } = window.electron || {}
@@ -183,7 +183,7 @@ watch(
 
 const logout = () => {
 
-  if(!!sessionstore.get('curr.classcourse'))return ElMessage.warning('当前正在上课，请先结束上课')
+  if(!!sessionStore.get('curr.classcourse'))return ElMessage.warning('当前正在上课，请先结束上课')
 
   ElMessageBox.confirm('确认退出系统吗?', '提示', {
     confirmButtonText: '确定',

src/renderer/src/main.js

@@ -17,8 +17,7 @@ import log from 'electron-log/renderer' // 渲染进程日志-文件记录
 import customComponent from '@/components/common' // 自定义组件
 import plugins from './plugins' // plugins插件
 import useUserStore from '@/store/modules/user'
-import VueViewer from 'v-viewer'
-import 'viewerjs/dist/viewer.css'
+
 if(process.env.NODE_ENV != 'development') { // 非开发环境，将日志打印到日志文件
   Object.assign(console, log.functions) // 渲染进程日志-控制台替换
 }
@@ -42,7 +41,6 @@ import Directive from '@/AixPPTist/src/plugins/directive'
 
 app.use(router)
     .use(store)
-    .use(VueViewer)
     .use(ElementPlus, { locale: zhLocale })
     .use(customComponent) // 自定义组件
     .use(plugins)

src/renderer/src/plugins/imChat/msgEnum.js

@@ -99,7 +99,7 @@ export class MsgEnum {
     /** @desc: 课堂作业|活动 */
     MSG_homework : 'HOMEWORK',
     /** @desc: 公屏 - 课堂作业|活动 */
-    MSG_pushSreen_work : 'pushSreen-work',
+    MSG_pushSreen_work : 'pushSreen_work',
     /** @desc: 点赞 */
     MSG_dz : 'dz',
     /** @desc: 疑惑 */

src/renderer/src/utils/resourceDict.js

@@ -57,24 +57,31 @@ export const  resourceFormat = [
 // 资源类型
 export const resourceType = [
   {
+    id:1,
     label: '课例库',
     value: "'apt','课件','教案'"
   },
-  {
-    label: '作业库',
-    value: '作业',
-    disabled: true
-  },
+  // {
+  //   label: '作业库',
+  //   value: '作业',
+  //   disabled: true
+  // },
 
   {
+    id:2,
     label: '素材库',
     value: "'素材'"
   },
   {
-    label: '习题库',
-    value: '习题',
-    disabled: true
-  }
+    id:3,
+    label: '实验室',
+    value: "'素材'"
+  },
+  // {
+  //   label: '习题库',
+  //   value: '习题',
+  //   disabled: true
+  // }
 ]
 // 年级划分
 export const gradeList = [

src/renderer/src/views/classTask/newClassTaskAssign/Right/index.vue

@@ -30,12 +30,12 @@ import { ElMessage } from 'element-plus'
 const emit = defineEmits(['itemClick'])
 const items = shallowRef([
   { title: '自主搜题', description: '上千万高质量习题资源，历届考试真题，每道题均有习题解析', icon: '#icon-soutibao-',type:'primary' },
-  { title: '校本题库', description: '本校公共题库资源。', icon: '#icon-soutibao-',type:'primary' },
+  // { title: '校本题库', description: '本校公共题库资源。', icon: '#icon-soutibao-',type:'primary' },
   { title: '个人题库', description: '老师上传维护自己的个人题库。', icon: '#icon-soutibao-',type:'primary' },
-  { title: '智能推荐', description: '通过对学生的薄弱知识点分析，推送不同难度的习题进行强化训练。', icon: '#icon-tubiao_wuxing-',type:'primary' },
+  // { title: '智能推荐', description: '通过对学生的薄弱知识点分析，推送不同难度的习题进行强化训练。', icon: '#icon-tubiao_wuxing-',type:'primary' },
   { title: '课堂展示', description: '通过课堂白板绘制作业，提升学生的创作思维能力。', icon: '#icon-huaban',type:'danger' },
   { title: '常规作业', description: '推送pdf、视频、音频、图片，学生可以拍照上传。', icon: '#icon-zhaoxiangji',type:'danger' },
-  { title: 'AI设计作业', description: '通过AI助手，根据课标、教材、考试等分析结果，智能创建作业。', icon: '#icon-jiqiren_o',type:'danger' },
+  // { title: 'AI设计作业', description: '通过AI助手，根据课标、教材、考试等分析结果，智能创建作业。', icon: '#icon-jiqiren_o',type:'danger' },
   { title: '习题上传', description: '自己上传个人题库。', icon: '#icon-shangchuan',type:'danger' },
 ]);
 

src/renderer/src/views/classTask/newClassTaskAssign/index.vue

@@ -58,9 +58,9 @@
           <el-tab-pane label="自主搜题" name="自主搜题" class="prepare-center-zzst">
             <SearchQuestion :bookobj="courseObj" @addQuiz="handleClassWorkQuizAdd" />
           </el-tab-pane>
-          <el-tab-pane label="校本题库" name="校本题库" class="prepare-center-xbtk">
+          <!-- <el-tab-pane label="校本题库" name="校本题库" class="prepare-center-xbtk">
             <SchoolQuestion />
-          </el-tab-pane>
+          </el-tab-pane> -->
           <el-tab-pane label="个人题库" name="个人题库" class="prepare-center-grst">
             <MyQuestion :bookobj="courseObj" @addQuiz="handleClassWorkQuizAdd"/>
           </el-tab-pane>

src/renderer/src/views/classTask/newClassTaskAssign/questToPPTist/index.vue

@@ -6,9 +6,9 @@
           <el-tab-pane label="自主搜题" name="自主搜题" class="prepare-center-zzst">
             <SearchQuestion :bookobj="courseObj" :isHtml2canvas="true"  @addQuizImgBs64="handleaddQuizImgBs64" />
           </el-tab-pane>
-          <el-tab-pane label="校本题库" name="校本题库" class="prepare-center-xbtk">
+          <!-- <el-tab-pane label="校本题库" name="校本题库" class="prepare-center-xbtk">
             <SchoolQuestion />
-          </el-tab-pane>
+          </el-tab-pane> -->
           <el-tab-pane label="个人题库" name="个人题库" class="prepare-center-grst">
             <MyQuestion :bookobj="courseObj" :isHtml2canvas="true" @addQuizImgBs64="handleaddQuizImgBs64"/>
           </el-tab-pane>

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

@@ -10,7 +10,7 @@
           <el-dropdown-menu>
             <el-dropdown-item @click="createAIPPT">新建文枢课件</el-dropdown-item>
             <el-dropdown-item @click="aiTOPPT">AI一键生成</el-dropdown-item>
-            <el-dropdown-item @click="openGridPic">打开宫格</el-dropdown-item>
+<!--            <el-dropdown-item @click="openGridPic">打开宫格</el-dropdown-item>-->
             <el-dropdown-item @click="openFilePicker">导入PPT</el-dropdown-item>
             <input type="file" ref="fileInput" style="display: none;" @change="handleFileChange" accept="application/vnd.ms-powerpoint,application/vnd.openxmlformats-officedocument.presentationml.presentation">
           </el-dropdown-menu>
@@ -297,7 +297,7 @@ export default {
     },
     currentKJFileList() {
       // return this.currentFileList.filter((item) => item.fileFlag === 'apt' || item.fileFlag === '课件')
-      return this.currentFileList.filter((item) => ['apt','aippt','课件'].includes(item.fileFlag))
+      return this.currentFileList.filter((item) => ['aippt'].includes(item.fileFlag))
     },
     currentSCFileList() {
       // return this.currentFileList.filter((item) => item.fileFlag !== 'apt' && item.fileFlag !== '课件')
@@ -461,7 +461,6 @@ export default {
         }
         case 'wsApp': { // 发送app端待开课消息
           // console.log('wsApp', row)
-          window.test = sessionStore
           if (!!sessionStore.get('curr.classcourse')) return ElMessage.warning('公屏已打开，请勿重复操作')
           const head = MsgEnum.HEADS.MSG_0000
           const data = { id: row.id }
@@ -924,7 +923,6 @@ export default {
       return getSmarttalkPage({
         ...this.uploadData,
         orderByColumn: 'createTime',
-        fileFlag: 'aippt',
         isAsc: 'desc',
         pageSize: 500
       })

src/renderer/src/views/resource/container/components/VideoLog.vue

@@ -0,0 +1,25 @@
+<template>
+    <el-dialog v-model="model" class="preview-drawer" :title="row.fileShowName" :modal="true" :destroy-on-close="true" :with-header="false" :append-to-body="true"
+    width="60%">
+    <video style="margin: 0 auto;" :src="row.fileFullPath" controls autoplay></video>
+    </el-dialog>
+</template>
+<script setup>
+const model = defineModel()
+const props = defineProps({
+  row: {
+    type: Object,
+    default(){
+      return {}
+    }
+  },
+})
+
+</script>
+<style scoped>
+.header-close {
+  padding: 0;
+  cursor: pointer;
+  text-align: right;
+}
+</style>

src/renderer/src/views/resource/container/exper-list.vue

@@ -0,0 +1,214 @@
+<template>
+    <div class="page-resource flex">
+      <!-- 左侧 教材 目录 -->
+      <div class="page-right">
+        <!-- 排序 -->
+        <div style="margin-left: 5px;margin-top: 10px;height: 45px;">
+          <el-form size="large">
+            <el-form-item label="排序:">
+              <div 
+                :class="['score-circle', { 'active': active == item.active }]"
+                v-for="(item,index) in screenList" :key="index" @click="chooseItem(item)">
+                <el-text
+                  :style="{fontWeight:'bold', color: active == item.active ? 'rgb(57, 184, 244)':'rgb(131,131,131)' }"
+                  size="large">{{ item.title }}</el-text>
+              </div>
+            </el-form-item>
+          </el-form>
+        </div>
+        <el-scrollbar>
+            <el-empty v-if="!sourceStore.result.list.length" description="暂无数据" />
+            <div class="list-content">
+                <div class="list-container" v-loading="loading">
+                    <div v-for="(item, index) in sourceStore.result.list" :key="index" class="content">
+                    <div class="content-list">
+                    <!-- 封面 -->
+                    <el-image style="width: 100%;border-radius: 8px;" :src="item.coverPic" fit="contain" @click="chooseVedio(item)"/>
+                    
+                    </div>
+                    <!-- 标题 -->
+                    <div style="text-align: left;">
+                        <el-text>{{ item.fileShowName }}</el-text>
+                    </div>
+                    <!-- 观看人数 -->
+                    <!-- <div style="text-align: left;display: flex;align-items: center;">
+                        <el-icon type="info"><View /></el-icon><el-text size="small" type="info">{{ item.nums }}</el-text>
+                    </div> -->
+                    </div>
+                </div>
+            </div>
+        </el-scrollbar>
+        <div class="pagination-box">
+            <el-pagination
+                v-model:current-page="sourceStore.query.pageNum"
+                v-model:page-size="sourceStore.query.pageSize"
+                :page-sizes="[10, 20, 30, 50]"
+                background
+                layout="total, sizes, prev, pager, next, jumper"
+                :total="sourceStore.result.total"
+                @size-change="handleSizeChange"
+                @current-change="handleCurrentChange"
+            />
+        </div>
+      </div>
+    </div>
+    <!-- 播放视频 -->
+    <VideoLog v-model="isShow" :row="curRow"></VideoLog>
+</template>
+  
+  <script setup>
+import { ref, computed } from 'vue'
+import VideoLog from './components/VideoLog.vue'
+import useResoureStore from '../store'
+const sourceStore = useResoureStore()
+// 排序列表
+const screenList = ref([
+{
+    title: '最新发布',
+    active: 1,
+}
+])
+const active = ref(1)
+// 弹出视频
+const isShow = ref(false)
+const curRow = ref({})
+// loading框
+const loading = computed(() => sourceStore.loading)
+const chooseItem = (item) => {
+    active.value = item.active
+}
+// 分页change
+const handleSizeChange = (limit) => {
+  sourceStore.query.pageSize = limit
+  sourceStore.handleQuery()
+}
+const handleCurrentChange = (page) => {
+  sourceStore.query.pageNum = page
+  sourceStore.handleQuery()
+}
+
+
+
+const chooseVedio = (item) => {
+    isShow.value = true
+    curRow.value = item
+    }
+</script>
+
+<style lang="scss" scoped>
+.page-resource {
+    height: 100%;
+    padding: 10px 15px 0;
+
+    .page-right {
+        min-width: 0;
+        display: flex;
+        flex-direction: column;
+        flex: 1;
+        height: 100%;
+    }
+    .icon-jiahao {
+        font-size: 12px;
+        margin-right: 3px;
+        font-weight: bold;
+    }
+}
+.create-btn {
+    font-size: 13px;
+    padding: 5px 13px;
+}
+.list-content {
+    border-radius: 8px;
+    height: 90%;
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+}
+.list-container {
+    display: flex;
+    flex-wrap: wrap;
+    overflow-y: auto;
+}
+
+.content {
+    border-radius: 8px;
+    //   box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
+    width: calc(20%);
+    cursor: pointer;
+    transition: all 0.3s ease;
+    padding: 5px;
+    display: flex;
+    flex-direction: column;
+    // justify-content: space-between;
+}
+
+.content:hover {
+    transform: translateY(-4px);
+//   box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.15);
+}
+.content-list{
+    height: 150px;
+    display: flex;
+    align-items: center
+}
+
+.item-content {
+    display: flex;
+    align-items: center;
+}
+
+.item-icon {
+    font-size: 24px;
+    color: #409eff;
+    margin-right: 16px;
+}
+
+.item-text {
+    flex: 1;
+}
+
+.item-title {
+    font-size: 16px;
+    font-weight: 500;
+    color: #303133;
+    margin-bottom: 4px;
+    font-weight: bold;
+}
+
+.title-header {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+}
+
+.item-bottom {
+    text-align: right;
+}
+
+/* 过渡动画 */
+.fade-enter-active, .fade-leave-active {
+    transition: opacity 0.3s;
+}
+
+.fade-enter, .fade-leave-to {
+    opacity: 0;
+}
+.score-circle {
+    background-color: #fff;
+    cursor: pointer;
+    margin-right: 5px;
+    width: auto;
+    text-align: center;
+    padding: 0 10px;
+}
+
+.score-circle.active {
+    background-color: rgb(218, 236, 255);
+    color: white;
+}
+.pagination-box {
+    display: flex;
+    justify-content: center;
+    height: 65px;
+    }
+</style>

src/renderer/src/views/resource/container/resoure-search.vue

@@ -3,11 +3,12 @@
     <el-row justify="space-between">
       <el-col :span="12" class="tab-btns flex">
         <el-button text v-for="item in sourceStore.resourceTypeList" :key="item.id"
-          :type="sourceStore.query.fileFlags == item.value ? 'primary' : ''"
-          @click="sourceStore.changeType(item.value)" :disabled="item.disabled">{{ item.label
+          :type="sourceStore.activeIndex == item.id ? 'primary' : ''"
+          @click="sourceStore.changeType(item)" :disabled="item.disabled">{{ item.label
           }}</el-button>
       </el-col>
 
+      <template v-if="!isExper">
         <el-col :span="12" class="search-box flex" v-if="isThird">
           <el-input v-model="sourceStore.thirdQuery.title" @input="onchangeInput()" style="width: 240px"
             placeholder="请输入关键词" />
@@ -16,6 +17,7 @@
           <el-input v-model="sourceStore.query.fileName" @input="onchangeInput()" style="width: 240px"
             placeholder="请输入关键词" />
         </el-col>
+      </template>
     </el-row>
 
 <!--    第三方资源筛选-->
@@ -34,6 +36,7 @@
       <el-col :span="24" class="query-row flex">
         <div class="flex row-left">
       <!--    第三方资源筛选-->
+          <template v-if="!isExper">
             <el-select v-if="isThird" v-model="sourceStore.thirdQuery.type" @change="sourceStore.thirdChangeType"
               style="width: 110px">
               <el-option v-for="item in coursewareTypeList" :key="item.value" :label="item.label"
@@ -50,6 +53,7 @@
               :type="sourceStore.query.fileSource == item.value ? 'primary' : ''"
               @click="sourceStore.changeTab(item.value)">{{
               item.label }}</el-button>
+          </template>
         </div>
         <div>
           <slot name="add" />
@@ -63,7 +67,10 @@
 import {watch,ref,onMounted} from 'vue'
 import useResoureStore from '../store'
 import {coursewareTypeList} from '@/utils/resourceDict'
+// 是否是第三方资源
 const isThird = ref(false)
+//判断是不是进入实验室
+const isExper = ref(false)
 const sourceStore = useResoureStore()
 // 防抖函数
 const debounce = (fn, t) => {
@@ -85,6 +92,9 @@ onMounted(() => {
 watch(() => sourceStore.query.fileSource,() => {
   sourceStore.query.fileSource === '第三方'?isThird.value = true:isThird.value = false
 })
+watch(() => sourceStore.query.orderByColumn,() => {
+  sourceStore.query.orderByColumn === 'uploadTime'?isExper.value = true:isExper.value = false
+})
 </script>
 <style lang="scss" scoped>
 .resoure-search {

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

@@ -1,9 +1,14 @@
 <template>
   <div class="page-resource flex">
     <!--左侧 教材 目录-->
-    <Third v-if="isThird"  @node-click="getDataOther"></Third>
+    <template v-if="!isExper">
+      <Third v-if="isThird"  @node-click="getDataOther"/>
       <ChooseTextbook v-else @node-click="getData" />
-
+    </template>
+    <!-- 实验室的左侧树结构列表 -->
+    <template v-else>
+      <ExperimentBook @node-click="getExperData"/>
+    </template>
     <div class="page-right">
       <!-- 搜索 -->
       <ResoureSearch #add>
@@ -19,9 +24,14 @@
         >
       </ResoureSearch>
       <!-- 列表 -->
+      <template v-if="!isExper">
         <!--      第三方列表-->
         <ThirdList v-if="isThird" />
         <ResoureList v-else />
+      </template>
+      <template v-else>
+        <ExperList/>
+      </template>
     </div>
   </div>
   <!-- 上传弹窗 -->
@@ -33,8 +43,12 @@ import { onMounted, ref, toRaw,watch } from 'vue'
 import useResoureStore from './store'
 import ChooseTextbook from '@/components/choose-textbook/index.vue'
 import Third from '@/components/choose-textbook/third.vue'
+// 科学学科对应实验室
+import ExperimentBook from '@/components/choose-textbook/experimentBook.vue'
 import ResoureSearch from './container/resoure-search.vue'
 import ResoureList from './container/resoure-list.vue'
+// 实验列表
+import ExperList from './container/exper-list.vue'
 import ThirdList from './container/third-list.vue'
 import uploadDialog from '@/components/upload-dialog/index.vue'
 import uploaderState from '@/store/modules/uploader'
@@ -48,6 +62,8 @@ const openDialog = () => {
 }
 //判断是否去查看第三方资源
 const isThird = ref(false)
+//判断是不是进入实验室
+const isExper = ref(false)
 
 // 查询
 const getData = (data) => {
@@ -73,6 +89,7 @@ const getData = (data) => {
   // 头部 教材分析打开外部链接需要当前章节ID
   localStorage.setItem('unitId', JSON.stringify({ levelFirstId, levelSecondId}))
 }
+// 查询第三方资源
 const getDataOther = (data) => {
   sourceStore.thirdQuery.chapterId = data.chapterId
   sourceStore.thirdQuery.bookId = data.bookId
@@ -80,6 +97,19 @@ const getDataOther = (data) => {
   sourceStore.thirdQuery.subjectId = data.subjectId
   sourceStore.handleQuery()
 }
+// 查询科学实验室的资源
+const getExperData = (data) => {
+  const { textBook, node } = data
+  if (node.parentNode) {
+    sourceStore.query.levelFirstId = node.parentNode.id
+    sourceStore.query.levelSecondId = node.id
+  } else {
+    sourceStore.query.levelFirstId = node.id
+    sourceStore.query.levelSecondId = ''
+  }
+  sourceStore.query.textbookId = node.rootid
+  sourceStore.handleQuery()
+}
 
 // 提交文件
 const submitFile = (data) => {
@@ -108,6 +138,15 @@ onMounted(() => {
 watch(() => sourceStore.query.fileSource,() => {
   sourceStore.query.fileSource === '第三方'?isThird.value = true:isThird.value = false
 })
+watch(() => sourceStore.query.orderByColumn,() => {
+  if(sourceStore.query.orderByColumn === 'uploadTime'){
+    isExper.value = true
+    sourceStore.getCreate()
+  }else{
+    isExper.value = false
+  }
+})
+
 </script>
 
 <style lang="scss" scoped>

src/renderer/src/views/resource/store.js

@@ -77,6 +77,7 @@ export default defineStore('resource', {
       list: [],
       total: 0,
     },
+    activeIndex:1
   }),
   actions: {
     handleQuery() {
@@ -119,7 +120,16 @@ export default defineStore('resource', {
       this.handleQuery()
     },
     changeType(val) {
-      this.query.fileFlags = val
+    // 实验列表
+      if(val.label === '实验室'){
+        this.query.orderByColumn = 'uploadTime'
+        this.query.fileSuffix = 'mp4'
+      }else{
+        this.query.orderByColumn = 'createTime'
+        this.query.fileSuffix = ''
+      }
+      this.query.fileFlags = val.value
+      this.activeIndex = val.id
       this.handleQuery()
     },
     thirdChangeType(val) {
@@ -136,7 +146,11 @@ export default defineStore('resource', {
       this.handleQuery()
     },
     getCreate(){
-      if(this.query.fileSource == '平台' || this.query.fileSource == '第三方' ){
+      // 实验的时候也需要进入
+      if((this.query.fileSource == '平台' || this.query.fileSource == '第三方') || this.query.orderByColumn == 'uploadTime' ){
+        if(this.query.orderByColumn == 'uploadTime'){
+          this.query.fileSource = '平台'
+        }
         this.isCreate = hasPermission(['platformmanager'])
       }
       else{