派生自 wuyushui/SewerAndRainNetwork

wangqi
2021-04-16 4e8b552c7e79058e4b009aaeaacba403c8a1f2e5
废气点点击弹窗偏移
5个文件已修改
709 ■■■■ 已修改文件
src/components/BaseNav/PublicBounced/common/echarts/EChartsDate.vue 12 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/components/BaseNav/PublicBounced/common/echarts/EChartsHour.vue 392 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/components/BaseNav/PublicBounced/common/echarts/Echarts.vue 279 ●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/components/BaseNav/PublicBounced/common/echarts/PublicDetailedList.vue 23 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/components/LayerController/logic/WasteGas.js 3 ●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/components/BaseNav/PublicBounced/common/echarts/EChartsDate.vue
@@ -57,6 +57,7 @@
</template>
<script>
import mapApi from '@/api/mapApi'
import PublicDetailedList from '@components/BaseNav/PublicBounced/common/echarts/PublicDetailedList'
import dayjs from 'dayjs'
@@ -150,6 +151,17 @@
    this.onSubmit()
  },
  methods: {
    async getWasteGasMonData () {
      const GasOnlinedata = {
        onLineMonEmissPointId: '23',
        monItemId: '28,31',
        beginTime: '2020-04-06 15:13:20',
        endTime: '2020-04-07 15:13:20',
        dataType: '1'
      }
      const data = await mapApi.getWasteGasMonData(GasOnlinedata)
      this.JsonDayCharts = data
    },
    onSubmit () {
      console.log('submit!')
      this.CreateCharts(this.JsonDayCharts.id, this.JsonDayCharts.title, this.JsonDayCharts.legend, this.JsonDayCharts.xdata, this.JsonDayCharts.ydatas, this.JsonDayCharts.yname, this.JsonDayCharts.id, this.JsonDayCharts.datatype)
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// 获取屏幕的高度
src/components/BaseNav/PublicBounced/common/echarts/Echarts.vue
@@ -835,6 +835,7 @@
      }
      console.log(option)
      this.RealTimeChart.setOption(option)
      // this.IntervalEXHRealTimeDate()
      // this.RealTimeChart.on('legendselectchanged', function (params) {
      //   var StdVal = null
@@ -860,153 +861,153 @@
      //   var nowDate = new Date().Format()
      // })
    },
    getRtdb15s (unionTagCodeList, startTime, endTime, step, res) {
      if (this.res.length > 0) {
        // 处理数据开始
        var d = res
        var nameList = [] // 存放图例
        var data // 数据类型// var data={name:'',value:[now1.getFullYear(), now1.getMonth() + 1, now1.getDate().join('/'),value]}
        var datalist // 存放data的数组
        // var bzh = []
        for (var i = 0; i < d.length; i++) {
          if (d[i].ErrorMessage != null) {
            continue
          }
          // var name = CFG.DATA_REALTIME_TAGCODETABLE[d[i].UnionTagCode].TagName
          if (nameList.length === 0) {
            nameList.push(name)
            var newdate = new Date(this.res.ReadTime)
            data = {
              name: name,
              value: [newdate, this.res.TagValue]
            }
            datalist = {
              name: name,
              data: [data]
            }
            this.EXHRealTimeDataList.push(datalist)
          } else if (nameList.indexOf(name) < 0) {
            nameList.push(name)
            // var newdate = new Date(d[i].ReadTime)
            data = {
              name: name,
              value: [newdate, d[i].TagValue]
            }
            datalist = {
              name: name,
              data: [data]
            }
            this.EXHRealTimeDataList.push(datalist)
          } else if (i === d.length - 1) {
            if (nameList.indexOf(name) < 0) {
              nameList.push(name)
              // var newdate = new Date(d[i].ReadTime)
              data = {
                name: name,
                value: [newdate, d[i].TagValue]
              }
              datalist = {
                name: name,
                data: [data]
              }
              // EXHRealTimeDataList.push(datalist)
            } else {
              // var newdate = new Date(d[i].ReadTime)
              data = {
                name: name,
                value: [newdate, d[i].TagValue]
              }
              for (var k = 0; k < this.EXHRealTimeDataList.length; k++) {
                if (this.EXHRealTimeDataList[k].name === name) {
                  this.EXHRealTimeDataList[k].data.push(data)
                }
              }
            }
          } else {
            const newdate = new Date(d[i].ReadTime)
            data = {
              name: name,
              value: [newdate, d[i].TagValue]
            }
            for (let k = 0; k < this.EXHRealTimeDataList.length; k++) {
              if (this.EXHRealTimeDataList[k].name === name) {
                this.EXHRealTimeDataList[k].data.push(data)
              }
            }
          }
        }
        // var divid = 'mychart_ss'
        // var title = name
        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)
        this.DrawEXHRealTimeDateChart(this.JsonTimeCtarts.id, this.JsonTimeCtarts.title, this.JsonTimeCtarts.legend, this.JsonTimeCtarts.ydatas, this.JsonTimeCtarts.yname)
      }
    },
    // getRtdb15s (unionTagCodeList, startTime, endTime, step, res) {
    //   if (this.res.length > 0) {
    //     // 处理数据开始
    //     var d = res
    //     var nameList = [] // 存放图例
    //
    //     var data // 数据类型// var data={name:'',value:[now1.getFullYear(), now1.getMonth() + 1, now1.getDate().join('/'),value]}
    //     var datalist // 存放data的数组
    //     // var bzh = []
    //     for (var i = 0; i < d.length; i++) {
    //       if (d[i].ErrorMessage != null) {
    //         continue
    //       }
    //       // var name = CFG.DATA_REALTIME_TAGCODETABLE[d[i].UnionTagCode].TagName
    //
    //       if (nameList.length === 0) {
    //         nameList.push(name)
    //
    //         var newdate = new Date(this.res.ReadTime)
    //         data = {
    //           name: name,
    //           value: [newdate, this.res.TagValue]
    //         }
    //
    //         datalist = {
    //           name: name,
    //           data: [data]
    //         }
    //
    //         this.EXHRealTimeDataList.push(datalist)
    //       } else if (nameList.indexOf(name) < 0) {
    //         nameList.push(name)
    //
    //         // var newdate = new Date(d[i].ReadTime)
    //
    //         data = {
    //           name: name,
    //           value: [newdate, d[i].TagValue]
    //         }
    //         datalist = {
    //           name: name,
    //           data: [data]
    //         }
    //         this.EXHRealTimeDataList.push(datalist)
    //       } else if (i === d.length - 1) {
    //         if (nameList.indexOf(name) < 0) {
    //           nameList.push(name)
    //
    //           // var newdate = new Date(d[i].ReadTime)
    //
    //           data = {
    //             name: name,
    //             value: [newdate, d[i].TagValue]
    //           }
    //           datalist = {
    //             name: name,
    //             data: [data]
    //           }
    //           // EXHRealTimeDataList.push(datalist)
    //         } else {
    //           // var newdate = new Date(d[i].ReadTime)
    //           data = {
    //             name: name,
    //             value: [newdate, d[i].TagValue]
    //           }
    //           for (var k = 0; k < this.EXHRealTimeDataList.length; k++) {
    //             if (this.EXHRealTimeDataList[k].name === name) {
    //               this.EXHRealTimeDataList[k].data.push(data)
    //             }
    //           }
    //         }
    //       } else {
    //         const newdate = new Date(d[i].ReadTime)
    //         data = {
    //           name: name,
    //           value: [newdate, d[i].TagValue]
    //         }
    //         for (let k = 0; k < this.EXHRealTimeDataList.length; k++) {
    //           if (this.EXHRealTimeDataList[k].name === name) {
    //             this.EXHRealTimeDataList[k].data.push(data)
    //           }
    //         }
    //       }
    //     }
    //
    //     // var divid = 'mychart_ss'
    //     // var title = name
    //     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)
    //
    //     this.DrawEXHRealTimeDateChart(this.JsonTimeCtarts.id, this.JsonTimeCtarts.title, this.JsonTimeCtarts.legend, this.JsonTimeCtarts.ydatas, this.JsonTimeCtarts.yname)
    //   }
    // },
    // 钩子调用实时
    IntervalEXHRealTimeDate (id, unionTagCodeList, BBZMAPPING) {
    IntervalEXHRealTimeDate () {
      // 定时器函数
      this.interValHander = setInterval(function () {
      this.DrawEXHRealTimeDateChart()
      setInterval(function () {
        // $('.RealTime').empty()
        this.startTime = dayjs().subtract(5, 'minute').format('YYYY-MM-DD HH:mm:ss')
        this.endTime = dayjs().format('YYYY-MM-DD HH:mm:ss')
        this.step = '15'
        // this.getRtdb15s(this.unionTagCodeList, this.startTime, this.endTime, this.step, this.res)
        // PreQueryTime=endTime;
        this.DrawEXHRealTimeDateChart(this.JsonTimeCtarts.id, this.JsonTimeCtarts.title, this.JsonTimeCtarts.legend, this.JsonTimeCtarts.ydatas, this.JsonTimeCtarts.yname)
        this.IntervalEXHRealTimeDate(this.JSONTimeData.id, this.JSONTimeData.unionTagCodeList, this.BBZMAPPING)
        this.IntervalEXHRealTimeDate()
      }, 15000)
    }
  }
src/components/BaseNav/PublicBounced/common/echarts/PublicDetailedList.vue
@@ -1,6 +1,6 @@
<template>
  <div class="PublicDetailedList">
    <el-table :data="tableData" max-height="400px" border>
    <el-table :data="tableData" max-height="500px" border>
      <el-scrollbar style="height: 50vh">
      <el-table-column prop="OnLineMonEmissPointName" label="排放点"></el-table-column>
      <el-table-column prop="MonTimeStr" label="监测时间"></el-table-column>
@@ -31,6 +31,7 @@
</template>
<script>
// import mapApi from '@/api/mapApi'
export default {
  name: 'PublicDetailedList',
  data () {
@@ -38,16 +39,20 @@
      tableData: []
    }
  },
  mounted () {
  created () {
    // console.log(this.$attrs.value)
    if (this.$attrs.value === 'feiqi') {
      this.tableData = this.$attrs.getWasteGasDetails
      // console.log(this.$attrs.getWasteGasDetails)
    } else if (this.$attrs.value === 'feishui') {
      this.tableData = this.$attrs.getWasteWaterMonitoringDetails
      // console.log(this.$attrs.getWasteWaterMonitoringDetails)
    }
    this.tableData = this.$attrs.getWasteGasDetails
    // this.getWasteGasDetails()
    // console.log(this.tableData)
    // console.log(this.$attrs.getWasteGasDetails)
  }
  // methods: {
  //   async getWasteGasDetails () {
  //     const data = await mapApi.getWasteGasDetails
  //     this.tableData = data
  //     console.log(this.tableData)
  //   }
  // }
}
</script>
src/components/LayerController/logic/WasteGas.js
@@ -87,7 +87,8 @@
    instance.$mount()
    document.body.appendChild(instance.$el)
    instance.setGasData(e.layer.options.test, result.Result.DataInfo, Mondata.Result.DataInfo, ManualData.Result.DataInfo, 'feiqi')
    this.setPanTo(e.latlng, 80)
    this.setPanTo(e.latlng, 150)
    console.log(e.latlng)
  }
  // 不同类型图片加载
  this.differentTypes = (ContrLevel) => {