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