1

Reviewed-on: #53

src/renderer/index.html

@@ -8,7 +8,7 @@
       http-equiv="Content-Security-Policy"
       content="default-src 'self'; script-src 'self'; style-src 'self' 'unsafe-inline'; img-src 'self' data:"
     /> -->
-    <meta http-equiv="Content-Security-Policy" content="connect-src * blob: data:; default-src 'self'; script-src 'self' 'unsafe-eval' http://www.wiris.net; style-src 'self' 'unsafe-inline' http://www.wiris.net; media-src * blob:;img-src * 'self' data: blob:;font-src 'self' http://www.wiris.net;" />
+    <meta http-equiv="Content-Security-Policy" content="connect-src * blob: data:; default-src 'self'; script-src 'self' 'unsafe-eval' http://www.wiris.net 'unsafe-inline'; style-src 'self' 'unsafe-inline' http://www.wiris.net; media-src * blob:;img-src * 'self' data: blob:;font-src 'self' http://www.wiris.net;" />
 
   </head>
 

src/renderer/src/assets/iconfont/iconfont.css

@@ -1,8 +1,8 @@
 @font-face {
   font-family: "iconfont"; /* Project id 4723712 */
-  src: url('iconfont.woff2?t=1731913617367') format('woff2'),
-       url('iconfont.woff?t=1731913617367') format('woff'),
-       url('iconfont.ttf?t=1731913617367') format('truetype');
+  src: url('iconfont.woff2?t=1732173266977') format('woff2'),
+       url('iconfont.woff?t=1732173266977') format('woff'),
+       url('iconfont.ttf?t=1732173266977') format('truetype');
 }
 
 .iconfont {
@@ -13,6 +13,26 @@
   -moz-osx-font-smoothing: grayscale;
 }
 
+.icon-jiqiren_o:before {
+  content: "\eb62";
+}
+
+.icon-zhaoxiangji:before {
+  content: "\e679";
+}
+
+.icon-huaban:before {
+  content: "\e6e2";
+}
+
+.icon-tubiao_wuxing-:before {
+  content: "\e612";
+}
+
+.icon-soutibao-:before {
+  content: "\e605";
+}
+
 .icon-baocun:before {
   content: "\e60e";
 }

src/renderer/src/assets/iconfont/iconfont.json

@@ -5,6 +5,41 @@
   "css_prefix_text": "icon-",
   "description": "",
   "glyphs": [
+    {
+      "icon_id": "5387814",
+      "name": "机器人_o",
+      "font_class": "jiqiren_o",
+      "unicode": "eb62",
+      "unicode_decimal": 60258
+    },
+    {
+      "icon_id": "630128",
+      "name": "照相机",
+      "font_class": "zhaoxiangji",
+      "unicode": "e679",
+      "unicode_decimal": 59001
+    },
+    {
+      "icon_id": "12592146",
+      "name": "画板",
+      "font_class": "huaban",
+      "unicode": "e6e2",
+      "unicode_decimal": 59106
+    },
+    {
+      "icon_id": "6025688",
+      "name": "图标_五星-2",
+      "font_class": "tubiao_wuxing-",
+      "unicode": "e612",
+      "unicode_decimal": 58898
+    },
+    {
+      "icon_id": "11756625",
+      "name": "搜题宝-37",
+      "font_class": "soutibao-",
+      "unicode": "e605",
+      "unicode_decimal": 58885
+    },
     {
       "icon_id": "11467388",
       "name": "保存",

src/renderer/src/components/tinymce/tinymce.vue

@@ -188,7 +188,7 @@ const init = reactive({
   draggable_modal: true,
   extended_valid_elements: '*[.*]',
   external_plugins: {
-    tiny_mce_wiris: `/tinymce/tool/@wiris/mathtype-tinymce6/plugin.min.js`,
+    tiny_mce_wiris: getStaticUrl('/tinymce/tool/wiris/mathtype-tinymce6/plugin.min.js'),
     //tiny_mce_wiris: `https://www.wiris.net/demo/plugins/tiny_mce/plugin.js`,
   },
   

src/renderer/src/components/whiteboard/whiteboard.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="whiteboart-container">
+  <div class="whiteboart-container" :style="{ height: height + 'px' }">
     <div class="canvasBox" ref="box"></div>
 
     <div class="footerLeft" @click.stop
@@ -15,7 +15,7 @@
           </el-tooltip>
         </div>
         <div class="blockBox">
-          <el-button @click="currentType = 'selection'"><el-image src="/src/assets/icons/pngjpg/mouse-pointer.png"
+          <el-button @click="currentType = 'selection'"><el-image src="/src/assets/images/mouse-pointer.png"
               style="width: 14px; height: 14px; color: silver" /></el-button>
         </div>
         <template v-if="type == 'design'">
@@ -53,7 +53,8 @@
           </el-radio-group>
         </template>
         <div class="blockBox">
-          <el-button @click="currentType = 'selection'" style="color:#848282" :icon="Camera" disabled></el-button>
+          <!-- <el-button @click="currentType = 'selection'" style="color:#848282" :icon="Camera" disabled></el-button> -->
+          <el-button @click="handleToolTypeChange('image')">图片</el-button>
         </div>
         <div class="blockBox" v-if="!readonly">
           <el-dropdown @command="handleToolTypeChange" placement="top">
@@ -71,7 +72,7 @@
                 <template v-if="type != 'design'">
                   <el-dropdown-item command="freedraw">画笔</el-dropdown-item>
                   <el-dropdown-item command="text">文字</el-dropdown-item>
-                  <el-dropdown-item command="image">图片</el-dropdown-item>
+                  <!-- <el-dropdown-item command="image">图片</el-dropdown-item> -->
                 </template>
               </el-dropdown-menu>
             </template>
@@ -122,7 +123,7 @@
           <!-- 边框样式 -->
           <div class="blockBox">
             <el-dropdown @command="updateStyle('lineDash', $event)" placement="top">
-              <el-button><el-image src="/src/assets/icons/pngjpg/borderstyle.png"
+              <el-button><el-image src="/src/assets/images/borderstyle.png"
                   style="width: 14px; height: 14px"></el-image></el-button>
               <template #dropdown>
                 <el-dropdown-menu>
@@ -134,8 +135,7 @@
             </el-dropdown>
           </div>
           <!--透明度-->
-          <div class="blockBox" style="width: 120px"
-            v-if="type == 'design' ? true : ['image'].includes(activeElement?.type) || hasSelectedElements">
+          <div class="blockBox" style="width: 120px">
             <el-tooltip effect="light" content="透明度" placement="top">
               <el-input-number v-model="globalAlpha" :min="0" :max="1" :step="0.1"
                 @change="updateStyle('globalAlpha', $event)"></el-input-number>
@@ -145,7 +145,7 @@
           <!-- 边框粗细 -->
           <div class="blockBox">
             <el-dropdown @command="updateStyle('lineWidth', $event)" placement="top">
-              <el-button><el-image src="/src/assets/icons/pngjpg/borderwidth.png"
+              <el-button><el-image src="/src/assets/images/borderwidth.png"
                   style="width: 14px; height: 14px"></el-image></el-button>
               <template #dropdown>
                 <el-dropdown-menu>
@@ -309,11 +309,11 @@ const props = defineProps({
     default: true
   },
   height: {
-    type: Number,
+    type: [Number,String],
     default: 700,
   },
   width: {
-    type: Number,
+    type: [Number,String],
     default: 1000,
   },
   data: {
@@ -685,6 +685,20 @@ const getCanvasBase64 = async () =>{
   return base64
 }
 
+const getCanvasBlob = async () =>{
+  return await app.exportImage({
+    type: 'image/jpeg',
+    renderBg: exportRenderBackground.value,
+    paddingX: exportImagePaddingX.value,
+    paddingY: exportImagePaddingY.value,
+    onlySelected: exportOnlySelected.value,
+    useBlob: true,
+    backgroundColor: '#ffffff'
+  })
+}
+
+
+
 watch(() => props.data, (newVal) => {
   if (newVal) {
     setCanvasData(newVal)
@@ -773,7 +787,8 @@ defineExpose({
   showFit,
   getCanvasJson,
   getCanvasBase64,
-  setCanvasData
+  setCanvasData,
+  getCanvasBlob
 })
 </script>
 
@@ -895,7 +910,7 @@ ol {
     font-size: 14px;
     color: #000;
 
-    :deep(.jsontree_tree) {
+    /deep/ .jsontree_tree {
       font-family: 'Trebuchet MS', Arial, sans-serif !important;
     }
   }

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

@@ -1,12 +1,23 @@
 <template>
-  <div class="list-container">
-    <div class="content-list" v-for="(item, index) in items" :key="index" @click="handleClick(item)">
-      <div class="item-content">
-        <div class="item-text">
-          <div class="item-title">{{ item.title }}</div>
-          <div class="item-description">{{ item.description }}</div>
+  <div class="list-content">
+    <div class="list-container">
+      <div class="content-list" v-for="(item, index) in items" :key="index" @click="handleClick(item)">
+        <div class="item-content">
+          <div class="item-text">
+            <div class="title-header">
+              <div class="item-title">{{ item.title }}</div>
+              <div class="icon-box">
+                <svg class="icon iconfont" aria-hidden="true" style="font-size: 35px;">
+                  <use :xlink:href="item.icon"></use>
+                </svg>
+              </div>
+            </div>
+            <div class="item-description">{{ item.description }}</div>
+            <div class="item-bottom">
+              <el-tag :type="item.type" size="default">{{ item.title }}</el-tag>
+            </div>
+          </div>
         </div>
-        <el-icon class="item-icon"><component :is="item.icon" /></el-icon>
       </div>
     </div>
   </div>
@@ -15,17 +26,16 @@
 <script setup>
 import { shallowRef } from 'vue';
 import { ElMessage } from 'element-plus'
-import { Plus, ArrowDown, Document, User, Setting } from '@element-plus/icons-vue';
 
 const emit = defineEmits(['itemClick'])
 const items = shallowRef([
-  { title: '自主搜题', description: '1111111', icon: Document },
-  { title: '校本题库', description: '222222', icon: User },
-  { title: '个人题库', description: '333333', icon: Setting },
-  { title: '智能推荐', description: '444444', icon: Plus },
-  { title: '课堂展示', description: '555555', icon: ArrowDown },
-  { title: '常规作业', description: '555555', icon: ArrowDown },
-  { title: 'AI设计作业', description: '555555', icon: ArrowDown },
+  { title: '自主搜题', description: '1111111111111111111111111111111111111', icon: '#icon-soutibao-',type:'primary' },
+  { title: '校本题库', description: '222222', icon: '#icon-soutibao-',type:'success' },
+  { title: '个人题库', description: '333333', icon: '#icon-soutibao-',type:'default' },
+  { title: '智能推荐', description: '444444', icon: '#icon-tubiao_wuxing-',type:'default' },
+  { title: '课堂展示', description: '555555', icon: '#icon-huaban',type:'primary' },
+  { title: '常规作业', description: '555555', icon: '#icon-zhaoxiangji',type:'primary' },
+  { title: 'AI设计作业', description: '555555', icon: '#icon-jiqiren_o',type:'danger' },
 ]);
 
 const handleClick = (item) => {
@@ -42,20 +52,25 @@ const handleClick = (item) => {
 </script>
 
 <style scoped>
+.list-content{
+  padding: 8px;
+  background-color: #f5f5f5;
+  border-radius: 8px;
+  height: 100%;
+  margin-left: 10px
+}
 .list-container {
   display: flex;
   flex-wrap: wrap;
   gap: 16px;
-  padding: 16px;
-  /* background-color: #f5f5f5; */
 }
 
 .content-list {
   background-color: #fff;
   border-radius: 8px;
   box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
-  padding: 16px;
-  width: calc(33.333% - 32px); /* 3列布局，每列减去gap */
+  padding: 8px;
+  width: calc(25% - 16px); 
   cursor: pointer;
   transition: all 0.3s ease;
 }
@@ -68,6 +83,7 @@ const handleClick = (item) => {
 .item-content {
   display: flex;
   align-items: center;
+  height: 100%;
 }
 
 .item-icon {
@@ -78,6 +94,10 @@ const handleClick = (item) => {
 
 .item-text {
   flex: 1;
+  justify-content: space-between;
+  display: flex;
+  flex-direction: column;
+  height: 100%;
 }
 
 .item-title {
@@ -85,10 +105,38 @@ const handleClick = (item) => {
   font-weight: 500;
   color: #303133;
   margin-bottom: 4px;
+  font-weight: bold;
 }
 
 .item-description {
   font-size: 14px;
   color: #909399;
+  text-align: left;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 2; /* 设置最大行数 */
+  overflow: hidden;
+  text-overflow: ellipsis;
+  word-break: break-all;
 }
+
+.title-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+
+.item-bottom {
+  text-align: right;
+}
+
+/* 过渡动画 */
+.fade-enter-active, .fade-leave-active {
+  transition: opacity 0.3s;
+}
+
+.fade-enter, .fade-leave-to {
+  opacity: 0;
+}
+
 </style>

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

@@ -6,14 +6,14 @@
         <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">设计新作业</el-button>
+        <el-button type="primary"  @click="handleNewAllClass" :icon="Plus">设计新作业</el-button>
       </div>
     </div>
-    <div class="page-resource"> 
+    <div class="page-resource">
       <div class="page-left">
         <el-table
           ref="taskTable"
-          v-loading="loading"
+          v-loading="tasklist_loading"
           :data="taskList"
           :tree-props="{checkStrictly: true}"
           row-key="id"
@@ -22,18 +22,25 @@
           @current-change="handleCurrentChange"
         >
           <el-table-column type="selection"  min-width="2%" align="center" :selectable="selectable"/>
-          <el-table-column label="作业布置" min-width="18%" align="center">
+          <el-table-column label="作业布置" min-width="15%" align="center">
             <template #default="scope">
-              <div style="height: 100px;">
-                <div class="pageleft-table-top">
-                  <span>{{ scope.row.uniquekey }}</span>
-                </div>
-                <div class="pageleft-table-top">
-                  <el-tag :type="scope.row.workclass" size="default">{{ scope.row.worktype }}</el-tag>
-                  <span>{{ scope.row.timestamp }}</span>
-                </div>
-                <div class="pageleft-table-cont">
-                  <p class="ellipsis "> {{ scope.row.worktype == "课堂展示" ? scope.row.worktag : scope.row.title }}</p>
+              <div style="height: 100px;cursor: pointer">
+                <div style="display: flex;align-items: center;justify-content: space-between;">
+                  <div style="width: 90%;">
+                    <div class="pageleft-table-top">
+                      <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-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>
+                  </div>
+                  <svg class="icon iconfont" aria-hidden="true">
+                    <use xlink:href="#icon-xiangyou"></use>
+                  </svg>
                 </div>
               </div>
             </template>
@@ -41,11 +48,11 @@
         </el-table>
       </div>
 
-      <div v-if="currentRow.id == 0" style="width: 100%; height: 100%;"> 
+      <div v-if="currentRow.id == 0" style="width: 100%; height: 100%;">
         <!-- 默认的习题类型卡片 -->
         <Right @itemClick="handleItemClick" />
       </div>
-      
+
       <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">
@@ -62,7 +69,7 @@
       <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 v-if="isShowBoard" ref="boardref" :height="mainHeight - 150" :isShowSave="false" :data="whiteboardObj"/> -->
-          <whiteboard ref="boardref" height=" 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">
@@ -70,20 +77,20 @@
           <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.id>0 " class="page-right">
         <div class="prepare-top" >
           <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" 
+          <el-form
+            ref="classWorkFormRef"
+            :model="classWorkForm"
+            label-width="90"
             style=" height: 100%; overflow: hidden;display: flex;flex-direction: column;"
           >
-            <div > 
+            <div >
               <el-form-item label="作业名称">
                 <el-input v-model="classWorkForm.uniquekey" type="text" placeholder="请输入作业名称"/>
               </el-form-item>
@@ -93,8 +100,8 @@
                 <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 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="margin: 5px; background-color: white">
@@ -122,6 +129,7 @@
 import { onMounted, ref,watch, reactive, getCurrentInstance,nextTick } from 'vue'
 import { ElMessage } from 'element-plus'
 import { cloneDeep } from 'lodash'
+import { Plus } from '@element-plus/icons-vue'
 import { delClasswork } from '@/api/teaching/classwork'
 import {listEntpcoursework, listEntpcourseworkNew, getEntpcoursework} from '@/api/education/entpCourseWork'
 import { addClassworkReturnId } from '@/api/teaching/classwork'
@@ -136,6 +144,10 @@ import whiteboard from '@/components/whiteboard/whiteboard.vue'
 import FileUpload from "@/components/FileUpload/index.vue";
 import Right from './Right/index.vue'
 
+import {
+  Delete
+} from '@element-plus/icons-vue'
+
 import SetHomework from '@/components/set-homework/index.vue'
 import { useGetHomework } from '@/hooks/useGetHomework'
 import { sessionStore } from '@/utils/store'
@@ -221,7 +233,7 @@ const selectable=(row, index)=>{
  * 获取 entpcourseid 获取作业列表
  */
 const initHomeWork = async()=> {
-  tasklist_loading.value = true; 
+  tasklist_loading.value = true;
   // const { res, chapterId } = await useGetHomework(courseObj.node);
   const { res, chapterId } = await useGetHomework(sessionStore.get('subject.curNode'));
   console.log('entpcourseid', chapterId);
@@ -233,7 +245,7 @@ const initHomeWork = async()=> {
 
 const handleNewAllClass = () => {
   taskTable.value.setCurrentRow({});// 清除表格选中项背景色
-  currentRow.value = {id:0}; // 作业设计 
+  currentRow.value = {id:0}; // 作业设计
   //--------
   classWorkForm.id = 0;
   classWorkForm.uniquekey = ""; // 作业唯一标识 作业名称
@@ -260,7 +272,7 @@ const handleDelete =() => {
       return delClasswork(ids.join(','));
     }).then(() => {
       taskTable.value.setCurrentRow({});// 清除表格选中项背景色
-      currentRow.value = {id:0}; // 作业设计 
+      currentRow.value = {id:0}; // 作业设计
       taskList.value = [];
       // initHomeWork();
       setTimeout(() => {
@@ -351,17 +363,17 @@ let propsformobj = reactive({
  * 选中的布置作业行
  */
 const handleCurrentChange = (val) => {
-  
+
   console.log(val,'???????????')
   if(val && val.id >0  ) {
     currentRow.value = val;
+    classWorkForm.worktype = val.worktype; //作业类型
     editListItem(val, courseObj).then((obj) => {
       if(obj){
         propsformobj = obj;
         // 新赋值的作业内容
         classWorkForm.id = obj.id;
         classWorkForm.uniquekey = cloneDeep(obj.uniquekey); // 作业唯一标识 作业名称
-        classWorkForm.worktype = cloneDeep(obj.worktype); //作业类型
         classWorkForm.title = cloneDeep(obj.title); // 作业说明
         classWorkForm.quizlist = cloneDeep(obj.quizlist);  // 作业习题列表内容
         classWorkForm.chooseWorkLists = cloneDeep(obj.chooseWorkLists);  // 作业框架梳理list
@@ -375,7 +387,7 @@ const handleCurrentChange = (val) => {
 
 /**
  * 添加作业
- * @param entpcourseworkid 
+ * @param entpcourseworkid
  */
 const handleClassWorkQuizAdd = (entpcourseworkid) => {
   var exist = false;
@@ -679,7 +691,7 @@ const editWork = async (cform) =>{
     // // 返回上一页
     // router.back()
   }
-  
+
 }
 //----
 
@@ -712,7 +724,7 @@ const editWork = async (cform) =>{
       }
     }
     .page-left {
-      width: 300px;
+      width: 240px;
       background-color: white;
       border-radius: 10px;
       box-shadow: 0px 0px 20px 0px rgba(99, 99, 99, 0.06);
@@ -731,20 +743,23 @@ const editWork = async (cform) =>{
         // overflow: hidden;
         // flex-direction: row;
         // text-overflow: ellipsis;
-        width: 230px; /* 设置容器的宽度 */
+        width: 100%; /* 设置容器的宽度 */
         overflow: hidden; /* 隐藏超出容器的部分 */
         white-space: nowrap; /* 防止文本换行 */
         text-overflow: ellipsis; /* 超出部分显示省略号 */
         .ellipsis {
           width: 100%;
           text-align: left;
+          overflow: hidden; /* 隐藏超出容器的部分 */
+          white-space: nowrap; /* 防止文本换行 */
+          text-overflow: ellipsis; /* 超出部分显示省略号 */
         }
       }
-      
+
     }
     .page-center{
       flex: 1;
-      // width: 100%;
+      //min-width: calc(100% - 675px);
       height: 100%;
       padding: 0 5px;
       margin: 0 5px;
@@ -756,8 +771,8 @@ const editWork = async (cform) =>{
         height: 100%;
         display: flex;
         flex-direction: column;
-        
-        
+
+
       }
       .prepare-center-xbtk{
         height: 100%;

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

@@ -1,5 +1,5 @@
 <template>
-  <div  class="page">
+  <div  class="page-myquest">
     <!-- 习题筛选1 -->
     <el-row style="width: 100%; height: 50px;">
       <el-col :span="7">
@@ -72,7 +72,9 @@
           <template #default="scope">
             <div> 
               <el-button type="primary" @click="handleClassWorkQuizAdd('entpcourseworklist', scope.row.id)">添加</el-button>
-              <div style="padding: 5px;"></div>
+              <div style="padding: 2px;"></div>
+              <el-button type="warning" @click="handleImportSingleDlg(scope.row)">纠错</el-button>
+              <div style="padding: 2px;"></div>
               <el-button type="danger" @click="handleDelete(scope.row, scope.$index)">删除</el-button>
             </div>
           </template>
@@ -91,6 +93,24 @@
     </div>
     <!-- 试题详细信息 -->
     <examDetailsDrawer ref="examDetailsDrawerRef"></examDetailsDrawer>
+    <!-- 单题上传的对话框/ 纠错对话框 close-on-click-modal|close-on-press-escape 避免误点dialog区域外，导致白填入大量题目内容 
+      style="width: 70%; height: 80%; overflow: hidden"-->
+    <el-dialog 
+      v-model="dlgImportSingle.open"
+      class="my-custom-dialog"
+      :title="dlgImportSingle.title"  
+      append-to-body
+      :close-on-click-modal="false"
+      :close-on-press-escape="false"  
+    >
+      <QuesItem 
+        ref="refquesItem" 
+        :bookobj="props.bookobj" 
+        @submit-exam-single-callback="onSubmitExamSingleCallback"
+        @cancel-exam-single-callback="onCancelExamSingleCallback"
+        >
+      </QuesItem>
+    </el-dialog>
   </div>
 </template>
 <script setup>
@@ -103,6 +123,7 @@ import { listEvaluationclue } from '@/api/classTask'
 import { delEntpcoursework } from "@/api/education/entpCourseWork";
 
 import examDetailsDrawer from '@/components/exam-question/examDetailsDrawer.vue'
+import QuesItem from "@/views/classTask/newClassTaskAssign/questionUpload/quesItem/index.vue";
 import { useHandleData }  from "@/hooks/useHandleData";
 import { processList } from '@/hooks/useProcessList'
 
@@ -191,6 +212,11 @@ const workResource = reactive({
   entpCourseWorkTotal: 0, // 习题总数
 }); // 作业资源
 
+const dlgImportSingle = reactive({
+  title: '单题上传',
+  open: false,
+})
+
 onMounted(() => {
   debounceQueryData(); // 查询习题列表
 })
@@ -357,6 +383,44 @@ const getPaginationList = ( page, limit ) => {
   handleQueryFromEntpCourseWork(0);
 }
 
+/** 单题上传弹出框----纠错修改框 */
+const handleImportSingleDlg=(item, index) => {
+  dlgImportSingle.open = true;
+  // 获取单元科目数据
+  // this.handleImportSingle();
+  //console.log("单题上传")
+  if (item == '{}') {
+    // 新增
+    //重置表单
+    proxy.$nextTick(() => {
+      proxy.$refs.refquesItem.resetForm();
+    })
+    dlgImportSingle.title = "单题上传";
+  } else {
+    //赋值表单
+    proxy.$nextTick(() => {
+      item.status = '1';
+      proxy.$refs.refquesItem.updateForm(item, index, 1);
+    })
+    dlgImportSingle.title = "纠错上传";
+  }
+}
+// 取消
+const onCancelExamSingleCallback=()=>{
+  // 关闭弹窗
+  dlgImportSingle.open = false;
+};
+/** 单题上传/纠错 完成后的回调 */
+const onSubmitExamSingleCallback=(callback) =>{
+  if (callback.submitType !== 1) {
+    console.log('999-999');
+    return;
+  }
+  // 刷新列表
+  debounceQueryData();
+  // 关闭弹窗
+  dlgImportSingle.open = false;
+};
 
 /** 删除题目按钮操作 */
 const handleDelete = async(item, index) => {
@@ -393,8 +457,6 @@ const handleDelete = async(item, index) => {
   //   ElMessage('试题已经存在')
   // }
 };
-
-
 // 防抖
 const debounceQueryData = debounce(() => {
   console.log("防抖 加载数据中...")
@@ -413,8 +475,9 @@ watch(() => props.bookobj.levelSecondId, (newVal, oldVal) => {
 })
 
 </script>
+<style src="@/assets/styles/JYStyle.css"></style>
 <style scoped lang="scss">
-.page {
+.page-myquest {
   height: 100%;
   display: flex;
   flex-direction: column;
@@ -423,7 +486,38 @@ watch(() => props.bookobj.levelSecondId, (newVal, oldVal) => {
     width: 100%;
     height: calc(100% - 100px);
   }
+
+  // :deep(.el-dialog .question-dialog){
+  //   height: 80vh !important;
+  //   width: 80% !important;
+  //   overflow: hidden !important;
+
+  // }
+  // .el-dialog .question-dialog{
+  //   height: 80vh !important;
+  //   width: 80% !important;
+  //   overflow: hidden !important;
+ 
+    
+  // }
 }
+// .question-dialog{
+//   width: 80% !important;
+
+// }
+// :deep(.el-dialog) {
+//   width: 80% !important;
+// }
 
 </style>
-<style src="@/assets/styles/JYStyle.css"></style>
+<style>
+.my-custom-dialog{
+  width: 60% !important;
+  height: 77vh !important;
+  overflow: hidden !important;
+}
+.my-custom-dialog .el-dialog__body {
+  height: 90% !important;
+  overflow: auto !important;
+}
+</style>

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

@@ -174,22 +174,22 @@ const initHomeWork = async()=> {
   // taskList.value = res;
   // tasklist_loading.value = false;
 }
-const getBase64 = (file) =>{
-  return new Promise(function (resolve, reject) {
-    let reader = new FileReader();
-    let imgResult = "";
-    reader.readAsDataURL(file);
-    reader.onload = function () {
-      imgResult = reader.result;
-    };
-    reader.onerror = function (error) {
-      reject(error);
-    };
-    reader.onloadend = function () {
-      resolve(imgResult);
-    };
-  });
-}
+// const getBase64 = (file) =>{
+//   return new Promise(function (resolve, reject) {
+//     let reader = new FileReader();
+//     let imgResult = "";
+//     reader.readAsDataURL(file);
+//     reader.onload = function () {
+//       imgResult = reader.result;
+//     };
+//     reader.onerror = function (error) {
+//       reject(error);
+//     };
+//     reader.onloadend = function () {
+//       resolve(imgResult);
+//     };
+//   });
+// }
 /**
  * @desc: 上传本地图片
  * @return: {*}
@@ -203,37 +203,7 @@ const handleImportImg = (uploadFile) => {
     });
     return;
   }
-  console.log('uploadFile', uploadFile);
-  // 假设你在渲染进程中
-  getBase64(uploadFile.raw).then(res => {
-    // console.log('res-------', res);
-   
-
-    // 在 Electron 主进程中使用 URL.createObjectURL
-    // const base64Data = 'data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEAYABgAAD/...'; // Base64 编码的图片数据
-    // const base64Data = res; // Base64 编码的图片数据
-    // const buffer = Buffer.from(base64Data.split(',')[1], 'base64');
-    // const filePath = path.join(Remote.app.getPath('userData'), 'image.jpg');
-    // console.log(filePath,'???????????????????');
-    // fs.writeFileSync(filePath, buffer);
-    // const buf = fs.readFileSync(filePath)
-    // console.log(buf);
-    // const uint8Buffer = Uint8Array.from(buf)
-    // cropOption.img = window.URL.createObjectURL(new Blob([uint8Buffer]));
-    // cropOption.img = URL.createObjectURL(new Blob([fs.readFileSync(filePath)]));
-    // cropOption.img = URL.createObjectURL(new Blob([buffer]));
-    cropOption.img = res;
-    // console.log(cropOption.img);
-
-
-
-    // cropOption.img = window.URL.createObjectURL(new Blob([res]));
-    // console.log(cropOption.img);
-  })
-  // cropOption.img = window.URL.createObjectURL(uploadFile.raw);
-  // cropOption.img = window.URL.createObjectURL(new Blob([uploadFile.raw]));
-  // cropOption.img = window.URL.createObjectURL(new Blob([uploadFile.raw]));
-  // console.log(cropOption.img);
+  cropOption.img = window.URL.createObjectURL(uploadFile.raw);
   ElMessage.success('上传成功');
 };
 /**
@@ -246,9 +216,6 @@ const getClipboardImg = async() => {
     for (const item of clipboardItems) {
       for (const type of item.types) {
         if (type.includes('image/')) {
-          console.log('剪贴板图片type', type);
-          console.log('剪贴板图片item', item);
-          console.log('剪贴板图片clipboardItems', clipboardItems);
           const blob = await item.getType(type);
           // blob 是图片的 Blob 对象
           cropOption.img = URL.createObjectURL(blob);

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

@@ -1670,6 +1670,7 @@ watch(() => props.bookobj.levelSecondId, (newVal, oldVal) => {
 // 暴露给父组件的参数和方法(外部需要什么，都可以从这里暴露出去)
 defineExpose({
   updateForm,
+  resetForm,
   cropperFormItemCallBack,
 })
 </script>

src/renderer/src/views/job-management/Left/index.vue

@@ -127,7 +127,6 @@ onMounted(() => {
   .title-header{
     display: flex;
     justify-content: space-between;
-    align-items: center;
     flex-direction: column;
   }
   

src/renderer/src/views/model/index.vue

@@ -1,16 +1,22 @@
 <template>
   <div>
-    <div class="mb-4">
-      <el-button type="primary" @click="onchange('/model/curriculum')">课标研读</el-button>
-      <el-button type="primary" @click="onchange('/model/management')">作业管理1</el-button>
-      <el-button type="primary" @click="onchange('/model/newClassTaskAssign')">作业管理2</el-button>
-      <el-button type="success"  @click="onchange('/model/teaching')">教材研读</el-button>
-      <el-button type="info"  @click="onchange('/model/design')">教学框架设计</el-button>
-      <el-button type="success"  @click="openPPTist">打开PPTist</el-button>
-      <!-- <el-button type="info"  @click="onchange('/model/examination')">考试分析</el-button> -->
-    </div>
-    <ChooseTextbook @change-book="getData" @node-click="getData" />
+    <div class="page-resource flex">
+      <!-- 左侧 教材 目录 -->
+      <ChooseTextbook @change-book="getData" @node-click="getData" />
+
+      <div class="page-right">
+        <div class="button-container">
+          <el-button style="margin-left: 12px;" type="primary" @click="onchange('/model/curriculum')">课标研读</el-button>
+          <!-- <el-button type="primary" @click="onchange('/model/management')">作业管理1</el-button> -->
+          <el-button type="primary" @click="onchange('/model/newClassTaskAssign')">作业管理</el-button>
+          <el-button type="success" @click="onchange('/model/teaching')">教材研读</el-button>
+          <el-button type="info" @click="onchange('/model/design')">教学框架设计</el-button>
+          <el-button type="success" @click="openPPTist">打开PPTist</el-button>
+          <!-- <el-button type="info" @click="onchange('/model/examination')">考试分析</el-button> -->
+        </div>
+      </div>
     </div>
+  </div>
 </template>
 
 <script setup>
@@ -26,10 +32,10 @@ const courseObj = reactive({
   textbookId: '',
   levelFirstId: '',
   levelSecondId: '',
-  coursetitle:'',
+  coursetitle: '',
   node: null, // 选择的课程节点
-  //
 })
+
 // 查询
 const getData = (data) => {
   const { textBook, node } = data
@@ -50,22 +56,53 @@ const getData = (data) => {
   courseObj.node = node; // 保存当前节点
 
   // 头部 教材分析打开外部链接需要当前章节ID
-  localStorage.setItem('unitId', JSON.stringify({ levelFirstId, levelSecondId}))
+  localStorage.setItem('unitId', JSON.stringify({ levelFirstId, levelSecondId }))
 }
 
-
-const openPPTist = () =>{
-  createWindow('open-win', {url: '/pptist'})
+const openPPTist = () => {
+  createWindow('open-win', { url: '/pptist' })
 }
 
-const onchange = (path) =>{
-  if(path == '/model/newClassTaskAssign'){
+const onchange = (path) => {
+  if (path == '/model/newClassTaskAssign') {
     // 作业管理
-    router.push({path, query: { courseObj: JSON.stringify(courseObj)}})
-  }else{
+    router.push({ path, query: { courseObj: JSON.stringify(courseObj) } })
+  } else {
     router.push(path)
   }
 }
 </script>
 
-<style lang="scss" scoped></style>
+<style lang="scss" scoped>
+.page-resource {
+  height: 100%;
+  padding: 10px 15px 0;
+
+  .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);
+  }
+
+  .button-container {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 10px;
+    margin: 1rem 0;
+    justify-content: flex-start;
+
+    .el-button {
+      flex: 1 1 15%; 
+      max-width: 15%;
+      min-width: 15%;
+      box-sizing: border-box;
+    }
+  }
+}
+</style>