From e5e65bb50cbfb973f98191993ab559767eff7a53 Mon Sep 17 00:00:00 2001
From: suerprisePlus <15810472099@163.com>
Date: 星期二, 30 七月 2024 17:06:34 +0800
Subject: [PATCH] 页面添加（知识图谱，数据统计，数据分析，站点管理）
---
src/views/visual/mapView/index.vue | 67 +++++++++++++++++++++++++++++++--
1 files changed, 62 insertions(+), 5 deletions(-)
diff --git a/src/views/visual/mapView/index.vue b/src/views/visual/mapView/index.vue
index a1378c1..539c4f3 100644
--- a/src/views/visual/mapView/index.vue
+++ b/src/views/visual/mapView/index.vue
@@ -13,7 +13,8 @@
</span>
<div v-if="item.children">
<el-dropdown-menu v-show="item.children" slot="dropdown">
- <el-dropdown-item style="text-align: center" :command="res" v-for="(res, key) in item.children" :key="key">{{ res.name }}</el-dropdown-item>
+ <el-dropdown-item style="text-align: center" :command="res"
+ v-for="(res, key) in item.children" :key="key">{{ res.name }}</el-dropdown-item>
</el-dropdown-menu>
</div>
</el-dropdown>
@@ -28,10 +29,22 @@
<i :size="20" class="el-icon-d-arrow-left"></i>
</div>
</div>
+ <!-- 鍥惧眰绠＄悊 -->
<layer-manager ref="layerManager"></layer-manager>
+ <!-- 鍧愭爣瀹氫綅 -->
<location ref="location"></location>
+ <!-- 鐭ヨ瘑鍥捐氨 -->
<knowledge ref="knowledge"></knowledge>
+ <!-- 绾胯矾婕父 -->
<lineRoaming ref="lineRoaming"></lineRoaming>
+ <!-- 鍦颁笅妯″紡 -->
+ <undergroundMode ref="undergroundMode"></undergroundMode>
+ <!-- 鏁版嵁鍒嗘瀽 -->
+ <dataAnalysis ref="dataAnalysis"></dataAnalysis>
+ <!-- 鏁版嵁缁熻 -->
+ <dataStatistics ref="dataStatistics"></dataStatistics>
+ <!-- 灞炴�т俊鎭� -->
+ <attributeInfo ref="attributeInfo"></attributeInfo>
</div>
</div>
</template>
@@ -44,10 +57,17 @@
import location from './location.vue';
import knowledge from './knowledge.vue';
import lineRoaming from './lineRoaming.vue';
-
+import { layer_selectAll } from "@/api/mapView/map.js";
+import configTools from '@/assets/js/configTools';
+import store from "@/store";
+import mapServer from '@/assets/js/mapSdk/mapServe';
+import undergroundMode from './undergroundMode.vue';
+import dataAnalysis from './dataAnalysis.vue';
+import dataStatistics from './dataStatistics.vue'
+import attributeInfo from './attributeInfo.vue';
export default {
name: 'mapView',
- components: { layerManager, location, knowledge, lineRoaming },
+ components: { layerManager, location, knowledge, lineRoaming, undergroundMode, dataAnalysis, dataStatistics, attributeInfo },
data() {
return {
menuIsShow: false,
@@ -58,13 +78,37 @@
},
mounted() {
this.mapViewStart();
+
+ },
+ beforeDestroy() {
+ this.$store.dispatch('mapLayers/changeLayerTree', [])
+ this.$store.dispatch('mapLayers/changeDefaultLayer', [])
},
methods: {
mapViewStart() {
this.menuOption = mapData.menuData;
this.$nextTick(() => {
mapInit.Init();
+ this.getSelectLayers();
});
+ },
+ getSelectLayers() {
+ layer_selectAll().then(response => {
+ if (response.data.code != 200) return
+ const defaultLayer = [];
+ const val = response.data.result.filter(item => {
+ item.checked = false;
+ if (item.type == 2 && item.isShow == 1) {
+ item.checked = true;
+ mapServer.addLayer(item)
+ defaultLayer.push(item.id)
+ }
+ return item;
+ })
+ this.$store.dispatch('mapLayers/changeDefaultLayer', defaultLayer)
+ var obj = configTools.getTreeData(val)
+ this.$store.dispatch('mapLayers/changeLayerTree', obj)
+ })
},
setMenuClose() {
this.menuIsShow = !this.menuIsShowx;
@@ -86,6 +130,7 @@
this.$refs && this.$refs.knowledge && this.$refs.knowledge.close();
},
setPopShow(response) {
+ console.log(response);
switch (response) {
case '鍥惧眰绠＄悊':
this.$refs && this.$refs.layerManager && this.$refs.layerManager.open();
@@ -98,6 +143,18 @@
break;
case '绾胯矾婕父':
this.$refs && this.$refs.lineRoaming && this.$refs.lineRoaming.open();
+ break;
+ case '鍦颁笅妯″紡':
+ this.$refs && this.$refs.undergroundMode && this.$refs.undergroundMode.open();
+ break;
+ case '鏁版嵁鍒嗘瀽':
+ this.$refs && this.$refs.dataAnalysis && this.$refs.dataAnalysis.open();
+ break;
+ case '灞炴�т俊鎭�':
+ this.$refs && this.$refs.attributeInfo && this.$refs.attributeInfo.open();
+ break;
+ case '鏁版嵁缁熻':
+ this.$refs && this.$refs.dataStatistics && this.$refs.dataStatistics.open();
break;
default:
break;
@@ -151,7 +208,7 @@
.closeMenu {
width: 30px;
height: 100%;
- background: rgba(245, 245, 245, 1);
+ background: rgb(255, 255, 255);
color: #4ab1fc;
display: flex;
position: relative;
@@ -161,7 +218,7 @@
.menuItemBox {
color: #7a7a7a;
- background: rgba(245, 245, 245, 1);
+ background: rgb(255, 255, 255);
line-height: 40px;
padding: 0px 10px;
font-size: 14px;
--
Gitblit v1.9.3