图层控制面板加宽。

chenyabin

2021-04-27 bdce5b978229a100b7d7a01acbdeefbd9e2b0902

 src/components/BaseNav/WasteWater/HourData.vue

@@ -2,7 +2,7 @@
  <div id="Tab">
    <div class="tab-scroll">
      <PublicDataStandard :dataStandard="dataStandard"></PublicDataStandard>
      <span class="time-select">{{ timeStart }}时——{{ timeEnd }}时</span>
      <span class="time-select">{{ formInline.timeStart }}时——{{ formInline.timeEnd }}时</span>
    </div>
    <div class="form-echrts">
      <div class="from-search">
@@ -10,14 +10,14 @@
          <div class="pickerData">
            <span> 开始时间:</span>
            <span class="pickerTable">
                          <el-date-picker type="datetime" v-model="formInline.timeStart">
                          <el-date-picker type="datetime" value-format="yyyy-MM-dd HH" v-model="formInline.timeStart">
                      </el-date-picker>
                      </span>
          </div>
          <div class="pickerData">
            <span>结束时间:</span>
            <span class="pickerTable">
                        <el-date-picker type="datetime" v-model="formInline.timeEnd">
                        <el-date-picker type="datetime" value-format="yyyy-MM-dd HH" v-model="formInline.timeEnd">
                      </el-date-picker>
                      </span>
          </div>
@@ -87,11 +87,11 @@
          }
        }],
      formInline: {
        timeStart: '',
        timeEnd: ''
        timeStart: dayjs().subtract(24, 'hours').format('YYYY-MM-DD HH'),
        timeEnd: dayjs().format('YYYY-MM-DD HH')
      },
      timeEnd: dayjs().format('YYYY-MM-DD HH'),
      timeStart: dayjs().subtract(24, 'hours').format('YYYY-MM-DD HH'),
      // timeEnd: dayjs().format('YYYY-MM-DD HH'),
      // timeStart: dayjs().subtract(24, 'hours').format('YYYY-MM-DD HH'),
      chart: null,
      jcdID: 1,
      dataType: 2,
@@ -106,8 +106,8 @@
  methods: {
    async draw24Chart () {
      // 用于接口数据请求的参数 开始/结束时间 || 可选择查询的开始/结束时间
      this.formInline.timeEnd = dayjs().format('YYYY-MM-DD HH:mm:ss')
      this.formInline.timeStart = dayjs().subtract(24, 'hours').format('YYYY-MM-DD HH:mm:ss')
      // this.formInline.timeEnd = dayjs().format('YYYY-MM-DD HH')
      // this.formInline.timeStart = dayjs().subtract(24, 'hours').format('YYYY-MM-DD HH')
      const data = {
        onLineMonEmissPointId: 23,
        monItemId: 28,
@@ -473,8 +473,8 @@
          }
        },
        grid: { // 网格
          top: '20%',
          left: '5%'
          top: '20%'
          // left: '15%'
        },
        legend: {
          data: legend
@@ -586,6 +586,7 @@
        series: serLists
      }
      this.chart.setOption(option)
      window.onresize = this.chart.resize
    }
  }
}