From db712d9e1f6bc39ae5125c3b667f566faf5fa1d1 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=99=BD=E4=BA=86=E4=B8=AA=E7=99=BD?= <543593352@qq.com>
Date: Thu, 16 Jan 2025 15:03:02 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BD=9C=E4=B8=9A=E7=AE=A1=E7=90=86=EF=BC=9A?=
 =?UTF-8?q?=E7=95=8C=E9=9D=A2UI=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../newClassTaskAssign/Right/index.vue        |   2 +-
 .../classTask/newClassTaskAssign/index.vue    | 386 ++++++++++--------
 2 files changed, 209 insertions(+), 179 deletions(-)

diff --git a/src/renderer/src/views/classTask/newClassTaskAssign/Right/index.vue b/src/renderer/src/views/classTask/newClassTaskAssign/Right/index.vue
index 73106d3..6b0fa79 100644
--- a/src/renderer/src/views/classTask/newClassTaskAssign/Right/index.vue
+++ b/src/renderer/src/views/classTask/newClassTaskAssign/Right/index.vue
@@ -38,7 +38,7 @@ const items = shallowRef([
   // { title: 'AI设计作业', description: '通过AI助手，根据课标、教材、考试等分析结果，智能创建作业。', icon: '#icon-jiqiren_o',type:'danger' },
   { title: '习题上传', description: '自己上传个人题库。', icon: '#icon-shangchuan',type:'danger' },
   { title: '科学实验', description: '学生完成虚拟仿真实验，并提交实验结果。', icon: '#icon-shangchuan',type:'primary' },
-  { title: '自主组卷', description: '老师自主选择试题组卷。', icon: '#icon-shangchuan',type:'primary' },
+  // { title: '自主组卷', description: '老师自主选择试题组卷。', icon: '#icon-shangchuan',type:'primary' },
 ]);
 
 const handleClick = (item) => {
diff --git a/src/renderer/src/views/classTask/newClassTaskAssign/index.vue b/src/renderer/src/views/classTask/newClassTaskAssign/index.vue
index 531ec85..a219e01 100644
--- a/src/renderer/src/views/classTask/newClassTaskAssign/index.vue
+++ b/src/renderer/src/views/classTask/newClassTaskAssign/index.vue
@@ -1,27 +1,25 @@
 <template>
-  <div  class="page">
+  <div class="page">
     <div class="page-top" v-if="!isShow">
-      <div class="page-top-left">
+      <div>
         <el-button type="danger" :icon="Delete" @click="handleDelete">删除</el-button>
         <el-button type="success" @click="handleTaskAssignToAllClass()">批量推送</el-button>
       </div>
-      <div v-if="currentRow.id > 0" class="page-top-right">
-        <el-button type="primary"  @click="handleNewAllClass" :icon="Plus">设计新作业</el-button>
+      <div style="margin-left: 20px;">
+        <div v-if="currentRow.id > 0">
+          <el-button type="primary" @click="handleNewAllClass"><i class="iconfont icon-fanhui"></i>返回 设计作业</el-button>
+        </div>
+        <div v-else>
+          <span style="font-size: 14px; color: red">温馨提示：选择下列作业类型可进行作业设计</span>
+        </div>
       </div>
     </div>
     <div class="page-resource">
       <div class="page-left" v-if="!isShow">
-        <el-table
-          ref="taskTable"
-          v-loading="tasklist_loading"
-          :data="taskList"
-          :tree-props="{checkStrictly: true}"
-          row-key="id"
-          style="width: 100%;height: 100%; border: 1px solid #dcdfe6;border-radius: 3px;flex:1"
-          highlight-current-row
-          @current-change="handleCurrentChange"
-        >
-          <el-table-column type="selection"  min-width="2%" align="center" :selectable="selectable"/>
+        <el-table ref="taskTable" v-loading="tasklist_loading" :data="taskList" :tree-props="{ checkStrictly: true }"
+          row-key="id" style="width: 100%;height: 100%; border: 1px solid #dcdfe6;border-radius: 3px;flex:1"
+          highlight-current-row @current-change="handleCurrentChange">
+          <el-table-column type="selection" min-width="2%" align="center" :selectable="selectable" />
           <el-table-column label="作业布置" min-width="15%" align="center">
             <template #default="scope">
               <div style="height: 100px;cursor: pointer">
@@ -31,11 +29,13 @@
                       <span>{{ scope.row.uniquekey }}</span>
                     </div>
                     <div class="pageleft-table-top" style="display: flex;justify-content: space-between">
-                      <el-tag style="padding:0 2px" :type="scope.row.workclass" size="default">{{ scope.row.worktype }}</el-tag>
+                      <el-tag style="padding:0 2px" :type="scope.row.workclass" size="default">{{ scope.row.worktype
+                        }}</el-tag>
                       <el-text size="small" style="color:#ccc;white-space:nowrap">{{ scope.row.timestamp }}</el-text>
                     </div>
                     <div class="pageleft-table-cont">
-                      <div :title="scope.row.worktag || scope.row.title" class="ellipsis "> {{ scope.row.worktype == "课堂展示" ? scope.row.worktag : scope.row.title }}</div>
+                      <div :title="scope.row.worktag || scope.row.title" class="ellipsis "> {{ scope.row.worktype ==
+                        "课堂展示" ? scope.row.worktag : scope.row.title }}</div>
                     </div>
                   </div>
                   <svg class="icon iconfont" aria-hidden="true">
@@ -53,7 +53,8 @@
         <Right @itemClick="handleItemClick" />
       </div>
 
-      <div v-if="(currentRow.worktype == '习题训练' || classWorkForm.worktype == '习题训练') && currentRow.id>0" class="page-center">
+      <div v-if="(currentRow.worktype == '习题训练' || classWorkForm.worktype == '习题训练') && currentRow.id > 0"
+        class="page-center">
         <el-tabs v-model="activeAptTab" style="height: 100%;">
           <el-tab-pane label="自主搜题" name="自主搜题" class="prepare-center-zzst">
             <SearchQuestion :bookobj="courseObj" @addQuiz="handleClassWorkQuizAdd" />
@@ -62,59 +63,66 @@
             <SchoolQuestion />
           </el-tab-pane> -->
           <el-tab-pane label="个人题库" name="个人题库" class="prepare-center-grst">
-            <MyQuestion :bookobj="courseObj" @addQuiz="handleClassWorkQuizAdd"/>
+            <MyQuestion :bookobj="courseObj" @addQuiz="handleClassWorkQuizAdd" />
           </el-tab-pane>
         </el-tabs>
       </div>
-      <div v-if="(currentRow.worktype == '课堂展示' || classWorkForm.worktype == '课堂展示') && currentRow.id>0" class="page-center">
+      <div v-if="(currentRow.worktype == '课堂展示' || classWorkForm.worktype == '课堂展示') && currentRow.id > 0"
+        class="page-center">
         <div v-loading="boardLoading" class="board-wrap" style="height: 100%; flex: 1; overflow: hidden;">
-          <whiteboard ref="boardref" height="100%" width="100%" :isShowSave="false" :data="classWorkForm.whiteboardObj" />
+          <whiteboard ref="boardref" height="100%" width="100%" :isShowSave="false"
+            :data="classWorkForm.whiteboardObj" />
         </div>
       </div>
-      <div v-if="(currentRow.worktype == '常规作业' || classWorkForm.worktype == '常规作业')&& currentRow.id>0" class="page-center">
+      <div v-if="(currentRow.worktype == '常规作业' || classWorkForm.worktype == '常规作业') && currentRow.id > 0"
+        class="page-center">
         <div v-loading="fileLoading" class="upload-homework">
-          <FileUpload v-model="classWorkForm.fileHomeworkList" :fileSize="800" :fileType="['mp3','mp4','doc','docx','xlsx','xls','pdf','ppt','pptx','jpg','jpeg','gif','png','txt']"/>
+          <FileUpload v-model="classWorkForm.fileHomeworkList" :fileSize="800"
+            :fileType="['mp3', 'mp4', 'doc', 'docx', 'xlsx', 'xls', 'pdf', 'ppt', 'pptx', 'jpg', 'jpeg', 'gif', 'png', 'txt']" />
         </div>
       </div>
-      <div v-if="(currentRow.worktype == '科学实验' || classWorkForm.worktype == '科学实验')&& currentRow.id>0" class="page-center">
+      <div v-if="(currentRow.worktype == '科学实验' || classWorkForm.worktype == '科学实验') && currentRow.id > 0"
+        class="page-center">
         <div class="experiment-homework">
-          <ExperimentQuestion :expObj="classWorkForm.fileHomeworkList&&classWorkForm.fileHomeworkList[0]" @clickExpObj="getExpObj" />  
+          <ExperimentQuestion :expObj="classWorkForm.fileHomeworkList && classWorkForm.fileHomeworkList[0]"
+            @clickExpObj="getExpObj" />
         </div>
       </div>
 
-      <div v-if="currentRow.id>0 " class="page-right">
-        <div class="prepare-top" >
-          <el-button v-if="currentRow.id != 1 " type="success" @click="openSet(currentRow,'item')">推 送</el-button>
+      <div v-if="currentRow.id > 0" class="page-right">
+        <div class="prepare-top">
+          <span>作业详情说明</span>
+          <el-button v-if="currentRow.id != 1" type="success" @click="openSet(currentRow, 'item')">推 送</el-button>
           <el-button type="primary" @click="handleClassWorkSave">保 存</el-button>
         </div>
-        <div class="prepare-con" >
-          <el-form
-            ref="classWorkFormRef"
-            :model="classWorkForm"
-            label-width="90"
-            style=" height: 100%; overflow: hidden;display: flex;flex-direction: column;"
-          >
-            <div >
+        <div class="prepare-con">
+          <el-form ref="classWorkFormRef" :model="classWorkForm" label-width="90"
+            style=" height: 100%; overflow: hidden;display: flex;flex-direction: column;">
+            <div>
               <el-form-item label="作业名称">
-                <el-input v-model="classWorkForm.uniquekey" type="text" placeholder="请输入作业名称"/>
+                <el-input v-model="classWorkForm.uniquekey" type="text" placeholder="请输入作业名称" />
               </el-form-item>
               <el-form-item label="作业说明" style="margin: 10px 0;">
-                <el-input v-if="classWorkForm.worktype != '课堂展示'" v-model="classWorkForm.title"  style="width: 400px"   placeholder="请输入作业说明"/>
+                <el-input v-if="classWorkForm.worktype != '课堂展示'" v-model="classWorkForm.title" style="width: 400px"
+                  placeholder="请输入作业说明" />
                 <!-- 课堂展示 这里字段不一样 -->
-                <el-input v-if="classWorkForm.worktype == '课堂展示'" v-model="classWorkForm.question" type="textarea"  placeholder="请输入作业说明" />
+                <el-input v-if="classWorkForm.worktype == '课堂展示'" v-model="classWorkForm.question" type="textarea"
+                  placeholder="请输入作业说明" />
               </el-form-item>
             </div>
 
             <div v-if="classWorkForm.worktype == '习题训练'" class="pageRight-list">
-              <div :style="{height: '100%', '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="{ height: '100%', '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; text-align: left;">
                     <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-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 style="margin-left: auto; padding: 0px 20px"><el-button size="small" type="danger"
+                          @click="handleClassWorkFormQuizRemove(index)">删除</el-button></div>
                     </div>
                   </div>
                 </template>
@@ -126,7 +134,8 @@
     </div>
 
     <!-- 推送作业的配置对话框 -->
-    <SetHomework v-model="setDialog" :entpcourseid="entpcourseid" :rows="rowsList" @on-close="closeHomework" @on-success="successHomework"/>
+    <SetHomework v-model="setDialog" :entpcourseid="entpcourseid" :rows="rowsList" @on-close="closeHomework"
+      @on-success="successHomework" />
   </div>
 </template>
 <script setup>
@@ -135,9 +144,9 @@ import { ElMessage } from 'element-plus'
 import { cloneDeep } from 'lodash'
 import { Plus, Delete } from '@element-plus/icons-vue'
 import { delClasswork } from '@/api/teaching/classwork'
-import {listEntpcoursework, listEntpcourseworkNew, getEntpcoursework} from '@/api/education/entpCourseWork'
+import { listEntpcoursework, listEntpcourseworkNew, getEntpcoursework } from '@/api/education/entpCourseWork'
 import { addClassworkReturnId } from '@/api/teaching/classwork'
-import { updateClasswork, listEvaluationclue, listClassworkeval,delClassworkeval,addClassworkeval,updateClassworkeval } from '@/api/classTask'
+import { updateClasswork, listEvaluationclue, listClassworkeval, delClassworkeval, addClassworkeval, updateClassworkeval } from '@/api/classTask'
 
 import { processList } from '@/hooks/useProcessList'
 import { editListItem } from '@/hooks/useClassTask'
@@ -180,12 +189,12 @@ const courseObj = reactive({
   textbookId: '',
   levelFirstId: '',
   levelSecondId: '',
-  coursetitle:'',
+  coursetitle: '',
   node: null, // 选择的课程节点
   //
 })
 const taskTable = ref(null);
-const activeAptTab =  ref("自主搜题");
+const activeAptTab = ref("自主搜题");
 const taskList = ref([]); // 作业列表
 const tasklist_loading = ref(false); // 加载中
 const classWorkFormRef = ref(null);
@@ -195,7 +204,7 @@ const setDialog = ref(false); // 推送配置 弹窗
 const rowsList = ref([]) // 当前需要推送行的数据
 const entpcourseid = ref('') // 当前课程id
 
-const currentRow = ref({id:0}); // 当前选中的行--左侧作业布置模版列表
+const currentRow = ref({ id: 0 }); // 当前选中的行--左侧作业布置模版列表
 
 // 课堂展示-------
 const boardLoading = ref(false);
@@ -205,16 +214,16 @@ const fileLoading = ref(false); // 常规作业loading
 onMounted(() => {
   //console.log("----onMounted-------");
   currentRow.value.id = 0
-  if(propsQueryCourseObj){
-    if(JSON.parse(propsQueryCourseObj)){
+  if (propsQueryCourseObj) {
+    if (JSON.parse(propsQueryCourseObj)) {
       courseObj.textbookId = JSON.parse(propsQueryCourseObj).bookObj  // 版本
       courseObj.levelFirstId = JSON.parse(propsQueryCourseObj).levelFirstId  // 单元
       courseObj.levelSecondId = JSON.parse(propsQueryCourseObj).levelSecondId // 章节
       courseObj.coursetitle = JSON.parse(propsQueryCourseObj).coursetitle  // (单元/章节) 名称
       courseObj.node = JSON.parse(propsQueryCourseObj).node; // 保存当前节点
     }
-  }else{
-    if(props.currentCourse){
+  } else {
+    if (props.currentCourse) {
       courseObj.textbookId = props.currentCourse.textbookId  // 版本
       courseObj.levelFirstId = props.currentCourse.levelFirstId  // 单元
       courseObj.levelSecondId = props.currentCourse.levelSecondId // 章节
@@ -222,11 +231,11 @@ onMounted(() => {
       courseObj.node = props.currentCourse.node; // 保存当前节点
       classWorkForm.worktype = props.currentCourse.worktype
       currentRow.value = {
-        id:props.currentCourse.id,
-        worktype:props.currentCourse.worktype
+        id: props.currentCourse.id,
+        worktype: props.currentCourse.worktype
       }
       isShow.value = true;
-    }else{
+    } else {
       isShow.value = false;
     }
   }
@@ -235,8 +244,8 @@ onMounted(() => {
 })
 // 是否进入个人题库
 const isInToMyQuestion = () => {
-  console.log('isOpenQuestUploadView',useClassTaskStores.isOpenQuestUploadView);
-  if(useClassTaskStores.isOpenQuestUploadView){
+  console.log('isOpenQuestUploadView', useClassTaskStores.isOpenQuestUploadView);
+  if (useClassTaskStores.isOpenQuestUploadView) {
     useClassTaskStores.isOpenQuestUploadView = false;
 
     currentRow.value.id = 1; // 作业设计
@@ -254,23 +263,23 @@ const isInToMyQuestion = () => {
   }
 }
 watch(() => props.currentCourse, (newVal, oldVal) => {
-  if(newVal){
-      courseObj.textbookId = newVal.textbookId  // 版本
-      courseObj.levelFirstId = newVal.levelFirstId  // 单元
-      courseObj.levelSecondId = newVal.levelSecondId // 章节
-      courseObj.coursetitle = newVal.coursetitle  // (单元/章节) 名称
-      courseObj.node = newVal.node; // 保存当前节点
-      classWorkForm.worktype = newVal.worktype
-      currentRow.value = {
-        id:props.currentCourse.id,
-        worktype:props.currentCourse.worktype
-      }
+  if (newVal) {
+    courseObj.textbookId = newVal.textbookId  // 版本
+    courseObj.levelFirstId = newVal.levelFirstId  // 单元
+    courseObj.levelSecondId = newVal.levelSecondId // 章节
+    courseObj.coursetitle = newVal.coursetitle  // (单元/章节) 名称
+    courseObj.node = newVal.node; // 保存当前节点
+    classWorkForm.worktype = newVal.worktype
+    currentRow.value = {
+      id: props.currentCourse.id,
+      worktype: props.currentCourse.worktype
     }
-    console.log(newVal,'newval');
-},{deep:true})
+  }
+  console.log(newVal, 'newval');
+}, { deep: true })
 
 // ------------科学实验
-const getExpObj = (obj)=>{
+const getExpObj = (obj) => {
   // obj:{
   //   fileurl: "https://phet.colorado.edu/sims/html/number-compare/latest/number-compare_zh_CN.html"
   //   label: "数量比较"
@@ -281,11 +290,11 @@ const getExpObj = (obj)=>{
 //---------作业设计---
 const handleItemClick = (itemName) => {
   console.log('itemName', itemName);
-  if(itemName == '习题上传'){
+  if (itemName == '习题上传') {
     router.push({ path: '/model/questionUpload', query: { courseObj: JSON.stringify(courseObj) } });
     return;
   }
-  if(itemName == '自主组卷'){
+  if (itemName == '自主组卷') {
     router.push({ path: '/model/groupTestPaper', query: { courseObj: JSON.stringify(courseObj) } });
     return;
   }
@@ -297,7 +306,7 @@ const handleItemClick = (itemName) => {
    * 课堂展示
    * 常规作业
    */
-  const typeName = itemName == "自主搜题" || itemName == "校本题库"|| itemName == "个人题库" ? "习题训练" : itemName;
+  const typeName = itemName == "自主搜题" || itemName == "校本题库" || itemName == "个人题库" ? "习题训练" : itemName;
   activeAptTab.value = itemName;
   //提交内容清空 重置
   classWorkForm.id = 0;
@@ -314,13 +323,13 @@ const handleItemClick = (itemName) => {
 
 
 //---------作业布置列表相关--------------
-const selectable=(row, index)=>{
+const selectable = (row, index) => {
   return row.status == '10';
 };
 /**
  * 获取 entpcourseid 获取作业列表
  */
-const initHomeWork = async ()=> {
+const initHomeWork = async () => {
   tasklist_loading.value = true;
   // const { res, chapterId } = await useGetHomework(courseObj.node);
   const { res, chapterId } = await useGetHomework(sessionStore.get('subject.curNode'));
@@ -330,9 +339,9 @@ const initHomeWork = async ()=> {
   taskList.value = res;
   // 判断当前是否存在其他页面跳转编辑, 如果初次且存在id，则选中该任务
   const taskId = propsQueryTask?.id ?? 0;
-  if (!propsQueryTask.isInit && taskId!=0){
+  if (!propsQueryTask.isInit && taskId != 0) {
     const activeRow = taskList.value.find(o => o.id == taskId);
-    if (activeRow){
+    if (activeRow) {
       propsQueryTask.isInit = true;  // 清空避免重新保存后再次选中该任务
       taskTable.value.setCurrentRow(activeRow);
       handleCurrentChange(activeRow);
@@ -359,10 +368,10 @@ const handleNewAllClass = () => {
 /**
  * 删除按钮操作
  * */
-const handleDelete =() => {
+const handleDelete = () => {
   let rows = proxy.$refs.taskTable.getSelectionRows();
   if (rows.length > 0) {
-    proxy.$modal.confirm('是否确认选中的学习任务？').then(()=> {
+    proxy.$modal.confirm('是否确认选中的学习任务？').then(() => {
       let ids = [];
       for (let i = 0; i < rows.length; i++) {
         ids.push(rows[i].id);
@@ -378,8 +387,8 @@ const handleDelete =() => {
       }, 1500);
       proxy.$modal.msgSuccess("删除成功");
 
-    }).catch(() => {})
-  }else{
+    }).catch(() => { })
+  } else {
     proxy.$modal.alertWarning("请选择删除项")
   }
 };
@@ -390,12 +399,12 @@ const handleDelete =() => {
 const handleTaskAssignToAllClass = () => {
   let rows = proxy.$refs.taskTable.getSelectionRows();
   if (rows.length > 0) {
-    proxy.$modal.confirm('是否确认推送选中的学习任务？').then(()=> {
+    proxy.$modal.confirm('是否确认推送选中的学习任务？').then(() => {
     }).then(() => {
       // 弹出配置窗口 ，让用户配置推送策略
-      openSet(rows,'list');
-    }).catch(() => {})
-  }else{
+      openSet(rows, 'list');
+    }).catch(() => { })
+  } else {
     return proxy.$modal.alertWarning("请选择需要推送的任务!");
   }
 }
@@ -404,12 +413,12 @@ const handleTaskAssignToAllClass = () => {
  * //改为list形式，有地方需要批量布置推送
  */
 // 打开布置作业窗口
-const openSet=(row, type)=> {
-  if(type == 'list'){
+const openSet = (row, type) => {
+  if (type == 'list') {
     // 批量布置推送 row 是多个rows，直接赋值
     rowsList.value = row;
     setDialog.value = true;
-  }else{
+  } else {
     // 单个布置推送 row 是单个row,变成数组
     rowsList.value = [row];
     setDialog.value = true;
@@ -418,7 +427,7 @@ const openSet=(row, type)=> {
 /**
  * 关闭布置作业窗口
  */
- const closeHomework = () => {
+const closeHomework = () => {
   rowsList.value = [];
   setDialog.value = false;
 }
@@ -434,7 +443,7 @@ const successHomework = () => {
   })
 }
 // --------------------作业编辑
-let classWorkForm =  reactive({
+let classWorkForm = reactive({
   id: '',// cloneDeep(props.propsformobj.id),
   uniquekey: '',// props.propsformobj.uniquekey?cloneDeep(props.propsformobj.uniquekey):'', // 作业唯一标识 作业名称
   worktype: '',// props.propsformobj.worktype?cloneDeep(props.propsformobj.worktype): '习题训练', //作业类型
@@ -461,12 +470,14 @@ let propsformobj = reactive({
  */
 const handleCurrentChange = (val) => {
 
-  console.log(val,'???????????')
-  if(val && val.id >0  ) {
+  console.log(val, '选中的布置作业')
+  if (val && val.id > 0) {
     currentRow.value.id = 1;
+    const typeName = val.worktype == "习题训练" ? "自主搜题" : "";
+    activeAptTab.value = typeName;
     classWorkForm.worktype = val.worktype; //作业类型
     editListItem(val, courseObj).then((obj) => {
-      if(obj){
+      if (obj) {
         propsformobj = obj;
         // 新赋值的作业内容
         classWorkForm.id = obj.id;
@@ -488,7 +499,7 @@ const handleCurrentChange = (val) => {
  */
 const handleClassWorkQuizAdd = (entpcourseworkid) => {
   var exist = false;
-  for (var i=0; i< classWorkForm.quizlist.length; i++) {
+  for (var i = 0; i < classWorkForm.quizlist.length; i++) {
     if (classWorkForm.quizlist[i].id == entpcourseworkid) {
       exist = true;
       break;
@@ -498,7 +509,7 @@ const handleClassWorkQuizAdd = (entpcourseworkid) => {
     getEntpcoursework(entpcourseworkid).then(res => {
       //res.data.titletext = res.data.title.replace(/<[^>]+>/g, '');
       // 暂时手动新增试题的分数
-      if(res.data.score == null){
+      if (res.data.score == null) {
         res.data.score = 4;
       }
       classWorkForm.quizlist.push(res.data);
@@ -510,14 +521,14 @@ const handleClassWorkQuizAdd = (entpcourseworkid) => {
   }
 }
 /** 右侧资源删除按钮 习题list */
-const handleClassWorkFormQuizRemove = (index) =>{
+const handleClassWorkFormQuizRemove = (index) => {
   classWorkForm.quizlist.splice(index, 1);
 }
 
 /**
  * 作业设计-提交
  */
- const handleClassWorkSave = async () => {
+const handleClassWorkSave = async () => {
   await nextTick(); // 确保DOM更新完成
   proxy.$refs["classWorkFormRef"].validate(async valid => {
     if (valid) {
@@ -548,16 +559,16 @@ const handleClassWorkFormQuizRemove = (index) =>{
         entpcourseworklist: '', // 选择的 习题训练 list  需要转字符串
       };
 
-      if(cform.uniquekey.trim() == '') return ElMessage({ type: 'warning', message: '作业名称不能为空!'});
+      if (cform.uniquekey.trim() == '') return ElMessage({ type: 'warning', message: '作业名称不能为空!' });
 
       // 当前为[编辑]状态下点进来得处理  newWorkSpaceEdit true 为编辑状态
-      if(isShow.value === false){
-        if(classWorkForm.id != '' ) {// 编辑状态 有id
+      if (isShow.value === false) {
+        if (classWorkForm.id != '') {// 编辑状态 有id
           editWork(cform); // 编辑作业
           return;
         }
       }
-      
+
 
       if (classWorkForm.worktype === "课堂展示") {
         boardLoading.value = true
@@ -566,11 +577,11 @@ const handleClassWorkFormQuizRemove = (index) =>{
         // 课堂展示提交内容
         cform.worktag = classWorkForm.question;
         cform.title = classWorkForm.title;
-        cform.workcodes = JSON.stringify({json: canvasJson, base64: canvasBase64});
-        cform.entpcourseworklist = JSON.stringify([{'id':-1, 'score': '10'}]);
+        cform.workcodes = JSON.stringify({ json: canvasJson, base64: canvasBase64 });
+        cform.entpcourseworklist = JSON.stringify([{ 'id': -1, 'score': '10' }]);
         try {
           addClassworkReturnId(cform).then((res) => {
-            ElMessage({ type: 'success', message: '作业设计成功!'});
+            ElMessage({ type: 'success', message: '作业设计成功!' });
             // 重置提交表单
             classWorkForm.worktype = "课堂展示";
             classWorkForm.uniquekey = '';// classWorkForm.uniquekey, // 作业唯一标识 作业名称
@@ -578,67 +589,67 @@ const handleClassWorkFormQuizRemove = (index) =>{
             classWorkForm.question = "";
             classWorkForm.quizlist = [], // 作业习题列表内容
 
-            // 情况选择的资源缓存
-            classWorkForm.chooseWorkLists = []; // 框架梳理list
+              // 情况选择的资源缓存
+              classWorkForm.chooseWorkLists = []; // 框架梳理list
             classWorkForm.whiteboardObj = ''; // ? // 清空白板
             classWorkForm.id = res
-            emits('getData',classWorkForm)
+            emits('getData', classWorkForm)
             boardLoading.value = false
           })
         } finally {
           boardLoading.value = false
         }
       }
-      else if(classWorkForm.worktype === "常规作业"){
-        if (classWorkForm.fileHomeworkList.length == 0) return ElMessage({ type: 'warning', message: '请上传常规作业附件!'});
+      else if (classWorkForm.worktype === "常规作业") {
+        if (classWorkForm.fileHomeworkList.length == 0) return ElMessage({ type: 'warning', message: '请上传常规作业附件!' });
         fileLoading.value = true
         cform.workcodes = JSON.stringify(classWorkForm.fileHomeworkList);
-        cform.entpcourseworklist = JSON.stringify([{'id':-2, 'score': '10'}]);
+        cform.entpcourseworklist = JSON.stringify([{ 'id': -2, 'score': '10' }]);
         try {
           addClassworkReturnId(cform).then((res) => {
-            ElMessage({ type: 'success', message: '作业设计成功!'});
+            ElMessage({ type: 'success', message: '作业设计成功!' });
             // 重置提交表单
             classWorkForm.worktype = "常规作业";
             classWorkForm.uniquekey = ''; // props.propsformobj.uniquekey, // 作业唯一标识 作业名称
             classWorkForm.title = "";
             classWorkForm.quizlist = [], // 作业习题列表内容
 
-            // 情况选择的资源缓存
-            classWorkForm.chooseWorkLists = []; // 框架梳理list
+              // 情况选择的资源缓存
+              classWorkForm.chooseWorkLists = []; // 框架梳理list
             classWorkForm.whiteboardObj = ''; // ? // 清空白板
             classWorkForm.fileHomeworkList = []; // 常规作业list
             classWorkForm.id = res
-            emits('getData',classWorkForm)
+            emits('getData', classWorkForm)
             fileLoading.value = false
           })
         } finally {
           fileLoading.value = false
         }
       }
-      else if(classWorkForm.worktype === "科学实验"){
-        if (classWorkForm.fileHomeworkList.length == 0) return ElMessage({ type: 'warning', message: '请选择科学实验的课程!'});
+      else if (classWorkForm.worktype === "科学实验") {
+        if (classWorkForm.fileHomeworkList.length == 0) return ElMessage({ type: 'warning', message: '请选择科学实验的课程!' });
         cform.worktag = useClassTaskStores.experimentObj.updateEduInfo;           // 当前实验的学段学科, 格式为[小学-数学]
         cform.workcodes = JSON.stringify(classWorkForm.fileHomeworkList);         // 实验信息  
-        cform.entpcourseworklist = JSON.stringify([{'id':-3, 'score': '10'}]);
+        cform.entpcourseworklist = JSON.stringify([{ 'id': -3, 'score': '10' }]);
         try {
-          console.log(cform,'科学实验')
+          console.log(cform, '科学实验')
           addClassworkReturnId(cform).then((res) => {
-            ElMessage({ type: 'success', message: '作业设计成功!'});
+            ElMessage({ type: 'success', message: '作业设计成功!' });
             // 重置提交表单
             classWorkForm.worktype = "科学实验";
             classWorkForm.uniquekey = ''; // props.propsformobj.uniquekey, // 作业唯一标识 作业名称
             classWorkForm.title = "";
             classWorkForm.quizlist = [], // 作业习题列表内容
 
-            // 情况选择的资源缓存
-            classWorkForm.chooseWorkLists = []; // 框架梳理list
+              // 情况选择的资源缓存
+              classWorkForm.chooseWorkLists = []; // 框架梳理list
             classWorkForm.whiteboardObj = ''; // ? // 清空白板
             classWorkForm.fileHomeworkList = []; // 常规作业list
             classWorkForm.id = res
-            emits('getData',classWorkForm)
+            emits('getData', classWorkForm)
             // TODO 科学实验 待完善
           })
-        } finally{
+        } finally {
           // 
         }
       }
@@ -646,14 +657,14 @@ const handleClassWorkFormQuizRemove = (index) =>{
         // 正常新任务
         var ll = [];
         if (classWorkForm.worktype === "习题训练") {
-          for (var i=0; i< classWorkForm.quizlist.length; i++) {
+          for (var i = 0; i < classWorkForm.quizlist.length; i++) {
             // 更新 题目分值
-            ll.push({'id': classWorkForm.quizlist[i].id, 'score': classWorkForm.quizlist[i].score});
+            ll.push({ 'id': classWorkForm.quizlist[i].id, 'score': classWorkForm.quizlist[i].score });
           }
-        }else if( classWorkForm.worktype === "框架梳理") {
+        } else if (classWorkForm.worktype === "框架梳理") {
           classWorkForm.chooseWorkLists.filter((item) => {
             if (item.worktype === classWorkForm.worktype) {
-              ll.push({'id':item.id, 'score': item.score});
+              ll.push({ 'id': item.id, 'score': item.score });
             }
           })
         }
@@ -663,22 +674,22 @@ const handleClassWorkFormQuizRemove = (index) =>{
         } else {
           cform.entpcourseworklist = '';
         }
-        console.log(cform,'提交的数据');
-        if(cform.entpcourseworklist == '') return ElMessage({ type: 'warning', message: '请先添加作业资源!'});
+        console.log(cform, '提交的数据');
+        if (cform.entpcourseworklist == '') return ElMessage({ type: 'warning', message: '请先添加作业资源!' });
 
         addClassworkReturnId(cform).then(res => {
-          ElMessage({ type: 'success', message: '作业设计成功!'});
+          ElMessage({ type: 'success', message: '作业设计成功!' });
           // 重置提交表单
           classWorkForm.worktype = "习题训练";
           classWorkForm.uniquekey = '',// props.propsformobj.uniquekey, // 作业唯一标识 作业名称
-          classWorkForm.title = "";
+            classWorkForm.title = "";
           classWorkForm.quizlist = [], // 作业习题列表内容
 
-          // 情况选择的资源缓存
-          classWorkForm.chooseWorkLists = [];
+            // 情况选择的资源缓存
+            classWorkForm.chooseWorkLists = [];
           classWorkForm.whiteboardObj = ''; // ? // 清空白板
           classWorkForm.id = res
-          emits('getData',classWorkForm)
+          emits('getData', classWorkForm)
           // refresh the list
           //这里分离了，所以不需要更新表单数据了
           // this.getClassWorkAllList();
@@ -687,9 +698,9 @@ const handleClassWorkFormQuizRemove = (index) =>{
       }
       console.log('该清空左侧列表数据了');
       // 清空左侧 选中的布置列表 并刷新列表
-      if(isShow.value){
+      if (isShow.value) {
         currentRow.value.id = 1;
-      }else{
+      } else {
         currentRow.value.id = 0;
       }
       initHomeWork();
@@ -710,9 +721,9 @@ const handleClassWorkFormQuizRemove = (index) =>{
  * 编辑作业内容
  * @param cform 表单数据
  */
-const editWork = async (cform) =>{
+const editWork = async (cform) => {
   // 基础参数
-  cform.id= classWorkForm.id;
+  cform.id = classWorkForm.id;
 
   // 0.右侧作业资源添加检测
   if (classWorkForm.worktype == '习题训练') {
@@ -720,15 +731,15 @@ const editWork = async (cform) =>{
       ElMessage.error('请先添加作业资源!');
       return;
     }
-  }else if (classWorkForm.worktype == '课堂展示' || classWorkForm.worktype == '常规作业') {
+  } else if (classWorkForm.worktype == '课堂展示' || classWorkForm.worktype == '常规作业') {
     // 不做校验
-    if(classWorkForm.worktype == '课堂展示'){
+    if (classWorkForm.worktype == '课堂展示') {
       // 
-    }else{
-      if (classWorkForm.fileHomeworkList.length == 0) return ElMessage({ type: 'warning', message: '请上传常规作业附件!'});
+    } else {
+      if (classWorkForm.fileHomeworkList.length == 0) return ElMessage({ type: 'warning', message: '请上传常规作业附件!' });
     }
-  }else if( classWorkForm.worktype == '科学实验') {
-    if (classWorkForm.fileHomeworkList.length == 0) return ElMessage({ type: 'warning', message: '请选择科学实验科目!'});
+  } else if (classWorkForm.worktype == '科学实验') {
+    if (classWorkForm.fileHomeworkList.length == 0) return ElMessage({ type: 'warning', message: '请选择科学实验科目!' });
   }
   else {
     if (classWorkForm.chooseWorkLists.length == 0) {
@@ -740,13 +751,13 @@ const editWork = async (cform) =>{
 
 
   // 根据作业类型分类处理
-  if (classWorkForm.worktype=='习题训练'){
+  if (classWorkForm.worktype == '习题训练') {
 
     // 1.判断当前添加的作业是否与原来不同（跟父组件传来的值对比）
     let needUplEval = false;
     if (classWorkForm.quizlist.length != propsformobj.quizlist.length) {
       needUplEval = true;
-    }else {
+    } else {
       // 只要有一个不一致则说明需要更新
       needUplEval = classWorkForm.quizlist.some(cur =>
         !propsformobj.quizlist.some(last =>
@@ -760,7 +771,7 @@ const editWork = async (cform) =>{
       // 说明: 因试题分值也需修改, 故无法通过按钮的增长删除来处理, 故将原作业全部删除后再重新添加
       // 2.1.先查询该workid下所有的id
       let arrEvalids = [];
-      const wevalres = await listClassworkeval({'workid': classWorkForm.id});
+      const wevalres = await listClassworkeval({ 'workid': classWorkForm.id });
       wevalres.rows.forEach(element => {
         arrEvalids.push(element.id);
       });
@@ -770,21 +781,22 @@ const editWork = async (cform) =>{
       const delRes = await delClassworkeval(ids);
 
       // 2.3.重新添加新作业
-      for(let i=0; i< classWorkForm.quizlist.length; i++){
+      for (let i = 0; i < classWorkForm.quizlist.length; i++) {
         const addRes = await addClassworkeval({
           'workid': classWorkForm.id,
           'entpcourseworkid': classWorkForm.quizlist[i].id,
           'workdataid': 0,
-          'score': classWorkForm.quizlist[i].score}
+          'score': classWorkForm.quizlist[i].score
+        }
         );
       }
     }
 
     // 3.更新作业任务信息-判断最后更新了
   }
-  else if (classWorkForm.worktype=='框架梳理') {
+  else if (classWorkForm.worktype == '框架梳理') {
     // 1.先查询该workid下所有的id
-    const wevalres = await listClassworkeval({'workid': classWorkForm.id});
+    const wevalres = await listClassworkeval({ 'workid': classWorkForm.id });
     if (wevalres.rows.length == 0) {
       ElMessage.error('未找到原框架梳理任务，请或退出重试');
       return;
@@ -794,7 +806,7 @@ const editWork = async (cform) =>{
     let needUplEval = false;
     if (classWorkForm.chooseWorkLists.length !== propsformobj.chooseWorkLists.length) {
       needUplEval = true;
-    }else {
+    } else {
       // 只要有一个不一致则说明需要更新
       needUplEval = classWorkForm.chooseWorkLists.some(cur =>
         !propsformobj.chooseWorkLists.some(last =>
@@ -812,17 +824,17 @@ const editWork = async (cform) =>{
       let res = await updateClassworkeval(uplParams);
     }
   }
-  else if (classWorkForm.worktype=='课堂展示') {
+  else if (classWorkForm.worktype == '课堂展示') {
     let canvasJson = proxy.$refs.boardref.getCanvasJson()
     let canvasBase64 = await proxy.$refs.boardref.getCanvasBase64()
-    cform.workcodes = JSON.stringify({json: canvasJson, base64: canvasBase64});
+    cform.workcodes = JSON.stringify({ json: canvasJson, base64: canvasBase64 });
     cform.worktag = classWorkForm.question;
   }
-  else if (classWorkForm.worktype=='常规作业') {
+  else if (classWorkForm.worktype == '常规作业') {
     // 1.更新作业任务下的课堂展示内容 (这里未做校验, 直接将当前文件对象更新过去)
     cform.workcodes = JSON.stringify(classWorkForm.fileHomeworkList);
   }
-  else if (classWorkForm.worktype=='科学实验') { //TODO 注意，fileHomeworkList字段与常规作业共用
+  else if (classWorkForm.worktype == '科学实验') { //TODO 注意，fileHomeworkList字段与常规作业共用
     // 1.更新作业任务下的课堂展示内容 (这里未做校验, 直接将当前文件对象更新过去)
     cform.workcodes = JSON.stringify(classWorkForm.fileHomeworkList);
     cform.worktag = useClassTaskStores.experimentObj.updateEduInfo;
@@ -834,9 +846,9 @@ const editWork = async (cform) =>{
     ElMessage.success('更新成功');
     taskList.value = [];
     // 清空左侧 选中的布置列表 并刷新列表
-    if(isShow.value){
+    if (isShow.value) {
       currentRow.value.id = 1;
-    }else{
+    } else {
       handleNewAllClass();
       currentRow.value.id = 0;
     }
@@ -869,29 +881,33 @@ const handlePrint = () => {
 <style scoped lang="scss">
 .page {
   height: 100%;
+
   .page-top {
     height: 50px;
     margin-bottom: 5px;
     padding: 0 10px;
     display: flex;
-    justify-content: space-between;
+    flex-direction: row;
     background-color: white;
     border-radius: 10px;
     box-shadow: 0px 0px 20px 0px rgba(99, 99, 99, 0.06);
     align-items: center;
   }
+
   .page-resource {
     user-select: none;
     height: calc(100% - 55px);
     display: flex;
     flex-direction: row;
     flex-wrap: nowrap;
+
     :deep(.el-tabs__nav) {
-      .el-tabs__item{
+      .el-tabs__item {
         font-weight: bold;
         font-size: 18px;
       }
     }
+
     .page-left {
       width: 240px;
       background-color: white;
@@ -904,6 +920,7 @@ const handlePrint = () => {
         justify-content: space-between;
         align-items: center;
       }
+
       .pageleft-table-cont {
         height: 35px;
         // width: 100%;
@@ -912,21 +929,30 @@ const handlePrint = () => {
         // overflow: hidden;
         // flex-direction: row;
         // text-overflow: ellipsis;
-        width: 100%; /* 设置容器的宽度 */
-        overflow: hidden; /* 隐藏超出容器的部分 */
-        white-space: nowrap; /* 防止文本换行 */
-        text-overflow: ellipsis; /* 超出部分显示省略号 */
+        width: 100%;
+        /* 设置容器的宽度 */
+        overflow: hidden;
+        /* 隐藏超出容器的部分 */
+        white-space: nowrap;
+        /* 防止文本换行 */
+        text-overflow: ellipsis;
+
+        /* 超出部分显示省略号 */
         .ellipsis {
           width: 100%;
           text-align: left;
-          overflow: hidden; /* 隐藏超出容器的部分 */
-          white-space: nowrap; /* 防止文本换行 */
-          text-overflow: ellipsis; /* 超出部分显示省略号 */
+          overflow: hidden;
+          /* 隐藏超出容器的部分 */
+          white-space: nowrap;
+          /* 防止文本换行 */
+          text-overflow: ellipsis;
+          /* 超出部分显示省略号 */
         }
       }
 
     }
-    .page-center{
+
+    .page-center {
       flex: 1;
       //min-width: calc(100% - 675px);
       height: 100%;
@@ -936,31 +962,34 @@ const handlePrint = () => {
       border-radius: 10px;
       background-color: white;
 
-      .prepare-center-zzst{
+      .prepare-center-zzst {
         height: 100%;
         display: flex;
         flex-direction: column;
 
 
       }
-      .prepare-center-xbtk{
+
+      .prepare-center-xbtk {
         height: 100%;
       }
-      .prepare-center-grst{
+
+      .prepare-center-grst {
         height: 100%;
       }
 
 
-      .upload-homework{
+      .upload-homework {
         padding: 20px;
         box-sizing: border-box;
       }
 
-      .experiment-homework{
+      .experiment-homework {
         padding: 15px;
         height: 100%;
       }
     }
+
     .page-right {
       overflow: hidden;
       position: relative;
@@ -972,15 +1001,17 @@ const handlePrint = () => {
       box-shadow: 0px 0px 20px 0px rgba(99, 99, 99, 0.06);
       display: flex;
       flex-direction: column;
+
       .prepare-top {
         display: flex;
         height: 40px;
         margin: 0 10px;
         border-bottom: 2px solid #e5e7eb;
         align-items: center;
-        justify-content: flex-end;
+        justify-content: space-between;
       }
-      .prepare-con{
+
+      .prepare-con {
         height: 100%;
         padding: 5px 10px;
         overflow: hidden;
@@ -998,5 +1029,4 @@ const handlePrint = () => {
     }
   }
 }
-
 </style>