From e9085c19c21e2c73666d9b1947cfb25273d0d46d Mon Sep 17 00:00:00 2001
From: rd <1344903914@qq.com>
Date: Wed, 13 Aug 2025 11:07:48 +0800
Subject: [PATCH] =?UTF-8?q?perf:=20hover=E6=98=BE=E7=A4=BA=E5=A4=A7?=
 =?UTF-8?q?=E5=9B=BE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/manuscript-check-table/index.vue | 13 ++++++++-----
 .../list/components/manuscript-table/index.vue  | 13 ++++++++-----
 .../components/manuscript-check-table/index.vue | 17 +++++++++++------
 3 files changed, 27 insertions(+), 16 deletions(-)

diff --git a/src/views/creative-generation-workshop/manuscript-writer/check-list/components/manuscript-check-table/index.vue b/src/views/creative-generation-workshop/manuscript-writer/check-list/components/manuscript-check-table/index.vue
index 71c1a5d..5fc83d7 100644
--- a/src/views/creative-generation-workshop/manuscript-writer/check-list/components/manuscript-check-table/index.vue
+++ b/src/views/creative-generation-workshop/manuscript-writer/check-list/components/manuscript-check-table/index.vue
@@ -83,11 +83,13 @@
           <span class="cts num">{{ exactFormatTime(record[column.dataIndex]) }}</span>
         </template>
         <template v-else-if="column.dataIndex === 'cover'" #cell="{ record }">
-          <a-image :width="64" :height="64" :src="record.cover" class="!rounded-6px" fit="cover">
-            <template #error>
-              <img :src="icon4" class="w-full h-full" />
-            </template>
-          </a-image>
+          <HoverImagePreview :src="record.cover">
+            <a-image :width="64" :height="64" :src="record.cover" class="!rounded-6px" fit="cover">
+              <template #error>
+                <img :src="icon4" class="w-full h-full" />
+              </template>
+            </a-image>
+          </HoverImagePreview>
         </template>
         <template v-else-if="column.dataIndex === 'operation'" #cell="{ record }">
           <div class="flex items-center">
@@ -126,6 +128,7 @@ import {
 import { slsWithCatch } from '@/utils/stroage.ts';
 
 import TextOverTips from '@/components/text-over-tips';
+import HoverImagePreview from '@/components/hover-image-preview';
 
 import icon1 from '@/assets/img/media-account/icon-delete.png';
 import icon2 from '@/assets/img/creative-generation-workshop/icon-photo.png';
diff --git a/src/views/creative-generation-workshop/manuscript-writer/list/components/manuscript-table/index.vue b/src/views/creative-generation-workshop/manuscript-writer/list/components/manuscript-table/index.vue
index fd3f79f..a658031 100644
--- a/src/views/creative-generation-workshop/manuscript-writer/list/components/manuscript-table/index.vue
+++ b/src/views/creative-generation-workshop/manuscript-writer/list/components/manuscript-table/index.vue
@@ -71,11 +71,13 @@
           {{ 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" fit="cover">
-            <template #error>
-              <img :src="icon4" class="w-full h-full" />
-            </template>
-          </a-image>
+          <HoverImagePreview :src="record.cover">
+            <a-image :width="64" :height="64" :src="record.cover" class="!rounded-6px" fit="cover">
+              <template #error>
+                <img :src="icon4" class="w-full h-full" />
+              </template>
+            </a-image>
+          </HoverImagePreview>
         </template>
         <template v-else-if="column.dataIndex === 'operation'" #cell="{ record }">
           <div class="flex items-center">
@@ -99,6 +101,7 @@ import { TABLE_COLUMNS } from './constants';
 import { CHECK_STATUS, EnumManuscriptType } from '@/views/creative-generation-workshop/manuscript/list/constants';
 
 import TextOverTips from '@/components/text-over-tips';
+import HoverImagePreview from '@/components/hover-image-preview';
 
 import icon1 from '@/assets/img/media-account/icon-delete.png';
 import icon2 from '@/assets/img/creative-generation-workshop/icon-photo.png';
diff --git a/src/views/creative-generation-workshop/manuscript/check-list/components/manuscript-check-table/index.vue b/src/views/creative-generation-workshop/manuscript/check-list/components/manuscript-check-table/index.vue
index 36b096d..20194d4 100644
--- a/src/views/creative-generation-workshop/manuscript/check-list/components/manuscript-check-table/index.vue
+++ b/src/views/creative-generation-workshop/manuscript/check-list/components/manuscript-check-table/index.vue
@@ -54,7 +54,9 @@
           <img v-else width="24" height="24" :src="PLATFORMS.find((item) => item.value === record.platform)?.icon" />
         </template>
         <template v-else-if="column.dataIndex === 'compliance_level'" #cell="{ record }">
-          <span class="cts num !color-#6D4CFE">{{ record.ai_review?.compliance_level ? `${record.ai_review?.compliance_level}%` : '-' }}</span>
+          <span class="cts num !color-#6D4CFE">{{
+            record.ai_review?.compliance_level ? `${record.ai_review?.compliance_level}%` : '-'
+          }}</span>
         </template>
         <template v-else-if="column.dataIndex === 'title'" #cell="{ record }">
           <TextOverTips :context="record.title" :line="3" class="title" @click="onDetail(record)" />
@@ -84,11 +86,13 @@
           <span class="cts num">{{ exactFormatTime(record[column.dataIndex]) }}</span>
         </template>
         <template v-else-if="column.dataIndex === 'cover'" #cell="{ record }">
-          <a-image :width="64" :height="64" :src="record.cover" class="!rounded-6px" fit="cover">
-            <template #error>
-              <img :src="icon4" class="w-full h-full" />
-            </template>
-          </a-image>
+          <HoverImagePreview :src="record.cover">
+            <a-image :width="64" :height="64" :src="record.cover" class="!rounded-6px" fit="cover">
+              <template #error>
+                <img :src="icon4" class="w-full h-full" />
+              </template>
+            </a-image>
+          </HoverImagePreview>
         </template>
         <template v-else-if="column.dataIndex === 'operation'" #cell="{ record }">
           <div class="flex items-center">
@@ -130,6 +134,7 @@ import { slsWithCatch } from '@/utils/stroage.ts';
 
 import TextOverTips from '@/components/text-over-tips';
 import ShareModal from '@/views/creative-generation-workshop/manuscript/components/share-manuscript-modal/share-modal.vue';
+import HoverImagePreview from '@/components/hover-image-preview';
 
 import icon1 from '@/assets/img/media-account/icon-delete.png';
 import icon2 from '@/assets/img/creative-generation-workshop/icon-photo.png';