| | |
| | | <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>--> |
| | | <li :class="active==0?'hover':''" @click='tabTaggle("EChartsHour",0)'>实时数据</li> |
| | | <li :class="active==1?'hover':''" @click='tabTaggle("EChartsHour",1)'>小时数据</li> |
| | | <li :class="active==2?'hover':''" @click='tabTaggle("EChartsHourWasteWater",2)'>日数据</li> |
| | | <li :class="active==3?'hover':''" @click='tabTaggle("ECharts",3)'>人工数据</li> |
| | | <li @click='tabTaggle("ECharts")'>实时数据</li> |
| | | <li @click='tabTaggle("EChartsHour")'>小时数据</li> |
| | | <li @click='tabTaggle("EChartsDate")'>日数据</li> |
| | | <li @click='tabTaggle("EChartsDate")'>人工数据</li> |
| | | </ul> |
| | | <div class="legend" > |
| | | <span >正常</span> |
| | |
| | | }, |
| | | data () { |
| | | return { |
| | | currentTab: 'EChartsHour', |
| | | active: '0' |
| | | currentTab: 'EChartsHour' |
| | | } |
| | | }, |
| | | methods: { |
| | | tabTaggle (taggleMenu, num) { |
| | | tabTaggle (taggleMenu) { |
| | | this.currentTab = taggleMenu |
| | | this.active = num |
| | | // debugger |
| | | } |
| | | } |