表单引擎之表单组件详细说明

r囧r小猫 2022-11-07 11:36 234阅读 0赞

## 简介 ##

表单组件是表单引擎的核心，下面将对常用表单组件进行详细的说明。

### 文档约定 ###

*  字符`“●”`标识“是”。
 *  字符`“○”`表示“否”。
 *  字符`“△”`表示“看情况”
 *  表单开头的“序号”只在文档中做标识用，无其他含义。

### 组件信息 ###

*  描述：对组件功能的介绍。
 *  使用：对组件使用场景的示例。
 *  属性：组件的详细属性介绍。
 *  数据：组件提交&赋值的数据格式。

# 一、基础组件 #

## 1. 描述说明 ##

标识：`explain`  
**描述**  
对内容、功能、输入等进行讲解描述说明，可实现描述内容的自定义。  
可以指定文字样式、插入图片等，及使用富文本方式实现。

**使用**

*  对统计模块的计算规则进行描述说明。
 *  对录入项目进行解释说明。

**属性**

<table> 
 <thead> 
  <tr> 
   <th>序号</th> 
   <th>名称</th> 
   <th>类型</th> 
   <th>必填</th> 
   <th>验证</th> 
   <th align="left">描述</th> 
   <th align="left">默认值</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>1</td> 
   <td>content</td> 
   <td>字符串</td> 
   <td>●</td> 
   <td>○</td> 
   <td align="left">具体的说明内容，支持富文本</td> 
   <td align="left">说明文字</td> 
  </tr> 
 </tbody> 
</table>

**数据**  
纯展示性组件，无提交数据功能。

## 2. 单行输入框 ##

标识：`input`  
**描述**  
最长用的表单之一，负责单行内容的输入采集。

**使用**

*  用于对用户姓名/昵称的采集。
 *  用于对文章标题的采集。

**属性**

<table> 
 <thead> 
  <tr> 
   <th>序号</th> 
   <th align="left">名称</th> 
   <th align="left">类型</th> 
   <th align="center">必填</th> 
   <th align="center">验证</th> 
   <th align="left">描述</th> 
   <th align="left">默认值</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>1</td> 
   <td align="left">title</td> 
   <td align="left">字符串</td> 
   <td align="center">●</td> 
   <td align="center">○</td> 
   <td align="left">标题</td> 
   <td align="left">单行输入框</td> 
  </tr> 
  <tr> 
   <td>2</td> 
   <td align="left">hint</td> 
   <td align="left">字符串</td> 
   <td align="center">○</td> 
   <td align="center">○</td> 
   <td align="left">提示文字</td> 
   <td align="left">请输入</td> 
  </tr> 
  <tr> 
   <td>3</td> 
   <td align="left">length</td> 
   <td align="left">数字</td> 
   <td align="center">●</td> 
   <td align="center">●</td> 
   <td align="left">最大长度</td> 
   <td align="left">100</td> 
  </tr> 
  <tr> 
   <td>4</td> 
   <td align="left">ismust</td> 
   <td align="left">数字</td> 
   <td align="center">●</td> 
   <td align="center">●</td> 
   <td align="left">是否必填验证</td> 
   <td align="left">否</td> 
  </tr> 
  <tr> 
   <td>5</td> 
   <td align="left">check</td> 
   <td align="left">字符串</td> 
   <td align="center">○</td> 
   <td align="center">●</td> 
   <td align="left">内置校验的格式指定</td> 
   <td align="left">\</td> 
  </tr> 
  <tr> 
   <td>6</td> 
   <td align="left">regular</td> 
   <td align="left">字符串</td> 
   <td align="center">○</td> 
   <td align="center">△</td> 
   <td align="left">自定义的正则表达式</td> 
   <td align="left">\</td> 
  </tr> 
  <tr> 
   <td>7</td> 
   <td align="left">structure</td> 
   <td align="left">字符串</td> 
   <td align="center">○</td> 
   <td align="center">○</td> 
   <td align="left">录入格式构成描述说明</td> 
   <td align="left">\</td> 
  </tr> 
  <tr> 
   <td>8</td> 
   <td align="left">default</td> 
   <td align="left">字符串</td> 
   <td align="center">○</td> 
   <td align="center">○</td> 
   <td align="left">自定义默认值</td> 
   <td align="left">\</td> 
  </tr> 
  <tr> 
   <td>9</td> 
   <td align="left">cookie</td> 
   <td align="left">数字</td> 
   <td align="center">○</td> 
   <td align="center">○</td> 
   <td align="left">是否记录和读取cookie值</td> 
   <td align="left">否</td> 
  </tr> 
 </tbody> 
</table>

**特别说明：**

*  `regular` 自定义的正则表达式。当校验格式选择为自定义时，保存输入的正则表达式。使用示例：

1.  要求用户名为不能有特殊字符串，长度为6到20位：`\w{6,20}`。

*  `structure` 录入格式描述说明。使用示例：

1.  手机号码由1开头的11数字组成。
2.  账号只能包含字母数字和下划线。

*  `cookie` 记录和读取cookie值。开启后下次进入录入界面时会默认填写上一次的值。使用示例：

1.  需要记录每日执勤人员，基本都是相同的人，就可以打开此功能。
2.  需要填报每日身体情况，基本都是“身体无异常”，就可以打开此功能。

**数据**  
该组件提交&赋值的数据格式为：

{ 
      "value": "用户录入的值"
    }

## 3. 多行输入框 ##

标识：`textarea`  
**描述**  
最长用的表单之一，负责多行行内容的输入采集。

**使用**

*  用于对用备注说明内容的采集。
 *  用于对事件描述内容的采集。

**属性**

<table> 
 <thead> 
  <tr> 
   <th>序号</th> 
   <th align="left">名称</th> 
   <th align="left">类型</th> 
   <th align="center">必填</th> 
   <th align="center">验证</th> 
   <th align="left">描述</th> 
   <th align="left">默认值</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>1</td> 
   <td align="left">title</td> 
   <td align="left">字符串</td> 
   <td align="center">●</td> 
   <td align="center">○</td> 
   <td align="left">标题</td> 
   <td align="left">多行输入框</td> 
  </tr> 
  <tr> 
   <td>2</td> 
   <td align="left">hint</td> 
   <td align="left">字符串</td> 
   <td align="center">○</td> 
   <td align="center">○</td> 
   <td align="left">提示文字</td> 
   <td align="left">请输入</td> 
  </tr> 
  <tr> 
   <td>3</td> 
   <td align="left">length</td> 
   <td align="left">数字</td> 
   <td align="center">●</td> 
   <td align="center">●</td> 
   <td align="left">最大长度</td> 
   <td align="left">500</td> 
  </tr> 
  <tr> 
   <td>4</td> 
   <td align="left">ismust</td> 
   <td align="left">数字</td> 
   <td align="center">●</td> 
   <td align="center">●</td> 
   <td align="left">是否必填验证</td> 
   <td align="left">否</td> 
  </tr> 
  <tr> 
   <td>5</td> 
   <td align="left">check</td> 
   <td align="left">字符串</td> 
   <td align="center">○</td> 
   <td align="center">●</td> 
   <td align="left">内置校验的格式指定</td> 
   <td align="left">\</td> 
  </tr> 
  <tr> 
   <td>6</td> 
   <td align="left">regular</td> 
   <td align="left">字符串</td> 
   <td align="center">○</td> 
   <td align="center">△</td> 
   <td align="left">自定义的正则表达式</td> 
   <td align="left">\</td> 
  </tr> 
  <tr> 
   <td>7</td> 
   <td align="left">structure</td> 
   <td align="left">字符串</td> 
   <td align="center">○</td> 
   <td align="center">○</td> 
   <td align="left">录入格式构成描述说明</td> 
   <td align="left">\</td> 
  </tr> 
  <tr> 
   <td>8</td> 
   <td align="left">default</td> 
   <td align="left">字符串</td> 
   <td align="center">○</td> 
   <td align="center">○</td> 
   <td align="left">自定义默认值</td> 
   <td align="left">\</td> 
  </tr> 
  <tr> 
   <td>9</td> 
   <td align="left">iscookie</td> 
   <td align="left">数字</td> 
   <td align="center">○</td> 
   <td align="center">○</td> 
   <td align="left">是否记录和读取cookie值</td> 
   <td align="left">否</td> 
  </tr> 
 </tbody> 
</table>

*  基础属性和单行录入框相同，详细描述见前者。

**数据**  
提交&赋值的数据格式为：

{ 
      "value": "用户录入的值"
    }

## 5. 数字输入框 ##

标识：`number`  
**描述**  
支持输入或按-+键步进。

**使用**

*  用于对商品数量的采集。
 *  用于对人数的的采集。

**属性**

<table> 
 <thead> 
  <tr> 
   <th>序号</th> 
   <th align="left">名称</th> 
   <th align="left">类型</th> 
   <th align="center">必填</th> 
   <th align="center">验证</th> 
   <th align="left">描述</th> 
   <th align="left">默认值</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>1</td> 
   <td align="left">title</td> 
   <td align="left">字符串</td> 
   <td align="center">●</td> 
   <td align="center">○</td> 
   <td align="left">标题</td> 
   <td align="left">数字输入框</td> 
  </tr> 
  <tr> 
   <td>2</td> 
   <td align="left">hint</td> 
   <td align="left">字符串</td> 
   <td align="center">○</td> 
   <td align="center">○</td> 
   <td align="left">提示文字</td> 
   <td align="left">\</td> 
  </tr> 
  <tr> 
   <td>3</td> 
   <td align="left">step</td> 
   <td align="left">数字</td> 
   <td align="center">●</td> 
   <td align="center">○</td> 
   <td align="left">步进值</td> 
   <td align="left">1</td> 
  </tr> 
  <tr> 
   <td>4</td> 
   <td align="left">type</td> 
   <td align="left">字符串</td> 
   <td align="center">●</td> 
   <td align="center">●</td> 
   <td align="left">类型整数、小数…</td> 
   <td align="left">整数</td> 
  </tr> 
  <tr> 
   <td>5</td> 
   <td align="left">ismust</td> 
   <td align="left">数字</td> 
   <td align="center">●</td> 
   <td align="center">●</td> 
   <td align="left">是否必填验证</td> 
   <td align="left">否</td> 
  </tr> 
  <tr> 
   <td>6</td> 
   <td align="left">check</td> 
   <td align="left">字符串</td> 
   <td align="center">○</td> 
   <td align="center">●</td> 
   <td align="left">内置校验的格式指定</td> 
   <td align="left">\</td> 
  </tr> 
  <tr> 
   <td>7</td> 
   <td align="left">regular</td> 
   <td align="left">字符串</td> 
   <td align="center">○</td> 
   <td align="center">△</td> 
   <td align="left">自定义的正则表达式</td> 
   <td align="left">\</td> 
  </tr> 
  <tr> 
   <td>8</td> 
   <td align="left">structure</td> 
   <td align="left">字符串</td> 
   <td align="center">○</td> 
   <td align="center">○</td> 
   <td align="left">录入格式构成描述说明</td> 
   <td align="left">\</td> 
  </tr> 
  <tr> 
   <td>9</td> 
   <td align="left">default</td> 
   <td align="left">字符串</td> 
   <td align="center">○</td> 
   <td align="center">○</td> 
   <td align="left">自定义默认值</td> 
   <td align="left">0</td> 
  </tr> 
  <tr> 
   <td>10</td> 
   <td align="left">iscookie</td> 
   <td align="left">数字</td> 
   <td align="center">○</td> 
   <td align="center">○</td> 
   <td align="left">是否记录和读取cookie值</td> 
   <td align="left">否</td> 
  </tr> 
 </tbody> 
</table>

*  基础属性和单行录入框相同，详细描述见前者。

**数据**  
提交&赋值的数据格式为：

{ 
      "value": 123
    }

## 6. 时间日期框 ##

标识：`datetime`  
**描述**  
选择日期时间。

**使用**

*  用于对任务设定完成时间的采集。
 *  用于对出生日期的采集。

**属性**

<table> 
 <thead> 
  <tr> 
   <th>序号</th> 
   <th align="left">名称</th> 
   <th align="left">类型</th> 
   <th align="center">必填</th> 
   <th align="center">验证</th> 
   <th align="left">描述</th> 
   <th align="left">默认值</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>1</td> 
   <td align="left">title</td> 
   <td align="left">字符串</td> 
   <td align="center">●</td> 
   <td align="center">○</td> 
   <td align="left">标题</td> 
   <td align="left">日期框</td> 
  </tr> 
  <tr> 
   <td>2</td> 
   <td align="left">hint</td> 
   <td align="left">字符串</td> 
   <td align="center">○</td> 
   <td align="center">○</td> 
   <td align="left">提示文字</td> 
   <td align="left">请选择</td> 
  </tr> 
  <tr> 
   <td>3</td> 
   <td align="left">type</td> 
   <td align="left">字符串</td> 
   <td align="center">●</td> 
   <td align="center">●</td> 
   <td align="left">时间日期类型</td> 
   <td align="left">日期</td> 
  </tr> 
  <tr> 
   <td>4</td> 
   <td align="left">begin</td> 
   <td align="left">字符串</td> 
   <td align="center">○</td> 
   <td align="center">●</td> 
   <td align="left">起始限制</td> 
   <td align="left">\</td> 
  </tr> 
  <tr> 
   <td>5</td> 
   <td align="left">end</td> 
   <td align="left">字符串</td> 
   <td align="center">○</td> 
   <td align="center">●</td> 
   <td align="left">截止限制</td> 
   <td align="left">\</td> 
  </tr> 
  <tr> 
   <td>6</td> 
   <td align="left">format</td> 
   <td align="left">字符串</td> 
   <td align="center">●</td> 
   <td align="center">●</td> 
   <td align="left">格式(显示用)</td> 
   <td align="left">\</td> 
  </tr> 
  <tr> 
   <td>7</td> 
   <td align="left">ismust</td> 
   <td align="left">数字</td> 
   <td align="center">●</td> 
   <td align="center">●</td> 
   <td align="left">是否必填验证</td> 
   <td align="left">否</td> 
  </tr> 
  <tr> 
   <td>8</td> 
   <td align="left">default</td> 
   <td align="left">字符串</td> 
   <td align="center">○</td> 
   <td align="center">○</td> 
   <td align="left">自定义默认值</td> 
   <td align="left">\</td> 
  </tr> 
  <tr> 
   <td>9</td> 
   <td align="left">iscookie</td> 
   <td align="left">数字</td> 
   <td align="center">○</td> 
   <td align="center">○</td> 
   <td align="left">是否记录和读取cookie值</td> 
   <td align="left">否</td> 
  </tr> 
 </tbody> 
</table>

*  时间日期类型：

1.  日期+时间 `yyyy-MM-dd hh:mm`
2.  日期 `yyyy-MM-dd`
3.  时间 `hh:mm`

**数据**  
提交&赋值的数据格式为：

{ 
      "value": "用户录入的值"
    }

## 7、单选框+字典项 ##

标识：`radioitem`

**描述**  
通过字典组选择。

**使用**

*  用于对人员类型的采集。
 *  用于对事件等级的采集。

**属性**

**数据**  
提交&赋值的数据格式为：

{ 
      "code":"数据ID",
      "value": "数据标题"
    }

## 8、多选框+字典项 ##

标识：`ckeckboxitem`  
**描述**  
通过字典组选择。

**使用**

*  用于对`装备设施`的采集。
 *  用于对`删除项目`的采集。

**属性**

**数据**  
提交&赋值的数据格式为：

{ 
      "value": [{ "code":"数据编码","value":"数据标题"}]
    }

## 9、评分 ##

标识：`rate`  
**描述**  
可设置星星点亮数量。

**使用**

*  用于对`客服服务满意度`的采集。
 *  用于对`商品购买满意度`的采集。

**属性**

**数据**  
提交&赋值的数据格式为：

{ 
      "value": 5
    }

## 10、滑动条 ##

标识：`slider`  
**描述**  
一般用于小范围的数字选择。

**使用**

*  用于对`学生成绩`的采集。
 *  用于对`参数强度`的采集。

**属性**

<table> 
 <thead> 
  <tr> 
   <th>序号</th> 
   <th align="left">名称</th> 
   <th align="left">类型</th> 
   <th align="center">必填</th> 
   <th align="center">验证</th> 
   <th align="left">描述</th> 
   <th align="left">默认值</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>1</td> 
   <td align="left">title</td> 
   <td align="left">字符串</td> 
   <td align="center">●</td> 
   <td align="center">○</td> 
   <td align="left">标题</td> 
   <td align="left">单选框</td> 
  </tr> 
  <tr> 
   <td>2</td> 
   <td align="left">hint</td> 
   <td align="left">字符串</td> 
   <td align="center">○</td> 
   <td align="center">○</td> 
   <td align="left">提示文字</td> 
   <td align="left">请选择</td> 
  </tr> 
  <tr> 
   <td>3</td> 
   <td align="left">min</td> 
   <td align="left">数字</td> 
   <td align="center">●</td> 
   <td align="center">●</td> 
   <td align="left">最小值</td> 
   <td align="left">0</td> 
  </tr> 
  <tr> 
   <td>4</td> 
   <td align="left">max</td> 
   <td align="left">数字</td> 
   <td align="center">●</td> 
   <td align="center">●</td> 
   <td align="left">最大值</td> 
   <td align="left">100</td> 
  </tr> 
  <tr> 
   <td>5</td> 
   <td align="left">ismust</td> 
   <td align="left">数字</td> 
   <td align="center">●</td> 
   <td align="center">●</td> 
   <td align="left">是否必填验证</td> 
   <td align="left">否</td> 
  </tr> 
  <tr> 
   <td>6</td> 
   <td align="left">default</td> 
   <td align="left">字符串</td> 
   <td align="center">○</td> 
   <td align="center">○</td> 
   <td align="left">自定义默认值</td> 
   <td align="left">\</td> 
  </tr> 
  <tr> 
   <td>7</td> 
   <td align="left">iscookie</td> 
   <td align="left">数字</td> 
   <td align="center">○</td> 
   <td align="center">○</td> 
   <td align="left">是否记录和读取cookie值</td> 
   <td align="left">否</td> 
  </tr> 
 </tbody> 
</table>

**数据**  
提交&赋值的数据格式为：

{ 
      "value": 60
    }

## 10、开关 ##

标识：`switch`  
**描述**  
实现状态切换功能。

**使用**

*  用于对`隐私开放状态`的采集。
 *  用于对`商品状态`的采集。

**属性**

**数据**  
提交&赋值的数据格式为：

{ 
      "value": 1
    }

## 11、密码框 ##

标识：`password`  
**描述**  
实现密码采集时显示安全等级。

**使用**

*  用于对`账户密码`的采集。
 *  用于对`隐私信息`的采集。

**属性**

**数据**  
提交&赋值的数据格式为：

{ 
      "value": "用户录入的值"
    }

# 二、进阶组件 #

## 1. 单选框+列表项 ##

标识：`radiolist`  
**描述**  
通过跳转列表项进行选择。  
**使用**

*  用于对`人员`的采集。
 *  用于对`班级`的采集。

**属性**

**数据**  
提交&赋值的数据格式为：

{ 
      "code":"数据ID",
      "value": "数据标题"
    }

## 2. 多选框+列表项 ##

标识：`ckeckboxlist`  
**描述**  
通过跳转列表项进行选择。

**使用**

*  用于对`分发用户`的采集。
 *  用于对`数据多选`的采集。

**属性**

**数据**  
提交&赋值的数据格式为：

{ 
      "value": [{ "code":"数据编码","value":"数据标题"}]
    }

## 3. 时间范围 ##

标识：`textarea`  
**描述**  
选择日期时间区间。

**使用**

*  用于对`活动时间`的采集。
 *  用于对`有效时间`的采集。

**属性**

<table> 
 <thead> 
  <tr> 
   <th>序号</th> 
   <th align="left">名称</th> 
   <th align="left">类型</th> 
   <th align="center">必填</th> 
   <th align="center">验证</th> 
   <th align="left">描述</th> 
   <th align="left">默认值</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>1</td> 
   <td align="left">title</td> 
   <td align="left">字符串</td> 
   <td align="center">●</td> 
   <td align="center">○</td> 
   <td align="left">标题</td> 
   <td align="left">时间范围</td> 
  </tr> 
  <tr> 
   <td>2</td> 
   <td align="left">hint</td> 
   <td align="left">字符串</td> 
   <td align="center">○</td> 
   <td align="center">○</td> 
   <td align="left">提示文字</td> 
   <td align="left">请选择</td> 
  </tr> 
  <tr> 
   <td>3</td> 
   <td align="left">type</td> 
   <td align="left">字符串</td> 
   <td align="center">●</td> 
   <td align="center">●</td> 
   <td align="left">时间日期类型</td> 
   <td align="left">日期</td> 
  </tr> 
  <tr> 
   <td>4</td> 
   <td align="left">begin</td> 
   <td align="left">字符串</td> 
   <td align="center">○</td> 
   <td align="center">●</td> 
   <td align="left">起始限制</td> 
   <td align="left">\</td> 
  </tr> 
  <tr> 
   <td>5</td> 
   <td align="left">end</td> 
   <td align="left">字符串</td> 
   <td align="center">○</td> 
   <td align="center">●</td> 
   <td align="left">截止限制</td> 
   <td align="left">\</td> 
  </tr> 
  <tr> 
   <td>6</td> 
   <td align="left">format</td> 
   <td align="left">字符串</td> 
   <td align="center">●</td> 
   <td align="center">●</td> 
   <td align="left">格式(显示用)</td> 
   <td align="left">\</td> 
  </tr> 
  <tr> 
   <td>7</td> 
   <td align="left">ismust</td> 
   <td align="left">数字</td> 
   <td align="center">●</td> 
   <td align="center">●</td> 
   <td align="left">是否必填验证</td> 
   <td align="left">否</td> 
  </tr> 
  <tr> 
   <td>8</td> 
   <td align="left">default</td> 
   <td align="left">字符串</td> 
   <td align="center">○</td> 
   <td align="center">○</td> 
   <td align="left">自定义默认值</td> 
   <td align="left">\</td> 
  </tr> 
  <tr> 
   <td>9</td> 
   <td align="left">iscookie</td> 
   <td align="left">数字</td> 
   <td align="center">○</td> 
   <td align="center">○</td> 
   <td align="left">是否记录和读取cookie值</td> 
   <td align="left">否</td> 
  </tr> 
 </tbody> 
</table>

**数据**  
提交&赋值的数据格式为：

{ 
      "begin": "用户录入的起始值",
      "end": "用户录入的截止值"
    }

## 4. 树状选择 ##

标识：`tree`  
**描述**  
选取系统单位树结构。

**使用**

*  用于对`单位部门`的采集。
 *  用于对`行政区划`的采集。

**属性**

**数据**  
提交&赋值的数据格式为：

{ 
      "code":"数据ID",
      "value": "数据标题"
    }

## 5. 附件选择 ##

标识：`file`  
**描述**  
用来选择照片、视频等。

**使用**

*  用于对`照片`的采集。
 *  用于对`视频`的采集。

**属性**

*  基础属性和单行录入框相同，详细描述见前者。

**数据**  
提交&赋值的数据格式为：

{ 
      "value": [{ "code":"数据编码","value":"数据标题"}]
    }

## 6. 地理位置 ##

标识：`location`  
**描述**  
用来选择地图定位。

**使用**

*  用于对`事故地点`的采集。
 *  用于对`人员位置`的采集。

**属性**

**数据**  
提交&赋值的数据格式为：

{ 
      "type":"编码类型",
      "longitude":"经度",
      "latitude":"纬度",
      "address":"地址"
    }

## 计算公式 ##

# 三、扩展组件 #

## 1. 金额输框 ##

标识：`money`

**描述**  
用户输入数字，底部使用大写中文显示金额，单位“元”。  
精确到小数点后两位，自带格式校验功能。

**使用**

*  用于对`消费金额`的采集。
 *  用于对`商品价格`的采集。

**属性**

**数据**  
提交&赋值的数据格式为：

{ 
      "value": 888.00
    }

## 2. 手机号码输框 ##

标识：`phone`  
**描述**  
包括国家代码+手机号，自带格式校验功能。

**使用**

*  用于对`用户手机号码`的采集。
 *  用于对`收货人手机号码`的采集。

**属性**

**数据**  
提交&赋值的数据格式为：

{ 
      "country":"国家代码",
      "value":"手机号码"
    }

## 3. 车牌输框 ##

标识：`carnumber`  
**描述**  
包括省份简称+车牌号码，自带格式校验功能。

**使用**

*  用于对`车辆号牌`的采集。

**属性**

<table> 
 <thead> 
  <tr> 
   <th>序号</th> 
   <th align="left">名称</th> 
   <th align="left">类型</th> 
   <th align="center">必填</th> 
   <th align="center">验证</th> 
   <th align="left">描述</th> 
   <th align="left">默认值</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>1</td> 
   <td align="left">title</td> 
   <td align="left">字符串</td> 
   <td align="center">●</td> 
   <td align="center">○</td> 
   <td align="left">标题</td> 
   <td align="left">附件</td> 
  </tr> 
  <tr> 
   <td>2</td> 
   <td align="left">hint</td> 
   <td align="left">字符串</td> 
   <td align="center">○</td> 
   <td align="center">○</td> 
   <td align="left">提示文字</td> 
   <td align="left">请添加</td> 
  </tr> 
  <tr> 
   <td>3</td> 
   <td align="left">ismust</td> 
   <td align="left">数字</td> 
   <td align="center">●</td> 
   <td align="center">●</td> 
   <td align="left">是否必填验证</td> 
   <td align="left">否</td> 
  </tr> 
  <tr> 
   <td>4</td> 
   <td align="left">default</td> 
   <td align="left">字符串</td> 
   <td align="center">○</td> 
   <td align="center">○</td> 
   <td align="left">自定义默认值</td> 
   <td align="left">\</td> 
  </tr> 
  <tr> 
   <td>5</td> 
   <td align="left">provincedefault</td> 
   <td align="left">字符串</td> 
   <td align="center">●</td> 
   <td align="center">○</td> 
   <td align="left">默认省份代码</td> 
   <td align="left">\</td> 
  </tr> 
  <tr> 
   <td>6</td> 
   <td align="left">iscookie</td> 
   <td align="left">数字</td> 
   <td align="center">○</td> 
   <td align="center">○</td> 
   <td align="left">是否记录和读取cookie值</td> 
   <td align="left">否</td> 
  </tr> 
  <tr> 
   <td>7</td> 
   <td align="left">linkage</td> 
   <td align="left">字符串</td> 
   <td align="center">○</td> 
   <td align="center">○</td> 
   <td align="left">号牌类型联动</td> 
   <td align="left">\</td> 
  </tr> 
 </tbody> 
</table>

**数据**  
提交&赋值的数据格式为：

{ 
      "type":"号牌种类",
      "value":"号牌号码"
    }

# 四、内置功能 #

## 1. 内置系统参数 ##

*  当前日期时间
 *  当前用户信息
 *  当前位置信息

## 2. 内置校验格式 ##

内置正则常见正则校验格式，方便使用及统一管理维护。

<table> 
 <thead> 
  <tr> 
   <th>序号</th> 
   <th align="left">编码</th> 
   <th align="left">描述</th> 
   <th>达式规则</th> 
   <th>描述说明</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>1</td> 
   <td align="left">pass</td> 
   <td align="left">不验证</td> 
   <td></td> 
   <td></td> 
  </tr> 
  <tr> 
   <td>2</td> 
   <td align="left">custom</td> 
   <td align="left">自定义</td> 
   <td></td> 
   <td></td> 
  </tr> 
  <tr> 
   <td>3</td> 
   <td align="left">number</td> 
   <td align="left">仅数字</td> 
   <td></td> 
   <td></td> 
  </tr> 
  <tr> 
   <td>4</td> 
   <td align="left">letter</td> 
   <td align="left">仅字母</td> 
   <td></td> 
   <td></td> 
  </tr> 
  <tr> 
   <td>5</td> 
   <td align="left">chinese</td> 
   <td align="left">仅中文</td> 
   <td></td> 
   <td></td> 
  </tr> 
  <tr> 
   <td>6</td> 
   <td align="left">mobile</td> 
   <td align="left">手机号</td> 
   <td></td> 
   <td></td> 
  </tr> 
  <tr> 
   <td>7</td> 
   <td align="left">identity</td> 
   <td align="left">身份证</td> 
   <td></td> 
   <td></td> 
  </tr> 
  <tr> 
   <td>8</td> 
   <td align="left">…</td> 
   <td align="left">…</td> 
   <td></td> 
   <td></td> 
  </tr> 
 </tbody> 
</table>

# 五、相关字典 #

## 1. 是否判断 ##

## 2. 时间日期 ##

<table> 
 <thead> 
  <tr> 
   <th>序号</th> 
   <th align="left">编码</th> 
   <th align="left">值</th> 
   <th align="left">描述</th> 
   <th align="left">备注</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>1</td> 
   <td align="left">date</td> 
   <td align="left">日期</td> 
   <td align="left"></td> 
   <td align="left"></td> 
  </tr> 
  <tr> 
   <td>2</td> 
   <td align="left">time</td> 
   <td align="left">时间</td> 
   <td align="left"></td> 
   <td align="left"></td> 
  </tr> 
  <tr> 
   <td>2</td> 
   <td align="left">datetime</td> 
   <td align="left">日期时间</td> 
   <td align="left"></td> 
   <td align="left"></td> 
  </tr> 
 </tbody> 
</table>

## 数字类型 ##

## 密码等级 ##

<table> 
 <thead> 
  <tr> 
   <th>序号</th> 
   <th align="left">编码</th> 
   <th align="left">值</th> 
   <th align="left">描述</th> 
   <th align="left">备注</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>1</td> 
   <td align="left">high</td> 
   <td align="left">高</td> 
   <td align="left"></td> 
   <td align="left"></td> 
  </tr> 
  <tr> 
   <td>2</td> 
   <td align="left">middle</td> 
   <td align="left">中</td> 
   <td align="left"></td> 
   <td align="left"></td> 
  </tr> 
  <tr> 
   <td>3</td> 
   <td align="left">low</td> 
   <td align="left">低</td> 
   <td align="left"></td> 
   <td align="left"></td> 
  </tr> 
 </tbody> 
</table>

密码的构成：数字、字母、特殊符号。  
密码等级定义如下：

*  高：包含其中三项。
 *  中：包含其中两项。
 *  低：包含其中一项。