总体思路：在加载数据时，将查询条件前加上通配符'*'，用来进行模糊查询，查询完成后再将 '*'去掉。（Jeecg-boot框架中的查询过滤器支持在查询条件中添加通配符 * 进行模糊查询）

查询过滤器用法

1、找到JPopupOnlReport.vue这个文件，改写searchByquery方法

searchByquery() {
	let i;
	for (i = 0; i < this.queryInfo.length; i++) {
		this.queryParam[this.queryInfo[i].field] = '*' + this.queryParam[this.queryInfo[i].field] + '*'
	}
	this.loadData(1);
	for (i = 0; i < this.queryInfo.length; i++) {
		this.queryParam[this.queryInfo[i].field] = this.queryParam[this.queryInfo[i].field].replace(/\*/g, '')
	}
},

2、改写handleChangeInTable方法，在this.loadData();行前后添加以下代码。这部分是为了解决模糊查询的结果出现分页时，分页查询无法使用模糊查询的情况。

handleChangeInTable(pagination, filters, sorter) {
	//分页、排序、筛选变化时触发
	if (Object.keys(sorter).length > 0) {
		this.iSorter = {
			column: sorter.field,
			order: 'ascend' === sorter.order ? 'asc' : 'desc'
		}
		// 排序字段受控
		this.table.columns.forEach(col => {
			if (col.dataIndex === sorter.field) {
				this.$set(col, 'sortOrder', sorter.order)
			} else {
				this.$set(col, 'sortOrder', false)
			}
		})
	}
	this.table.pagination = pagination;
	let i;
	for (i = 0; i < this.queryInfo.length; i++) {
		this.queryParam[this.queryInfo[i].field] = '*' + this.queryParam[this.queryInfo[i].field] + '*'
	}
	this.loadData();
	for (i = 0; i < this.queryInfo.length; i++) {
		this.queryParam[this.queryInfo[i].field] = this.queryParam[this.queryInfo[i].field].replace(/\*/g, '')
	}
},