riku
2024-04-29 eb3c38e9450b8bcf7ca8e0df65757162ba18251f
监测因子单选框
已修改3个文件
91 ■■■■■ 文件已修改
src/components/monitor/FactorRadio.vue 16 ●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/constant/radio-options.js 73 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/views/historymode/HistoryMode.vue 2 ●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/components/monitor/FactorRadio.vue
@@ -2,9 +2,9 @@
  <BaseCard>
    <template #content>
      <el-radio-group v-model="radio">
        <el-radio :value="3">Option A</el-radio>
        <el-radio :value="6">Option B</el-radio>
        <el-radio :value="9">Option C</el-radio>
        <el-radio v-for="(item, i) in options" :key="i" :value="item.value">{{
          item.label
        }}</el-radio>
      </el-radio-group>
    </template>
  </BaseCard>
@@ -12,5 +12,13 @@
<script>
// 监测因子单选框
export default {};
import { radioOptions } from '@/constant/radio-options';
export default {
  data() {
    return {
      radio: radioOptions.type0[0].value,
      options: radioOptions.type0
    };
  }
};
</script>
src/constant/radio-options.js
@@ -1 +1,74 @@
// 监测因子单选框选项
export const radioOptions = {
  type0: [
    //无人机
    {
      label: 'NO2',
      name: 'NO2',
      value: '1'
    },
    {
      label: 'CO',
      name: 'CO',
      value: '2'
    },
    {
      label: 'H2S',
      name: 'H2S',
      value: '3'
    },
    {
      label: 'SO2',
      name: 'SO2',
      value: '4'
    },
    {
      label: 'O3',
      name: 'NO2',
      value: '5'
    },
    {
      label: 'PM2.5',
      name: 'PM25',
      value: '6'
    },
    {
      label: 'PM10',
      name: 'PM10',
      value: '7'
    },
    {
      label: 'TVOC',
      name: 'VOC',
      value: '10'
    }
  ],
  type1: [
    //无人船
    {
      label: '温度',
      name: '温度',
      value: '1'
    },
    {
      label: '电导率',
      name: '电导率',
      value: '2'
    },
    {
      label: '浊度',
      name: '浊度',
      value: '3'
    },
    {
      label: '溶解氧',
      name: '溶解氧',
      value: '4'
    },
    {
      label: 'PH',
      name: 'PH',
      value: '5'
    }
  ]
};
src/views/historymode/HistoryMode.vue
@@ -4,6 +4,6 @@
<script>
export default {
  name: 'HistoryPage',
  name: 'HistoryPage'
};
</script>