huangjin
/
huaerda-front-test
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

优化设备状态详情布局，使用网格容器重构库存、订单和排产计算信息展示，调整信息项为独立单元格布局

Browse Source
master
huangjinysf 2 months ago
parent 88b2c05f78
commit 82b7d678ba
1 changed files with 55 additions and 36 deletions
Show Stats Download Patch File Download Diff File

91
src/views/plan/EquipmentStatus.vue
Unescape Escape View File

@ -126,54 +126,73 @@
</div>
<div v-if="selectedAxle.update_time && (selectedAxle.total_number || selectedAxle.total_net_weight || selectedAxle.total_gross_weight)" class="stock-details">
<div class="detail-title">库存信息</div>
<div v-if="selectedAxle.total_number || selectedAxle.total_net_weight || selectedAxle.total_gross_weight" class="detail-row stock-row">
<span v-if="selectedAxle.total_number" class="detail-label stock-label">总箱数:</span>
<span v-if="selectedAxle.total_number" class="detail-value stock-item-number">{{ selectedAxle.total_number }}</span>
<span v-if="selectedAxle.total_net_weight" class="detail-label stock-label">总净重:</span>
<span v-if="selectedAxle.total_net_weight" class="detail-value stock-item-weight">{{ selectedAxle.total_net_weight }}kg</span>
<span v-if="selectedAxle.total_gross_weight" class="detail-label stock-label">总毛重:</span>
<span v-if="selectedAxle.total_gross_weight" class="detail-value stock-item-weight">{{ selectedAxle.total_gross_weight }}kg</span>
<div class="info-grid-container">
<div v-if="selectedAxle.total_number" class="info-item">
<span class="detail-label stock-label">总箱数:</span>
<span class="detail-value stock-item-number">{{ selectedAxle.total_number }}</span>
</div>
<div v-if="selectedAxle.total_net_weight" class="info-item">
<span class="detail-label stock-label">总净重:</span>
<span class="detail-value stock-item-weight">{{ selectedAxle.total_net_weight }}kg</span>
</div>
<div v-if="selectedAxle.total_gross_weight" class="info-item">
<span class="detail-label stock-label">总毛重:</span>
<span class="detail-value stock-item-weight">{{ selectedAxle.total_gross_weight }}kg</span>
</div>
</div>
</div>
<div v-if="selectedAxle.update_time" class="current-order-details">
<div class="detail-title">当前订单</div>
<div class="detail-row">
<span class="detail-label">设备轴号:</span>
<span class="detail-value">{{ selectedAxle.axle_number }}</span>
</div>
<div v-if="selectedAxle.total_quantity" class="detail-row">
<span class="detail-label">总轴数:</span>
<el-input-number
v-model="editableTotalQuantity"
:min="1"
:precision="0"
size="small"
@change="onTotalQuantityChange"
class="editable-input"
></el-input-number>
<div class="info-grid-container">
<div class="info-item">
<span class="detail-label">设备轴号:</span>
<span class="detail-value">{{ selectedAxle.axle_number }}</span>
</div>
<div v-if="selectedAxle.total_quantity" class="info-item">
<span class="detail-label">总轴数:</span>
<el-input-number
v-model="editableTotalQuantity"
:min="1"
:precision="0"
size="small"
@change="onTotalQuantityChange"
class="editable-input"
></el-input-number>
</div>
</div>
</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-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 class="info-grid-container">
<div v-if="productionScheduleData.axle_final_average_speed" class="info-item">
<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="info-item">
<span class="detail-label">每轴均重:</span>
<span class="detail-value">{{ productionScheduleData.axle_final_average_weight }}kg</span>
</div>
<div class="info-item">
<span class="detail-label">小时轴数:</span>
<span class="detail-value">{{ calculateAxlesPerHour() }} 轴</span>
</div>
</div>
<div v-if="selectedAxle.update_time && selectedAxle.total_quantity && productionScheduleData && productionScheduleData.axle_final_average_speed && productionScheduleData.axle_final_average_weight" class="detail-row stock-row">
<span class="detail-label stock-label">每天重量:</span>
<span class="detail-value stock-item-weight">{{ calculateDailyWeight() }} kg</span>
<span class="detail-label stock-label">每天轴数:</span>
<span class="detail-value stock-item-number">{{ calculateAxlesPerDay() }} 轴</span>
<span class="detail-label stock-label">每天箱数:</span>
<span class="detail-value stock-item-number">{{ calculateBoxesPerDay() }} 箱</span>
<div v-if="selectedAxle.update_time && selectedAxle.total_quantity && productionScheduleData && productionScheduleData.axle_final_average_speed && productionScheduleData.axle_final_average_weight" class="info-grid-container">
<div class="info-item">
<span class="detail-label stock-label">每天重量:</span>
<span class="detail-value stock-item-weight">{{ calculateDailyWeight() }} kg</span>
</div>
<div class="info-item">
<span class="detail-label stock-label">每天轴数:</span>
<span class="detail-value stock-item-number">{{ calculateAxlesPerDay() }} 轴</span>
</div>
<div class="info-item">
<span class="detail-label stock-label">每天箱数:</span>
<span class="detail-value stock-item-number">{{ calculateBoxesPerDay() }} 箱</span>
</div>
</div>
</div>
<!-- 转移概率信息 -->

Write Preview
Loading…
Cancel
Save