~xingchuan/SewerAndRainNetwork.git

			@@ -5,10 +5,14 @@
			<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("EChartsTable")'>人工数据</li>
			<!-- <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("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>
			<div class="legend" >
			<span >正常</span>
			@@ -18,7 +22,7 @@
			<span >超标</span>
			<i style=" background: orange;"></i>
			</div>
			<component :is="currentTab" v-bind="$attrs"></component>
			<component :is="currentTab" v-bind="$attrs" ref="Echatrs"></component>
			</div>
			</template>

			@@ -40,14 +44,19 @@
			EChartsHourWasteWater,
			EChartsTable
			},
			mounted () {
			this.$refs.Echatrs.CreateChart()
			},
			data () {
			return {
			currentTab: 'EChartsHour'
			currentTab: 'EChartsHour',
			active: '1'
			}
			},
			methods: {
			tabTaggle (taggleMenu) {
			tabTaggle (taggleMenu, num) {
			this.currentTab = taggleMenu
			this.active = num
			// debugger
			}
			}