fix: 单位修改

quanyawei

2024-04-22 7e1e05a15fd6d135a4ff58918a2f7df797a5ed6e

 src/views/hand/index.vue

@@ -12,6 +12,7 @@
              v-model="formInline.mac"
              size="medium"
              placeholder="选择设备"
              clearable
            >
              <el-option
                v-for="item in handList"
@@ -21,11 +22,11 @@
              />
            </el-select>
          </el-form-item>
          <el-form-item label="设备名称:">
          <el-form-item label="监测点位:">
            <el-input
              v-model="formInline.name"
              size="medium"
              placeholder="设备名称"
              placeholder="监测点位"
            />
          </el-form-item>
          <el-form-item>
@@ -63,7 +64,6 @@
        :data="tableData"
        border
        size="mini"
        max-height="680"
        style="width: 100%"
        :header-cell-style="{
          color: '#101111', fontSize: '16px'
@@ -86,12 +86,12 @@
          prop="name"
          align="center"
          width="200px"
          label="设备名称"
          label="监测点位"
        />
        <el-table-column
          prop="address"
          align="center"
          label="设备位置"
          label="详细地址"
        />
        <el-table-column
          prop="startTime"
@@ -106,7 +106,13 @@
          width="200px"
        />
        <el-table-column
          width="60px"
          prop="createName"
          align="center"
          label="创建人"
          width="200px"
        />
        <el-table-column
          width="100px"
          align="center"
          label="操作"
        >
@@ -145,9 +151,23 @@
        <template #body>
          <div>
            <div class="devaiceDetailTitle">
              <p>设备名称：{{ selectRow.name }}</p>
              <p>设备位置：{{ selectRow.address }}</p>
              <p>设备经纬度：{{ selectRow.longitude }},{{ selectRow.latitude }}</p>
              <el-descriptions :column="4">
                <el-descriptions-item label="开始时间">
                  {{ selectRow.startTime }}
                </el-descriptions-item>
                <el-descriptions-item label="结束时间">
                  {{ selectRow.endTime }}
                </el-descriptions-item>
                <el-descriptions-item label="监测点位">
                  {{ selectRow.name }}
                </el-descriptions-item>
                <el-descriptions-item label="设备经纬度">
                  {{ selectRow.longitude }},{{ selectRow.latitude }}
                </el-descriptions-item>
                <el-descriptions-item label="详细地址">
                  {{ selectRow.address }}
                </el-descriptions-item>
              </el-descriptions>
            </div>
            <div class="typeBox">
              <div class="tapChart">
@@ -156,6 +176,12 @@
                  @click="changeTap('hour')"
                >
                  小时
                </p>
                <p
                  :class="{pClick: tapName === 'minute'}"
                  @click="changeTap('minute')"
                >
                  1分钟
                </p>
                <p
                  :class="{pClick: tapName === 'minutely'}"
@@ -249,7 +275,7 @@
        { prop: 'a01006', label: '气压', unit: 'hpa' },
        { prop: 'a01001', label: '温度', unit: '℃' },
        { prop: 'a01002', label: '湿度', unit: '%' },
        { prop: 'a99054', label: 'TVOC', unit: 'ug/m³' },
        { prop: 'a99054', label: 'TVOC', unit: 'mg/m³' },
        { prop: 'a31001', label: '甲醛', unit: 'mg/m³' },
        { prop: 'a21028', label: '硫化氢', unit: 'ppm' },
        { prop: 'a21001', label: '氨气', unit: 'ug/m³' },
@@ -257,13 +283,13 @@
      handList: [],
      radio: '今天',
      tapName: 'hour',
      value: '',
      value: [],
      radioGrouplist: [
        { label: '今天', value: 'today', type: 'day', num: '0' },
        { label: '昨天', value: 'yesterday', type: 'day', num: '1', },
        { label: '近3天', value: 'week', type: 'day', num: '3', },
        { label: '近1个月', value: 'month', type: 'month', num: '1', },
        { label: '近3个月', value: 'threeMonth', type: 'month', num: '3', },
        { label: '近7天', value: 'month', type: 'day', num: '7', },
        { label: '近1个月', value: 'threeMonth', type: 'month', num: '1', },
      ],
      tableData: [],
      rowDetailDate: [],
@@ -272,7 +298,7 @@
        // 总条数，根据接口获取数据长度(注意：这里不能为空)
        totalCount: 0,
        // 个数选择器（可修改）
        pageSizes: [10, 30, 60, 100],
        pageSizes: [10, 50, 100, 200],
        // 默认每页显示的条数（可修改）
        pageSize: 10
      },
@@ -287,6 +313,7 @@
    }).then(res => {
      if (res.code === 0) {
        this.handList = res.data
        this.onSubmit()
      } else {
        this.$message.error(res.message)
      }
@@ -328,10 +355,20 @@
      }
    },
    changeRadio (e) {
      this.formInline.startTime = e.startTime
      this.formInline.endTime = e.endTime
      console.log('e', e)
      this.radio = e.label
      this.value = ''
      if (e.value === 'yesterday' || e.value === 'today') {
        // const today = dayjs()
        // const starTime = today.subtract(1, 'day').startOf('day')
        // const endTime = today.subtract(1, 'day').endOf('day')
        this.value = [ ]
        this.formInline.endTime = ''
        this.formInline.startTime = e.startTime.format('YYYY-MM-DD')
      } else {
        this.value = [e.startTime, e.endTime]
        this.formInline.startTime = e.startTime.format('YYYY-MM-DD HH:mm:ss')
        this.formInline.endTime = e.endTime.format('YYYY-MM-DD HH:mm:ss')
      }
    },
    sendPicker (e) {
      this.radio = ''
@@ -415,7 +452,7 @@
.devaiceDetailTitle{
  p{
    display: inline-block;
    margin-right: 10px;
    margin-right: 15px;
    font-size: 18px;
  }
}