| | |
| | | <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-show="this.$attrs.value === 'feiqi'"> |
| | | <ul class="tab"> |
| | | <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-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> |
| | | <li :class="active==3?'hover':''" @click='tabTaggle("EChartsWasteWaterTable",3)'>人工数据</li> |
| | | </ul> |
| | | <div class="legend" > |
| | | <span >正常</span> |
| | |
| | | import EChartsDate from './echarts/EChartsDate' |
| | | import EChartsTable from './echarts/EChartsTable' |
| | | |
| | | import EChartsRealWasteWater from './echarts/EChartsRealWasteWater' |
| | | import EChartsHourWasteWater from './echarts/EChartsHourWasteWater' |
| | | import EChartsDateWasteWater from './echarts/EChartsDateWasteWater' |
| | | import EChartsWasteWaterTable from './echarts/EChartsWasteWaterTable' |
| | | |
| | | export default { |
| | | name: 'PublicChart', |
| | | components: { |
| | | EChartsHour, |
| | | EChartsDate, |
| | | ECharts, |
| | | EChartsTable, |
| | | EChartsRealWasteWater, |
| | | EChartsHourWasteWater, |
| | | EChartsDateWasteWater, |
| | | EChartsWasteWaterTable |
| | | EChartsTable |
| | | }, |
| | | data () { |
| | | return { |