diff --git a/src/views/iot/rule/scene/components/inputs/StatusRadio.vue b/src/views/iot/rule/scene/components/inputs/StatusRadio.vue index 4019074f1..d8dcc591f 100644 --- a/src/views/iot/rule/scene/components/inputs/StatusRadio.vue +++ b/src/views/iot/rule/scene/components/inputs/StatusRadio.vue @@ -25,14 +25,7 @@ - - -
- - - {{ localValue === 0 ? '启用状态下,规则将实时监控并执行相应动作' : '禁用状态下,规则不会执行任何操作' }} - -
+ @@ -76,20 +69,23 @@ const handleChange = (value: number) => { :deep(.el-radio-group) { display: flex; - flex-direction: column; - gap: 12px; + flex-direction: row; + gap: 16px; width: 100%; + align-items: flex-start; } :deep(.el-radio) { margin-right: 0; - width: 100%; + width: auto; + flex: 1; height: auto; align-items: flex-start; } .status-option { - width: 100%; + width: auto; + flex: 1; } :deep(.el-radio__input) { @@ -110,7 +106,7 @@ const handleChange = (value: number) => { border: 1px solid var(--el-border-color-light); border-radius: 6px; transition: all 0.2s; - width: calc(100% - 28px); + width: 100%; margin-left: 0; } @@ -158,28 +154,5 @@ const handleChange = (value: number) => { line-height: 1.4; } -.status-note { - display: flex; - align-items: flex-start; - gap: 6px; - margin-top: 16px; - padding: 12px; - background: var(--el-fill-color-light); - border-radius: 4px; - border: 1px solid var(--el-border-color-lighter); -} -.note-icon { - color: var(--el-color-primary); - font-size: 14px; - flex-shrink: 0; - margin-top: 1px; -} - -.note-text { - font-size: 12px; - color: var(--el-text-color-secondary); - line-height: 1.5; - flex: 1; -}