From bc8f0b5301b4a63ff4ddd90bb7732c01bdae3a1a Mon Sep 17 00:00:00 2001 From: 584911253@qq.com <584911253@qq.com> Date: 星期四, 02 三月 2023 17:52:16 +0800 Subject: [PATCH] 属性点击事件 --- src/components/mapsdk.vue | 39 ++++++++++++++++++++++++++++++++++++--- 1 files changed, 36 insertions(+), 3 deletions(-) diff --git a/src/components/mapsdk.vue b/src/components/mapsdk.vue index 88b54ab..098015f 100644 --- a/src/components/mapsdk.vue +++ b/src/components/mapsdk.vue @@ -8,7 +8,6 @@ <map-menu-top v-if="$store.state.mapMenuBoxFlag == '1'" /> <map-space-top v-if="$store.state.mapMenuBoxFlag == '2'" /> </div> - <div class="bufferBox" v-if="showBufferBoxDialog" @@ -340,6 +339,25 @@ </div> </el-card> </div> + <div class="propertiesPop" v-if="$store.state.propertiesFlag == '1'"> + <el-card class="box-card"> + <div slot="header"> + <span>{{$store.state.propertiesName}}</span> + <div style="float: right; cursor: pointer"> + <i + class="el-icon-close" + @click="closeBufferBox(6)" + ></i> + </div> + </div> + <div class="pointInfoBoxContext" style="height:250px;overflow-y: auto"> + <div style="line-height: 20px" v-for="(value, key) in $store.state.propertiesInfo" :key="key"> + <span style="font-size: 14px;font-weight: bold;margin-right: 5px">{{key}}:</span> + <span>{{value}}</span> + </div> + </div> + </el-card> + </div> <!-- <div--> <!-- @click="changeMenulayer"--> <!-- class="center CenDiv"--> @@ -359,7 +377,6 @@ import mapMenuTop from "./MapView/mapMenuTop.vue"; import mapSpaceTop from "./MapView/mapSpaceTop.vue"; - import { select_Comprehensive_ByPageAndCount, select_Comprehensive_SelectWktById, @@ -370,7 +387,6 @@ name: "", components: { mapMenuTop, - mapSpaceTop, }, data() { @@ -751,6 +767,9 @@ this.showTerrainLevelDialog = false; this.clearTerrainLevel() break; + case 6: + this.$store.state.propertiesFlag = null; + break; } }, //瀹氫綅 @@ -1084,6 +1103,20 @@ right: 8%; bottom: 1%; } + .propertiesPop{ + width: 350px; + height: 370px; + z-index: 40; + position: absolute; + right: 8%; + bottom: 1%; + /deep/ .el-card__header{ + padding: 10px 20px; + } + /deep/ .el-card__body { + padding: 10px 20px; + } + } .terrainLevelBox { width: 350px; height: 370px; -- Gitblit v1.9.3