1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
| import type { VbenFormSchema } from '#/adapter/form';
| import type { VxeTableGridOptions } from '#/adapter/vxe-table';
|
| import type { PurchaseOrderApi } from '#/api/purchase/order';
|
| /** 新增/修改表单 */
| export function useFormSchema(formType: 'create' | 'edit' | 'detail') {
| const disabled = formType === 'detail';
| return [
| {
| fieldName: 'id',
| component: 'Input',
| dependencies: { triggerFields: [''], show: () => false },
| },
| {
| fieldName: 'purchaseDate',
| label: '采购时间',
| component: 'DatePicker',
| componentProps: {
| valueFormat: 'YYYY-MM-DD',
| placeholder: '请选择采购时间',
| style: { width: '100%' },
| disabled,
| },
| rules: 'required',
| },
| {
| fieldName: 'buyerName',
| label: '采购人（经办人）',
| component: 'Input',
| componentProps: {
| placeholder: '请输入采购人（经办人）姓名',
| maxlength: 64,
| disabled,
| },
| rules: 'required',
| },
| {
| fieldName: 'remark',
| label: '备注',
| component: 'Textarea',
| componentProps: {
| placeholder: '请输入备注',
| autoSize: { minRows: 2, maxRows: 3 },
| disabled,
| },
| formItemClass: 'col-span-2',
| },
| {
| fieldName: 'items',
| label: '采购商品明细',
| component: 'Input',
| formItemClass: 'col-span-2',
| },
| ] as VbenFormSchema[];
| }
|
| /** 列表搜索表单 */
| export function useGridFormSchema(): VbenFormSchema[] {
| return [
| {
| fieldName: 'no',
| label: '采购单号',
| component: 'Input',
| componentProps: { placeholder: '请输入采购单号', allowClear: true },
| },
| {
| fieldName: 'buyerName',
| label: '采购人',
| component: 'Input',
| componentProps: { placeholder: '请输入采购人', allowClear: true },
| },
| ];
| }
|
| /** 列表列 */
| export function useGridColumns(): VxeTableGridOptions['columns'] {
| return [
| { field: 'no', title: '采购单号', width: 180, fixed: 'left' },
| {
| field: 'purchaseDate',
| title: '采购时间',
| width: 120,
| formatter: 'formatDate',
| },
| { field: 'buyerName', title: '采购人（经办人）', minWidth: 140 },
| { field: 'totalAmount', title: '采购金额（元）', width: 140 },
| { field: 'remark', title: '备注', minWidth: 180, showOverflow: 'tooltip' },
| {
| title: '操作',
| width: 190,
| fixed: 'right',
| slots: { default: 'actions' },
| },
| ];
| }
|
| /** 明细行提交形态：去掉 id 与 orderId，避免软删主键冲突 */
| export function toSubmitItems(
| items?: PurchaseOrderApi.OrderItem[],
| ): PurchaseOrderApi.OrderItem[] {
| return (items ?? []).map((item) => ({
| itemName: item.itemName,
| spec: item.spec,
| quantity: item.quantity,
| unitPrice: item.unitPrice,
| amount: item.amount,
| sortNo: item.sortNo,
| }));
| }
|
|
