累计总金额可修改

src/views/supermarketerp/purchaseManagement/smErpCgInventory/form.vue

@@ -113,8 +113,13 @@
 					</template>
 				</vxe-column>
 				<vxe-column field="selectedUnitObj" title="包装单位" :edit-render="{}">
-					<template #edit="{ row }">
+					<template #edit="{ row, $rowIndex }">
-						<el-select v-model="row.selectedUnitObj" value-key="id" placeholder="请选择包装单位">
+						<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 }">
+					<template #edit="{ row, $rowIndex }">
-						<el-input v-model.number="row.quantity" />
+						<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 }">
+					<template #edit="{ row, $rowIndex }">
-						<el-input-number v-if="row.selectedUnitObj" v-model="row.selectedUnitObj.realPrice" :min="0" :precision="2" />
+						<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, "") })),
+				// erpUnitVos: addItem.erpUnitVos.map((item: any) => ({ ...item, realPrice: displayPrice(item.purchasePrice, "") })),
-				selectedUnitObj: addItem.erpUnitVos[0],
+				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,