PQueryCondition 参数配置
1. 简介:可以让多种查询条件在输入值后置顶并且按钮显示在右侧
查询条件组件
代码示例:
2. 配置参数(Attributes)
| 参数 | 说明 | 类型 | 默认值 |
| opts | 接收筛选器组件配置 | object | 无 |
| loading | 查询按钮 loading 状态,请求数据时需要体现 | Boolean | false |
| reset | 是否显示“重置”按钮 | Boolean | true |
| boolEnter | 是否敲回车查询 | Boolean | true |
| labelWidth | labelWidth 宽度 | String | '120px' |
| isShowOpen | 是否显示收起和展开(若查询条件少于 4 个自动隐藏) | Boolean | true |
| isExpansion | 是否默认展开 | Boolean | false |
| btnCheckBind | 查询按钮配置 | object | {type: 'primary', size: 'small'} |
| btnResetBind | 重置按钮配置 | object | { size: 'small'} |
3. opts 配置参数(opts Attributes)
| 参数 | 说明 | 类型 | 默认值 |
| label | 表单字段说明标题 | string | 无 |
| className | 自定义 class | string | 无 |
| labelRender | 自定义 label(render 函数 jsx 方式编写) | function | 无 |
| slotName | 自定义输入框插槽(作用域插槽解构接收{param}返回当前所有表单初始值) | string | 无 |
| comp | 组件名称,可直接指定全局注册的组件 | string,component | 无 |
| defaultVal | 默认值 | - | 无 |
| span | 控件占用的列宽,默认占用 1 列,最多 4 列 (独占一行) | number | 1 |
| changeEvent | 默认事件为@input,可指定其他事件(下拉选择和日期需要指定“change 事件”) | string | 'input' |
| bind | 渲染时组件会调用 v-bind 指定设置该配置更新元素的属性(继承第三方组件属性) | object,function | 无 |
| event | 配置组件事件,与写组件时@change 等同理 | object | 无 |
| child | 子组件列表,类似 select 组件存在 options 子组件的则需要用到 | Array | 无 |
4. 事件(events)
| 事件名 | 说明 | 回调参数 |
| change | 筛选器数据发生变化时触发 | Function(form: {[propName: dataIndex]: any}) |
| submit | 点击筛选器查询按钮时触发 | Function(form: {[propName: dataIndex]: any}) |
| reset | 点击筛选器重置按钮时触发 | Function(form: {[propName: dataIndex]: any}) |