派生自 wuyushui/SewerAndRainNetwork
src/components/BaseNav/PublicBounced/common/echarts/EChartsHour.vue
@@ -37,7 +37,7 @@ center v-dialogDrag > <div class="el-dialog-div" style="height: 500px"> <div class="el-dialog-div"> <public-detailed-list v-bind="$attrs"></public-detailed-list> </div> </el-dialog> @@ -45,6 +45,7 @@ </template> <script> // import mapApi from '@/api/mapApi' import PublicDetailedList from '@components/BaseNav/PublicBounced/common/echarts/PublicDetailedList' import dayjs from 'dayjs' export default { @@ -517,6 +518,395 @@ // createDivByMouse("s",params.event); }) */ } // 废气按天查询小时数据 // queryZDYDate_24 (id) { // this.formInline.timeStart // this.formInline.timeEnd // // var date = $('#riqi_24').val() // // if (date) { // // var date1 = new Date(date) // // date1 = new Date(date1.getTime() - (8 * 3600000)) // // console(date1) // // var dateUtil = new DateUtil() // // var datePkg = dateUtil.getTowDate(date1, 'a', 24 * 3600000 - 1) // // var dateTime1FullStr = // var datatype = 2 // console(datePkg) // // if (CFG_Model.production) { // get24HourDate(datePkg.dateTime1FullStr, datePkg.dateTime2FullStr, id, datatype, '28,31,226', function (res) { // // 处理数据开始 // var d = res // var nameList = [] // 存放图例 // var dateList = [] // 存放时间 // var dataList = [] // 存放数据 // var bzh = [] // 标准值 // var data = [] // wrwIDS = [] // for (var i = 0; i < d.length; i++) { // var MonTimeStr = d[i].MonTimeStr // // // 20190430 add 获取监测点id 污染物id 检测项id // getWRW(d[i]) // // var strDate // var d1 = MonTimeStr.split('/') // var d2 = d1[2].split(' ') // var t = MonTimeStr.split(' ') // var hlist = t[1].split(':') // var h = hlist[0] // if (d1[1] > 9) { // // strDate=MonTimeStr.substring(8,10)+"日"; // if (d2[0] > 9) { // strDate = '' // if (h > 9) { // strDate += MonTimeStr.substring(11, 13) + '时' // } else { // strDate += MonTimeStr.substring(11, 12) + '时' // } // } else { // strDate = '' // if (h > 9) { // strDate += MonTimeStr.substring(10, 12) + '时' // } else { // strDate += MonTimeStr.substring(10, 11) + '时' // } // } // } else { // if (d2[0] > 9) { // strDate = '' // if (h > 9) { // strDate += MonTimeStr.substring(10, 12) + '时' // } else { // strDate += MonTimeStr.substring(10, 11) + '时' // } // } else { // strDate = '' // if (h > 9) { // strDate += MonTimeStr.substring(9, 11) + '时' // } else { // strDate += MonTimeStr.substring(9, 10) + '时' // } // } // } // // if (nameList.length == 0) { // nameList.push(d[i].PoltmtrlName.trim()) // dateList.push(strDate) // if ((d[i].PoltmtrlName == '废气流量' || d[i].PoltmtrlName == '废气') && d[i].MonQty < 0) { // d[i].MonQty = 0 // } // data.push(d[i].MonQty) // bzh.push(d[i].StdValue) // } else if (nameList.indexOf(d[i].PoltmtrlName.trim()) < 0) { // nameList.push(d[i].PoltmtrlName) // bzh.push(d[i].StdValue) // dataList.push(data) // data = new Array() // if ((d[i].PoltmtrlName == '废气流量' || d[i].PoltmtrlName == '废气') && d[i].MonQty < 0) { // d[i].MonQty = 0 // } // data.push(d[i].MonQty) // } else if (i == d.length - 1) { // if ((d[i].PoltmtrlName == '废气流量' || d[i].PoltmtrlName == '废气') && d[i].MonQty < 0) { // d[i].MonQty = 0 // } // data.push(d[i].MonQty) // dataList.push(data) // } else { // if (dateList.indexOf(strDate) < 0) { // dateList.push(strDate) // } // if ((d[i].PoltmtrlName == '废气流量' || d[i].PoltmtrlName == '废气') && d[i].MonQty < 0) { // d[i].MonQty = 0 // } // data.push(d[i].MonQty) // } // } // // 处理数据结束 // // // dateList=get24DateTime(); // // var newList = [] // for (var i = 0; i < dataList.length; i++) { // var list = dataList[i].reverse() // newList.push(list) // } // dataList = newList // // var id = 'mychart' // var title = '加热炉烟气' // var lengList = [] // var objTemp // // for (var l = 0; l < nameList.length; l++) { // var obj // var iconurl // if (nameList[l] == '二氧化硫') { // iconurl = 'image://../assets/imgs/legend/SO2.png' // } else if (nameList[l] == '氮氧化物') { // iconurl = 'image://../assets/imgs/legend/NOX.png' // } else if (nameList[l] == '烟尘') { // iconurl = 'image://../assets/imgs/legend/YanChen.png' // } else if (nameList[l] == '非甲烷总烃') { // iconurl = 'image://../assets/imgs/legend/grn.png' // } else if (nameList[l] == '温度') { // iconurl = 'image://../assets/imgs/legend/WenDu.png' // } else { // iconurl = 'image://../assets/imgs/legend/VOCs.png' // } // // if (nameList[l] == '废气' || nameList[l] == '废气流量') { // 将废气流量排到数组最后 // objTemp = { // name: nameList[l], // icon: iconurl, // textStyle: { // color: '#ccc' // }, // itemWidth: 20, // itemHeight: 5 // } // } else { // obj = { // name: nameList[l], // icon: iconurl, // textStyle: { // color: '#ccc' // }, // itemWidth: 20, // itemHeight: 5 // } // lengList.push(obj) // } // } // lengList.push(objTemp) // // var legend = lengList // var xdata = dateList.reverse() // var ydatas = [] // // for (var j = 0; j < nameList.length; j++) { // var zdcbcolor, zxcolor // if (nameList[j] == '二氧化硫') { // zdcbcolor = 'red' // zxcolor = '#fff21c' // } else if (nameList[j] == '氮氧化物') { // zdcbcolor = 'red' // zxcolor = '#00B0F0' // } else if (nameList[j] == '烟尘') { // zdcbcolor = 'red' // zxcolor = '#f48183' // } else if (nameList[j] == '温度') { // zdcbcolor = 'red' // zxcolor = '#F206FF' // } else { // zdcbcolor = 'red' // zxcolor = '#9ACD32' // } // var ydata = { // name: nameList[j], // data: dataList[j], // zdcbcolor: zdcbcolor, // zxcolor: zxcolor, // bzz: bzh[j] // } // exhbzz = { // name: nameList[j], // bzhui: bzh[j] // } // exhbzzList.push(exhbzz) // // ydatas.push(ydata) // } // // var yname = '浓度(mg/m³)' // CreateChart(id, title, legend, xdata, ydatas, yname, id, datatype) // console.log(123323) // console.log(id, title, legend, xdata, ydatas, yname, id, datatype) // }) // } else { // get24HourDate1(datePkg.dateTime1FullStr, datePkg.dateTime2FullStr, id, datatype, '28,31', function (res) { // // 处理数据开始 // var d = res // var nameList = [] // 存放图例 // var dateList = [] // 存放时间 // var dataList = [] // 存放数据 // var bzh = [] // 标准值 // var data = [] // wrwIDS = [] // for (var i = 0; i < d.length; i++) { // var MonTimeStr = d[i].MonTimeStr // // // 20190430 add 获取监测点id 污染物id 检测项id // getWRW(d[i]) // // var strDate // var d1 = MonTimeStr.split('/') // var t = MonTimeStr.split(' ') // var hlist = t[1].split(':') // var h = hlist[0] // if (d1[1] > 9) { // // strDate=MonTimeStr.substring(8,10)+"日"; // strDate = '' // if (h > 9) { // strDate += MonTimeStr.substring(11, 13) + '时' // } else { // strDate += MonTimeStr.substring(11, 12) + '时' // } // } else { // // strDate=MonTimeStr.substring(7,9)+"日"; // strDate = '' // if (h > 9) { // strDate += MonTimeStr.substring(10, 12) + '时' // } else { // strDate += MonTimeStr.substring(10, 11) + '时' // } // } // // if (nameList.length == 0) { // nameList.push(d[i].PoltmtrlName.trim()) // dateList.push(strDate) // if ((d[i].PoltmtrlName == '废气流量' || d[i].PoltmtrlName == '废气') && d[i].MonQty < 0) { // d[i].MonQty = 0 // } // data.push(d[i].MonQty) // bzh.push(d[i].StdValue) // } else if (nameList.indexOf(d[i].PoltmtrlName.trim()) < 0) { // nameList.push(d[i].PoltmtrlName) // bzh.push(d[i].StdValue) // dataList.push(data) // data = new Array() // if ((d[i].PoltmtrlName == '废气流量' || d[i].PoltmtrlName == '废气') && d[i].MonQty < 0) { // d[i].MonQty = 0 // } // data.push(d[i].MonQty) // } else if (i == d.length - 1) { // if ((d[i].PoltmtrlName == '废气流量' || d[i].PoltmtrlName == '废气') && d[i].MonQty < 0) { // d[i].MonQty = 0 // } // data.push(d[i].MonQty) // dataList.push(data) // } else { // if (dateList.indexOf(strDate) < 0) { // dateList.push(strDate) // } // if ((d[i].PoltmtrlName == '废气流量' || d[i].PoltmtrlName == '废气') && d[i].MonQty < 0) { // d[i].MonQty = 0 // } // data.push(d[i].MonQty) // } // } // // 处理数据结束 // // dateList = get24DateTime() // dateList.reverse() // var newList = [] // // for (var i = 0; i < dataList.length; i++) { // var list = dataList[i].reverse() // newList.push(list) // } // dataList = newList // // var id = 'mychart' // var title = '加热炉烟气' // var lengList = [] // var objTemp // // for (var l = 0; l < nameList.length; l++) { // var obj // var iconurl // if (nameList[l] == '二氧化硫') { // iconurl = 'image://../assets/imgs/legend/SO2.png' // } else if (nameList[l] == '氮氧化物') { // iconurl = 'image://../assets/imgs/legend/NOX.png' // } else if (nameList[l] == '烟尘') { // iconurl = 'image://../assets/imgs/legend/YanChen.png' // } else if (nameList[l] == '非甲烷总烃') { // iconurl = 'image://../assets/imgs/legend/grn.png' // } else if (nameList[l] == '温度') { // iconurl = 'image://../assets/imgs/legend/WenDu.png' // } else { // iconurl = 'image://../assets/imgs/legend/VOCs.png' // } // // if (nameList[l] == '废气' || nameList[l] == '废气流量') { // 将废气流量排到数组最后 // objTemp = { // name: nameList[l], // icon: iconurl, // textStyle: { // color: '#ccc' // }, // itemWidth: 20, // itemHeight: 5 // } // } else { // obj = { // name: nameList[l], // icon: iconurl, // textStyle: { // color: '#ccc' // }, // itemWidth: 20, // itemHeight: 5 // } // lengList.push(obj) // } // } // lengList.push(objTemp) // // var legend = lengList // var xdata = dateList.reverse() // var ydatas = [] // // for (var j = 0; j < nameList.length; j++) { // var zdcbcolor, zxcolor // if (nameList[j] == '二氧化硫') { // zdcbcolor = 'red' // zxcolor = '#fff21c' // } else if (nameList[j] == '氮氧化物') { // zdcbcolor = 'red' // zxcolor = '#00B0F0' // } else if (nameList[j] == '烟尘') { // zdcbcolor = 'red' // zxcolor = '#f48183' // } else if (nameList[j] == '温度') { // zdcbcolor = 'red' // zxcolor = '#F206FF' // } else { // zdcbcolor = 'red' // zxcolor = '#9ACD32' // } // var ydata = { // name: nameList[j], // data: dataList[j], // zdcbcolor: zdcbcolor, // zxcolor: zxcolor, // bzz: bzh[j] // } // exhbzz = { // name: nameList[j], // bzhui: bzh[j] // } // exhbzzList.push(exhbzz) // ydatas.push(ydata) // } // // var yname = '浓度(mg/m³)' // CreateChart(id, title, legend, xdata, ydatas, yname, id, datatype) // onsole.log(id, title, legend, xdata, ydatas, yname, id, datatype) // }) // } // $('.btm span:nth-child(2)').empty() // var html = '监测时间 （' + datePkg.dateTime1FullStr + ' 至 ' + datePkg.dateTime2FullStr + '）' // $('.btm span:nth-child(2)').html(html) // // fore24Time = datePkg.dateTime1FullStr // back24Time = datePkg.dateTime2FullStr // } else { // alert('查询时间不能为空！') // } // } // drawChart: function () { // window.onresize = function () { // var h1 = document.documentElement.clientHeight// 获取屏幕的高度
