创建字典示例
1、创建request请求
tsx
export function getZlProListDict(query?: any) {
return request<getZlProType[]>({
url: 'ld/common/dict/dictzl?method=getZlProList',
method: 'post',
data: {
...query
}
})
}
export function getZlProListDict(query?: any) {
return request<getZlProType[]>({
url: 'ld/common/dict/dictzl?method=getZlProList',
method: 'post',
data: {
...query
}
})
}
1
2
3
4
5
6
7
8
9
2
3
4
5
6
7
8
9
2、平铺Select数据
tsx
export const selectGetZlProList = new Dict(async (query) => {
const json: any = await getZlProListDict({
pageStart: "1",
pageSize: "99999", //页数
PYM: query.PINYIN
});
return json.data.map((e: any) => {
return {
...e,
pym: e.PYM,
label: e.ZLXM_MC,
value: e.ZLXM_ID,
}
})
})
export const selectGetZlProList = new Dict(async (query) => {
const json: any = await getZlProListDict({
pageStart: "1",
pageSize: "99999", //页数
PYM: query.PINYIN
});
return json.data.map((e: any) => {
return {
...e,
pym: e.PYM,
label: e.ZLXM_MC,
value: e.ZLXM_ID,
}
})
})
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
2
3
4
5
6
7
8
9
10
11
12
13
14
15
TIP
使用组建有 DictSelect、TableSelectV2
3、table字典数据
tsx
export const publicDictGetZlProList: ITableDict = {
title: '',
showLabel: 'label',
showValue: 'value',
column: [
{
dataKey: 'ZLXM_ID',
title: '诊疗项目ID'
},
{
dataKey: 'ZLXM_MC',
title: '诊疗项目名称'
}, {
dataKey: 'PYM',
title: '拼音码'
},
{
dataKey:"PRICE",
title:"价格"
}
],
dataFlag: selectGetZlProList,
}
export const publicDictGetZlProList: ITableDict = {
title: '',
showLabel: 'label',
showValue: 'value',
column: [
{
dataKey: 'ZLXM_ID',
title: '诊疗项目ID'
},
{
dataKey: 'ZLXM_MC',
title: '诊疗项目名称'
}, {
dataKey: 'PYM',
title: '拼音码'
},
{
dataKey:"PRICE",
title:"价格"
}
],
dataFlag: selectGetZlProList,
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
TIP
使用组建有 TablePulldownKeyboard、TablePulldown