src/components/ui/CrossingDetailPanel.vue

@@ -38,10 +38,10 @@
                                 <SegmentedRadio v-model="currentMethod" :options="controlMethodOptions" size="auto" />
                             </div>
 
-                            <div class="control-scheme" :class="{ 'is-disabled': isSchemeDisabled }">
+                            <div class="control-scheme">
                                 <div class="control-label-wrap">
                                     <span class="control-label">控制方案</span>
-                                    <DropdownSelect v-model="currentScheme" :options="schemeOptions" size="auto" />
+                                    <DropdownSelect v-model="currentScheme" :options="schemeOptions" size="auto" :class="{'DropdownSelect-is-disabled': !isManualMode }"/>
                                 </div>
 
                                 <div class="time-form-bar" v-if="currentMethod === 'temp'">
@@ -698,6 +698,7 @@ export default {
     align-items: center;
     margin-bottom: clamp(4px, calc(var(--s) * 10px), 20px);
     column-gap: clamp(4px, calc(var(--s) * 10px), 20px);
+	margin-top: clamp(4px, calc(var(--s) * 20px), 20px);
 }
 
 .control-label {
@@ -711,7 +712,7 @@ export default {
 }
 
 .operation-btn {
-    font-size: clamp(9px, calc(var(--s) * 14px), 14px);
+    font-size: clamp(10px, calc(var(--s) * 16px), 16px);
     cursor: pointer;
     user-select: none;
 }
@@ -730,7 +731,7 @@ export default {
 
 /* 控制方式按钮组：设置 font-size 供 SegmentedRadio size="auto" 继承 */
 .control-method-content {
-    font-size: clamp(9px, calc(var(--s) * 14px), 14px);
+    font-size: clamp(10px, calc(var(--s) * 15px), 15px);
 }
 
 .control-scheme {
@@ -852,7 +853,7 @@ export default {
 }
 
 .current-stage-label {
-    font-size: clamp(9px, calc(var(--s) * 14px), 14px);
+    font-size: clamp(10px, calc(var(--s) * 16px), 16px);
     white-space: nowrap;
     flex-shrink: 0;
 }
@@ -977,10 +978,14 @@ export default {
 }
 
 .form-editable-area.is-disabled {
-    opacity: 0.6;
+    //opacity: 0.6;
     pointer-events: none;
 }
 
+.DropdownSelect-is-disabled{
+	opacity: 0.6;
+}
+
 /* 当前阶段输入框微调 */
 .stage-item-wrapper {
     flex: 1 1 0;
@@ -1017,6 +1022,7 @@ export default {
     color: #ffffff;
     text-align: center;
     border-radius: 4px;
+	font-size: clamp(9px, calc(var(--s) * 13px), 13px);
 }
 
 /* 修改 s 单位的定位方式为垂直居中 */
@@ -1026,14 +1032,14 @@ export default {
     transform: translateY(-50%);
     right: clamp(3px, calc(var(--s) * 6px), 8px);
     color: #77A1FF;
-    font-size: clamp(8px, calc(var(--s) * 12px), 12px);
+    font-size: clamp(9px, calc(var(--s) * 14px), 14px);
     pointer-events: none;
 }
 
 /* 微调百分比的间距，让排版更紧凑 */
 .stage-item-wrapper .percent {
     color: rgba(255, 255, 255, 0.5);
-    font-size: clamp(8px, calc(var(--s) * 11px), 11px);
+    font-size: clamp(9px, calc(var(--s) * 13px), 13px);
     white-space: nowrap;
 }
 
@@ -1043,7 +1049,7 @@ export default {
     border: 1px solid rgba(161, 190, 255, 0.7);
     background-color: transparent;
     padding: clamp(2px, calc(var(--s) * 5px), 5px);
-    font-size: clamp(9px, calc(var(--s) * 11px), 11px);
+    font-size: clamp(9px, calc(var(--s) * 14px), 14px);
     color: #ffffff;
     text-align: center;
     border-radius: 4px;
@@ -1083,6 +1089,7 @@ export default {
     display: flex;
     gap: clamp(4px, calc(var(--s) * 16px), 16px);
     width: 100%;
+	margin-top: clamp(4px, calc(var(--s) * 20px), 20px);
 }
 
 .donut-item {