From 150a37f948214be4bd183b30f3f2865a6f1c519f Mon Sep 17 00:00:00 2001
From: 徐旺旺 <11530253@qq.com>
Date: 星期四, 29 四月 2021 14:16:18 +0800
Subject: [PATCH] 替换wms服务初步
---
src/views/popup/Popup.vue | 65 +++++++++-----------------------
1 files changed, 18 insertions(+), 47 deletions(-)
diff --git a/src/views/popup/Popup.vue b/src/views/popup/Popup.vue
index ac5d088..8373db6 100644
--- a/src/views/popup/Popup.vue
+++ b/src/views/popup/Popup.vue
@@ -1,14 +1,14 @@
<template>
<div id="popup" v-if="isShow" class="s-map-popup-panel">
- <el-tabs v-model="tabsValue" type="card" @edit="handleTabsEdit">
+ <el-tabs v-model="tabsValue" type="card">
<el-tab-pane
:key="item.name"
v-for="(item) in tabs"
:label="item.title"
:name="item.name"
>
- <el-row v-for="(v,k) in filter" :key="k">
- <el-col :span="12">{{k}}</el-col>
+ <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>
@@ -24,11 +24,8 @@
name: 'Popup',
data () {
return {
- tabsValue: '1',
- tabs: [{
- title: '姹￠洦姘�',
- name: '1'
- }],
+ tabsValue: '',
+ tabs: [],
tabIndex: 2,
isShow: false,
properties: {},
@@ -36,47 +33,21 @@
}
},
computed: {
- filter () {
- var obj = {}
- for (const key in this.properties) {
- if (this.props[key]) {
- obj[this.props[key]] = this.properties[key]
- }
- }
- return obj
- }
},
methods: {
- handleTabsEdit (targetName, action) {
- if (action === 'add') {
- const newTabName = ++this.tabIndex + ''
- this.editableTabs.push({
- title: 'New Tab',
- name: newTabName,
- content: 'New Tab content'
- })
- this.editableTabsValue = newTabName
- }
- if (action === 'remove') {
- const tabs = this.editableTabs
- let activeName = this.editableTabsValue
- if (activeName === targetName) {
- tabs.forEach((tab, index) => {
- if (tab.name === targetName) {
- const nextTab = tabs[index + 1] || tabs[index - 1]
- if (nextTab) {
- activeName = nextTab.name
- }
- }
- })
+ filter (content) {
+ var obj = {}
+ for (const key in content) {
+ if (this.props[key]) {
+ obj[this.props[key]] = content[key]
}
-
- this.editableTabsValue = activeName
- this.editableTabs = tabs.filter(tab => tab.name !== targetName)
}
+ console.log(obj)
+ return obj
},
- setDatas (feature) {
- this.properties = feature.properties
+ setDatas (layer) {
+ this.tabs = layer
+ this.tabsValue = layer[0].name
},
setShow () {
// this.style.display='auto'
@@ -94,9 +65,9 @@
<style lang="less" >
@import '../../assets/css/map/map-popup.less';
#popup{
- .el-tabs__content{
- max-height: 300px;
- overflow: auto;
+ .el-tabs__content{
+ max-height: 240px;
+ overflow-y: scroll;
}
}
</style>
--
Gitblit v1.8.0