媒体库-图片展示和历史图片路径-缩略图替换

src/views/demo/system/mediaLibrary/index.vue

@@ -39,7 +39,7 @@
               />
               <img
                 v-if="record.objectKey && record.objectKey.includes('jpeg')"
-                :src="VITE_MEDIALIBRARY_IMAGE_URL + record.objectKey"
+                :src="`${VITE_MEDIALIBRARY_IMAGE_URL + (record.minipic ? record.minipic : record.objectKey)}`"
                 :width="30"
                 :height="20"
               />
@@ -157,7 +157,7 @@
           />
           <img
             v-if="record.objectKey"
-            :src="VITE_MEDIALIBRARY_IMAGE_URL + record.objectKey"
+            :src="`${VITE_MEDIALIBRARY_IMAGE_URL + (record.minipic ? record.minipic : record.objectKey)}`"
             :width="60"
             :height="40"
             @click="lookRecord(record)"

src/views/demo/system/mediaLibrary/path/pathImageInfo.vue

@@ -490,13 +490,18 @@
         </div>
       </div>
       <div class="imageChooseList">
-        <div v-for="li in props.allImageDataList" :key="li.id" @click="setNowShowImageData(li)">
+        <div
+          v-for="li in props.allImageDataList.filter(
+            (item) => item.display == 1 && item.showOnMap == 1,
+          )"
+          :key="li.id"
+          @click="setNowShowImageData(li)"
+        >
           <div :class="li.id == props.nowShowImageData.id ? 'bottom_div_choose' : 'bottom_div'">
             <img
-              v-if="li.display == 1 && li.showOnMap == 1"
               :src="
-                li.preview_url
-                  ? li.preview_url
+                props.nowShowImageData.minipic
+                  ? VITE_MEDIALIBRARY_IMAGE_URL + li.minipic
                   : 'https://m.tuniucdn.com/fb2/t1/G5/M00/44/52/Cii-s1soezyIF2UxABn76u-yKl8AAIwBgB34jAAGfwC3020871'
               "
               width="75"

src/views/demo/system/mediaLibrary/path/pathMap.vue

@@ -373,9 +373,12 @@
       if (item.lng && item.lat && item.absoluteAltitude && item.showOnMap == 1) {
         const image = new Image();
         image.crossOrigin = 'Anonymous';
-        // image.src = VITE_MEDIALIBRARY_IMAGE_URL + item.minipic;
+        // if (item.minipic) {
+        //   image.src = VITE_MEDIALIBRARY_IMAGE_URL + item.minipic;
+        // } else {
         image.src =
           'https://m.tuniucdn.com/fb2/t1/G5/M00/44/52/Cii-s1soezyIF2UxABn76u-yKl8AAIwBgB34jAAGfwC3020871';
+        // }
         image.onload = () => {
           // 创建Canvas元素
           const canvas = document.createElement('canvas');

src/views/demo/system/mediaLibrary/preview/Map.vue

@@ -319,9 +319,13 @@
       if (item.lng && item.lat && item.absoluteAltitude) {
         const image = new Image();
         image.crossOrigin = 'Anonymous';
-        // image.src = VITE_MEDIALIBRARY_IMAGE_URL + item.minipic;
+        // if (item.minipic) {
+        //   image.src = VITE_MEDIALIBRARY_IMAGE_URL + item.minipic;
+        // } else {
         image.src =
           'https://m.tuniucdn.com/fb2/t1/G5/M00/44/52/Cii-s1soezyIF2UxABn76u-yKl8AAIwBgB34jAAGfwC3020871';
+        // }
+
         image.onload = () => {
           // 创建Canvas元素
           const canvas = document.createElement('canvas');

src/views/demo/system/mediaLibrary/preview/previewImage.vue

@@ -400,7 +400,7 @@
             :class="li.id == props.nowPreviewRecord.id ? 'bottom_div_choose' : 'bottom_div'"
           >
             <img
-              :src="VITE_MEDIALIBRARY_IMAGE_URL + li.objectKey"
+              :src="VITE_MEDIALIBRARY_IMAGE_URL + (li.minipic ? li.minipic : li.objectKey)"
               loading="lazy"
               :width="60"
               :height="35"