You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 

214 lines
5.6 KiB

<template>
<view>
<!-- 需求库位 -->
<requiredLocation title="需求库位" :locationCode="dataContent.toLocationCode"
:isShowEdit="dataContent.allowModifyLocation==1"></requiredLocation>
<u-line />
<view v-for="(item,index) in dataContent.Items">
<uni-collapse ref="collapse">
<uni-collapse-item :open="true">
<template v-slot:title>
<!-- 物品 -->
<item-qty :dataContent="item" :handleQty="item.handleQty"></item-qty>
</template>
<u-line />
<view v-for="(loacation,index) in item.Locations">
<view>
<view class="uni-flex uni-row space-between">
<!-- 推荐库位 -->
<location :locationCode="loacation.fromLocationCode">
</location>
</view>
<view v-for="(batch,index) in loacation.Batchs">
<uni-collapse ref="subCollapse">
<uni-collapse-item :open="true">
<template v-slot:title>
<view class="uni-flex uni-row space-between">
<view>
<batch :batch="batch.batch" style='margin-left: 20px;'>
</batch>
</view>
<view>
<recommend-qty
v-if="batch.Records==null || batch.Records==undefined "
:dataContent="batch" :isShowStatus='false'
:isShowStdPack="false">
</recommend-qty>
<compare-qty v-else :dataContent="batch" :recommendQty="batch.qty"
:handleQty="batch.handleQty" :isShowStatus='false'
:isShowStdPack="false">
</compare-qty>
</view>
</view>
</template>
<view v-if='batch.Records!=null || batch.Records!=undefined '
v-for="(record,index) in batch.Records">
<uni-swipe-action ref="swipeAction">
<uni-swipe-action-item @click="swipeClick($event,batch)"
:right-options="scanOptions">
<!-- :right-options="loacation.scaned?scanOptions:detailOptions" -->
<view class="uni-flex uni-row space-between">
<view>
<pack :packingCode="record.packingNumber"
style='margin-left: 40px;'>
</pack>
</view>
<view>
<qty :dataContent="record" :isShowStdPack="false">
</qty>
</view>
</view>
<!-- <com-issue-recommend :detail="loacation"></com-issue-recommend> -->
</uni-swipe-action-item>
</uni-swipe-action>
</view>
</uni-collapse-item>
</uni-collapse>
</view>
</view>
</view>
</uni-collapse-item>
</uni-collapse>
</view>
</view>
<recommendQtyEdit ref="receiptEdit" :dataContent="editItem" :settingParam="settingParam"
:handleQty="editItem.record.qty" @confirm="confirm">
</recommendQtyEdit>
<job-detail-popup ref="receiptHint" :dataContent="showItem"></job-detail-popup>
<comMessage ref="message"></comMessage>
</template>
<script>
import itemQty from '@/mycomponents/item/itemQty.vue'
import recommend from '@/mycomponents/recommend/recommend.vue'
import recommendQtyEdit from '@/mycomponents/qty/recommendQtyEdit.vue'
import jobDetailPopup from '@/mycomponents/job/jobDetailPopup.vue'
import requiredLocation from '@/mycomponents/location/requiredLocation.vue'
import comIssueRecommend from '@/pages/issue/coms/comIssueRecommend.vue'
import pack from '@/mycomponents/balance/pack.vue'
import location from '@/mycomponents/balance/location.vue'
import batch from '@/mycomponents/balance/batch.vue'
import recommendQty from '@/mycomponents/qty/recommendQty.vue'
import compareQty from '@/mycomponents/qty/compareQty.vue'
import balanceQty from '@/mycomponents/qty/balanceQty.vue'
import qty from '@/mycomponents/qty/qty.vue'
import {
getDetailOption,
getEditRemoveOption
} from '@/common/array.js';
export default {
components: {
itemQty,
recommend,
recommendQtyEdit,
jobDetailPopup,
requiredLocation,
comIssueRecommend,
pack,
location,
batch,
recommendQty,
compareQty,
balanceQty,
qty
},
props: {
dataContent: {
type: Object,
default: {}
},
settingParam: {
type: Object,
default: {}
},
},
watch: {
},
data() {
return {
option: [],
title: "推荐详情",
showItem: {},
editItem: {
record: {
}
},
detailOptions: [],
scanOptions: []
}
},
mounted() {
this.detailOptions = getDetailOption();
this.scanOptions = getEditRemoveOption();
},
methods: {
resizeCollapse() {
this.$nextTick(r => {
this.$refs.subCollapse.forEach(r => {
r.resize();
})
});
this.$nextTick(r => {
this.$refs.collapse.forEach(r => {
r.childrens.forEach(i => {
i.init();
})
r.resize();
})
});
},
swipeClick(e, item) {
if (e.content.text == "详情") {
this.detail(item)
} else if (e.content.text == "编辑") {
this.edit(item)
} else if (e.content.text == "移除") {
this.remove(item)
}
},
edit(item) {
this.editItem = item;
this.$refs.receiptEdit.openEditPopup();
},
detail(item) {
this.showItem = item;
this.$refs.receiptHint.openScanPopup()
},
remove(item) {
this.$refs.message.showQuestionMessage("确定移除扫描信息?",
res => {
if (res) {
item.isScaned = false
item.record = {}
// item.record.qty = 0;
this.$forceUpdate()
this.$emit('remove', item)
}
});
},
confirm(qty) {
this.editItem.record.qty = qty;
this.$emit('updateData')
}
}
}
</script>
<style>
</style>