From ec94c33d8556e916176350f8f21392997775dc27 Mon Sep 17 00:00:00 2001 From: puhui999 Date: Thu, 17 Jul 2025 22:55:36 +0800 Subject: [PATCH] =?UTF-8?q?perf=EF=BC=9A=E3=80=90IoT=20=E7=89=A9=E8=81=94?= =?UTF-8?q?=E7=BD=91=E3=80=91=E5=9C=BA=E6=99=AF=E8=81=94=E5=8A=A8=E5=9C=BA?= =?UTF-8?q?=E6=99=AF=E7=8A=B6=E6=80=81=E9=80=89=E6=8B=A9=E7=BB=84=E4=BB=B6?= =?UTF-8?q?=E4=BC=98=E5=8C=96?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../scene/components/inputs/StatusRadio.vue | 45 ++++--------------- 1 file changed, 9 insertions(+), 36 deletions(-) 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; -}