From 7b52f30bc471b7f433eea950f77ecb74a87d867c Mon Sep 17 00:00:00 2001
From: riku <risaku@163.com>
Date: 星期三, 05 三月 2025 17:33:02 +0800
Subject: [PATCH] 污染溯源模块编写中
---
src/components/scene/SceneSearch.vue | 51 +++++++++++++++++++++++++++++++++++++++++----------
1 files changed, 41 insertions(+), 10 deletions(-)
diff --git a/src/components/scene/SceneSearch.vue b/src/components/scene/SceneSearch.vue
index 965f216..e17973c 100644
--- a/src/components/scene/SceneSearch.vue
+++ b/src/components/scene/SceneSearch.vue
@@ -15,7 +15,7 @@
width="400px"
>
<template #default>
- <div v-show="nextPage">
+ <div v-show="!nextPage">
<div>
<el-text size="small" type="warning">
鍏辫{{ sceneStore.sceneList.length }}涓偣浣嶏紝鍏朵腑{{
@@ -82,13 +82,41 @@
<!-- </el-col> -->
</el-row>
</div>
- <div v-show="!nextPage">
- <el-button
- @click="nextPage = false"
- type="primary"
- class="el-button-custom p-events-auto"
- >杩斿洖</el-button
- >
+ <div v-show="nextPage">
+ <DescriptionsList v-if="selectedScene" title="鍦烘櫙璇︽儏">
+ <template #extra>
+ <el-button
+ @click="nextPage = false"
+ icon="back"
+ type="primary"
+ size="small"
+ class="el-button-custom p-events-auto"
+ >杩斿洖</el-button
+ >
+ </template>
+ <DescriptionsListItem label="鍚嶇О" :content="selectedScene.name" />
+ <DescriptionsListItem label="绫诲瀷" :content="selectedScene.type" />
+ <DescriptionsListItem
+ label="鍖哄幙"
+ :content="selectedScene.districtName"
+ />
+ <DescriptionsListItem
+ label="鍦板潃"
+ :content="selectedScene.location"
+ />
+ <DescriptionsListItem
+ label="缁忕含搴�"
+ :content="selectedScene.longitude + ', ' + selectedScene.latitude"
+ />
+ <DescriptionsListItem
+ label="闈犺繎绔欑偣"
+ :content="selectedScene.closestDevice.name"
+ />
+ <DescriptionsListItem
+ label="鐩歌窛绔欑偣"
+ :content="selectedScene.closestDevice.dis + '绫�'"
+ />
+ </DescriptionsList>
</div>
</template>
<template #footer>
@@ -157,7 +185,8 @@
dialogVisible: false,
onConfirm: undefined,
showSceneTypes: [],
- nextPage: false
+ nextPage: false,
+ selectedScene: undefined
};
},
computed: {
@@ -218,7 +247,7 @@
if (!s.closestDevice || dis < s.closestDevice.dis) {
s.closestDevice = {
name: d.name,
- dis: dis
+ dis: Math.round(dis)
};
}
});
@@ -254,6 +283,7 @@
// },
showSceneList(nV, oV) {
if (nV != oV) {
+ this.nextPage = false;
this.dialogVisible = true;
this.drawMarks(nV);
}
@@ -283,6 +313,7 @@
},
handleRowClick(row, col, event) {
this.nextPage = true;
+ this.selectedScene = row;
MapUtil.setCenter([row.longitude, row.latitude], true);
},
filterHandler(value, row, column) {
--
Gitblit v1.9.3