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
| // Used to configure the general configuration of some components without modifying the components
|
| import type { SorterResult } from '../components/Table';
|
| export default {
| // basic-table setting
| table: {
| // Form interface request general configuration
| // support xxx.xxx.xxx
| fetchSetting: {
| // The field name of the current page passed to the background
| pageField: 'page',
| // The number field name of each page displayed in the background
| sizeField: 'pageSize',
| // Field name of the form data returned by the interface
| listField: 'items',
| // Total number of tables returned by the interface field name
| totalField: 'total',
| },
| // Number of pages that can be selected
| pageSizeOptions: ['12', '50', '80', '100'],
| // Default display quantity on one page
| defaultPageSize: 12,
| // Default Size
| defaultSize: 'middle',
| // Custom general sort function
| defaultSortFn: (sortInfo: SorterResult) => {
| const { field, order } = sortInfo;
| if (field && order) {
| return {
| // The sort field passed to the backend you
| field,
| // Sorting method passed to the background asc/desc
| order,
| };
| } else {
| return {};
| }
| },
| // Custom general filter function
| defaultFilterFn: (data: Partial<Recordable<string[]>>) => {
| return data;
| },
| },
| vxeTable: {
| table: {
| border: true,
| stripe: true,
| columnConfig: {
| resizable: true,
| isCurrent: true,
| isHover: true,
| },
| rowConfig: {
| isCurrent: true,
| isHover: true,
| },
| emptyRender: {
| name: 'AEmpty',
| },
| printConfig: {},
| exportConfig: {},
| customConfig: {
| storage: true,
| },
| },
| grid: {
| toolbarConfig: {
| enabled: true,
| export: true,
| zoom: true,
| print: true,
| refresh: true,
| custom: true,
| },
| pagerConfig: {
| pageSizes: [20, 50, 100, 500],
| pageSize: 20,
| autoHidden: true,
| },
| proxyConfig: {
| form: true,
| props: {
| result: 'items',
| total: 'total',
| },
| },
| zoomConfig: {},
| },
| },
| // scrollbar setting
| scrollbar: {
| // Whether to use native scroll bar
| // After opening, the menu, modal, drawer will change the pop-up scroll bar to native
| native: false,
| },
| };
|
|
