修改图层控制

徐旺旺

2021-03-02 1bbd2b05db1860bfa44acc57f27db507be974f16

修改图层控制

 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;

 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
    }, {

 src/conf/Constants.js

@@ -27,5 +27,9 @@
  embeddingmode: '埋设方式',
  pipetrenchtype: '管沟类型',
  datecollected: '探测时间',
  operationalstatus: '运行状态'
  operationalstatus: '运行状态',
  acquisitionpeople: '采集人',
  acquisitiondate: '采集日期',
  fourtype: '四通类型',
  fourm: '四通材料'
}

 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'