Merge branch 'develop' of http://xearth.cn:6600/r/wuyushui/SewerAndRainNetw...

wangqi

2021-04-15 5208bc41f03abb828987d9193be6a809a64e52ac

Merge branch 'develop' of http://xearth.cn:6600/r/wuyushui/SewerAndRainNetwork into develop

 src/components/BaseNav/PublicBounced/common/echarts/EChartsDateWasteWater.vue

@@ -319,7 +319,7 @@
            grid: { // 网格
              top: '20%',
              left: '7%',
              bottom: '10%',
              bottom: '11%',
              right: '5%'
            },
            legend: {

 src/components/BaseNav/PublicBounced/common/echarts/EChartsHourWasteWater.vue

@@ -41,8 +41,7 @@
                <div class="detailbtn" @click="dialogVisible = true" >明细表</div>
             </div>
            <div class="boxChart">
                <div style="width: 5rem;height:1.5rem;" id="popChart" ref="main">
                </div>
                <div style="width: 5rem;height:1.5rem;" id="echarts" ref="main"></div>
            </div>
        </div>
        <!-- 明细弹框 -->
@@ -71,8 +70,6 @@
  },
  data () {
    return {
      value1: '',
      value2: '',
      watchData: [],
      dialogVisible: false,
      myChar: null,
@@ -140,7 +137,7 @@
  mounted () {
    // this.formInline.timeEnd = dayjs().format('YYYY-MM-DD HH:mm:ss')
    // this.formInline.timeStart = dayjs().subtract(12, 'hour').format('YYYY-MM-DD HH:mm:ss')
    // this.onSubmit()
    this.onSubmit()
  },
  updated () {
    this.onSubmit()

 src/components/BaseNav/PublicBounced/common/echarts/EChartsRealWasteWater.vue

@@ -3,7 +3,7 @@
  <div id="Tab">
    <div class="animation">
      <div class="infomation">
        <span class="grid-content">COD : <i style="color: #e8ee0b">11.24385</i> 标准 : <i style="color: #fff">50</i>></span>
        <span class="grid-content">COD : <i style="color: #e8ee0b">11.24385</i> 标准 : <i style="color: #fff">50</i></span>
        <span class="grid-content">氮氧 :<i style="color: #e8ee0b">0.1889014</i>  标准 : <i style="color: #fff">30</i></span>
        <span class="grid-content">总磷 : <i style="color: #e8ee0b">0.03812287</i> 标准 : <i style="color: #fff">5</i></span>
        <span class="grid-content">废水流量 : <i style="color: #e8ee0b">32.16287</i></span>
@@ -110,155 +110,247 @@
        ydatas: [
          {
            name: '氮氧',
            data: [{ name: '氮氧', value: ['Tue Apr 13 2021 12:47:18 GMT+0800 (中国标准时间)', 0.1900156] },
              { name: '氮氧', value: ['Tue Apr 13 2021 12:47:33 GMT+0800 (中国标准时间)', 0.1902795] },
              { name: '氮氧', value: ['Tue Apr 13 2021 12:47:48 GMT+0800 (中国标准时间)', 0.1892689] },
              { name: '氮氧', value: ['Tue Apr 13 2021 12:48:03 GMT+0800 (中国标准时间)', 0.1882582] },
              { name: '氮氧', value: ['Tue Apr 13 2021 12:48:18 GMT+0800 (中国标准时间)', 0.1882284] },
              { name: '氮氧', value: ['Tue Apr 13 2021 12:48:33 GMT+0800 (中国标准时间)', 0.1886617] },
              { name: '氮氧', value: ['Tue Apr 13 2021 12:48:48 GMT+0800 (中国标准时间)', 0.1873395] },
              { name: '氮氧', value: ['Tue Apr 13 2021 12:49:03 GMT+0800 (中国标准时间)', 0.1866319] },
              { name: '氮氧', value: ['Tue Apr 13 2021 12:49:18 GMT+0800 (中国标准时间)', 0.1895212] },
              { name: '氮氧', value: ['Tue Apr 13 2021 12:49:33 GMT+0800 (中国标准时间)', 0.1898232] },
              { name: '氮氧', value: ['Tue Apr 13 2021 12:49:48 GMT+0800 (中国标准时间)', 0.1880916] },
              { name: '氮氧', value: ['Tue Apr 13 2021 12:50:03 GMT+0800 (中国标准时间)', 0.1883546] },
              { name: '氮氧', value: ['Tue Apr 13 2021 12:50:18 GMT+0800 (中国标准时间)', 0.1907846] },
              { name: '氮氧', value: ['Tue Apr 13 2021 12:50:33 GMT+0800 (中国标准时间)', 0.1887416] },
              { name: '氮氧', value: ['Tue Apr 13 2021 12:50:48 GMT+0800 (中国标准时间)', 0.1873472] },
              { name: '氮氧', value: ['Tue Apr 13 2021 12:51:03 GMT+0800 (中国标准时间)', 0.1886214] },
              { name: '氮氧', value: ['Tue Apr 13 2021 12:51:18 GMT+0800 (中国标准时间)', 0.1891896] },
              { name: '氮氧', value: ['Tue Apr 13 2021 12:51:33 GMT+0800 (中国标准时间)', 0.1891176] },
              { name: '氮氧', value: ['Tue Apr 13 2021 12:51:48 GMT+0800 (中国标准时间)', 0.1890455] },
              { name: '氮氧', value: ['Tue Apr 13 2021 12:52:03 GMT+0800 (中国标准时间)', 0.1889734] },
              { name: '氮氧', value: ['Tue Apr 13 2021 12:52:18 GMT+0800 (中国标准时间)', 0.1889014] }],
            data: [{ name: '氮氧', value: ['2021/04/13 12:47:18', 0.1900156] },
              { name: '氮氧', value: ['2021/04/13 12:47:33', 0.1902795] },
              { name: '氮氧', value: ['2021/04/13 12:47:48', 0.1892689] },
              { name: '氮氧', value: ['2021/04/13 12:48:03', 0.1882582] },
              { name: '氮氧', value: ['2021/04/13 12:48:18', 0.1882284] },
              { name: '氮氧', value: ['2021/04/13 12:48:33', 0.1886617] },
              { name: '氮氧', value: ['2021/04/13 12:48:48', 0.1873395] },
              { name: '氮氧', value: ['2021/04/13 12:49:03', 0.1866319] },
              { name: '氮氧', value: ['2021/04/13 12:49:18', 0.1895212] },
              { name: '氮氧', value: ['2021/04/13 12:49:33', 0.1898232] },
              { name: '氮氧', value: ['2021/04/13 12:49:48', 0.1880916] },
              { name: '氮氧', value: ['2021/04/13 12:50:03', 0.1883546] },
              { name: '氮氧', value: ['2021/04/13 12:50:18', 0.1907846] },
              { name: '氮氧', value: ['2021/04/13 12:50:33', 0.1887416] },
              { name: '氮氧', value: ['2021/04/13 12:50:48', 0.1873472] },
              { name: '氮氧', value: ['2021/04/13 12:51:03', 0.1886214] },
              { name: '氮氧', value: ['2021/04/13 12:51:18', 0.1891896] },
              { name: '氮氧', value: ['2021/04/13 12:51:33', 0.1891176] },
              { name: '氮氧', value: ['2021/04/13 12:51:48', 0.1890455] },
              { name: '氮氧', value: ['2021/04/13 12:52:03', 0.1889734] },
              { name: '氮氧', value: ['2021/04/13 12:52:18', 0.1889014] }],
            zdcbcolor: 'red',
            zxcolor: '#00B0F0',
            bzz: 3
          },
          {
            name: '总磷',
            data: [{ name: '总磷', value: ['Tue Apr 13 2021 12:47:18 GMT+0800 (中国标准时间)', 0.03813388] },
              { name: '总磷', value: ['Tue Apr 13 2021 12:47:33 GMT+0800 (中国标准时间)', 0.03813333] },
              { name: '总磷', value: ['Tue Apr 13 2021 12:47:48 GMT+0800 (中国标准时间)', 0.03813278] },
              { name: '总磷', value: ['Tue Apr 13 2021 12:48:03 GMT+0800 (中国标准时间)', 0.03813223] },
              { name: '总磷', value: ['Tue Apr 13 2021 12:48:18 GMT+0800 (中国标准时间)', 0.03813168] },
              { name: '总磷', value: ['Tue Apr 13 2021 12:48:33 GMT+0800 (中国标准时间)', 0.03813113] },
              { name: '总磷', value: ['Tue Apr 13 2021 12:48:48 GMT+0800 (中国标准时间)', 0.03813057] },
              { name: '总磷', value: ['Tue Apr 13 2021 12:49:03 GMT+0800 (中国标准时间)', 0.03813003] },
              { name: '总磷', value: ['Tue Apr 13 2021 12:49:18 GMT+0800 (中国标准时间)', 0.03812947] },
              { name: '总磷', value: ['Tue Apr 13 2021 12:49:33 GMT+0800 (中国标准时间)', 0.03812892] },
              { name: '总磷', value: ['Tue Apr 13 2021 12:49:48 GMT+0800 (中国标准时间)', 0.03812837] },
              { name: '总磷', value: ['Tue Apr 13 2021 12:50:03 GMT+0800 (中国标准时间)', 0.03812782] },
              { name: '总磷', value: ['Tue Apr 13 2021 12:50:18 GMT+0800 (中国标准时间)', 0.03812727] },
              { name: '总磷', value: ['Tue Apr 13 2021 12:50:33 GMT+0800 (中国标准时间)', 0.03812672] },
              { name: '总磷', value: ['Tue Apr 13 2021 12:50:48 GMT+0800 (中国标准时间)', 0.03812617] },
              { name: '总磷', value: ['Tue Apr 13 2021 12:51:03 GMT+0800 (中国标准时间)', 0.03812562] },
              { name: '总磷', value: ['Tue Apr 13 2021 12:51:18 GMT+0800 (中国标准时间)', 0.03812507] },
              { name: '总磷', value: ['Tue Apr 13 2021 12:51:33 GMT+0800 (中国标准时间)', 0.03812452] },
              { name: '总磷', value: ['Tue Apr 13 2021 12:51:48 GMT+0800 (中国标准时间)', 0.03812397] },
              { name: '总磷', value: ['Tue Apr 13 2021 12:52:03 GMT+0800 (中国标准时间)', 0.03812342] },
              { name: '总磷', value: ['Tue Apr 13 2021 12:52:18 GMT+0800 (中国标准时间)', 0.03812287] }],
            data: [{ name: '总磷', value: ['2021/04/13 12:47:18', 0.03813388] },
              { name: '总磷', value: ['2021/04/13 12:47:33', 0.03813333] },
              { name: '总磷', value: ['2021/04/13 12:47:48', 0.03813278] },
              { name: '总磷', value: ['2021/04/13 12:48:03', 0.03813223] },
              { name: '总磷', value: ['2021/04/13 12:48:18', 0.03813168] },
              { name: '总磷', value: ['2021/04/13 12:48:33', 0.03813113] },
              { name: '总磷', value: ['2021/04/13 12:48:48', 0.03813057] },
              { name: '总磷', value: ['2021/04/13 12:49:03', 0.03813003] },
              { name: '总磷', value: ['2021/04/13 12:49:18', 0.03812947] },
              { name: '总磷', value: ['2021/04/13 12:49:33', 0.03812892] },
              { name: '总磷', value: ['2021/04/13 12:49:48', 0.03812837] },
              { name: '总磷', value: ['2021/04/13 12:50:03', 0.03812782] },
              { name: '总磷', value: ['2021/04/13 12:50:18', 0.03812727] },
              { name: '总磷', value: ['2021/04/13 12:50:33', 0.03812672] },
              { name: '总磷', value: ['2021/04/13 12:50:48', 0.03812617] },
              { name: '总磷', value: ['2021/04/13 12:51:03', 0.03812562] },
              { name: '总磷', value: ['2021/04/13 12:51:18', 0.03812507] },
              { name: '总磷', value: ['2021/04/13 12:51:33', 0.03812452] },
              { name: '总磷', value: ['2021/04/13 12:51:48', 0.03812397] },
              { name: '总磷', value: ['2021/04/13 12:52:03', 0.03812342] },
              { name: '总磷', value: ['2021/04/13 12:52:18', 0.03812287] }],
            zdcbcolor: 'red',
            zxcolor: '#f48183',
            bzz: 0.3
          },
          {
            name: '总氮',
            data: [{ name: '总氮', value: ['Tue Apr 13 2021 12:47:18 GMT+0800 (中国标准时间)', 2.779342] },
              { name: '总氮', value: ['Tue Apr 13 2021 12:47:33 GMT+0800 (中国标准时间)', 2.779337] },
              { name: '总氮', value: ['Tue Apr 13 2021 12:47:48 GMT+0800 (中国标准时间)', 2.779331] },
              { name: '总氮', value: ['Tue Apr 13 2021 12:48:03 GMT+0800 (中国标准时间)', 2.779823] },
              { name: '总氮', value: ['Tue Apr 13 2021 12:48:18 GMT+0800 (中国标准时间)', 2.779321] },
              { name: '总氮', value: ['Tue Apr 13 2021 12:48:33 GMT+0800 (中国标准时间)', 2.779344] },
              { name: '总氮', value: ['Tue Apr 13 2021 12:48:48 GMT+0800 (中国标准时间)', 2.779452] },
              { name: '总氮', value: ['Tue Apr 13 2021 12:49:03 GMT+0800 (中国标准时间)', 2.779224] },
              { name: '总氮', value: ['Tue Apr 13 2021 12:49:18 GMT+0800 (中国标准时间)', 2.779133] },
              { name: '总氮', value: ['Tue Apr 13 2021 12:49:33 GMT+0800 (中国标准时间)', 2.779445] },
              { name: '总氮', value: ['Tue Apr 13 2021 12:49:48 GMT+0800 (中国标准时间)', 2.779743] },
              { name: '总氮', value: ['Tue Apr 13 2021 12:50:03 GMT+0800 (中国标准时间)', 2.779332] },
              { name: '总氮', value: ['Tue Apr 13 2021 12:50:18 GMT+0800 (中国标准时间)', 2.779562] },
              { name: '总氮', value: ['Tue Apr 13 2021 12:50:33 GMT+0800 (中国标准时间)', 2.779560] },
              { name: '总氮', value: ['Tue Apr 13 2021 12:50:48 GMT+0800 (中国标准时间)', 2.779534] },
              { name: '总氮', value: ['Tue Apr 13 2021 12:51:03 GMT+0800 (中国标准时间)', 2.779412] },
              { name: '总氮', value: ['Tue Apr 13 2021 12:51:18 GMT+0800 (中国标准时间)', 2.779673] },
              { name: '总氮', value: ['Tue Apr 13 2021 12:51:33 GMT+0800 (中国标准时间)', 2.779452] },
              { name: '总氮', value: ['Tue Apr 13 2021 12:51:48 GMT+0800 (中国标准时间)', 2.779397] },
              { name: '总氮', value: ['Tue Apr 13 2021 12:52:03 GMT+0800 (中国标准时间)', 2.779342] },
              { name: '总氮', value: ['Tue Apr 13 2021 12:52:18 GMT+0800 (中国标准时间)', 2.779287] }],
            data: [{ name: '总氮', value: ['2021/04/13 12:47:18', 2.779342] },
              { name: '总氮', value: ['2021/04/13 12:47:33', 2.779337] },
              { name: '总氮', value: ['2021/04/13 12:47:48', 2.779331] },
              { name: '总氮', value: ['2021/04/13 12:48:03', 2.779823] },
              { name: '总氮', value: ['2021/04/13 12:48:18', 2.779321] },
              { name: '总氮', value: ['2021/04/13 12:48:33', 2.779344] },
              { name: '总氮', value: ['2021/04/13 12:48:48', 2.779452] },
              { name: '总氮', value: ['2021/04/13 12:49:03', 2.779224] },
              { name: '总氮', value: ['2021/04/13 12:49:18', 2.779133] },
              { name: '总氮', value: ['2021/04/13 12:49:33', 2.779445] },
              { name: '总氮', value: ['2021/04/13 12:49:48', 2.779743] },
              { name: '总氮', value: ['2021/04/13 12:50:03', 2.779332] },
              { name: '总氮', value: ['2021/04/13 12:50:18', 2.779562] },
              { name: '总氮', value: ['2021/04/13 12:50:33', 2.779560] },
              { name: '总氮', value: ['2021/04/13 12:50:48', 2.779534] },
              { name: '总氮', value: ['2021/04/13 12:51:03', 2.779412] },
              { name: '总氮', value: ['2021/04/13 12:51:18', 2.779673] },
              { name: '总氮', value: ['2021/04/13 12:51:33', 2.779452] },
              { name: '总氮', value: ['2021/04/13 12:51:48', 2.779397] },
              { name: '总氮', value: ['2021/04/13 12:52:03', 2.779342] },
              { name: '总氮', value: ['2021/04/13 12:52:18', 2.779287] }],
            zdcbcolor: 'red',
            zxcolor: '#e0ffff',
            bzz: 15
          },
          {
            name: '废水流量',
            data: [{ name: '废水流量', value: ['Tue Apr 13 2021 12:47:18 GMT+0800 (中国标准时间)', 31.63029] },
              { name: '废水流量', value: ['Tue Apr 13 2021 12:47:33 GMT+0800 (中国标准时间)', 31.9791] },
              { name: '废水流量', value: ['Tue Apr 13 2021 12:47:48 GMT+0800 (中国标准时间)', 31.92095] },
              { name: '废水流量', value: ['Tue Apr 13 2021 12:48:03 GMT+0800 (中国标准时间)', 32.05784] },
              { name: '废水流量', value: ['Tue Apr 13 2021 12:48:18 GMT+0800 (中国标准时间)', 32.01669] },
              { name: '废水流量', value: ['Tue Apr 13 2021 12:48:33 GMT+0800 (中国标准时间)', 32.39344] },
              { name: '废水流量', value: ['Tue Apr 13 2021 12:48:48 GMT+0800 (中国标准时间)', 32.66452] },
              { name: '废水流量', value: ['Tue Apr 13 2021 12:49:03 GMT+0800 (中国标准时间)', 32.45224] },
              { name: '废水流量', value: ['Tue Apr 13 2021 12:49:18 GMT+0800 (中国标准时间)', 32.42133] },
              { name: '废水流量', value: ['Tue Apr 13 2021 12:49:33 GMT+0800 (中国标准时间)', 32.88445] },
              { name: '废水流量', value: ['Tue Apr 13 2021 12:49:48 GMT+0800 (中国标准时间)', 32.36743] },
              { name: '废水流量', value: ['Tue Apr 13 2021 12:50:03 GMT+0800 (中国标准时间)', 32.83332] },
              { name: '废水流量', value: ['Tue Apr 13 2021 12:50:18 GMT+0800 (中国标准时间)', 32.15562] },
              { name: '废水流量', value: ['Tue Apr 13 2021 12:50:33 GMT+0800 (中国标准时间)', 32.61560] },
              { name: '废水流量', value: ['Tue Apr 13 2021 12:50:48 GMT+0800 (中国标准时间)', 32.89534] },
              { name: '废水流量', value: ['Tue Apr 13 2021 12:51:03 GMT+0800 (中国标准时间)', 32.72412] },
              { name: '废水流量', value: ['Tue Apr 13 2021 12:51:18 GMT+0800 (中国标准时间)', 32.48673] },
              { name: '废水流量', value: ['Tue Apr 13 2021 12:51:33 GMT+0800 (中国标准时间)', 32.03452] },
              { name: '废水流量', value: ['Tue Apr 13 2021 12:51:48 GMT+0800 (中国标准时间)', 32.93397] },
              { name: '废水流量', value: ['Tue Apr 13 2021 12:52:03 GMT+0800 (中国标准时间)', 32.84342] },
              { name: '废水流量', value: ['Tue Apr 13 2021 12:52:18 GMT+0800 (中国标准时间)', 32.16287] }],
            data: [{ name: '废水流量', value: ['2021/04/13 12:47:18', 31.63029] },
              { name: '废水流量', value: ['2021/04/13 12:47:33', 31.9791] },
              { name: '废水流量', value: ['2021/04/13 12:47:48', 31.92095] },
              { name: '废水流量', value: ['2021/04/13 12:48:03', 32.05784] },
              { name: '废水流量', value: ['2021/04/13 12:48:18', 32.01669] },
              { name: '废水流量', value: ['2021/04/13 12:48:33', 32.39344] },
              { name: '废水流量', value: ['2021/04/13 12:48:48', 32.66452] },
              { name: '废水流量', value: ['2021/04/13 12:49:03', 32.45224] },
              { name: '废水流量', value: ['2021/04/13 12:49:18', 32.42133] },
              { name: '废水流量', value: ['2021/04/13 12:49:33', 32.88445] },
              { name: '废水流量', value: ['2021/04/13 12:49:48', 32.36743] },
              { name: '废水流量', value: ['2021/04/13 12:50:03', 32.83332] },
              { name: '废水流量', value: ['2021/04/13 12:50:18', 32.15562] },
              { name: '废水流量', value: ['2021/04/13 12:50:33', 32.61560] },
              { name: '废水流量', value: ['2021/04/13 12:50:48', 32.89534] },
              { name: '废水流量', value: ['2021/04/13 12:51:03', 32.72412] },
              { name: '废水流量', value: ['2021/04/13 12:51:18', 32.48673] },
              { name: '废水流量', value: ['2021/04/13 12:51:33', 32.03452] },
              { name: '废水流量', value: ['2021/04/13 12:51:48', 32.93397] },
              { name: '废水流量', value: ['2021/04/13 12:52:03', 32.84342] },
              { name: '废水流量', value: ['2021/04/13 12:52:18', 32.16287] }],
            zdcbcolor: 'red',
            zxcolor: '#9ACD32',
            bzz: null
          },
          {
            name: 'COD',
            data: [{ name: 'COD', value: ['Tue Apr 13 2021 12:47:18 GMT+0800 (中国标准时间)', 11.24385] },
              { name: 'COD', value: ['Tue Apr 13 2021 12:47:33 GMT+0800 (中国标准时间)', 11.24385] },
              { name: 'COD', value: ['Tue Apr 13 2021 12:47:48 GMT+0800 (中国标准时间)', 11.24385] },
              { name: 'COD', value: ['Tue Apr 13 2021 12:48:03 GMT+0800 (中国标准时间)', 11.24385] },
              { name: 'COD', value: ['Tue Apr 13 2021 12:48:18 GMT+0800 (中国标准时间)', 11.24385] },
              { name: 'COD', value: ['Tue Apr 13 2021 12:48:33 GMT+0800 (中国标准时间)', 11.24385] },
              { name: 'COD', value: ['Tue Apr 13 2021 12:48:48 GMT+0800 (中国标准时间)', 11.24385] },
              { name: 'COD', value: ['Tue Apr 13 2021 12:49:03 GMT+0800 (中国标准时间)', 11.24385] },
              { name: 'COD', value: ['Tue Apr 13 2021 12:49:18 GMT+0800 (中国标准时间)', 11.24385] },
              { name: 'COD', value: ['Tue Apr 13 2021 12:49:33 GMT+0800 (中国标准时间)', 11.24385] },
              { name: 'COD', value: ['Tue Apr 13 2021 12:49:48 GMT+0800 (中国标准时间)', 11.24385] },
              { name: 'COD', value: ['Tue Apr 13 2021 12:50:03 GMT+0800 (中国标准时间)', 11.24385] },
              { name: 'COD', value: ['Tue Apr 13 2021 12:50:18 GMT+0800 (中国标准时间)', 11.24385] },
              { name: 'COD', value: ['Tue Apr 13 2021 12:50:33 GMT+0800 (中国标准时间)', 11.24385] },
              { name: 'COD', value: ['Tue Apr 13 2021 12:50:48 GMT+0800 (中国标准时间)', 11.24385] },
              { name: 'COD', value: ['Tue Apr 13 2021 12:51:03 GMT+0800 (中国标准时间)', 11.24385] },
              { name: 'COD', value: ['Tue Apr 13 2021 12:51:18 GMT+0800 (中国标准时间)', 11.24385] },
              { name: 'COD', value: ['Tue Apr 13 2021 12:51:33 GMT+0800 (中国标准时间)', 11.24385] },
              { name: 'COD', value: ['Tue Apr 13 2021 12:51:48 GMT+0800 (中国标准时间)', 11.24385] },
              { name: 'COD', value: ['Tue Apr 13 2021 12:52:03 GMT+0800 (中国标准时间)', 11.24385] },
              { name: 'COD', value: ['Tue Apr 13 2021 12:52:18 GMT+0800 (中国标准时间)', 11.24385] }],
            data: [{ name: 'COD', value: ['2021/04/13 12:47:18', 11.24385] },
              { name: 'COD', value: ['2021/04/13 12:47:33', 11.24385] },
              { name: 'COD', value: ['2021/04/13 12:47:48', 11.24385] },
              { name: 'COD', value: ['2021/04/13 12:48:03', 11.24385] },
              { name: 'COD', value: ['2021/04/13 12:48:18', 11.24385] },
              { name: 'COD', value: ['2021/04/13 12:48:33', 11.24385] },
              { name: 'COD', value: ['2021/04/13 12:48:48', 11.24385] },
              { name: 'COD', value: ['2021/04/13 12:49:03', 11.24385] },
              { name: 'COD', value: ['2021/04/13 12:49:18', 11.24385] },
              { name: 'COD', value: ['2021/04/13 12:49:33', 11.24385] },
              { name: 'COD', value: ['2021/04/13 12:49:48', 11.24385] },
              { name: 'COD', value: ['2021/04/13 12:50:03', 11.24385] },
              { name: 'COD', value: ['2021/04/13 12:50:18', 11.24385] },
              { name: 'COD', value: ['2021/04/13 12:50:33', 11.24385] },
              { name: 'COD', value: ['2021/04/13 12:50:48', 11.24385] },
              { name: 'COD', value: ['2021/04/13 12:51:03', 11.24385] },
              { name: 'COD', value: ['2021/04/13 12:51:18', 11.24385] },
              { name: 'COD', value: ['2021/04/13 12:51:33', 11.24385] },
              { name: 'COD', value: ['2021/04/13 12:51:48', 11.24385] },
              { name: 'COD', value: ['2021/04/13 12:52:03', 11.24385] },
              { name: 'COD', value: ['2021/04/13 12:52:18', 11.24385] }],
            zdcbcolor: 'red',
            zxcolor: '#fff21c',
            bzz: 35
          }
        ],
        yname: ' 浓度(mg/l)'
      }
      },
      JSONTimeData: {
        id: 21,
        unionTagCodeList: ['TJIP45.rl3AT25035', 'TJIP45.rl3AT25033', 'TJIP45.rl3FT35032', 'TJIP45.rl3AT25034']
      },
      res: [{ UnionTagCode: 'TJIP45.rl3AT25035', TagValue: 36.02153, ReadTime: '2021/04/14 03:59:30', ErrorMessage: null },
        { UnionTagCode: 'TJIP45.rl3AT25035', TagValue: 35.7473, ReadTime: '2021/04/14 03:59:45', ErrorMessage: null },
        { UnionTagCode: 'TJIP45.rl3AT25035', TagValue: 35.56014, ReadTime: '2021/04/14 04:00:00', ErrorMessage: null },
        { UnionTagCode: 'TJIP45.rl3AT25035', TagValue: 35.59335, ReadTime: '2021/04/14 04:00:15', ErrorMessage: null },
        { UnionTagCode: 'TJIP45.rl3AT25035', TagValue: 34.49617, ReadTime: '2021/04/14 04:00:30', ErrorMessage: null },
        { UnionTagCode: 'TJIP45.rl3AT25035', TagValue: 34.33835, ReadTime: '2021/04/14 04:00:45', ErrorMessage: null },
        { UnionTagCode: 'TJIP45.rl3AT25035', TagValue: 34.93116, ReadTime: '2021/04/14 04:01:00', ErrorMessage: null },
        { UnionTagCode: 'TJIP45.rl3AT25035', TagValue: 35.831, ReadTime: '2021/04/14 04:01:15', ErrorMessage: null },
        { UnionTagCode: 'TJIP45.rl3AT25035', TagValue: 36.67476, ReadTime: '2021/04/14 04:01:30', ErrorMessage: null },
        { UnionTagCode: 'TJIP45.rl3AT25035', TagValue: 38.04687, ReadTime: '2021/04/14 04:01:45', ErrorMessage: null },
        { UnionTagCode: 'TJIP45.rl3AT25035', TagValue: 37.78848, ReadTime: '2021/04/14 04:02:00', ErrorMessage: null },
        { UnionTagCode: 'TJIP45.rl3AT25035', TagValue: 38.03456, ReadTime: '2021/04/14 04:02:15', ErrorMessage: null },
        { UnionTagCode: 'TJIP45.rl3AT25035', TagValue: 37.81089, ReadTime: '2021/04/14 04:02:30', ErrorMessage: null },
        { UnionTagCode: 'TJIP45.rl3AT25035', TagValue: 39.28693, ReadTime: '2021/04/14 04:02:45', ErrorMessage: null },
        { UnionTagCode: 'TJIP45.rl3AT25035', TagValue: 39.79956, ReadTime: '2021/04/14 04:03:00', ErrorMessage: null },
        { UnionTagCode: 'TJIP45.rl3AT25035', TagValue: 40.11547, ReadTime: '2021/04/14 04:03:15', ErrorMessage: null },
        { UnionTagCode: 'TJIP45.rl3AT25035', TagValue: 40.72007, ReadTime: '2021/04/14 04:03:30', ErrorMessage: null },
        { UnionTagCode: 'TJIP45.rl3AT25035', TagValue: 43.11903, ReadTime: '2021/04/14 04:03:45', ErrorMessage: null },
        { UnionTagCode: 'TJIP45.rl3AT25035', TagValue: 44.28426, ReadTime: '2021/04/14 04:04:00', ErrorMessage: null },
        { UnionTagCode: 'TJIP45.rl3AT25035', TagValue: 45.07601, ReadTime: '2021/04/14 04:04:15', ErrorMessage: null },
        { UnionTagCode: 'TJIP45.rl3AT25035', TagValue: 43.81406, ReadTime: '2021/04/14 04:04:30', ErrorMessage: null },
        { UnionTagCode: 'TJIP45.rl3AT25033', TagValue: 1.312585, ReadTime: '2021/04/14 03:59:30', ErrorMessage: null },
        { UnionTagCode: 'TJIP45.rl3AT25033', TagValue: 1.507234, ReadTime: '2021/04/14 03:59:45', ErrorMessage: null },
        { UnionTagCode: 'TJIP45.rl3AT25033', TagValue: 1.383248, ReadTime: '2021/04/14 04:00:00', ErrorMessage: null },
        { UnionTagCode: 'TJIP45.rl3AT25033', TagValue: 1.385284, ReadTime: '2021/04/14 04:00:15', ErrorMessage: null },
        { UnionTagCode: 'TJIP45.rl3AT25033', TagValue: 1.719143, ReadTime: '2021/04/14 04:00:30', ErrorMessage: null },
        { UnionTagCode: 'TJIP45.rl3AT25033', TagValue: 1.730373, ReadTime: '2021/04/14 04:00:45', ErrorMessage: null },
        { UnionTagCode: 'TJIP45.rl3AT25033', TagValue: 1.602137, ReadTime: '2021/04/14 04:01:00', ErrorMessage: null },
        { UnionTagCode: 'TJIP45.rl3AT25033', TagValue: 1.459584, ReadTime: '2021/04/14 04:01:15', ErrorMessage: null },
        { UnionTagCode: 'TJIP45.rl3AT25033', TagValue: 1.313675, ReadTime: '2021/04/14 04:01:30', ErrorMessage: null },
        { UnionTagCode: 'TJIP45.rl3AT25033', TagValue: 1.305554, ReadTime: '2021/04/14 04:01:45', ErrorMessage: null },
        { UnionTagCode: 'TJIP45.rl3AT25033', TagValue: 1.911544, ReadTime: '2021/04/14 04:02:00', ErrorMessage: null },
        { UnionTagCode: 'TJIP45.rl3AT25033', TagValue: 1.744454, ReadTime: '2021/04/14 04:02:15', ErrorMessage: null },
        { UnionTagCode: 'TJIP45.rl3AT25033', TagValue: 2.267665, ReadTime: '2021/04/14 04:02:30', ErrorMessage: null },
        { UnionTagCode: 'TJIP45.rl3AT25033', TagValue: 1.606314, ReadTime: '2021/04/14 04:02:45', ErrorMessage: null },
        { UnionTagCode: 'TJIP45.rl3AT25033', TagValue: 1.599967, ReadTime: '2021/04/14 04:03:00', ErrorMessage: null },
        { UnionTagCode: 'TJIP45.rl3AT25033', TagValue: 1.939136, ReadTime: '2021/04/14 04:03:15', ErrorMessage: null },
        { UnionTagCode: 'TJIP45.rl3AT25033', TagValue: 2.03244, ReadTime: '2021/04/14 04:03:30', ErrorMessage: null },
        { UnionTagCode: 'TJIP45.rl3AT25033', TagValue: 2.183742, ReadTime: '2021/04/14 04:03:45', ErrorMessage: null },
        { UnionTagCode: 'TJIP45.rl3AT25033', TagValue: 2.323384, ReadTime: '2021/04/14 04:04:00', ErrorMessage: null },
        { UnionTagCode: 'TJIP45.rl3AT25033', TagValue: 2.403428, ReadTime: '2021/04/14 04:04:15', ErrorMessage: null },
        { UnionTagCode: 'TJIP45.rl3AT25033', TagValue: 2.347282, ReadTime: '2021/04/14 04:04:30', ErrorMessage: null },
        { UnionTagCode: 'TJIP45.rl3FT35032', TagValue: 5.018858, ReadTime: '2021/04/14 03:59:30', ErrorMessage: null },
        { UnionTagCode: 'TJIP45.rl3FT35032', TagValue: 5.020605, ReadTime: '2021/04/14 03:59:45', ErrorMessage: null },
        { UnionTagCode: 'TJIP45.rl3FT35032', TagValue: 5.047671, ReadTime: '2021/04/14 04:00:00', ErrorMessage: null },
        { UnionTagCode: 'TJIP45.rl3FT35032', TagValue: 5.020306, ReadTime: '2021/04/14 04:00:15', ErrorMessage: null },
        { UnionTagCode: 'TJIP45.rl3FT35032', TagValue: 5.054744, ReadTime: '2021/04/14 04:00:30', ErrorMessage: null },
        { UnionTagCode: 'TJIP45.rl3FT35032', TagValue: 5.027292, ReadTime: '2021/04/14 04:00:45', ErrorMessage: null },
        { UnionTagCode: 'TJIP45.rl3FT35032', TagValue: 5.026794, ReadTime: '2021/04/14 04:01:00', ErrorMessage: null },
        { UnionTagCode: 'TJIP45.rl3FT35032', TagValue: 5.03381, ReadTime: '2021/04/14 04:01:15', ErrorMessage: null },
        { UnionTagCode: 'TJIP45.rl3FT35032', TagValue: 5.041131, ReadTime: '2021/04/14 04:01:30', ErrorMessage: null },
        { UnionTagCode: 'TJIP45.rl3FT35032', TagValue: 5.02754, ReadTime: '2021/04/14 04:01:45', ErrorMessage: null },
        { UnionTagCode: 'TJIP45.rl3FT35032', TagValue: 4.998859, ReadTime: '2021/04/14 04:02:00', ErrorMessage: null },
        { UnionTagCode: 'TJIP45.rl3FT35032', TagValue: 5.014368, ReadTime: '2021/04/14 04:02:15', ErrorMessage: null },
        { UnionTagCode: 'TJIP45.rl3FT35032', TagValue: 5.019042, ReadTime: '2021/04/14 04:02:30', ErrorMessage: null },
        { UnionTagCode: 'TJIP45.rl3FT35032', TagValue: 5.046045, ReadTime: '2021/04/14 04:02:45', ErrorMessage: null },
        { UnionTagCode: 'TJIP45.rl3FT35032', TagValue: 5.024141, ReadTime: '2021/04/14 04:03:00', ErrorMessage: null },
        { UnionTagCode: 'TJIP45.rl3FT35032', TagValue: 5.016951, ReadTime: '2021/04/14 04:03:15', ErrorMessage: null },
        { UnionTagCode: 'TJIP45.rl3FT35032', TagValue: 5.01229, ReadTime: '2021/04/14 04:03:30', ErrorMessage: null },
        { UnionTagCode: 'TJIP45.rl3FT35032', TagValue: 5.00666, ReadTime: '2021/04/14 04:03:45', ErrorMessage: null },
        { UnionTagCode: 'TJIP45.rl3FT35032', TagValue: 5.005168, ReadTime: '2021/04/14 04:04:00', ErrorMessage: null },
        { UnionTagCode: 'TJIP45.rl3FT35032', TagValue: 4.99309, ReadTime: '2021/04/14 04:04:15', ErrorMessage: null },
        { UnionTagCode: 'TJIP45.rl3FT35032', TagValue: 4.983859, ReadTime: '2021/04/14 04:04:30', ErrorMessage: null },
        { UnionTagCode: 'TJIP45.rl3AT25034', TagValue: 1.128864, ReadTime: '2021/04/14 03:59:30', ErrorMessage: null },
        { UnionTagCode: 'TJIP45.rl3AT25034', TagValue: 1.096089, ReadTime: '2021/04/14 03:59:45', ErrorMessage: null },
        { UnionTagCode: 'TJIP45.rl3AT25034', TagValue: 1.13711, ReadTime: '2021/04/14 04:00:00', ErrorMessage: null },
        { UnionTagCode: 'TJIP45.rl3AT25034', TagValue: 1.191255, ReadTime: '2021/04/14 04:00:15', ErrorMessage: null },
        { UnionTagCode: 'TJIP45.rl3AT25034', TagValue: 1.159299, ReadTime: '2021/04/14 04:00:30', ErrorMessage: null },
        { UnionTagCode: 'TJIP45.rl3AT25034', TagValue: 1.089755, ReadTime: '2021/04/14 04:00:45', ErrorMessage: null },
        { UnionTagCode: 'TJIP45.rl3AT25034', TagValue: 1.098142, ReadTime: '2021/04/14 04:01:00', ErrorMessage: null },
        { UnionTagCode: 'TJIP45.rl3AT25034', TagValue: 1.084317, ReadTime: '2021/04/14 04:01:15', ErrorMessage: null },
        { UnionTagCode: 'TJIP45.rl3AT25034', TagValue: 1.040828, ReadTime: '2021/04/14 04:01:30', ErrorMessage: null },
        { UnionTagCode: 'TJIP45.rl3AT25034', TagValue: 1.066903, ReadTime: '2021/04/14 04:01:45', ErrorMessage: null },
        { UnionTagCode: 'TJIP45.rl3AT25034', TagValue: 1.12027, ReadTime: '2021/04/14 04:02:00', ErrorMessage: null },
        { UnionTagCode: 'TJIP45.rl3AT25034', TagValue: 1.075927, ReadTime: '2021/04/14 04:02:15', ErrorMessage: null },
        { UnionTagCode: 'TJIP45.rl3AT25034', TagValue: 1.062984, ReadTime: '2021/04/14 04:02:30', ErrorMessage: null },
        { UnionTagCode: 'TJIP45.rl3AT25034', TagValue: 1.190477, ReadTime: '2021/04/14 04:02:45', ErrorMessage: null },
        { UnionTagCode: 'TJIP45.rl3AT25034', TagValue: 1.192902, ReadTime: '2021/04/14 04:03:00', ErrorMessage: null },
        { UnionTagCode: 'TJIP45.rl3AT25034', TagValue: 1.061741, ReadTime: '2021/04/14 04:03:15', ErrorMessage: null },
        { UnionTagCode: 'TJIP45.rl3AT25034', TagValue: 0.991724, ReadTime: '2021/04/14 04:03:30', ErrorMessage: null },
        { UnionTagCode: 'TJIP45.rl3AT25034', TagValue: 1.006655, ReadTime: '2021/04/14 04:03:45', ErrorMessage: null },
        { UnionTagCode: 'TJIP45.rl3AT25034', TagValue: 1.044971, ReadTime: '2021/04/14 04:04:00', ErrorMessage: null },
        { UnionTagCode: 'TJIP45.rl3AT25034', TagValue: 1.077099, ReadTime: '2021/04/14 04:04:15', ErrorMessage: null },
        { UnionTagCode: 'TJIP45.rl3AT25034', TagValue: 1.131417, ReadTime: '2021/04/14 04:04:30', ErrorMessage: null }],
      startTime: '',
      endTime: '',
      step: ''
    }
  },
  mounted () {
    this.formInline.timeEnd = dayjs().format('YYYY-MM-DD HH:mm:ss')
    this.formInline.timeStart = dayjs().subtract(1, 'minute').format('YYYY-MM-DD HH:mm:ss')
    // console.log(this.formInline.timeStart)
    console.log(this.JsonRealWasteWater.ydatas[0].data[0].value[0])
    // console.log(this.JsonRealWasteWater.ydatas[0].data[0].value[0])
    this.DrawRealTimeDateChart(this.JsonRealWasteWater.id, this.JsonRealWasteWater.title, this.JsonRealWasteWater.legend, this.JsonRealWasteWater.ydatas, this.JsonRealWasteWater.yname)
  },
  methods: {
    onSubmit () {
      this.DrawRealTimeDateChart(this.JsonRealWasteWater.id, this.JsonRealWasteWater.title, this.JsonRealWasteWater.legend, this.JsonRealWasteWater.ydatas, this.JsonRealWasteWater.yname)
    },
    // 画废水折线图--实时数据
    DrawRealTimeDateChart (id, title, legend, ydatas, yname) {
      this.RealTimeChart = this.$echarts.init(this.$refs.main)
      var serLists = []
@@ -368,8 +460,8 @@
            label: {
              color: '#1a4245'
            }
          }
          /* formatter: function (params) {
          },
          formatter: function (params) {
            var s = params[0].name + '<br />'
            for (var i = 0; i < params.length; i++) {
              // var name = params[i].name
@@ -377,9 +469,7 @@
              var seriesName = params[i].seriesName
              // 值
              var value = params[i].value[1]

              var valueFliter = formatter(value)

              // var valueFliter = this.formatter(value)
              var maker = params[i].marker
              var colo = ''
              switch (seriesName) {
@@ -400,10 +490,10 @@
                  break
              }
              maker = '<span style="display:inline-block;margin-right:5px;border-radius:10px;width:10px;height:10px;background-color:' + colo + ';"></span>'
              s += maker + seriesName + ':' + valueFliter + '<br />'
              s += maker + seriesName + ':' + value + '<br />'
            }
            return s
          } */
          }
        },
        toolbox: { // 打印等工具
          show: false,
@@ -414,7 +504,7 @@
        grid: { // 网格
          top: '20%',
          left: '7%',
          bottom: '10%',
          bottom: '15%',
          right: '5%'
        },
        legend: {
@@ -594,6 +684,155 @@
        }
        RealTimeChart.setOption(op)
      }) */
    },
    getRtdb15s (unionTagCodeList, startTime, endTime, step, res) {
      if (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(d[i].ReadTime)
            data = {
              name: name,
              value: [newdate, d[i].TagValue]
            }

            datalist = {
              name: name,
              data: [data]
            }

            this.RealTimeDataList.push(datalist)
          } else if (nameList.indexOf(name) < 0) {
            nameList.push(name)
            // bzh.push(d[i].StdValue);

            // var newdate = new Date(d[i].ReadTime)

            data = {
              name: name,
              value: [newdate, d[i].TagValue]
            }
            datalist = {
              name: name,
              data: [data]
            }
            this.RealTimeDataList.push(datalist)
          } else if (i === d.length - 1) {
            if (nameList.indexOf(name) < 0) {
              nameList.push(name)
              // bzh.push(d[i].StdValue);

              // var newdate = new Date(d[i].ReadTime)

              data = {
                name: name,
                value: [newdate, d[i].TagValue]
              }
              datalist = {
                name: name,
                data: [data]
              }
              // RealTimeDataList.push(datalist)
            } else {
              // var newdate = new Date(d[i].ReadTime)
              data = {
                name: name,
                value: [newdate, d[i].TagValue]
              }
              for (var k = 0; k < this.RealTimeDataList.length; k++) {
                if (this.RealTimeDataList[k].name === name) {
                  this.RealTimeDataList[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.RealTimeDataList.length; k++) {
              if (this.RealTimeDataList[k].name === name) {
                this.RealTimeDataList[k].data.push(data)
              }
            }
          }
        }

        // var divid = 'mycharteff_second'
        // var title = name
        var lengList = []
        var objTemp

        for (var l = 0; l < nameList.length; l++) {
          var obj
          var iconurl
          if (nameList[l] === 'COD') {
            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/zongdan.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.DrawRealTimeDateChart(this.JsonRealWasteWater.id, this.JsonRealWasteWater.title, this.JsonRealWasteWater.legend, this.JsonRealWasteWater.ydatas, this.JsonRealWasteWater.yname)
      }
    },
    // 实时数据调用钩子函数
    IntervalRealTimeDate (id, unionTagCodeList, BBZMAPPING) {
      // 定时器函数
      this.interValHander = 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.DrawRealTimeDateChart(this.JsonRealWasteWater.id, this.JsonRealWasteWater.title, this.JsonRealWasteWater.legend, this.JsonRealWasteWater.ydatas, this.JsonRealWasteWater.yname)
        this.IntervalRealTimeDate(this.JSONTimeData.id, this.JSONTimeData.unionTagCodeList, this.BBZMAPPING)
      }, 15000)
    }
  }
}

 src/components/BaseNav/PublicBounced/common/echarts/EChartsWasteWaterTable.vue

@@ -126,168 +126,168 @@
    return {
      tableData: [{
        date: '2016-05-03 12:00:00',
        codWatch: '1',
        codWatch: '7.23',
        codTime: '-',
        phWatch: '1',
        phTime: '2',
        bod5Watch: '1',
        phWatch: '0.43',
        phTime: '9.21',
        bod5Watch: '7.12',
        bod5Time: '-',
        adWatch: '1',
        adWatch: '0.23',
        adTime: '-'
      },
      {
        date: '2016-05-03 12:00:15',
        codWatch: '-',
        codTime: '2',
        codTime: '5.32',
        phWatch: '-',
        phTime: '2',
        phTime: '0.23',
        bod5Watch: '1',
        bod5Time: '2',
        adWatch: '1',
        bod5Time: '9.88',
        adWatch: '1.76',
        adTime: '-'
      },
      {
        date: '2016-05-03 12:00:30',
        codWatch: '1',
        codTime: '2',
        codWatch: '-',
        codTime: '0.92',
        phWatch: '-',
        phTime: '2',
        bod5Watch: '1',
        phTime: '8.71',
        bod5Watch: '0.72',
        bod5Time: '-',
        adWatch: '1',
        adTime: '2'
        adWatch: '6.23',
        adTime: '0.86'
      },
      {
        date: '2016-05-03 12:01:15',
        codWatch: '1',
        codWatch: '10.22',
        codTime: '-',
        phWatch: '-',
        phTime: '2',
        bod5Watch: '1',
        phTime: '0.92',
        bod5Watch: '0.82',
        bod5Time: '-',
        adWatch: '1',
        adWatch: '23.82',
        adTime: '-'
      },
      {
        date: '2016-05-03 12:01:30',
        codWatch: '1',
        codWatch: '0.31',
        codTime: '-',
        phWatch: '-',
        phTime: '2',
        bod5Watch: '1',
        phTime: '6.12',
        bod5Watch: '0.31',
        bod5Time: '-',
        adWatch: '1',
        adTime: '2'
        adWatch: '0.21',
        adTime: '-'
      },
      {
        date: '2016-05-03 12:02:15',
        codWatch: '1',
        codWatch: '9.22',
        codTime: '-',
        phWatch: '-',
        phTime: '-',
        bod5Watch: '-',
        bod5Time: '1',
        bod5Time: '0.72',
        adWatch: '-',
        adTime: '2'
        adTime: '17.23'
      },
      {
        date: '2016-05-03 12:02:30',
        codWatch: '-',
        codTime: '-',
        phWatch: '2',
        phWatch: '0.83',
        phTime: '-',
        bod5Watch: '1',
        bod5Watch: '23.22',
        bod5Time: '-',
        adWatch: '-',
        adTime: '-'
      },
      {
        date: '2016-05-03 12:03:15',
        codWatch: '1',
        codWatch: '8.74',
        codTime: '-',
        phWatch: '-',
        phTime: '-',
        phTime: '13.22',
        bod5Watch: '-',
        bod5Time: '1',
        bod5Time: '0.23',
        adWatch: '-',
        adTime: '-'
      },
      {
        date: '2016-05-03 12:03:30',
        codWatch: '1',
        codWatch: '0.82',
        codTime: '-',
        phWatch: '-',
        phTime: '-',
        bod5Watch: '-',
        bod5Time: '1',
        bod5Time: '32.42',
        adWatch: '-',
        adTime: '1'
        adTime: '0.88'
      },
      {
        date: '2016-05-03 12:04:15',
        codWatch: '-',
        codTime: '-',
        phWatch: '1',
        phWatch: '0.71',
        phTime: '-',
        bod5Watch: '-',
        bod5Time: '1',
        bod5Time: '15.83',
        adWatch: '-',
        adTime: '2'
        adTime: '24.82'
      },
      {
        date: '2016-05-03 12:04:30',
        codWatch: '-',
        codTime: '1',
        phWatch: '2',
        codTime: '19.65',
        phWatch: '29.22',
        phTime: '-',
        bod5Watch: '1',
        bod5Watch: '0.98',
        bod5Time: '-',
        adWatch: '-',
        adTime: '-'
      },
      {
        date: '2016-05-03 12:05:15',
        codWatch: '1',
        codWatch: '19.32',
        codTime: '-',
        phWatch: '-',
        phTime: '-',
        bod5Watch: '-',
        bod5Time: '1',
        bod5Time: '12.21',
        adWatch: '-',
        adTime: '-'
      },
      {
        date: '2016-05-03 12:05:30',
        codWatch: '1',
        codWatch: '10.53',
        codTime: '-',
        phWatch: '-',
        phTime: '-',
        bod5Watch: '-',
        bod5Time: '1',
        bod5Time: '23.71',
        adWatch: '-',
        adTime: '1'
        adTime: '10.55'
      },
      {
        date: '2016-05-03 12:06:15',
        codWatch: '1',
        codWatch: '31.63',
        codTime: '-',
        phWatch: '-',
        phTime: '-',
        bod5Watch: '-',
        bod5Time: '1',
        bod5Time: '0.56',
        adWatch: '-',
        adTime: '-'
      },
      {
        date: '2016-05-03 12:06:30',
        codWatch: '1',
        codWatch: '19.53',
        codTime: '-',
        phWatch: '-',
        phTime: '-',
        bod5Watch: '-',
        bod5Time: '1',
        bod5Time: '0.28',
        adWatch: '-',
        adTime: '1'
        adTime: '0.75'
      }]
    }
  },
@@ -305,5 +305,4 @@
</script>

<style scoped>

</style>

 src/components/BaseNav/PublicBounced/common/echarts/PublicDetailedList.vue

@@ -1,6 +1,6 @@
<template>
  <div class="PublicDetailedList">
    <el-table :data="tableData" max-height="500px" border>
    <el-table :data="tableData" max-height="400px" border>
      <el-scrollbar style="height: 50vh">
      <el-table-column prop="OnLineMonEmissPointName" label="排放点"></el-table-column>
      <el-table-column prop="MonTimeStr" label="监测时间"></el-table-column>

 src/components/panel/topicSearch/SolidWasteSearch.vue

@@ -29,7 +29,8 @@
    <el-scrollbar style="height:286.22px">
      <div class="environmental-risk-list" v-for="(item,index) in searchDataDisplay" :key="index"
           @click="setBounced(item)">
        <i class="state"></i>
        <!--        <i class="state"></i>-->
        <img src="../../../../public/assets/images/map/solidwaste/gf_green2.png" alt="" class="state">
        <div>
          <h3>###炼化部</h3>
          <p>所属部门：<span>{{ item.Name }}</span></p>
@@ -52,6 +53,33 @@
  data () {
    return {
      judgeVisible: true,
      form: {
        keyword: '固废面板数据查询',
        // 数据的传递
        transferData: 1
      },
      levelOfRisk: [
        {
          name: '全部',
          value: 1
        },
        {
          name: '正常',
          value: 2
        },
        {
          name: '预警',
          value: 3
        }
      ],
      // 数据搜索之后，存储数据的
      searchDataDisplay: [],
      instance: null,
      intervals: [],
      layer: window.map,
      L: window.L,
      times: 5,
      colors: ['#98FB98', '#ff0000'],
      solidWasteTypeOptions: [{
        value: '1',
        label: '区域',
@@ -116,34 +144,7 @@
          label: '长度(m)',
          key: 'length'
        }]
      }],
      form: {
        keyword: '固废面板数据查询',
        // 数据的传递
        transferData: 1
      },
      levelOfRisk: [
        {
          name: '全部',
          value: 1
        },
        {
          name: '正常',
          value: 2
        },
        {
          name: '预警',
          value: 3
        }
      ],
      // 数据搜索之后，存储数据的
      searchDataDisplay: [],
      instance: null,
      intervals: [],
      layer: window.map,
      L: window.L,
      times: 5,
      colors: ['#98FB98', '#ff0000']
      }]
    }
  },
  methods: {
@@ -152,6 +153,7 @@
      // console.log(this.form.keyword)
      const result = await mapApi.getSolidWaste(data)
      this.searchDataDisplay = result.Result.DataInfo
      console.log(this.searchDataDisplay)
    },
    // 不同类型图片封装
    differentTypes (judgeValue) {

 src/components/table/components/SolidWaste.vue

@@ -20,7 +20,8 @@
              :disabled="!isShowIcon"
              popper-class="popovers">
            <ChemicalWastewater v-show="$index ===1"></ChemicalWastewater>
            <i class="el-icon-caret-right" :class="{active: isActive === $index}" slot="reference" @click="doIcon($index)"></i>
            <i class="el-icon-caret-right" :class="{active: isActive === $index}" slot="reference"
               @click="doIcon($index)"></i>
            <!--                   <i class="el-icon-caret-bottom"   slot="reference" v-else @click="doIcon($index)"></i>-->
          </el-popover>
        </template>
@@ -29,9 +30,9 @@
      </el-table-column>
      <el-table-column prop="UserName" label="企业名称" width="120px">
        <template slot-scope="scope">
          <div v-if="scope.row.UserName==='集团名称'" style="color: #00ffff">{{scope.row.UserName}}</div>
          <div v-else-if="scope.row.UserName==='天津石化'" style="color: #00ffff">{{scope.row.UserName}}</div>
          <div v-else >{{scope.row.UserName}}</div>
          <div v-if="scope.row.UserName==='集团名称'" style="color: #00ffff">{{ scope.row.UserName }}</div>
          <div v-else-if="scope.row.UserName==='天津石化'" style="color: #00ffff">{{ scope.row.UserName }}</div>
          <div v-else>{{ scope.row.UserName }}</div>
        </template>
      </el-table-column>
      <el-table-column prop="WasteWaters" label="外排废水量（m³）" width="100px"></el-table-column>
@@ -46,7 +47,7 @@
      <el-table-column label="排放口检测统计状态">
        <el-table-column prop="normal" label="正常" width="60px">
          <template slot-scope="{row,$index}">
            <u v-if="$index!=2" >{{row.normal}}</u>
            <u v-if="$index!=2">{{ row.normal }}</u>
            <el-popover v-else
                        placement="bottom-end"
                        width="200"
@@ -55,7 +56,7 @@
                        title="监测点明细表"
            >
              <refinery></refinery>
              <u slot="reference" style="color: #00ffff">{{row.normal}}</u>
              <u slot="reference" style="color: #00ffff">{{ row.normal }}</u>
              <!--                       <i class="el-icon-caret-bottom" v-else-if="isShowIcon&&scope.row.index===1"></i>-->
              <!--                       <i v-if="isShowIcon" class="el-icon-caret-bottom" slot="reference" @click="isbtn"></i>-->
              <!--                   <i v-else class="el-icon-caret-right" slot="reference" @click="isbtn"></i>-->
@@ -67,7 +68,7 @@
        <el-table-column prop="StopProduction" label="停产" width="60px"></el-table-column>
        <el-table-column prop="deficiency" label="缺失" width="60px">
          <template slot-scope="{row,$index}">
            <u v-if="$index!=1" >{{row.deficiency}}</u>
            <u v-if="$index!=1">{{ row.deficiency }}</u>
            <el-popover v-else
                        placement="bottom-end"
                        width="200"
@@ -76,7 +77,7 @@
                        popper-class="popovers"
            >
              <MissingAlarm></MissingAlarm>
              <u slot="reference" style="color: #00ffff">{{row.deficiency}}</u>
              <u slot="reference" style="color: #00ffff">{{ row.deficiency }}</u>
            </el-popover>
          </template>
        </el-table-column>
@@ -92,6 +93,7 @@
import ChemicalWastewater from './componented/ChemicalWastewater'
import Refinery from '@components/table/components/componented/refinery'
import MissingAlarm from '@components/table/components/componented/MissingAlarm'

export default {
  name: 'SolidWaste',
  components: {
@@ -155,11 +157,16 @@
    }
  },
  methods: {
    tableHeaderColor ({ row, column, owIndex, columnIndex }) {
    tableHeaderColor ({
      row,
      column,
      owIndex,
      columnIndex
    }) {
      // return 'background-color: rgba(26, 73, 81, 0.901960784313726);color:#fff;font-wight:500;font-size:12px;text-align:center;height:0px'
    },
    // 表头样式设置
    rowClass  () {
    rowClass () {
      // return 'text-align: center;background-color: rgba(26, 73, 81, 0.901960784313726);color:#fff;width:64px'
    },
    // 获取点击的表格
@@ -183,17 +190,19 @@
}
</script>

<style scoped>
.popovers{
<style lang="less" scoped>
.popovers {
  width: auto !important;
  background-color: gray !important;
}
.popovers.el-popover{
  padding:0;

.popovers.el-popover {
  padding: 0;
}

.active {
  /*color: red;*/
  transform:rotate(90deg);
  transform: rotate(90deg);
}

</style>