累计总金额可修改

This commit is contained in:
weiwei committed 2025-08-02 15:33:58 +08:00
1 parent f56ec9e7ac
commit 8e0cbefd6c
1 file changed
+37 -13
@@ -113,8 +113,13 @@
</template>
</vxe-column>
<vxe-column field="selectedUnitObj" title="包装单位" :edit-render="{}">
<template #edit="{ row }">
<el-select v-model="row.selectedUnitObj" value-key="id" placeholder="请选择包装单位">
<template #edit="{ row, $rowIndex }">
<el-select
v-model="row.selectedUnitObj"
value-key="id"
placeholder="请选择包装单位"
@change="reComputeTotalAmount(row, $rowIndex)"
>
<el-option v-for="item in row.erpUnitVos" :key="item.id" :label="item.unit" :value="item" />
</el-select>
<!-- <el-select v-else v-model="row.unitId" value-key="id" placeholder="请选择包装单位">
@@ -126,11 +131,11 @@
</template>
</vxe-column>
<vxe-column field="quantity" title="数量" :edit-render="{ autoFocus: 'input', placeholder: '请输入' }">
<template #edit="{ row }">
<el-input v-model.number="row.quantity" />
<template #edit="{ row, $rowIndex }">
<el-input v-model.number="row.quantity" @change="reComputeTotalAmount(row, $rowIndex)" />
</template>
</vxe-column>
<vxe-column field="unitPrice" title="原进价">
<vxe-column field="purchasePrice" title="原进价">
<template #default="{ row }">
{{ displayPrice(row.selectedUnitObj?.purchasePrice || 0) }}
</template>
@@ -139,15 +144,25 @@
<template #default="{ row }">
{{ row?.selectedUnitObj?.realPrice || 0 }}
</template>
<template #edit="{ row }">
<el-input-number v-if="row.selectedUnitObj" v-model="row.selectedUnitObj.realPrice" :min="0" :precision="2" />
<template #edit="{ row, $rowIndex }">
<el-input-number
v-if="row.selectedUnitObj"
v-model="row.selectedUnitObj.realPrice"
:min="0"
:precision="2"
@change="reComputeTotalAmount(row, $rowIndex)"
/>
</template>
</vxe-column>
<vxe-column field="totalAmount" title="累计总金额">
<vxe-column field="totalAmount" title="累计总金额" :edit-render="{ autoFocus: 'input', placeholder: '请输入' }">
<template #default="{ row }">
<span v-if="row.selectedUnitObj && row.quantity">
{{ row?.selectedUnitObj?.totalAmount }}
<!-- <span v-if="row.selectedUnitObj && row.quantity">
{{ Number(row.quantity * parseFloat(row.selectedUnitObj.realPrice || 0)).toFixed(2) }}
</span>
</span> -->
</template>
<template #edit="{ row }">
<el-input-number v-if="row.selectedUnitObj" v-model="row.selectedUnitObj.totalAmount" :min="0" :precision="2" />
</template>
</vxe-column>
<vxe-column field="remark" title="备注" :edit-render="{ autoFocus: 'input', placeholder: '请输入' }">
@@ -315,8 +330,12 @@ const getSelectedRows = (selectionRows: any) => {
// if (index !== -1) return state.erpSpuItemsMemo[index]
return {
...addItem,
erpUnitVos: addItem.erpUnitVos.map((item: any) => ({ ...item, realPrice: displayPrice(item.purchasePrice, "") })),
selectedUnitObj: addItem.erpUnitVos[0],
// erpUnitVos: addItem.erpUnitVos.map((item: any) => ({ ...item, realPrice: displayPrice(item.purchasePrice, "") })),
selectedUnitObj: {
...addItem.erpUnitVos[0],
realPrice: parseFloat(displayPrice(addItem.erpUnitVos[0].purchasePrice, "")),
totalAmount: 1 * parseFloat(displayPrice(addItem.erpUnitVos[0].purchasePrice, "")),
},
unitId: addItem.erpUnitVos[0].id,
quantity: 1,
isNew: true,
@@ -347,6 +366,11 @@ const removeRow = () => {
}
}
// 重新计算累计总金额
const reComputeTotalAmount = (row: any, index: number) => {
vxeTableData.value[index].selectedUnitObj.totalAmount = Number((row.quantity * parseFloat(row.selectedUnitObj.realPrice || 0)).toFixed(2))
}
// 整理table数据
const settledTableItems = computed(() => {
return vxeTableData.value.map((item: any) => {
@@ -357,7 +381,7 @@ const settledTableItems = computed(() => {
quantity: item.quantity,
unitPrice: selectedUnitObj.purchasePrice ? Number(selectedUnitObj?.purchasePrice) : 0,
realPrice: selectedUnitObj.realPrice ? storePrice(selectedUnitObj?.realPrice) : 0,
totalAmount: storePrice(Number(selectedUnitObj?.realPrice || 0) * item.quantity),
totalAmount: storePrice(Number(selectedUnitObj?.totalAmount || 0)),
remark: item.remark,
unitId: selectedUnitObj.id,
orderType: baseDataForm.orderType,