替换wms服务初步

徐旺旺

2021-04-29 150a37f948214be4bd183b30f3f2865a6f1c519f

 src/views/popup/Popup.vue

@@ -1,40 +1,54 @@
<template>
  <div v-if="isShow" class="s-map-popup-panel" >

    <div>
      {{ data }}
    </div>
    <div>
      {{ data }}
    </div>
    <br>
    <br>
    <div>
      {{ data }}
    </div>
    <br>
    <br>

    <div>
      {{ data }}
    </div>
    <el-button type="primary" @click="onClick">主要按钮</el-button>
  <div id="popup" v-if="isShow" class="s-map-popup-panel">
    <el-tabs v-model="tabsValue" type="card">
      <el-tab-pane
              :key="item.name"
              v-for="(item) in tabs"
              :label="item.title"
              :name="item.name"
      >
        <el-row v-for="(v,k) in filter(item.content)" :key="k">
          <el-col :span="12"><B>{{k}}：</B></el-col>
          <el-col :span="12">{{v}}</el-col>
        </el-row>
      </el-tab-pane>
    </el-tabs>
  </div>
</template>

<script>
// import '@/assets/css/map/map-popup.scss'
import { props } from '../../conf/Constants'

export default {
  name: 'Popup',
  data () {
    return {

      tabsValue: '',
      tabs: [],
      tabIndex: 2,
      isShow: false,
      data: ''
      properties: {},
      props: props
    }
  },

  computed: {
  },
  methods: {
    filter (content) {
      var obj = {}
      for (const key in content) {
        if (this.props[key]) {
          obj[this.props[key]] = content[key]
        }
      }
      console.log(obj)
      return obj
    },
    setDatas (layer) {
      this.tabs = layer
      this.tabsValue = layer[0].name
    },
    setShow () {
      // this.style.display='auto'
      this.data = 'adsfadfsadfsdafsdfsdfdsafsdafsdafa'
@@ -48,6 +62,12 @@
}
</script>

<style lang="less">
<style lang="less" >
@import '../../assets/css/map/map-popup.less';
#popup{
 .el-tabs__content{
    max-height: 240px;
    overflow-y: scroll;
  }
}
</style>