图片预览问题修改

src/components/CommonPreview.vue

@@ -162,7 +162,7 @@
                 </el-table-column>
                 <el-table-column label="" width="50">
                   <template #default="{ row }">
-                    <el-link type="primary" @click="handLocation(row, 3)">定位</el-link>
+                    <el-link type="primary" @click="handleLocation(row, 3)">定位</el-link>
                   </template>
                 </el-table-column>
               </el-table>
@@ -220,7 +220,7 @@
                   <el-divider direction="vertical" />
                   <el-button type="text" class="el-icon-delete" @click="handDelNote(item.id)"> 删除</el-button>
                   <el-divider direction="vertical" />
-                  <el-button type="text" class="el-icon-place" @click="handLocation(item, 1)"> 定位</el-button>
+                  <el-button type="text" class="el-icon-place" @click="handleLocation(item, 1)"> 定位</el-button>
                 </div>
               </li>
             </ul>
@@ -235,7 +235,7 @@
                 <div class="remark-bottom">
                   <el-button type="text" class="el-icon-delete" @click="handDelCollect(item.id)"> 删除</el-button>
                   <el-divider direction="vertical" />
-                  <el-button type="text" class="el-icon-place" @click="handLocation(item, 2)"> 定位</el-button>
+                  <el-button type="text" class="el-icon-place" @click="handleLocation(item, 2)"> 定位</el-button>
                 </div>
               </li>
             </ul>
@@ -430,7 +430,7 @@ export default {
       component_list: [],
       content_group_row_list: [],
       remark_list: [],
-      remark_list_obj: {}, // 存放以组件为对象的数组
+      remark_list_obj: {}, // 存放以组件为对象的批注数组
       searchList: [],
       searchContent: '',
       visible: false,
@@ -907,15 +907,15 @@ export default {
         behavior: 'smooth',
       });
     },
-    handLocation(item, type) {
-      if (type == 3) {
-        var did = item.courseware_id + '#' + item.component_id;
+    handleLocation(item, type) {
+      if (type === 3) {
+        let did = `${item.courseware_id}#${item.component_id}`;
         this.handleNodeClick(did);
         return;
       }
-      if (this.$refs.courserware && this.$refs.courserware.handLocation) {
+      if (this.$refs.courserware && this.$refs.courserware.handleLocation) {
         item.type = type;
-        this.$refs.courserware.handLocation(item);
+        this.$refs.courserware.handleLocation(item);
       }
     },
     async getNote(params) {

src/views/book/courseware/preview/components/picture/PicturePreview.vue

@@ -5,6 +5,7 @@
       <div class="view-area">
         <template v-if="isMore">
           <div class="picture-area">
+            <!-- 播放列表 -->
             <template v-if="'list' === data.property.view_method">
               <el-carousel
                 ref="pictureCarousel"
@@ -38,14 +39,15 @@
               </div>
             </template>
             <ul v-else class="view-independent">
-              <li v-for="(file, i) in data.file_list" :key="i" @click="handleIndicatorClick(i)">
+              <li v-for="file in data.file_list" :key="file.file_id" @click="handleIndicatorClick(i)">
                 <el-image :id="file.file_id" :src="file.file_url" fit="contain" />
               </li>
             </ul>
           </div>
         </template>
-        <template v-else>
-          <div v-for="(file, i) in data.file_list" :key="i" class="alone-pic-area">
+        <!-- 独立排放 -->
+        <template v-else-if="data.property.view_method === 'independent'">
+          <div v-for="file in data.file_list" :key="file.file_id" class="alone-pic-area">
             <el-image
               :id="file.file_id"
               :src="file.file_url"
@@ -132,9 +134,8 @@ export default {
   },
   mounted() {
     this.$nextTick(() => {
-      const canvasElement = document.querySelector('.canvas');
-      if (!canvasElement) {
-        const ele = this.$refs.pictureAreaBox;
+      const ele = this.$refs.pictureAreaBox;
+      if (ele) {
         const sn_position = this.data.property.sn_position;
         const viewMemo = this.isEnable(this.data.property.view_memo);
         // 序号在左和右补齐序号高度，去掉padding(8*2)
@@ -153,6 +154,7 @@ export default {
         this.isViewLeftRightBtn();
         return;
       }
+
       this.resizeObserver = new ResizeObserver((entries) => {
         if (!this.getDragStatus()) return;
         this.isResizing = true; // 标记为调整中

src/views/project_manage/org/book/index.vue

@@ -16,6 +16,7 @@
         <el-table-column prop="org_name" label="所属机构" width="120" header-align="center" />
         <el-table-column prop="content_count" label="教材页面数" width="100" header-align="center" />
         <el-table-column prop="shangjia_time" label="上架时间" width="180" header-align="center" />
+        <el-table-column prop="version" label="版本" width="80" header-align="center" align="center" />
         <el-table-column label="已申请下架" align="center" header-align="center">
           <template slot-scope="{ row }">
             <span style="color: #f53f3f">