From 0b358cc19d5495985d72973564a91f293f26826c Mon Sep 17 00:00:00 2001
From: rd <1344903914@qq.com>
Date: Fri, 1 Aug 2025 18:28:38 +0800
Subject: [PATCH] =?UTF-8?q?perf:=20=E6=A0=B7=E5=BC=8F=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/img/error-img.png                  | Bin 0 -> 1936 bytes
 .../manuscript/components/edit-form/index.vue |  28 ++++++++----------
 .../components/edit-form/style.scss           |   9 +++---
 .../components/manuscript-table/index.vue     |   7 ++++-
 4 files changed, 24 insertions(+), 20 deletions(-)
 create mode 100644 src/assets/img/error-img.png

diff --git a/src/assets/img/error-img.png b/src/assets/img/error-img.png
new file mode 100644
index 0000000000000000000000000000000000000000..7a303d70213b89a621292b944c21ec0f6efb07f3
GIT binary patch
literal 1936
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
Xw?~h=X<**R7YjH$c{o<#$mxFq`b1H0

literal 0
HcmV?d00001

diff --git a/src/views/creative-generation-workshop/manuscript/components/edit-form/index.vue b/src/views/creative-generation-workshop/manuscript/components/edit-form/index.vue
index 025c97e..be164a3 100644
--- a/src/views/creative-generation-workshop/manuscript/components/edit-form/index.vue
+++ b/src/views/creative-generation-workshop/manuscript/components/edit-form/index.vue
@@ -10,7 +10,7 @@ import { getProjectList } from '@/api/all/propertyMarketing';
 import { EnumManuscriptType } from '@/views/creative-generation-workshop/manuscript/list/constants.ts';
 import { getImagePreSignedUrl, getVideoPreSignedUrl } from '@/api/all/common';
 
-import icon1 from '@/assets/img/creative-generation-workshop/icon-close.png';
+// import icon1 from '@/assets/img/creative-generation-workshop/icon-close.png';
 
 // 表单验证规则
 const FORM_RULES = {
@@ -324,23 +324,21 @@ export default {
           }}
         >
           <div>
-            <div class="">
-              {/* 已上传的图片列表 */}
-              <VueDraggable v-model={formData.value.files} class="grid grid-cols-7 gap-8px">
-                {formData.value.files?.map((file, index) => (
-                  <div key={index} class="group relative cursor-move">
-                    <img src={file} class="w-100px h-100px object-cover rounded-8px border-1px border-#E6E6E8" />
-                    <img
-                      src={icon1}
-                      width={16}
-                      height={16}
-                      class="absolute top-2px right-2px cursor-pointer hidden group-hover:block"
+            {/* 已上传的图片列表 */}
+            <VueDraggable v-model={formData.value.files} class="grid grid-cols-7 gap-y-8px">
+              {formData.value.files?.map((file, index) => (
+                <div key={index} class="group relative cursor-move overflow-visible py-8px pr-8px">
+                  <div class="group-container relative rounded-8px w-100px h-100px">
+                    <img src={file} class=" object-cover w-full h-full border-1px border-#E6E6E8 rounded-8px" />
+                    <icon-close-circle-fill
+                      size={16}
+                      class="absolute top--8px right--8px cursor-pointer hidden color-#939499  hidden group-hover:block z-50"
                       onClick={() => handleDeleteFile(index)}
                     />
                   </div>
-                ))}
-              </VueDraggable>
-            </div>
+                </div>
+              ))}
+            </VueDraggable>
             {formData.value.files?.length < 18 && (
               <Upload
                 ref={uploadRef}
diff --git a/src/views/creative-generation-workshop/manuscript/components/edit-form/style.scss b/src/views/creative-generation-workshop/manuscript/components/edit-form/style.scss
index 11dc4de..c16695e 100644
--- a/src/views/creative-generation-workshop/manuscript/components/edit-form/style.scss
+++ b/src/views/creative-generation-workshop/manuscript/components/edit-form/style.scss
@@ -22,10 +22,11 @@
   }
 }
 .group {
-  cursor: move;
   border-radius: 8px;
   &:hover {
-    background: linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%),
-      url(<path-to-image>) lightgray 0px -40.771px / 100% 149.766% no-repeat;
+    .group-container {
+      background: linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%),
+        url(<path-to-image>) lightgray 0px -40.771px / 100% 149.766% no-repeat;
+    }
   }
-}
\ No newline at end of file
+}
diff --git a/src/views/creative-generation-workshop/manuscript/list/components/manuscript-table/index.vue b/src/views/creative-generation-workshop/manuscript/list/components/manuscript-table/index.vue
index b39cac1..0db6d7f 100644
--- a/src/views/creative-generation-workshop/manuscript/list/components/manuscript-table/index.vue
+++ b/src/views/creative-generation-workshop/manuscript/list/components/manuscript-table/index.vue
@@ -71,7 +71,11 @@
           {{ exactFormatTime(record[column.dataIndex]) }}
         </template>
         <template v-else-if="column.dataIndex === 'cover'" #cell="{ record }">
-          <a-image :width="64" :height="64" :src="record.cover" class="!rounded-6px" />
+          <a-image :width="64" :height="64" :src="record.cover" class="!rounded-6px">
+            <template #error>
+              <img :src="icon4" class="w-full h-full" />
+            </template>
+          </a-image>
         </template>
         <template v-else-if="column.dataIndex === 'operation'" #cell="{ record }">
           <div class="flex items-center">
@@ -99,6 +103,7 @@ import TextOverTips from '@/components/text-over-tips';
 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';
 
 const emits = defineEmits(['edit', 'sorterChange', 'delete']);
 const router = useRouter();