gaoluyang
4 天以前 e4994fccfb49ebfb108ba62cbd82aea4e004f6d8
src/views/erp/purchase/order/modules/item-form.vue
@@ -10,11 +10,10 @@
  erpPriceMultiply,
} from '@vben/utils';
import { Input, InputNumber, Select, Switch } from 'ant-design-vue';
import { Input, InputNumber, Switch } from 'ant-design-vue';
import { TableAction, useVbenVxeGrid } from '#/adapter/vxe-table';
import { getItemPage } from '#/api/mdm/item';
import { getStockCount } from '#/api/erp/stock/stock';
import { MdmItemSelect } from '#/views/basicData/mdm/components';
import { useFormItemColumns } from '../data';
@@ -37,7 +36,6 @@
]);
const tableData = ref<ErpPurchaseOrderApi.PurchaseOrderItem[]>([]); // 表格数据
const productOptions = ref<MdmItemApi.Item[]>([]); // 产品下拉选项
/** 获取表格合计数据 */
const summaries = computed(() => {
@@ -124,10 +122,8 @@
  const newRow = {
    id: undefined,
    productId: undefined,
    productUnitName: undefined, // 产品单位
    productBarCode: undefined, // 产品条码
    productUnitName: undefined,
    productPrice: undefined,
    stockCount: undefined,
    count: 1,
    totalProductPrice: undefined,
    taxPercent: 0,
@@ -153,24 +149,22 @@
}
/** 处理产品变更 */
async function handleProductChange(productId: any, row: any) {
  const product = productOptions.value.find((p) => p.id === productId);
  if (!product) {
function handleProductChange(item: MdmItemApi.Item | undefined, row: any) {
  if (!item?.id) {
    return;
  }
  row.productId = productId;
  row.productUnitId = product.unitMeasureId;
  row.productBarCode = product.barCode;
  row.productUnitName = product.unitMeasureName;
  row.productName = product.name;
  row.stockCount = (await getStockCount(productId)) || 0;
  row.productPrice = product.purchasePrice || 0;
  row.productId = item.id;
  row.productUnitId = item.unitMeasureId;
  row.productUnitName = item.unitMeasureName;
  row.productName = item.name;
  row.productPrice = item.purchasePrice || 0;
  row.count = row.count || 1;
  handleRowChange(row);
}
/** 处理行数据变更 */
function handleRowChange(row: any) {
  recalcRow(row);
  const index = tableData.value.findIndex((item) => item.seq === row.seq);
  if (index === -1) {
    tableData.value.push(row);
@@ -180,13 +174,28 @@
  emit('update:items', [...tableData.value]);
}
/** 初始化行数据 */
function initRow(row: ErpPurchaseOrderApi.PurchaseOrderItem) {
/**
 * 重算行金额(单价为**含税**单价)
 * 含税金额 = 含税单价 × 数量;税额 = 含税金额 × 税率;不含税金额 = 含税金额 - 税额
 */
function recalcRow(row: ErpPurchaseOrderApi.PurchaseOrderItem) {
  if (row.productPrice && row.count) {
    row.totalProductPrice = erpPriceMultiply(row.productPrice, row.count) ?? 0;
    const taxInclusivePrice = erpPriceMultiply(row.productPrice, row.count) ?? 0;
    row.taxPrice =
      erpPriceMultiply(row.totalProductPrice, (row.taxPercent || 0) / 100) ?? 0;
    row.totalPrice = row.totalProductPrice + row.taxPrice;
      erpPriceMultiply(taxInclusivePrice, (row.taxPercent || 0) / 100) ?? 0;
    row.totalProductPrice = taxInclusivePrice - row.taxPrice;
    row.totalPrice = taxInclusivePrice;
  }
}
/**
 * 初始化行数据
 * 已有单据的明细行(带 id)沿用后端返回的金额,避免历史单据被新口径覆盖;
 * 只有未保存的新增行才按新口径重算。
 */
function initRow(row: ErpPurchaseOrderApi.PurchaseOrderItem) {
  if (!row.id) {
    recalcRow(row);
  }
}
@@ -213,9 +222,7 @@
});
/** 初始化 */
onMounted(async () => {
  const res = await getItemPage({ pageNo: 1, pageSize: 100, status: 0 });
  productOptions.value = res.list || [];
onMounted(() => {
  // 目的:新增时,默认添加一行
  if (tableData.value.length === 0) {
    handleAdd();
@@ -226,15 +233,12 @@
<template>
  <Grid class="w-full">
    <template #productId="{ row }">
      <Select
      <MdmItemSelect
        v-if="!disabled"
        v-model:value="row.productId"
        :options="productOptions"
        :field-names="{ label: 'name', value: 'id' }"
        class="w-full"
        v-model:model-value="row.productId"
        :label="row.productName"
        placeholder="请选择产品"
        show-search
        @change="handleProductChange($event, row)"
        @change="(item) => handleProductChange(item, row)"
      />
      <span v-else>{{ row.productName || '-' }}</span>
    </template>
@@ -306,11 +310,11 @@
          <div class="flex space-x-4">
            <span>数量:{{ erpCountInputFormatter(summaries.count) }}</span>
            <span>
              金额:{{ erpPriceInputFormatter(summaries.totalProductPrice) }}
              不含税金额:{{ erpPriceInputFormatter(summaries.totalProductPrice) }}
            </span>
            <span>税额:{{ erpPriceInputFormatter(summaries.taxPrice) }}</span>
            <span>
              税额合计:{{ erpPriceInputFormatter(summaries.totalPrice) }}
              含税合计:{{ erpPriceInputFormatter(summaries.totalPrice) }}
            </span>
          </div>
        </div>