搜索条件配置

本栏主要讲述的是搜索条件的配置

搜索条件的配置可分成以下两种

1. 通过配置模型mdCode
2. 自定义配置/自定义js配置搜索条件

通过配置模型mdCode

面板、块、内容的配置上均可填写表单【搜索项模型的编码】，对应模型编码的搜索配置即为面板的搜索条件，搜索参数与模型列表搜索参数保持一致

自定义配置/自定义js配置搜索条件

自定义配置搜索条件有两种方式

• 使用模型相同的搜索组件
• 使用自定义的拓展搜索条件

使用模型相同的搜索组件

注意：

• isCustom: false标识当前搜索使用自定义的搜索组件，不写或值为false，默认使用模型搜索组件
• 其余的属性与模型搜索组件所需参数一致
  可参考： 模型搜索配置

export default {
    // 在自定义配置/自定义js内配置filterList
    filterList: [
        {
            selectType: 1, // 使用与模型列表一致的搜索条件时
            id: 'year',
            name: '年份',
            value: '',
            defaultValue: '', // 默认值
            url: '',  // 下拉数据源接口地址
            isCustom: false, // 是否使用自定义组件（默认false，即使用模型搜索表单）
            options: [  // 下拉数据源
                { id: '2020', value: '2020', text: '2020 年' },
                { id: '2021', value: '2021', text: '2021 年' },
                { id: '2022', value: '2022', text: '2022 年' },
            ]
        },
    ]
}

配置自定义搜索按钮

export default {
    searchBtns: [
        // 1.隐藏搜索按钮：通过配置isHide
        { id: 'search', isHide: true },
        // 2.修改重置按钮的事件
        { id: 'reset', name: '重置', icon: 'reset', type: 'warning', click: function () {alert('不可能重置')} },
        // 3.添加新的按钮事件
        {
            id: 'text',  // 唯一标识符
            name: '测试',  // 展示按钮名
            icon: 'save', // 图标
            type: 'primary', // primary/warning/danger/success
            click: function (btnObj) {
                alert(btnObj.name)
            }
        }
    ],
}

使用自定义的拓展搜索条件

搜索组件支持 自定义拓展

示例： 前提：已按上述操作指示要求拓展一个名为 FTag 的自定义搜索组件，则自定义配置为

export default {
	filterList: [
		{
			filterType: "tag",   // ！！！重点，根据filterType判断使用组件
			id: "year",
			name: "年份",
			vaule: "",
			defaultValue: "",
			options: [
				{
					id: "2020",
					text: "2020 年"
				},
				{
					id: "2021",
					text: "2021 年"
				},
				{
					id: "2022",
					text: "2022 年"
				}
			]
		}
	]
}