优化初始化进入界面时，默认监测因子选项为PM颗粒物等常用因子

riku

2024-11-11 d205764a3ebe073b8302e8faf9345b74ae3350df

 src/components/monitor/FactorRadio.vue

@@ -1,5 +1,5 @@
<template>
  <BaseCard class="map-factor-selector">
  <BaseCard>
    <template #content>
      <el-radio-group v-model="radio" size="default" @change="handleChange">
        <el-radio v-for="(item, i) in options" :key="i" :value="item.value">{{
@@ -12,16 +12,36 @@

<script>
// 监测因子单选框
import { radioOptions } from '@/constant/radio-options';
import { radioOptions, defaultOptions } from '@/constant/radio-options';
import { TYPE0 } from '@/constant/device-type';

export default {
  props: {
    deviceType: {
      type: String,
      // type0: 车载或无人机; type1:无人船
      default: TYPE0
    }
  },
  emits: ['change'],
  data() {
    return {
      radio: radioOptions.type0[0].value,
      options: radioOptions.type0
      radio: defaultOptions(TYPE0)
    };
  },
  method: {
  computed: {
    options() {
      return radioOptions(this.deviceType);
    }
  },
  watch: {
    deviceType(nV, oV) {
      if (nV != oV) {
        this.radio = this.options[0].value;
      }
    }
  },
  methods: {
    handleChange(value) {
      this.$emit('change', value);
      // todo 地图3d图像切换展示监测因子
@@ -32,6 +52,7 @@
<style scoped>
.el-radio {
  --el-radio-text-color: white;
  --el-color-primary: #23dad1;
  margin-right: 10px;
  height: initial;
}