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

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

@@ -221,7 +221,7 @@ export default {
             </div>
           </header>
           {loading.value ? (
-            <Spin spinning={loading.value} class="flex-1 w-full flex justify-center items-center" size={60} />
+            <Spin spinning={loading.value} wrapperClassName="flex-1 w-full flex justify-center items-center" size="large" />
           ) : (
             <section class={`page-wrap relative ${isExpand.value ? 'expand' : ''}`}>
               <div class="fold-box cursor-pointer" onClick={() => (isExpand.value = true)}>

src/views/material-center/components/finished-products/explore/list/index.vue

@@ -52,7 +52,7 @@ export default {
           </header>
           <section class="page-wrapper flex justify-center">
             {loading.value ? (
-              <Spin spinning={loading.value} class="w-full flex justify-center items-center" size={60} />
+              <Spin spinning={loading.value} wrapperClassName="w-full flex justify-center items-center" size="large" />
             ) : (
               <div class="explore-container">
                 <div class="explore-list-wrap pt-24px pb-28px">

src/views/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"
             allowClear
             format="YYYY-MM-DD"
@@ -141,6 +141,7 @@ const onDateChange = (value, type) => {
 
 const handleReset = () => {
   created_at.value = [];
+  audit_started_at.value = [];
   emits('reset');
 };
 </script>

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

@@ -79,11 +79,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 }">
@@ -127,14 +123,15 @@ import { AuditStatus } from '@/views/material-center/components/finished-product
 
 import { slsWithCatch } from '@/utils/stroage.ts';
 
-import TextOverTips from '@/components/text-over-tips';
+import TextOverTips from '@/components/text-over-tips'
+import ImgLazyLoad from "@/components/img-lazy-load";
 import ShareModal from '@/views/material-center/components/finished-products/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';
 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/material-center/components/finished-products/manuscript/check/components/content-card/index.vue

@@ -386,10 +386,10 @@ export default {
           <div class="right-box">
             <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"
+              size="large"
+              wrapperClassName="h-298px !flex flex-col justify-center items-center"
             />
           </div>
         );
@@ -398,7 +398,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/material-center/components/finished-products/manuscript/components/upload-manuscript-modal/index.vue

@@ -33,7 +33,7 @@ const INITIAL_FORM = {
 
 export default {
   setup(props, { emit, expose }) {
-    const update = inject('update');
+    // const update = inject('update');
     const router = useRouter();
 
     // 响应式状态

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

@@ -1,6 +1,5 @@
 <script lang="jsx">
-import { Spin } from 'ant-design-vue';
-import { Button, message } from 'ant-design-vue';
+import { Button, Spin, message } from 'ant-design-vue';
 
 import { useRouter, useRoute } from 'vue-router';
 import { AuditStatus } from '@/views/material-center/components/finished-products/constants';
@@ -158,7 +157,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/material-center/components/finished-products/manuscript/list/components/filter-block/index.vue

@@ -53,7 +53,7 @@
       <div class="filter-row-item">
         <span class="label">上传时间</span>
         <DatePicker.RangePicker
-          v-model="created_at"
+          v-model:value="created_at"
           size="medium"
           allow-clear
           format="YYYY-MM-DD"

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

@@ -73,11 +73,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 }">
@@ -108,11 +104,11 @@ import { CUSTOMER_OPINION } from '@/views/material-center/components/finished-pr
 
 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';
 
 const emits = defineEmits(['edit', 'sorterChange', 'delete']);
 const router = useRouter();

src/views/material-center/components/raw-material/components/table/index.vue

@@ -34,11 +34,7 @@
       <template v-if="column.dataIndex === 'name'" #customRender="{ record }">
         <div class="flex items-center">
           <HoverImagePreview :src="record.cover">
-            <Image :width="64" :height="64" :src="record.cover" class="!rounded-8px mr-16px" :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 mr-16px" />
           </HoverImagePreview>
           <div class="flex-1 flex flex-col overflow-hidden">
             <TextOverTips :context="record.name" :line="1" class="cts mb-4px regular" />
@@ -83,13 +79,14 @@ import { slsWithCatch } from '@/utils/stroage.ts';
 import { TABS_LIST, ORIGIN_LIST } 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';
+// import ShareModal from '@/views/material-center/components/finished-products/manuscript/components/share-manuscript-modal/share-modal.vue';
 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 '@/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(['sorterChange', 'delete', 'select', 'selectAll']);
 const router = useRouter();