6 changed files with 182 additions and 327 deletions
@ -1,198 +0,0 @@ |
|||||
<template> |
|
||||
<view class="" style="background-color: #fff;"> |
|
||||
<uni-collapse ref="collapse1" @change=""> |
|
||||
<uni-collapse-item :open="true"> |
|
||||
<template v-slot:title> |
|
||||
<uni-swipe-action ref="swipeAction"> |
|
||||
<uni-swipe-action-item @click="removeItem($event,dataContent)" :right-options="removeOptions"> |
|
||||
<item-qty :dataContent="dataContent" :handleQty="dataContent.handleQty" |
|
||||
:isShowBalance="true"></item-qty> |
|
||||
</uni-swipe-action-item> |
|
||||
</uni-swipe-action> |
|
||||
|
|
||||
</template> |
|
||||
<u-line /> |
|
||||
<view class="" v-for="(item,index) in dataContent.subList"> |
|
||||
<uni-swipe-action ref="swipeAction"> |
|
||||
<uni-swipe-action-item @click="swipeClick($event,item,index)" |
|
||||
:right-options="item.scaned?scanOptions:detailOptions"> |
|
||||
<!-- <balance :dataContent="item" :isShowStdPack="false" :isShowPack="true" |
|
||||
:isShowLocation="true"></balance> --> |
|
||||
<purchase-label :dataContent="item" :packageContent="item.package" :isShowStdPack="false"> |
|
||||
</purchase-label> |
|
||||
</uni-swipe-action-item> |
|
||||
</uni-swipe-action> |
|
||||
<u-line color="#D8D8D8"></u-line> |
|
||||
</view> |
|
||||
</uni-collapse-item> |
|
||||
</uni-collapse> |
|
||||
<balanceQtyEdit ref="balanceQtyEdit" @confirm="confirm"></balanceQtyEdit> |
|
||||
<job-detail-popup ref="winHint" :dataContent="showItem"></job-detail-popup> |
|
||||
<com-message ref="comMessage"></com-message> |
|
||||
</view> |
|
||||
</template> |
|
||||
|
|
||||
<script> |
|
||||
import itemQty from '@/mycomponents/item/itemQty.vue' |
|
||||
import recommend from '@/mycomponents/recommend/recommend.vue' |
|
||||
import jobDetailPopup from '@/mycomponents/job/jobDetailPopup.vue' |
|
||||
import purchaseLabel from '@/mycomponents/balance/purchaseLabel.vue' |
|
||||
import record from '@/mycomponents/record/record.vue' |
|
||||
import balanceQtyEdit from '@/mycomponents/qty/balanceQtyEdit.vue' |
|
||||
import comMessage from '@/mycomponents/common/comMessage.vue' |
|
||||
import { |
|
||||
getDetailOption, |
|
||||
getDetailEditRemoveOption, |
|
||||
getClearOption |
|
||||
} from '@/common/array.js'; |
|
||||
export default { |
|
||||
components: { |
|
||||
itemQty, |
|
||||
recommend, |
|
||||
jobDetailPopup, |
|
||||
purchaseLabel, |
|
||||
balanceQtyEdit, |
|
||||
record, |
|
||||
comMessage |
|
||||
}, |
|
||||
props: { |
|
||||
dataContent: { |
|
||||
type: Object, |
|
||||
default: {} |
|
||||
}, |
|
||||
settingParam: { |
|
||||
type: Object, |
|
||||
default: {} |
|
||||
}, |
|
||||
fromInventoryStatus: { |
|
||||
type: String, |
|
||||
default: "" |
|
||||
}, |
|
||||
toInventoryStatus: { |
|
||||
type: String, |
|
||||
default: "" |
|
||||
}, |
|
||||
isShowStatus: { |
|
||||
type: Boolean, |
|
||||
default: false |
|
||||
} |
|
||||
}, |
|
||||
watch: { |
|
||||
dataContent: { |
|
||||
handler(newName, oldName) { |
|
||||
if (this.dataContent.subList.length > 0) { |
|
||||
if (this.$refs.collapse1 != undefined) { |
|
||||
this.$nextTick(res => { |
|
||||
this.$refs.collapse1.resize() |
|
||||
}) |
|
||||
} |
|
||||
} |
|
||||
}, |
|
||||
immediate: true, |
|
||||
deep: true |
|
||||
} |
|
||||
}, |
|
||||
|
|
||||
data() { |
|
||||
return { |
|
||||
option: [], |
|
||||
title: "推荐详情", |
|
||||
showItem: {}, |
|
||||
editItem: {}, |
|
||||
detailOptions: [], |
|
||||
scanOptions: [], |
|
||||
removeOptions: [], |
|
||||
dataList: [] |
|
||||
} |
|
||||
}, |
|
||||
|
|
||||
mounted() { |
|
||||
this.detailOptions = getDetailOption(); |
|
||||
this.scanOptions = getDetailEditRemoveOption(); |
|
||||
this.removeOptions = getClearOption(); |
|
||||
}, |
|
||||
|
|
||||
methods: { |
|
||||
removeItem(e, dataContent) { |
|
||||
if (e.content.text == "清空") { |
|
||||
this.$refs.comMessage.showQuestionMessage("确定清空物料及箱码信息?", |
|
||||
res => { |
|
||||
if (res) { |
|
||||
this.$emit('removeItem') |
|
||||
// this.$emit('removeItem', this.dataContent) |
|
||||
} |
|
||||
}); |
|
||||
} |
|
||||
}, |
|
||||
swipeClick(e, item, index) { |
|
||||
if (e.content.text == "详情") { |
|
||||
this.detail(item) |
|
||||
} else if (e.content.text == "编辑") { |
|
||||
this.edit(item) |
|
||||
} else if (e.content.text == "移除") { |
|
||||
this.remove(item, index) |
|
||||
} |
|
||||
}, |
|
||||
|
|
||||
edit(item) { |
|
||||
this.editItem = item; |
|
||||
this.$refs.balanceQtyEdit.openEditPopup(this.editItem, this.editItem.qty); |
|
||||
}, |
|
||||
|
|
||||
remove(item, index) { |
|
||||
this.$refs.comMessage.showQuestionMessage("确定移除扫描信息?", |
|
||||
res => { |
|
||||
if (res) { |
|
||||
this.dataContent.subList.splice(index, 1) |
|
||||
this.$emit('updateData') |
|
||||
} |
|
||||
}); |
|
||||
}, |
|
||||
confirm(qty) { |
|
||||
this.editItem.qty = qty; |
|
||||
this.$emit('updateData') |
|
||||
}, |
|
||||
detail(item) { |
|
||||
this.showItem = item; |
|
||||
this.dataList = [{ |
|
||||
title: "箱码", |
|
||||
content: item.packingNumber |
|
||||
}, |
|
||||
{ |
|
||||
title: "批次", |
|
||||
content: item.batch |
|
||||
}, |
|
||||
{ |
|
||||
title: "库位", |
|
||||
content: item.locationCode |
|
||||
}, |
|
||||
{ |
|
||||
title: "数量", |
|
||||
content: item.qty |
|
||||
}, |
|
||||
{ |
|
||||
title: "单位", |
|
||||
content: item.uom |
|
||||
} |
|
||||
] |
|
||||
this.$refs.winHint.openScanPopup() |
|
||||
}, |
|
||||
remove(item, index) { |
|
||||
this.$refs.comMessage.showQuestionMessage("确定移除扫描信息?", |
|
||||
res => { |
|
||||
if (res) { |
|
||||
this.dataContent.subList.splice(index, 1) |
|
||||
this.$emit('removePack') |
|
||||
} |
|
||||
}); |
|
||||
}, |
|
||||
confirm(qty) { |
|
||||
this.editItem.qty = qty; |
|
||||
this.$emit('updateData') |
|
||||
} |
|
||||
} |
|
||||
} |
|
||||
</script> |
|
||||
|
|
||||
<style> |
|
||||
</style> |
|
||||
Loading…
Reference in new issue