废水弹框相关修改

chenzeping

2021-04-22 2b249104b536535697157adfa224a4cc51c28351

 src/components/BaseNav/WasteGas/WasteGasRealChart.vue

File was renamed from src/components/BaseNav/WasteGas/RealData.vue
@@ -42,7 +42,7 @@
import dayjs from 'dayjs'

export default {
  name: 'ECharts',
  name: 'WasteGasRealChart',
  components: {
    PublicDataStandard
  },
@@ -101,11 +101,14 @@
        timeStart: ''
      },

      res: [],

      // 实时数据列表
      EXHRealTimeDataList: [],
      bzz: null,
      exhbzz: [],
      exhbzzList: []
      exhbzzList: [],
      biaozhuiz: ''
    }
  },
  mounted () {
@@ -114,15 +117,22 @@
    })
  },
  methods: {
    // 点击查询按钮功能
    querySearch () {
      // 用于接口数据请求的参数 开始/结束时间 || 可选择查询的开始/结束时间
      this.formInline.timeEnd = dayjs().format('YYYYMMDD HHmmss')
      this.formInline.timeStart = dayjs().subtract(3, 'minute').format('YYYYMMDD HHmmss')
      this.initEchartsData()
    },
    // 初始化数据获取echarts的options数据
    async initEchartsData () {
      const data = {
        $tagCodeList: 'TJIP45.y2h508CEMS01NOX,CTJIP45.y2h508CEMS01SO2,CTJIP45.y2h508CEMS01F,CTJIP45.y2h508CEMS01PM',
        $startTime: dayjs().subtract(3, 'minute').format('YYYYMMDD HHmmss'),
        $endTime: dayjs().format('YYYYMMDD HHmmss'),
        $step: 15
      }
      this.res = (await mapApi.DataItems(data)).data
      this.getRtdb15s(this.res)
    },
    // 点击查询按钮功能
    async querySearch () {
      // 用于接口数据请求的参数 开始/结束时间 || 可选择查询的开始/结束时间
      // this.formInline.timeEnd = dayjs().format('YYYYMMDD HHmmss')
      // this.formInline.timeStart = dayjs().subtract(3, 'minute').format('YYYYMMDD HHmmss')
      const data = {
        $tagCodeList: 'TJIP45.y2h508CEMS01NOX,CTJIP45.y2h508CEMS01SO2,CTJIP45.y2h508CEMS01F,CTJIP45.y2h508CEMS01PM',
        $startTime: this.formInline.timeEnd,
@@ -293,20 +303,22 @@
          // 临时数据
          const BBZMAPPING = [
            {
              二氧化碳: 35,
              ph: 9,
              总氮: 15,
              总磷: 0.3,
              氨氮: 3
              氮氧化物: 35,
              烟尘: 9,
              二氧化磷: 15,
              ph: 0.3
            }
          ]
          for (let m = 0; m < this.EXHRealTimeDataList.length; m++) {
            let stdValue = null
            if (this.EXHRealTimeDataList[m].name === nameList[j]) {
              for (const i in this.BBZMAPPING) {
                console.log(i)
              // for (let i in BBZMAPPING) {
              //   i++
              //   stdValue = BBZMAPPING[this.EXHRealTimeDataList[m].name]
              // }
              BBZMAPPING.forEach(item => {
                stdValue = BBZMAPPING[this.EXHRealTimeDataList[m].name]
              }
              })

              ydata = {
                name: nameList[j],
@@ -339,6 +351,7 @@
      for (let i = 0; i < ydatas.length; i++) {
        const zdcbcolor = ydatas[i].zdcbcolor
        const bz = ydatas[i].bzz
        // console.log(bz)
        let obj
        if (bz) {
          obj = {
@@ -349,15 +362,14 @@
            itemStyle: {
              normal: {
                color: function (c) { // 根据value 显示不同的折点颜色
                  let biaozhuiz
                  for (let i = 0; i < this.bzzList.length; i++) {
                    if (this.bzzList[i].name === c.seriesName) {
                      biaozhuiz = this.bzzList[i].bzhui
                  for (let i = 0; i < this.exhbzzList.length; i++) {
                    if (this.exhbzzList[i].name === c.seriesName) {
                      this.biaozhuiz = this.exhbzzList[i].bzhui
                    }
                  }
                  if (c.value[1] > biaozhuiz) {
                  if (c.value[1] > this.biaozhuiz) {
                    return zdcbcolor
                  } else if (c.value[1] > biaozhuiz * 0.9) {
                  } else if (c.value[1] > this.biaozhuiz * 0.9) {
                    return '#FFA500'
                  } else {
                    return '#33c95f'
@@ -372,7 +384,6 @@
                  show: false
                }
              }

            },
            type: 'line',
            data: ydatas[i].data,
@@ -406,7 +417,19 @@
            itemStyle: {
              normal: {
                color: function (c) { // 根据value 显示不同的折点颜色
                  // let biaozhuiz
                  // for (let i = 0; i < this.exhbzzList.length; i++) {
                  //   if (this.exhbzzList[i].name === c.seriesName) {
                  //     this.biaozhuiz = this.exhbzzList[i].bzhui
                  //   }
                  // }
                  if (c.value[1] > 20) {
                    return zdcbcolor
                  } else if (c.value[1] > 15 * 0.9) {
                    return '#FFA500'
                  } else {
                  return '#33c95f'
                  }
                },
                lineStyle: { // 折线的颜色
                  color: ydatas[i].zxcolor,
@@ -417,13 +440,11 @@
                  show: false
                }
              }

            },
            type: 'line',
            data: ydatas[i].data
          }
        }

        if (ydatas[i].name === '氮氧化物' || ydatas[i].name === '废气') {
          obj.yAxisIndex = 1
        }