关于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配置项里面,通过自定义参数,以数组的形式统一处理一下。

posted @ 2023-05-11 14:37  黎明之光123  阅读(240)  评论(0编辑  收藏  举报