|
|
@ -62,13 +62,13 @@ |
|
|
{{ '浏览明细' }} |
|
|
{{ '浏览明细' }} |
|
|
</button> |
|
|
</button> |
|
|
<label style="margin-left: 5px;">条码数:{{detailList.length}}</label> |
|
|
<label style="margin-left: 5px;">条码数:{{detailList.length}}</label> |
|
|
<!-- 预留清单按钮 - rqrq --> |
|
|
|
|
|
|
|
|
<!-- 预定清单按钮 - rqrq --> |
|
|
<button |
|
|
<button |
|
|
class="action-btn" |
|
|
class="action-btn" |
|
|
:class="reserveCount > 0 ? 'warning' : 'secondary'" |
|
|
:class="reserveCount > 0 ? 'warning' : 'secondary'" |
|
|
style="margin: 0; margin-left: 10px;" |
|
|
style="margin: 0; margin-left: 10px;" |
|
|
@click="showReserveModal"> |
|
|
@click="showReserveModal"> |
|
|
预留清单({{ reserveCount }}) |
|
|
|
|
|
|
|
|
预定清单({{ reserveCount }}) |
|
|
</button> |
|
|
</button> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
@ -133,9 +133,9 @@ |
|
|
</div> |
|
|
</div> |
|
|
</el-dialog> |
|
|
</el-dialog> |
|
|
|
|
|
|
|
|
<!-- 预留清单弹窗 - rqrq --> |
|
|
|
|
|
|
|
|
<!-- 预定清单弹窗 - rqrq --> |
|
|
<el-dialog |
|
|
<el-dialog |
|
|
:title="'预留清单 (共'+reserveCount+'条)'" |
|
|
|
|
|
|
|
|
:title="'预定清单 (共'+reserveCount+'条)'" |
|
|
:visible.sync="reserveModalVisible" |
|
|
:visible.sync="reserveModalVisible" |
|
|
width="95%" |
|
|
width="95%" |
|
|
:close-on-click-modal="false" |
|
|
:close-on-click-modal="false" |
|
|
@ -162,7 +162,7 @@ |
|
|
</div> |
|
|
</div> |
|
|
<!-- 暂无数据提示 --> |
|
|
<!-- 暂无数据提示 --> |
|
|
<div v-if="reservedLabels.length === 0" class="table-row empty-row"> |
|
|
<div v-if="reservedLabels.length === 0" class="table-row empty-row"> |
|
|
<div class="empty-hint">暂无预留标签</div> |
|
|
|
|
|
|
|
|
<div class="empty-hint">暂无预定标签</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
@ -174,12 +174,12 @@ |
|
|
:disabled="cancelReserveLoading || reservedLabels.length === 0 || errorStationFlag" |
|
|
:disabled="cancelReserveLoading || reservedLabels.length === 0 || errorStationFlag" |
|
|
v-if="reservedLabels.length > 0" |
|
|
v-if="reservedLabels.length > 0" |
|
|
> |
|
|
> |
|
|
{{ cancelReserveLoading ? '取消中...' : '一键取消预留' }} |
|
|
|
|
|
|
|
|
{{ cancelReserveLoading ? '取消中...' : '一键取消预定' }} |
|
|
</button> |
|
|
</button> |
|
|
</div> |
|
|
</div> |
|
|
<!-- 异常位提示:以后端 errorStationFlag 为准,不再写死 1101 - rqrq --> |
|
|
<!-- 异常位提示:以后端 errorStationFlag 为准,不再写死 1101 - rqrq --> |
|
|
<div v-if="errorStationFlag" class="reserve-warning"> |
|
|
<div v-if="errorStationFlag" class="reserve-warning"> |
|
|
<i class="el-icon-warning"></i> 栈板在立库异常位上,不允许取消预留 |
|
|
|
|
|
|
|
|
<i class="el-icon-warning"></i> 栈板在立库异常位上,不允许取消预定 |
|
|
</div> |
|
|
</div> |
|
|
</el-dialog> |
|
|
</el-dialog> |
|
|
</div> |
|
|
</div> |
|
|
@ -214,7 +214,7 @@ export default { |
|
|
// 是否异常位:由后端 ERROR_STATIONS 判定,禁止前端写死 1101 - rqrq |
|
|
// 是否异常位:由后端 ERROR_STATIONS 判定,禁止前端写死 1101 - rqrq |
|
|
errorStationFlag: false, |
|
|
errorStationFlag: false, |
|
|
|
|
|
|
|
|
// 预留清单相关 - rqrq |
|
|
|
|
|
|
|
|
// 预定清单相关 - rqrq |
|
|
reserveModalVisible: false, |
|
|
reserveModalVisible: false, |
|
|
reservedLabels: [], |
|
|
reservedLabels: [], |
|
|
reserveCount: 0, |
|
|
reserveCount: 0, |
|
|
@ -279,7 +279,7 @@ export default { |
|
|
this.positionOptions = data.positions || []; |
|
|
this.positionOptions = data.positions || []; |
|
|
this.locationCode = data.locationCode || ''; |
|
|
this.locationCode = data.locationCode || ''; |
|
|
this.refreshTable(); |
|
|
this.refreshTable(); |
|
|
this.loadReservedLabels(); // 加载预留标签数量 - rqrq |
|
|
|
|
|
|
|
|
this.loadReservedLabels(); // 加载预定标签数量 - rqrq |
|
|
} else { |
|
|
} else { |
|
|
let errorMsg = data.msg || '栈板不存在'; |
|
|
let errorMsg = data.msg || '栈板不存在'; |
|
|
if (errorMsg.length > 100) { |
|
|
if (errorMsg.length > 100) { |
|
|
@ -342,13 +342,13 @@ export default { |
|
|
this.detailModalVisible = true; |
|
|
this.detailModalVisible = true; |
|
|
}, |
|
|
}, |
|
|
|
|
|
|
|
|
// 显示预留清单弹窗 - rqrq |
|
|
|
|
|
|
|
|
// 显示预定清单弹窗 - rqrq |
|
|
showReserveModal() { |
|
|
showReserveModal() { |
|
|
this.loadReservedLabels(); |
|
|
this.loadReservedLabels(); |
|
|
this.reserveModalVisible = true; |
|
|
this.reserveModalVisible = true; |
|
|
}, |
|
|
}, |
|
|
|
|
|
|
|
|
// 加载预留标签列表 - rqrq |
|
|
|
|
|
|
|
|
// 加载预定标签列表 - rqrq |
|
|
loadReservedLabels() { |
|
|
loadReservedLabels() { |
|
|
getPalletReservedLabels({ |
|
|
getPalletReservedLabels({ |
|
|
site: this.site, |
|
|
site: this.site, |
|
|
@ -365,21 +365,21 @@ export default { |
|
|
this.errorStationFlag = false; |
|
|
this.errorStationFlag = false; |
|
|
} |
|
|
} |
|
|
}).catch(error => { |
|
|
}).catch(error => { |
|
|
console.error('获取预留标签列表失败:', error); |
|
|
|
|
|
|
|
|
console.error('获取预定标签列表失败:', error); |
|
|
this.reservedLabels = []; |
|
|
this.reservedLabels = []; |
|
|
this.reserveCount = 0; |
|
|
this.reserveCount = 0; |
|
|
this.errorStationFlag = false; |
|
|
this.errorStationFlag = false; |
|
|
}); |
|
|
}); |
|
|
}, |
|
|
}, |
|
|
|
|
|
|
|
|
// 一键取消预留 - rqrq |
|
|
|
|
|
|
|
|
// 一键取消预定 - rqrq |
|
|
handleBatchCancelReserve() { |
|
|
handleBatchCancelReserve() { |
|
|
if (this.errorStationFlag) { |
|
|
if (this.errorStationFlag) { |
|
|
this.$alert('栈板在立库异常位上,不允许取消预留', '错误', { confirmButtonText: '确定' }); |
|
|
|
|
|
|
|
|
this.$alert('栈板在立库异常位上,不允许取消预定', '错误', { confirmButtonText: '确定' }); |
|
|
return; |
|
|
return; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
this.$confirm('确定要取消所有预留标签吗?', '提示', { |
|
|
|
|
|
|
|
|
this.$confirm('确定要取消所有预定标签吗?', '提示', { |
|
|
confirmButtonText: '确定', |
|
|
confirmButtonText: '确定', |
|
|
cancelButtonText: '取消', |
|
|
cancelButtonText: '取消', |
|
|
type: 'warning' |
|
|
type: 'warning' |
|
|
@ -390,7 +390,7 @@ export default { |
|
|
}); |
|
|
}); |
|
|
}, |
|
|
}, |
|
|
|
|
|
|
|
|
// 执行批量取消预留 - rqrq |
|
|
|
|
|
|
|
|
// 执行批量取消预定 - rqrq |
|
|
doBatchCancelReserve() { |
|
|
doBatchCancelReserve() { |
|
|
this.cancelReserveLoading = true; |
|
|
this.cancelReserveLoading = true; |
|
|
|
|
|
|
|
|
@ -399,16 +399,16 @@ export default { |
|
|
palletId: this.palletCode |
|
|
palletId: this.palletCode |
|
|
}).then(({ data }) => { |
|
|
}).then(({ data }) => { |
|
|
if (data.code === 0) { |
|
|
if (data.code === 0) { |
|
|
this.$message.success('取消预留成功'); |
|
|
|
|
|
|
|
|
this.$message.success('取消预定成功'); |
|
|
this.reserveModalVisible = false; |
|
|
this.reserveModalVisible = false; |
|
|
// 重新加载预留标签列表 - rqrq |
|
|
|
|
|
|
|
|
// 重新加载预定标签列表 - rqrq |
|
|
this.loadReservedLabels(); |
|
|
this.loadReservedLabels(); |
|
|
} else { |
|
|
} else { |
|
|
this.$alert(data.msg || '取消预留失败', '错误', { confirmButtonText: '确定' }); |
|
|
|
|
|
|
|
|
this.$alert(data.msg || '取消预定失败', '错误', { confirmButtonText: '确定' }); |
|
|
} |
|
|
} |
|
|
}).catch(error => { |
|
|
}).catch(error => { |
|
|
console.error('批量取消预留失败:', error); |
|
|
|
|
|
this.$alert('取消预留异常', '错误', { confirmButtonText: '确定' }); |
|
|
|
|
|
|
|
|
console.error('批量取消预定失败:', error); |
|
|
|
|
|
this.$alert('取消预定异常', '错误', { confirmButtonText: '确定' }); |
|
|
}).finally(() => { |
|
|
}).finally(() => { |
|
|
this.cancelReserveLoading = false; |
|
|
this.cancelReserveLoading = false; |
|
|
}); |
|
|
}); |
|
|
@ -544,7 +544,7 @@ export default { |
|
|
width: 100%; |
|
|
width: 100%; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
/* 预留清单相关样式 - rqrq */ |
|
|
|
|
|
|
|
|
/* 预定清单相关样式 - rqrq */ |
|
|
.action-btn.warning { |
|
|
.action-btn.warning { |
|
|
background: #E6A23C; |
|
|
background: #E6A23C; |
|
|
color: white; |
|
|
color: white; |
|
|
|