~xingchuan/SewerAndRainNetwork.git

			@@ -5,12 +5,11 @@
			<div class="border_corner border_corner_left_bottom"></div>
			<div class="border_corner border_corner_right_bottom"></div>
			<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("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>
			<component :is="currentTab"></component>
			<div class="legend" >
			<span >正常</span>
			<i style=" background: #4ec99c;"></i>
			@@ -19,33 +18,34 @@
			<span >超标</span>
			<i style=" background: orange;"></i>
			</div>
			<component :is="currentTab" v-bind="$attrs"></component>
			</div>
			</template>

			<script>
			import EChartsHour from './EChartsHour'
			// import EChartsDate from './EChartsDate'
			import EChartsHourWasteWater from './EChartsHourWasteWater'
			import EChartsDateWasteWater from './EChartsDateWasteWater'
			import EChartsDate from './EChartsDate'
			import ECharts from './Echarts'
			// import EChartsHourWasteWater from './EChartsHourWasteWater'
			// import EChartsDateWasteWater from './EChartsDateWasteWater'

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