| | |
| | | <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> |
| | |
| | | |
| | | export default { |
| | | name: 'Popup', |
| | | props: ['datas'], |
| | | data () { |
| | | return { |
| | | tabsValue: '', |
| | | tabs: [], |
| | | tabIndex: 2, |
| | | isShow: false, |
| | | properties: {}, |
| | |
| | | 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> |