sc
This commit is contained in:
qsh
319
src/views/Home/FalseDiligenceReport/index.vue
Normal file
319
src/views/Home/FalseDiligenceReport/index.vue
Normal file
@@ -0,0 +1,319 @@
|
||||
<template>
|
||||
<div>
|
||||
<el-form :model="searchForm" ref="searchFormRef" inline @submit.prevent>
|
||||
<el-form-item>
|
||||
<el-date-picker
|
||||
v-model="searchForm.period"
|
||||
type="month"
|
||||
format="YYYY-MM"
|
||||
value-format="YYYY-MM"
|
||||
placeholder="年月"
|
||||
style="width: 100%"
|
||||
@change="handleSearch"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item>
|
||||
<el-input
|
||||
v-model="searchForm.orgName"
|
||||
placeholder="组织名称"
|
||||
clearable
|
||||
@keyup.enter="handleSearch"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item>
|
||||
<el-input
|
||||
v-model="searchForm.name"
|
||||
placeholder="员工姓名"
|
||||
clearable
|
||||
@keyup.enter="handleSearch"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item>
|
||||
<el-button @click="handleSearch" v-hasPermi="['home:false-dilegence:search']">
|
||||
查询
|
||||
</el-button>
|
||||
<el-button @click="handleSync" v-hasPermi="['home:false-dilegence:sync']">
|
||||
同步钉钉假勤
|
||||
</el-button>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
|
||||
<el-table
|
||||
v-loading="loading"
|
||||
:data="tableList"
|
||||
border
|
||||
stripe
|
||||
:default-expand-all="false"
|
||||
row-key="id"
|
||||
:tree-props="{ children: 'userSalaryGrantRespVOList', hasChildren: 'hasChildren' }"
|
||||
:span-method="spanMethod"
|
||||
>
|
||||
<el-table-column label="姓名" min-width="90px">
|
||||
<template #default="{ row }">
|
||||
<span v-if="row.userSalaryGrantRespVOList && row.userSalaryGrantRespVOList.length">
|
||||
<span>{{ row.period }}</span>
|
||||
<span class="ml-20px">考勤人数：{{ row.grantNum }}人</span>
|
||||
<span class="ml-20px">不考勤人数：{{ row.allGrantSalaryTotal }}</span>
|
||||
</span>
|
||||
<span v-else>
|
||||
{{ row.name }}
|
||||
</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="period" label="年月" min-width="90px" />
|
||||
<el-table-column prop="dept" label="组织" min-width="90px" />
|
||||
<el-table-column prop="post" label="计薪天数" min-width="90px" />
|
||||
<el-table-column label="出勤天数" align="center">
|
||||
<template #default="{ row }">
|
||||
<el-input-number
|
||||
v-if="row.edit"
|
||||
v-model="row.baseSalary"
|
||||
:min="0"
|
||||
:controls="false"
|
||||
size="small"
|
||||
style="width: 65px"
|
||||
/>
|
||||
<span v-else> {{ row.baseSalary }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="缺勤天数" align="center">
|
||||
<template #default="{ row }">
|
||||
<el-input-number
|
||||
v-if="row.edit"
|
||||
v-model="row.baseSalary"
|
||||
:min="0"
|
||||
:controls="false"
|
||||
size="small"
|
||||
style="width: 65px"
|
||||
/>
|
||||
<span v-else> {{ row.baseSalary }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="事假时长" align="center">
|
||||
<template #default="{ row }">
|
||||
<el-input-number
|
||||
v-if="row.edit"
|
||||
v-model="row.baseSalary"
|
||||
:min="0"
|
||||
:controls="false"
|
||||
size="small"
|
||||
style="width: 65px"
|
||||
/>
|
||||
<span v-else> {{ row.baseSalary }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="婚假天数" align="center">
|
||||
<template #default="{ row }">
|
||||
<el-input-number
|
||||
v-if="row.edit"
|
||||
v-model="row.baseSalary"
|
||||
:min="0"
|
||||
:controls="false"
|
||||
size="small"
|
||||
style="width: 65px"
|
||||
/>
|
||||
<span v-else> {{ row.baseSalary }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="产假天数" align="center">
|
||||
<template #default="{ row }">
|
||||
<el-input-number
|
||||
v-if="row.edit"
|
||||
v-model="row.baseSalary"
|
||||
:min="0"
|
||||
:controls="false"
|
||||
size="small"
|
||||
style="width: 65px"
|
||||
/>
|
||||
<span v-else> {{ row.baseSalary }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="丧假天数" align="center">
|
||||
<template #default="{ row }">
|
||||
<el-input-number
|
||||
v-if="row.edit"
|
||||
v-model="row.baseSalary"
|
||||
:min="0"
|
||||
:controls="false"
|
||||
size="small"
|
||||
style="width: 65px"
|
||||
/>
|
||||
<span v-else> {{ row.baseSalary }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="旷工天数" align="center">
|
||||
<template #default="{ row }">
|
||||
<el-input-number
|
||||
v-if="row.edit"
|
||||
v-model="row.baseSalary"
|
||||
:min="0"
|
||||
:controls="false"
|
||||
size="small"
|
||||
style="width: 65px"
|
||||
/>
|
||||
<span v-else> {{ row.baseSalary }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="操作" fixed="right" width="200">
|
||||
<template #default="{ row }">
|
||||
<el-button
|
||||
type="primary"
|
||||
style="padding: 0"
|
||||
v-if="row.edit === '0'"
|
||||
text
|
||||
v-hasPermi="['home:false-dilegence:update']"
|
||||
@click="handleEdit(row)"
|
||||
>
|
||||
修改
|
||||
</el-button>
|
||||
<el-button
|
||||
type="primary"
|
||||
v-else-if="row.edit === '1'"
|
||||
text
|
||||
style="padding: 0"
|
||||
v-hasPermi="['home:false-dilegence:update']"
|
||||
@click="handleSave(row)"
|
||||
>
|
||||
保存
|
||||
</el-button>
|
||||
<el-button
|
||||
type="danger"
|
||||
v-if="row.id"
|
||||
:disabled="row.status == 1"
|
||||
style="padding: 0"
|
||||
text
|
||||
v-hasPermi="['home:false-dilegence:sealup']"
|
||||
@click="handleSealup(row)"
|
||||
>
|
||||
<span v-if="row.status == 0">封存</span>
|
||||
<span v-else-if="row.status == 1">已封存</span>
|
||||
</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
|
||||
<Pagination
|
||||
:total="total"
|
||||
v-model:page="searchForm.pageNo"
|
||||
v-model:limit="searchForm.pageSize"
|
||||
@pagination="getList"
|
||||
/>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup name="FalseDilegenceReport">
|
||||
import { removeNullField } from '@/utils'
|
||||
import { formatDate } from '@/utils/formatTime'
|
||||
import * as SalaryApi from '@/api/home/salary.js'
|
||||
|
||||
const message = useMessage() // 消息弹窗
|
||||
|
||||
const searchForm = ref({
|
||||
name: undefined,
|
||||
period: undefined,
|
||||
pageNo: 1,
|
||||
pageSize: 20
|
||||
})
|
||||
|
||||
onMounted(() => {
|
||||
handleSearch()
|
||||
})
|
||||
|
||||
function handleSearch() {
|
||||
searchForm.value.pageNo = 1
|
||||
getList()
|
||||
}
|
||||
|
||||
const loading = ref(false)
|
||||
const tableList = ref([])
|
||||
const total = ref(0)
|
||||
async function getList() {
|
||||
loading.value = true
|
||||
try {
|
||||
let params = {
|
||||
...searchForm.value
|
||||
}
|
||||
if (params.period) {
|
||||
params = {
|
||||
...params,
|
||||
year: new Date(params.period).getFullYear(),
|
||||
month: new Date(params.period).getMonth() + 1
|
||||
}
|
||||
}
|
||||
const data = await SalaryApi.getSalaryPage(removeNullField(params))
|
||||
if (searchForm.value.name) {
|
||||
tableList.value = data.list.reduce((pre, cur) => {
|
||||
return pre.concat(cur.userSalaryGrantRespVOList)
|
||||
}, [])
|
||||
} else {
|
||||
tableList.value = data.list.map((it, index) => ({
|
||||
...it,
|
||||
id: index + 1,
|
||||
edit: it.status == 1 ? '2' : '0'
|
||||
}))
|
||||
}
|
||||
total.value = data.total
|
||||
} catch (err) {
|
||||
console.log(err)
|
||||
} finally {
|
||||
loading.value = false
|
||||
}
|
||||
}
|
||||
|
||||
function spanMethod({ row, columnIndex }) {
|
||||
if (row.userSalaryGrantRespVOList && row.userSalaryGrantRespVOList.length > 0) {
|
||||
if (columnIndex === 0) {
|
||||
return [1, 11]
|
||||
} else if (columnIndex == 11 && row.id) {
|
||||
return [1, 1]
|
||||
} else {
|
||||
return [0, 0]
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
async function handleSync() {
|
||||
const result = await message.prompt('请输入年月，如2024-01')
|
||||
message.success(`正在同步${formatDate(new Date(result.value), 'YYYY-MM')}假勤数据，请稍后...`)
|
||||
}
|
||||
|
||||
function handleEdit(row) {
|
||||
row.edit = '1'
|
||||
row.userSalaryGrantRespVOList.forEach((it) => (it.edit = true))
|
||||
}
|
||||
|
||||
async function handleSave(row) {
|
||||
row.edit = '0'
|
||||
row.userSalaryGrantRespVOList.forEach((it) => (it.edit = false))
|
||||
loading.value = true
|
||||
await SalaryApi.updateSalarySlip(row.userSalaryGrantRespVOList)
|
||||
message.success('保存成功！')
|
||||
getList()
|
||||
}
|
||||
|
||||
async function handleSealup(row) {
|
||||
try {
|
||||
// 二次确认
|
||||
await message.confirm('确认要封存"' + row.period + '"假勤吗?')
|
||||
// 发起修改状态
|
||||
await SalaryApi.sealupSalarySlip({
|
||||
grantIdList: row.userSalaryGrantRespVOList.map((it) => it.grantId),
|
||||
period: row.period
|
||||
})
|
||||
// 刷新列表
|
||||
await getList()
|
||||
} catch (err) {
|
||||
console.log(err)
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
:deep(.el-table__indent) {
|
||||
display: none;
|
||||
}
|
||||
|
||||
:deep(.el-table__placeholder) {
|
||||
display: none;
|
||||
}
|
||||
</style>
|
||||
Reference in New Issue
Block a user