优化

src/Request/PublicAxiosInstance.js

@@ -15,7 +15,7 @@ const axiosInstance = axios.create(
 axiosInstance.interceptors.request.use(
     config => {
         
-        // Cookies.set('atoken','90eeca8f-7d7e-4dfa-8d7b-468e033dd048')
+        // Cookies.set('atoken','3f719c88-cfe6-42f6-b2c7-a6b355c46c10')
         if(!Cookies.get('atoken')){
             ElMessage({
             	message: `登录过期，请重新登录`,

src/views/SnapshotCluster/SnapshotRecord/SnapshotRecord.vue

@@ -97,27 +97,29 @@
     </a-form>
 
     <div v-loading="isLoading">
-        <el-row v-for="row in pagedTableDataList">
-            <el-col :span="3" v-for="item in row">
-                <div style="margin: 0 5px;cursor: pointer;" @click="handleClick(item)" :class="currentItemId==item.id?'actived':''">
-                    <div style="display:flex; justify-content: flex-end ">
-                        <span @click="downloadFile(item.features_url)"
-                              style="color: #409EFF;font-size: 15px;cursor: pointer;">
-                            下载特征值文件
-                        </span>
+        <div class="resultContent" :style="{'height':contentHeight+'px'}">
+            <el-row v-for="row in pagedTableDataList">
+                <el-col :span="3" v-for="item in row">
+                    <div style="margin: 0 5px;cursor: pointer;" @click="handleClick(item)" :class="currentItemId==item.id?'actived':''">
+                        <div style="display:flex; justify-content: flex-end ">
+                            <span @click="downloadFile(item.features_url)"
+                                  style="color: #409EFF;font-size: 15px;cursor: pointer;">
+                                下载特征值文件
+                            </span>
+                        </div>
+                        <el-image :src="item.picture_url"
+                                  :fit="'fill'"
+                                  class="single-image">
+                        </el-image>
+                        <div>时间:{{ item.counttime }}</div>
+                        <div>人员类型:{{ item.person_type==1?'店员':'顾客' }}</div>
+                        <div>性别:{{ formatGender(item.gender) }}</div>
+                        <div class="direction" :class="'direction'+item.direction">方向:{{ formatDirection(item.direction) }}</div>
+                        <div>地点:{{ item.gate_name }}</div>
                     </div>
-                    <el-image :src="item.picture_url"
-                              :fit="'fill'"
-                              class="single-image">
-                    </el-image>
-                    <div>时间:{{ item.counttime }}</div>
-                    <div>人员类型:{{ item.person_type==1?'店员':'顾客' }}</div>
-                    <div class="direction" :class="'direction'+item.direction">方向:{{ formatDirection(item.direction) }}</div>
-                    <div>地点:{{ item.gate_name }}</div>
-                </div>
-            </el-col>
-        </el-row>
-
+                </el-col>
+            </el-row>
+        </div>
         <a-pagination
             v-model:current="pageNum"
             v-model:pageSize="pageSize"
@@ -361,7 +363,28 @@ export default {
                 }
             )
         }
-
+        const formatGender = function(number){
+            switch (number)
+            {
+                case 1:
+                {
+                    return '男'
+                }
+                case -1:
+                {
+                    return '未知'
+                }
+                case 0:
+                {
+                    return '女'
+                }
+                default:
+                {
+            
+                    break
+                }
+            }
+        }
         const formatDirection = function(number) {
             switch (number)
             {
@@ -416,8 +439,10 @@ export default {
 			}
 			DetailDialogRef.value.initDialog(currobj.value,parmas);
 		}
+        const contentHeight = ref(0)
         const __main = function() {
             getAccountList()
+            contentHeight.value = window.innerHeight - 310
         }
 
         __main()
@@ -436,6 +461,7 @@ export default {
             gateList,
             pagedTableDataList,
 			currentItemId,
+            contentHeight,
             // mapping
             queryForm,
             // function
@@ -449,6 +475,7 @@ export default {
             downloadFile,
             handleClick,
 			comparativeFun,
+            formatGender,
             // ref
             DetailDialogRef,
             imgModelRef
@@ -462,5 +489,9 @@ export default {
 .actived{
         border: 3px solid #1890ff;
     }
+    .resultContent{
+        overflow: auto;
+        min-height: 500px;
+    }
 </style>