问题修改

QibolinCzp

2021-05-14 2775d5f5cee087361e9e85e10ff55665e5ed0839

 src/views/popup/Popup.vue

@@ -1,11 +1,11 @@
<template>
  <div id="popup" v-if="isShow" class="s-map-popup-panel">
    <el-tabs v-model="tabsValue" type="card">
  <div id="popup" class="s-map-popup-panel" style="min-width: 280px;max-width: 280px;padding: 0 10px">
    <el-tabs value="0" type="card">
      <el-tab-pane
              :key="item.name"
              v-for="(item) in tabs"
              v-for="(item,index) in datas"
              :label="item.title"
              :name="item.name"
              :name="index"
      >
        <el-row v-for="(v,k) in filter(item.content)" :key="k">
          <el-col :span="12"><B>{{k}}：</B></el-col>
@@ -22,10 +22,10 @@

export default {
  name: 'Popup',
  props: ['datas'],
  data () {
    return {
      tabsValue: '',
      tabs: [],
      tabIndex: 2,
      isShow: false,
      properties: {},
@@ -42,22 +42,30 @@
          obj[this.props[key]] = content[key]
        }
      }
      console.log(obj)
      // console.log(obj)
      return obj
    },
    setDatas (layer) {
      this.tabs = layer
      console.log(layer)
      this.datas = layer
      this.tabsValue = layer[0].name
    },
    setShow () {
      // this.style.display='auto'
      this.data = 'adsfadfsadfsdafsdfsdfdsafsdafsdafa'
      this.isShow = true
    },
    onClick () {
      const param = 1111
      this.$emit('callPopup', param)
    }
  },
  watch: {
    datas (newVal) {
      console.log(newVal)
      if (newVal != null) {
        this.tabsValue = newVal[0].name
      }
    }
  }
}
</script>