绩效统计页面开发

This commit is contained in:
朱昊天
2026-07-10 17:25:23 +08:00
parent 9c9d3d4017
commit ea779e131e
8 changed files with 680 additions and 248 deletions

View File

@@ -4,11 +4,12 @@
<div class="toolbar">
<div class="toolbar-left">
<el-input v-model="query.employeeId" size="small" placeholder="员工ID" clearable style="width: 140px" @keyup.enter.native="loadList" />
<el-select v-model="query.status" size="small" placeholder="状态" clearable style="width: 110px" @change="loadList">
<!-- 状态筛选当前阶段为保证统计页能直接聚合展示临时停用 status 参数筛选 -->
<!-- <el-select v-model="query.status" size="small" placeholder="状态" clearable style="width: 110px" @change="loadList">
<el-option label="草稿" :value="'0'" />
<el-option label="已确认" :value="'1'" />
<el-option label="已归档" :value="'2'" />
</el-select>
</el-select> -->
<el-button size="small" type="primary" icon="el-icon-search" @click="loadList">查询</el-button>
</div>
<div class="toolbar-right">
@@ -22,11 +23,12 @@
<el-table :data="list" stripe size="small" v-loading="loading" empty-text="暂无薪资记录" class="inline-edit-table" border>
<!-- 只读列 -->
<!-- <el-table-column prop="employeeId" label="员工ID" width="90" /> -->
<el-table-column prop="status" label="状态" width="70" align="center">
<!-- 状态列同上临时停用 -->
<!-- <el-table-column prop="status" label="状态" width="70" align="center">
<template slot-scope="scope">
<el-tag :type="statusType(scope.row.status)" size="small">{{ statusLabel(scope.row.status) }}</el-tag>
</template>
</el-table-column>
</el-table-column> -->
<!-- 薪资基数 -->
<el-table-column label="底薪" width="90" align="right"><template slot-scope="s">
@@ -166,7 +168,7 @@ export default {
pageNum: 1,
pageSize: 10,
employeeId: '',
status: ''
// status: ''
},
deductionItems: [],
bonusItems: [],
@@ -181,12 +183,12 @@ export default {
fmt(val) {
return val != null ? val : '-'
},
statusType(status) {
return { '0': 'info', '1': 'warning', '2': 'success' }[status] || 'info'
},
statusLabel(status) {
return { '0': '草稿', '1': '已确认', '2': '已归档' }[status] || '草稿'
},
// statusType(status) {
// return { '0': 'info', '1': 'warning', '2': 'success' }[status] || 'info'
// },
// statusLabel(status) {
// return { '0': '草稿', '1': '已确认', '2': '已归档' }[status] || '草稿'
// },
onDeptChange() {
this.loadItemConfig()
this.loadList()
@@ -236,8 +238,7 @@ export default {
pageSize: this.query.pageSize,
deptId: this.deptId,
period: this.period,
employeeId: this.query.employeeId || undefined,
status: this.query.status || undefined
employeeId: this.query.employeeId || undefined
}
listPerfSalary(params).then(res => {
this.list = (res.rows || []).map(r => {