riku
2024-08-23 1788c96aea9247cc36ef8b82734997f1a6a92fb4
src/components/monitor/FactorCheckbox.vue
@@ -63,9 +63,7 @@
  },
  emits: ['update:modelValue'],
  data() {
    return {
      checkbox: [checkboxOptions(TYPE0)[0].value]
    };
    return {};
  },
  computed: {
    options() {
@@ -81,7 +79,7 @@
          const e = array[i];
          res.push(e.value);
        }
        this.$emit('update:modelValue', res);
        this.handleChange(res);
      }
    }
  },
@@ -95,10 +93,23 @@
<style scoped>
.el-checkbox {
  --el-checkbox-text-color: white;
  --main-color: #23dad1;
  --el-checkbox-checked-text-color: var(--main-color);
  --el-checkbox-checked-input-border-color: var(--main-color);
  --el-checkbox-checked-bg-color: var(--main-color);
  --el-checkbox-input-border-color-hover: var(--main-color);
  --el-checkbox-disabled-checked-input-fill: var(--main-color);
  --el-checkbox-disabled-checked-input-border-color: var(--main-color);
  --el-checkbox-disabled-checked-icon-color: white;
  margin-right: 6px;
  /* height: initial; */
}
.el-checkbox__input.is-disabled + span.el-checkbox__label {
  color: var(--el-color-primary);
}
.vertical-class {
  display: flex;
  flex-direction: column;