gaoluyang
2026-08-11 4807d8b687853e75a815b3aa9aecbc2554063aa4
src/views/crm/product/components/edit-table.vue
@@ -3,15 +3,15 @@
import type { CrmContractApi } from '#/api/crm/contract';
import type { MdmItemApi } from '#/api/mdm/item';
import { nextTick, onMounted, ref, watch } from 'vue';
import { computed, nextTick, ref, watch } from 'vue';
import { erpPriceMultiply } from '@vben/utils';
import { InputNumber, Select } from 'ant-design-vue';
import { InputNumber } from 'ant-design-vue';
import { TableAction, useVbenVxeGrid } from '#/adapter/vxe-table';
import { BizTypeEnum } from '#/api/crm/permission';
import { getItemPage } from '#/api/mdm/item';
import { MdmItemSelect } from '#/views/basicData/mdm/components';
import { $t } from '#/locales';
import { useProductEditTableColumns } from './data';
@@ -24,6 +24,12 @@
}>();
const emit = defineEmits(['update:products']);
/** 是否为商机类型 */
const isBusiness = computed(() => props.bizType === BizTypeEnum.CRM_BUSINESS);
/** 当前业务类型对应的价格字段名 */
const priceField = computed(() => isBusiness.value ? 'businessPrice' : 'contractPrice');
/** 表格内部数据 */
const tableData = ref<any[]>([]);
@@ -39,36 +45,36 @@
}
/** 切换产品时同步基础信息 */
function handleProductChange(itemId: any, row: any) {
  const product = productOptions.value.find((p) => p.id === itemId);
function handleProductChange(product: MdmItemApi.Item | undefined, row: any) {
  if (!product) {
    return;
  }
  row.itemId = itemId;
  row.itemId = product.id;
  row.itemName = product.name;
  row.itemCode = product.code;
  row.itemBarCode = product.barCode;
  row.barCode = product.barCode;
  row.itemUnitId = product.unitMeasureId;
  row.itemUnitName = product.unitMeasureName;
  row.itemUnitName2 = product.unitMeasureName2;
  row.itemUnitName3 = product.unitMeasureName3;
  row.itemSpecification = product.specification;
  row.itemPrice = product.salesPrice;
  row.contractPrice = product.salesPrice;
  row[priceField.value] = product.salesPrice;
  row.count = row.count || 1;
  row.totalPrice = erpPriceMultiply(row.contractPrice, row.count) ?? 0;
  row.totalPrice = erpPriceMultiply(row[priceField.value], row.count) ?? 0;
  handleUpdateValue(row);
}
/** 金额变动时重新计算合计 */
function handlePriceChange(row: any) {
  row.totalPrice = erpPriceMultiply(row.contractPrice, row.count) ?? 0;
  row.totalPrice = erpPriceMultiply(row[priceField.value], row.count) ?? 0;
  handleUpdateValue(row);
}
/** 将最新数据写回并通知父组件 */
function handleUpdateValue(row: any) {
  const index = tableData.value.findIndex((item) => item.id === row.id);
  row.totalPrice = erpPriceMultiply(row.contractPrice, row.count) ?? 0;
  row.totalPrice = erpPriceMultiply(row[priceField.value], row.count) ?? 0;
  if (index === -1) {
    row.id = tableData.value.length + 1;
    tableData.value.push(row);
@@ -84,7 +90,7 @@
      trigger: 'click',
      mode: 'cell',
    },
    columns: useProductEditTableColumns(),
    columns: useProductEditTableColumns(isBusiness.value),
    data: tableData.value,
    border: true,
    showOverflow: true,
@@ -118,23 +124,15 @@
    immediate: true,
  },
);
/** 初始化 */
const productOptions = ref<MdmItemApi.Item[]>([]); // 物料下拉选项
onMounted(async () => {
  const res = await getItemPage({ pageNo: 1, pageSize: 100, status: 0 });
  productOptions.value = res.list || [];
});
</script>
<template>
  <Grid class="w-full">
    <template #itemId="{ row }">
      <Select
        v-model:value="row.itemId"
        :options="productOptions"
        :field-names="{ label: 'name', value: 'id' }"
        class="w-full"
      <MdmItemSelect
        :model-value="row.itemId"
        placeholder="请选择产品"
        @update:model-value="row.itemId = $event"
        @change="handleProductChange($event, row)"
      />
    </template>
@@ -146,6 +144,14 @@
        @change="handlePriceChange(row)"
      />
    </template>
    <template #businessPrice="{ row }">
      <InputNumber
        v-model:value="row.businessPrice"
        :min="0.001"
        :precision="2"
        @change="handlePriceChange(row)"
      />
    </template>
    <template #count="{ row }">
      <InputNumber
        v-model:value="row.count"