From acae818f4359f8b7e333c25e73975bb848184152 Mon Sep 17 00:00:00 2001 From: wangqi <magical1908@outlook.com> Date: 星期三, 14 四月 2021 18:38:38 +0800 Subject: [PATCH] 图表切换报错修改 --- src/components/BaseNav/PublicBounced/common/PublicChart.vue | 40 ++++++++++++++++++++++++++-------------- 1 files changed, 26 insertions(+), 14 deletions(-) diff --git a/src/components/BaseNav/PublicBounced/common/PublicChart.vue b/src/components/BaseNav/PublicBounced/common/PublicChart.vue index 7843e9c..b7d1745 100644 --- a/src/components/BaseNav/PublicBounced/common/PublicChart.vue +++ b/src/components/BaseNav/PublicBounced/common/PublicChart.vue @@ -4,15 +4,17 @@ <div class="border_corner border_corner_right_top"></div> <div class="border_corner border_corner_left_bottom"></div> <div class="border_corner border_corner_right_bottom"></div> - <ul class="tab"> -<!-- <li @click='tabTaggle("ECharts")'>瀹炴椂鏁版嵁</li>--> -<!-- <li @click='tabTaggle("EChartsHour")'>灏忔椂鏁版嵁</li>--> -<!-- <li @click='tabTaggle("EChartsDate")'>鏃ユ暟鎹�</li>--> -<!-- <li @click='tabTaggle("EChartsDate")'>浜哄伐鏁版嵁</li>--> + <ul class="tab" v-if="this.$attrs.value === 'feiqi'"> <li :class="active==0?'hover':''" @click='tabTaggle("ECharts",0)'>瀹炴椂鏁版嵁</li> <li :class="active==1?'hover':''" @click='tabTaggle("EChartsHour",1)'>灏忔椂鏁版嵁</li> <li :class="active==2?'hover':''" @click='tabTaggle("EChartsDate",2)'>鏃ユ暟鎹�</li> <li :class="active==3?'hover':''" @click='tabTaggle("EChartsTable",3)'>浜哄伐鏁版嵁</li> + </ul> + <ul class="tab" v-else> + <li :class="active==0?'hover':''" @click='tabTaggle("EChartsRealWasteWater",0)'>瀹炴椂鏁版嵁</li> + <li :class="active==1?'hover':''" @click='tabTaggle("EChartsHourWasteWater",1)'>灏忔椂鏁版嵁</li> + <li :class="active==2?'hover':''" @click='tabTaggle("EChartsDateWasteWater",2)'>鏃ユ暟鎹�</li> + <li :class="active==3?'hover':''" @click='tabTaggle("EChartsWasteWaterTable",3)'>浜哄伐鏁版嵁</li> </ul> <div class="legend" > <span >姝e父</span> @@ -27,12 +29,15 @@ </template> <script> +import ECharts from './echarts/Echarts' import EChartsHour from './echarts/EChartsHour' import EChartsDate from './echarts/EChartsDate' -import ECharts from './echarts/Echarts' -// import EChartsDate from './EChartsDate' +import EChartsTable from './echarts/EChartsTable' + +import EChartsRealWasteWater from './echarts/EChartsRealWasteWater' import EChartsHourWasteWater from './echarts/EChartsHourWasteWater' -import EChartsTable from '@components/BaseNav/PublicBounced/common/echarts/EChartsTable' +import EChartsDateWasteWater from './echarts/EChartsDateWasteWater' +import EChartsWasteWaterTable from './echarts/EChartsWasteWaterTable' export default { name: 'PublicChart', @@ -40,16 +45,15 @@ EChartsHour, EChartsDate, ECharts, - // EChartsDate + EChartsTable, + EChartsRealWasteWater, EChartsHourWasteWater, - EChartsTable - }, - updated () { - this.$refs.Echats.CreateChart() + EChartsDateWasteWater, + EChartsWasteWaterTable }, data () { return { - currentTab: EChartsHour, + currentTab: this.current(), active: '1' } }, @@ -58,6 +62,14 @@ this.currentTab = taggleMenu this.active = num // debugger + }, + current (currentTab) { + if (this.$attrs.value === 'feishui') { + currentTab = 'EChartsHourWasteWater' + } else { + currentTab = 'EChartsHour' + } + return currentTab } } } -- Gitblit v1.8.0