feat:修改图片

src/api/work/work.ts

@@ -100,7 +100,9 @@ export async function getPictureSimilarityList(params: PageParam & PictureSortPa
       taskname: item.fromTaskName,
       assignee: item.assignee,
       pictureid: item.pictureid || item.pictureId,
-      imgurl: item.serverThumbnailUrl,
+      imgurl: item.imgUrl,
+      imgUrl: item.imgUrl,
+      serverThumbnailUrl: item.serverThumbnailUrl,
       maxSimilarity: item.maxSimilarity,
       thumburl: item.ocrPicture?.serverThumbnailUrl || item.ocrPicture?.imgurl,
       iztrueorfalse: item.iztrueorfalse,

src/views/home/content/Content.vue

@@ -141,7 +141,9 @@ useInfiniteScroll(
 )
 
 onUpdated(() => {
-  layout()
+  nextTick(() => {
+    layout()
+  })
 })
 
 const timeRange = ref('')

src/views/worksheet/components/PictureWall.vue

@@ -22,7 +22,9 @@ import { useDialog, useMessage } from "naive-ui";
 import { onMounted, onUnmounted, onUpdated, reactive, ref, toRefs, unref, watch } from "vue";
 import ConfrimModal from "../modal/ConfrimModal.vue";
 import type { ApprovalParam, SimilarityPictureSortParam } from "/#/api";
+import bgLoading from '@/assets/images/bg-loading.png';
 
+const bgLoadingImg = ref(bgLoading)
 const props = defineProps({
   taskDetailInfo: {
     type: Object,
@@ -333,7 +335,7 @@ onUnmounted(() => {
     <div class="wrapper-list">
       <div v-for="(item, index) in listData" :key="index" :class="{ 'item-selected': item === selectTask }"
         class="grid-item" @click="handleSelect(item)" @mouseover="overTaskHandelr(item)" @mouseleave="leaveTaskHandler">
-        <div class="img-wrapper" :style="{ 'background-image': `url(${item.imgurl})` }" />
+        <div class="img-wrapper" :style="{ 'background-image': `url(${item?.serverThumbnailUrl ? item.serverThumbnailUrl : item.imgUrl ? item.imgUrl: bgLoadingImg})` }" />
         <div class="time-wrapper">
           <div class="time">
             <SvgIcon color="#FFF" size="16" name="camera" />

src/views/worksheet/content/Content.vue

@@ -147,6 +147,7 @@ async function loadMore() {
 
   const more = await featchList()
   listData.value.push(...more)
+  console.log("listData.value11111111111111111", listData.value);
 }
 
 async function featchList() {
@@ -834,7 +835,7 @@ defineExpose({
           >
             <div
               class="img-wrapper"
-              :style="{ background: `url(${item?.serverThumbnailUrl ? item.serverThumbnailUrl : item.imgurl ? item.imgurl: bgLoadingImg})` }"
+              :style="{ background: `url(${item.serverThumbnailUrl ? item.serverThumbnailUrl : item.imgUrl ? item.imgUrl: bgLoadingImg})` }"
             />
             <div class="time-wrapper">
               <div class="time">