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
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
| import { getAllRoleList, isAccountExist } from '@/api/demo/system';
| import { BasicColumn, FormSchema } from '@/components/Table';
|
| /**
| * transform mock data
| * {
| * 0: '华东分部',
| * '0-0': '华东分部-研发部'
| * '0-1': '华东分部-市场部',
| * ...
| * }
| */
| export const deptMap = (() => {
| const pDept = ['华东分部', '华南分部', '西北分部'];
| const cDept = ['研发部', '市场部', '商务部', '财务部'];
|
| return pDept.reduce((map, p, pIdx) => {
| map[pIdx] = p;
|
| cDept.forEach((c, cIndex) => (map[`${pIdx}-${cIndex}`] = `${p}-${c}`));
|
| return map;
| }, {});
| })();
|
| export const columns: BasicColumn[] = [
| {
| title: '用户名',
| dataIndex: 'account',
| width: 120,
| },
| {
| title: '昵称',
| dataIndex: 'nickname',
| width: 120,
| },
| {
| title: '邮箱',
| dataIndex: 'email',
| width: 120,
| },
| {
| title: '创建时间',
| dataIndex: 'createTime',
| width: 180,
| },
| {
| title: '角色',
| dataIndex: 'role',
| width: 200,
| },
| {
| title: '所属部门',
| dataIndex: 'dept',
| customRender: ({ value }) => {
| return deptMap[value];
| },
| },
| {
| title: '备注',
| dataIndex: 'remark',
| },
| ];
|
| export const searchFormSchema: FormSchema[] = [
| {
| field: 'account',
| label: '用户名',
| component: 'Input',
| colProps: { span: 8 },
| },
| {
| field: 'nickname',
| label: '昵称',
| component: 'Input',
| colProps: { span: 8 },
| },
| ];
|
| export const accountFormSchema: FormSchema[] = [
| {
| field: 'account',
| label: '用户名',
| component: 'Input',
| helpMessage: ['本字段演示异步验证', '不能输入带有admin的用户名'],
| rules: [
| {
| required: true,
| message: '请输入用户名',
| },
| {
| trigger: 'blur',
| validator(_, value) {
| return new Promise((resolve, reject) => {
| if (!value) return resolve();
| isAccountExist(value)
| .then(resolve)
| .catch((err) => {
| reject(err.message || '验证失败');
| });
| });
| },
| },
| ],
| },
| {
| field: 'pwd',
| label: '密码',
| component: 'InputPassword',
| required: true,
| ifShow: false,
| },
| {
| label: '角色',
| field: 'role',
| component: 'ApiSelect',
| componentProps: {
| api: getAllRoleList,
| labelField: 'roleName',
| valueField: 'roleValue',
| },
| required: true,
| },
| {
| field: 'dept',
| label: '所属部门',
| component: 'TreeSelect',
| componentProps: {
| fieldNames: {
| label: 'deptName',
| value: 'id',
| },
| getPopupContainer: () => document.body,
| },
| required: true,
| },
| {
| field: 'nickname',
| label: '昵称',
| component: 'Input',
| required: true,
| },
|
| {
| label: '邮箱',
| field: 'email',
| component: 'Input',
| required: true,
| },
|
| {
| label: '备注',
| field: 'remark',
| component: 'InputTextArea',
| },
| ];
|
|
