From aef7a66e9568004d3e8bb9930db5866d82ed96c6 Mon Sep 17 00:00:00 2001
From: riku <risaku@163.com>
Date: 星期一, 29 四月 2024 22:32:46 +0800
Subject: [PATCH] 新增绘制3d走航图功能

---
 src/components/monitor/FactorRadio.vue |   34 ++++++++++++++++++++++++++++------
 1 files changed, 28 insertions(+), 6 deletions(-)

diff --git a/src/components/monitor/FactorRadio.vue b/src/components/monitor/FactorRadio.vue
index 3245049..a5ebb94 100644
--- a/src/components/monitor/FactorRadio.vue
+++ b/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>

--
Gitblit v1.9.3