废水废气图表数据弹框相关修改

chenzeping

2021-04-25 38ef8cb7cefcd4b308bdefa164fb01ccbd6a0a81

 src/components/BaseNav/WasteWater/WasteWaterRealChart.vue

@@ -22,7 +22,7 @@
        <el-option v-for="(item,index) in regionList" :key="index" :label="item" :value="item"></el-option>
      </el-select>
      <el-button @click="querySearch()">查询</el-button>
<!--      <el-button>明细表</el-button>-->
      <!--      <el-button>明细表</el-button>-->
    </div>
    <div class="echarts-chart">
      <div style="width:5rem;height:1.5rem;" ref="echarts"></div>
@@ -148,11 +148,11 @@
        // temp 临时数据判断方法
        const tempList = [
          {
            'TJIP45.lscl2tbAIA-10505-1': '氮氧化物',
            'TJIP45.lscl2tbAIA-10505-2': '烟尘',
            'TJIP45.lscl2tb552AISA11202A': '二氧化磷',
            'TJIP45.lscl2tb552AISA11201B': 'pH',
            'TJIP45.lscl2tb552AI10710': '二氧化碳'
            'TJIP45.lscl2tb552AISA11201B': 'COD',
            'TJIP45.lscl2tbAIA-10505-1': '氨氮',
            'TJIP45.lscl2tbAIA-10505-2': '总磷',
            'TJIP45.lscl2tb552AI10710': '总氮',
            'TJIP45.lscl2tb552AISA11202A': '废水流量'
          }
        ]
        // 指标
@@ -237,15 +237,15 @@
      for (let l = 0; l < this.nameList.length; l++) {
        let obj
        let IconUrl
        if (this.nameList[l] === 'pH') {
          IconUrl = 'image://../assets/imgs/legend/WenDu.png'
        } else if (this.nameList[l] === '氮氧化物') {
        if (this.nameList[l] === 'COD') {
          IconUrl = 'image://../assets/imgs/legend/SO2.png'
        } else if (this.nameList[l] === '氨氮') {
          IconUrl = 'image://../assets/imgs/legend/NOX.png'
        } else if (this.nameList[l] === '烟尘') {
          IconUrl = 'image://../assets/imgs/legend/zongdan.png'
        } else if (this.nameList[l] === '二氧化碳') {
        } else if (this.nameList[l] === '总磷') {
          IconUrl = 'image://../assets/imgs/legend/YanChen.png'
        } else if (this.nameList[l] === '二氧化磷') {
        } else if (this.nameList[l] === '总氮') {
          IconUrl = 'image://../assets/imgs/legend/zongdan.png'
        } else if (this.nameList[l] === '废水流量') {
          IconUrl = 'image://../assets/imgs/legend/VOCs.png'
        }
        if (this.nameList[l] === '废水' || this.nameList[l] === '废水流量') { // 将废水流量排到数组最后
@@ -279,19 +279,19 @@
      this.ydatas = []
      for (let j = 0; j < this.nameList.length; j++) {
        let zdcbcolor, zxcolor
        if (this.nameList[j] === 'pH') {
        if (this.nameList[j] === 'COD') {
          zdcbcolor = 'red'
          zxcolor = '#900090'
          zxcolor = '#ffff00'
        } else if (this.nameList[j] === '氨氮') {
          zdcbcolor = 'red'
          zxcolor = '#00B0F0'
        } else if (this.nameList[j] === '烟尘') {
        } else if (this.nameList[j] === '总磷') {
          zdcbcolor = 'red'
          zxcolor = '#f48183'
        } else if (this.nameList[j] === '总氮') {
          zdcbcolor = 'red'
          zxcolor = '#e0ffff'
        } else {
        } else if (this.nameList[j] === '废水流量') {
          zdcbcolor = 'red'
          zxcolor = '#9ACD32'
        }
@@ -300,10 +300,10 @@
        // 临时数据
        const BBZMAPPING = {
          COD: 35,
          pH: 9,
          总氮: 15,
          氨氮: 30,
          总磷: 0.3,
          氨氮: 3
          总氮: 15,
          废水流量: 3
        }
        for (let m = 0; m < this.RealTimeDataList.length; m++) {
          let stdValue = null
@@ -491,19 +491,19 @@
              let maker = params[i].marker
              let colo = ''
              switch (seriesName) {
                case 'pH':
                  colo = '#900090'
                case 'COD':
                  colo = '#ffff00'
                  break
                case '二氧化碳':
                case '氨氮':
                  colo = '#00B0F0'
                  break
                case '烟尘':
                case '总氮':
                  colo = '#e0ffff'
                  break
                case '氮氧化物':
                case '废水流量':
                  colo = '#9ACD32'
                  break
                case '二氧化磷':
                case '总磷':
                  colo = '#f48183'
                  break
                default:
@@ -523,7 +523,8 @@
          }
        },
        grid: { // 网格
          top: '20%'
          top: '20%',
          left: '15%'
        },
        legend: {
          data: legend
@@ -578,7 +579,7 @@
          type: 'value',
          name: yname,
          max: function (value) {
            return parseInt(value.max + 30)
            return parseInt(value.max + 3)
          },
          axisLabel: {
            formatter: '{value}',