SearchPage 搜索页面

基于 SearchForm 和 DataTable 组件封装的搜索页面组件，提供了完整的数据搜索、展示、操作等功能。支持自定义搜索条件、表格列、操作按钮等。

基础用法

基础的搜索页面配置展示。

自定义工具栏

自定义搜索表单

表格操作

复杂示例

API

SearchPage 属性

属性名	说明	类型	默认值
is-loading-for-init	初始化时正在加载，如果为true时会先不做数据查询	boolean	false
search-form-props	SearchForm 组件属性配置，具体见search-form文档	object	{}
action-bar-props	搜索表单字段配置，具体见action-bar文档	object	[]
data-table-props	DataTable 组件属性配置，具体见data-table文档	object	{}

SearchPage 事件

事件名	说明	参数
search-value-change	搜索表单查询事件	Function
search-fields-change	搜索表单的字段变化事件	Function
select-rows-change	表格选择变化事件	Function

SearchPage 方法

方法名	说明	参数
query	查询数据	Function
getSearchingValue	获取当前搜索表单实时值	Function
getSearchedValue	获取当前已经搜索出来的结果值，与getSearchFormValue区别是当前已经用它查询出来结果的搜索表单值	Function
changeFormFields	获取搜索条件值	Function
changeButtons	修改当前生成的button按钮值	Function
updateTableColumnsShowStatus	更新数据列显示状态	Function

SearchPage 插槽

插槽名	说明	作用域
default	自定义默认内容	-
[searchFormProps.fields.slot]	自定义搜索表单插槽内容，必须以searchForm_开头	object
actionBar_default	操作栏默认插槽内容	-
[actionBarProps.buttons.slot]	操作栏自定义插槽内容，必须以actionBar_开头	object
[dataTableProps.columns.slot]	自定义表格列内容，必须以dataTable_开头	object
[dataTableProps.columns.slotHeader]	自定义表格表头内容，必须以dataTable_开头	object