6 changed files with 282 additions and 112 deletions
@ -0,0 +1,151 @@ |
|||
<template> |
|||
<view class="" style="background-color: #fff;"> |
|||
<u-collapse ref="collapse1" @change=""> |
|||
<u-collapse-item :open="true"> |
|||
<template #title> |
|||
<u-swipe-action ref="swipeAction" |
|||
:options="removeOptions" |
|||
@click="removeData($event,dataContent)"> |
|||
<item-qty :dataContent="dataContent" :handleQty="dataContent.handleQty" |
|||
:isShowBalance="true"></item-qty> |
|||
</u-swipe-action> |
|||
</template> |
|||
<view class='split_line'></view> |
|||
<view class="" v-for="(item,index) in dataContent.subList"> |
|||
<u-swipe-action ref="swipeAction" |
|||
:options="item.scaned?scanOptions:detailOptions" |
|||
@click="swipeClick($event,item,index)"> |
|||
<balance :dataContent="item" :isShowStdPack="false" :isShowStatus="true" |
|||
:isShowPack="true" :isShowFromLocation="true"></balance> |
|||
</u-swipe-action> |
|||
</view> |
|||
</u-collapse-item> |
|||
</u-collapse> |
|||
<!-- <recommend-qty-edit ref="recommendQtyEdit" :dataContent="editItem" :handleQty="editItem.qty" @confirm="confirm" :isShowStatus="isShowStatus"></recommend-qty-edit> --> |
|||
<balance-qty-edit ref="balanceQtyEdit" @confirm="confirm"></balance-qty-edit> |
|||
<package-detail-popup ref='packageDetailPopup'> |
|||
</package-detail-popup> |
|||
<comMessage ref="comMessage"></comMessage> |
|||
</view> |
|||
</template> |
|||
|
|||
<script setup> |
|||
import itemQty from '@/mycomponents/item/itemQty.vue' |
|||
import Recommend from '@/mycomponents/recommend/recommend.vue' |
|||
import productionLabel from '@/mycomponents/balance/productionLabel.vue' |
|||
import Record from '@/mycomponents/record/record.vue' |
|||
import BalanceQtyEdit from '@/mycomponents/qty/balanceQtyEdit.vue' |
|||
import RecommendQtyEdit from '@/mycomponents/qty/recommendQtyEdit.vue' |
|||
import PackageDetailPopup from '@/mycomponents/package/packageDetailPopup.vue' |
|||
import balance from '@/mycomponents/balance/balance.vue' |
|||
|
|||
import { |
|||
getDetailOption, |
|||
getDetailEditRemoveOption, |
|||
getClearOption |
|||
} from '@/common/array.js'; |
|||
|
|||
import { ref, watch, onMounted, nextTick } from 'vue'; |
|||
|
|||
const props = defineProps({ |
|||
dataContent: { |
|||
type: Object, |
|||
default: () => ({}) |
|||
}, |
|||
settingParam: { |
|||
type: Object, |
|||
default: () => ({}) |
|||
}, |
|||
fromInventoryStatus: { |
|||
type: String, |
|||
default: "" |
|||
}, |
|||
toInventoryStatus: { |
|||
type: String, |
|||
default: "" |
|||
}, |
|||
isShowStatus: { |
|||
type: Boolean, |
|||
default: false |
|||
} |
|||
}); |
|||
const emit = defineEmits(['removeItem', 'removePack', 'updateData']); |
|||
|
|||
const option = ref([]); |
|||
const title = ref("推荐详情"); |
|||
const showItem = ref({}); |
|||
const editItem = ref({}); |
|||
const detailOptions = ref([]); |
|||
const scanOptions = ref([]); |
|||
const removeOptions = ref([]); |
|||
const dataList = ref([]); |
|||
|
|||
const collapse1 = ref(null); |
|||
const comMessage = ref(null); |
|||
const balanceQtyEdit = ref(null); |
|||
const recommendQtyEdit = ref(null); |
|||
const packageDetailPopup = ref(null); |
|||
|
|||
watch(() => props.dataContent, (newData, oldData) => { |
|||
if (newData.subList.length > 0) { |
|||
nextTick(() => { |
|||
if (collapse1.value) { |
|||
collapse1.value.resize(); |
|||
} |
|||
}); |
|||
} |
|||
}, { immediate: true, deep: true }); |
|||
|
|||
onMounted(() => { |
|||
detailOptions.value = getDetailOption(); |
|||
scanOptions.value = getDetailEditRemoveOption(); |
|||
removeOptions.value = getClearOption(); |
|||
}); |
|||
|
|||
const removeData = (e, dataContent) => { |
|||
if (e.content.text === "清空") { |
|||
comMessage.value.showQuestionMessage("确定清空物料及箱码信息?", (res) => { |
|||
if (res) { |
|||
emit('removeItem'); |
|||
} |
|||
}); |
|||
} |
|||
}; |
|||
|
|||
const swipeClick = (e, item, index) => { |
|||
if (e.content.text === "详情") { |
|||
detail(item.package); |
|||
} else if (e.content.text === "编辑") { |
|||
edit(item); |
|||
} else if (e.content.text === "移除") { |
|||
remove(item, index); |
|||
} |
|||
}; |
|||
|
|||
const edit = (item) => { |
|||
editItem.value = item; |
|||
balanceQtyEdit.value.openEditPopup(editItem.value, editItem.value.handleQty); |
|||
}; |
|||
|
|||
const detail = (packageInfo) => { |
|||
showItem.value = packageInfo; |
|||
packageDetailPopup.value.openPopup(packageInfo); |
|||
}; |
|||
|
|||
const remove = (item, index) => { |
|||
comMessage.value.showQuestionMessage("确定移除扫描信息?", (res) => { |
|||
if (res) { |
|||
props.dataContent.subList.splice(index, 1); |
|||
emit('removePack'); |
|||
} |
|||
}); |
|||
}; |
|||
|
|||
const confirm = (qty) => { |
|||
editItem.value.handleQty = qty; |
|||
emit('updateData'); |
|||
}; |
|||
</script> |
|||
|
|||
<style> |
|||
</style> |
|||
Loading…
Reference in new issue