高度基线和问题修改

.env

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

package.json

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

src/components/CommonPreview.vue

@@ -68,7 +68,7 @@
         :style="{ paddingLeft: navigationShow ? '15px' : '315px', paddingRight: sidebarShow ? '15px' : '315px' }"
       >
         <!-- 左侧菜单栏 - 收缩 -->
-        <div v-if="!navigationShow" class="catalogue-bar" @click="toggleNavigationShow">
+        <div v-if="!navigationShow && !isFullScreen" class="catalogue-bar" @click="toggleNavigationShow">
           <SvgIcon icon-class="catalogue" size="54" />
         </div>
 
@@ -97,7 +97,7 @@
         </main>
 
         <!-- 右侧菜单栏 - 收缩 -->
-        <aside v-if="!sidebarShow" class="sidebar-bar">
+        <aside v-if="!sidebarShow && !isFullScreen" class="sidebar-bar">
           <aside class="toolbar">
             <div class="toolbar-special">
               <img :src="require('@/assets/icon/sidebar-fullscreen.png')" alt="全屏" @click="fullScreen" />
@@ -212,11 +212,7 @@
                         <el-image v-if="shouldShowItem(chapter, item)" :src="item.file_url" fit="contain" />
                         <div class="mark">
                           <span class="word">{{ item.file_name }}</span>
-                          <el-link
-                            type="primary"
-                            class="el-icon-place linkLocation"
-                            @click="handleLocation(item, 3)"
-                          ></el-link>
+                          <el-link type="primary" class="el-icon-place linkLocation" @click="handleLocation(item, 3)" />
                         </div>
                       </template>
                       <template v-else-if="parseInt(drawerType) === 1">
@@ -230,11 +226,7 @@
                         />
                         <div class="mark">
                           <span class="word"></span>
-                          <el-link
-                            type="primary"
-                            class="el-icon-place linkLocation"
-                            @click="handleLocation(item, 3)"
-                          ></el-link>
+                          <el-link type="primary" class="el-icon-place linkLocation" @click="handleLocation(item, 3)" />
                         </div>
                       </template>
                       <template v-else-if="parseInt(drawerType) === 2">
@@ -246,11 +238,7 @@
                         />
                         <div class="mark">
                           <span class="word">{{ item.file_name }}</span>
-                          <el-link
-                            type="primary"
-                            class="el-icon-place linkLocation"
-                            @click="handleLocation(item, 3)"
-                          ></el-link>
+                          <el-link type="primary" class="el-icon-place linkLocation" @click="handleLocation(item, 3)" />
                         </div>
                       </template>
                     </li>
@@ -553,6 +541,7 @@ export default {
       book_id: '',
       activeBookChapterId: '',
       multimediaLoadingStates: true,
+      isFullScreen: false, // 是否全屏状态
     };
   },
   computed: {
@@ -612,6 +601,18 @@ export default {
     if (!this.isBook) {
       this.getProjectInfo();
     }
+
+    // 监听全屏事件
+    document.addEventListener('fullscreenchange', () => {
+      if (document.fullscreenElement) {
+        this.isFullScreen = true;
+      } else {
+        this.isFullScreen = false;
+      }
+    });
+  },
+  beforeDestroy() {
+    document.removeEventListener('fullscreenchange', () => {});
   },
   methods: {
     getProjectBaseInfo() {
@@ -823,7 +824,7 @@ export default {
         this[handle](param);
       }
 
-      if (barLevel == 2) {
+      if (barLevel === 2) {
         this.twoCurToolbarIcon = icon;
       } else {
         this.curToolbarIcon = icon;

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

@@ -1,5 +1,6 @@
 <template>
-  <div class="preview">
+  <div ref="preview" class="preview">
+    <div v-if="heightPrompt" class="height-prompt"></div>
     <template v-for="(row, i) in rowList">
       <!-- 行 -->
       <div :key="i" :class="['row', `row-${i}`]" :style="getMultipleColStyle(i)">
@@ -107,15 +108,29 @@ export default {
       bookInfo: {
         theme_color: '',
       },
+      resizeObserver: null, // 用于监听高度变化
+      heightPrompt: false, // 是否显示高度提示线
     };
   },
   created() {
     document.addEventListener('mousemove', this.dragMove);
     document.addEventListener('mouseup', this.dragEnd);
   },
+  mounted() {
+    const element = this.$refs.preview;
+    // 监听 courserware 高度变化，获取其高度
+    this.resizeObserver = new ResizeObserver(() => {
+      const rect = element.getBoundingClientRect();
+      this.heightPrompt = rect.height > 1620;
+    });
+    this.resizeObserver.observe(element);
+  },
   beforeDestroy() {
     document.removeEventListener('mousemove', this.dragMove);
     document.removeEventListener('mouseup', this.dragEnd);
+    if (this.resizeObserver) {
+      this.resizeObserver.disconnect();
+    }
   },
   methods: {
     getMultipleColStyle(i) {
@@ -324,6 +339,14 @@ export default {
   flex-direction: column;
   row-gap: $component-spacing;
 
+  .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/data/article.js

@@ -90,7 +90,7 @@ export function getArticleProperty() {
 export function getArticleData() {
   return {
     type: 'article',
-    title: '文章',
+    title: '叙述体课文',
     property: getArticleProperty(),
     content: '', // 课文内容
     mp3_list: [], // 音频列表

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

@@ -320,7 +320,7 @@ export const bookTypeOption = [
       },
       {
         value: 'article',
-        label: '文章',
+        label: '叙述体课文',
         icon: 'article',
         component: Article,
         set: ArticleSetting,

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

@@ -1,5 +1,6 @@
 <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
@@ -156,6 +157,8 @@ export default {
       },
       selectedInfo: null,
       selectHandleInfo: null,
+      resizeObserver: null, // 用于监听高度变化
+      heightPrompt: false, // 是否显示高度提示线
     };
   },
   watch: {
@@ -184,9 +187,17 @@ 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: {
     /**
@@ -755,6 +766,14 @@ 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/personal_workbench/project/ProductionEditorialManage.vue

@@ -98,7 +98,7 @@
             >
               修改
             </span>
-            <span class="link" @click="openSetProducer(id)">设置制作人</span>
+            <span class="link" @click="openSetProducer(id, producer_list)">设置制作人</span>
             <span class="link" @click="openSetAuditor(id)">设置审校人</span>
             <span
               v-if="is_root !== 'true'"
@@ -127,6 +127,7 @@
       :id="producer.id"
       :visible.sync="producer.visible"
       :member-list="member_list"
+      :list="producer.list"
       @close="producer.visible = false"
       @chapterSetProducer="chapterSetProducer"
     />
@@ -195,6 +196,7 @@ export default {
       producer: {
         visible: false, // 设置制作人弹窗
         id: '', // 章节ID
+        list: [], // 当前章节制作人列表
       },
       visibleAuditSteps: false, // 设置审校步骤弹窗
       auditor: {
@@ -374,13 +376,14 @@ export default {
         });
       }
     },
-    openSetProducer(id) {
-      this.producer.visible = true;
+    openSetProducer(id, producer_list) {
       this.producer.id = id;
+      this.producer.list = producer_list;
+      this.producer.visible = true;
     },
     openSetAuditor(id) {
-      this.auditor.visible = true;
       this.auditor.id = id;
+      this.auditor.visible = true;
     },
     /**
      * 设置制作人

src/views/personal_workbench/project/components/SetUser.vue

@@ -38,6 +38,10 @@ export default {
       type: String,
       default: 'producer',
     },
+    list: {
+      type: Array,
+      default: () => [],
+    },
   },
   data() {
     return {
@@ -66,6 +70,26 @@ export default {
       return this.typeList.find((item) => item.type === this.type).bindKey;
     },
   },
+  watch: {
+    list: {
+      handler(val) {
+        if (this.type !== 'producer') return;
+        if (val.length === 0) {
+          this.user = {
+            id_list: [],
+            id: '',
+          };
+          return;
+        }
+        if (this.isMultiple) {
+          this.user.id_list = val.map(({ id }) => id);
+        } else {
+          this.user.id = val[0]?.id || '';
+        }
+      },
+      deep: true,
+    },
+  },
   methods: {
     dialogClose() {
       this.$emit('update:visible', false);