~xingchuan/SewerAndRainNetwork.git

			@@ -9,6 +9,10 @@
			<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>
			</ul>
			<div class="legend" >
			<span >正常</span>
			@@ -26,28 +30,31 @@
			import EChartsHour from './EChartsHour'
			import EChartsDate from './EChartsDate'
			import ECharts from './Echarts'
			// import EChartsDate from './EChartsDate'
			import EChartsHourWasteWater from './EChartsHourWasteWater'

			export default {
			name: 'PublicChart',
			components: {
			EChartsHour,
			EChartsDate,
			ECharts
			ECharts,
			// EChartsDate
			EChartsHourWasteWater
			},
			data () {
			return {
			currentTab: 'EChartsHour'
			currentTab: 'EChartsHour',
			active: '0'
			}
			},
			methods: {
			tabTaggle (taggleMenu) {
			tabTaggle (taggleMenu, num) {
			this.currentTab = taggleMenu
			this.active = num
			// debugger
			}
			}
			// created () {
			// this.$refs.CreateChart
			// }
			}

			</script>
			@@ -112,10 +119,10 @@
			margin-right: 10px;
			padding:0 15px
			}

			.tab li.hover,
			.tab li:hover {
			background-color: #0e639e;
			color: #682000;
			color: #fff;
			cursor: pointer;
			}
			.legend{