From 05fd0f912fc3b441effad9ae397a497a26eb443c Mon Sep 17 00:00:00 2001
From: rd <1344903914@qq.com>
Date: Wed, 17 Sep 2025 16:15:20 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E6=B7=BB=E5=8A=A0=E6=96=87=E4=BB=B6?=
 =?UTF-8?q?=E7=B1=BB=E5=9E=8B=E6=89=A9=E5=B1=95=E5=90=8D=E5=B8=B8=E9=87=8F?=
 =?UTF-8?q?=E5=92=8C=E4=BC=98=E5=8C=96=E8=A1=A8=E6=A0=BC=E5=88=97=E6=98=BE?=
 =?UTF-8?q?=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 在 `constants.ts` 中添加图像、视频和文档的文件扩展名常量
- 更新 `add-raw-material-drawer/index.vue` 和 `table/index.vue` 组件，引入新的文件扩展名常量
- 在 `table/index.vue` 中新增“标签”列，并优化“名称”列的宽度和图标显示逻辑
---
 .../add-raw-material-drawer/index.vue         | 17 +++++------
 .../raw-material/components/table/index.vue   | 28 ++++++++++++++-----
 .../components/raw-material/constants.ts      | 13 +++++++--
 3 files changed, 41 insertions(+), 17 deletions(-)

diff --git a/src/views/material-center/components/raw-material/components/add-raw-material-drawer/index.vue b/src/views/material-center/components/raw-material/components/add-raw-material-drawer/index.vue
index 98135a3..d29e439 100644
--- a/src/views/material-center/components/raw-material/components/add-raw-material-drawer/index.vue
+++ b/src/views/material-center/components/raw-material/components/add-raw-material-drawer/index.vue
@@ -5,21 +5,22 @@ const { Column } = Table;
 const { TextArea } = Input;
 const { Option } = Select;
 
-import CommonSelect from '@/components/common-select';
+// import CommonSelect from '@/components/common-select';
 import ImgLazyLoad from '@/components/img-lazy-load';
-import TextOverTips from '@/components/text-over-tips';
+// import TextOverTips from '@/components/text-over-tips';
 
+import axios from 'axios';
 import { formatFileSize, getVideoInfo, getFileExtension } from '@/utils/tools';
 import { getRawMaterialTagsList, postBatchRawMaterial, posRawMaterialTags } from '@/api/all/generationWorkshop';
 import { getFilePreSignedUrl } from '@/api/all/common';
+import {
+  imageExtensions,
+  videoExtensions,
+  documentExtensions,
+} from '@/views/material-center/components/raw-material/constants';
 
 import icon1 from '@/assets/img/media-account/icon-delete.png';
 import icon2 from '../../img/icon-no-text.png';
-import axios from 'axios';
-
-const imageExtensions = ['.jpg', '.jpeg', '.png', '.gif', '.webp', '.bmp'];
-const videoExtensions = ['.mp4', '.mov', '.avi', '.flv', '.wmv', '.m4v'];
-const documentExtensions = ['.txt', '.doc', '.docx', '.pdf', '.xls', '.xlsx'];
 
 enum EnumUploadStatus {
   done = 'done',
@@ -319,7 +320,7 @@ export default defineComponent({
               title="文件名称"
               dataIndex="name"
               key="name"
-              width={385}
+              width={380}
               ellipsis={true}
               customRender={({ text, record }) => {
                 return (
diff --git a/src/views/material-center/components/raw-material/components/table/index.vue b/src/views/material-center/components/raw-material/components/table/index.vue
index 82843bc..2e6288a 100644
--- a/src/views/material-center/components/raw-material/components/table/index.vue
+++ b/src/views/material-center/components/raw-material/components/table/index.vue
@@ -33,8 +33,13 @@
       </template>
       <template v-if="column.dataIndex === 'name'" #customRender="{ record }">
         <div class="flex items-center">
-          <HoverImagePreview :src="record.cover">
-            <ImgLazyLoad :width="64" :height="64" :src="record.cover" class="!rounded-6px mr-16px" />
+          <HoverImagePreview :src="record.type === RawMaterialType.Text ? icon2 : record.cover">
+            <ImgLazyLoad
+              :height="64"
+              :src="record.type === RawMaterialType.Text ? icon2 : record.cover"
+              :width="64"
+              class="!rounded-6px mr-16px"
+            />
           </HoverImagePreview>
           <div class="flex-1 flex flex-col overflow-hidden">
             <TextOverTips :context="record.name" :line="1" class="cts mb-4px regular" />
@@ -45,6 +50,17 @@
       <template v-else-if="column.dataIndex === 'type'" #customRender="{ record }">
         {{ TABS_LIST.find((item) => item.value === record.type)?.label ?? '-' }}
       </template>
+      <template v-else-if="column.dataIndex === 'tags'" #customRender="{ record }">
+        <div class="flex flex-wrap gap-4px">
+          <Tag
+            v-for="tag in record.tags"
+            :key="tag.id"
+            class="mr-0 h-22px lh-22px rounded-4px bg-#F2F3F5 max-w-76px px-8px"
+          >
+            <TextOverTips :context="tag.name" :line="1" class="cts !color-#55585F" />
+          </Tag>
+        </div>
+      </template>
       <template v-else-if="column.dataIndex === 'size'" #customRender="{ record }">
         <span class="cts num">{{ formatFileSize(record.size) }}</span>
       </template>
@@ -72,11 +88,11 @@
 
 <script setup>
 import { ref, computed } from 'vue';
-import { Button, Tooltip, Table, Image } from 'ant-design-vue';
+import { Button, Tooltip, Table, Tag } from 'ant-design-vue';
 const { Column } = Table;
 import { formatTableField, exactFormatTime, formatFileSize, downloadByUrl } from '@/utils/tools';
 import { slsWithCatch } from '@/utils/stroage.ts';
-import { TABS_LIST, ORIGIN_LIST } from '../../constants';
+import { TABS_LIST, ORIGIN_LIST, RawMaterialType } from '../../constants';
 
 import TextOverTips from '@/components/text-over-tips';
 // import ShareModal from '@/views/material-center/components/finished-products/manuscript/components/share-manuscript-modal/share-modal.vue';
@@ -84,9 +100,7 @@ import HoverImagePreview from '@/components/hover-image-preview';
 import ImgLazyLoad from '@/components/img-lazy-load';
 
 import icon1 from '@/assets/img/media-account/icon-delete.png';
-// import icon2 from '@/assets/img/creative-generation-workshop/icon-photo.png';
-// import icon3 from '@/assets/img/creative-generation-workshop/icon-video.png';
-// import icon4 from '@/assets/img/error-img.png';
+import icon2 from '../../img/icon-no-text.png';
 
 const emits = defineEmits(['sorterChange', 'delete', 'select', 'selectAll']);
 const router = useRouter();
diff --git a/src/views/material-center/components/raw-material/constants.ts b/src/views/material-center/components/raw-material/constants.ts
index 1943309..d95d2b4 100644
--- a/src/views/material-center/components/raw-material/constants.ts
+++ b/src/views/material-center/components/raw-material/constants.ts
@@ -5,6 +5,10 @@ export enum RawMaterialType {
   Text = 2,
 }
 
+export const imageExtensions = ['.jpg', '.jpeg', '.png', '.gif', '.webp', '.bmp'];
+export const videoExtensions = ['.mp4', '.mov', '.avi', '.flv', '.wmv', '.m4v'];
+export const documentExtensions = ['.txt', '.doc', '.docx', '.pdf', '.xls', '.xlsx'];
+
 export const TABS_LIST = [
   {
     label: '全部',
@@ -55,6 +59,11 @@ export const TABLE_COLUMNS = [
     dataIndex: 'type',
     width: 80,
   },
+  {
+    title: '标签',
+    dataIndex: 'tags',
+    width: 190,
+  },
   {
     title: '来源',
     dataIndex: 'origin',
@@ -83,5 +92,5 @@ export const TABLE_COLUMNS = [
     dataIndex: 'operation',
     width: 120,
     fixed: 'right',
-  }
-]
+  },
+];