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

@@ -6,7 +6,7 @@
         <i class="iconfont icon-xiangyou"></i>
       </div>
       <div class="book-list" v-loading="treeLoading">
-        <el-tree ref="refTree" :data="treeData" :props="defaultProps" node-key="id"
+        <el-tree ref="refTree" :data="treeData" accordion :props="defaultProps" node-key="id"
           :default-expanded-keys="defaultExpandedKeys" :current-node-key="currentNodeId" highlight-current
           @node-click="handleNodeClick">
           <template #default="{ node }">
@@ -115,6 +115,8 @@ const getSubjectContent = async () => {
     evaluationList.value = JSON.parse(localStorage.getItem('evaluationList'))
   }
   else{
+    localStorage.removeItem('defaultExpandedKeys')
+    localStorage.removeItem('currentNodeId')
     const { rows } = await listEvaluation(params)
     localStorage.setItem('evaluationList', JSON.stringify(rows))
     evaluationList.value = rows
@@ -140,6 +142,10 @@ const changeBook = ({ id, itemtitle, avartar, fileurl }) => {
   curBookName.value = itemtitle
   curBookImg.value = BaseUrl + avartar
   curBookPath.value = fileurl
+
+  localStorage.removeItem('defaultExpandedKeys')
+  localStorage.removeItem('currentNodeId')
+  localStorage.setItem('curBook', JSON.stringify({id, itemtitle, avartar, fileurl}))
   getTreeData()
   setTimeout(() => {
     dialogVisible.value = false
@@ -150,7 +156,6 @@ const getTreeData = () => {
   //数据过滤
   let upData = transData(evaluationList.value)
 
-
   if(upData.length){
     treeData.value = [...upData]
   }
@@ -159,10 +164,22 @@ const getTreeData = () => {
     return
   }
   nextTick(() => {
-    defaultExpandedKeys.value = [treeData.value[0].id]
+
-    currentNode.data = getLastLevelData(treeData.value)[0]
+    let defaultCurNodeId = localStorage.getItem('currentNodeId')
-    currentNodeId.value = getLastLevelData(treeData.value)[0].id
+    if(defaultCurNodeId){
-    currentNodeName.value = getLastLevelData(treeData.value)[0].label
+      defaultCurNodeId = JSON.parse(defaultCurNodeId)
+      const data = findNode(defaultCurNodeId)
+      currentNode.data = findNode(defaultCurNodeId)
+      currentNodeId.value = data.id
+      currentNodeName.value = data.label
+    }
+    else{
+      defaultExpandedKeys.value = [treeData.value[0].id]
+      currentNode.data = getLastLevelData(treeData.value)[0]
+      currentNodeId.value = getLastLevelData(treeData.value)[0].id
+      currentNodeName.value = getLastLevelData(treeData.value)[0].label
+    }
+    
     emitChangeBook()
   })
 
@@ -189,6 +206,9 @@ const emitChangeBook = () => {
     },
     node: curNode
   }
+
+  localStorage.setItem('defaultExpandedKeys', JSON.stringify(defaultExpandedKeys.value))
+  localStorage.setItem('currentNodeId', JSON.stringify(currentNodeId.value))
   emit('changeBook', data)
 }
 
@@ -236,6 +256,11 @@ const findParentByChildId = (treeData, targetNodeId) => {
   return null;
 }
 
+const findNode = (id) =>{
+  if(!id) return
+  return evaluationList.value.find( item => item.id == id)
+}
+
 const transData = (data) => {
   let ary = []
   data.forEach(item => {
@@ -287,10 +312,21 @@ const getSubject = async () => {
 
   // 默认第一个
   if(!subjectList.value.length) return
-  curBookName.value = subjectList.value[0].itemtitle
+  let curBook = localStorage.getItem('curBook')
-  curBookId.value = subjectList.value[0].id
+  if(curBook){
-  curBookImg.value = BaseUrl + subjectList.value[0].avartar
+    curBook = JSON.parse(curBook)
-  curBookPath.value = subjectList.value[0].fileurl
+    curBookName.value = curBook.itemtitle
+    curBookId.value = curBook.id
+    curBookImg.value = BaseUrl + curBook.avartar
+    curBookPath.value = curBook.fileurl
+  }
+  else{
+    curBookName.value = subjectList.value[0].itemtitle
+    curBookId.value = subjectList.value[0].id
+    curBookImg.value = BaseUrl + subjectList.value[0].avartar
+    curBookPath.value = subjectList.value[0].fileurl
+    localStorage.setItem('curBookId', curBookId.value)
+  }
 }
 
 
@@ -327,7 +363,12 @@ const handleNodeClick = (data, node) => {
     node: toRaw(nodeData)
   }
   currentNode.data = curData
+
+  localStorage.setItem('defaultExpandedKeys', nodeData.parentNode ? JSON.stringify([parentNode.id]) : JSON.stringify([data.id]))
+  localStorage.setItem('currentNodeId', JSON.stringify(data.id))
+
   emit('nodeClick', curData)
+
 }
 onMounted(() => {
   getSubjectContent()

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

@@ -64,6 +64,8 @@ const getVertion = (data) => {
       childs: []
     }
   })
+  //判断是否存在该教材，有则展示第一项
+  if(treeData.value.length === 0) return
   nextTick(() => {
     defaultExpandedKeys.value = [treeData.value[0].id]
     node.currentNode.data = treeData.value[0]

src/renderer/src/hooks/useGetClassWork.js

@@ -0,0 +1,201 @@
+import { nextTick, toRaw } from 'vue'
+import useUserStore from '@/store/modules/user'
+import { listEvaluation } from '@/api/subject'
+
+const userStore = useUserStore()
+const { edustage, edusubject } = userStore.user
+
+let evaluationList = []; // 教材版本list
+let subjectList = []; // 教材list
+//当前教材ID
+let curBookId = -1;
+
+/**
+ * 外部链接初始化获取 跳转web端的 unitId 专用，
+ * 暂时： 初始化作业设计专用，后期可能会取消
+ */
+export const useGetClassWork = async () => {
+  
+  const params = {
+    edusubject,
+    edustage,
+    // entpcourseedituserid: userId,
+    itemgroup: 'textbook',
+    orderby: 'orderidx asc',
+    pageSize: 10000
+  }
+
+  if(localStorage.getItem('evaluationList')){
+    evaluationList = JSON.parse(localStorage.getItem('evaluationList'))
+  }else{
+    const { rows } = await listEvaluation(params)
+    localStorage.setItem('evaluationList', JSON.stringify(rows))
+    evaluationList = rows
+  }
+
+  //获取教材版本
+  await getSubject()
+  //上册
+  /**
+   * 不区分上下册
+   * 2024/08/20调整
+   */
+  // volumeOne = data.filter(item => item.level == 1 && item.semester == '上册')
+  // volumeTwo = data.filter(item => item.level == 1 && item.semester == '下册')
+  getTreeData()
+}
+
+//获取教材
+const getSubject = async () => {
+  if(localStorage.getItem('subjectList')){
+    subjectList = JSON.parse(localStorage.getItem('subjectList'))
+  }else{
+    const { rows } = await listEvaluation({ itemkey: "version", edusubject, edustage,  pageSize: 10000,orderby: 'orderidx asc', })
+
+    // subjectList = rows.filter(item => item.edustage == edustage && item.edusubject == edusubject)
+    subjectList = rows
+    localStorage.setItem('subjectList', JSON.stringify(subjectList))
+  }
+
+  // 默认第一个
+  if(!subjectList.length) return
+  // curBookName = subjectList[0].itemtitle
+  curBookId = subjectList[0].id
+  // curBookImg = BaseUrl + subjectList[0].avartar
+  // curBookPath = subjectList[0].fileurl
+}
+
+
+const getTreeData = () => {
+  //数据过滤
+  let upData = transData(evaluationList)
+
+  if(upData.length){
+    // treeData = [...upData]
+  }else{
+    // treeData = []
+    return
+  }
+  nextTick(() => {
+    // defaultExpandedKeys = [treeData[0].id]
+    // let currentNodeObj = {...getLastLevelData(upData)[0]}
+    let currentNodeId = getLastLevelData(upData)[0].id
+    let currentNodeName = getLastLevelData(upData)[0].label
+    
+    let curNode = {
+      id: currentNodeId,
+      label: currentNodeName,
+      // itemtitle: currentNodeObj.itemtitle,
+      // edudegree: currentNodeObj.edudegree,
+      // edustage: currentNodeObj.edustage,
+      // edusubject: currentNodeObj.edusubject,
+    }
+    let parentNode = findParentByChildId(upData, currentNodeId)
+    curNode.parentNode = toRaw(parentNode)
+
+    let levelFirstId = '';
+    let levelSecondId = '';
+
+    if (curNode.parentNode) {
+      levelFirstId = curNode.parentNode.id
+    } else {
+      levelFirstId = curNode.id
+      levelSecondId = ''
+    }
+    // 头部 教材分析、作业设计：打开外部链接需要当前章节ID
+    localStorage.setItem('unitId', JSON.stringify({ levelFirstId, levelSecondId}))
+
+    // const data = {
+    //   textBook: {
+    //     curBookId: curBookId,
+    //     curBookName: curBookName,
+    //     curBookImg: curBookImg,
+    //     curBookPath: curBookPath
+    //   },
+    //   node: curNode
+    // }
+    // emit('changeBook', data)
+  })
+}
+
+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 transData = (data) => {
+  let ary = []
+  data.forEach(item => {
+    let obj = {}
+    // 根据当前教材ID 过滤出对应的单元、章节
+    if (item.rootid == curBookId) {
+      if(item.level == 1){
+        obj.label = item.itemtitle
+        obj.id = item.id
+        obj.itemtitle = item.itemtitle
+        obj.edudegree = item.edudegree
+        obj.edustage = item.edustage
+        obj.edusubject = item.edusubject
+        let ary2 = []
+        evaluationList.forEach(el => {
+          let obj2 = {}
+          if (item.id == el.parentid) {
+            obj2 = {
+              label: el.itemtitle,
+              id: el.id,
+              itemtitle : el.itemtitle,
+              edudegree : el.edudegree,
+              edustage : el.edustage,
+              edusubject : el.edusubject,
+            }
+            ary2.push(obj2)
+          }
+          obj.children = ary2
+        })
+        ary.push(obj)
+      }
+    }
+  })
+  return ary
+}
+

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

@@ -200,6 +200,8 @@ const changeSubject = async (command) =>{
   await updateUserInfo(data)
   await userStore.login({username: phonenumber, password: plainpwd})
   await userStore.getInfo()
+  localStorage.removeItem('subjectList')
+  localStorage.removeItem('evaluationList')
   router.go()
 }
 

src/renderer/src/plugins/shareStore.js

@@ -66,9 +66,10 @@ function stateSyncWatch(storeName, newState) {
       const keyArr = key.split('.') || []
       keyArr.reduce((o,c,i)=>{o[c] = i === keyArr.length-1 ? value : {};return o[c]}, newValue)
       const jsonStr = JSON.stringify(newValue) // 从新组装-json数据
-      // // 更新本地数据-session
+      // 更新本地数据-session
+      // console.log('state-change-update:', key, value)
       sessionStore.set(key, value)
-      // // 通知主线程更新
+      // 通知主线程更新
       ipcRenderer?.invoke('pinia-state-change', storeName, jsonStr)
       // console.log('======',key, value, jsonStr )
     }

src/renderer/src/router/index.js

@@ -36,13 +36,13 @@ export const constantRoutes = [
         path: '/resource',
         component: () => import('@/views/resource/index.vue'),
         name: 'resource',
-        meta: {title: '资源'}
+        meta: {title: '资源库'}
       },
       {
         path: '/prepare',
         component: () => import('@/views/prepare/index.vue'),
         name: 'prepare',
-        meta: {title: '备课'}
+        meta: {title: '教学实践'}
       },
       {
         path: '/teach',
@@ -68,12 +68,24 @@ export const constantRoutes = [
         name: 'class',
         meta: {title: '班级中心'},
       },
+      {
+        path: '/classTaskAssign',
+        component: () => import('@/views/classTaskAssign/index.vue'),
+        name: 'classTaskAssign',
+        meta: {title: '作业设计'},
+      },
       {
         path: '/classTask',
         component: () => import('@/views/classTask/classTask.vue'),
         name: 'classCorrect',
         meta: {title: '作业批改'},
       },
+      {
+        path: '/newClassTask',
+        component: () => import('@/views/classTask/newClassTask.vue'),
+        name: 'newClassCorrect',
+        meta: {title: '作业设计'},
+      },
       {
         path: '/examReport',
         component: () => import('@/views/examReport/index.vue'),

src/renderer/src/utils/date.js

@@ -97,6 +97,9 @@ export const getCurrentTime = (format)=> {
   if(format == 'HH:mm'){
     return `${hours}:${minutes}`;
   } 
+  if(format == 'MMDD'){
+    return `${month}${day}`;
+  }
 }
 /**
  * 

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

@@ -141,6 +141,7 @@ const getClassWorkList = () => {
       edustage: userStore.edustage,// 学段
       edusubject: userStore.edusubject,//学科
       deaddate: tabActive.value === '进行中'? getTomorrow() : EndDate.value,// 进行中：明天，已结束：选择的日期
+      status: '1', // 作业状态：1-已发布
       orderby: 'concat(deaddate,uniquekey) DESC',
       pageSize: 100
     }).then((response) => {
@@ -220,7 +221,7 @@ const getStudentClassWorkData = () => {
     }).then((res) => {
       for (var t = 0; t < classWorkList.value.length; t++) {
         for (var i = 0; i < res.rows.length; i++) {
-          if (res.rows[i].classworkid == classWorkList.value[t].id && res.rows[i].resultcount > 0) {
+          if (res.rows[i].classworkid == classWorkList.value[t].id && res.rows[i].finishtimelength != '0') {
             console.log('==================')
             // 有几个学生完成/正在完成学习任务
             // 至少resultcount不是0

src/renderer/src/views/classTask/container/item-dialog-score.vue

@@ -8,15 +8,15 @@
       <div class="teacher_content_con">
         <!-- 题目内容：习题训练 -->
         <div v-if="dialogProps.studentObj.worktype == '习题训练'">
-          <div v-for="(stuItem, sIndex) in dialogProps.studentQuizAllList" :key="stuItem.id">
+          <div v-for="(quItem, qIndex) in dialogProps.quizlist" :key="quItem.id">
-            <div v-for="quItem in dialogProps.quizlist" :key="quItem.id">
+            <div v-for="(stuItem, sIndex) in dialogProps.studentQuizAllList" :key="stuItem.id">
               <div v-if="stuItem.entpcourseworkid == quItem.id">
                 <el-card style="max-width: 100%; margin-bottom: 10px">
                   <!-- 题型 分值 -->
                   <template #header>
                     <div class="card-header">
                       <span
-                        >{{ sIndex + 1 }}、{{ quItem.worktype }}
+                        >{{ qIndex + 1 }}、{{ quItem.worktype }}
                         {{ stuItem.score ? stuItem.score : 0 }}分</span
                       >
                     </div>
@@ -79,79 +79,34 @@
                   <template #footer>
                     <el-row>
                       <el-col :span="6" style="padding: 10px">
-                        <span
+                        <span>参考答案：
-                          >参考答案：
                           <span v-if="quItem.workanswerFormat != ''">
-                            <sapn
+                            <sapn style="background-color: #0ed116; color: white; padding: 0 5px; border-radius: 5px;">{{ formatWorkAnswer(quItem) }}</sapn>
-                              style="
-                                background-color: #0ed116;
-                                color: white;
-                                padding: 0 5px;
-                                border-radius: 5px;
-                              "
-                              >{{ quItem.workanswerFormat.replace(/<[^>]+>/g, '') }}</sapn
-                            >
                           </span>
                         </span>
                       </el-col>
                       <el-col :span="6" style="padding: 10px">
                         <!-- <span>学生答案：{{ stuItem.feedcontent }}</span> -->
-                        <span
+                        <span>学生答案：
-                          >学生答案：
+                          <span v-if="stuItem.feedcontent !=''" style="background-color: red; color: white; padding: 0 5px; border-radius: 5px;">
-                          <span v-if="quItem.workdesc == ''|| quItem.workdesc == '[]' ">
+                            {{ formatFeedContent(stuItem, quItem) }} 
-                            <!-- quItem.workdesc 没值，说明是非选择题 -->
-                            <span
-                              v-if="stuItem.feedcontent != ''"
-                              style="
-                                background-color: red;
-                                color: white;
-                                padding: 0 5px;
-                                border-radius: 5px;
-                              "
-                            >
-                              {{ stuItem.feedcontent.replace('#', '、') }}
-                            </span>
-                          </span>
-                          <span v-else>
-                            <!-- 选择题类型：学生答题转换为 ABCD格式 -->
-                            <span
-                              v-if="stuItem.feedcontent != ''"
-                              style="
-                                background-color: red;
-                                color: white;
-                                padding: 0 5px;
-                                border-radius: 5px;
-                              "
-                            >
-                              {{
-                                JSON.parse(quItem.workdesc)
-                                  .map((item, index) => {
-                                    if (item == stuItem.feedcontent) {
-                                      return String.fromCharCode(65 + Number(index))
-                                    }
-                                  })
-                                  .filter(Boolean)[0]
-                              }}
-                            </span>
                           </span>
                         </span>
                       </el-col>
                       <el-col :span="6" style="padding: 10px">
-                        <div
+                        <div v-if="stuItem.imagefile && stuItem.imagefile.length > 0"> 
-                          v-for="(imageItem, index) in stuItem.imagefile"
+                          <div v-for="(imageItem, index) in stuItem.imagefile" :key="index">
-                          v-if="stuItem.imagefile && stuItem.imagefile.length > 0"
+                            <el-image
-                          :key="index"
+                              style="width: 30px; height: 30px"
-                        >
+                              :src="imageItem"
-                          <el-image
+                              :zoom-rate="1.2"
-                            style="width: 30px; height: 30px"
+                              :max-scale="7"
-                            :src="imageItem"
+                              :min-scale="0.2"
-                            :zoom-rate="1.2"
+                              :preview-src-list="stuItem.imagefile"
-                            :max-scale="7"
+                              :initial-index="4"
-                            :min-scale="0.2"
+                              fit="contain"
-                            :preview-src-list="stuItem.imagefile"
+                            />
-                            :initial-index="4"
+                          </div>
-                            fit="contain"
-                          />
                         </div>
                       </el-col>
                       <el-col :span="6" style="padding: 10px">
@@ -254,6 +209,11 @@
 
                 <!-- 学生答题展示 -->
                 <div v-if="feedContentList.length > 0">
+                  <div v-if="dialogProps.studentObj.worktype == '常规作业' && stuItem.rightanswer != ''&& stuItem.rightanswer != null">
+                    <!-- 常规作业：学生有的会答复 -->
+                     <p style="padding: 10px 0;">学生答复内容</p>
+                     <div style="padding: 0 20px">{{stuItem.rightanswer}}</div>
+                  </div>
                   <p>学生答题附件内容</p>
                   <div class="image_list">
                     <div v-if="imageList.length > 0">
@@ -290,6 +250,9 @@
                         </span>
                       </div>
                     </div>
+
+                    <!-- 无附件内容 -->
+                    <div v-if="imageList.length == 0 && fileList.length == 0" style="padding: 0 20px">未提交附件内容</div>
                   </div>
                 </div>
                 <div v-else>
@@ -499,6 +462,7 @@ import { ElMessageBox, ElMessage } from 'element-plus'
 import { updateClassworkeval, updateClassworkdata } from '@/api/classTask'
 import { getTimeDate } from '@/utils/date'
 import ReFilePreview from '@/components/refile-preview/index.vue'
+import { quizStrToList } from '@/utils/comm';
 
 
 const userStore = useUserStore()
@@ -842,6 +806,47 @@ const acceptParams = (params) => {
   analysisScoreOpen.value = true
 }
 
+const formatWorkAnswer = (quItem) => {
+  let format = '';
+  if (!Array.isArray(quItem.workanswerFormat)) {
+    format = quItem.workanswerFormat.replace(/<[^>]+>/g, '')
+  } else {
+    format = quItem.workanswerFormat.map(item => item.replace(/<[^>]+>/g, '')).join('、');
+  }
+  return format;
+}
+// 根据题型处理学生答案
+const formatFeedContent = (stuItem, quItem) => {
+  let format = '';
+
+  if (quItem.workdesc == '' || quItem.workdesc == '[]') {
+    // 非单选题和多选题
+    const arr = stuItem.feedcontent.split('#');
+    return arr.map(item => {
+      if (item == '') {
+        item = '空';
+      }
+      return item;
+    }).join('、');
+  }else {
+    const list = quizStrToList(quItem.workdesc);
+    format = list.map((item,index) =>{
+      if (quItem.worktype == '单选题') {
+        const workdesc = item.replace(/<[^>]*>/g,'');
+        const feedcontent = stuItem.feedcontent.replace(/<[^>]*>/g,'');
+        if(workdesc == feedcontent){
+          return (String.fromCharCode(65+Number(index)))
+        }
+      } else if (quItem.worktype == '多选题') {
+        const arr = stuItem.feedcontent.split(',');
+        return arr.map(item => String.fromCharCode(65+Number(item))).join('');
+      }
+    }).filter(Boolean)[0];
+  }
+  
+  return format;
+}
+
 // 提交批改评分
 const onClassWorkFormScoreSave = () => {
   console.log(classWorkFormScore)

src/renderer/src/views/classTask/container/item-dialog.vue

@@ -383,7 +383,7 @@ const getClassWorkStudentList = (rowId) => {
       // 默认获取已交的学生列表
       tableRadio.list =
         classWorkAnalysis.classworkdata &&
-        classWorkAnalysis.classworkdata.filter((item) => item.resultcount > 0)
+        classWorkAnalysis.classworkdata.filter((item) => item.finishtimelength != '0')
       tableRadio.value = '1'
       tableRadio.num0 = classWorkAnalysis.classworkdata.length - tableRadio.list.length
       tableRadio.num1 = tableRadio.list.length
@@ -506,12 +506,12 @@ const tableRadioChange = (e) => {
   console.log(e,'??????')
   console.log("学生列表：", classWorkAnalysis.classworkdata)
   if(e=='1'){
-    tableRadio.list = classWorkAnalysis.classworkdata.filter(item => item.resultcount > 0)
+    tableRadio.list = classWorkAnalysis.classworkdata.filter(item => item.finishtimelength != '0')
     tableRadio.value = '1';
     tableRadio.num0 = classWorkAnalysis.classworkdata.length - tableRadio.list.length;
     tableRadio.num1 = tableRadio.list.length;
   }else if(e=='0'){
-    tableRadio.list = classWorkAnalysis.classworkdata.filter(item => item.resultcount == 0)
+    tableRadio.list = classWorkAnalysis.classworkdata.filter(item => item.finishtimelength == '0')
     tableRadio.value = '0';
     tableRadio.num0 = tableRadio.list.length;
     tableRadio.num1 = classWorkAnalysis.classworkdata.length - tableRadio.list.length;

src/renderer/src/views/classTask/container/newTask/taskTypeView.vue

@@ -0,0 +1,454 @@
+<template>
+  <div class="page-typeview flex">
+    <el-form ref="classWorkForm" :model="classWorkForm" label-width="90" style="height: calc(100% - 55px);display: flex;flex-direction: column;">
+      <!-- 标题 -->
+      <el-row>
+        <el-col :span="24">
+          <el-form-item label="作业类型:">
+            <el-radio-group v-model="formType" @change="changeFormType">
+              <template v-for="(item) in listWorkType" :key="item">
+                <el-radio :value="item" >{{ item }}</el-radio>
+              </template>
+            </el-radio-group>
+          </el-form-item>
+        </el-col>
+        <el-col :span="24">
+          <el-form-item label="作业资源:" class="el-form-work-list">
+            <el-col :span="15" class="work-left">
+              <div v-if="classWorkForm.worktype=='习题训练'" style="height: 100%; display: flex; flex-direction: column;">
+                <el-row :gutter="10">
+                  <el-col :span="6">
+                    <el-form-item label="题型" label-width="70">
+                      <el-select v-model="entpCourseWorkQueryParams.worktype" placeholder="请选择" >
+                        <el-option v-for="(item, index) in entpCourseWorkTypeList" :key="index" :label="item.label" :value="item">
+                        </el-option>
+                      </el-select>
+                    </el-form-item>
+                  </el-col>
+                  <el-col :span="6">
+                    <el-form-item label="题源" label-width="70">
+                      <el-select v-model="entpCourseWorkQueryParams.workgroup" placeholder="请选择" >
+                        <el-option v-for="(item, index) in entpCourseWorkGroupList" :key="index" :label="item.Value" :value="item.Key" ></el-option>
+                      </el-select>
+                    </el-form-item>
+                  </el-col>
+                  <el-col :span="11">
+                    <el-form-item label="知识点" label-width="70">
+                      <el-cascader 
+                        v-model="entpCourseWorkQueryParams.point"
+                        clearable
+                        style="width: 100%"
+                        :options="entpCourseWorkPointList"
+                        :props="knowledgePointProps"
+                        popper-class="my-popper"
+                        :show-all-levels="false"
+                        collapse-tags
+                        collapse-tags-tooltip
+                      />
+                    </el-form-item>
+                  </el-col>
+                </el-row>
+                <el-row :gutter="10" style="margin-top: 4px">
+                  <el-col :span="6">
+                    <el-form-item label="年份" label-width="70">
+                      <el-select v-model="entpCourseWorkQueryParams.yearStr" placeholder="请选择" >
+                        <el-option v-for="(item, index) in entpCourseWorkYearList" :key="index" :label="item.label" :value="item.value"></el-option>
+                      </el-select>
+                    </el-form-item>
+                  </el-col>
+                  <el-col :span="15">
+                    <el-form-item label="关键词" label-width="70">
+                      <el-input
+                        v-model="entpCourseWorkQueryParams.keyWord" 
+                        style="width: 70%" type="text" 
+                        placeholder="请输入关键词"
+                      />
+                      <el-button @click="handleQueryParamFromEntpCourseWork(1)"><el-icon><Search /></el-icon> 查找</el-button>
+                    </el-form-item>
+                  </el-col>
+                </el-row>
+                
+                <el-table :data="workResource.entpCourseWorkList" style="width: 100%;">
+                  <el-table-column type="index" width="60" />
+                  <el-table-column align="left" >
+                    <template #header>
+                      <div style="display: flex">
+                        <div style="align-items: center;">题目内容</div>
+                      </div>
+                    </template>
+                    <template #default="scope">
+                      <div>
+                        <div style="overflow: hidden; text-overflow: ellipsis" v-html="scope.row.titleFormat"></div>
+                        <div style="overflow: hidden; text-overflow: ellipsis; font-size: 0.9em; margin-top: 6px;" v-html="scope.row.workdescFormat"></div>
+                        <el-col :span="24" style="display: flex">
+                          <div style="font-size: 1em; color: silver; padding-top: 5px">{{ scope.row.entpname }} {{ scope.row.editusername }}</div>
+                          <div style="margin-left: 30px; font-size: 1em; color: silver; padding-top: 5px">{{ scope.row.worktag }}</div>
+                        </el-col>
+                      </div>
+                    </template>
+                  </el-table-column>
+                  <el-table-column align="left" width="100">
+                    <template #default="scope">
+                      <el-button type="primary" @click="handleClassWorkQuizAdd('entpcourseworklist', scope.row.id)">添加</el-button>
+                    </template>
+                  </el-table-column>
+                </el-table>
+                <div style="height: 55px;">
+                  <!-- 分页 -->
+                  <pagination
+                    v-show="entpCourseWorkTotal > 0" 
+                    v-model:page="paginationParams.pageNum" 
+                    v-model:limit="paginationParams.pageSize"
+                    :total="entpCourseWorkTotal" 
+                    :style="{ position: 'relative', 'margin-top': '5px' }"
+                    @pagination="getPaginationList" />
+                </div>
+              </div>
+              <!-- <div v-if="classWorkForm.worktype!='习题训练'">
+                <div :style="{ 'overflow': 'auto'}">
+                  <template v-if="classWorkForm.worktype!='常规作业'">
+                    <template v-for="(item, index) in workResource.teachResourceList" :key="item">
+                      <div v-if="item.worktype==classWorkForm.worktype" style="border-bottom: 1px dotted;display: flex;justify-content: space-between;">
+                        <div style="margin-bottom: 5px; padding-left: 15px;display: flex;flex-direction: row;align-items: center;">
+                          <div style="font-size: 1.2em; font-weight: bold;margin-right: 5px">{{ item.worktype }}</div>
+                          <div style="display: flex; justify-content: space-between;">
+                            <div style="color: silver; display: flex;align-items: center;">
+                              <el-image :src="item.userheadimgurl" style="height: 30px; width: 30px; border-radius: 50%;"></el-image>
+                              <div style="line-height: 18px">
+                                <div style="margin-top: 5px; margin-left: 5px">{{ item.username }} 来自{{ item.parententpname }} {{ item.userentpname }}</div>
+                                <div style="margin-top: 5px; margin-left: 5px">{{ item.timestamp }}</div>
+                              </div>
+                            </div>
+                          </div>
+                        </div>
+                        <div style="display: flex;align-items: center; justify-content: space-around; margin-left: 15px; margin-right: 15px;">
+                          <el-button @click="prevRead(item)" icon="Search">预览</el-button>
+                          <el-button @click="handleClassWorkAddOfResource(item)" icon="FolderAdd">添加到作业</el-button>
+                        </div>
+                      </div>
+                    </template>
+                  </template>
+                  <template v-if="classWorkForm.worktype =='常规作业'">
+                    <div class="upload-homework" v-loading="fileLoading">
+                      <FileUpload v-model="fileHomeworkList" :fileSize="800" :fileType="['mp3','mp4','doc','docx','xlsx','xls','pdf','ppt','pptx','jpg','jpeg','gif','png','txt']"/>
+                    </div>
+                  </template>
+                </div>
+              </div> -->
+              <!-- <div v-if="classWorkForm.activeIndex==3">
+                <el-row>
+                  <el-col :span="20">
+                    <el-form-item label="查找筛选条件">
+                      本节课、本单元，其他单元
+                    </el-form-item>
+                  </el-col>
+                  <el-col :span="4" style="text-align: right;">
+                    <el-button @click="handleQueryFromEntpCourseWork" icon="Search">更多</el-button>
+                  </el-col>
+                </el-row>
+                <div :style="{ 'overflow': 'auto'}">
+                  <template v-for="(item, index) in workResource.classWorkList" :key="item.id">
+                    <template v-if="item.classid > 0">
+                      <div style="margin-bottom: 30px; padding-left: 15px">
+                        <div style="font-size: 1.2em; font-weight: bold">{{ item.worktype }}</div>
+                        <div style="display: flex; justify-content: space-between;">
+                          <div style="color: silver; display: flex">
+                            <el-image :src="item.edituserheadimgurl" style="height: 30px; width: 30px; border-radius: 50%;"></el-image>
+                            <div style="margin-top: 5px; margin-left: 10px">{{ item.editusername }} 来自{{ item.parententpname }} {{ item.entpname }}</div>
+                          </div>
+                          <div style="color: silver; margin-right: 15px; padding-top: 5px">{{item.workdate}}</div>
+                        </div>
+                        <div style="font-size: 1em; margin-top: 10px; margin-bottom: 10px; display: flex">
+                          <div style="max-width: 100%;word-wrap: break-word;">{{ item.workcontent }}</div>
+                          <div v-if="item.entpcourseworklistarray.length>0" style="margin-top: -5px; margin-left: 15px">
+                            <el-button v-if="item.expanded==false" style="margin-right: 4px" @click="handleClassWorkResNodeClick(index)">展开</el-button>
+                            <el-button v-if="item.expanded==true" @click="handleClassWorkResNodeClick(index)">缩回</el-button>
+                          </div>
+                        </div>
+                      </div>
+                      <template v-if="item.expanded == true">
+                        <template v-for="(qitem, qindex) in item.quizlist" :key="qitem.id">
+                          <el-row style="margin-bottom: 20px; border: 1px dotted; padding: 20px" >
+                            <el-col :span="22">
+                              <div v-html="qitem.titleFormat" style="overflow: hidden; text-overflow: ellipsis"></div>
+                              <div v-html="qitem.workdescFormat" style="overflow: hidden; text-overflow: ellipsis; margin-top: 6px;"></div>
+                            </el-col>
+                            <el-col :span="2"><el-button type="primary" @click="handleClassWorkQuizAdd('classworklist', qitem.id)"><el-icon><CirclePlus /></el-icon> 添加</el-button></el-col>
+                          </el-row>
+                        </template>
+                      </template>
+                      <div style="display: flex; justify-content: end; margin-left: 15px; margin-right: 15px">
+                        <el-button @click="handleClassWorkPackAdd(index)" icon="FolderAdd">添加到作业</el-button>
+                      </div>
+                      <el-divider />
+                    </template>
+                  </template>
+                </div>
+              </div> -->
+            </el-col>
+            <el-col :span="8" style="padding: 0 0 0 5px;height: 60vh; overflow: auto; line-height: 26px">
+              <div v-if="classWorkForm.worktype=='习题训练'" :style="{ 'overflow': 'auto', 'border':'1px dotted blue','border-radius':'5px', 'background-color': '#f7f7f7'}">
+                <template v-for="(item,index) in classWorkForm.quizlist" :key="item.id">
+                  <div style="margin: 5px; background-color: white">
+                    <div v-html="item.titleFormat" style="padding: 15px 20px 5px 20px"></div>
+                    <div style="display: flex;">
+                      <el-form-item label="分值">
+                        <el-input-number v-model="item.score" :min="1" :max="100" size="small"></el-input-number >
+                      </el-form-item>
+                      <div style="margin-left: auto; padding: 0px 20px"><el-button size="small" type="danger" @click="handleClassWorkFormQuizRemove(index)">删除</el-button></div>
+                    </div>
+
+                  </div>
+                </template>
+              </div>
+
+              <div v-if="classWorkForm.worktype!='习题训练'" :style="{'overflow': 'auto', 'border':'1px dotted blue','border-radius':'5px', 'background-color': '#f7f7f7'}">
+                <div style="margin: 5px; background-color: white">
+                  <template v-for="(item,index) in chooseWorkLists" :key="item.id">
+                    <div v-if="item.worktype==classWorkForm.worktype">
+                      <div style="margin-bottom: 5px; padding-left: 15px;display: flex;flex-direction: row;align-items: center;">
+                        <div style="font-size: 1.2em; font-weight: bold;margin-right: 5px">{{ item.worktype }}</div>
+                        <div style="display: flex;align-items: center; justify-content: space-around; margin-left: 15px; margin-right: 15px;flex: 1;">
+                          <div style="color: silver; display: flex;align-items: center;flex: 1;">
+                            <el-form-item label="分值">
+                              <el-input-number v-model="item.score" :min="1" :max="100" size="small"></el-input-number >
+                            </el-form-item>
+                          </div>
+                          <el-button @click="prevRead(item)" icon="Search">预览</el-button>
+                          <el-button @click="deleteClassWorkAddOfResource(item)" type="danger" icon="Delete">删除</el-button>
+                        </div>
+                      </div>
+                    </div>
+                  </template>
+                </div>
+              </div>
+            </el-col>
+          </el-form-item>
+        </el-col>
+      </el-row>
+    </el-form>
+  </div>
+</template>
+
+<script setup>
+import { onMounted, ref, toRaw,watch, reactive } from 'vue'
+import { useToolState } from '@/store/modules/tool'
+import { getCurrentTime } from '@/utils/date'
+import { processList } from '@/hooks/useProcessList'
+import {listEntpcoursework, listEntpcourseworkNew} from '@/api/education/entpCourseWork'
+
+import useUserStore from '@/store/modules/user'
+const userStore = useUserStore().user
+
+const props = defineProps({
+  bookobj: {
+    type: Object,
+    default: () => ({})
+  },
+})
+
+
+const isDialogOpen = ref(false)
+const toolStore = useToolState()
+const openDialog = () => {
+  isDialogOpen.value = true
+}
+const formType = ref('习题训练')
+// ---------------------------------------------------
+const listWorkType = ref(['习题训练', '框架梳理', '课堂展示', '常规作业']); //作业类型
+
+const entpCourseWorkTypeList = ref([
+  {value: 0, label: "不限"},
+  {value: 1, label: "单选题"},
+  {value: 2, label: "填空题"},
+  {value: 3, label: "多选题"},
+  {value: 4, label: "判断题"},
+  {value: 5, label: "主观题"},
+  {value: 6, label: "复合题"},
+]); // 习题查询条件 - 题型
+    
+const entpCourseWorkGroupList = ref([{
+  Key: -1,
+  Value: '不限',
+}, {
+  Key: 1,
+  Value: '真题',
+}, {
+  Key: 0,
+  Value: '非真题',
+}]);  // 习题查询条件 - 题源
+
+const entpCourseWorkPointList = ref([
+  {label: '不限', value: []},
+]); // 习题查询条件 - 知识点
+
+const entpCourseWorkYearList =ref([
+  {label: '不限', value: '-1'},
+  {label: '2024', value: '2024'},
+  {label: '2023', value: '2023'},
+  {label: '2022', value: '2022'},
+  {label: '2021', value: '2021'},
+  {label: '2020', value: '2020'},
+]); // 习题查询条件 - 年份
+
+
+const paginationParams = reactive({
+  pageNum: 1,
+  pageSize: 10,
+}); // 分页传参
+
+// 习题查询参数条件
+const entpCourseWorkQueryParams = reactive({
+  worktype: {
+    label: '不限',
+    value: 0,
+  },
+  workgroup: 0,
+  yearStr: '-1',
+  point: [],
+  keyWord: '',
+});
+
+const workResource = reactive({
+  options: ['学习任务', '云题库'],
+  worktype: '全部',
+  activeIndex: "3",
+  dialogOfTaskOpen: false,
+  dislogOfAssignOpen: false,
+  quiztype: '',
+  queryForm: {},
+  classWorkList: [],    // 教学分析里产生的学习任务
+  entpCourseWorkList: [],
+}); // 作业资源
+const classWorkForm =  reactive({
+  worktype: '习题训练', //作业类型
+  // uniquekey: userStore.edusubject+'-' + getCurrentTime('MMDD')+'-'+(this.taskList.length+1),
+  
+})
+const entpCourseWorkList = ref([]); // 习题列表
+const entpCourseWorkTotal = ref(0); // 习题总数
+
+
+
+/***
+ * 作业类型切换
+ */
+const changeFormType = (val) => {
+  console.log(val)
+  classWorkForm.value.worktype = val;
+}
+
+const queryForm = reactive({
+  // 课程相关参数
+  eid: props.bookobj.levelSecondId,
+  sectionName: props.bookobj.coursetitle,
+  edusubject: userStore.edusubject,
+  edustage: userStore.edustage,
+  // 
+  // 题类
+  worktype: entpCourseWorkQueryParams.worktype.label,
+  workTypeId: entpCourseWorkQueryParams.worktype.value,
+  // 题源
+  workgroup: entpCourseWorkQueryParams.workgroup,
+  // 年份
+  yearStr: entpCourseWorkQueryParams.yearStr !== '-1' ? entpCourseWorkQueryParams.yearStr:'',
+  // 知识点
+  thirdId: entpCourseWorkQueryParams.point.length > 0 ? entpCourseWorkQueryParams.point[0]:'',
+  // 关键字
+  keyword: entpCourseWorkQueryParams.keyWord && entpCourseWorkQueryParams.keyWord !== '' ? entpCourseWorkQueryParams.keyWord:'',
+
+  // 分页参数
+  // pageNum: paginationParams.pageNum,
+  // pageSize: paginationParams.pageSize,
+
+})
+
+
+/**
+ * @desc: 新查询试题
+ * @return: {*}
+ * @param {*} queryType
+ * 0  -  标准查询
+ * 1  -  按条件查询
+ * 2  -  按关键词查询
+ */
+ const handleQueryFromEntpCourseWork= (queryType) => {
+  //queryForm.pageNum = this.paginationParams.pageNum;
+  //queryForm.pageSize = this.paginationParams.pageSize;
+
+  // 初中政治特殊处理( warn: 需确认是否修改 )
+  // if (this.courseObj.edusubject=='政治' && this.courseObj.edustage=='初中') {
+  //   // [初中+政治]需改为[初中+道德与法治]
+  //   queryForm.edusubject = '道德与法治';
+  // }
+  
+ 
+  console.log(queryForm)
+  listEntpcourseworkNew(queryForm).then(entpcourseworkres => {
+    // if (queryType == 1 && this.entpCourseWorkQueryParams.worktype == '主观题') {
+    //   // 因菁优网题型因学科而不固定, 故非常规题重定义定为【主观题】
+    //   const allowedWorkTypes = ['单选题', '填空题', '多选题', '判断题', '复合题'];
+    //   workResource.entpCourseWorkList = entpcourseworkres.rows.filter(item => {
+    //     return !allowedWorkTypes.includes(item.worktype);
+    //   });
+    // } else {
+    //   workResource.entpCourseWorkList = entpcourseworkres.rows;
+    // }
+    if(entpcourseworkres.data == null) {
+      workResource.entpCourseWorkList = [];
+      entpCourseWorkTotal.value = 0
+      return;
+    }
+    entpCourseWorkList.value = entpcourseworkres.data;
+    workResource.entpCourseWorkList.forEach(item=> {
+      if (item.worktype == '选择题') {
+        item.worktype = '单选题'
+      }
+    })
+    // 同步数量
+    entpCourseWorkTotal.value = 0;
+    if (entpcourseworkres.data.length > 0) {
+      entpCourseWorkTotal.value = entpcourseworkres.data.length;
+    }
+
+    if()
+    
+    //格式化试题信息
+    processList(workResource.entpCourseWorkList);
+  })
+}
+
+onMounted(() => {
+  handleQueryFromEntpCourseWork(0);
+})
+
+
+// watch(() => sourceStore.query.fileSource,() => {
+//   sourceStore.query.fileSource === '第三方'?isThird.value = true:isThird.value = false
+// })
+</script>
+
+<style lang="scss" scoped>
+.page-typeview{
+  padding-top: 10px;
+  height: 100%;
+
+  .el-form-work-list{
+    :deep(.el-form-item__content){
+      align-items: normal;
+    }
+
+    .work-left{
+      height: 50vh;
+      background-color: white;
+      padding-right: 0;
+      padding-left: 0;
+      border:1px dotted blue;
+      border-radius:5px;
+    }
+
+  
+  }
+  
+}
+</style>

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

@@ -0,0 +1,164 @@
+<template>
+  <div class="page-resource flex">
+    <el-menu
+      default-active="1"
+      class="el-menu-vertical-demo"
+      :collapse="isCollapse"
+    >
+      <!--左侧 教材 目录-->
+      <div v-if="!isCollapse"> 
+        <ChooseTextbook @change-book="getData" @node-click="getData" />
+      </div>
+    </el-menu>
+
+    <div class="page-right" :style="{'margin-left': isCollapse ? '0' : '20px'}">
+      <!-- 标题 -->
+      <el-row style="align-items: center; margin-bottom: 0px">
+        <el-col :span="12" style="padding-left: 20px; text-align: left;">
+          <div class="unit-top-left" @click="isCollapse = !isCollapse">
+            <i v-if="!isCollapse" class="iconfont icon-xiangzuo"></i>
+            <span>作业范围</span>
+            <i v-if="isCollapse" class="iconfont icon-xiangyou"></i>
+          </div>
+        </el-col>
+        <el-col :span="12">
+          <div class="classtype-right">
+            <el-form-item label="作业名称">
+            <el-input v-model="classWorkForm.uniquekey" type="text" placeholder="请输入作业名称"/>
+          </el-form-item>
+          </div>
+        </el-col>
+      </el-row>
+      <!-- 作业类型:内容 -->
+      <task-type-view :bookobj="courseObj" />
+    </div>
+  </div>
+</template>
+
+<script setup>
+import { onMounted, ref, toRaw,watch, reactive } from 'vue'
+// import useResoureStore from './store'
+import ChooseTextbook from '@/components/choose-textbook/index.vue'
+import Third from '@/components/choose-textbook/third.vue'
+// import ResoureSearch from './container/resoure-search.vue'
+// import ResoureList from './container/resoure-list.vue'
+// import ThirdList from './container/third-list.vue'
+import TaskTypeView from '@/views/classTask/container/newTask/taskTypeView.vue'
+import uploadDialog from '@/components/upload-dialog/index.vue'
+// import { createWindow } from '@/utils/tool'
+import { useToolState } from '@/store/modules/tool'
+import { getCurrentTime } from '@/utils/date'
+import useUserStore from '@/store/modules/user'
+const userStore = useUserStore().user
+
+// const sourceStore = useResoureStore()
+const isDialogOpen = ref(false)
+const toolStore = useToolState()
+const openDialog = () => {
+  isDialogOpen.value = true
+}
+// ---------------------------------------------------
+const classWorkForm =  reactive({
+  // uniquekey:  userStore.edusubject+'-' + getCurrentTime('MMDD')+'-'+(this.taskList.length+1),
+  uniquekey:  userStore.edusubject+'-' + getCurrentTime('MMDD')+'-'+(1),
+  
+})
+const isCollapse = ref(false)
+
+
+const courseObj = reactive({
+  // 课程相关参数: 教材id,单元id,章节id,课程名称
+  textbookId: '',
+  levelFirstId: '',
+  levelSecondId: '',
+  coursetitle:'',
+  //
+})
+
+// ---------------------------------------------------
+
+
+// 查询
+const getData = (data) => {
+  const { textBook, node } = data
+  let textbookId = textBook.curBookId
+  let levelSecondId = node.id
+  let levelFirstId
+  if (node.parentNode) {
+    levelFirstId = node.parentNode.id
+  } else {
+    levelFirstId = node.id
+    levelSecondId = ''
+  }
+
+  courseObj.textbookId = textbookId  // 版本
+  courseObj.levelFirstId = levelFirstId  // 单元
+  courseObj.levelSecondId = levelSecondId // 章节
+  courseObj.coursetitle = node.itemtitle  // (单元/章节) 名称
+
+  // 头部 教材分析打开外部链接需要当前章节ID
+  localStorage.setItem('unitId', JSON.stringify({ levelFirstId, levelSecondId}))
+}
+
+onMounted(() => {
+  init()
+  // sourceStore.getCreate()
+})
+
+const init = () => {
+  classWorkForm.uniquekey = userStore.edusubject+'-' + getCurrentTime('MMDD')+'-'+(1);
+
+}
+
+// watch(() => sourceStore.query.fileSource,() => {
+//   sourceStore.query.fileSource === '第三方'?isThird.value = true:isThird.value = false
+// })
+</script>
+
+<style lang="scss" scoped>
+.page-resource {
+  padding-top: 10px;
+  height: 100%;
+
+  .el-menu--collapse {
+    width: 0px;
+    min-height: 100%;
+  }
+  .el-menu-vertical-demo:not(.el-menu--collapse) {
+    width: 300px;
+    min-height: 100%;
+  }
+  .unit-top-left {
+    cursor: pointer;
+
+    .icon-xiangzuo {
+      margin-right: 5px;
+    }
+  }
+
+  .classtype-right{
+    padding: 5px;
+    margin-bottom: 0px !important;
+  }
+  .el-form-item--default{
+    margin-bottom: 0px !important;
+  }
+
+  .page-right {
+    min-width: 0;
+    display: flex;
+    flex-direction: column;
+    flex: 1;
+    margin-left: 20px;
+    height: 100%;
+    background: #ffffff;
+    border-radius: 10px;
+    box-shadow: 0px 0px 20px 0px rgba(99, 99, 99, 0.06);
+  }
+  .icon-jiahao {
+    font-size: 12px;
+    margin-right: 3px;
+    font-weight: bold;
+  }
+}
+</style>

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

@@ -0,0 +1,242 @@
+<template>
+  <div v-loading="isLoading" class="page-resource flex">
+    <!--左侧 教材 目录-->
+    <ChooseTextbook @change-book="getData" @node-click="getData" />
+    <!--右侧 作业设计/布置 列表 -->
+    <div class="page-right">
+      <div class="prepare-body-header">
+        <el-button @click="handleOutLink('design')">作业设计</el-button>
+          <el-button @click="handleOutLink('assign')">作业布置</el-button>
+          <label style="font-size: 15px; margin-left: 20px">共{{ listClassWork.length }}个作业</label>&nbsp;
+          <el-select
+            v-model="queryParams.workType"
+            placeholder="作业类型"
+            size="small"
+            @change="queryClassWorkByParams"
+            style="width: 100px; margin-left: auto;"
+          >
+            <template v-for="(item, index) in listWorkType" :key="index">
+              <el-option :label="item.label" :value="item" />
+            </template>
+          </el-select>
+      </div>
+      <div class="prepare-work-wrap">
+        <FileListItem
+          v-for="(item, index) in desingDataList"
+          :key="index"
+          :item="item"
+          :index="index"
+          @on-set="openSet"
+          @on-delhomework="delhomework"
+        >
+        </FileListItem>
+      </div>
+    </div>
+    <SetHomework v-model="setAssingDialog" :entpcourseid="entpcourseid" :row="curClassWork" />
+  </div>
+</template>
+
+
+<script setup>
+import {ref, onMounted, reactive, watch, nextTick, getCurrentInstance, computed} from 'vue'
+import { ElMessage } from 'element-plus'
+import { homeworklist, delClasswork } from '@/api/teaching/classwork'
+import useResoureStore from '@/views/resource/store'
+import useUserStore from '@/store/modules/user'
+import useClassTaskStore from "@/store/modules/classTask";
+import outLink from '@/utils/linkConfig'
+
+import ChooseTextbook from '@/components/choose-textbook/index.vue'
+import FileListItem from '@/views/prepare/container/file-list-item.vue'
+import SetHomework from '@/components/set-homework/index.vue'
+
+
+const { ipcRenderer } = require('electron')
+const userStore = useUserStore().user
+const classTaskStore = useClassTaskStore()
+const {proxy} = getCurrentInstance();
+const sourceStore = useResoureStore();
+// 当前选中的章节或单元
+const curNode = ref({});   
+const isLoading = ref(false);
+const listClassWork = ref([]);
+const listWorkType = ref(['不限', '习题训练', '框架梳理', '课堂展示', '常规作业']);
+const isOpenHomework = ref(false);
+const curClassWork = ref({});
+const setAssingDialog = ref(false);
+const entpcourseid = ref(0);
+
+const queryParams = reactive({
+  workType: '不限',
+  total: 0,
+});
+
+
+
+/**
+ * @desc: 更新作业任务
+ * @return: {*}
+ * @param {*} computed
+ */
+const desingDataList = computed(() => {
+  return listClassWork.value; 
+})
+
+
+/**
+ * @desc: 选中单元章节后的回调, 获取单元章节信息
+ * @return: {*}
+ * @param {*} data
+ */
+ const getData = async (data) => {
+  if (curNode.value.id == data.node.id) {
+    return;
+  }
+  // 1. 情况原作业集合并切换章节
+  curNode.value = data.node;
+  listClassWork.value = [];
+  isLoading.value = true;
+  console.log(curNode.value);
+  
+  // 2. 作业设计模板
+  await getClassWorkList();
+
+  isLoading.value = false;
+}
+
+/**
+ * @desc: 根据作业类型查询作业模板
+ * @return: {*}
+ */
+const queryClassWorkByParams = async () => {
+  // 1.先清空原作业集合
+  listClassWork.value = [];
+  isLoading.value = true;
+
+  // 2.根据[作业类型]查询
+  const params = { 
+    worktype: queryParams.workType,     // 此处多了[作业类型]参数
+  }
+  if (queryParams.workType == '不限') {
+    delete params.worktype;
+  }
+  await getClassWorkList(params);
+  isLoading.value = false;
+}
+
+ /**
+  * @desc: 获取作业设计模板
+  * @return: {*}
+  */
+ const getClassWorkList = async(params) => {
+  // 班级作业数据，包含多个班级 homeworklist
+  let query = { 
+    evalid: curNode.value.id, 
+    edituserid: userStore.userId, 
+    edustage: userStore.edustage, 
+    edusubject: userStore.edusubject, 
+    status: '10', 
+    orderby: 'concat(worktype,uniquekey) DESC', 
+    pageSize: 100, 
+  }
+  // 将形参更新至query
+  if (params !== null && params !== undefined) {
+    query = {...query, ...params};
+  }
+  const res = await homeworklist(query);
+  if (res.rows && res.rows.length > 0) {
+    for (const item of res.rows) {
+      item.fileShowName = item.uniquekey;
+    }
+    listClassWork.value = res.rows;
+    //TODO： 这里没分页，貌似这个 total 不重要，后续看
+    queryParams.total = res.total
+  }
+}
+
+/**
+ * @desc: 作业设计/布置
+ * @return: {*}
+ * @param {*} key design-设计 assign-布置. 当key为设计时, url需再增加openDialog字段以便自动打开[设计新作业]
+ */
+const handleOutLink = (key) => {
+  isOpenHomework.value = true;
+  // key 对应的 linkConfig.js 外部链接配置
+  let configObj = outLink()['homeWork']
+  let fullPath = configObj.fullPath;
+
+  //打开作业url增加unitId 章节ID
+  let unitId = curNode.value.id;
+  fullPath += `&unitId=${unitId}`;
+  
+  // 作业设计时, 再增加参数openDialog以自动打开教师端的[设计新作业]
+  if (key == 'design') {
+    fullPath += `&openDialog=newClassTask`;
+  }
+  // 通知主进程
+  ipcRenderer.send('openWindow', {
+    key,
+    fullPath: fullPath,
+    cookieData: { ...configObj.data }
+  })
+}
+
+
+const openSet = (item) => {
+  // 打开布置作业窗口
+  curClassWork.value = item;
+  setAssingDialog.value = true;
+}
+
+const delhomework = (item) => {
+  isLoading.value = true
+  delClasswork(item.id)
+    .then(async(res) => {
+      ElMessage.success('删除成功');
+      isLoading.value = false;
+      await getClassWorkList();
+    })
+    .catch(() => {
+      isLoading.value = false;
+    })
+}
+
+
+
+
+</script>
+
+
+<style lang="scss" scoped>
+.page-resource {
+  padding-top: 10px;
+  height: 100%;
+
+  //右侧栏
+  .page-right {
+    min-width: 0;
+    display: flex;
+    flex-direction: column;
+    flex: 1;
+    margin-left: 20px;
+    height: 100%;
+    background: #ffffff;
+    border-radius: 10px;
+    box-shadow: 0px 0px 20px 0px rgba(99, 99, 99, 0.06);
+
+    .prepare-body-header {
+      padding: 10px;
+      display: flex;
+      align-items: center;
+      flex-wrap: wrap;
+      justify-content: space-between;
+    }
+
+    .prepare-work-wrap{
+      flex: 1;
+      overflow: auto;
+    }
+    
+  }
+}
+</style>

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

@@ -45,6 +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'
+
 
 const router = useRouter()
 const { ipcRenderer } = window.electron || {}
@@ -85,7 +87,7 @@ const menuList = [{
       //   path: '/prepare'
       // },
       {
-        name: '教学实施',
+        name: '教学实践',
         icon: 'icon-jiaoxuefenxi',
         path: '/prepare'
       },
@@ -105,7 +107,11 @@ const menuList = [{
         name: '作业设计',
         icon: 'icon-jiaoxuefansi',
         isOuter: true,
-        path: '/teaching/classtaskassign?titleName=作业布置&&openDialog=newClassTask'
+        path: '/teaching/classtaskassign?titleName=作业布置&openDialog=newClassTask'
+        //path: '/newClassTask'
+        //path: '/classTaskAssign'
+        //isOuter: true,
+        //path: '/teaching/classtaskassign?titleName=作业布置&&openDialog=newClassTask'
       },
       {
         name: '作业布置',
@@ -160,6 +166,15 @@ const clickMenu = ({isOuter, path, disabled}) =>{
   if(isOuter){
     let configObj = outLink().getBaseData()
     let fullPath = configObj.fullPath + path
+    if(path == '/teaching/classtaskassign?titleName=作业布置&openDialog=newClassTask' || path == '/teaching/classtaskassign?titleName=作业布置'){
+      // 头部 教材分析打开外部链接需要当前章节ID
+      const { levelFirstId, levelSecondId } = JSON.parse(localStorage.getItem('unitId'))
+
+      let unitId = levelSecondId ? levelSecondId : levelFirstId
+      fullPath = fullPath + `&unitId=${unitId}`
+
+      console.log(fullPath)
+    }
     fullPath = fullPath.replaceAll('//', '/')
      // 通知主进程
      ipcRenderer.send('openWindow', {
@@ -218,9 +233,22 @@ onMounted(async ()=>{
     ]
   }
   chartInstance.setOption(option);
+  // 初始化 获取教材下面的单元 + 章节
+  getSubjectInit();
 
 })
 
+const getSubjectInit = async () => {
+  //查看本地是否有缓存
+  let unitId = localStorage.getItem('unitId')
+  if(unitId){
+    // 有缓存不用管
+  } else{
+    // 没有 就获取 获取教材下面的单元 + 章节
+    useGetClassWork();
+  }
+}
+  
 </script>
 
 <style lang="scss" scoped>

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

@@ -260,7 +260,7 @@ onMounted(() => {
 
 <style lang="scss" scoped>
 .page-resource {
-  padding-top: 20px;
+  padding-top: 10px;
   height: 100%;
 
   //右侧栏

src/renderer/src/views/prepare/container/class-start.vue

@@ -119,71 +119,22 @@ onMounted(() => {
  */
 const open = async (id) => {
   visible.value = true
-  // 获取apt详情
+  if (id) {
-  if (id) await getAptInfo(id)
+    // 重置数据
-  // 模拟数据
+    reset()
-  // myClassActive.value = {
+    // 获取apt详情
-  //   "createBy": null,
+    await getAptInfo(id)
-  //   "createTime": null,
+    // 获取班级列表
-  //   "updateBy": null,
+    getClassList()
-  //   "updateTime": null,
+    // 初始化im-chat
-  //   "remark": null,
+    nextTick(async() => {
-  //   "id": 14740,
+      chat = await imChatRef.value?.initImChat()
-  //   "idarray": null,
+    })
-  //   "jsonarray": null,
+  } 
-  //   "entpid": 255,
-  //   "parentid": 14741,
-  //   "linkids": "",
-  //   "linklist": "",
-  //   "entpcourseid": 7300,
-  //   "entpcourseidarray": null,
-  //   "evalid": 39952,
-  //   "evaltitle": " 质点 参考系",
-  //   "coursetitle": " 质点 参考系",
-  //   "classid": 0,
-  //   "ppttype": "file",
-  //   "title": " 质点 参考系",
-  //   "fileidx": 0,
-  //   "fileurl": "",
-  //   "pathfile": null,
-  //   "filetype": "ppt",
-  //   "filesize": null,
-  //   "datacontent": "",
-  //   "filekey": "",
-  //   "filetag": "",
-  //   "dflag": 0,
-  //   "status": "",
-  //   "edituserid": 2781,
-  //   "editusername": "张雪林",
-  //   "edituserheadimgurl": "/profile/avatar/2024/08/12/blob_20240812152930A001.jpeg",
-  //   "edituserentpname": "AIx数字平台内测中心",
-  //   "editstudentid": null,
-  //   "editstudentname": null,
-  //   "timestamp": "2024-09-10 15:07:20",
-  //   "token": null,
-  //   "base64Code": null,
-  //   "orderby": null,
-  //   "childcount": 4,
-  //   "commentlikecount": 0,
-  //   "commenttextcount": 0,
-  //   "commentusecount": 0,
-  //   "commentvisitcount": 90,
-  //   "unixstamp": null,
-  //   "classworkcount": 0,
-  //   "classworklist": "",
-  //   "authjson": "",
-  //   "defaultslide": null
-  // }
-  // 获取班级列表
-  getClassList()
-
-  // 初始化im-chat
-  // nextTick(async() => {
-  //   chat = await imChatRef.value?.initImChat()
-  // })
 }
 // 关闭弹窗
 const handleClose = async () => {
+  reset() // 重置数据
   await chat?.logout()
   chat = null
 }
@@ -204,6 +155,15 @@ const initData = () => {
     { label: '故障备用', prop: 'backup', show: false },
   ]
 }
+// 重置数据
+const reset = () => {
+  // 初始化-表单数据
+  classForm.form = {}
+  teacherForm.form = { classcourseid: 0 }
+  dt.isCreate = false
+  dt.isHistory = false
+  dt.atCourse = {}
+}
 // 获取课件APT
 const getAptInfo = async (id) => {
   const res = await Http_Entpcoursefile.getEntpcoursefile(id)

src/renderer/src/views/prepare/container/kj-list-item.vue

@@ -52,7 +52,8 @@
       </div>
     </div>
     <div class="prepare-body-main-item-btn">
-      <el-button type="primary" @click="clickStartClass(item)">上课</el-button>
+      <el-button v-if="activeClassId==item.id" type="success" @click="clickStartClass(item)">上课中</el-button>
+      <el-button v-else type="primary" @click="clickStartClass(item)">上课</el-button>
     </div>
     <div class="prepare-body-main-item-tool">
       <el-popover
@@ -65,18 +66,20 @@
         <template #default>
           <div style="width: 100%">
             <div class="item-popover" @click="closePopver(index)">
-              <div v-if="userInfo.userId === Number(item.createUserId)" class="item-popover-item">
+              <template v-if="userInfo.userId === Number(item.createUserId)">
-                <el-button text @click="editTalk(item, index)">
+                <div class="item-popover-item">
-                  <i class="iconfont icon-bianji"></i>
+                  <el-button text @click="editTalk(item, index)">
-                  <span>标签</span>
+                    <i class="iconfont icon-bianji"></i>
-                </el-button>
+                    <span>标签</span>
-              </div>
+                  </el-button>
-              <div v-if="userInfo.userId === Number(item.createUserId)" class="item-popover-item">
+                </div>
-                <el-button text @click="deleteTalk(item)">
+                <div class="item-popover-item">
-                  <i class="iconfont icon-shanchu"></i>
+                  <el-button text @click="deleteTalk(item)" :disabled="activeClassId==item.id">
-                  <span>删除</span>
+                    <i class="iconfont icon-shanchu"></i>
-                </el-button>
+                    <span>删除</span>
-              </div>
+                  </el-button>
+                </div>
+              </template>
             </div>
           </div>
         </template>
@@ -98,6 +101,7 @@ import { ElMessage, ElMessageBox } from 'element-plus'
 import { deleteSmarttalk, updateSmarttalk, getPrepareById } from '@/api/file'
 import useUserStore from '@/store/modules/user'
 import outLink from '@/utils/linkConfig'
+import { sessionStore } from '@/utils/store'
 
 const { ipcRenderer } = window.electron || {}
 export default {
@@ -115,6 +119,10 @@ export default {
       default: function () {
         return 0
       }
+    },
+    activeClassId: { // 当前上课id
+      type: String,
+      default: ''
     }
   },
   emits: { 'on-start-class': null, 'on-delete': null, 'on-set': null, 'on-delhomework': null,'on-filearg': null },

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

@@ -20,6 +20,7 @@
               :key="index"
               :item="item"
               :index="index"
+              :activeClassId="activeClass?.id"
               @on-delete="deleteTalk"
               @on-start-class="startClass"
             >
@@ -192,7 +193,7 @@ import { getClassInfo, getSelfReserv } from '@/api/classManage'
 import { useGetHomework } from '@/hooks/useGetHomework'
 import { addEntpcoursefileReturnId } from '@/api/education/entpcoursefile'
 import ClassReserv from '@/views/classManage/classReserv.vue'
-import classStart from '@/views/desktop/container/class-start.vue' // 预备上课
+import classStart from './container/class-start.vue' // 预备上课
 const toolStore = useToolState()
 
 const fs = require('fs')
@@ -246,7 +247,9 @@ export default {
       // 布置作业弹窗
       setDialog: false,
       row: '',
-      isOpenHomework: false
+      isOpenHomework: false,
+      // 当前上课课程
+      activeClass: null,
     }
   },
   computed: {
@@ -272,6 +275,9 @@ export default {
     })
     this.lastAsyncAllTime = localStorage.getItem('lastAsyncAllTime')
     // this.initReserv()
+
+    // zdg: 获取缓存中的当前课程
+    this.activeClass = sessionStore.get('activeClass') || null
   },
   mounted() {
     this.$watch(
@@ -298,15 +304,20 @@ export default {
   // },
   methods: {
     startClass(item) {
-      console.log(item)
+      // console.log(item, sessionStore)
       if(item.fileFlag === '课件') {
+        // 关闭状态，打开上课相关功能(已打开，忽略)
+        const id = sessionStore.has('activeClass.id') ? sessionStore.get('activeClass.id') : null
+        if (id && id == item.id) return ElMessage.warning('当前正在上课，请勿重复操作')
         this.openReserv()
       }
       if(item.fileFlag === 'apt') {
-        //TODO 打开apt
+        //TODO 打开apt - fileId: aptId
-        const { fileId: aptId } = item
+        this.$refs.calssRef.open(item.fileId)
-        this.$refs.calssRef.open(aptId)
       }
+      // 当前上课-store
+      sessionStore.set('activeClass', item)
+      this.activeClass = item
     },
     initReserv(id) {
       getClassInfo(id).then((res) => {

src/renderer/src/views/tool/directive/drag.js

@@ -57,6 +57,8 @@ class Drag {
     document.removeEventListener('mouseup', this.up);
     document.addEventListener('touchmove', this.move);
     document.addEventListener('touchend', this.up);
+    // 手动-触发事件 v-drag-start
+    this.el.dispatchEvent(new CustomEvent('v-drag-end', {detail:{drag: this}}))
   }
   // 业务逻辑
   updatePosition(e) {
@@ -108,6 +110,7 @@ export default {
     // const { style } = binding.value
     const drag = new Drag(el, binding)
     const dragStart = (e) => {
+      // console.log('start', e)
       drag.down(e)
       document.addEventListener('mousemove', drag.move);
       document.addEventListener('mouseup', drag.up);

src/renderer/src/views/tool/sphere.vue

@@ -10,12 +10,14 @@
     <upvote-vue ref="upvoteRef" type="2"></upvote-vue>
 
     <!-- im-chat 聊天组件 -->
-    <im-chat ref="imChatRef" @change="chatChange" isGroup />
+    <im-chat ref="imChatRef" @change="chatChange" group />
 
     <!-- 底部工具栏 -->
-    <div class="tool-bottom-all" @mouseenter="mouseChange(0)" @mouseleave="mouseChange(1)">
+    <div class="tool-bottom-all"
+      @mouseenter="mouseChange(0)" @mouseleave="mouseChange(1)">
       <div v-drag="{handle:'.tool-bottom-all', dragtime}"
-        @v-drag-start="dragtime = Date.now()">
+        @v-drag-start="dragtime = Date.now()"
+        @v-drag-end="mouseChange(1)">
         <div class="c-logo" @click="logoHandle" title="拖动 | 折叠 | 展开">
           <el-image :src="logo" draggable="false" />
         </div>
@@ -106,7 +108,7 @@ const getClassInfo = async () => {
 const tabChange = (val) => {
   const bool = !toolStore.isPdfWin && !toolStore.showBoardAll
   if(bool) toolStore.showBoardAll = true
-  console.log('tabChange:', val, bool)
+  // console.log('tabChange:', val, bool)
   toolStore.model = val // 存储当前tab
 }
 // logo 点击-事件 折叠|展开
@@ -143,9 +145,12 @@ const mouseChange = (bool) => {
     const isPdf = !resBool && toolStore.isPdfWin
     if (isPdf) resBool = true
   }
-  // console.log('mouseChange:', bool, resBool)
+  console.log('mouseChange:', bool, resBool)
   setIgnore(resBool)
 }
+const touchChange = (e) => {
+  console.log(e)
+}
 // im-chat: 聊天事件 {type, data}
 const chatChange = (type, data, ...args) => {
   if (type == 'createGroup') {  // 创建群-监听