From 1bbd2b05db1860bfa44acc57f27db507be974f16 Mon Sep 17 00:00:00 2001 From: 徐旺旺 <11530253@qq.com> Date: 星期二, 02 三月 2021 15:35:55 +0800 Subject: [PATCH] 修改图层控制 --- src/conf/Constants.js | 6 +++++- src/assets/css/map/map-elem-ui.less | 8 ++++++++ src/components/helpers/ServiceLayerHelper.js | 2 +- src/views/popup/Popup.vue | 19 ++++++++++--------- 4 files changed, 24 insertions(+), 11 deletions(-) diff --git a/src/assets/css/map/map-elem-ui.less b/src/assets/css/map/map-elem-ui.less index fd1d1d4..baa9279 100644 --- a/src/assets/css/map/map-elem-ui.less +++ b/src/assets/css/map/map-elem-ui.less @@ -5,6 +5,14 @@ border-color: @color; } +.el-tabs{ + .el-tabs__item{ + padding: 0 10px; + text-align: center; + height: 20px; + line-height: 20px; + } +} .select-down { border: none !important; background-color: @background-color !important; diff --git a/src/components/helpers/ServiceLayerHelper.js b/src/components/helpers/ServiceLayerHelper.js index 60325fb..e3a1af7 100644 --- a/src/components/helpers/ServiceLayerHelper.js +++ b/src/components/helpers/ServiceLayerHelper.js @@ -118,7 +118,7 @@ }) } }).bindPopup(function (layer) { - that.popupComp.setDatas(layer.feature) + that.popupComp.setDatas(layer) that.popupComp.setShow() return that.popupComp.$el }, { diff --git a/src/conf/Constants.js b/src/conf/Constants.js index 9e89a92..72bb8f0 100644 --- a/src/conf/Constants.js +++ b/src/conf/Constants.js @@ -27,5 +27,9 @@ embeddingmode: '鍩嬭鏂瑰紡', pipetrenchtype: '绠℃矡绫诲瀷', datecollected: '鎺㈡祴鏃堕棿', - operationalstatus: '杩愯鐘舵��' + operationalstatus: '杩愯鐘舵��', + acquisitionpeople: '閲囬泦浜�', + acquisitiondate: '閲囬泦鏃ユ湡', + fourtype: '鍥涢�氱被鍨�', + fourm: '鍥涢�氭潗鏂�' } diff --git a/src/views/popup/Popup.vue b/src/views/popup/Popup.vue index ac5d088..eece635 100644 --- a/src/views/popup/Popup.vue +++ b/src/views/popup/Popup.vue @@ -1,6 +1,6 @@ <template> <div id="popup" v-if="isShow" class="s-map-popup-panel"> - <el-tabs v-model="tabsValue" type="card" @edit="handleTabsEdit"> + <el-tabs v-model="tabsValue" type="card"> <el-tab-pane :key="item.name" v-for="(item) in tabs" @@ -8,8 +8,8 @@ :name="item.name" > <el-row v-for="(v,k) in filter" :key="k"> - <el-col :span="12">{{k}}</el-col> - <el-col :span="12">{{v}}</el-col> + <el-col :span="10"><B>{{k}}锛�</B></el-col> + <el-col :span="14">{{v}}</el-col> </el-row> </el-tab-pane> </el-tabs> @@ -25,10 +25,7 @@ data () { return { tabsValue: '1', - tabs: [{ - title: '姹¢洦姘�', - name: '1' - }], + tabs: [], tabIndex: 2, isShow: false, properties: {}, @@ -75,8 +72,12 @@ this.editableTabs = tabs.filter(tab => tab.name !== targetName) } }, - setDatas (feature) { - this.properties = feature.properties + setDatas (layer) { + this.tabs = [{ + title: layer.feature.id, + name: '1' + }] + this.properties = layer.feature.properties }, setShow () { // this.style.display='auto' -- Gitblit v1.8.0