<el-form-item label="开始日">
<el-date-picker v-model="startRangeCreateTime" style="width: 240px" value-format="yyyy-MM-dd"
type="daterange" range-separator="-" start-placeholder="开始日开始时间"
end-placeholder="结束日结尾时间"
@blur="handleQuery"/>
</el-form-item>
<el-form-item label="结束日">
<el-date-picker v-model="endRangeCreateTime" style="width: 240px" value-format="yyyy-MM-dd"
type="daterange" range-separator="-" start-placeholder="结束日开始时间"
end-placeholder="结束日结尾时间"
@blur="handleQuery"/>
</el-form-item>
//data里数据
startRangeCreateTime: '',
endRangeCreateTime: '',
/** 查询列表 */
getList() {
this.loading = true;
// 处理查询参数
let params = {...this.queryParams};
this.addBeginAndEndTime(params, this.startRangeCreateTime, 'startTime');
this.addBeginAndEndTime(params, this.endRangeCreateTime, 'endTime');
console.log(params, this.startRangeCreateTime, this.endRangeCreateTime, 'params')
// 执行查询
getContractPage(params).then(response => {
console.log("合同列表", response)
this.list = response.data.list;
this.total = response.data.total;
this.loading = false;
});
},
打印结果
this.addBeginAndEndTime公共方法
/**
* 添加开始和结束时间到 params 参数中
*
* @param params 参数
* @param dateRange 时间范围。
* 大小为 2 的数组,每个时间为 yyyy-MM-dd 格式
* @param propName 加入的参数名,可以为空
*/
export function addBeginAndEndTime(params, dateRange, propName) {
// 必须传入参数
if (!dateRange) {
return params;
}
// 如果未传递 propName 属性,默认为 time
if (!propName) {
propName = 'Time';
} else {
propName = propName.charAt(0).toUpperCase() + propName.slice(1);
}
// 设置参数
if (dateRange[0]) {
params['begin' + propName] = dateRange[0] + ' 00:00:00';
}
if (dateRange[1]) {
params['end' + propName] = dateRange[1] + ' 23:59:59';
}
return params;
}
公共方法引用
//main.js
import { parseTime, resetForm, addDateRange, addBeginAndEndTime, handleTree} from "@/utils/ruoyi";
// 全局方法挂载
Vue.prototype.addBeginAndEndTime = addBeginAndEndTime