复原

快乐的昕的电脑

2025-11-13 37b499550868ddd749f78adedc0cbf343d9aab67

 components/WorkOrder.vue

@@ -60,89 +60,87 @@
            </view>
         </view>
         <view class="form-row1">
            <view class="right-group">
               <view class="form-item" style="display:inline-block;">
                  <label>工单状态:</label>
                  <input class="inp1" type="text" v-model="order.daa018" disabled="true" />
                  <!-- 刷新按钮 -->
                  <button @click="handleRefresh" class="refresh-btn">刷新</button>
               </view>
               <view class="form-item">
                  <label>机台编号:</label>
                  <input class="inp2" type="text" v-model="order.machineNo" disabled="true" />
               </view>
            <view class="form-item" style="display:inline-block;">
               <label>工单状态:</label>
               <input class="inp1" type="text" v-model="order.daa018" disabled="true" />
               <!-- 刷新按钮 -->
               <button @click="handleRefresh" class="refresh-btn">刷新</button>
            </view>
            <view class="form-item">
               <label>机台编号:</label>
               <input class="inp2" type="text" v-model="order.machineNo" disabled="true" />
            </view>
         </view>
      </view>

         <!-- 中部：运行状态 -->
         <view class="section card">
            <view class="status-row">
               <view class="form-item">
                  <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>
                  <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 class="section card">
         <view class="status-row">
            <view class="form-item">
               <label style="color: red;">日停机次数(时长超3分钟):</label>
               <input class="inp" type="number" v-model="order.todayDowntimeCount" disabled="true" />
            </view>
            <view class="status-row">
               <view class="form-item">
                  <label>生产开始时间:</label>
                  <input class="inp" type="text" v-model="startTime" disabled="true" />
               </view>
               <view class="form-item">
                  <label>生产结束时间:</label>
                  <input class="inp" type="text" v-model="endTime" disabled="true" />
               </view>
               <view class="form-item">
                  <label>生产时长(mi):</label>
                  <input class="inp" type="text" v-model="productionDuration" disabled="true" />
               </view>
            <view class="form-item">
               <label>日停机时长(mi):</label>
               <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="section card">
            <view class="quality-row">
               <view class="form-item">
                  <label>最近首检时间:</label>
                  <input class="inp" type="text" v-model="lastInitialCheck" disabled="true" />
               </view>
               <view class="form-item">
                  <label>首检结论:</label>
                  <input class="inp" type="text" v-model="initialConclusion" disabled="true" />
               </view>
               <view class="form-item">
                  <label>首检人员:</label>
                  <input class="inp" type="text" v-model="initialInspector" disabled="true" />
               </view>
               <view class="form-item">
                  <label>首检次数:</label>
                  <input class="inp" type="number" v-model="initialCount" disabled="true" />
               </view>
         <view class="status-row">
            <view class="form-item">
               <label>生产开始时间:</label>
               <input class="inp" type="text" v-model="startTime" disabled="true" />
            </view>
            <view class="quality-row">
               <view class="form-item">
                  <label>最近巡检时间:</label>
                  <input class="inp" type="text" v-model="lastPatrolCheck" disabled="true" />
               </view>
               <view class="form-item">
                  <label>巡检结论:</label>
                  <input class="inp" type="text" v-model="patrolConclusion" disabled="true" />
               </view>
               <view class="form-item">
                  <label>巡检人员:</label>
                  <input class="inp" type="text" v-model="patrolInspector" disabled="true" />
               </view>
               <view class="form-item">
                  <label>巡检次数:</label>
                  <input class="inp" type="number" v-model="patrolCount" disabled="true" />
               </view>
            <view class="form-item">
               <label>生产结束时间:</label>
               <input class="inp" type="text" v-model="endTime" disabled="true" />
            </view>
            <view class="form-item">
               <label>生产时长(mi):</label>
               <input class="inp" type="text" v-model="productionDuration" disabled="true" />
            </view>
         </view>
      </view>

      <!-- 下部：品质检验 -->
      <view class="section card">
         <view class="quality-row">
            <view class="form-item">
               <label>最近首检时间:</label>
               <input class="inp" type="text" v-model="lastInitialCheck" disabled="true" />
            </view>
            <view class="form-item">
               <label>首检结论:</label>
               <input class="inp" type="text" v-model="initialConclusion" disabled="true" />
            </view>
            <view class="form-item">
               <label>首检人员:</label>
               <input class="inp" type="text" v-model="initialInspector" disabled="true" />
            </view>
            <view class="form-item">
               <label>首检次数:</label>
               <input class="inp" type="number" v-model="initialCount" disabled="true" />
            </view>
         </view>
         <view class="quality-row">
            <view class="form-item">
               <label>最近巡检时间:</label>
               <input class="inp" type="text" v-model="lastPatrolCheck" disabled="true" />
            </view>
            <view class="form-item">
               <label>巡检结论:</label>
               <input class="inp" type="text" v-model="patrolConclusion" disabled="true" />
            </view>
            <view class="form-item">
               <label>巡检人员:</label>
               <input class="inp" type="text" v-model="patrolInspector" disabled="true" />
            </view>
            <view class="form-item">
               <label>巡检次数:</label>
               <input class="inp" type="number" v-model="patrolCount" disabled="true" />
            </view>
         </view>
      </view>
@@ -690,26 +688,4 @@
            margin-bottom: 4px;
        }
    }

    /*.top-order {
        width: 65%;
        display: inline-block;
        vertical-align: top;
    }

    .form-row1 {
        display: flex;
        flex-direction: row;
        justify-content: flex-end;
        align-items: center;
        position: relative;*/
        /* width: 100%;  // 去掉这行 */
    /*}

    .right-group {
        display: flex;
        align-items: center;
        gap: 24px;*/ /* 控制两块之间的间距，可根据需要调整 */
    /*}*/

</style>