From dd1f49d08fd83a900c08eb87c78a6d56b3ee3a50 Mon Sep 17 00:00:00 2001
From: chenyabin <Chenab123!>
Date: 星期二, 11 五月 2021 10:36:23 +0800
Subject: [PATCH] 图层控制联动效果。
---
src/views/popup/Popup.vue | 22 +++++++++++++++-------
1 files changed, 15 insertions(+), 7 deletions(-)
diff --git a/src/views/popup/Popup.vue b/src/views/popup/Popup.vue
index 8373db6..d29196c 100644
--- a/src/views/popup/Popup.vue
+++ b/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: {},
@@ -46,18 +46,26 @@
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>
--
Gitblit v1.8.0