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

@@ -33,6 +33,17 @@
<el-option label="已转正" value="1" />
<el-option label="未转正" value="0" />
</el-select>
</el-form-item>
<el-form-item label="入职时间">
<el-date-picker
v-model="queryParams.entryTimeRange"
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="isLeave">
<el-select v-model="queryParams.isLeave" placeholder="请选择在职情况" clearable @change="handleQuery">
@@ -328,6 +339,11 @@ export default {
age: undefined,
gender: undefined,
education: undefined,
isRegular: undefined,
isLeave: undefined,
entryStartTime: undefined,
entryEndTime: undefined,
entryTimeRange: [],
},
// 表单参数
form: {},
@@ -423,12 +439,23 @@ export default {
},
/** 搜索按钮操作 */
handleQuery() {
// 处理时间范围
if (this.queryParams.entryTimeRange && this.queryParams.entryTimeRange.length === 2) {
this.queryParams.entryStartTime = this.queryParams.entryTimeRange[0];
this.queryParams.entryEndTime = this.queryParams.entryTimeRange[1];
} else {
this.queryParams.entryStartTime = undefined;
this.queryParams.entryEndTime = undefined;
}
this.queryParams.pageNum = 1;
this.getList();
},
/** 重置按钮操作 */
resetQuery() {
this.resetForm("queryForm");
this.queryParams.entryTimeRange = [];
this.queryParams.entryStartTime = undefined;
this.queryParams.entryEndTime = undefined;
this.handleQuery();
},
// 多选框选中数据