| | |
|---|
| | | <script lang="ts" setup> |
|---|
| | | import type { MdmItemApi } from '#/api/mdm/item'; |
|---|
| | | import type { ErpSaleOrderApi } from '#/api/erp/sale/order'; |
|---|
| | | |
|---|
| | | import { computed, nextTick, onMounted, ref, watch } from 'vue'; |
|---|
| | |
|---|
| | | import { Input, InputNumber, Select, Tag } 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'; |
|---|
| | | |
|---|
| | |
|---|
| | | 'update:totalPrice', |
|---|
| | | ]); |
|---|
| | | |
|---|
| | | const tableData = ref<ErpSaleOrderApi.SaleOrderItem[]>([]); // 表格数据 |
|---|
| | | const productOptions = ref<MdmItemApi.Item[]>([]); // 物料下拉选项 |
|---|
| | | const tableData = ref<ErpSaleOrderApi.SaleOrderItem[]>([]); |
|---|
| | | |
|---|
| | | /** 获取表格合计数据 */ |
|---|
| | | const summaries = computed(() => { |
|---|
| | |
|---|
| | | const newRow = { |
|---|
| | | id: undefined, |
|---|
| | | productId: undefined, |
|---|
| | | productUnitName: undefined, // 产品单位 |
|---|
| | | productBarCode: undefined, // 产品条码 |
|---|
| | | productUnitName: undefined, |
|---|
| | | productPrice: undefined, |
|---|
| | | stockCount: undefined, |
|---|
| | | count: 1, |
|---|
| | |
|---|
| | | taxPrice: undefined, |
|---|
| | | totalPrice: undefined, |
|---|
| | | remark: undefined, |
|---|
| | | needProduction: 1, // 默认需要生产 |
|---|
| | | needProduction: 1, |
|---|
| | | }; |
|---|
| | | tableData.value.push(newRow); |
|---|
| | | // 通知父组件更新 |
|---|
| | |
|---|
| | | } |
|---|
| | | |
|---|
| | | /** 处理产品变更 */ |
|---|
| | | async function handleProductChange(productId: any, row: any) { |
|---|
| | | const product = productOptions.value.find((p) => p.id === productId); |
|---|
| | | function handleProductChange(product: any, row: any) { |
|---|
| | | if (!product) { |
|---|
| | | return; |
|---|
| | | } |
|---|
| | | row.productId = productId; |
|---|
| | | row.productId = product.id; |
|---|
| | | row.productUnitId = product.unitMeasureId; |
|---|
| | | row.productBarCode = product.barCode; |
|---|
| | | row.productUnitName = product.unitMeasureName; |
|---|
| | |
|---|
| | | row.productUnitName3 = product.unitMeasureName3; |
|---|
| | | row.productSpecification = product.specification; |
|---|
| | | row.productName = product.name; |
|---|
| | | row.stockCount = (await getStockCount(productId)) || 0; |
|---|
| | | row.productPrice = product.salesPrice || 0; |
|---|
| | | row.count = row.count || 1; |
|---|
| | | handleRowChange(row); |
|---|
| | |
|---|
| | | |
|---|
| | | /** 初始化 */ |
|---|
| | | onMounted(async () => { |
|---|
| | | const res = await getItemPage({ pageNo: 1, pageSize: 100, status: 0 }); |
|---|
| | | productOptions.value = res.list || []; |
|---|
| | | // 目的：新增时，默认添加一行 |
|---|
| | | if (tableData.value.length === 0) { |
|---|
| | | handleAdd(); |
|---|
| | |
|---|
| | | <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" |
|---|
| | | :model-value="row.productId" |
|---|
| | | placeholder="请选择产品" |
|---|
| | | show-search |
|---|
| | | @update:model-value="row.productId = $event" |
|---|
| | | @change="handleProductChange($event, row)" |
|---|
| | | /> |
|---|
| | | <span v-else>{{ row.productName || '-' }}</span> |
|---|
