三、页面元素

配置成功之后，展示效果如下图所示

配置成功之后，展示效果如下图所示

方法：在配置页面，将控件类型修改为JSON框.

说明：
尽量避免在JSON框修改内容，修改之后可能会影响数据库的数据。

方法：在配置页面，将控件类型修改为时间框。

方法：在配置页面，将控件类型修改为日期框。

方法：在配置页面，将控件类型修改为布尔框。

说明：
1修改为布尔框的字段最好是INT型。0是‘否’，1是‘是’。

配置方法：
登录超管账号，在需要配置图片框的页面点击

在打开的页面中，选择对应的字段，控件类型选择为‘图片框’，该页面自动保存修改效果。

说明：
1图片仅限于 png, gif, jpeg, jpg, .bmp格式。
2选择过文件之后，必须点击【开始上传】按钮，进行上传图片操作。
配制方法：
登录超管账号，在需要配置图片框的页面点击

在打开的页面中，选择对应的字段，控件类型选择为‘多图框’，该页面自动保存修改效果。

方法：在配置页面，将控件类型修改文件框。

方法：在配置页面，将控件类型修改为图标框。

方法：在配置页面，将控件类型修改为自增框。

方法：在配置页面，将控件类型修改为密码框。

方法：在配置页面，将控件类型修改数字框。

配置方法：
登录超管账号，在需要配置图片框的页面点击
在打开的页面中，选择对应的字段，控件类型选择为‘颜色框’，该页面自动保存修改效果。

配置方法：
登录超管账号，在需要配置图片框的页面点击
在打开的页面中，选择对应的字段，控件类型选择为‘单据号’，该页面自动保存修改效果。

另外需要在系统数据库的code_rule添加一条数据，生成的规则如下所示。

如何配置:
首先：需要在配置页面，将控件类型修改为复选框。
其次：需要配置该字段的表达式，语法如下：
语法：select 值 ID,名 CN from 表名 where 条件;ds=数据源
PS:ID CN别名为固定关键字，必须叫ID和CN,否则无法识别
举例：select value ID,name CN from dicts where object = ‘oa_message’ and field = ‘progress’;ds=main

配置方法：
登录超管账号，在需要配置图片框的页面点击
在打开的页面中，选择对应的字段， 快速查询选择为‘是’，该页面自动保存修改效果。之后将会在该页面快速查询看到对应的字段。

配置方法：
1点击按钮右侧 ，在弹出的弹框中，根据字段提示填写相应的内容。点击【确定】即可。

配置方法：
菜单管理，选择某一个菜单，点击【新增】按钮，填写对应的信息，元对象选择的表就是菜单显示的数据。

调整完列宽之后，需要点击保存。如图位置所示。

在UI校验器进行编辑

有以下几种校验方式

除了上述几种，目前的规则足够支持常见各种校验，可以自定义正则，异步ajax校验！详情如下！

内置规则（rules）

公共定义：

预设规则：

rules: {
            digits: [/^\d+$/, "请填写数字"]
            ,letters: [/^[a-z]+$/i, "请填写字母"]
            ,date: [/^\d{4}-\d{2}-\d{2}$/, "请填写有效的日期，格式:yyyy-mm-dd"]
            ,time: [/^([01]\d|2[0-3])(:[0-5]\d){1,2}$/, "请填写有效的时间，00:00到23:59之间"]
            ,email: [/^[\w\+\-]+(\.[\w\+\-]+)*@[a-z\d\-]+(\.[a-z\d\-]+)*\.([a-z]{2,4})$/i, "请填写有效的邮箱"]
            ,url: [/^(https?|s?ftp):\/\/\S+$/i, "请填写有效的网址"]
            ,qq: [/^[1-9]\d{4,}$/, "请填写有效的QQ号"]
            ,IDcard: [/^\d{6}(19|2\d)?\d{2}(0[1-9]|1[012])(0[1-9]|[12]\d|3[01])\d{3}(\d|X)?$/, "请填写正确的身份证号码"]
            ,tel: [/^(?:(?:0\d{2,3}[\- ]?[1-9]\d{6,7})|(?:[48]00[\- ]?[1-9]\d{6}))$/, "请填写有效的电话号码"]
            ,mobile: [/^1[3-9]\d{9}$/, "请填写有效的手机号"]
            ,zipcode: [/^\d{6}$/, "请检查邮政编码格式"]
            ,chinese: [/^[\u0391-\uFFE5]+$/, "请填写中文字符"]
            ,username: [/^\w{3,12}$/, "请填写3-12位数字、字母、下划线"]
            ,password: [/^[\S]{6,16}$/, "请填写6-16位字符，不能包含空格"]
            ,eovacode: [/^\w{3,50}$/, "编码由3-50位数字、字母、下划线组成"]
            ,money: [/^(?!0\.00)(?:0|[1-9]\d*)(?:\.\d{1,2})?$/, "请填写有效的金额"]
            ,accept: function (element, params){
                if (!params) return true;
                var ext = params[0],
                    value = $(element).val();
                return (ext === '*') ||
                       (new RegExp(".(?:" + ext + ")$", "i")).test(value) ||
                       this.renderMsg("只接受{1}后缀的文件", ext.replace(/\|/g, ','));
            }

        },