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

@@ -10,6 +10,17 @@
<el-form-item label="新部门" prop="newDept">
<el-input v-model="queryParams.newDept" placeholder="请输入新部门" clearable @keyup.enter.native="handleQuery" />
</el-form-item>
<el-form-item label="转岗时间">
<el-date-picker
v-model="queryParams.transferTimeRange"
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="transferHandler">
<el-input v-model="queryParams.transferHandler" placeholder="请输入转岗经办人" clearable
@keyup.enter.native="handleQuery" />
@@ -146,6 +157,9 @@ export default {
newDept: undefined,
newJobType: undefined,
transferHandler: undefined,
transferStartTime: undefined,
transferEndTime: undefined,
transferTimeRange: [],
},
// 部门列表
deptList: [],
@@ -233,12 +247,23 @@ export default {
},
/** 搜索按钮操作 */
handleQuery() {
// 处理时间范围
if (this.queryParams.transferTimeRange && this.queryParams.transferTimeRange.length === 2) {
this.queryParams.transferStartTime = this.queryParams.transferTimeRange[0];
this.queryParams.transferEndTime = this.queryParams.transferTimeRange[1];
} else {
this.queryParams.transferStartTime = undefined;
this.queryParams.transferEndTime = undefined;
}
this.queryParams.pageNum = 1;
this.getList();
},
/** 重置按钮操作 */
resetQuery() {
this.resetForm("queryForm");
this.queryParams.transferTimeRange = [];
this.queryParams.transferStartTime = undefined;
this.queryParams.transferEndTime = undefined;
this.handleQuery();
},
// 多选框选中数据