.env

@@ -11,4 +11,4 @@ VUE_APP_BookWebSI = '/GCLSBookWebSI/ServiceInterface'
 VUE_APP_EepServer = '/EEPServer/SI'
 
 #version
-VUE_APP_VERSION = '2026.03.25'
+VUE_APP_VERSION = '2026.03.26'

package.json

@@ -1,6 +1,6 @@
 {
   "name": "eep_page",
-  "version": "2026.03.25",
+  "version": "2026.03.26",
   "private": true,
   "main": "main.js",
   "description": "智慧梧桐数字教材编辑器",

src/views/book/courseware/create/components/CreateCanvas.vue

@@ -67,7 +67,7 @@
                   :border-color="computedBorderColor(row.row_id)"
                   :style="computedGridStyle(grid, row.row_id)"
                   :component-move="componentMove(i, j, k)"
-                  @deleteComponent="deleteComponent"
+                  @deleteComponent="deleteComponentConfirm"
                   @showSetting="showSetting"
                   @copyComponent="copyComponent"
                   @changeData="changeData"
@@ -759,6 +759,20 @@ export default {
       });
       col.grid_template_columns = grid_template_columns;
     },
+    async deleteComponentConfirm(id) {
+      try {
+        await this.$confirm('确定要删除该组件吗？', '提示', {
+          confirmButtonText: '确定',
+          cancelButtonText: '取消',
+          type: 'warning',
+        });
+        this.deleteComponent(id);
+      } catch (err) {
+        if (err === 'cancel') {
+          this.$message.info('已取消删除');
+        }
+      }
+    },
     /**
      * 删除组件
      * @param {String} id 组件 id

src/views/book/courseware/create/components/PreviewEdit.vue

@@ -36,7 +36,7 @@
                 :style="{
                   gridArea: 'preview',
                   height: grid.height,
-                  overflow: 'hidden',
+                  overflow: 'auto',
                 }"
               />
             </div>

src/views/book/courseware/create/components/SetBackground.vue

@@ -639,7 +639,7 @@ export default {
         .then(({ file_info_list }) => {
           this.$refs.upload.clearFiles();
           if (file_info_list.length > 0) {
-            const fileUrl = file_info_list[0].file_url;
+            const fileUrl = file_info_list[0].file_url_open;
             const img = new Image();
             img.src = fileUrl;
             img.onload = () => {
@@ -688,6 +688,8 @@ export default {
           height: (this.imgData.height / this.maxHeight) * 100,
           top: (this.imgData.top / this.maxHeight) * 100,
           left: (this.imgData.left / this.maxWidth) * 100,
+          imgX: (this.imgData.left / (this.maxWidth - this.imgData.width)) * 100,
+          imgY: (this.imgData.top / (this.maxHeight - this.imgData.height)) * 100,
         },
         this.background,
       );

src/views/book/courseware/create/components/question/input/InputSetting.vue

@@ -93,12 +93,29 @@ export default {
   },
   computed: {
     filterFontList() {
-      if (this.property.font === fontList[0].value) {
-        return this.fontList.filter(({ isPinyin }) => isPinyin);
+      if (this.property.model === modelList[0].value) {
+        return this.fontList.filter(({ type }) => type === modelList[0].value);
+      }
+      if (this.property.model === modelList[1].value) {
+        return this.fontList.filter(({ type }) => type === modelList[1].value);
+      }
+      if (this.property.model === modelList[2].value) {
+        return this.fontList.filter(({ type }) => type === modelList[2].value);
       }
       return this.fontList;
     },
   },
+  watch: {
+    'property.model'(newVal) {
+      if (newVal === modelList[0].value) {
+        this.property.font = fontList.find(({ type }) => type === modelList[0].value).value;
+      } else if (newVal === modelList[1].value) {
+        this.property.font = fontList.find(({ type }) => type === modelList[1].value).value;
+      } else if (newVal === modelList[2].value) {
+        this.property.font = fontList.find(({ type }) => type === modelList[2].value).value;
+      }
+    },
+  },
   methods: {},
 };
 </script>

src/views/book/courseware/data/input.js

@@ -35,27 +35,27 @@ export const fontList = [
   {
     value: 'arial, helvetica, sans-serif',
     label: 'Arial',
-    isPinyin: false,
+    type: 'english',
   },
   {
     value: 'League',
-    label: '拼音=League',
-    isPinyin: true,
+    label: '拼音',
+    type: 'pinyin',
   },
   {
     value: '楷体,微软雅黑',
-    label: '楷体=楷体,微软雅黑',
-    isPinyin: false,
+    label: '楷体',
+    type: 'chinese',
   },
   {
     value: '黑体,微软雅黑',
-    label: '黑体=黑体,微软雅黑;',
-    isPinyin: false,
+    label: '黑体',
+    type: 'chinese',
   },
   {
     value: '宋体,微软雅黑',
-    label: '宋体=宋体,微软雅黑;',
-    isPinyin: false,
+    label: '宋体',
+    type: 'chinese',
   },
 ];
 

src/views/book/courseware/preview/CoursewarePreview.vue

@@ -1,6 +1,5 @@
 <template>
   <div ref="courserware" class="courserware" :style="computedCourserwareStyle()" @mouseup="handleTextSelection">
-    <div v-if="heightPrompt" class="height-prompt"></div>
     <template v-for="(row, i) in data.row_list">
       <div v-show="computedRowVisibility(row.row_id)" :key="i" class="row" :style="getMultipleColStyle(i)">
         <el-checkbox
@@ -167,8 +166,6 @@ export default {
       },
       selectedInfo: null,
       selectHandleInfo: null,
-      resizeObserver: null, // 用于监听高度变化
-      heightPrompt: false, // 是否显示高度提示线
     };
   },
   watch: {
@@ -197,17 +194,9 @@ export default {
       top: rect.top,
     };
     window.addEventListener('mousedown', this.handleMouseDown);
-
-    // 监听 courserware 高度变化，获取其高度
-    this.resizeObserver = new ResizeObserver(() => {
-      const rect = element.getBoundingClientRect();
-      this.heightPrompt = rect.height > 1620;
-    });
-    this.resizeObserver.observe(element);
   },
   beforeDestroy() {
     window.removeEventListener('mousedown', this.handleMouseDown);
-    this.resizeObserver.disconnect();
   },
   methods: {
     /**
@@ -559,6 +548,7 @@ export default {
         if (back.imageMode === 'fill') {
           canvasStyle['backgroundRepeat'] = 'repeat';
           canvasStyle['backgroundSize'] = '';
+          canvasStyle['backgroundPosition'] = '';
         } else {
           canvasStyle['backgroundRepeat'] = 'no-repeat';
         }
@@ -571,6 +561,10 @@ export default {
           canvasStyle['backgroundSize'] = 'contain';
         }
 
+        if (back.imageMode === 'auto') {
+          canvasStyle['backgroundPosition'] = `${pos.imgX}% ${pos.imgY}%`;
+        }
+
         if (back.mode === 'color') {
           canvasStyle['backgroundColor'] = back.color;
           canvasStyle['backgroundImage'] = '';
@@ -1006,14 +1000,6 @@ export default {
     bottom: -15px;
   }
 
-  .height-prompt {
-    position: absolute;
-    top: 1620px;
-    left: -200px;
-    width: 1400px;
-    border-top: 2px dashed #903ff8;
-  }
-
   .row {
     display: grid;
     gap: $component-spacing;

src/views/book/courseware/preview/components/voice_matrix/VoiceMatrixPreview.vue

@@ -666,7 +666,6 @@ $border-color: #e6e6e6;
     .voice-matrix-container {
       font-size: 16px;
       word-break: break-word;
-      background-color: #f5f5f5;
       border-right: 1px solid $border-color;
       border-bottom: 1px solid $border-color;
       border-left: 1px solid $border-color;