gaoluyang
3 天以前 787ccc59ba89bacc075562a161ecf02bc76ebadc
src/views/erp/purchase/request/modules/item-form.vue
@@ -8,9 +8,9 @@
  erpCountInputFormatter,
  erpPriceInputFormatter,
  erpPriceMultiply,
} from '../../../../../packages/utils/src';
} from '@vben/utils';
import { Input, InputNumber, Select, DatePicker } from 'ant-design-vue';
import { Input, InputNumber, Select, DatePicker, Switch } from 'ant-design-vue';
import { TableAction, useVbenVxeGrid } from '#/adapter/vxe-table';
import { getItemPage } from '#/api/mdm/item';
@@ -35,10 +35,10 @@
/** 获取表格合计数据 */
const summaries = computed(() => {
  return {
    count: tableData.value.reduce((sum, item) => sum + (item.requestCount || 0), 0),
    count: tableData.value.reduce((sum, item) => sum + (item.count || 0), 0),
    totalPrice: tableData.value.reduce(
      (sum, item) => {
        const price = erpPriceMultiply(item.estimatedPrice || 0, item.requestCount || 0) ?? 0;
        const price = erpPriceMultiply(item.productPrice || 0, item.count || 0) ?? 0;
        return sum + price;
      },
      0,
@@ -89,13 +89,16 @@
  const newRow = {
    id: undefined,
    productId: undefined,
    productUnitId: undefined,
    productUnitName: undefined,
    productBarCode: undefined,
    requestCount: 1,
    estimatedPrice: undefined,
    requiredDate: undefined,
    count: 1,
    productPrice: undefined,
    taxPercent: undefined,
    demandTime: undefined,
    remark: undefined,
    totalPrice: 0,
    qcCheckFlag: false,
  };
  tableData.value.push(newRow);
  emit('update:items', [...tableData.value]);
@@ -118,10 +121,11 @@
  }
  row.productId = productId;
  row.productBarCode = product.barCode;
  row.productUnitId = product.unitMeasureId;
  row.productUnitName = product.unitMeasureName;
  row.productName = product.name;
  row.estimatedPrice = product.purchasePrice || 0;
  row.requestCount = row.requestCount || 1;
  row.productPrice = product.purchasePrice || 0;
  row.count = row.count || 1;
  handleRowChange(row);
}
@@ -134,16 +138,16 @@
    tableData.value[index] = row;
  }
  // 计算预估金额
  if (row.estimatedPrice && row.requestCount) {
    row.totalPrice = erpPriceMultiply(row.estimatedPrice, row.requestCount) ?? 0;
  if (row.productPrice && row.count) {
    row.totalPrice = erpPriceMultiply(row.productPrice, row.count) ?? 0;
  }
  emit('update:items', [...tableData.value]);
}
/** 初始化行数据 */
function initRow(row: ErpPurchaseRequestApi.PurchaseRequestItem) {
  if (row.estimatedPrice && row.requestCount) {
    row.totalPrice = erpPriceMultiply(row.estimatedPrice, row.requestCount) ?? 0;
  if (row.productPrice && row.count) {
    row.totalPrice = erpPriceMultiply(row.productPrice, row.count) ?? 0;
  }
}
@@ -155,8 +159,8 @@
      if (!item.productId) {
        throw new Error(`第 ${i + 1} 行:产品不能为空`);
      }
      if (!item.requestCount || item.requestCount <= 0) {
        throw new Error(`第 ${i + 1} 行:申请数量不能为空`);
      if (!item.count || item.count <= 0) {
        throw new Error(`第 ${i + 1} 行:数量不能为空`);
      }
    }
  }
@@ -191,39 +195,60 @@
      />
      <span v-else>{{ row.productName || '-' }}</span>
    </template>
    <template #requestCount="{ row }">
    <template #count="{ row }">
      <InputNumber
        v-if="!disabled"
        v-model:value="row.requestCount"
        v-model:value="row.count"
        :min="0"
        :precision="3"
        @change="handleRowChange(row)"
      />
      <span v-else>{{ erpCountInputFormatter(row.requestCount) || '-' }}</span>
      <span v-else>{{ erpCountInputFormatter(row.count) || '-' }}</span>
    </template>
    <template #estimatedPrice="{ row }">
    <template #productPrice="{ row }">
      <InputNumber
        v-if="!disabled"
        v-model:value="row.estimatedPrice"
        v-model:value="row.productPrice"
        :min="0"
        :precision="2"
        @change="handleRowChange(row)"
      />
      <span v-else>{{ erpPriceInputFormatter(row.estimatedPrice) || '-' }}</span>
      <span v-else>{{ erpPriceInputFormatter(row.productPrice) || '-' }}</span>
    </template>
    <template #requiredDate="{ row }">
    <template #taxPercent="{ row }">
      <InputNumber
        v-if="!disabled"
        v-model:value="row.taxPercent"
        :min="0"
        :max="100"
        :precision="2"
        @change="handleRowChange(row)"
      />
      <span v-else>{{ row.taxPercent ? `${row.taxPercent}%` : '-' }}</span>
    </template>
    <template #demandTime="{ row }">
      <DatePicker
        v-if="!disabled"
        v-model:value="row.requiredDate"
        v-model:value="row.demandTime"
        valueFormat="YYYY-MM-DD"
        class="w-full"
        @change="handleRowChange(row)"
      />
      <span v-else>{{ row.requiredDate || '-' }}</span>
      <span v-else>{{ row.demandTime || '-' }}</span>
    </template>
    <template #remark="{ row }">
      <Input v-if="!disabled" v-model:value="row.remark" class="w-full" @change="handleRowChange(row)" />
      <span v-else>{{ row.remark || '-' }}</span>
    </template>
    <template #qcCheckFlag="{ row }">
      <Switch
        v-if="!disabled"
        v-model:checked="row.qcCheckFlag"
        checked-children="是"
        un-checked-children="否"
        @change="handleRowChange(row)"
      />
      <span v-else>{{ row.qcCheckFlag ? '是' : '否' }}</span>
    </template>
    <template #actions="{ row }">
      <TableAction
@@ -246,7 +271,7 @@
        <div class="flex justify-between text-sm text-muted-foreground">
          <span class="font-medium text-foreground">合计:</span>
          <div class="flex space-x-4">
            <span>申请数量:{{ erpCountInputFormatter(summaries.count) }}</span>
            <span>数量:{{ erpCountInputFormatter(summaries.count) }}</span>
            <span>预估金额:{{ erpPriceInputFormatter(summaries.totalPrice) }}</span>
          </div>
        </div>
@@ -264,4 +289,4 @@
      />
    </template>
  </Grid>
</template>
</template>