feat: 增加加载当前页面，所有图片功能

src/views/SnapshotCluster/SnapshotRecord/SnapshotRecord.vue

@@ -151,6 +151,9 @@
 		<a-form-item style="padding: 5px 0">
 		    <a-button type="primary" @click="batchesResultFun">同组客流</a-button>
 		</a-form-item>
+    <a-form-item style="padding: 5px 0">
+      <a-button type="primary" :loading="allImagesLoading" @click="loadAllImages">加载当页图片</a-button>
+    </a-form-item>
     </a-form>
 
     <div v-loading="isLoading">
@@ -257,6 +260,7 @@ import {computed, reactive, ref, toRaw} from 'vue'
 import snapshotRecordApi from '@/views/SnapshotCluster/SnapshotRecord/SnapshotRecordApi'
 import {isArray} from '@/PublicUtil/Judgment'
 import moment from 'moment'
+import { flattenDeep } from 'lodash'
 import {filterEmptyValueInObject, formatDate, formatTime, getPagedList} from '@/PublicUtil/PublicUtil'
 // import imgDialog from '../imgDialog.vue'
 import {ElMessage} from 'element-plus'
@@ -729,7 +733,7 @@ export default {
                 }
             }
         }
-				
+
 				//标签
 				const hairStyleStr = function(number){
 				    switch (number)
@@ -1017,7 +1021,7 @@ export default {
 				        }
 				    }
 				}
-				
+
 				const jacketTypeStr = function(number){
 				    switch (number)
 				    {
@@ -1071,7 +1075,7 @@ export default {
 								}
 				        default:
 				        {
-				
+
 				            break
 				        }
 				    }
@@ -1141,7 +1145,7 @@ export default {
 								}
 				        default:
 				        {
-				
+
 				            break
 				        }
 				    }
@@ -1324,7 +1328,7 @@ export default {
 				        }
 				    }
 				}
-				
+
         const downloadFile = function(url) {
             window.open(url)
         }
@@ -1364,7 +1368,15 @@ export default {
 		// 查询小平台单个图片
 		const getDataSourcesImg = (unid) => {
 		  console.log('getDataSourcesImg', unid)
-		  snapshotRecordApi.operateGetPics({unids:[unid]}).then((r) => {})
+      let targetParams = []
+      if (Array.isArray(unid)) {
+        targetParams = unid
+      } else {
+        targetParams = [unid]
+      }
+		  snapshotRecordApi.operateGetPics({unids:targetParams}).then((r) => {}).finally(() => {
+        allImagesLoading.value = false
+      })
 			setTimeout(()=>{
 				confirmSearch()
 			},2000)
@@ -1419,7 +1431,7 @@ export default {
 			}
 			batchesResultDialogRef.value.initDialog(currobj.value,parmas);
 		}
-		
+
 		//单张特征对比
 		const singleImgComparisonRef = ref()
 		const singleComparativeFun = function(){
@@ -1469,6 +1481,27 @@ export default {
 
         __main()
 
+    const allImagesLoading = ref(false)
+    const loadAllImages = function () {
+      /**
+       * 1.获取当页的unids，过滤已加载的图片
+       * 2.调用接口，拉取图片
+       * 3.刷新列表页面
+       */
+      // console.log('pagedTableDataList', pagedTableDataList)
+      const allList = flattenDeep(pagedTableDataList.value)
+      const paramsUnid = []
+      allList.forEach(item => {
+        if (!item.picture_url) {
+          paramsUnid.push(item.unid)
+        }
+      })
+      console.log('loadAllImages', allList, paramsUnid)
+      allImagesLoading.value = true
+      getDataSourcesImg(paramsUnid.slice(0, 2))
+      // getDataSourcesImg(paramsUnid)
+    }
+
         return {
             // scalar
 						dataSources,
@@ -1541,6 +1574,8 @@ export default {
 						childAdultOptions,
 						formatChildAdult,
 						genderOptions,
+            loadAllImages,
+            allImagesLoading,
         }
     }
 }