From 4e53f9f57bac8b8a35c8099f3e31d9ff7724398c Mon Sep 17 00:00:00 2001 From: chenzeping <ChenZeping02609@163.com> Date: 星期四, 01 四月 2021 16:30:57 +0800 Subject: [PATCH] Merge branch 'develop' of http://xearth.cn:6600/r/wuyushui/SewerAndRainNetwork into develop --- src/components/panel/LegendPanel.vue | 121 +++------------------------------------ 1 files changed, 11 insertions(+), 110 deletions(-) diff --git a/src/components/panel/LegendPanel.vue b/src/components/panel/LegendPanel.vue index 383aea2..b3c4784 100644 --- a/src/components/panel/LegendPanel.vue +++ b/src/components/panel/LegendPanel.vue @@ -2,13 +2,13 @@ <div class="legend-panel"> <transition name="fade"> <div :class="'legend-content map-background'" v-show="legendControl"> - <div class="legend-content-box" v-for="(item,index) in legendContents" :key="index"> - <p><span>{{ item.title }}</span></p> - <div :class="index === 5 ? '':'map-under-line'"></div> + <div class="legend-content-box" v-for="(item,index) in serviceLayers" :key="index"> + <p><span>{{ item.name }}</span></p> + <div class="map-under-line"></div> <ul> - <li v-for="(ite,inde) in item.items" :key="inde"> + <li v-for="(ite,inde) in item.layers" :key="inde"> <img :src='ite.legendImage' alt=''> - <span>{{ ite.legendContent }}</span> + <span>{{ ite.name }}</span> </li> </ul> </div> @@ -28,111 +28,12 @@ data () { return { // 鎺у埗鍥句緥 鍐呭鐨� 鏄剧ず/闅愯棌 - legendControl: false, - // 鍥鹃噷瀛樺偍鏁版嵁 - legendContents: [ - { - title: '浼佷笟', - items: [ - { - legendImage: '../.././assets/images/map-pages/setting.png', - legendContent: '涓浗鐭冲寲' - }, - { - legendImage: '../.././assets/images/map-pages/setting.png', - legendContent: '娌圭敯浼佷笟 ' - }, - { - legendImage: '../.././assets/images/map-pages/setting.png', - legendContent: '鐐煎寲浼佷笟' - }, - { - legendImage: '../.././assets/images/map-pages/setting.png', - legendContent: '閿�鍞紒涓�' - } - ] - }, - { - title: '姘存儏', - items: [ - { - legendImage: '../.././assets/images/map-pages/setting.png', - legendContent: '姘存枃绔�' - } - ] - }, - { - title: '绠$嚎', - items: [ - { - legendImage: '../.././assets/images/map-pages/setting.png', - legendContent: '澶╃劧姘旂绾�' - }, - { - legendImage: '../.././assets/images/map-pages/setting.png', - legendContent: '澶╃劧姘斿満绔�' - }, - { - legendImage: '../.././assets/images/map-pages/setting.png', - legendContent: '鎴愬搧娌圭绾�' - }, - { - legendImage: '../.././assets/images/map-pages/setting.png', - legendContent: '鎴愬搧娌瑰満绔�' - } - ] - }, - { - title: '鍙伴', - items: [ - { - legendImage: '../.././assets/images/map-pages/setting.png', - legendContent: '鍙伴瀹炴祴涓績' - }, - { - legendImage: '../.././assets/images/map-pages/setting.png', - legendContent: '鍙伴瀹炴祴璺緞' - }, - { - legendImage: '../.././assets/images/map-pages/setting.png', - legendContent: '鍙伴棰勬祴涓績' - }, - { - legendImage: '../.././assets/images/map-pages/setting.png', - legendContent: '鍙伴棰勬祴璺緞' - }, - { - legendImage: '../.././assets/images/map-pages/setting.png', - legendContent: '鍙伴褰撳墠涓績' - } - ] - }, - { - title: '闄嶆按绛夌骇(鍗曚綅锛歮m)', - items: [ - { - legendImage: '../.././assets/images/map-pages/setting.png', - legendContent: '灏忛洦0-5' - }, - { - legendImage: '../.././assets/images/map-pages/setting.png', - legendContent: '涓洦5-10' - }, - { - legendImage: '../.././assets/images/map-pages/setting.png', - legendContent: '澶ч洦10-20' - }, - { - legendImage: '../.././assets/images/map-pages/setting.png', - legendContent: '鏆撮洦20-50' - }, - { - legendImage: '../.././assets/images/map-pages/setting.png', - legendContent: '澶ф毚闆�50-100' - } - ] - } - ] + legendControl: false + } + }, + computed: { + serviceLayers () { + return this.$store.state.map.serviceLayers.LayerSewersLine } }, methods: { -- Gitblit v1.8.0