feat: hover-image-preview失效问题调整

src/views/writer-material-center/components/finished-products/manuscript/check-list/components/filter-block/index.vue

@@ -43,7 +43,7 @@
       <div class="filter-row-item" v-if="query.audit_status === AuditStatus.Pending">
         <span class="label">上传时间</span>
         <DatePicker.RangePicker
-          v-model="created_at"
+          v-model:value="created_at"
           size="medium"
           allow-clear
           format="YYYY-MM-DD"
@@ -70,7 +70,7 @@
         <div class="filter-row-item">
           <span class="label">审核时间</span>
           <DatePicker.RangePicker
-            v-model="audit_started_at"
+            v-model:value="audit_started_at"
             size="medium"
             allow-clear
             format="YYYY-MM-DD"
@@ -139,6 +139,7 @@ const onDateChange = (value, type) => {
 
 const handleReset = () => {
   created_at.value = [];
+  audit_started_at.value = [];
   emits('reset');
 };
 </script>

src/views/writer-material-center/components/finished-products/manuscript/check-list/components/manuscript-check-table/index.vue

@@ -64,12 +64,7 @@
       </template>
       <template v-else-if="column.dataIndex === 'type'" #customRender="{ record }">
         <div class="flex items-center">
-          <img
-            :src="record.type === EnumManuscriptType.Image ? icon2 : icon3"
-            width="16"
-            height="16"
-            class="mr-4px"
-          />
+          <img :src="record.type === EnumManuscriptType.Image ? icon2 : icon3" width="16" height="16" class="mr-4px" />
           <span class="cts" :class="record.type === EnumManuscriptType.Image ? '!color-#25C883' : '!color-#6D4CFE'">{{
             record.type === EnumManuscriptType.Image ? '图文' : '视频'
           }}</span>
@@ -77,30 +72,19 @@
       </template>
       <template
         #customRender="{ record }"
-        v-else-if="
-          ['created_at', 'last_modified_at', 'audit_started_at', 'audit_passed_at'].includes(column.dataIndex)
-        "
+        v-else-if="['created_at', 'last_modified_at', 'audit_started_at', 'audit_passed_at'].includes(column.dataIndex)"
       >
         <span class="cts num">{{ exactFormatTime(record[column.dataIndex]) }}</span>
       </template>
       <template v-else-if="column.dataIndex === 'cover'" #customRender="{ record }">
         <HoverImagePreview :src="record.cover">
-          <Image :width="64" :height="64" :src="record.cover" class="!rounded-6px" :preview="false">
-            <template #error>
-              <img :src="icon4" class="w-full h-full" />
-            </template>
-          </Image>
+          <ImgLazyLoad :width="64" :height="64" :src="record.cover" class="!rounded-6px" />
         </HoverImagePreview>
       </template>
       <template v-else-if="column.dataIndex === 'operation'" #customRender="{ record }">
         <div class="flex items-center">
           <img class="mr-8px cursor-pointer" :src="icon1" width="14" height="14" @click="onDelete(record)" />
-          <Button
-            type="primary"
-            ghost
-            size="small"
-            @click="onCheck(record)"
-            v-if="audit_status === AuditStatus.Pending"
+          <Button type="primary" ghost size="small" @click="onCheck(record)" v-if="audit_status === AuditStatus.Pending"
             >审核</Button
           >
           <Button
@@ -138,11 +122,12 @@ import { slsWithCatch } from '@/utils/stroage.ts';
 
 import TextOverTips from '@/components/text-over-tips';
 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 icon4 from '@/assets/img/error-img.png';
 
 const emits = defineEmits(['sorterChange', 'delete', 'select', 'selectAll']);
 const router = useRouter();

src/views/writer-material-center/components/finished-products/manuscript/check/components/content-card/index.vue

@@ -387,10 +387,10 @@ export default {
           <div class="right-box h-210px">
             <p class="cts bold !text-16px !lh-24px !color-#211F24 mb-16px">审核结果</p>
             <Spin
-              loading={true}
+              spinning={true}
               tip={`${isTextTab.value ? '文本' : '图片'}检测中`}
-              size={72}
-              class="h-298px !flex flex-col justify-center items-center color-#6d4cfe"
+              size="large"
+              wrapperClassName="h-298px !flex flex-col justify-center items-center color-#6d4cfe"
             />
           </div>
         );
@@ -399,7 +399,7 @@ export default {
           <div class="right-box">
             <p class="cts bold !text-16px !lh-24px !color-#211F24 mb-16px">审核结果</p>
             {props.getDataLoading ? (
-              <Spin loading={true} size={72} class="h-298px !flex justify-center items-center" />
+              <Spin spinning={true} size="large" wrapperClassName="h-298px !flex justify-center items-center" />
             ) : (
               renderCheckSuccessBox()
             )}

src/views/writer-material-center/components/finished-products/manuscript/components/upload-manuscript-modal/index.vue

@@ -35,7 +35,7 @@ const INITIAL_FORM = {
 
 export default {
   setup(props, { emit, expose }) {
-    const update = inject('update');
+    // const update = inject('update');
     const router = useRouter();
     const route = useRoute();
 

src/views/writer-material-center/components/finished-products/manuscript/detail/index.vue

@@ -169,7 +169,7 @@ export default {
     });
 
     return () => (
-      <Spin loading={loading.value} class="manuscript-detail-wrap" size={50}>
+      <Spin spinning={loading.value} wrapperClassName="manuscript-detail-wrap" size="large">
         <div class="h-full w-full flex flex-col">
           <div class="flex items-center mb-8px">
             <span class="cts color-#4E5969 cursor-pointer" onClick={onBack}>

src/views/writer-material-center/components/finished-products/manuscript/list/components/manuscript-table/index.vue

@@ -51,12 +51,7 @@
       </template>
       <template v-else-if="column.dataIndex === 'type'" #customRender="{ record }">
         <div class="flex items-center">
-          <img
-            :src="record.type === EnumManuscriptType.Image ? icon2 : icon3"
-            width="16"
-            height="16"
-            class="mr-4px"
-          />
+          <img :src="record.type === EnumManuscriptType.Image ? icon2 : icon3" width="16" height="16" class="mr-4px" />
           <span class="cts" :class="record.type === EnumManuscriptType.Image ? '!color-#25C883' : '!color-#6D4CFE'">{{
             record.type === EnumManuscriptType.Image ? '图文' : '视频'
           }}</span>
@@ -70,11 +65,7 @@
       </template>
       <template v-else-if="column.dataIndex === 'cover'" #customRender="{ record }">
         <HoverImagePreview :src="record.cover">
-          <Image :width="64" :height="64" :src="record.cover" class="!rounded-6px" :preview="false">
-            <template #error>
-              <img :src="icon4" class="w-full h-full" />
-            </template>
-          </Image>
+          <ImgLazyLoad :width="64" :height="64" :src="record.cover" class="!rounded-6px" />
         </HoverImagePreview>
       </template>
       <template v-else-if="column.dataIndex === 'operation'" #customRender="{ record }">
@@ -104,11 +95,12 @@ import {
 
 import TextOverTips from '@/components/text-over-tips';
 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 icon4 from '@/assets/img/error-img.png';
 
 const emits = defineEmits(['edit', 'sorterChange', 'delete']);
 const router = useRouter();