2 changed files with 254 additions and 1 deletions
@ -0,0 +1,254 @@ |
|||
<template> |
|||
<view :class="detail.scaned?'scan_view':''" style="background-color: #ffffff; border-bottom: 1upx solid #EEEEEE;"> |
|||
|
|||
<!-- uni-inline-item 暂时拿掉--> |
|||
<uni-collapse ref="collapse1"> |
|||
<uni-collapse-item :open="true" :show-animation="true"> |
|||
<template v-slot:title> |
|||
<view class="uni-flex uni-row space-between" style="align-items: center"> |
|||
<view style="word-break: break-all;"> |
|||
<!-- <container v-if="isShowContainer&&detail.containerNumber!=null" :container="detail.containerNumber"> |
|||
</container> --> |
|||
<pack v-if="isShowPack && detail.packingNumber" :isShowPackingNumberProps="isShowPackingNumberProps" |
|||
:packingCode="detail.packingNumber"></pack> |
|||
<batch v-if="isShowBatch && detail.batch!=null" :batch="detail.batch"></batch> |
|||
<location v-if="isShowFromLocation" :title="formLocationTitle" :locationCode="detail.fromLocationCode"> |
|||
</location> |
|||
<!-- <to-location></to-location> --> |
|||
<to-location v-if="isShowToLocation" title="目标库位" :locationCode="detail.toLocationCode"> |
|||
</to-location> |
|||
</view> |
|||
|
|||
</view> |
|||
</template> |
|||
<uni-swipe-action ref="swipeAction" style="margin-top: 10px;" v-for="(item,index) in detail.packList" |
|||
:key='index'> |
|||
<uni-swipe-action-item |
|||
:right-options="(item.scaned&&settingParam.allowModifyQty == 'TRUE')?editAndRemoveOptions : item.scaned? removeOptions:[]" |
|||
@click="itemCoceClick($event,item,index,detail)"> |
|||
<view class="uni-flex uni-row space-between" style="align-items: center" |
|||
:class="item.scaned?'scan_view':''"> |
|||
<view class="" style="flex:1"> |
|||
<board-number v-if="item.boardNumber" :packingCode="item.boardNumber"></board-number> |
|||
<batch v-if="isShowBatch && item.batch!=null" :batch="item.batch"></batch> |
|||
</view> |
|||
|
|||
<view style="word-break: break-all;" class="uni-flex uni-row center"> |
|||
<!-- ||detail.handleQty==0 可能会有扫描到0的情况--> |
|||
<recommend-qty v-if="item.handleQty==null || item.handleQty==undefined" :dataContent="item" |
|||
:isShowStdPack="false" :isShowStatus="isShowStatus"></recommend-qty> |
|||
<compare-qty v-else :dataContent="item" :recommendQty="Number(item.qty)" |
|||
:handleQty="Number(item.handleQty)" :isShowStdPack="false" :isShowStatus="isShowStatus" |
|||
:isShowRecommendQty='false' :isShowPackUnit='false'> |
|||
</compare-qty> |
|||
</view> |
|||
|
|||
</view> |
|||
</uni-swipe-action-item> |
|||
</uni-swipe-action> |
|||
</uni-collapse-item> |
|||
</uni-collapse> |
|||
<comMessage ref="message"></comMessage> |
|||
<recommend-qty-edit ref="receiptEdit" :dataContent="editItem" :settingParam="settingParam" @confirm="confirm" :showBalanceQty='true'> |
|||
</recommend-qty-edit> |
|||
</view> |
|||
</template> |
|||
|
|||
<script> |
|||
import container from '@/mycomponents/container/container.vue' |
|||
import pack from '@/mycomponents/balance/pack.vue' |
|||
import location from '@/mycomponents/balance/location.vue' |
|||
import toLocation from '@/mycomponents/balance/toLocation.vue' |
|||
import batch from '@/mycomponents/balance/batch.vue' |
|||
import recommendQty from '@/mycomponents/qty/recommendQty.vue' |
|||
import compareQty from '@/mycomponents/qty/compareQty.vue' |
|||
import config from '@/static/config.js' |
|||
import boardNumber from '@/mycomponents/balance/boardNumber.vue' |
|||
import recommendQtyEdit from '@/mycomponents/qty/recommendQtyEdit.vue' |
|||
import { |
|||
getEditRemoveOption, |
|||
getRemoveOption, |
|||
} from '@/common/array.js'; |
|||
export default { |
|||
emits: ['updateData','deleteData'], |
|||
components: { |
|||
container, |
|||
pack, |
|||
location, |
|||
toLocation, |
|||
batch, |
|||
recommendQty, |
|||
compareQty, |
|||
boardNumber, |
|||
recommendQtyEdit |
|||
}, |
|||
|
|||
data() { |
|||
return { |
|||
removeOptions: [], |
|||
editAndRemoveOptions: [], |
|||
editItem:{} |
|||
} |
|||
}, |
|||
mounted() { |
|||
this.removeOptions = getRemoveOption() |
|||
this.editAndRemoveOptions = getEditRemoveOption() |
|||
}, |
|||
props: { |
|||
detail: { |
|||
type: Object, |
|||
default: {} |
|||
}, |
|||
isShowContainer: { |
|||
type: Boolean, |
|||
default: true |
|||
}, |
|||
isShowPack: { |
|||
type: Boolean, |
|||
default: true |
|||
}, |
|||
isShowBatch: { |
|||
type: Boolean, |
|||
default: true |
|||
}, |
|||
isShowFromLocation: { |
|||
type: Boolean, |
|||
default: true |
|||
}, |
|||
isShowToLocation: { |
|||
type: Boolean, |
|||
default: false |
|||
}, |
|||
isShowStatus: { |
|||
type: Boolean, |
|||
default: true |
|||
}, |
|||
|
|||
locationTitle: { |
|||
type: String, |
|||
default: '库位' |
|||
}, |
|||
formLocationTitle: { |
|||
type: String, |
|||
default: '来源库位' |
|||
}, |
|||
isShowPackingNumberProps: { |
|||
type: Boolean, |
|||
default: false |
|||
}, |
|||
settingParam: { |
|||
type: Object, |
|||
default: {} |
|||
}, |
|||
|
|||
|
|||
}, |
|||
watch: { |
|||
// 模拟扫描功能 |
|||
detail: { |
|||
handler(newVal, oldVal) { |
|||
if (newVal.scaned) { |
|||
newVal.copyContent = "HPQ;V1.0;I" + newVal.itemCode + ";P" + newVal.packingNumber + ";B" + newVal.batch + |
|||
";Q" + newVal.qty |
|||
} else { |
|||
newVal.copyContent = '' |
|||
} |
|||
console.log('newVal.copyContent', newVal.copyContent) |
|||
}, |
|||
immediate: true, |
|||
deep: true |
|||
} |
|||
}, |
|||
methods: { |
|||
copy() { |
|||
// HPQ;V1.0;ICE115F11161AG;PP20230427000026;B20230427002;Q100 |
|||
var content = "HPQ;V1.0;I" + this.detail.itemCode + ";P" + this.detail.packingNumber + ";B" + this.detail |
|||
.batch + ";Q" + this.detail.qty |
|||
// #ifdef H5 |
|||
this.$copyText(content).then( |
|||
res => { |
|||
uni.showToast({ |
|||
title: '复制采购标签成功', |
|||
icon: 'none' |
|||
}) |
|||
} |
|||
) |
|||
// #endif |
|||
// #ifndef H5 |
|||
uni.setClipboardData({ |
|||
data: content, |
|||
success: () => { |
|||
uni.showToast({ |
|||
title: '复制采购标签成功' |
|||
}) |
|||
} |
|||
}) |
|||
// #endif |
|||
}, |
|||
copyPro() { |
|||
// HPQ;V1.0;ICE115F11161AG;PP20230427000026;B20230427002;Q100 |
|||
var content = "HMQ;V1.0;I" + this.detail.itemCode + ";P" + this.detail.packingNumber + ";B" + this.detail |
|||
.batch + ";Q" + this.detail.qty |
|||
// #ifdef H5 |
|||
this.$copyText(content).then( |
|||
res => { |
|||
uni.showToast({ |
|||
title: '复制制品标签成功', |
|||
icon: 'none' |
|||
}) |
|||
} |
|||
) |
|||
// #endif |
|||
// #ifndef H5 |
|||
uni.setClipboardData({ |
|||
data: content, |
|||
success: () => { |
|||
uni.showToast({ |
|||
title: '复制制品标签成功' |
|||
}) |
|||
} |
|||
}) |
|||
// #endif |
|||
}, |
|||
isDevlement() { |
|||
return config.isDevelopment; |
|||
}, |
|||
resizeCollapse() { |
|||
this.$refs.collapse1.resize() |
|||
// this.$refs.collapse1.childrens.forEach(i => { |
|||
// i.init(); |
|||
// }) |
|||
}, |
|||
itemCoceClick(e, item, index, detail) { |
|||
if (e.content.text == "编辑") { |
|||
this.edit(item) |
|||
} else if (e.content.text == "移除") { |
|||
// this.dataContent.subList.splice(index, 1); |
|||
this.$refs.message.showQuestionMessage("确定移除扫描信息?", |
|||
res => { |
|||
if (res) { |
|||
detail.packList.splice(index, 1) |
|||
item.scaned = false |
|||
item.handleQty = 0 |
|||
this.$nextTick(() => { |
|||
this.resizeCollapse() |
|||
}) |
|||
this.$emit('deleteData',e, item, index,detail) |
|||
} |
|||
}); |
|||
} |
|||
}, |
|||
edit(item) { |
|||
this.editItem = item; |
|||
this.$refs.receiptEdit.openTaskEditPopup(item.qty, item.handleQty, item.labelQty); |
|||
}, |
|||
confirm(val) { |
|||
this.editItem.handleQty = Number(val); |
|||
this.$emit('updateData', this.editItem) |
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style> |
|||
</style> |
Loading…
Reference in new issue