Skip to content

CommonQuery 通用查询

后台列表查询栏,继续使用 Vue 2 的 model / fields / commands 配置协议。

基础查询

完整展示输入、单选、多选、自动完成、数值区间、日期/月/年区间和级联字段。

编号
?
英文名
是否启用
用户性别
作者性别
有效期
有效年份
角色
工程编号
~
数量
业务类型
请选择
业务类型Auto
创建日期区间
~
独立日期区间
~
创建月份区间
~
创建月份
创建年份区间
~
主打产品
部门
运行结果查询按钮和 Enter 键都可提交当前 model

动态查询

字段设置 showType: 'dynamic' 后进入“筛选”选择器;已有值的动态字段会自动恢复显示。

编号
有效期
角色
是否启用
业务类型
请选择
主打产品
运行结果查询按钮和 Enter 键都可提交当前 model

Attributes

参数默认值说明
formId自动生成表单标识,可显式覆盖
loadingfalse命令加载状态
maxFieldWidth280自动计算列数时的字段宽度
model{}查询模型
fields[]查询字段
commands[]查询命令
dynamicFieldsPositionend动态字段插入位置
defaultCheckedKeys[]默认展示的动态字段
downloadOpt{}导出下拉命令
fixedRowCount0固定每行字段数
elementProps{}透传 ElForm

Field Options

继承 CommonForm 的字段配置,并增加 showType: 'static' | 'dynamic'showTag

Field ExtendProps Options

与 CommonForm 一致,查询标签额外支持 tagFormatter(model)tagKeys

Field Type Options

字段类型与 CommonForm 保持一致;输入框内按 Enter 会执行 canKeyDown: truekeyCode: 13 的命令。

命令配置 loading: true 表示该按钮订阅组件的 loading 状态,两个值同时为 true 时显示加载态。