feat: 聚类结果，弹窗展示成功

src/views/SnapshotCluster/ClusterResult/ClusterResult.vue

@@ -55,7 +55,7 @@
                           optionFilterProp="label"
                           optionFilterProp="label"
                           show-search
                           show-search
                 >
                 >
-        
+
                 </a-select>
                 </a-select>
             </a-form-item>
             </a-form-item>
             <a-form-item label="方向：" style="padding: 5px 0">
             <a-form-item label="方向：" style="padding: 5px 0">
@@ -120,7 +120,7 @@
         			<a-button type="primary" @click="clerkComparativeFun">店员特征对比</a-button>
         			<a-button type="primary" @click="clerkComparativeFun">店员特征对比</a-button>
         	</a-form-item>
         	</a-form-item>
         </a-form>
         </a-form>
-        
+
         <div v-loading="isLoading">
         <div v-loading="isLoading">
             <div class="resultContent" :style="{'height':contentHeight+'px'}">
             <div class="resultContent" :style="{'height':contentHeight+'px'}">
                 <template v-for="person in dataList">
                 <template v-for="person in dataList">
@@ -129,14 +129,22 @@
                             <div class="boxInfo">
                             <div class="boxInfo">
                                 <span class="iconExpand" v-show="!person.expand">▶</span>
                                 <span class="iconExpand" v-show="!person.expand">▶</span>
                                 <span class="iconExpand" v-show="person.expand">▼</span>
                                 <span class="iconExpand" v-show="person.expand">▼</span>
+
                                 <span class="expandWord" @click='expandChange(person)'>{{person.expand?'收起':'展开'}}</span>
                                 <span class="expandWord" @click='expandChange(person)'>{{person.expand?'收起':'展开'}}</span>
+                                <!--修正组类型数据-->
+                                <span class="expandWord" @click='updatePersonInfoByGroup(person)'>类型修正</span>
+
                                 <el-checkbox class="checkBox" v-model="person.checked" @change='checkChange(person)'></el-checkbox>
                                 <el-checkbox class="checkBox" v-model="person.checked" @change='checkChange(person)'></el-checkbox>
                                 人id:{{ '   ' + person.person_unid }}
                                 人id:{{ '   ' + person.person_unid }}
                                 图片数量:{{ person.perrsonList.length }}
                                 图片数量:{{ person.perrsonList.length }}
                             </div>
                             </div>
                             <el-row v-for="row in getPagedList(person.perrsonList, 8)">
                             <el-row v-for="row in getPagedList(person.perrsonList, 8)">
                                 <el-col :span="3" v-for="item in row">
                                 <el-col :span="3" v-for="item in row">
-                                    <div style="margin: 0 5px" @click="handleClick(item)" :class="currentItemId==item.id?'actived':''">
+                                    <div
+                                        style="margin: 0 5px"
+                                        :class="currentItemId==item.id?'actived':''"
+                                        @click="handleClick(item)"
+                                    >
                                         <div style="">
                                         <div style="">
                                             <span @click="downloadTrajectoryFile(item.track_url)"
                                             <span @click="downloadTrajectoryFile(item.track_url)"
                                                   class="downBtn">
                                                   class="downBtn">
@@ -181,6 +189,8 @@
 	<DetailDialog ref="DetailDialogRef" />
 	<DetailDialog ref="DetailDialogRef" />
 	<DetailDialogComparison ref="DetailDialogComparisonRef" />
 	<DetailDialogComparison ref="DetailDialogComparisonRef" />
 	<singleImgComparisonDialog ref="singleImgComparisonRef"></singleImgComparisonDialog>
 	<singleImgComparisonDialog ref="singleImgComparisonRef"></singleImgComparisonDialog>
+
+  <PersonGroupEditor ref='personGroupEditorRef' />
 </template>
 </template>
 
 
 <script>
 <script>
@@ -194,9 +204,12 @@ import {ElMessage} from 'element-plus'
 import DetailDialog from "../../ComparisonCapturedPictures/DetailDialog.vue";
 import DetailDialog from "../../ComparisonCapturedPictures/DetailDialog.vue";
 import DetailDialogComparison from "../../ComparisonCapturedPictures/DetailDialogComparisonNew.vue";
 import DetailDialogComparison from "../../ComparisonCapturedPictures/DetailDialogComparisonNew.vue";
 import singleImgComparisonDialog from "../singleImgComparisonDialog.vue";
 import singleImgComparisonDialog from "../singleImgComparisonDialog.vue";
+import PersonGroupEditor from "./PersonGroupEditor.vue";
+
 export default {
 export default {
     components:{
     components:{
-      // imgDialog 
+      PersonGroupEditor,
+      // imgDialog
 		DetailDialog,
 		DetailDialog,
 		DetailDialogComparison,
 		DetailDialogComparison,
 		singleImgComparisonDialog
 		singleImgComparisonDialog
@@ -509,7 +522,7 @@ export default {
                 }
                 }
                 default:
                 default:
                 {
                 {
-            
+
                     break
                     break
                 }
                 }
             }
             }
@@ -544,6 +557,15 @@ export default {
             )
             )
         }
         }
 
 
+        // 人员类型修正
+        const personGroupEditorRef = ref();
+        // const isShowGroupEditor = ref(false)
+        const updatePersonInfoByGroup = function(data) {
+          console.log('updatePersonInfoByGroup', data)
+          // isShowGroupEditor.value = true
+          personGroupEditorRef.value.initDialog(data);
+        }
+
         const downloadFile = function(url) {
         const downloadFile = function(url) {
             window.open(url)
             window.open(url)
         }
         }
@@ -719,6 +741,7 @@ export default {
 			comparativeFun,
 			comparativeFun,
 			checkChange,
 			checkChange,
             expandChange,
             expandChange,
+            updatePersonInfoByGroup,
 			clerkComparativeFun,
 			clerkComparativeFun,
 			singleComparativeFun,
 			singleComparativeFun,
             formatGender,
             formatGender,
@@ -727,6 +750,7 @@ export default {
             // ref
             // ref
             // imgModelRef,
             // imgModelRef,
 			DetailDialogRef,
 			DetailDialogRef,
+      personGroupEditorRef,
 			DetailDialogComparisonRef,
 			DetailDialogComparisonRef,
 			singleImgComparisonRef
 			singleImgComparisonRef
         }
         }

src/views/SnapshotCluster/ClusterResult/PersonGroupEditor.bak.vue

+<template>
+  <span>123</span>
+</template>
+
+<script lang="ts">
+import { ref, watch } from 'vue';
+
+export default {
+}
+</script>
+

src/views/SnapshotCluster/ClusterResult/PersonGroupEditor.vue

+<template>
+  <a-modal
+      title="图片"
+      v-if='isVisible'
+      v-model:visible="isVisible"
+      width="400px"
+      height='50%'
+      class="detail-modal"
+  >
+    <span>123</span>
+
+    <template #footer>
+      <a-button @click="onCancel">返回</a-button>
+    </template>
+  </a-modal>
+</template>
+
+<script>
+import { ref } from "vue";
+
+export default {
+  setup() {
+    const isVisible = ref(false);
+
+    const initDialog = (data) => {
+      console.log('initDialog', data)
+
+      isVisible.value = true;
+    };
+
+    const onCancel = () => {
+      isVisible.value = false;
+    };
+
+    return {
+      isVisible,
+      onCancel,
+      initDialog,
+    };
+  },
+};
+</script>
+
+<style lang="less" scoped>
+</style>

src/views/SnapshotCluster/SnapshotCluster.vue

@@ -53,11 +53,11 @@ export default {
 </script>
 </script>
 
 
 <style scoped>
 <style scoped>
-	
+
 </style>
 </style>
 <style type="text/css">
 <style type="text/css">
 	.snapshot-cluster-title.ant-menu-item{
 	.snapshot-cluster-title.ant-menu-item{
 		line-height: 28px!important;
 		line-height: 28px!important;
 		padding-left: 20px!important;
 		padding-left: 20px!important;
 	}
 	}
-</style>
\ No newline at end of file
+</style>