~xingchuan/SewerAndRainNetwork.git

			@@ -3,10 +3,10 @@
			<div id="Tab">
			<div class="infomation">
			<div>
			<span class="grid-content">氮氧化物 :<i>29.93</i> 标准 : 100</span>
			<span class="grid-content">二氧化硫 : <i>17.34</i> 标准 : 50</span>
			<span class="grid-content">烟尘 : <i>6.93</i> 标准 : 30</span>
			<span class="grid-content">废气流量 : <i>120343.18</i></span>
			<span class="grid-content">氮氧化物 :<i style="color: #e8ee0b">29.93</i> 标准 : 100</span>
			<span class="grid-content">二氧化硫 : <i style="color: #e8ee0b">17.34</i> 标准 : 50</span>
			<span class="grid-content">烟尘 : <i style="color: #e8ee0b">6.93</i> 标准 : 30</span>
			<span class="grid-content">废气流量 : <i style="color: #e8ee0b">120343.18</i></span>
			</div>
			</div>
			<div class="form-echrts">
			@@ -30,16 +30,16 @@
			</span>
			</div>
			</div>
			<div>
			采样点数:
			<el-select v-model="formInline.region">
			<el-option label="0" value="0"></el-option>
			<el-option label="25" value="25"></el-option>
			<el-option label="50" value="50"></el-option>
			<el-option label="75" value="75"></el-option>
			<el-option label="100" value="100"></el-option>
			</el-select>
			</div>
			<!-- <div>-->
			<!-- 采样点数:-->
			<!-- <el-select v-model="formInline.region">-->
			<!-- <el-option label="0" value="0"></el-option>-->
			<!-- <el-option label="25" value="25"></el-option>-->
			<!-- <el-option label="50" value="50"></el-option>-->
			<!-- <el-option label="75" value="75"></el-option>-->
			<!-- <el-option label="100" value="100"></el-option>-->
			<!-- </el-select>-->
			<!-- </div>-->
			<div class="detailbtn" @click="onSubmit">查询</div>
			<div class="detailbtn" @click="dialogVisible = true" >明细表</div>
			</div>
			@@ -141,24 +141,31 @@
			}
			}
			},
			created () {
			// this.$nextTick(() => {
			// this.CreateChart(this.JsonCtarts.id, this.JsonCtarts.title, this.JsonCtarts.legend, this.JsonCtarts.xdata, this.JsonCtarts.ydatas, this.JsonCtarts.yname, this.JsonCtarts.id, this.JsonCtarts.datatype)
			// }
			},
			mounted () {
			this.onSubmit()
			// this.CreateChart(this.JsonCtarts.id, this.JsonCtarts.title, this.JsonCtarts.legend, this.JsonCtarts.xdata, this.JsonCtarts.ydatas, this.JsonCtarts.yname, this.JsonCtarts.id, this.JsonCtarts.datatype)
			},
			methods: {
			onSubmit () {
			console.log(1)

			// const date = [this.value1, this.value2, this.formInline.region]
			// if (this.$attrs.)
			// console.log(this.$attrs.)
			this.CreateChart(this.JsonCtarts.id, this.JsonCtarts.title, this.JsonCtarts.legend, this.JsonCtarts.xdata, this.JsonCtarts.ydatas, this.JsonCtarts.yname, this.JsonCtarts.id, this.JsonCtarts.datatype)
			// console.log(date)
			// if (date) {
			// var date1 = new Date(date)
			// date1 = new Date(date1.getTime() - (8 * 3600000))
			// console.log(date1)
			// var dateUtil = new DateUtil()
			// var datePkg = dateUtil.getTowDate(date1, "a", 24 * 3600000 - 1);
			// var datatype = 2;
			this.CreateChart()
			// console.log(this.JsonCtarts.id, this.JsonCtarts.title, this.JsonCtarts.legend, this.JsonCtarts.xdata, this.JsonCtarts.ydatas, this.JsonCtarts.yname, this.JsonCtarts.id, this.JsonCtarts.datatype)
			// this.CreateChart(this.JsonCtarts.id, this.JsonCtarts.title, this.JsonCtarts.legend, this.JsonCtarts.xdata, this.JsonCtarts.ydatas, this.JsonCtarts.yname, this.JsonCtarts.id, this.JsonCtarts.datatype)
			},
			CreateChart: function (id, title, legend, xdata, ydatas, yname, jcdID, datatype) {
			CreateChart: function () {
			// var id = this.JsonCtarts.id
			// var title = this.JsonCtarts.title
			var legend = this.JsonCtarts.legend
			var xdata = this.JsonCtarts.xdata
			var ydatas = this.JsonCtarts.ydatas
			var yname = this.JsonCtarts.yname
			// var jcdId = this.JsonCtarts.jcdID
			var datatype = this.JsonCtarts.datatype

			this.myChart = this.$echarts.init(this.$refs.main)
			this.myChart.clear()
			var dataUnit = ''
			@@ -311,9 +318,10 @@
			var valueFliter
			if (value === 'NaN') {
			valueFliter = ''
			} else {
			// valueFliter = formatter(value)
			}
			// else {
			// // valueFliter = formatter(value)
			// }
			var maker = params[i].marker
			if (seriesName === '二氧化硫') {
			maker = '<span style="display:inline-block;margin-right:5px;border-radius:10px;width:10px;height:10px;background-color:#fff21c;"></span>'
			@@ -455,6 +463,7 @@
			}],
			series: serLists
			}
			console.log(option)
			this.myChart.setOption(option)
			/*
			this.myChart.on('legendselectchanged', function (params) {
			@@ -526,21 +535,20 @@
			}
			// createDivByMouse("s",params.event);
			}) */
			},
			drawChart: function () {
			window.onresize = function () {
			var h1 = document.documentElement.clientHeight// 获取屏幕的高度
			if (h1 > 700) {
			this.myChart.getDom().style.height = 3 + 'rem'
			this.myChart.getDom().style.width = 6 + 'rem'
			} else {
			this.myChart.getDom().style.height = 3 + 'rem'
			this.myChart.getDom().style.width = 6 + 'rem'
			}
			this.myChart.resize()
			}
			}

			// drawChart: function () {
			// window.onresize = function () {
			// var h1 = document.documentElement.clientHeight// 获取屏幕的高度
			// if (h1 > 700) {
			// this.myChart.getDom().style.height = 3 + 'rem'
			// this.myChart.getDom().style.width = 6 + 'rem'
			// } else {
			// this.myChart.getDom().style.height = 3 + 'rem'
			// this.myChart.getDom().style.width = 6 + 'rem'
			// }
			// this.myChart.resize()
			// }
			// }
			}

			}