|
|
|
@ -1,18 +1,20 @@ |
|
|
|
<template> |
|
|
|
<view> |
|
|
|
|
|
|
|
<!-- <requiredLocation title="需求库位" :locationCode="dataContent.toLocationCode" |
|
|
|
:isShowEdit="dataContent.allowModifyLocation==1"></requiredLocation> --> |
|
|
|
<view class="u-p-l-20 u-p-b-20 u-p-r-20"> |
|
|
|
<view v-for="(item,index) in dataContent.Items"> |
|
|
|
<u-collapse ref="collapse"> |
|
|
|
<u-collapse ref="collapseRefs"> |
|
|
|
<u-collapse-item :open="true"> |
|
|
|
<template v-slot:title> |
|
|
|
<template #title> |
|
|
|
<view style="flex: 1;overflow: hidden"> |
|
|
|
<view class="split_line"></view> |
|
|
|
<!-- 物品 --> |
|
|
|
<u-swipe-action ref="swipeAction" :options="removeOptions" |
|
|
|
@click="(...event)=>itemCoceClick(event,item,index)"> |
|
|
|
<item-qty :dataContent="item" :handleQty="item.handleQty"></item-qty> |
|
|
|
</u-swipe-action> |
|
|
|
</view> |
|
|
|
<!-- <com-issue-request-info :workShopCode="dataContent.workShopCode" :dataContent="dataContent"> |
|
|
|
</com-issue-request-info> --> |
|
|
|
</template> |
|
|
|
@ -32,13 +34,14 @@ |
|
|
|
</u-collapse> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<balance-qty-edit ref="balanceQtyEdit" @confirm="confirm" :isShowStatus="true"></balance-qty-edit> |
|
|
|
</view> |
|
|
|
<balance-qty-edit ref="receiptHint" @confirm="confirm" :isShowStatus="true"></balance-qty-edit> |
|
|
|
<detail-info-popup ref="detailInfoPopup"></detail-info-popup> |
|
|
|
<comMessage ref="message"></comMessage> |
|
|
|
</template> |
|
|
|
|
|
|
|
<script lang="ts" setup> |
|
|
|
import {ref, onMounted, nextTick} from 'vue'; |
|
|
|
import {ref, onMounted, nextTick, watch} from 'vue'; |
|
|
|
import itemQty from '@/mycomponents/item/itemQty.vue' |
|
|
|
import recommend from '@/mycomponents/recommend/recommend.vue' |
|
|
|
import recommendBalance from '@/mycomponents/balance/recommendBalance.vue' |
|
|
|
@ -46,7 +49,7 @@ import handleBalance from '@/mycomponents/balance/handleBalance.vue' |
|
|
|
import recommendQtyEdit from '@/mycomponents/qty/recommendQtyEdit.vue' |
|
|
|
import jobDetailPopup from '@/mycomponents/job/jobDetailPopup.vue' |
|
|
|
import requiredLocation from '@/mycomponents/location/requiredLocation.vue' |
|
|
|
import balanceQtyEdit from '@/mycomponents/qty/balanceQtyEdit.vue' |
|
|
|
import BalanceQtyEdit from '@/mycomponents/qty/balanceQtyEdit.vue' |
|
|
|
import location from '@/mycomponents/balance/location.vue' |
|
|
|
import detailInfoPopup from '@/pages/productionReceipt/coms/detailInfoPopup.vue' |
|
|
|
import comIssueRequestInfo from '@/pages/issue/coms/comIssueRequestInfo.vue' |
|
|
|
@ -73,29 +76,49 @@ const detailOptions = ref([]); |
|
|
|
const scanOptions = ref([]); |
|
|
|
const removeOptions = ref([]); |
|
|
|
|
|
|
|
const dataContent = ref({}); |
|
|
|
const balanceQtyEdit = ref(null); |
|
|
|
const receiptHint = ref(null); |
|
|
|
const message = ref(null); |
|
|
|
|
|
|
|
const collapseRefs = ref(); |
|
|
|
const dataContent = ref(props.dataContent) |
|
|
|
dataContent.value.Items.forEach((item) => { |
|
|
|
item.Locations.forEach((cur) => { |
|
|
|
cur.Batchs.forEach((ele) => { |
|
|
|
ele.Records.forEach((ele1) => { |
|
|
|
ele1.show = false |
|
|
|
}) |
|
|
|
}) |
|
|
|
}) |
|
|
|
}) |
|
|
|
onMounted(() => { |
|
|
|
detailOptions.value = getDetailOption(); |
|
|
|
scanOptions.value = getEditRemoveOption(); |
|
|
|
removeOptions.value = getRemoveOption(); |
|
|
|
}); |
|
|
|
|
|
|
|
const resizeCollapse = () => { |
|
|
|
nextTick(() => { |
|
|
|
const collapseRefs = ref(null); |
|
|
|
collapseRefs.value.forEach(r => { |
|
|
|
// watch( |
|
|
|
// () => props.dataContent, |
|
|
|
// (val) => { |
|
|
|
// if (props.dataContent.Items.length > 0) { |
|
|
|
// setTimeout(() => { |
|
|
|
// if (collapseRefs.value) { |
|
|
|
// collapseRefs.value.init(); |
|
|
|
// } |
|
|
|
// }, 200); |
|
|
|
// } |
|
|
|
// }, |
|
|
|
// { immediate: true, deep: true } |
|
|
|
// ) |
|
|
|
const resizeCollapse = ()=> { |
|
|
|
nextTick(r => { |
|
|
|
collapseRefs.value && collapseRefs.value.forEach(r => { |
|
|
|
r.childrens.forEach(i => { |
|
|
|
i.init(); |
|
|
|
}) |
|
|
|
r.init(); |
|
|
|
}) |
|
|
|
}); |
|
|
|
r.resize(); |
|
|
|
}); |
|
|
|
}); |
|
|
|
}; |
|
|
|
|
|
|
|
} |
|
|
|
const swipeClick = (e, batch, record, recordIndex, batchIndex, Batchs, locatonIndex, Locations) => { |
|
|
|
if (e.content.text === "编辑") { |
|
|
|
edit(batch, record); |
|
|
|
@ -104,12 +127,13 @@ const swipeClick = (e, batch, record, recordIndex, batchIndex, Batchs, locatonIn |
|
|
|
} |
|
|
|
}; |
|
|
|
|
|
|
|
const itemCoceClick = (e, item, index) => { |
|
|
|
if (e.content.text === "移除") { |
|
|
|
dataContent.value.Items.splice(index, 1); |
|
|
|
emit('removeItemCode'); |
|
|
|
const itemCoceClick = (params, item) => { |
|
|
|
const { text } = removeOptions.value[params[1]] |
|
|
|
if (text == '移除') { |
|
|
|
dataContent.value.Items.splice(params[0], 1) |
|
|
|
emit('removeItemCode') |
|
|
|
} |
|
|
|
}; |
|
|
|
} |
|
|
|
|
|
|
|
const edit = (batch, item) => { |
|
|
|
editItem.value = item; |
|
|
|
@ -133,7 +157,6 @@ const remove = (batch, record, recordIndex, batchIndex, Batchs, locatonIndex, Lo |
|
|
|
if (batch.Records.length === 0 && Locations[locatonIndex].isNewAdd) { |
|
|
|
Locations.splice(locatonIndex, 1); |
|
|
|
} |
|
|
|
resizeCollapse(); |
|
|
|
emit('updateData', record); |
|
|
|
} |
|
|
|
}); |
|
|
|
@ -143,7 +166,9 @@ const confirm = (val) => { |
|
|
|
editItem.value.qty = val; |
|
|
|
emit('updateData', editItem.value); |
|
|
|
}; |
|
|
|
|
|
|
|
defineExpose({ |
|
|
|
resizeCollapse |
|
|
|
}) |
|
|
|
</script> |
|
|
|
|
|
|
|
<style> |
|
|
|
|
