<template>
|
<div class="split-package-modal">
|
<el-form :model="form" :rules="rules" ref="formRef" label-width="120px">
|
<el-form-item label="原条码" prop="originalBarcode">
|
<el-input v-model="form.originalBarcode" readonly />
|
</el-form-item>
|
<el-form-item label="物料编码" prop="materielCode">
|
<el-input v-model="form.materielCode" readonly />
|
</el-form-item>
|
<el-form-item label="拆包数量" prop="splitQuantity" required>
|
<el-input-number
|
v-model="form.splitQuantity"
|
:min="1"
|
:max="maxSplitQuantity"
|
style="width: 100%"
|
/>
|
<div class="tip">最大可拆数量: {{ maxSplitQuantity }}</div>
|
</el-form-item>
|
<el-form-item label="操作人" prop="operator">
|
<el-input v-model="form.operator" />
|
</el-form-item>
|
</el-form>
|
|
<div class="modal-footer">
|
<el-button @click="$emit('close')">取消</el-button>
|
<el-button type="primary" @click="handleConfirm" :loading="loading">
|
确认拆包
|
</el-button>
|
</div>
|
</div>
|
</template>
|
|
<script>
|
export default {
|
props: {
|
lockInfo: {
|
type: Object,
|
default: null
|
}
|
},
|
data() {
|
return {
|
form: {
|
outStockLockInfoId: 0,
|
originalBarcode: '',
|
materielCode: '',
|
splitQuantity: 1,
|
operator: ''
|
},
|
rules: {
|
splitQuantity: [
|
{ required: true, message: '请输入拆包数量', trigger: 'blur' },
|
{ type: 'number', min: 1, message: '拆包数量必须大于0', trigger: 'blur' }
|
]
|
},
|
loading: false
|
}
|
},
|
computed: {
|
maxSplitQuantity() {
|
if (!this.lockInfo) return 0
|
return this.lockInfo.assignQuantity - this.lockInfo.pickedQty
|
}
|
},
|
watch: {
|
lockInfo: {
|
immediate: true,
|
handler(newVal) {
|
if (newVal) {
|
this.form.outStockLockInfoId = newVal.id
|
this.form.originalBarcode = newVal.currentBarcode
|
this.form.materielCode = newVal.materielCode
|
this.form.operator = '当前用户' // 实际应从用户信息获取
|
}
|
}
|
}
|
},
|
methods: {
|
async handleConfirm() {
|
const valid = await this.$refs.formRef.validate()
|
if (!valid) return
|
|
if (this.form.splitQuantity > this.maxSplitQuantity) {
|
this.$message.warning(`拆包数量不能大于${this.maxSplitQuantity}`)
|
return
|
}
|
|
this.loading = true
|
try {
|
const result = await this.http.post('api/OutboundPicking/SplitPackage', this.form)
|
if (result.status) {
|
this.$message.success('拆包成功')
|
this.$emit('success', result.data)
|
this.$emit('close')
|
} else {
|
this.$message.error(result.message)
|
}
|
} catch (error) {
|
this.$message.error('拆包操作失败')
|
} finally {
|
this.loading = false
|
}
|
}
|
}
|
}
|
</script>
|
