新增绘制3d走航图功能

riku

2024-04-29 aef7a66e9568004d3e8bb9930db5866d82ed96c6

 src/components/monitor/FactorRadio.vue

@@ -1,10 +1,10 @@
<template>
  <BaseCard>
  <BaseCard class="map-factor-selector">
    <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-group v-model="radio" size="default" @change="handleChange">
        <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,27 @@

<script>
// 监测因子单选框
export default {};
import { radioOptions } from '@/constant/radio-options';
export default {
  emits:['change'],
  data() {
    return {
      radio: radioOptions.type0[0].value,
      options: radioOptions.type0
    };
  },
  method:{
    handleChange(value) {
      this.$emit('change', value)
      // todo 地图3d图像切换展示监测因子
    }
  }
};
</script>
<style scoped>
.el-radio {
  --el-radio-text-color: white;
  margin-right: 10px;
  height: initial;
}
</style>