From c5e63df7862894b6fc89d05da0a7ea19f130b172 Mon Sep 17 00:00:00 2001 From: ChenZeping <chenzeping> Date: 星期六, 08 五月 2021 10:59:12 +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..a67a49f 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