| | |
| | | <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> |
| | |
| | | |
| | | <script> |
| | | // 监测因子单选框 |
| | | export default {}; |
| | | import { radioOptions } from '@/constant/radio-options'; |
| | | export default { |
| | | data() { |
| | | return { |
| | | radio: radioOptions.type0[0].value, |
| | | options: radioOptions.type0 |
| | | }; |
| | | } |
| | | }; |
| | | </script> |
| | |
| | | // 监测因子单选框选项 |
| | | 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' |
| | | } |
| | | ] |
| | | }; |
| | |
| | | |
| | | <script> |
| | | export default { |
| | | name: 'HistoryPage', |
| | | name: 'HistoryPage' |
| | | }; |
| | | </script> |