From 4e8b552c7e79058e4b009aaeaacba403c8a1f2e5 Mon Sep 17 00:00:00 2001 From: wangqi <magical1908@outlook.com> Date: 星期五, 16 四月 2021 10:41:07 +0800 Subject: [PATCH] 废气点点击弹窗偏移 --- src/components/BaseNav/PublicBounced/common/echarts/EChartsHour.vue | 392 +++++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 files changed, 391 insertions(+), 1 deletions(-) diff --git a/src/components/BaseNav/PublicBounced/common/echarts/EChartsHour.vue b/src/components/BaseNav/PublicBounced/common/echarts/EChartsHour.vue index 9d30887..c23fb93 100644 --- a/src/components/BaseNav/PublicBounced/common/echarts/EChartsHour.vue +++ b/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 鑾峰彇鐩戞祴鐐筰d 姹℃煋鐗﹊d 妫�娴嬮」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 鑾峰彇鐩戞祴鐐筰d 姹℃煋鐗﹊d 妫�娴嬮」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// 鑾峰彇灞忓箷鐨勯珮搴� -- Gitblit v1.8.0