feat: 聚类弹窗，人员分类完成，op

src/views/SnapshotCluster/ClusterResult/PersonGroupDialog.vue

@@ -50,29 +50,32 @@
           </el-row>
         </div>
         <div class="right-part">
-          <div class="classBox" v-for="row in groupList" :key="row.person_unid">
-            <el-row>
-              <el-col :span="3" v-for="item in row.personList" :key="item.id">
-                <div
-                    style="margin: 0 5px"
-                    :class="isSelectedImg(item) ? 'actived' : ''"
-                    @click="handleSelectImg(item)"
-                >
+          <template v-if="groupList.length > 0">
+            <div class="classBox" v-for="row in groupList" :key="row.person_unid">
+              <el-row>
+                <el-col :span="3" v-for="item in row.personList" :key="item.id">
+                  <div
+                      style="margin: 0 5px"
+                      :class="isSelectedImg(item) ? 'actived' : ''"
+                      @click="handleSelectImg(item)"
+                  >
 
-                  <el-image :src="formatImgUrl(item.picture_url)"
-                            :fit="'fill'"
-                            class="single-image">
-                  </el-image>
+                    <el-image :src="formatImgUrl(item.picture_url)"
+                              :fit="'fill'"
+                              class="single-image">
+                    </el-image>
 
-                  <div>时间:{{ item.counttime }}</div>
-                  <!--<div>人员类型:{{ item.person_type==1?'店员':(item.person_type==0?'顾客':'未知') }}({{ item.childAdult==1?'成人':(item.childAdult==0?'儿童':'未知') }})</div>-->
-                  <!--<div>性别:{{ formatGender(item.gender) }}({{item.age}})</div>-->
-                  <!--<div class="direction" :class="'direction'+item.direction">方向:{{ formatDirection(item.direction) }}</div>-->
-                  <div>地点:{{ item.gate_name }}</div>
-                </div>
-              </el-col>
-            </el-row>
-          </div>
+                    <div>时间:{{ item.counttime }}</div>
+                    <!--<div>人员类型:{{ item.person_type==1?'店员':(item.person_type==0?'顾客':'未知') }}({{ item.childAdult==1?'成人':(item.childAdult==0?'儿童':'未知') }})</div>-->
+                    <!--<div>性别:{{ formatGender(item.gender) }}({{item.age}})</div>-->
+                    <!--<div class="direction" :class="'direction'+item.direction">方向:{{ formatDirection(item.direction) }}</div>-->
+                    <div>地点:{{ item.gate_name }}</div>
+                  </div>
+                </el-col>
+              </el-row>
+            </div>
+          </template>
+          <a-empty style="margin-top: 200px;" v-else />
         </div>
       </div>
     </div>
@@ -95,6 +98,7 @@ export default {
   setup(props, { emit }) {
     const isVisible = ref(false);
     const personList = ref([])
+    // 右侧分组
     const groupList = ref([])
     const currentPerson = ref({})
     // 表单
@@ -185,6 +189,7 @@ export default {
     }
     const onCancel = () => {
       isVisible.value = false;
+      groupList.value = []
     };
 
     const isLoading = ref(false)