| | |
| | | |
| | | <!-- 中部:运行状态 --> |
| | | <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"> |
| | |
| | | <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" /> |
| | |
| | | // 添加刷新按钮的处理方法 |
| | | 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 |
| | | }, |
| | |
| | | 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> |