类型 | 名称 | 说明 | 支持参数 | 备注 |
---|---|---|---|---|
text | 文本 | 自由文本输入 | field: 关联字段 | |
number | 数字 | 自由数字输入 | field: 关联字段 preceision: 精度 |
|
number-range | 数字范围 | 数字区间,最小值和最大值 | minField:最小值字段 maxField:最大值字段 |
|
date | 日期 | 日期选择 | field: 关联字段 min:查询的最早日期 max:查询的最大日期 |
|
date-range | 日期范围 | 日期段选择,代表从某个日期到某个日期 | ||
datetime | 时间 | 时间选择 | fromField:开始字段 toField:结束字段 min:查询的最早日期 max:查询的最大日期 |
|
option-select | 下拉单选 | 下拉列表单项选择 | field:关联字段 dic:关联的数据字典名称 |
下拉的options根据dic从context获取 |
option-multi-select | 下拉多选 | 下拉列表中多项选择 | field:关联字段 dic:关联的数据字典名称 |
下拉的options根据dic从context获取 |
input-option-select | 填充下拉 | 根据输入项目过滤下拉选项进行单选 | field:关联字段 getOptions:异步函数,用于返回options list |
getOptions是一个异步调用的方法名称,改方法需要提前注入到context,调用参数为当前输入的文字值 |
let components = [
{
label: "姓名",
size: '15x',
type: "text",
params: {
field: "name",
}
},
{
label: "性别",
span: 3,
type: "options-select",
params: {
field: "gender",
dic: 'ops-gender',
props: {
outlined: true
}
}
},
{
label: "制单时间",
span: 4,
type: "date-range",
params: {
formField: "fromDate",
toField: "toDate",
min: '2022-10-01',
max: utils.today()
}
},
{
label: "重量",
span: 4,
type: "number-range",
params: {
formField: "fromWeight",
toField: "toWeight"
}
},
{
label: "随访医生",
span: 4,
type: "options-multi-select",
params: {
formField: "fromWeight",
toField: "toWeight"
}
}
]
const main = () => {
return components;
}