关于Avue,记录一个时间范围处理
searchChange(originParams, done) {
const params = _.pickBy(originParams);
if (done) done();
// 处理日期时间 Range 选择时候参数自定义分离,比如 prop:createTime-->[开始时间,结束时间] ---->转换后请求参数 startTime:'开始时间',endTime:'结束时间',并去除createTime参数
let paramsKeys = Object.keys(params).reduce((pre, cur) => (_.isEmpty(params[`${cur}`]) ? [...pre] : [...pre, cur]), []);
option.crudOption.column.forEach((item, index) => {
if (item.search && item.searchRange) {
if (paramsKeys.includes(item.prop)) {
params[item.ecoProps[0]] = params[item.prop][0];
params[item.ecoProps[1]] = params[item.prop][1];
delete params[item.prop];
}
}
});
this.params = params;
console.log(params, 'params');
this.page.currentPage = 1;
this.getList();
},
描述:由于后端要求参数是分开的,而avue是单个数组,故在search-change事件里处理一下,然后在options配置项里面,通过自定义参数,以数组的形式统一处理一下。

浙公网安备 33010602011771号