229 lines
21 KiB
Vue
229 lines
21 KiB
Vue
<template>
|
||
<view class="pallet-work">
|
||
<view class="pallet-heading">
|
||
<text class="heading">托盘</text>
|
||
<button class="refresh-button" :disabled="busy" @tap="loadSources">刷新</button>
|
||
</view>
|
||
<view v-if="currentBindings.length">
|
||
<text class="hint">已绑定箱唛：选择后扫描新目标托盘可改绑（已排车或出库不可直接改绑）。</text>
|
||
<button v-for="binding in currentBindings" :key="binding.mark" :disabled="busy" @tap="selectRebind(binding)">{{ binding.mark }} → {{ binding.pallet }} · 重新绑定</button>
|
||
</view>
|
||
<view v-if="rebindSelection"><text class="hint">正在改绑：{{ rebindSelection.mark }}，当前托盘：{{ rebindSelection.pallet }}</text><button :disabled="busy" @tap="rebindSelection = null; targetCode = ''; target = null">取消改绑</button></view>
|
||
<view v-for="(entry, index) in bindingHistory" :key="index" class="hint">已记录组托：{{ entry.cartonMarks.join('、') }} → {{ entry.targetPallets.join('、') }}（含历史轮次）</view>
|
||
<view v-for="row in operableSourceRows" :key="row.positionId" class="source-row" :class="{ selected: selectedSource?.positionId === row.positionId }" @tap="selectSource(row)">
|
||
<text>托盘号：{{ row.palletCode }} · 入仓码：{{ row.inboundCode }}</text>
|
||
<text class="hint">{{ isReturnBulk ? '件数' : '箱数' }}：{{ row.stockPackages }} · 可拆{{ isReturnBulk ? '件数' : '箱数' }}：{{ row.movablePackages }}</text>
|
||
</view>
|
||
<text v-if="!busy && !operableSourceRows.length" class="hint">当前没有可操作的来源托盘</text>
|
||
<ScanTargetInput v-if="!isReturnBulk" v-model="sourceCode" name="relabel-source" label="实际来源托盘" placeholder="扫描实际来源托盘" :active="active === 'source'" @activate="activate('source')" @submit="resolve('source')" />
|
||
<button v-if="!isReturnBulk" :disabled="busy || !sourceCode.trim()" @tap="resolve('source')">确认来源托盘</button>
|
||
<text v-if="source" class="hint">已确认：{{ source.palletCode }}</text>
|
||
<view v-if="selectedSource">
|
||
<text class="hint">本次{{ isReturnBulk && wholeSource ? '整托换标数量' : `拆出${isReturnBulk ? '件数' : '箱数'}` }}（可分多个来源托盘，逐批提交）</text>
|
||
<template v-if="isReturnBulk">
|
||
<text class="return-pallet-summary">{{ selectedSource.palletCode }}：{{ wholeSource ? '整托换标' : '部分拆箱' }} {{ quantity || 0 }} 件 → {{ selectedDestination || '目的仓待维护' }}</text>
|
||
<text v-if="wholeSource" class="hint">贴标数量等于本托盘全部 {{ selectedSource.stockPackages }} 件，无需填写拆箱数量；直接新增带目的仓的托盘标签并绑定。</text>
|
||
<template v-else-if="allowDisassemble"><input v-model="quantity" type="number" :disabled="busy" :placeholder="`请输入拆箱数量（应为 ${plannedPackages} 件）`" /><text class="hint">贴标数量少于本托盘库存，请按现场实际选择来源托盘并填写拆箱数量；本托盘应拆 {{ plannedPackages }} 件。</text></template>
|
||
<text v-else class="hint">退货换标按整托绑定，不支持拆箱；托盘仍会展示用于核对。</text>
|
||
<text class="hint">退货换标无需扫描箱唛。</text>
|
||
</template>
|
||
<template v-else><input v-model="quantity" type="number" :disabled="busy" placeholder="输入实际拆出箱数" @input="marks = []" /><text class="hint">选择本批新目的仓</text><view class="line"><button v-for="dest in destinations" :key="dest" :disabled="busy" @tap="selectedDestination = dest; marks = []">{{ selectedDestination === dest ? '✓ ' : '' }}{{ dest }}</button></view><button :disabled="busy" @tap="fillBatch">按箱数填入本批换标箱</button><text class="hint">请核对下面勾选的箱与现场搬动一致；数量不符时不能提交。此处确认的是新目标托盘绑定，不推断旧箱唛位置。</text><view v-for="item in eligibleItems" :key="item.cartonMark" class="line" @tap="toggleMark(item.cartonMark)"><text>{{ marks.includes(item.cartonMark) ? '☑' : '☐' }} {{ item.cartonMark }} → {{ item.fbaCartonMark || item.destinationFbaWarehouseCode }}</text></view><text class="hint">本批确认 {{ marks.length }} 个箱唛 / 拆出 {{ quantity || 0 }} 箱</text></template>
|
||
</view>
|
||
<ScanTargetInput v-model="targetCode" name="relabel-target" label="目标托盘" placeholder="扫描同目的仓目标托盘或新托盘号" :active="active === 'target'" @activate="activate('target')" @submit="confirmTargetAndBind" />
|
||
<view class="line"><button :disabled="busy || !targetCode.trim()" @tap="confirmTargetAndBind">确认目标托盘并绑定</button><button :disabled="busy || !!newPallet" @tap="createPallet">新增托盘号</button></view>
|
||
<text v-if="target" class="hint">已识别目标：{{ target.palletCode }}，尚未绑定成功</text>
|
||
<view v-if="newPallet" class="hint"><text>新托盘号：{{ newPallet.palletCode }}，请贴好托盘标签后扫描确认。</text><button @tap="printPallet">查看 / 打印托盘标签</button></view>
|
||
<text v-if="message" class="hint">{{ message }}</text><text v-if="error" class="error">{{ error }}</text>
|
||
</view>
|
||
</template>
|
||
<script>
|
||
import ScanTargetInput from '@/components/ScanTargetInput.vue'
|
||
import { resolvePallet, createRelabelPallet, bindRelabelPallet, findRelabelSources } from '@/api/pallet.js'
|
||
import { warehouseIdempotencyKey, releaseWarehouseKey } from '@/stores/warehouse-work.js'
|
||
export default {
|
||
components: { ScanTargetInput },
|
||
props: { task: { type: Object, required: true }, allowDisassemble: { type: Boolean, default: true } },
|
||
emits: ['activate', 'busy', 'saved'],
|
||
data() { return { rebindSelection: null, active: 'source', sourceCode: '', targetCode: '', source: null, target: null, marks: [], busy: false, error: '', message: '', newPallet: null, sourceRows: [], selectedSource: null, quantity: '', selectedDestination: '' } },
|
||
mounted() { this.loadSources() },
|
||
computed: {
|
||
currentBindings() {
|
||
const latest = new Map()
|
||
for (const entry of this.task.history || []) {
|
||
if (entry.action === 'REWORK_ARCHIVE') latest.clear()
|
||
if (entry.action !== 'PALLET_BIND') continue
|
||
try {
|
||
const data = JSON.parse(entry.detail)
|
||
if (data.targetPallets?.length !== 1) continue
|
||
for (const mark of data.cartonMarks || []) latest.set(mark, { mark, pallet: data.targetPallets[0] })
|
||
} catch { /* Invalid history is not used to infer a binding. */ }
|
||
}
|
||
return [...latest.values()]
|
||
},
|
||
bindingHistory() { return (this.task.history || []).filter(entry => entry.action === 'PALLET_BIND').flatMap(entry => { try { const data = JSON.parse(entry.detail); return Array.isArray(data.cartonMarks) && Array.isArray(data.targetPallets) ? [data] : [] } catch { return [] } }) },
|
||
destinations() { return [...new Set((this.isReturnBulk ? this.sourceItems() : this.completedItems()).map(item => item.destinationFbaWarehouseCode).filter(Boolean))] },
|
||
eligibleItems() { return (this.isReturnBulk ? this.sourceItems() : this.completedItems()).filter(item => item.destinationFbaWarehouseCode === this.selectedDestination) },
|
||
isReturnBulk() { return this.task.operationType === 'RETURN_BULK_SKU_LABEL' },
|
||
operableSourceRows() { return this.sourceRows.filter(row => Number(row.movablePackages) > 0) },
|
||
plannedPackages() { return this.eligibleItems.reduce((sum, item) => sum + Number(item.expectedPackages || 0), 0) },
|
||
wholeSource() { return this.isReturnBulk && this.selectedSource && (!this.allowDisassemble || this.plannedPackages === Number(this.selectedSource.stockPackages || 0)) },
|
||
readyToBind() { return this.source && this.target && this.selectedSource && this.samePallet(this.source, this.selectedSource) && !this.samePallet(this.source, this.target) && Number.isSafeInteger(Number(this.quantity)) && Number(this.quantity) > 0 && Number(this.quantity) <= this.selectedSource.movablePackages && this.bindingSelectionValid() }
|
||
},
|
||
methods: {
|
||
samePallet(left, right) {
|
||
if (!left || !right) return false
|
||
// 扫码枪可能在托盘号前后附带 CR/LF、零宽字符或全角空格；
|
||
// 这些字符不属于托盘号，不能让同一托盘被误判为不同托盘。
|
||
const code = value => String(value?.palletCode || '')
|
||
.replace(/[\u0000-\u001f\u007f\u200b-\u200d\u2060\ufeff]/g, '')
|
||
.replace(/[\u3000]/g, ' ')
|
||
.trim()
|
||
.toUpperCase()
|
||
const leftCode = code(left); const rightCode = code(right)
|
||
const sameCode = !!leftCode && leftCode === rightCode
|
||
if (sameCode) return true
|
||
if (left.palletId == null || right.palletId == null) return false
|
||
if (String(left.palletId) === String(right.palletId)) return true
|
||
return false
|
||
},
|
||
selectRebind(binding) {
|
||
if (this.busy) return
|
||
uni.showModal({ title: '重新绑定托盘', content: `箱唛 ${binding.mark} 当前在 ${binding.pallet}。请扫描新的目标托盘。`, showCancel: false })
|
||
this.rebindSelection = binding
|
||
this.targetCode = ''; this.target = null; this.message = ''; this.error = ''
|
||
this.activate('target')
|
||
},
|
||
async submitRebind() {
|
||
const binding = this.rebindSelection
|
||
const targetCode = this.targetCode.trim().toUpperCase()
|
||
if (!binding || !targetCode || this.busy) return
|
||
if (targetCode === binding.pallet.toUpperCase()) { this.showBindingMessage('无需改绑', '该箱唛已经绑定此托盘，不会重复扣库存。'); return }
|
||
this.busy = true; this.$emit('busy', true)
|
||
const confirmed = await new Promise(resolve => uni.showModal({ title: '确认改绑', content: `将 ${binding.mark} 从 ${binding.pallet} 移至 ${targetCode}？旧托盘扣箱，新托盘加箱。`, confirmText: '确认改绑', cancelText: '取消', success: result => resolve(result.confirm), fail: () => resolve(false) }))
|
||
this.busy = false; this.$emit('busy', false)
|
||
if (!confirmed) return
|
||
await this.run(async () => {
|
||
const source = await resolvePallet(binding.pallet)
|
||
const target = await resolvePallet(targetCode)
|
||
const payload = { relabelNo: this.task.relabelNo, source: { palletCode: source.palletCode, expectedVersion: source.palletVersion }, target: { palletCode: target.palletCode, expectedVersion: target.palletVersion }, cartonMarks: [binding.mark], reason: 'PDA 已绑定箱唛确认改绑托盘' }
|
||
const key = warehouseIdempotencyKey('relabel', 'rebind-pallet', payload)
|
||
await bindRelabelPallet({ ...payload, idempotencyKey: key.value })
|
||
releaseWarehouseKey('relabel', key.signature)
|
||
this.rebindSelection = null; this.targetCode = ''; this.target = null
|
||
this.$emit('saved')
|
||
this.showBindingMessage('绑定成功', `${binding.mark} 已从 ${binding.pallet} 移至 ${target.palletCode}`)
|
||
})
|
||
if (this.error) this.showBindingMessage('改绑失败', this.error)
|
||
},
|
||
sourceItems() { return (this.task.items || []).filter(item => this.selectedSource?.cartonMarks.includes(item.cartonMark)) },
|
||
completedItems() { return this.sourceItems().filter(item => this.isReturnBulk ? Number(item.expectedPackages) > 0 && Number(item.relabelledPackages) >= Number(item.expectedPackages) : Number(item.relabelledPackages) >= 1) },
|
||
async loadSources() { await this.run(async () => { this.sourceRows = await findRelabelSources(this.task.relabelNo); this.selectedSource = null; this.source = null; this.marks = []; this.quantity = '' }) },
|
||
async selectSource(row) {
|
||
if (this.busy) return
|
||
this.rebindSelection = null; this.selectedSource = row; this.source = null; this.sourceCode = ''; this.quantity = ''; this.marks = []
|
||
this.selectedDestination = this.sourceItems()[0]?.destinationFbaWarehouseCode || ''
|
||
if (this.isReturnBulk) {
|
||
const items = this.eligibleItems
|
||
this.marks = items.map(item => item.cartonMark)
|
||
if (!this.allowDisassemble || items.reduce((sum, item) => sum + Number(item.expectedPackages || 0), 0) === Number(row.stockPackages || 0)) this.quantity = String(row.stockPackages)
|
||
await this.run(async () => { const value = await resolvePallet(row.palletCode); if (this.selectedSource?.positionId === row.positionId) { this.source = value; this.sourceCode = value.palletCode } })
|
||
this.activate(this.quantity ? 'target' : 'source')
|
||
return
|
||
}
|
||
this.activate('source')
|
||
},
|
||
bindingSelectionValid() {
|
||
const count = Number(this.quantity)
|
||
if (this.isReturnBulk) {
|
||
const packages = this.eligibleItems.reduce((sum, item) => sum + Number(item.expectedPackages || 0), 0)
|
||
return count === packages && this.completedItems().length === this.eligibleItems.length && this.marks.length === this.eligibleItems.length
|
||
&& this.marks.every(mark => this.eligibleItems.some(item => item.cartonMark === mark))
|
||
}
|
||
return this.marks.length === count && this.marks.every(mark => this.eligibleItems.some(item => item.cartonMark === mark))
|
||
},
|
||
fillBatch() { const count = Number(this.quantity); const packages = this.eligibleItems.reduce((sum, item) => sum + Number(item.expectedPackages || 0), 0); const invalid = !Number.isSafeInteger(count) || count <= 0 || count > this.selectedSource.movablePackages || (this.isReturnBulk ? count !== packages : count > this.eligibleItems.length); if (invalid) { this.error = this.isReturnBulk ? '拆出件数必须等于本批已完成贴标件数，且不能超过来源托盘可拆数量' : '拆出数量必须为正整数，且不超过来源托盘可拆箱数和已完成换标箱数'; return } this.marks = (this.isReturnBulk ? this.eligibleItems : this.eligibleItems.slice(0, count)).map(item => item.cartonMark); this.error = '' },
|
||
toggleMark(mark) { if (this.busy) return; this.marks = this.marks.includes(mark) ? this.marks.filter(value => value !== mark) : [...this.marks, mark] },
|
||
activate(value) { this.active = value; this.$emit('activate') },
|
||
handleScan(value) { if (this.busy) return; this[this.active + 'Code'] = value; return this.active === 'target' ? this.confirmTargetAndBind() : this.resolve(this.active) },
|
||
showBindingMessage(title, content) { uni.showModal({ title, content, showCancel: false, confirmText: '知道了' }) },
|
||
async confirmTargetAndBind() {
|
||
if (this.busy) return
|
||
if (this.rebindSelection) return this.submitRebind()
|
||
this.message = ''
|
||
let reason = ''
|
||
if (!this.selectedSource) reason = '请先选择实际拆出货物的来源托盘。'
|
||
else if (!this.samePallet(this.source, this.selectedSource)) reason = this.isReturnBulk ? '来源托盘识别失败，请重新选择。' : '请先扫描并确认实际来源托盘；选择来源列表不等于扫描确认。'
|
||
else if (this.isReturnBulk && this.completedItems().length !== this.eligibleItems.length) reason = '请先完成本托盘的 SKU 贴标登记，再绑定新托盘；整托无需填写拆箱数量。'
|
||
else if (!Number.isSafeInteger(Number(this.quantity)) || Number(this.quantity) <= 0 || Number(this.quantity) > this.selectedSource.movablePackages) reason = this.isReturnBulk ? '本托盘可操作件数不足，请刷新来源托盘。' : '请填写有效的拆出箱数，不能超过来源托盘可拆数量。'
|
||
else if (!this.selectedDestination || !this.bindingSelectionValid()) reason = this.isReturnBulk ? `本托盘拆箱数量必须等于贴标预报分配数量 ${this.plannedPackages} 件。` : '请选择本批目的仓和对应箱唛，勾选箱数必须等于拆出箱数。'
|
||
else if (!this.targetCode.trim()) reason = '请扫描或输入目标托盘号。'
|
||
if (reason) { this.error = reason; this.showBindingMessage('尚未绑定', reason); return }
|
||
await this.resolve('target')
|
||
if (this.error) { this.showBindingMessage('绑定失败', this.error); return }
|
||
if (!this.readyToBind) { this.error = '来源和目标托盘不能相同，请核对后重新确认。'; this.showBindingMessage('尚未绑定', this.error); return }
|
||
await this.bind()
|
||
},
|
||
destination(mark) { return this.task.items.find(item => item.cartonMark === mark)?.destinationFbaWarehouseCode || '目的仓待维护' },
|
||
async run(work) { if (this.busy) return; this.busy = true; this.$emit('busy', true); this.error = ''; try { await work() } catch (error) { this.error = error?.message || '托盘作业失败，请重新核对'; if (['409', 'A0409'].includes(String(error?.code))) { this.source = null; this.target = null; this.selectedSource = null; this.marks = []; this.error += '；请刷新来源托盘并重新扫码'; } } finally { this.busy = false; this.$emit('busy', false) } },
|
||
async resolve(kind) {
|
||
const raw = String(this[kind + 'Code'] || '')
|
||
const code = raw.replace(/[\u0000-\u001f\u007f\u200b-\u200d\u2060\ufeff]/g, '').replace(/[\u3000]/g, ' ').trim()
|
||
if (!code) return
|
||
this[kind + 'Code'] = code
|
||
this[kind] = null
|
||
// 来源托盘以扫码结果为准：当页面当前选中的是另一张来源卡片时，
|
||
// 自动切换到扫码命中的来源，避免“已扫正确托盘但仍提示不匹配”。
|
||
if (kind === 'source') {
|
||
const normalized = value => String(value || '')
|
||
.replace(/[\u0000-\u001f\u007f\u200b-\u200d\u2060\ufeff]/g, '')
|
||
.replace(/[\u3000]/g, ' ').trim().toUpperCase()
|
||
const matched = this.sourceRows.find(row => normalized(row.palletCode) === normalized(code))
|
||
if (matched && this.selectedSource?.positionId !== matched.positionId) {
|
||
this.selectedSource = matched
|
||
this.selectedDestination = this.sourceItems()[0]?.destinationFbaWarehouseCode || ''
|
||
this.quantity = ''
|
||
this.marks = []
|
||
}
|
||
}
|
||
await this.run(async () => {
|
||
const value = await resolvePallet(code)
|
||
if (kind === 'source' && !this.samePallet(value, this.selectedSource)) throw new Error('请扫描所选原入仓单的实际来源托盘')
|
||
if (this[kind + 'Code'] === code) this[kind] = value
|
||
})
|
||
},
|
||
async createPallet() { const payload = { relabelNo: this.task.relabelNo }; const key = warehouseIdempotencyKey('relabel', 'new-pallet', payload); await this.run(async () => { this.newPallet = await createRelabelPallet({ ...payload, idempotencyKey: key.value }); this.target = null; this.targetCode = this.newPallet.palletCode || ''; this.activate('target') }) },
|
||
async bind() {
|
||
if (!this.readyToBind) { this.error = '请核对来源托盘、拆出箱数、本批箱唛和目标托盘'; return }
|
||
const expectation = value => ({ palletCode: value.palletCode, expectedVersion: value.palletVersion })
|
||
const payload = { relabelNo: this.task.relabelNo, source: expectation(this.source), target: expectation(this.target), cartonMarks: [...this.marks], actualSource: { positionId: this.selectedSource.positionId, expectedPositionVersion: this.selectedSource.positionVersion, packages: Number(this.quantity) }, reason: 'PDA 按原入仓单箱数拆托并按新目的仓合托' }
|
||
const key = warehouseIdempotencyKey('relabel', 'bind-pallet', payload)
|
||
let saved = false
|
||
await this.run(async () => { await bindRelabelPallet({ ...payload, idempotencyKey: key.value }); saved = true; releaseWarehouseKey('relabel', key.signature); const createdKey = warehouseIdempotencyKey('relabel', 'new-pallet', { relabelNo: this.task.relabelNo }); releaseWarehouseKey('relabel', createdKey.signature); this.message = `${this.marks.length} 箱已从 ${this.source.palletCode} 合入 ${this.target.palletCode}，仍归属 ${this.selectedSource.inboundCode}`; this.marks = []; this.source = null; this.target = null; this.newPallet = null; this.sourceCode = ''; this.targetCode = ''; this.$emit('saved'); this.activate('source') })
|
||
if (saved) { this.showBindingMessage('绑定成功', this.message); await this.loadSources() }
|
||
else if (this.error) this.showBindingMessage('绑定失败', this.error)
|
||
},
|
||
printPallet() {
|
||
// #ifdef H5
|
||
const view = window.open('', '_blank'); if (view) { view.document.write(this.newPallet.printableHtml); view.document.close(); view.focus(); view.print() } else this.error = '请允许打开标签打印窗口'
|
||
// #endif
|
||
// #ifndef H5
|
||
this.error = '当前设备需通过已适配的打印服务打印托盘标签；请先在后台打印此托盘号，不要虚报打印成功。'
|
||
// #endif
|
||
}
|
||
}
|
||
}
|
||
</script>
|
||
<style scoped>
|
||
.pallet-work{margin-top:18px;padding:14px;border:1px solid #d7e1ef;border-radius:10px}
|
||
.pallet-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}
|
||
.heading{display:block;font-size:18px;font-weight:700}
|
||
.refresh-button{flex:none;margin:0;padding:6px 14px;font-size:13px;line-height:1.5}
|
||
.hint{display:block;font-size:13px;color:#52647c;margin:10px 0;white-space:normal}
|
||
.source-row{padding:12px;margin:10px 0;border:1px solid #d7e1ef;border-radius:8px}
|
||
.source-row.selected{border-color:#2674d9;background:#eff6ff}
|
||
.line{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:8px 0}.line text{flex:1;overflow-wrap:anywhere}
|
||
input{padding:12px;background:#f3f6fa;border-radius:6px}button{font-size:13px;margin:8px 0}
|
||
.error{display:block;color:#bc3030;font-size:13px}
|
||
.return-pallet-summary{display:block;margin:10px 0;padding:12px;border-radius:8px;background:#eff6ff;color:#1f5fca;font-weight:700;overflow-wrap:anywhere}
|
||
</style>
|