From 7d57b0fef0f220dfe7c868ce1113a7ce6eb6c468 Mon Sep 17 00:00:00 2001
From: suerprisePlus <15810472099@163.com>
Date: 星期三, 21 八月 2024 11:23:06 +0800
Subject: [PATCH] 添加本地矢量地图服务，初始化视角切换
---
src/views/dataManager/equipMante/index.vue | 73 ++++++++++++++++++++++++++++++++----
1 files changed, 64 insertions(+), 9 deletions(-)
diff --git a/src/views/dataManager/equipMante/index.vue b/src/views/dataManager/equipMante/index.vue
index 1d5633d..500dbbe 100644
--- a/src/views/dataManager/equipMante/index.vue
+++ b/src/views/dataManager/equipMante/index.vue
@@ -11,7 +11,7 @@
<div>
<el-button plain size="small" @click="getDataList()">鏌ヨ</el-button>
<el-button plain size="small" type="primary" @click="addOrUpdateHandle()">鏂板</el-button>
- <el-button plain size="small" type="danger"
+ <el-button plain size="small" @click="deleteHandleList" type="danger"
:disabled="dataListSelections.length <= 0">鎵归噺鍒犻櫎</el-button>
</div>
</div>
@@ -53,8 +53,9 @@
</el-table-column>
<el-table-column fixed="right" header-align="center" align="center" width="150" label="鎿嶄綔">
<template slot-scope="scope">
- <el-button type="text" size="small">淇敼</el-button>
- <el-button type="text" size="small">鍒犻櫎</el-button>
+ <el-button type="text" size="small" @click="addOrUpdateHandle(scope.row)">淇敼</el-button>
+ <el-button type="text" size="small" @click="deleteHandleRow(scope.row)">鍒犻櫎</el-button>
+ <el-button type="text" size="small" @click="showHandleRow(scope.row)">棰勮</el-button>
</template>
</el-table-column>
</el-table>
@@ -64,16 +65,23 @@
</el-card>
<!-- 寮圭獥, 鏂板 / 淇敼 -->
<add-or-update v-if="addOrUpdateVisible" ref="addOrUpdate" @refreshDataList="getDataList"></add-or-update>
+ <el-dialog width="30%" :title="showTitle" :visible.sync="innerVisible" append-to-body>
+ <div style="height: 540px">
+ <olMap v-if="innerVisible" :parentData="parentData"></olMap>
+ </div>
+ </el-dialog>
</div>
</template>
<script>
-import { faultreport_list } from '@/api/mapView/peiwang.js';
+import { faultreport_query, faultreport_delete } from '@/api/mapView/peiwang.js';
import AddOrUpdate from './AddOrUpdate.vue';
+import olMap from '@/components/mapOl/index.vue';
export default {
name: "equipMante",
components: {
- AddOrUpdate
+ AddOrUpdate,
+ olMap
},
data() {
return {
@@ -91,27 +99,43 @@
dataList: [],
total: 0,
addOrUpdateVisible: false,
+ showData: null,
+ innerVisible: false,
+ parentData: null,
+ showTitle:null,
}
},
mounted() {
this.getDataList();
},
methods: {
+ showHandleRow(row) {
+ this.showData = { ...row }
+ const obj = {
+ val: this.showData,
+ type: 'line',
+ isShow: false,
+ }
+ this.showTitle= row['c_name']
+ this.parentData = JSON.stringify([obj])
+ this.innerVisible = true;
+ },
addOrUpdateHandle(res) {
this.addOrUpdateVisible = true
this.$nextTick(() => {
- this.$refs.addOrUpdate.init(res)
+ this.$refs.addOrUpdate.init(res)
})
},
+
selectionChangeHandle(res) {
this.dataListSelections = res;
},
getDataList() {
this.dataListLoading = true;
- faultreport_list({
+ faultreport_query({
page: this.queryParams.pageIndex,
limit: this.queryParams.pageSize,
- key: this.queryParams.name,
+ c_name: this.dataForm.key,
}).then(response => {
this.dataListLoading = false;
if (response.status != 200) return
@@ -119,8 +143,39 @@
this.total = obj.totalCount;
this.dataList = obj.list;
})
+ },
+
+ deleteHandleRow(res) {
+ this.deleteHandle([res.id])
+ },
+ deleteHandleList() {
+ var ids = this.dataListSelections.map(item => {
+ return item.id
+ })
+ this.deleteHandle(ids)
+ },
+ deleteHandle(res) {
+ faultreport_delete(res).then(response => {
+ if (response.data.msg == 'success') {
+ this.$message({
+ message: '鎿嶄綔鎴愬姛',
+ type: 'success',
+ duration: 1000,
+
+ })
+ } else {
+ this.$message({
+ message: '鎿嶄綔澶辫触',
+ type: 'warning',
+ duration: 1000,
+
+ })
+ }
+ this.getDataList();
+
+ })
}
- }
+ },
}
</script>
--
Gitblit v1.9.3