From 72002c71e77a75be680a4d11d7c72bb5e09554a3 Mon Sep 17 00:00:00 2001
From: chenyabin <Chenab123!>
Date: 星期一, 10 五月 2021 17:21:42 +0800
Subject: [PATCH] 管线搜索弹框整体调整,添加显示效果！
---
src/views/popup/Popup.vue | 78 ++++++++++++++++++++++++++------------
1 files changed, 53 insertions(+), 25 deletions(-)
diff --git a/src/views/popup/Popup.vue b/src/views/popup/Popup.vue
index 5bc6926..a67a49f 100644
--- a/src/views/popup/Popup.vue
+++ b/src/views/popup/Popup.vue
@@ -1,53 +1,81 @@
<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" 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,index) in datas"
+ :label="item.title"
+ :name="index"
+ >
+ <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',
+ props: ['datas'],
data () {
return {
-
+ tabsValue: '',
+ 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) {
+ 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>
-<style lang="less">
+<style lang="less" >
@import '../../assets/css/map/map-popup.less';
+#popup{
+ .el-tabs__content{
+ max-height: 240px;
+ overflow-y: scroll;
+ }
+}
</style>
--
Gitblit v1.8.0