主界面字体样式优化

快乐的昕的电脑

2025-10-21 b4f58d63fc5b29fc3f23caafe4d4299ab5a47546

 components/WorkOrder.vue

@@ -75,14 +75,13 @@

      <!-- 中部：运行状态 -->
      <view class="section card">
         <view class="form-row">
         <view class="status-row">
            <view class="form-item">
               <label style="color: red;">日停机次数(时长超3分钟):</label>
               <input class="inp" style="width: 40%;" type="number" v-model="order.todayDowntimeCount" disabled="true" />
               <input class="inp" type="number" v-model="order.todayDowntimeCount" disabled="true" />
            </view>
            <view class="form-item">
               <label>日停机时长(mi):</label>
               <!-- 这里用计算属性，不能用v-model表达式 -->
               <input class="inp" type="text" :value="downtimeDuration" disabled="true" />
            </view>
            <view class="form-item">
@@ -90,7 +89,7 @@
               <input class="inp" type="text" v-model="utilizationRate" disabled="true" />
            </view>
         </view>
         <view class="form-row">
         <view class="status-row">
            <view class="form-item">
               <label>生产开始时间:</label>
               <input class="inp" type="text" v-model="startTime" disabled="true" />
@@ -635,4 +634,38 @@
        width: 70%;
        min-width: 120px;
    }

    .status-row {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 1.5vh;
    }

        .status-row .form-item {
            flex: 1;
            margin: 0 10px;
        }

            .status-row .form-item label {
                min-width: 110px;
                margin-right: 8px;
            }

        .status-row .inp {
            width: 70%;
            min-width: 120px;
        }

        .status-row .form-item label {
            font-size: 1.25vw;
            font-weight: bold;
            color: #222;
        }

        .status-row .inp {
            font-size: 1.25vw;
            font-weight: bold;
            color: #222;
        }
</style>