From d277d770292df0a1266c07f4773d62edd70e6515 Mon Sep 17 00:00:00 2001
From: riku <risaku@163.com>
Date: 星期一, 13 五月 2024 17:59:16 +0800
Subject: [PATCH] 新增场景标注
---
src/components/monitor/FactorRadio.vue | 40 +++++++++++++++++++++++++++++++++++++---
1 files changed, 37 insertions(+), 3 deletions(-)
diff --git a/src/components/monitor/FactorRadio.vue b/src/components/monitor/FactorRadio.vue
index f77cf2f..afdd4d5 100644
--- a/src/components/monitor/FactorRadio.vue
+++ b/src/components/monitor/FactorRadio.vue
@@ -1,7 +1,7 @@
<template>
<BaseCard>
<template #content>
- <el-radio-group v-model="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>
@@ -13,12 +13,46 @@
<script>
// 鐩戞祴鍥犲瓙鍗曢�夋
import { radioOptions } 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: radioOptions(TYPE0)[0].value
};
+ },
+ 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鍥惧儚鍒囨崲灞曠ず鐩戞祴鍥犲瓙
+ }
}
};
</script>
+<style scoped>
+.el-radio {
+ --el-radio-text-color: white;
+ margin-right: 10px;
+ height: initial;
+}
+</style>
--
Gitblit v1.9.3