Commit bdb89458 by Tianqing Liu

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

1 parent b0a79c5c
......@@ -129,14 +129,22 @@
<div class="boxInfo">
<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='updatePersonInfoByGroup(person)'>类型修正</span>
<el-checkbox class="checkBox" v-model="person.checked" @change='checkChange(person)'></el-checkbox>
人id:{{ ' ' + person.person_unid }}
图片数量:{{ person.perrsonList.length }}
</div>
<el-row v-for="row in getPagedList(person.perrsonList, 8)">
<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="">
<span @click="downloadTrajectoryFile(item.track_url)"
class="downBtn">
......@@ -181,6 +189,8 @@
<DetailDialog ref="DetailDialogRef" />
<DetailDialogComparison ref="DetailDialogComparisonRef" />
<singleImgComparisonDialog ref="singleImgComparisonRef"></singleImgComparisonDialog>
<PersonGroupEditor ref='personGroupEditorRef' />
</template>
<script>
......@@ -194,8 +204,11 @@ import {ElMessage} from 'element-plus'
import DetailDialog from "../../ComparisonCapturedPictures/DetailDialog.vue";
import DetailDialogComparison from "../../ComparisonCapturedPictures/DetailDialogComparisonNew.vue";
import singleImgComparisonDialog from "../singleImgComparisonDialog.vue";
import PersonGroupEditor from "./PersonGroupEditor.vue";
export default {
components:{
PersonGroupEditor,
// imgDialog
DetailDialog,
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) {
window.open(url)
}
......@@ -719,6 +741,7 @@ export default {
comparativeFun,
checkChange,
expandChange,
updatePersonInfoByGroup,
clerkComparativeFun,
singleComparativeFun,
formatGender,
......@@ -727,6 +750,7 @@ export default {
// ref
// imgModelRef,
DetailDialogRef,
personGroupEditorRef,
DetailDialogComparisonRef,
singleImgComparisonRef
}
......
<template>
<span>123</span>
</template>
<script lang="ts">
import { ref, watch } from 'vue';
export default {
}
</script>
<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>
Markdown is supported
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!