|
|
|
@ -26,7 +26,11 @@ |
|
|
|
<div |
|
|
|
v-for="(order, index) in orderList" |
|
|
|
:key="index" |
|
|
|
class="work-order-card" |
|
|
|
:class="[ |
|
|
|
'work-order-card', |
|
|
|
{ selected: selectedOrder && selectedOrder.orderNo === order.orderNo }, |
|
|
|
{ disabled: loading }, |
|
|
|
]" |
|
|
|
@click="selectOrder(order)" |
|
|
|
> |
|
|
|
<div class="card-title"> |
|
|
|
@ -241,6 +245,7 @@ export default { |
|
|
|
}, |
|
|
|
// 选择订单 |
|
|
|
selectOrder(order) { |
|
|
|
if (this.loading) return |
|
|
|
this.selectedOrder = order |
|
|
|
this.loadMaterialList() |
|
|
|
}, |
|
|
|
@ -250,6 +255,7 @@ export default { |
|
|
|
this.materialList = [] |
|
|
|
return |
|
|
|
} |
|
|
|
this.loading = true |
|
|
|
const params = { |
|
|
|
site: localStorage.getItem('site'), |
|
|
|
outsourcingNo: this.selectedOrder.orderNo, |
|
|
|
@ -267,6 +273,9 @@ export default { |
|
|
|
console.error('获取材料清单失败:', error) |
|
|
|
this.$message.error('获取材料清单失败') |
|
|
|
}) |
|
|
|
.finally(() => { |
|
|
|
this.loading = false |
|
|
|
}) |
|
|
|
}, |
|
|
|
// 选择材料,跳转到发料记录列表页 |
|
|
|
selectMaterial(material) { |
|
|
|
@ -375,6 +384,11 @@ export default { |
|
|
|
background: #f0fffe; |
|
|
|
} |
|
|
|
|
|
|
|
.work-order-card.disabled { |
|
|
|
opacity: 0.7; |
|
|
|
pointer-events: none; |
|
|
|
} |
|
|
|
|
|
|
|
.work-order-card:active { |
|
|
|
transform: translateY(0); |
|
|
|
} |
|
|
|
|