教材内容资源查看补充文件名

src/components/CommonPreview.vue

@@ -76,7 +76,10 @@
               class="list-item"
               @click="handleFileClick(item?.component_id)"
             >
-              <template v-if="parseInt(drawerType) === 0"> <el-image :src="item.file_url" fit="contain" /></template>
+              <template v-if="parseInt(drawerType) === 0">
+                <el-image :src="item.file_url" fit="contain" />
+                <span>{{ item.file_name.slice(0, item.file_name.lastIndexOf('.')) }}</span>
+              </template>
               <template v-else-if="parseInt(drawerType) === 1">
                 <AudioPlay
                   view-size="middle"
@@ -88,6 +91,7 @@
               </template>
               <template v-else-if="parseInt(drawerType) === 2">
                 <VideoPlay view-size="big" :file-id="item.file_id" :video-index="index" />
+                <span>{{ item.file_name.slice(0, item.file_name.lastIndexOf('.')) }}</span>
               </template>
             </li>
           </ul>
@@ -706,6 +710,8 @@ export default {
         margin: 6px;
 
         .list-item {
+          display: flex;
+          align-items: center;
           cursor: pointer;
           border: 1px solid #ccc;
           border-radius: 8px;