From 2625ee88c405ecf102ca26f8601146fe38392c13 Mon Sep 17 00:00:00 2001
From: guoshilong <123456>
Date: Mon, 28 Nov 2022 10:52:49 +0800
Subject: [PATCH] 活动人员区域和活动车辆区域添加地图显示；活动增加经纬度保存
---
src/views/securityManage/securityManage.vue | 27 ++++++++++++++++++++++++++-
1 files changed, 26 insertions(+), 1 deletions(-)
diff --git a/src/views/securityManage/securityManage.vue b/src/views/securityManage/securityManage.vue
index cf10ae5..76667e2 100644
--- a/src/views/securityManage/securityManage.vue
+++ b/src/views/securityManage/securityManage.vue
@@ -27,15 +27,34 @@
@click="handleDelete">删 除
</el-button>
</template>
+ <template slot-scope="{row,index}" slot="menu">
+ <el-button type="text"
+ size="small"
+ icon="el-icon-view"
+ @click="handleDetail(row)">详情
+ </el-button>
+ </template>
</avue-crud>
+
+ <el-drawer
+ title="地图详情"
+ :visible.sync="isDetail"
+ :append-to-body="true"
+ size="60%"
+ direction="rtl"
+ :before-close="handleClose">
+ <map-box v-if="isDetail" :is-detail="isDetail" :route-range="routeRange"></map-box>
+ </el-drawer>
</basic-container>
</template>
<script>
import {getPage, getDetails, add, update, remove} from "@/api/securityManage/securityManage";
import {mapGetters} from "vuex";
+ import MapBox from "@/components/map/mapBox";
export default {
+ components: {MapBox},
data() {
return {
form: {},
@@ -124,7 +143,9 @@
},
]
},
- data: []
+ data: [],
+ isDetail:false,
+ routeRange:"",
};
},
computed: {
@@ -211,6 +232,10 @@
this.$refs.crud.toggleSelection();
});
},
+ handleDetail(row){
+ this.routeRange = row.position
+ this.isDetail = true
+ },
beforeOpen(done, type) {
if (["edit", "view"].includes(type)) {
getDetails(this.form.id).then(res => {
--
Gitblit v1.9.3