feat(员工信息): 添加时间范围筛选功能并新增员工报表页面

在员工信息各页面添加入职/转正/调岗/离职时间范围筛选功能
新增员工报表页面,包含统计卡片、图表和数据表格
This commit is contained in:
砂糖
2026-03-21 17:45:37 +08:00
parent 99488b828a
commit ea73305ebb
6 changed files with 857 additions and 8 deletions

View File

@@ -1,10 +1,16 @@
<template>
<div class="app-container">
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
<el-form-item label="入职时间" prop="changeTime">
<el-date-picker clearable v-model="queryParams.changeTime" type="date" value-format="yyyy-MM-dd"
placeholder="请选择入职时间">
</el-date-picker>
<el-form-item label="入职时间">
<el-date-picker
v-model="queryParams.changeTimeRange"
type="daterange"
range-separator=""
start-placeholder="开始日期"
end-placeholder="结束日期"
value-format="yyyy-MM-dd HH:mm:ss"
style="width: 240px"
/>
</el-form-item>
<!-- <el-form-item label="异动原因" prop="changeReason">
<el-input
@@ -280,6 +286,9 @@ export default {
infoId: undefined,
changeType: 0,
changeTime: undefined,
changeStartTime: undefined,
changeEndTime: undefined,
changeTimeRange: [],
changeReason: undefined,
changeHandler: undefined,
attachment: undefined,
@@ -387,12 +396,23 @@ export default {
},
/** 搜索按钮操作 */
handleQuery() {
// 处理时间范围
if (this.queryParams.changeTimeRange && this.queryParams.changeTimeRange.length === 2) {
this.queryParams.changeStartTime = this.queryParams.changeTimeRange[0];
this.queryParams.changeEndTime = this.queryParams.changeTimeRange[1];
} else {
this.queryParams.changeStartTime = undefined;
this.queryParams.changeEndTime = undefined;
}
this.queryParams.pageNum = 1;
this.getList();
},
/** 重置按钮操作 */
resetQuery() {
this.resetForm("queryForm");
this.queryParams.changeTimeRange = [];
this.queryParams.changeStartTime = undefined;
this.queryParams.changeEndTime = undefined;
this.handleQuery();
},
// 多选框选中数据