|
|
@@ -19,24 +19,24 @@
|
|
|
>
|
|
|
<!-- 自定义多级表头 -->
|
|
|
<template #prepend-column>
|
|
|
- <el-table-column key="yong_hu_id_" prop="yong_hu_id_" label="用户" width="80">
|
|
|
+ <el-table-column key="userName" prop="userName" label="姓名" width="80">
|
|
|
<template #default="{ row }">
|
|
|
<el-tag style="margin: 2px;">
|
|
|
- {{ getUserLabel(row.yong_hu_id_) }}
|
|
|
+ {{ row.userName }}
|
|
|
</el-tag>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
<!-- 基本信息分组 -->
|
|
|
<el-table-column label="基本信息">
|
|
|
- <!--<el-table-column prop="yong_hu_id_" title="用户" key="yong_hu_id_" width="80" />-->
|
|
|
- <el-table-column key="gong_hao_" prop="gong_hao_" label="工号" width="80" />
|
|
|
- <el-table-column key="bu_men_" prop="bu_men_" label="部门" width="100">
|
|
|
+ <!--<el-table-column prop="yong_hu_id_" title="姓名" key="yong_hu_id_" width="80" />-->
|
|
|
+ <el-table-column key="deptName" prop="deptName" label="部门" width="100">
|
|
|
<template #default="{ row }">
|
|
|
<el-tag style="margin: 2px;">
|
|
|
- {{ getDeptLabel(row.bu_men_) }}
|
|
|
+ {{ row.deptName }}
|
|
|
</el-tag>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
+ <el-table-column key="gong_hao_" prop="gong_hao_" label="工号" width="80" />
|
|
|
</el-table-column>
|
|
|
<!-- 班次信息分组 -->
|
|
|
<el-table-column label="班次信息">
|
|
|
@@ -84,6 +84,7 @@
|
|
|
<script>
|
|
|
import ActionUtils from '@/utils/action'
|
|
|
import FixHeight from '@/mixins/height'
|
|
|
+import IbpsExport from '@/plugins/export'
|
|
|
import color from '@/store/modules/ibps/modules/color'
|
|
|
|
|
|
export default {
|
|
|
@@ -96,7 +97,7 @@ export default {
|
|
|
userOption,
|
|
|
deptOption,
|
|
|
title: '考勤明细统计',
|
|
|
- pkKey: 'pal_ban_lu_l_uL', // 主键对应数据库字段
|
|
|
+ pkKey: 'id_', // 主键对应数据库字段
|
|
|
loading: true,
|
|
|
height: document.clientHeight,
|
|
|
listData: [],
|
|
|
@@ -108,16 +109,16 @@ export default {
|
|
|
listConfig: {
|
|
|
toolbars: [
|
|
|
{ key: 'search', icon: 'ibps-icon-search', label: '查询', type: 'primary' },
|
|
|
- { key: 'export', icon: 'ibps-icon-download', label: '导出', type: 'warning' }
|
|
|
+ { key: 'export', icon: 'ibps-icon-download', label: '导出', type: 'primary' }
|
|
|
],
|
|
|
searchForm: {
|
|
|
labelWidth: 100,
|
|
|
forms: [
|
|
|
{ prop: 'Q^pai_ban_ming_chen^SL', label: '排班名称' },
|
|
|
- { prop: 'Q^yong_hu_id_^S', label: '用户' },
|
|
|
+ { prop: 'Q^yong_hu_id_^S', label: '姓名' },
|
|
|
{ prop: 'Q^bu_men_^SL', label: '部门', fieldType: 'select', options: deptOption },
|
|
|
- { prop: 'Q^kao_qin_zhuang_ta^SL', label: '考勤状态' },
|
|
|
- { prop: ['Q^ri_qi_^DG', 'Q^ri_qi_^DL'], label: '日期范围', fieldType: 'daterange' }
|
|
|
+ { prop: 'Q^kao_qin_zhuang_ta^SL', label: '考勤状态', fieldType: 'select', options: [{ value: '正常', label: '正常' }, { value: '异常', label: '异常' }] },
|
|
|
+ { prop: ['Q^ri_qi_^DL', 'Q^ri_qi_^DG'], label: '日期范围', fieldType: 'daterange' }
|
|
|
]
|
|
|
},
|
|
|
columns: []
|
|
|
@@ -126,51 +127,96 @@ export default {
|
|
|
},
|
|
|
computed: {
|
|
|
},
|
|
|
- created() {
|
|
|
+ created () {
|
|
|
this.loadData()
|
|
|
},
|
|
|
methods: {
|
|
|
// 加载数据
|
|
|
- loadData() {
|
|
|
+ loadData () {
|
|
|
this.loading = true
|
|
|
- const sql = `select * FROM t_attendance_detail
|
|
|
- LIMIT ${this.pagination.limit}
|
|
|
- OFFSET ${(this.pagination.currentPage-1)*this.pagination.limit}`
|
|
|
- debugger
|
|
|
+ const sql = this.getSearchSql()
|
|
|
this.$common.request('sql', sql).then(res => {
|
|
|
this.listData = res.variables.data
|
|
|
- this.pagination.total = res.totalCount
|
|
|
+ // 做部门和姓名处理
|
|
|
+ this.listData.forEach(item => {
|
|
|
+ item.userName = this.getUserLabel(item.yong_hu_id_)
|
|
|
+ item.deptName = this.getDeptLabel(item.bu_men_)
|
|
|
+ })
|
|
|
+ // this.pagination.total = res.totalCount
|
|
|
}).finally(() => {
|
|
|
this.loading = false
|
|
|
})
|
|
|
},
|
|
|
- getUserLabel(userId) {
|
|
|
+ getUserLabel (userId) {
|
|
|
const user = this.userOption.find(item => item.value === userId)
|
|
|
return user ? user.label : ''
|
|
|
},
|
|
|
- getDeptLabel(positionId) {
|
|
|
+ getDeptLabel (positionId) {
|
|
|
const dept = this.deptOption.find(item => item.value === positionId)
|
|
|
return dept ? dept.label : ''
|
|
|
},
|
|
|
- // 构造查询参数
|
|
|
- getSearchParams() {
|
|
|
- const params = this.$refs.crud?.getSearcFormData() || {}
|
|
|
- return ActionUtils.formatParams(params, this.pagination, this.sorts)
|
|
|
+ /**
|
|
|
+ * 获取格式化参数
|
|
|
+ */
|
|
|
+ getSearchFormData () {
|
|
|
+ const { first, second } = this.$store.getters.level || {}
|
|
|
+ const searchParam = this.$refs['crud'] ? this.$refs['crud'].getSearcFormData() : {}
|
|
|
+ searchParam['Q^di_dian_^S'] = second || first
|
|
|
+ return ActionUtils.formatParams(searchParam, this.pagination, this.sorts)
|
|
|
},
|
|
|
+ getSearchSql () {
|
|
|
+ let sql = `select * FROM t_attendance_detail`
|
|
|
+ const params = this.getSearchFormData()
|
|
|
+ // 定义操作符映射
|
|
|
+ const operatorMap = {
|
|
|
+ 'S': '=',
|
|
|
+ 'SL': 'LIKE',
|
|
|
+ 'DG': '<=',
|
|
|
+ 'DL': '>='
|
|
|
+ }
|
|
|
+ // 如果有查询条件，构建 WHERE 子句
|
|
|
+ if (params.parameters && params.parameters.length > 0) {
|
|
|
+ const conditions = []
|
|
|
+ params.parameters.forEach(item => {
|
|
|
+ const { key, value } = item
|
|
|
+ const parts = key.split('^') // 格式: Q^field^operator
|
|
|
+ if (parts.length === 3 && parts[0] === 'Q') {
|
|
|
+ const field = parts[1] // 字段名
|
|
|
+ const operatorKey = parts[2] // 操作符（S/SL/DG/DL）
|
|
|
+ const operator = operatorMap[operatorKey]
|
|
|
+ if (operator) {
|
|
|
+ let condition
|
|
|
+ if (operator === 'LIKE') {
|
|
|
+ condition = `${field} LIKE '%${value}%'` // LIKE 模糊查询
|
|
|
+ } else {
|
|
|
+ condition = `${field} ${operator} '${value}'` // 其他操作符（=, <=, >=）
|
|
|
+ }
|
|
|
+ conditions.push(condition)
|
|
|
+ }
|
|
|
+ }
|
|
|
+ })
|
|
|
|
|
|
+ if (conditions.length > 0) {
|
|
|
+ sql += ' WHERE ' + conditions.join(' AND ')
|
|
|
+ }
|
|
|
+ }
|
|
|
+ // 添加分页
|
|
|
+ sql += ` LIMIT ${this.pagination.limit} OFFSET ${(this.pagination.currentPage - 1) * this.pagination.limit}`
|
|
|
+ return sql
|
|
|
+ },
|
|
|
// 分页/排序处理
|
|
|
- handlePaginationChange(page) {
|
|
|
+ handlePaginationChange (page) {
|
|
|
ActionUtils.setPagination(this.pagination, page)
|
|
|
this.loadData()
|
|
|
},
|
|
|
- handleSortChange(sort) {
|
|
|
+ handleSortChange (sort) {
|
|
|
ActionUtils.setSorts(this.sorts, sort)
|
|
|
this.loadData()
|
|
|
},
|
|
|
|
|
|
// 操作处理
|
|
|
- handleAction(command, _, selection) {
|
|
|
- switch(command) {
|
|
|
+ handleAction (command, _, selection) {
|
|
|
+ switch (command) {
|
|
|
case 'search':
|
|
|
ActionUtils.setFirstPagination(this.pagination)
|
|
|
this.loadData()
|
|
|
@@ -180,14 +226,91 @@ export default {
|
|
|
break
|
|
|
}
|
|
|
},
|
|
|
- // 导出数据（需实现后端接口）
|
|
|
- exportData() {
|
|
|
- const sql = 'SELECT * FROM t_attendance_detail'
|
|
|
- this.$common.request('export', { sql }).then(res => {
|
|
|
- const link = document.createElement('a')
|
|
|
- link.href = URL.createObjectURL(new Blob([res.data]))
|
|
|
- link.download = `考勤明细_${new Date().toLocaleDateString()}.csv`
|
|
|
- link.click()
|
|
|
+ // 导出数据
|
|
|
+ exportData () {
|
|
|
+ const exportColumns = [
|
|
|
+ {
|
|
|
+ field_name: 'userName',
|
|
|
+ label: '姓名',
|
|
|
+ name: 'userName'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ field_name: 'deptName',
|
|
|
+ label: '部门',
|
|
|
+ name: 'deptName'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ field_name: 'gong_hao_',
|
|
|
+ label: '工号',
|
|
|
+ name: 'gong_hao_'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ field_name: 'pai_ban_ming_chen',
|
|
|
+ label: '排班名称',
|
|
|
+ name: 'pai_ban_ming_chen'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ field_name: 'ban_ci_ming_',
|
|
|
+ label: '班次名',
|
|
|
+ name: 'ban_ci_ming_'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ field_name: 'ban_ci_bie_ming_',
|
|
|
+ label: '班次别名',
|
|
|
+ name: 'ban_ci_bie_ming_'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ field_name: 'ri_qi_',
|
|
|
+ label: '日期',
|
|
|
+ name: 'ri_qi_'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ field_name: 'da_ka_shi_jian_1_',
|
|
|
+ label: '上班打卡时间',
|
|
|
+ name: 'da_ka_shi_jian_1_'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ field_name: 'zhuang_tai_1_',
|
|
|
+ label: '上班打卡状态',
|
|
|
+ name: 'zhuang_tai_1_'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ field_name: 'da_ka_shi_jian_2_',
|
|
|
+ label: '下班打卡时间',
|
|
|
+ name: 'da_ka_shi_jian_2_'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ field_name: 'zhuang_tai_2_',
|
|
|
+ label: '下班打卡状态',
|
|
|
+ name: 'zhuang_tai_2_'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ field_name: 'chi_dao_shi_chang',
|
|
|
+ label: '迟到时长(分钟)',
|
|
|
+ name: 'chi_dao_shi_chang'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ field_name: 'da_ka_ci_shu_',
|
|
|
+ label: '打卡次数',
|
|
|
+ name: 'da_ka_ci_shu_'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ field_name: 'kao_qin_zhuang_ta',
|
|
|
+ label: '考勤状态',
|
|
|
+ name: 'kao_qin_zhuang_ta'
|
|
|
+ }
|
|
|
+ ]
|
|
|
+ this.handleExport(exportColumns, this.listData, `考勤明细统计数据`)
|
|
|
+ },
|
|
|
+ handleExport (columns, data, title, message, nameKey = 'name') {
|
|
|
+ IbpsExport.excel({
|
|
|
+ columns: columns,
|
|
|
+ data: data,
|
|
|
+ nameKey: nameKey,
|
|
|
+ title: title
|
|
|
+ }).then(() => {
|
|
|
+ const msg = message || '导出成功'
|
|
|
+ ActionUtils.success(msg)
|
|
|
})
|
|
|
}
|
|
|
}
|
cfort