快乐的昕的电脑
2025-10-24 b377351789728be6a804daf38de524abae8eab83
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" />
@@ -229,7 +228,7 @@
         // 添加刷新按钮的处理方法
         handleRefresh() {
            this.$sendPostRequest({
               url: "http://192.168.0.94:9095/Numerical/RefreshDev",
                    url: "http://192.168.0.94:9095/Numerical/RefreshDevBycl",
               data: {
                  machineNo: this.order.machineNo
               },
@@ -635,4 +634,26 @@
        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: 220px; /* 可根据实际情况调整宽度 */
                white-space: nowrap;
            }
        .status-row .inp {
            width: 70%;
            min-width: 120px;
        }
</style>