JSON文件的field字段说明
1 string
- 普通输入框
示例
{
"id": "string(12),formSize:2,disabled:true,searchable:true,hidden:true;ID",
"name": "string(12),tab:01,formSize:1,listSize:16,searchable:true,required:true;名称",
"mobile": "string(16),formSize:2,listSize:5,inputType:mobile,searchable:true,unique:true;手机",
"remark": "string(500),multiline:T,formSize:8,showList:false;备注"
}
字段说明
- id,name,mobile,remark等: 字段英文名称
- ID,名称,手机,备注等: 字段中文名称
- string: 字段数据类型(括号内12表示默认列表宽度,当listSize为空的时候生效)
- tab: 字段的显示排序,如01,02
- formSize: 字段在表单中的横向占比(每一行分8个单元格,可填写数字1-8)
- listSize: 字段在表格中的列宽比例
- searchable: 是否支持作为筛选条件(
true
→是,false
→否) - required: 是否为必填字段(
true
→是,false
→否) - multiline:T: 多行组件,类似html组件的textarea
- inputType: 组件类型,会根据组件类型进行输入校验(
mobile
→手机号码格式,email
→邮箱格式,number
→数字格式) - unique: 是否全表唯一(
true
→是,false
→否) - disabled: 是否不可编辑(
true
→是,false
→否) - hidden: 是否隐藏不显示(
true
→是,false
→否) - showList: 是否显示在列表(
true
→是,false
→否)
2 choice
- 单选框
示例
{
"isEnable": "choice,formSize:1,values:1_是/0_否,defaultValue:1,searchable:true,hidden:false;是否有效",
"certifyState": "choice,formSize:1,listSize:5,values:0_待审核/1_已审核_#34bf49/2_未过审_#be0027,searchable:true;审核状态"
}
字段说明
- values: 可选值,使用斜线“/”分隔多个选项,默认使用下划线“_”分隔id和name。
- defaultValue: 默认值
- 1_已审核_#34bf49: 该示例中后面的【#34bf49】表示当值为“1_已审核”时,在列表中显示的颜色。
- vsep: 自定义分隔符(如vsep:$)。示例:
{
"state": "choice,values:not_resell$不分销/waiting_certify$待审核/accepted$已接受/rejected$已拒绝,vsep:$;审核设置"
}
3 password
- 密码输入框
示例
{
"password": "password,formSize:1,searchable:false;密码"
}
字段说明
- 密码字段暂时只记录作用,默认不显示在界面中,当前属于预留字段。
4 date
- 日期类型
示例
{
"create_time": "date,formSize:2,searchable:true,disabled:true,listSize:9;创建时间",
"pay_date": "date,formSize:2,listSize:9,format:YYYY-MM-DD;支付日期"
}
字段说明
- format: 日期的显示格式。
5 linkId
- 关联其他表的字段
示例
{
"source_id": "string(16),tab:07,formSize:1,searchable:true,hidden:true;会员来源ID",
"source_name": "linkId,tab:08,formSize:1,datasource:mall_user_source,displayField:source_name,fields:id/source_name,toFields:source_id/source_name;会员来源名称"
}
字段说明
- datasource: 关联表的类型,即每个表模块的json配置文件中的“_t”字段,示例中关联的是“mall_user_source”表。
- displayField: 点击下拉选项时显示的字段。
- fields: 关联表的来源字段,多个字段用斜线“/”分隔。如:id/source_name
- toFields: 保存后保存到本模块的字段,需与fields一一对应。如:source_id/source_name。
6 image
- 图片
示例
{
"logo": "image,tab:12,formSize:3,maxFileCount:1,spec:160x160,size:5M,exts:png#jpg#gif#jpeg;头像"
}
字段说明
- maxFileCount: 最大上传图片数量。
- spec: 图片尺寸(如160x160)。
- size: 最大文件大小(如5M)。
- exts: 允许的文件类型,多个类型用#号分隔(如png#jpg#gif#jpeg)。
7 video
- 视频
示例
{
"reviews_video": "video,formSize:8,listSize:6,spec:800x800,size:20M,exts:mp4#avi#rmvb#rm#flv#3gp#mkv#mov#wmv#mpeg#mpg#vob#dat#asf#ts#mts#m2ts,maxFileCount:5,labelCol:2,disabled:true;评价视频"
}
字段说明
- labelCol: 中文名称的列宽度,可不设置
- maxFileCount: 最大上传视频数量。
- spec: 图片尺寸(如800x800)。
- size: 最大文件大小(如5M)。
- exts: 允许的文件类型,多个类型用#号分隔(如mp4#avi#rmvb#rm#flv#3gp#mkv#mov#wmv#mpeg#mpg#vob#dat#asf#ts#mts#m2ts)。
8 video
- 视频
示例
{
"file": "file,formSize:8,disabled:true;导出文件"
}
字段说明
- 任意类型的文件
9 space
- 空白占位符
示例
{
"blank1": "space,formSize:7;空白"
}
字段说明
- 用于控制表单行间距。一个页面的每一行被定义为8个占位,当某一行的字段占位总和不足8个占位,但是又想换行时,可使用该空白占位符字段来控制。