Преглед изворни кода

选择黄闪、关灯、全红时,控制方案区域(下拉框、当前阶段、圆饼图、锁定时间等)整体变灰且不可点击。选择其他控制方式时恢复正常

画安 пре 1 недеља
родитељ
комит
7e76929866
1 измењених фајлова са 12 додато и 1 уклоњено
  1. 12 1
      src/components/ui/CrossingDetailPanel.vue

+ 12 - 1
src/components/ui/CrossingDetailPanel.vue

@@ -37,7 +37,7 @@
                             <SegmentedRadio v-model="currentMethod" :options="controlMethodOptions" size="auto" />
                         </div>
 
-                        <div class="control-scheme">
+                        <div class="control-scheme" :class="{ 'is-disabled': isSchemeDisabled }">
                             <div class="control-label-wrap">
                                 <span class="control-label">控制方案</span>
                                 <DropdownSelect v-model="currentScheme" :options="schemeOptions" size="auto" />
@@ -191,6 +191,12 @@ export default {
             currentStageList: []
         }
     },
+    computed: {
+        // 黄闪、关灯、全红时禁用控制方案
+        isSchemeDisabled() {
+            return ['yellow_flash', 'lights_off', 'all_red'].includes(this.currentMethod);
+        }
+    },
     watch: {
         // 监听控制方式切换
         currentMethod(newVal) {
@@ -622,6 +628,11 @@ export default {
     font-size: clamp(9px, calc(var(--s) * 14px), 14px);
 }
 
+.control-scheme.is-disabled {
+    opacity: 0.4;
+    pointer-events: none;
+}
+
 .lock-time {
     width: 80%;
     border-radius: 8px;