hyyfClient/src/views/Alarm/alarm-set/RegularForm.vue

<!--
 * @Author: your name
 * @Date: 2021-11-29 15:55:20
 * @LastEditTime: 2021-11-29 16:49:29
 * @LastEditors: Please set LastEditors
 * @Description: 常规设置的每一项
 * @FilePath: \hyyfClient\src\views\Alarm\alarm-set\RegularForm.vue
-->
<template>
  <div class="regular-form">
    <el-form label-width="140px">
      <div class="row">
        <el-form-item label="高温报警阈值：">
          <el-input style="width: 200px"></el-input>
          <span class="margin-left">℃</span>
        </el-form-item>
        <el-form-item label="化学需氧量阈值：">
          <el-input style="width: 200px"></el-input>
          <span class="margin-left">mg/L</span>
        </el-form-item>
      </div>

      <div class="row">
        <el-form-item label="低温报警阈值：">
          <el-input style="width: 200px"></el-input>
          <span class="margin-left">℃</span>
        </el-form-item>
        <el-form-item label="氨氮量阈值：">
          <el-input style="width: 200px"></el-input>
          <span class="margin-left">mg/L</span>
        </el-form-item>
      </div>

      <div class="row">
        <el-form-item label="高湿度报警阈值：">
          <el-input style="width: 200px"></el-input>
          <span class="margin-left">%</span>
        </el-form-item>
        <el-form-item label="总磷量阈值：">
          <el-input style="width: 200px"></el-input>
          <span class="margin-left">mg/L</span>
        </el-form-item>
      </div>

      <div class="row">
        <el-form-item label="低湿度报警阈值：">
          <el-input style="width: 200px"></el-input>
          <span class="margin-left">%</span>
        </el-form-item>
        <el-form-item label="总氮量阈值：">
          <el-input style="width: 200px"></el-input>
          <span class="margin-left">mg/L</span>
        </el-form-item>
      </div>

      <div class="row">
        <el-form-item label="累计流量阈值：">
          <el-input style="width: 200px"></el-input>
          <span class="margin-left">T/HT</span>
        </el-form-item>
      </div>
    </el-form>
  </div>
</template>
<script>
export default {
  data() {
    return {
      regularForm: {
        highTemp: 30,
        lowTemp: 15,
        highHumi: 100,
        lowHumi: 15,
        totalFlow: 15,
        oxygen: 15,
        ammonia: 15,
        phosphorus: 15,
        nitrogen: 15,
      },
    };
  },
};
</script>
<style scoped>
.row {
  display: flex;
  justify-content: space-between;
}
.margin-left {
  padding-left: 20px;
}
</style>