From 90bd1d10df12f458eb2e64e8de2b225f45d02153 Mon Sep 17 00:00:00 2001 From: 徐旺旺 <11530253@qq.com> Date: 星期三, 14 四月 2021 17:34:08 +0800 Subject: [PATCH] 管网、环保设施、附属设施搜索定位 --- src/components/BaseNav/PublicBounced/common/PublicChart.vue | 52 +++++++++++++++++++++++++++++++--------------------- 1 files changed, 31 insertions(+), 21 deletions(-) diff --git a/src/components/BaseNav/PublicBounced/common/PublicChart.vue b/src/components/BaseNav/PublicBounced/common/PublicChart.vue index e0e94a3..0ea49c3 100644 --- a/src/components/BaseNav/PublicBounced/common/PublicChart.vue +++ b/src/components/BaseNav/PublicBounced/common/PublicChart.vue @@ -29,15 +29,15 @@ </template> <script> -import ECharts from './Echarts' -import EChartsHour from './EChartsHour' -import EChartsDate from './EChartsDate' -import EChartsTable from './EChartsTable' +import ECharts from './echarts/Echarts' +import EChartsHour from './echarts/EChartsHour' +import EChartsDate from './echarts/EChartsDate' +import EChartsTable from './echarts/EChartsTable' -import EChartsRealWasteWater from './EChartsRealWasteWater' -import EChartsHourWasteWater from './EChartsHourWasteWater' -import EChartsDateWasteWater from './EChartsDateWasteWater' -import EChartsWasteWaterTable from './EChartsWasteWaterTable' +import EChartsRealWasteWater from './echarts/EChartsRealWasteWater' +import EChartsHourWasteWater from './echarts/EChartsHourWasteWater' +import EChartsDateWasteWater from './echarts/EChartsDateWasteWater' +import EChartsWasteWaterTable from './echarts/EChartsWasteWaterTable' export default { name: 'PublicChart', @@ -53,10 +53,11 @@ }, mounted () { this.$refs.Echatrs.CreateChart() + this.$refs.Echatrs.effChartShow() }, data () { return { - currentTab: 'EChartsHour', + currentTab: this.current(), active: '1' } }, @@ -65,6 +66,14 @@ this.currentTab = taggleMenu this.active = num // debugger + }, + current (currentTab) { + if (this.$attrs.value === 'feishui') { + currentTab = 'EChartsHourWasteWater' + } else { + currentTab = 'EChartsHour' + } + return currentTab } } } @@ -74,10 +83,8 @@ <style scoped lang="less"> .win { position: relative; - /*margin-bottom: 13px;*/ background:@background-color; border: 0.8px solid #396d83; - /*height: 1.5rem;*/ } .border_corner { @@ -120,16 +127,17 @@ .tab { display: flex; border-bottom: 1px solid #396d83; - padding:5px 10px + padding:0.02rem 0.04rem; } .tab li { background-color: #243a55; - line-height: 25px; + line-height:0.15rem; + height: 0.15rem; text-align: center; border-radius: 5px; - margin-right: 10px; - padding:0 15px + margin-right: 0.04rem; + padding:0 0.04rem; } .tab li.hover, .tab li:hover { @@ -139,20 +147,22 @@ } .legend{ position: absolute; - top:10px; + top:0.05rem; right: 0; display: flex; justify-items: center; } .legend i { display: block; - width: 35px; - height: 15px; - margin:0 10px 0 3px; - border-radius: 3px; + width: 0.2rem; + height: 0.09rem; + margin:0 0.1rem 0 0.05rem; + border-radius: 0.02rem; } .legend span{ - line-height: 15px; + line-height: 0.09rem; + height: 0.09rem; + font-size: 0.06rem; } </style> -- Gitblit v1.8.0