1、新增站点数据页面 2、修改监测因子趋势显示bug 3、修改监测因子趋势和监测因子对比页面的时间控件

yupan

2022-10-27 0761d9e95393d7f0301a49613c095db363d79e75

 src/views/contrast/index.vue

@@ -1,4 +1,4 @@
<template>
+<template>
  <div style="width:100%">
    <div class="topSelect">
      <el-cascader
@@ -25,13 +25,22 @@
          :value="item.value"
        />
      </el-select> -->
      <el-radio-group v-model="radio1" style="margin-left:20px">
      <!--  <el-radio-group v-model="radio1" style="margin-left:20px">
        <el-radio-button label="日报" />
        <el-radio-button label="月报" />
        <el-radio-button label="月报" /> -->
        <!-- <el-radio-button label="年报" />
        <el-radio-button label="自定义" /> -->
      </el-radio-group>
      <component :is="dataType" style="padding-left:0;margin-left:20px;width:160px" @sendPickerChild="showPickerChild" />
      <!-- </el-radio-group>  -->
       <el-select v-model="radio1" placeholder="请选择" style="margin-left:20px">
        <el-option
          v-for="item in options1"
          :key="item.value"
          :label="item.label"
          :value="item.value"
        >
        </el-option>
      </el-select>
      <component :is="dataType" class="select11" style="padding-left:0;margin-left:20px;width:160px" @sendPickerChild="showPickerChild" />
      <!--查询按钮-->
      <el-button @click="selectData" class="btn1">查询</el-button>
    </div>
@@ -73,7 +82,7 @@
  }
}
export default {
// import 引入的组件需要注入到对象中才能使用
// import 引入的组件需要注入到对象中才能使用props
  components: {
    LineChart,
    DatePicker,
@@ -104,7 +113,7 @@
      // newMac2:'',
      newSensor: [],
      radio1: '日报',
      unit: 1,
      unit: 0,
      type: 'select',
      newLineChartData: {
        series: [],
@@ -115,7 +124,18 @@
      defaultData: [],
      newListData: [],
      chartSensorName: '',
      middleData: []
      middleData: [],
       options1:[
       
         {
          label:'日报',
          value:'日报'
        }
        , {
          label:'月报',
          value:'月报'
        }
      ]
    }
  },
  // 计算属性 类似于data概念
@@ -142,10 +162,10 @@
    radio1(nv, ov) {
      if (nv === '日报') {
        this.dataType = 'HourPicker'
        this.unit = 1
        this.unit = 0
      } else if (nv === '月报') {
        this.dataType = 'DatePicker'
        this.unit = 3
        this.unit = 1
      }
      // else if (nv === '年报') {
      //   this.dataType = 'MouthPicker'
@@ -189,10 +209,8 @@
          for (let i = 0; i < this.defaultData.length; i++) {
            this.options.push({ value: this.defaultData[i].name, label: this.defaultData[i].name })
            this.options[i].children = []
            if (this.defaultData[i].devices) {
              for (let j = 0; j < this.defaultData[i].devices.length; j++) {
                this.options[i].children.push({ value: [this.defaultData[i].devices[j].name, this.defaultData[i].devices[j].mac], label: this.defaultData[i].devices[j].name })
              }
            for (let j = 0; j < this.defaultData[i].devices.length; j++) {
              this.options[i].children.push({ value: [this.defaultData[i].devices[j].name, this.defaultData[i].devices[j].mac], label: this.defaultData[i].devices[j].name })
            }
          }
        })
@@ -233,18 +251,18 @@
        title: []
      }
      this.newXData = []
      this.$request({
        url: '/dataDisplay/sensorComparisonDisplay',
      this.$request({ // dataDisplay/sensorComparisonDisplayV2
        url: '/dataDisplay/sensorComparisonDisplayV2',
        method: 'post',
        data: {
          mac: this.newMac1[0],
          sensors: this.value1,
          sensorCodes: this.value1,
          reportType: this.unit,
          time: this.newData
          times: this.newData
        }
      }).then((res) => {
        // console.log('获得时间对应因子数据')
        // console.log(res)
        console.log(res, 111)
        this.middleData = JSON.parse(JSON.stringify(res.data))
        const data = res.data
        // 无量纲算法
@@ -276,6 +294,7 @@
        // 大数组sort升序方法
        data.sort(this.compare('sort', true))
        // 给折线图数据添加遍历
        
        // for (let i = 0; i < data.length; i++) {
        //   newLineChartData.series.push({ data: [], name: '', type: 'line' })
        //   newLineChartData.series[i].name = data[i].name
@@ -290,6 +309,7 @@
          newLineChartData.series[i].name = data[i].name
          newLineChartData.title.push(data[i].name)
          for (let j = 0; j < data[i].timeValueList.length; j++) {
            // console.log(data);
            data[i].timeValueList[j].value = data[i].timeValueList[j].value * data[i].Factor
            newLineChartData.series[i].data.push({ value: 0, data0: 0 })
            newLineChartData.series[i].data[j].value = data[i].timeValueList[j].value
@@ -305,6 +325,7 @@
          }
        }
        this.lineChartData = newLineChartData
        // console.log(newLineChartData.series[0].name);
      }).catch((err) => {
        console.log(err)
      })
@@ -443,4 +464,10 @@
  margin-left: 1%;
  height: 40px;
}
.select11{
  width: 20% !important
}
/deep/.el-date-editor .el-range-separator{
  width: 11% 
}
</style>