| | |
| | | <div id="Tab"> |
| | | <div class="animation"> |
| | | <div class="infomation"> |
| | | <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"> |
| | |
| | | </span> |
| | | </div> |
| | | </div> |
| | | <div> |
| | | 采样点数: |
| | | <el-select v-model="formInline.region" placeholder="50"> |
| | | <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" placeholder="50">--> |
| | | <!-- <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> |
| | |
| | | datatype: 1 |
| | | } |
| | | } |
| | | }, |
| | | mounted () { |
| | | this.onSubmit() |
| | | // this.CreateChart(this.JsonDayCharts.id, this.JsonDayCharts.title, this.JsonDayCharts.legend, this.JsonDayCharts.xdata, this.JsonDayCharts.ydatas, this.JsonDayCharts.yname, this.JsonDayCharts.id, this.JsonDayCharts.datatype) |
| | | }, |
| | | methods: { |
| | | onSubmit () { |
| | |
| | | // } |
| | | // return options |
| | | // } |
| | | }, |
| | | mounted () { |
| | | // this.$nextTick(() => { |
| | | // this.drawChart() |
| | | // const dataWatch = JSON.parse(JSON.stringify(this.$attrs.getQueryOnlineMonDateData)).reverse() |
| | | // console.log(dataWatch) |
| | | // var dateDate = [] |
| | | // // {COD:[3,4,5]} |
| | | // var data = {} |
| | | // for (var n = 0; n < dataWatch.length; n++) { |
| | | // var d = dataWatch[n].MonTimeStr.substring(5, 9) |
| | | // if (dateDate.indexOf(d) < 0) { |
| | | // dateDate.push(d) |
| | | // } |
| | | // if (data[dataWatch[n].PoltmtrlName]) { |
| | | // data[dataWatch[n].PoltmtrlName].push(dataWatch[n].MonQty) |
| | | // } else { |
| | | // data[dataWatch[n].PoltmtrlName] = [dataWatch[n].MonQty] |
| | | // } |
| | | // } |
| | | // var series = [] |
| | | // for (var k in data) { |
| | | // series.push({ |
| | | // name: k, |
| | | // type: 'line', |
| | | // yAxisIndex: k === '废水流量' ? 1 : 0, |
| | | // data: data[k] |
| | | // }) |
| | | // } |
| | | // console.log(series) |
| | | // const opitons = this.initOptions(dateDate, series) |
| | | // this.mychartDay = this.$echarts.init(this.$refs.main) |
| | | // this.mychartDay.setOption(opitons) |
| | | // }) |
| | | } |
| | | } |
| | | </script> |