| | |
| | | <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" v-if="this.$attrs.value === 'feiqi'"> |
| | | <ul class="tab" v-show="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> |
| | | <ul class="tab" v-show="this.$attrs.value !== 'feiqi'"> |
| | | <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> |
| | |
| | | EChartsDateWasteWater, |
| | | EChartsWasteWaterTable |
| | | }, |
| | | mounted () { |
| | | this.$refs.Echatrs.CreateChart() |
| | | }, |
| | | updated () { |
| | | this.$refs.Echats.CreateChart() |
| | | }, |
| | | data () { |
| | | return { |
| | | currentTab: this.current(), |
| | | active: '1' |
| | | active: '0' |
| | | } |
| | | }, |
| | | // updated () { |
| | | // this.$refs.Echats.DrawEXHRealTimeDateChart() |
| | | // }, |
| | | methods: { |
| | | tabTaggle (taggleMenu, num) { |
| | | this.currentTab = taggleMenu |
| | | this.active = num |
| | | // debugger |
| | | }, |
| | | current (currentTab) { |
| | | if (this.$attrs.value === 'feishui') { |
| | | currentTab = 'EChartsHourWasteWater' |
| | | console.log(currentTab) |
| | | currentTab = 'EChartsRealWasteWater' |
| | | } else { |
| | | currentTab = 'EChartsHour' |
| | | console.log(currentTab) |
| | | currentTab = 'ECharts' |
| | | } |
| | | return currentTab |
| | | } |