From f5624d6a7ad32ee475e00edbad26bc98ea4629e1 Mon Sep 17 00:00:00 2001
From: riku <risaku@163.com>
Date: 星期五, 10 五月 2024 17:35:54 +0800
Subject: [PATCH] 实时走航模块
---
src/components/monitor/FactorCheckbox.vue | 66 +++++++++++++++++++++++++++------
1 files changed, 54 insertions(+), 12 deletions(-)
diff --git a/src/components/monitor/FactorCheckbox.vue b/src/components/monitor/FactorCheckbox.vue
index 43c1b93..7e236e3 100644
--- a/src/components/monitor/FactorCheckbox.vue
+++ b/src/components/monitor/FactorCheckbox.vue
@@ -1,17 +1,20 @@
<template>
- <BaseCard direction="top-left" borderless="t">
+ <BaseCard :direction="direction" :borderless="borderlessDirection">
<template #content>
<el-checkbox-group
- v-model="checkbox"
+ :model-value="modelValue"
size="default"
- @change="handleChange"
+ :min="1"
+ @update:model-value="handleChange"
>
- <el-checkbox
- v-for="(item, i) in options"
- :key="i"
- :value="item.value"
- >{{ item.label }}</el-checkbox
- >
+ <div :class="vertical ? 'vertical-class' : ''">
+ <el-checkbox
+ v-for="item in options"
+ :key="item.label"
+ :value="item.value"
+ >{{ item.label }}</el-checkbox
+ >
+ </div>
</el-checkbox-group>
</template>
</BaseCard>
@@ -24,13 +27,41 @@
export default {
props: {
+ // 澶嶉�夋鍊�
+ modelValue: Array,
deviceType: {
type: String,
// type0: 杞﹁浇鎴栨棤浜烘満; type1:鏃犱汉鑸�
default: TYPE0
+ },
+ /**
+ *
+ * 鏍峰紡鏈濆悜
+ * top-left | left
+ */
+ direction: {
+ type: String,
+ default: 'top-left'
+ },
+ /**
+ * 鏃犺竟妗嗙殑鏂瑰悜
+ * t | r
+ */
+ borderlessDirection: {
+ type: String,
+ default: 't'
+ },
+ /**
+ * 鍐呭鏄惁鍨傜洿鎺掑竷
+ */
+ vertical: Boolean,
+ // 榛樿閫変腑鐨勪釜鏁帮紙浠庣涓�涓�夐」寮�濮嬶級
+ defaultNum: {
+ type: Number,
+ default: 1
}
},
- emits: ['change'],
+ emits: ['update:modelValue'],
data() {
return {
checkbox: [checkboxOptions(TYPE0)[0].value]
@@ -44,13 +75,19 @@
watch: {
deviceType(nV, oV) {
if (nV != oV) {
- this.checkbox = this.options[0].value;
+ const res = [];
+ const array = checkboxOptions(nV);
+ for (let i = 0; i < this.defaultNum; i++) {
+ const e = array[i];
+ res.push(e.value);
+ }
+ this.$emit('update:modelValue', res);
}
}
},
methods: {
handleChange(value) {
- this.$emit('change', value);
+ this.$emit('update:modelValue', value);
}
}
};
@@ -61,4 +98,9 @@
margin-right: 6px;
/* height: initial; */
}
+
+.vertical-class {
+ display: flex;
+ flex-direction: column;
+}
</style>
--
Gitblit v1.9.3