1.2.2 • Published 2 years ago
standard-form v1.2.2
standard-form
项目介绍
配置化表单查询。顾名思义可以通过一些配置化代码生成查询表单,从而直接生成对应的页面。该组件适用于B端系统。
配置化
基于elementUI二次封装。目前支持:输入框查询、下拉框查询、时间范围选择器、组合输入框查询、组合数字范围查询
Attributes
- configList:JSON数组形式。里面的每个对象可参考下面的配置详解
- searchData:可通过$refs获取当前查询表单的值
- flod:是否需要显示折叠按钮
Events
- send-data:点击查询或重置按钮触发
- reset-index:点击查询或重置按钮触发,如若需要重置分页索引,则回调此方法
- reset:点击重置按钮触发,用于重置事件之后的自定义事件
配置详解
输入框查询
接收四个参数
- label:用于显示的表单item名称
- type:input,固定参数
- fields:需要绑定的字段名
- value:v-model需要绑定的值
下拉框查询
接收五个参数
- label:用于显示的表单item名称
- type:select,固定参数
- fields:需要绑定的字段名
- value:v-model需要绑定的值
- optionList:下拉的选项,依赖label和value两个值
时间范围选择器
接收五个参数
- label:用于显示的表单item名称
- type:datePicker,固定参数
- fields:需要绑定的字段名,这里为数组。因为时间范围是两个值
- value:v-model需要绑定的值
- valueFormat:格式化规则,参考element
组合输入框查询
接收三个参数
- type:prepend,固定参数
- value:v-model需要绑定的值
- optionList:key下拉的选项,依赖label和value两个值
组合数字范围查询
接收四个参数
- type:comboNum,固定参数
- fields:需要绑定的字段名,这里是对象形式。每一个key对应optionList中的每一个value
- value:v-model绑定的值。这里为数组
- optionList:key下拉的选项,依赖label和value两个值
1.2.2
2 years ago
1.2.0
2 years ago
1.1.1
2 years ago
1.2.1
2 years ago
1.1.0
2 years ago
1.0.0
2 years ago
0.3.0
3 years ago
0.2.0
3 years ago
0.6.3
2 years ago
0.6.2
2 years ago
0.5.3
2 years ago
0.5.0
2 years ago
0.4.1
2 years ago
0.3.2
2 years ago
0.4.0
2 years ago
0.3.1
3 years ago
0.6.1
2 years ago
0.5.2
2 years ago
0.6.0
2 years ago
0.5.1
2 years ago
0.1.1
3 years ago
0.1.0
3 years ago