Appearance
CommonQuery 通用查询
后台列表查询栏,继续使用 Vue 2 的 model / fields / commands 配置协议。
基础查询
完整展示输入、单选、多选、自动完成、数值区间、日期/月/年区间和级联字段。
运行结果查询按钮和 Enter 键都可提交当前 model
动态查询
字段设置 showType: 'dynamic' 后进入“筛选”选择器;已有值的动态字段会自动恢复显示。
运行结果查询按钮和 Enter 键都可提交当前 model
Attributes
| 参数 | 默认值 | 说明 |
|---|---|---|
formId | 自动生成 | 表单标识,可显式覆盖 |
loading | false | 命令加载状态 |
maxFieldWidth | 280 | 自动计算列数时的字段宽度 |
model | {} | 查询模型 |
fields | [] | 查询字段 |
commands | [] | 查询命令 |
dynamicFieldsPosition | end | 动态字段插入位置 |
defaultCheckedKeys | [] | 默认展示的动态字段 |
downloadOpt | {} | 导出下拉命令 |
fixedRowCount | 0 | 固定每行字段数 |
elementProps | {} | 透传 ElForm |
Field Options
继承 CommonForm 的字段配置,并增加 showType: 'static' | 'dynamic' 与 showTag。
Field ExtendProps Options
与 CommonForm 一致,查询标签额外支持 tagFormatter(model) 和 tagKeys。
Field Type Options
字段类型与 CommonForm 保持一致;输入框内按 Enter 会执行 canKeyDown: true 或 keyCode: 13 的命令。
命令配置 loading: true 表示该按钮订阅组件的 loading 状态,两个值同时为 true 时显示加载态。
