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

src/views/SnapshotCluster/ClusterResult/ClusterResult.vue

@@ -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,8 +204,11 @@ 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:{
+      PersonGroupEditor,
       // imgDialog
       // imgDialog
 		DetailDialog,
 		DetailDialog,
 		DetailDialogComparison,
 		DetailDialogComparison,
@@ -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>