From 67d30353f0d9a41933361ed3bfa7e5ca8fc3f363 Mon Sep 17 00:00:00 2001
From: RockYang <yangjian102621@gmail.com>
Date: Thu, 23 Nov 2023 17:55:12 +0800
Subject: [PATCH] opt: optimize image preview for MidJourney image list page,
 only preview current image not for all images

---
 web/src/views/ImageMj.vue | 8 +-------
 1 file changed, 1 insertion(+), 7 deletions(-)

diff --git a/web/src/views/ImageMj.vue b/web/src/views/ImageMj.vue
index 6f00ddfb..9b055ea5 100644
--- a/web/src/views/ImageMj.vue
+++ b/web/src/views/ImageMj.vue
@@ -274,7 +274,7 @@
                       :src="scope.item.type === 'upscale'?scope.item['img_url']+'?imageView2/1/w/240/h/300/q/75':scope.item['img_url']+'?imageView2/1/w/240/h/240/q/75'"
                       :class="scope.item.type === 'upscale'?'upscale':''"
                       :zoom-rate="1.2"
-                      :preview-src-list="previewImgList"
+                      :preview-src-list="[scope.item['img_url']]"
                       fit="cover"
                       :initial-index="scope.index" loading="lazy" v-if="scope.item.progress > 0">
                     <template #placeholder>
@@ -390,7 +390,6 @@ const params = ref({
 
 const runningJobs = ref([])
 const finishedJobs = ref([])
-const previewImgList = ref([])
 const router = useRouter()
 
 const socket = ref(null)
@@ -433,7 +432,6 @@ const connect = () => {
           if (isNew) {
             finishedJobs.value.unshift(data)
           }
-          previewImgList.value.unshift(data["img_url"])
         } else {
           for (let i = 0; i < runningJobs.value.length; i++) {
             if (runningJobs.value[i].id === data.id) {
@@ -468,10 +466,6 @@ onMounted(() => {
     // 获取运行中的任务
     httpGet(`/api/mj/jobs?status=1&user_id=${user['id']}`).then(res => {
       finishedJobs.value = res.data
-      previewImgList.value = []
-      for (let index in finishedJobs.value) {
-        previewImgList.value.push(finishedJobs.value[index]["img_url"])
-      }
     }).catch(e => {
       ElMessage.error("获取任务失败：" + e.message)
     })