主界面字体样式优化（中部）

快乐的昕的电脑

2025-10-21 7e1a59635c68f99d0ce9dcb7687fb33baf2de5c7

 components/WorkOrder.vue

@@ -75,22 +75,19 @@

      <!-- 中部：运行状态 -->
      <view class="section card">
         <view class="form-row">
         <view class="status-row">
            <view class="form-item">
               <label style="color: red;">日停机次数(时长超5分钟):</label>
               <input class="inp" style="width: 40%;" type="number" v-model="todayDowntimeCount" disabled="true" />
               <label style="color: red;">日停机次数(时长超3分钟):</label>
               <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">
               <label>设备稼动率:</label>
               <input class="inp" type="text" v-model="utilizationRate" disabled="true" />
            </view>
         </view>
         <view class="form-row">
            <view class="form-item">
               <label>生产开始时间:</label>
               <input class="inp" type="text" v-model="startTime" disabled="true" />
@@ -108,7 +105,7 @@

      <!-- 下部：品质检验 -->
      <view class="section card">
         <view class="form-row">
         <view class="quality-row">
            <view class="form-item">
               <label>最近首检时间:</label>
               <input class="inp" type="text" v-model="lastInitialCheck" disabled="true" />
@@ -126,7 +123,7 @@
               <input class="inp" type="number" v-model="initialCount" disabled="true" />
            </view>
         </view>
         <view class="form-row">
         <view class="quality-row">
            <view class="form-item">
               <label>最近巡检时间:</label>
               <input class="inp" type="text" v-model="lastPatrolCheck" disabled="true" />
@@ -612,4 +609,52 @@
      color: #ffffff;
      margin-right: 172px;
   }

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

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

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

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

    .status-row {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 1.5vh;
        flex-wrap: nowrap;
        /* 保证不换行 */
    }

        .status-row .form-item {
            flex: 1 1 0;
            margin: 0 8px;
            min-width: 0;
        }

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

        .status-row .inp {
            width: 65%;
            min-width: 80px;
        }
</style>