amis/examples/components/Form/ConditionBuilder.jsx
2022-04-07 14:54:33 +08:00

139 lines
3.4 KiB
JavaScript

export default {
title: '条件生成器',
body: [
{
type: 'form',
api: '/api/mock2/saveForm?waitSeconds=2',
title: '',
mode: 'horizontal',
horizontal: {
leftFixed: true
},
actions: [
{
label: '查看数据',
type: 'button',
actionType: 'dialog',
dialog: {
title: '数据',
body: '<pre>${conditions|json:2}</pre>'
}
}
],
body: [
{
type: 'condition-builder',
label: '条件组件',
name: 'conditions',
description:
'适合让用户自己拼查询条件,然后后端根据数据生成 query where',
fields: [
{
name: 'switch',
type: 'custom',
label: '开关',
value: {
name: 'checkbox',
type: 'checkbox',
label: '勾选框',
option: '选项说明'
},
operators: [
'equal',
{
label: '属于',
value: 'belong'
},
{
label: '不属于',
value: 'not_belong',
values: [
{
type: 'input-date',
name: 'date1',
label: '日期',
inputFormat: 'YYYY年MM月DD日'
},
{
type: 'tpl',
tpl: '~'
},
{
type: 'input-date',
name: 'date2',
label: '日期',
inputFormat: 'YYYY年MM月DD日'
}
]
}
]
},
{
label: '文本',
type: 'text',
name: 'text'
},
{
label: '数字',
type: 'number',
name: 'number'
},
{
label: '布尔',
type: 'boolean',
name: 'boolean'
},
{
label: '选项',
type: 'select',
name: 'select',
options: [
{
label: 'A',
value: 'a'
},
{
label: 'B',
value: 'b'
},
{
label: 'C',
value: 'c'
},
{
label: 'D',
value: 'd'
},
{
label: 'E',
value: 'e'
}
]
},
{
label: '日期',
children: [
{
label: '日期',
type: 'date',
name: 'date'
},
{
label: '时间',
type: 'time',
name: 'time'
},
{
label: '日期时间',
type: 'datetime',
name: 'datetime'
}
]
}
]
}
]
}
]
};