components/WorkOrderStatus.vue
@@ -246,14 +246,14 @@ /* 上半部分:左右布局 */ .top-section { display: flex; justify-content: flex-start; /* 关键:让内容靠左排列 */ justify-content: flex-start; flex-grow: 1; margin-bottom: 4vh; flex-wrap: nowrap; } .left-section { width: 50%; /* 再缩小一点 */ width: 40%; /* 再缩小 */ display: flex; flex-direction: column; } @@ -310,7 +310,8 @@ /* 右边工单状态部分 */ .right-section { width: 30%; /* 保证左右加起来不超过100%,可再缩小 */ width: 28%; /* 再缩小 */ margin-left: 2vw; /* 只留很小的间隔 */ display: flex; flex-direction: column; align-items: flex-start;