优化设备状态详情布局,合并设备编号、轴号和运行状态显示行,调整排产信息为条件渲染并整合到生产计算区域

master
huangjinysf 2 months ago
parent 50641ac91c
commit 5675a2385a

@ -80,12 +80,8 @@
<div class="detail-row">
<span class="detail-label">设备编号:</span>
<span class="detail-value">{{ selectedEquipmentCode }}</span>
</div>
<div class="detail-row">
<span class="detail-label">轴号:</span>
<span class="detail-value">{{ selectedAxle.axle_number }}</span>
</div>
<div class="detail-row">
<span class="detail-label">运行状态:</span>
<span class="detail-value" :class="{ 'status-running': selectedAxle.update_time, 'status-stopped': !selectedAxle.update_time }">
{{ selectedAxle.update_time ? '运行中' : '不在运行' }}
@ -115,18 +111,6 @@
</div>
</div>
<div v-if="productionScheduleLoading" v-loading="true" class="production-schedule-loading"></div>
<div v-else-if="productionScheduleData" class="production-schedule-details">
<div class="detail-title">排产信息</div>
<div v-if="productionScheduleData.axle_final_average_speed" class="detail-row">
<span class="detail-label">产速:</span>
<span class="detail-value">{{ productionScheduleData.axle_final_average_speed }} kg/小时</span>
</div>
<div v-if="productionScheduleData.axle_final_average_weight" class="detail-row">
<span class="detail-label">每轴均重:</span>
<span class="detail-value">{{ productionScheduleData.axle_final_average_weight }}kg</span>
</div>
</div>
<div v-if="selectedAxle.update_time" class="current-order-details">
<div class="detail-title">当前订单</div>
<div class="detail-row">
@ -147,8 +131,12 @@
</div>
<div v-if="selectedAxle.update_time && selectedAxle.total_quantity && productionScheduleData && productionScheduleData.axle_final_average_speed && productionScheduleData.axle_final_average_weight" class="calculation-details">
<div class="detail-title">产计算</div>
<div class="detail-title">产计算</div>
<div class="detail-row">
<span v-if="productionScheduleData.axle_final_average_speed" class="detail-label">:</span>
<span v-if="productionScheduleData.axle_final_average_speed" class="detail-value">{{ productionScheduleData.axle_final_average_speed }} kg/</span>
<span v-if="productionScheduleData.axle_final_average_weight" class="detail-label">:</span>
<span v-if="productionScheduleData.axle_final_average_weight" class="detail-value">{{ productionScheduleData.axle_final_average_weight }}kg</span>
<span class="detail-label">小时轴数:</span>
<span class="detail-value">{{ calculateAxlesPerHour() }} </span>
</div>

Loading…
Cancel
Save