HRM 员工档案。入职申请 和转正申请
quu
parent
d986e37efc
commit
42e73b5c17
|
|
@ -0,0 +1,45 @@
|
|||
import request from '@/config/axios'
|
||||
|
||||
// 人事证明申请 VO
|
||||
export interface CertificateRequestVO {
|
||||
id: number // 主键ID
|
||||
userId: number // 申请人ID
|
||||
processInstanceId: string // 工作流编号
|
||||
auditStatus: number // 审批状态
|
||||
certificateType: number // 证明类型（在职证明、实习证明）
|
||||
applicationDate: Date // 申请日期
|
||||
reason: string // 申请事由
|
||||
}
|
||||
|
||||
// 人事证明申请 API
|
||||
export const CertificateRequestApi = {
|
||||
// 查询人事证明申请分页
|
||||
getCertificateRequestPage: async (params: any) => {
|
||||
return await request.get({ url: `/hrm/certificate-request/page`, params })
|
||||
},
|
||||
|
||||
// 查询人事证明申请详情
|
||||
getCertificateRequest: async (id: number) => {
|
||||
return await request.get({ url: `/hrm/certificate-request/get?id=` + id })
|
||||
},
|
||||
|
||||
// 新增人事证明申请
|
||||
createCertificateRequest: async (data: CertificateRequestVO) => {
|
||||
return await request.post({ url: `/hrm/certificate-request/create`, data })
|
||||
},
|
||||
|
||||
// 修改人事证明申请
|
||||
updateCertificateRequest: async (data: CertificateRequestVO) => {
|
||||
return await request.put({ url: `/hrm/certificate-request/update`, data })
|
||||
},
|
||||
|
||||
// 删除人事证明申请
|
||||
deleteCertificateRequest: async (id: number) => {
|
||||
return await request.delete({ url: `/hrm/certificate-request/delete?id=` + id })
|
||||
},
|
||||
|
||||
// 导出人事证明申请 Excel
|
||||
exportCertificateRequest: async (params) => {
|
||||
return await request.download({ url: `/hrm/certificate-request/export-excel`, params })
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,58 @@
|
|||
import request from '@/config/axios'
|
||||
|
||||
// 调岗申请 VO
|
||||
export interface JobTransferApplyVO {
|
||||
id: number // 主键，自动递增
|
||||
userId: number // 员工档案ID
|
||||
processInstanceId: string // 工作流编号
|
||||
auditStatus: number // 审批状态
|
||||
applyType: number // 调岗类型
|
||||
applyReason: number // 调岗原因
|
||||
beforeDeptId: number // 调动前部门
|
||||
beforePostLevel: number // 调动前职级
|
||||
beforeGradeLevel: number // 调动前档级
|
||||
beforeSalary: string // 调动前薪资
|
||||
beforePostId: number // 调动前岗位
|
||||
applyInfo: string // 申请说明
|
||||
afterDeptId: number // 调动后部门
|
||||
afterSalary: number // 调动后薪资
|
||||
afterPostLevel: number // 调动后职级
|
||||
afterGradeLevel: number // 调动前档级
|
||||
afterPostId: number // 调动后岗位
|
||||
afterPostName: string // 调动后岗位名称
|
||||
effectiverDate: Date // 生效日期
|
||||
attachment: string // 附件
|
||||
}
|
||||
|
||||
// 调岗申请 API
|
||||
export const JobTransferApplyApi = {
|
||||
// 查询调岗申请分页
|
||||
getJobTransferApplyPage: async (params: any) => {
|
||||
return await request.get({ url: `/hrm/job-transfer-apply/page`, params })
|
||||
},
|
||||
|
||||
// 查询调岗申请详情
|
||||
getJobTransferApply: async (id: number) => {
|
||||
return await request.get({ url: `/hrm/job-transfer-apply/get?id=` + id })
|
||||
},
|
||||
|
||||
// 新增调岗申请
|
||||
createJobTransferApply: async (data: JobTransferApplyVO) => {
|
||||
return await request.post({ url: `/hrm/job-transfer-apply/create`, data })
|
||||
},
|
||||
|
||||
// 修改调岗申请
|
||||
updateJobTransferApply: async (data: JobTransferApplyVO) => {
|
||||
return await request.put({ url: `/hrm/job-transfer-apply/update`, data })
|
||||
},
|
||||
|
||||
// 删除调岗申请
|
||||
deleteJobTransferApply: async (id: number) => {
|
||||
return await request.delete({ url: `/hrm/job-transfer-apply/delete?id=` + id })
|
||||
},
|
||||
|
||||
// 导出调岗申请 Excel
|
||||
exportJobTransferApply: async (params) => {
|
||||
return await request.download({ url: `/hrm/job-transfer-apply/export-excel`, params })
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,45 @@
|
|||
import request from '@/config/axios'
|
||||
|
||||
// 师徒申请 VO
|
||||
export interface MentorsApplyVO {
|
||||
id: number // 主键，自动递增
|
||||
userId: number // 员工档案ID
|
||||
processInstanceId: string // 工作流编号
|
||||
auditStatus: number // 审批状态
|
||||
mentorsType: number // 师徒类型. 0拜师 1收徒
|
||||
acceptUserId: number // 接受员工Id
|
||||
effectiverDate: Date // 生效日期
|
||||
}
|
||||
|
||||
// 师徒申请 API
|
||||
export const MentorsApplyApi = {
|
||||
// 查询师徒申请分页
|
||||
getMentorsApplyPage: async (params: any) => {
|
||||
return await request.get({ url: `/hrm/mentors-apply/page`, params })
|
||||
},
|
||||
|
||||
// 查询师徒申请详情
|
||||
getMentorsApply: async (id: number) => {
|
||||
return await request.get({ url: `/hrm/mentors-apply/get?id=` + id })
|
||||
},
|
||||
|
||||
// 新增师徒申请
|
||||
createMentorsApply: async (data: MentorsApplyVO) => {
|
||||
return await request.post({ url: `/hrm/mentors-apply/create`, data })
|
||||
},
|
||||
|
||||
// 修改师徒申请
|
||||
updateMentorsApply: async (data: MentorsApplyVO) => {
|
||||
return await request.put({ url: `/hrm/mentors-apply/update`, data })
|
||||
},
|
||||
|
||||
// 删除师徒申请
|
||||
deleteMentorsApply: async (id: number) => {
|
||||
return await request.delete({ url: `/hrm/mentors-apply/delete?id=` + id })
|
||||
},
|
||||
|
||||
// 导出师徒申请 Excel
|
||||
exportMentorsApply: async (params) => {
|
||||
return await request.download({ url: `/hrm/mentors-apply/export-excel`, params })
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,48 @@
|
|||
import request from '@/config/axios'
|
||||
|
||||
// 离职申请 VO
|
||||
export interface ResignationApplyVO {
|
||||
id: number // 主键，自动递增
|
||||
userId: number // 员工档案ID
|
||||
processInstanceId: string // 工作流编号
|
||||
auditStatus: number // 审批状态
|
||||
expectedResignDate: Date // 预计离职日期
|
||||
resignationReason: number // 离职原因：个人原因、发展原因、薪酬原因、工作压力大、不接受组织调整、其他
|
||||
reasonDescription: string // 离职原因说明
|
||||
feedbackOnWorkEnv: string // 对工作等环境和公司文化的反馈
|
||||
suggestions: string // 对公司的意见和建议
|
||||
suggestionsForImprovement: string // 希望公司在未来的发展中能够做到的改进
|
||||
}
|
||||
|
||||
// 离职申请 API
|
||||
export const ResignationApplyApi = {
|
||||
// 查询离职申请分页
|
||||
getResignationApplyPage: async (params: any) => {
|
||||
return await request.get({ url: `/hrm/resignation-apply/page`, params })
|
||||
},
|
||||
|
||||
// 查询离职申请详情
|
||||
getResignationApply: async (id: number) => {
|
||||
return await request.get({ url: `/hrm/resignation-apply/get?id=` + id })
|
||||
},
|
||||
|
||||
// 新增离职申请
|
||||
createResignationApply: async (data: ResignationApplyVO) => {
|
||||
return await request.post({ url: `/hrm/resignation-apply/create`, data })
|
||||
},
|
||||
|
||||
// 修改离职申请
|
||||
updateResignationApply: async (data: ResignationApplyVO) => {
|
||||
return await request.put({ url: `/hrm/resignation-apply/update`, data })
|
||||
},
|
||||
|
||||
// 删除离职申请
|
||||
deleteResignationApply: async (id: number) => {
|
||||
return await request.delete({ url: `/hrm/resignation-apply/delete?id=` + id })
|
||||
},
|
||||
|
||||
// 导出离职申请 Excel
|
||||
exportResignationApply: async (params) => {
|
||||
return await request.download({ url: `/hrm/resignation-apply/export-excel`, params })
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,136 @@
|
|||
<template>
|
||||
<Dialog :title="dialogTitle" v-model="dialogVisible">
|
||||
<el-form
|
||||
ref="formRef"
|
||||
:model="formData"
|
||||
:rules="formRules"
|
||||
label-width="100px"
|
||||
v-loading="formLoading"
|
||||
>
|
||||
<el-form-item label="申请人ID" prop="userId">
|
||||
<el-input v-model="formData.userId" placeholder="请输入申请人ID" />
|
||||
</el-form-item>
|
||||
<el-form-item label="工作流编号" prop="processInstanceId">
|
||||
<el-input v-model="formData.processInstanceId" placeholder="请输入工作流编号" />
|
||||
</el-form-item>
|
||||
<el-form-item label="审批状态" prop="auditStatus">
|
||||
<el-radio-group v-model="formData.auditStatus">
|
||||
<el-radio value="1">请选择字典生成</el-radio>
|
||||
</el-radio-group>
|
||||
</el-form-item>
|
||||
<el-form-item label="证明类型（在职证明、实习证明）" prop="certificateType">
|
||||
<el-select v-model="formData.certificateType" placeholder="请选择证明类型（在职证明、实习证明）">
|
||||
<el-option
|
||||
v-for="dict in getIntDictOptions(DICT_TYPE.HRM_CERTIFICATE_TYPE)"
|
||||
:key="dict.value"
|
||||
:label="dict.label"
|
||||
:value="dict.value"
|
||||
/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="申请日期" prop="applicationDate">
|
||||
<el-date-picker
|
||||
v-model="formData.applicationDate"
|
||||
type="date"
|
||||
value-format="x"
|
||||
placeholder="选择申请日期"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="申请事由" prop="reason">
|
||||
<el-input v-model="formData.reason" placeholder="请输入申请事由" />
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<template #footer>
|
||||
<el-button @click="submitForm" type="primary" :disabled="formLoading">确 定</el-button>
|
||||
<el-button @click="dialogVisible = false">取 消</el-button>
|
||||
</template>
|
||||
</Dialog>
|
||||
</template>
|
||||
<script setup lang="ts">
|
||||
import { getIntDictOptions, DICT_TYPE } from '@/utils/dict'
|
||||
import { CertificateRequestApi, CertificateRequestVO } from '@/api/hrm/certificaterequest'
|
||||
|
||||
/** 人事证明申请 表单 */
|
||||
defineOptions({ name: 'CertificateRequestForm' })
|
||||
|
||||
const { t } = useI18n() // 国际化
|
||||
const message = useMessage() // 消息弹窗
|
||||
|
||||
const dialogVisible = ref(false) // 弹窗的是否展示
|
||||
const dialogTitle = ref('') // 弹窗的标题
|
||||
const formLoading = ref(false) // 表单的加载中：1）修改时的数据加载；2）提交的按钮禁用
|
||||
const formType = ref('') // 表单的类型：create - 新增；update - 修改
|
||||
const formData = ref({
|
||||
id: undefined,
|
||||
userId: undefined,
|
||||
processInstanceId: undefined,
|
||||
auditStatus: undefined,
|
||||
certificateType: undefined,
|
||||
applicationDate: undefined,
|
||||
reason: undefined
|
||||
})
|
||||
const formRules = reactive({
|
||||
userId: [{ required: true, message: '申请人ID不能为空', trigger: 'blur' }],
|
||||
auditStatus: [{ required: true, message: '审批状态不能为空', trigger: 'blur' }],
|
||||
certificateType: [{ required: true, message: '证明类型（在职证明、实习证明）不能为空', trigger: 'change' }],
|
||||
applicationDate: [{ required: true, message: '申请日期不能为空', trigger: 'blur' }],
|
||||
reason: [{ required: true, message: '申请事由不能为空', trigger: 'blur' }]
|
||||
})
|
||||
const formRef = ref() // 表单 Ref
|
||||
|
||||
/** 打开弹窗 */
|
||||
const open = async (type: string, id?: number) => {
|
||||
dialogVisible.value = true
|
||||
dialogTitle.value = t('action.' + type)
|
||||
formType.value = type
|
||||
resetForm()
|
||||
// 修改时，设置数据
|
||||
if (id) {
|
||||
formLoading.value = true
|
||||
try {
|
||||
formData.value = await CertificateRequestApi.getCertificateRequest(id)
|
||||
} finally {
|
||||
formLoading.value = false
|
||||
}
|
||||
}
|
||||
}
|
||||
defineExpose({ open }) // 提供 open 方法，用于打开弹窗
|
||||
|
||||
/** 提交表单 */
|
||||
const emit = defineEmits(['success']) // 定义 success 事件，用于操作成功后的回调
|
||||
const submitForm = async () => {
|
||||
// 校验表单
|
||||
await formRef.value.validate()
|
||||
// 提交请求
|
||||
formLoading.value = true
|
||||
try {
|
||||
const data = formData.value as unknown as CertificateRequestVO
|
||||
if (formType.value === 'create') {
|
||||
await CertificateRequestApi.createCertificateRequest(data)
|
||||
message.success(t('common.createSuccess'))
|
||||
} else {
|
||||
await CertificateRequestApi.updateCertificateRequest(data)
|
||||
message.success(t('common.updateSuccess'))
|
||||
}
|
||||
dialogVisible.value = false
|
||||
// 发送操作成功的事件
|
||||
emit('success')
|
||||
} finally {
|
||||
formLoading.value = false
|
||||
}
|
||||
}
|
||||
|
||||
/** 重置表单 */
|
||||
const resetForm = () => {
|
||||
formData.value = {
|
||||
id: undefined,
|
||||
userId: undefined,
|
||||
processInstanceId: undefined,
|
||||
auditStatus: undefined,
|
||||
certificateType: undefined,
|
||||
applicationDate: undefined,
|
||||
reason: undefined
|
||||
}
|
||||
formRef.value?.resetFields()
|
||||
}
|
||||
</script>
|
||||
|
|
@ -0,0 +1,256 @@
|
|||
<template>
|
||||
<ContentWrap>
|
||||
<!-- 搜索工作栏 -->
|
||||
<el-form
|
||||
class="-mb-15px"
|
||||
:model="queryParams"
|
||||
ref="queryFormRef"
|
||||
:inline="true"
|
||||
label-width="68px"
|
||||
>
|
||||
<el-form-item label="申请人ID" prop="userId">
|
||||
<el-input
|
||||
v-model="queryParams.userId"
|
||||
placeholder="请输入申请人ID"
|
||||
clearable
|
||||
@keyup.enter="handleQuery"
|
||||
class="!w-240px"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="工作流编号" prop="processInstanceId">
|
||||
<el-input
|
||||
v-model="queryParams.processInstanceId"
|
||||
placeholder="请输入工作流编号"
|
||||
clearable
|
||||
@keyup.enter="handleQuery"
|
||||
class="!w-240px"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="审批状态" prop="auditStatus">
|
||||
<el-select
|
||||
v-model="queryParams.auditStatus"
|
||||
placeholder="请选择审批状态"
|
||||
clearable
|
||||
class="!w-240px"
|
||||
>
|
||||
<el-option label="请选择字典生成" value="" />
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="证明类型（在职证明、实习证明）" prop="certificateType">
|
||||
<el-select
|
||||
v-model="queryParams.certificateType"
|
||||
placeholder="请选择证明类型（在职证明、实习证明）"
|
||||
clearable
|
||||
class="!w-240px"
|
||||
>
|
||||
<el-option
|
||||
v-for="dict in getIntDictOptions(DICT_TYPE.HRM_CERTIFICATE_TYPE)"
|
||||
:key="dict.value"
|
||||
:label="dict.label"
|
||||
:value="dict.value"
|
||||
/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="申请日期" prop="applicationDate">
|
||||
<el-date-picker
|
||||
v-model="queryParams.applicationDate"
|
||||
value-format="YYYY-MM-DD HH:mm:ss"
|
||||
type="daterange"
|
||||
start-placeholder="开始日期"
|
||||
end-placeholder="结束日期"
|
||||
:default-time="[new Date('1 00:00:00'), new Date('1 23:59:59')]"
|
||||
class="!w-220px"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="申请事由" prop="reason">
|
||||
<el-input
|
||||
v-model="queryParams.reason"
|
||||
placeholder="请输入申请事由"
|
||||
clearable
|
||||
@keyup.enter="handleQuery"
|
||||
class="!w-240px"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="创建时间" prop="createTime">
|
||||
<el-date-picker
|
||||
v-model="queryParams.createTime"
|
||||
value-format="YYYY-MM-DD HH:mm:ss"
|
||||
type="daterange"
|
||||
start-placeholder="开始日期"
|
||||
end-placeholder="结束日期"
|
||||
:default-time="[new Date('1 00:00:00'), new Date('1 23:59:59')]"
|
||||
class="!w-220px"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item>
|
||||
<el-button @click="handleQuery"><Icon icon="ep:search" class="mr-5px" /> 搜索</el-button>
|
||||
<el-button @click="resetQuery"><Icon icon="ep:refresh" class="mr-5px" /> 重置</el-button>
|
||||
<el-button
|
||||
type="primary"
|
||||
plain
|
||||
@click="openForm('create')"
|
||||
v-hasPermi="['hrm:certificate-request:create']"
|
||||
>
|
||||
<Icon icon="ep:plus" class="mr-5px" /> 新增
|
||||
</el-button>
|
||||
<el-button
|
||||
type="success"
|
||||
plain
|
||||
@click="handleExport"
|
||||
:loading="exportLoading"
|
||||
v-hasPermi="['hrm:certificate-request:export']"
|
||||
>
|
||||
<Icon icon="ep:download" class="mr-5px" /> 导出
|
||||
</el-button>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</ContentWrap>
|
||||
|
||||
<!-- 列表 -->
|
||||
<ContentWrap>
|
||||
<el-table v-loading="loading" :data="list" :stripe="true" :show-overflow-tooltip="true">
|
||||
<el-table-column label="主键ID" align="center" prop="id" />
|
||||
<el-table-column label="申请人ID" align="center" prop="userId" />
|
||||
<el-table-column label="工作流编号" align="center" prop="processInstanceId" />
|
||||
<el-table-column label="审批状态" align="center" prop="auditStatus" />
|
||||
<el-table-column label="证明类型（在职证明、实习证明）" align="center" prop="certificateType">
|
||||
<template #default="scope">
|
||||
<dict-tag :type="DICT_TYPE.HRM_CERTIFICATE_TYPE" :value="scope.row.certificateType" />
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="申请日期" align="center" prop="applicationDate" />
|
||||
<el-table-column label="申请事由" align="center" prop="reason" />
|
||||
<el-table-column
|
||||
label="创建时间"
|
||||
align="center"
|
||||
prop="createTime"
|
||||
:formatter="dateFormatter"
|
||||
width="180px"
|
||||
/>
|
||||
<el-table-column label="操作" align="center" min-width="120px">
|
||||
<template #default="scope">
|
||||
<el-button
|
||||
link
|
||||
type="primary"
|
||||
@click="openForm('update', scope.row.id)"
|
||||
v-hasPermi="['hrm:certificate-request:update']"
|
||||
>
|
||||
编辑
|
||||
</el-button>
|
||||
<el-button
|
||||
link
|
||||
type="danger"
|
||||
@click="handleDelete(scope.row.id)"
|
||||
v-hasPermi="['hrm:certificate-request:delete']"
|
||||
>
|
||||
删除
|
||||
</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<!-- 分页 -->
|
||||
<Pagination
|
||||
:total="total"
|
||||
v-model:page="queryParams.pageNo"
|
||||
v-model:limit="queryParams.pageSize"
|
||||
@pagination="getList"
|
||||
/>
|
||||
</ContentWrap>
|
||||
|
||||
<!-- 表单弹窗：添加/修改 -->
|
||||
<CertificateRequestForm ref="formRef" @success="getList" />
|
||||
</template>
|
||||
|
||||
<script setup lang="ts">
|
||||
import { getIntDictOptions, DICT_TYPE } from '@/utils/dict'
|
||||
import { dateFormatter } from '@/utils/formatTime'
|
||||
import download from '@/utils/download'
|
||||
import { CertificateRequestApi, CertificateRequestVO } from '@/api/hrm/certificaterequest'
|
||||
import CertificateRequestForm from './CertificateRequestForm.vue'
|
||||
|
||||
/** 人事证明申请 列表 */
|
||||
defineOptions({ name: 'CertificateRequest' })
|
||||
|
||||
const message = useMessage() // 消息弹窗
|
||||
const { t } = useI18n() // 国际化
|
||||
|
||||
const loading = ref(true) // 列表的加载中
|
||||
const list = ref<CertificateRequestVO[]>([]) // 列表的数据
|
||||
const total = ref(0) // 列表的总页数
|
||||
const queryParams = reactive({
|
||||
pageNo: 1,
|
||||
pageSize: 10,
|
||||
userId: undefined,
|
||||
processInstanceId: undefined,
|
||||
auditStatus: undefined,
|
||||
certificateType: undefined,
|
||||
applicationDate: [],
|
||||
reason: undefined,
|
||||
createTime: []
|
||||
})
|
||||
const queryFormRef = ref() // 搜索的表单
|
||||
const exportLoading = ref(false) // 导出的加载中
|
||||
|
||||
/** 查询列表 */
|
||||
const getList = async () => {
|
||||
loading.value = true
|
||||
try {
|
||||
const data = await CertificateRequestApi.getCertificateRequestPage(queryParams)
|
||||
list.value = data.list
|
||||
total.value = data.total
|
||||
} finally {
|
||||
loading.value = false
|
||||
}
|
||||
}
|
||||
|
||||
/** 搜索按钮操作 */
|
||||
const handleQuery = () => {
|
||||
queryParams.pageNo = 1
|
||||
getList()
|
||||
}
|
||||
|
||||
/** 重置按钮操作 */
|
||||
const resetQuery = () => {
|
||||
queryFormRef.value.resetFields()
|
||||
handleQuery()
|
||||
}
|
||||
|
||||
/** 添加/修改操作 */
|
||||
const formRef = ref()
|
||||
const openForm = (type: string, id?: number) => {
|
||||
formRef.value.open(type, id)
|
||||
}
|
||||
|
||||
/** 删除按钮操作 */
|
||||
const handleDelete = async (id: number) => {
|
||||
try {
|
||||
// 删除的二次确认
|
||||
await message.delConfirm()
|
||||
// 发起删除
|
||||
await CertificateRequestApi.deleteCertificateRequest(id)
|
||||
message.success(t('common.delSuccess'))
|
||||
// 刷新列表
|
||||
await getList()
|
||||
} catch {}
|
||||
}
|
||||
|
||||
/** 导出按钮操作 */
|
||||
const handleExport = async () => {
|
||||
try {
|
||||
// 导出的二次确认
|
||||
await message.exportConfirm()
|
||||
// 发起导出
|
||||
exportLoading.value = true
|
||||
const data = await CertificateRequestApi.exportCertificateRequest(queryParams)
|
||||
download.excel(data, '人事证明申请.xls')
|
||||
} catch {
|
||||
} finally {
|
||||
exportLoading.value = false
|
||||
}
|
||||
}
|
||||
|
||||
/** 初始化 **/
|
||||
onMounted(() => {
|
||||
getList()
|
||||
})
|
||||
</script>
|
||||
|
|
@ -146,4 +146,4 @@ const resetForm = () => {
|
|||
}
|
||||
formRef.value?.resetFields()
|
||||
}
|
||||
</script>
|
||||
</script>
|
||||
|
|
|
|||
|
|
@ -0,0 +1,210 @@
|
|||
<template>
|
||||
<Dialog :title="dialogTitle" v-model="dialogVisible">
|
||||
<el-form
|
||||
ref="formRef"
|
||||
:model="formData"
|
||||
:rules="formRules"
|
||||
label-width="100px"
|
||||
v-loading="formLoading"
|
||||
>
|
||||
<el-form-item label="员工档案ID" prop="userId">
|
||||
<el-input v-model="formData.userId" placeholder="请输入员工档案ID" />
|
||||
</el-form-item>
|
||||
<el-form-item label="工作流编号" prop="processInstanceId">
|
||||
<el-input v-model="formData.processInstanceId" placeholder="请输入工作流编号" />
|
||||
</el-form-item>
|
||||
<el-form-item label="审批状态" prop="auditStatus">
|
||||
<el-radio-group v-model="formData.auditStatus">
|
||||
<el-radio value="1">请选择字典生成</el-radio>
|
||||
</el-radio-group>
|
||||
</el-form-item>
|
||||
<el-form-item label="调岗类型" prop="applyType">
|
||||
<el-select v-model="formData.applyType" placeholder="请选择调岗类型">
|
||||
<el-option
|
||||
v-for="dict in getIntDictOptions(DICT_TYPE.HRM_APPLY_TYPE)"
|
||||
:key="dict.value"
|
||||
:label="dict.label"
|
||||
:value="dict.value"
|
||||
/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="调岗原因" prop="applyReason">
|
||||
<el-select v-model="formData.applyReason" placeholder="请选择调岗原因">
|
||||
<el-option
|
||||
v-for="dict in getIntDictOptions(DICT_TYPE.HRM_APPLY_REASON)"
|
||||
:key="dict.value"
|
||||
:label="dict.label"
|
||||
:value="dict.value"
|
||||
/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="调动前部门" prop="beforeDeptId">
|
||||
<el-input v-model="formData.beforeDeptId" placeholder="请输入调动前部门" />
|
||||
</el-form-item>
|
||||
<el-form-item label="调动前职级" prop="beforePostLevel">
|
||||
<el-input v-model="formData.beforePostLevel" placeholder="请输入调动前职级" />
|
||||
</el-form-item>
|
||||
<el-form-item label="调动前档级" prop="beforeGradeLevel">
|
||||
<el-input v-model="formData.beforeGradeLevel" placeholder="请输入调动前档级" />
|
||||
</el-form-item>
|
||||
<el-form-item label="调动前薪资" prop="beforeSalary">
|
||||
<el-input v-model="formData.beforeSalary" placeholder="请输入调动前薪资" />
|
||||
</el-form-item>
|
||||
<el-form-item label="调动前岗位" prop="beforePostId">
|
||||
<el-input v-model="formData.beforePostId" placeholder="请输入调动前岗位" />
|
||||
</el-form-item>
|
||||
<el-form-item label="申请说明" prop="applyInfo">
|
||||
<el-input v-model="formData.applyInfo" placeholder="请输入申请说明" />
|
||||
</el-form-item>
|
||||
<el-form-item label="调动后部门" prop="afterDeptId">
|
||||
<el-input v-model="formData.afterDeptId" placeholder="请输入调动后部门" />
|
||||
</el-form-item>
|
||||
<el-form-item label="调动后薪资" prop="afterSalary">
|
||||
<el-input v-model="formData.afterSalary" placeholder="请输入调动后薪资" />
|
||||
</el-form-item>
|
||||
<el-form-item label="调动后职级" prop="afterPostLevel">
|
||||
<el-input v-model="formData.afterPostLevel" placeholder="请输入调动后职级" />
|
||||
</el-form-item>
|
||||
<el-form-item label="调动前档级" prop="afterGradeLevel">
|
||||
<el-input v-model="formData.afterGradeLevel" placeholder="请输入调动前档级" />
|
||||
</el-form-item>
|
||||
<el-form-item label="调动后岗位" prop="afterPostId">
|
||||
<el-input v-model="formData.afterPostId" placeholder="请输入调动后岗位" />
|
||||
</el-form-item>
|
||||
<el-form-item label="调动后岗位名称" prop="afterPostName">
|
||||
<el-input v-model="formData.afterPostName" placeholder="请输入调动后岗位名称" />
|
||||
</el-form-item>
|
||||
<el-form-item label="生效日期" prop="effectiverDate">
|
||||
<el-date-picker
|
||||
v-model="formData.effectiverDate"
|
||||
type="date"
|
||||
value-format="x"
|
||||
placeholder="选择生效日期"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="附件" prop="attachment">
|
||||
<el-input v-model="formData.attachment" placeholder="请输入附件" />
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<template #footer>
|
||||
<el-button @click="submitForm" type="primary" :disabled="formLoading">确 定</el-button>
|
||||
<el-button @click="dialogVisible = false">取 消</el-button>
|
||||
</template>
|
||||
</Dialog>
|
||||
</template>
|
||||
<script setup lang="ts">
|
||||
import { getIntDictOptions, DICT_TYPE } from '@/utils/dict'
|
||||
import { JobTransferApplyApi, JobTransferApplyVO } from '@/api/hrm/jobtransferapply'
|
||||
|
||||
/** 调岗申请 表单 */
|
||||
defineOptions({ name: 'JobTransferApplyForm' })
|
||||
|
||||
const { t } = useI18n() // 国际化
|
||||
const message = useMessage() // 消息弹窗
|
||||
|
||||
const dialogVisible = ref(false) // 弹窗的是否展示
|
||||
const dialogTitle = ref('') // 弹窗的标题
|
||||
const formLoading = ref(false) // 表单的加载中：1）修改时的数据加载；2）提交的按钮禁用
|
||||
const formType = ref('') // 表单的类型：create - 新增；update - 修改
|
||||
const formData = ref({
|
||||
id: undefined,
|
||||
userId: undefined,
|
||||
processInstanceId: undefined,
|
||||
auditStatus: undefined,
|
||||
applyType: undefined,
|
||||
applyReason: undefined,
|
||||
beforeDeptId: undefined,
|
||||
beforePostLevel: undefined,
|
||||
beforeGradeLevel: undefined,
|
||||
beforeSalary: undefined,
|
||||
beforePostId: undefined,
|
||||
applyInfo: undefined,
|
||||
afterDeptId: undefined,
|
||||
afterSalary: undefined,
|
||||
afterPostLevel: undefined,
|
||||
afterGradeLevel: undefined,
|
||||
afterPostId: undefined,
|
||||
afterPostName: undefined,
|
||||
effectiverDate: undefined,
|
||||
attachment: undefined
|
||||
})
|
||||
const formRules = reactive({
|
||||
userId: [{ required: true, message: '员工档案ID不能为空', trigger: 'blur' }],
|
||||
auditStatus: [{ required: true, message: '审批状态不能为空', trigger: 'blur' }],
|
||||
applyType: [{ required: true, message: '调岗类型不能为空', trigger: 'change' }],
|
||||
applyReason: [{ required: true, message: '调岗原因不能为空', trigger: 'change' }],
|
||||
beforeDeptId: [{ required: true, message: '调动前部门不能为空', trigger: 'blur' }],
|
||||
effectiverDate: [{ required: true, message: '生效日期不能为空', trigger: 'blur' }],
|
||||
attachment: [{ required: true, message: '附件不能为空', trigger: 'blur' }]
|
||||
})
|
||||
const formRef = ref() // 表单 Ref
|
||||
|
||||
/** 打开弹窗 */
|
||||
const open = async (type: string, id?: number) => {
|
||||
dialogVisible.value = true
|
||||
dialogTitle.value = t('action.' + type)
|
||||
formType.value = type
|
||||
resetForm()
|
||||
// 修改时，设置数据
|
||||
if (id) {
|
||||
formLoading.value = true
|
||||
try {
|
||||
formData.value = await JobTransferApplyApi.getJobTransferApply(id)
|
||||
} finally {
|
||||
formLoading.value = false
|
||||
}
|
||||
}
|
||||
}
|
||||
defineExpose({ open }) // 提供 open 方法，用于打开弹窗
|
||||
|
||||
/** 提交表单 */
|
||||
const emit = defineEmits(['success']) // 定义 success 事件，用于操作成功后的回调
|
||||
const submitForm = async () => {
|
||||
// 校验表单
|
||||
await formRef.value.validate()
|
||||
// 提交请求
|
||||
formLoading.value = true
|
||||
try {
|
||||
const data = formData.value as unknown as JobTransferApplyVO
|
||||
if (formType.value === 'create') {
|
||||
await JobTransferApplyApi.createJobTransferApply(data)
|
||||
message.success(t('common.createSuccess'))
|
||||
} else {
|
||||
await JobTransferApplyApi.updateJobTransferApply(data)
|
||||
message.success(t('common.updateSuccess'))
|
||||
}
|
||||
dialogVisible.value = false
|
||||
// 发送操作成功的事件
|
||||
emit('success')
|
||||
} finally {
|
||||
formLoading.value = false
|
||||
}
|
||||
}
|
||||
|
||||
/** 重置表单 */
|
||||
const resetForm = () => {
|
||||
formData.value = {
|
||||
id: undefined,
|
||||
userId: undefined,
|
||||
processInstanceId: undefined,
|
||||
auditStatus: undefined,
|
||||
applyType: undefined,
|
||||
applyReason: undefined,
|
||||
beforeDeptId: undefined,
|
||||
beforePostLevel: undefined,
|
||||
beforeGradeLevel: undefined,
|
||||
beforeSalary: undefined,
|
||||
beforePostId: undefined,
|
||||
applyInfo: undefined,
|
||||
afterDeptId: undefined,
|
||||
afterSalary: undefined,
|
||||
afterPostLevel: undefined,
|
||||
afterGradeLevel: undefined,
|
||||
afterPostId: undefined,
|
||||
afterPostName: undefined,
|
||||
effectiverDate: undefined,
|
||||
attachment: undefined
|
||||
}
|
||||
formRef.value?.resetFields()
|
||||
}
|
||||
</script>
|
||||
|
|
@ -0,0 +1,409 @@
|
|||
<template>
|
||||
<ContentWrap>
|
||||
<!-- 搜索工作栏 -->
|
||||
<el-form
|
||||
class="-mb-15px"
|
||||
:model="queryParams"
|
||||
ref="queryFormRef"
|
||||
:inline="true"
|
||||
label-width="68px"
|
||||
>
|
||||
<el-form-item label="员工档案ID" prop="userId">
|
||||
<el-input
|
||||
v-model="queryParams.userId"
|
||||
placeholder="请输入员工档案ID"
|
||||
clearable
|
||||
@keyup.enter="handleQuery"
|
||||
class="!w-240px"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="工作流编号" prop="processInstanceId">
|
||||
<el-input
|
||||
v-model="queryParams.processInstanceId"
|
||||
placeholder="请输入工作流编号"
|
||||
clearable
|
||||
@keyup.enter="handleQuery"
|
||||
class="!w-240px"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="审批状态" prop="auditStatus">
|
||||
<el-select
|
||||
v-model="queryParams.auditStatus"
|
||||
placeholder="请选择审批状态"
|
||||
clearable
|
||||
class="!w-240px"
|
||||
>
|
||||
<el-option label="请选择字典生成" value="" />
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="调岗类型" prop="applyType">
|
||||
<el-select
|
||||
v-model="queryParams.applyType"
|
||||
placeholder="请选择调岗类型"
|
||||
clearable
|
||||
class="!w-240px"
|
||||
>
|
||||
<el-option
|
||||
v-for="dict in getIntDictOptions(DICT_TYPE.HRM_APPLY_TYPE)"
|
||||
:key="dict.value"
|
||||
:label="dict.label"
|
||||
:value="dict.value"
|
||||
/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="调岗原因" prop="applyReason">
|
||||
<el-select
|
||||
v-model="queryParams.applyReason"
|
||||
placeholder="请选择调岗原因"
|
||||
clearable
|
||||
class="!w-240px"
|
||||
>
|
||||
<el-option
|
||||
v-for="dict in getIntDictOptions(DICT_TYPE.HRM_APPLY_REASON)"
|
||||
:key="dict.value"
|
||||
:label="dict.label"
|
||||
:value="dict.value"
|
||||
/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="调动前部门" prop="beforeDeptId">
|
||||
<el-input
|
||||
v-model="queryParams.beforeDeptId"
|
||||
placeholder="请输入调动前部门"
|
||||
clearable
|
||||
@keyup.enter="handleQuery"
|
||||
class="!w-240px"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="调动前职级" prop="beforePostLevel">
|
||||
<el-input
|
||||
v-model="queryParams.beforePostLevel"
|
||||
placeholder="请输入调动前职级"
|
||||
clearable
|
||||
@keyup.enter="handleQuery"
|
||||
class="!w-240px"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="调动前档级" prop="beforeGradeLevel">
|
||||
<el-input
|
||||
v-model="queryParams.beforeGradeLevel"
|
||||
placeholder="请输入调动前档级"
|
||||
clearable
|
||||
@keyup.enter="handleQuery"
|
||||
class="!w-240px"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="调动前薪资" prop="beforeSalary">
|
||||
<el-input
|
||||
v-model="queryParams.beforeSalary"
|
||||
placeholder="请输入调动前薪资"
|
||||
clearable
|
||||
@keyup.enter="handleQuery"
|
||||
class="!w-240px"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="调动前岗位" prop="beforePostId">
|
||||
<el-input
|
||||
v-model="queryParams.beforePostId"
|
||||
placeholder="请输入调动前岗位"
|
||||
clearable
|
||||
@keyup.enter="handleQuery"
|
||||
class="!w-240px"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="申请说明" prop="applyInfo">
|
||||
<el-input
|
||||
v-model="queryParams.applyInfo"
|
||||
placeholder="请输入申请说明"
|
||||
clearable
|
||||
@keyup.enter="handleQuery"
|
||||
class="!w-240px"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="调动后部门" prop="afterDeptId">
|
||||
<el-input
|
||||
v-model="queryParams.afterDeptId"
|
||||
placeholder="请输入调动后部门"
|
||||
clearable
|
||||
@keyup.enter="handleQuery"
|
||||
class="!w-240px"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="调动后薪资" prop="afterSalary">
|
||||
<el-input
|
||||
v-model="queryParams.afterSalary"
|
||||
placeholder="请输入调动后薪资"
|
||||
clearable
|
||||
@keyup.enter="handleQuery"
|
||||
class="!w-240px"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="调动后职级" prop="afterPostLevel">
|
||||
<el-input
|
||||
v-model="queryParams.afterPostLevel"
|
||||
placeholder="请输入调动后职级"
|
||||
clearable
|
||||
@keyup.enter="handleQuery"
|
||||
class="!w-240px"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="调动前档级" prop="afterGradeLevel">
|
||||
<el-input
|
||||
v-model="queryParams.afterGradeLevel"
|
||||
placeholder="请输入调动前档级"
|
||||
clearable
|
||||
@keyup.enter="handleQuery"
|
||||
class="!w-240px"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="调动后岗位" prop="afterPostId">
|
||||
<el-input
|
||||
v-model="queryParams.afterPostId"
|
||||
placeholder="请输入调动后岗位"
|
||||
clearable
|
||||
@keyup.enter="handleQuery"
|
||||
class="!w-240px"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="调动后岗位名称" prop="afterPostName">
|
||||
<el-input
|
||||
v-model="queryParams.afterPostName"
|
||||
placeholder="请输入调动后岗位名称"
|
||||
clearable
|
||||
@keyup.enter="handleQuery"
|
||||
class="!w-240px"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="生效日期" prop="effectiverDate">
|
||||
<el-date-picker
|
||||
v-model="queryParams.effectiverDate"
|
||||
value-format="YYYY-MM-DD HH:mm:ss"
|
||||
type="daterange"
|
||||
start-placeholder="开始日期"
|
||||
end-placeholder="结束日期"
|
||||
:default-time="[new Date('1 00:00:00'), new Date('1 23:59:59')]"
|
||||
class="!w-220px"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="附件" prop="attachment">
|
||||
<el-input
|
||||
v-model="queryParams.attachment"
|
||||
placeholder="请输入附件"
|
||||
clearable
|
||||
@keyup.enter="handleQuery"
|
||||
class="!w-240px"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="创建时间" prop="createTime">
|
||||
<el-date-picker
|
||||
v-model="queryParams.createTime"
|
||||
value-format="YYYY-MM-DD HH:mm:ss"
|
||||
type="daterange"
|
||||
start-placeholder="开始日期"
|
||||
end-placeholder="结束日期"
|
||||
:default-time="[new Date('1 00:00:00'), new Date('1 23:59:59')]"
|
||||
class="!w-220px"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item>
|
||||
<el-button @click="handleQuery"><Icon icon="ep:search" class="mr-5px" /> 搜索</el-button>
|
||||
<el-button @click="resetQuery"><Icon icon="ep:refresh" class="mr-5px" /> 重置</el-button>
|
||||
<el-button
|
||||
type="primary"
|
||||
plain
|
||||
@click="openForm('create')"
|
||||
v-hasPermi="['hrm:job-transfer-apply:create']"
|
||||
>
|
||||
<Icon icon="ep:plus" class="mr-5px" /> 新增
|
||||
</el-button>
|
||||
<el-button
|
||||
type="success"
|
||||
plain
|
||||
@click="handleExport"
|
||||
:loading="exportLoading"
|
||||
v-hasPermi="['hrm:job-transfer-apply:export']"
|
||||
>
|
||||
<Icon icon="ep:download" class="mr-5px" /> 导出
|
||||
</el-button>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</ContentWrap>
|
||||
|
||||
<!-- 列表 -->
|
||||
<ContentWrap>
|
||||
<el-table v-loading="loading" :data="list" :stripe="true" :show-overflow-tooltip="true">
|
||||
<el-table-column label="主键，自动递增" align="center" prop="id" />
|
||||
<el-table-column label="员工档案ID" align="center" prop="userId" />
|
||||
<el-table-column label="工作流编号" align="center" prop="processInstanceId" />
|
||||
<el-table-column label="审批状态" align="center" prop="auditStatus" />
|
||||
<el-table-column label="调岗类型" align="center" prop="applyType">
|
||||
<template #default="scope">
|
||||
<dict-tag :type="DICT_TYPE.HRM_APPLY_TYPE" :value="scope.row.applyType" />
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="调岗原因" align="center" prop="applyReason">
|
||||
<template #default="scope">
|
||||
<dict-tag :type="DICT_TYPE.HRM_APPLY_REASON" :value="scope.row.applyReason" />
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="调动前部门" align="center" prop="beforeDeptId" />
|
||||
<el-table-column label="调动前职级" align="center" prop="beforePostLevel" />
|
||||
<el-table-column label="调动前档级" align="center" prop="beforeGradeLevel" />
|
||||
<el-table-column label="调动前薪资" align="center" prop="beforeSalary" />
|
||||
<el-table-column label="调动前岗位" align="center" prop="beforePostId" />
|
||||
<el-table-column label="申请说明" align="center" prop="applyInfo" />
|
||||
<el-table-column label="调动后部门" align="center" prop="afterDeptId" />
|
||||
<el-table-column label="调动后薪资" align="center" prop="afterSalary" />
|
||||
<el-table-column label="调动后职级" align="center" prop="afterPostLevel" />
|
||||
<el-table-column label="调动前档级" align="center" prop="afterGradeLevel" />
|
||||
<el-table-column label="调动后岗位" align="center" prop="afterPostId" />
|
||||
<el-table-column label="调动后岗位名称" align="center" prop="afterPostName" />
|
||||
<el-table-column label="生效日期" align="center" prop="effectiverDate" />
|
||||
<el-table-column label="附件" align="center" prop="attachment" />
|
||||
<el-table-column
|
||||
label="创建时间"
|
||||
align="center"
|
||||
prop="createTime"
|
||||
:formatter="dateFormatter"
|
||||
width="180px"
|
||||
/>
|
||||
<el-table-column label="操作" align="center" min-width="120px">
|
||||
<template #default="scope">
|
||||
<el-button
|
||||
link
|
||||
type="primary"
|
||||
@click="openForm('update', scope.row.id)"
|
||||
v-hasPermi="['hrm:job-transfer-apply:update']"
|
||||
>
|
||||
编辑
|
||||
</el-button>
|
||||
<el-button
|
||||
link
|
||||
type="danger"
|
||||
@click="handleDelete(scope.row.id)"
|
||||
v-hasPermi="['hrm:job-transfer-apply:delete']"
|
||||
>
|
||||
删除
|
||||
</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<!-- 分页 -->
|
||||
<Pagination
|
||||
:total="total"
|
||||
v-model:page="queryParams.pageNo"
|
||||
v-model:limit="queryParams.pageSize"
|
||||
@pagination="getList"
|
||||
/>
|
||||
</ContentWrap>
|
||||
|
||||
<!-- 表单弹窗：添加/修改 -->
|
||||
<JobTransferApplyForm ref="formRef" @success="getList" />
|
||||
</template>
|
||||
|
||||
<script setup lang="ts">
|
||||
import { getIntDictOptions, DICT_TYPE } from '@/utils/dict'
|
||||
import { dateFormatter } from '@/utils/formatTime'
|
||||
import download from '@/utils/download'
|
||||
import { JobTransferApplyApi, JobTransferApplyVO } from '@/api/hrm/jobtransferapply'
|
||||
import JobTransferApplyForm from './JobTransferApplyForm.vue'
|
||||
|
||||
/** 调岗申请 列表 */
|
||||
defineOptions({ name: 'JobTransferApply' })
|
||||
|
||||
const message = useMessage() // 消息弹窗
|
||||
const { t } = useI18n() // 国际化
|
||||
|
||||
const loading = ref(true) // 列表的加载中
|
||||
const list = ref<JobTransferApplyVO[]>([]) // 列表的数据
|
||||
const total = ref(0) // 列表的总页数
|
||||
const queryParams = reactive({
|
||||
pageNo: 1,
|
||||
pageSize: 10,
|
||||
userId: undefined,
|
||||
processInstanceId: undefined,
|
||||
auditStatus: undefined,
|
||||
applyType: undefined,
|
||||
applyReason: undefined,
|
||||
beforeDeptId: undefined,
|
||||
beforePostLevel: undefined,
|
||||
beforeGradeLevel: undefined,
|
||||
beforeSalary: undefined,
|
||||
beforePostId: undefined,
|
||||
applyInfo: undefined,
|
||||
afterDeptId: undefined,
|
||||
afterSalary: undefined,
|
||||
afterPostLevel: undefined,
|
||||
afterGradeLevel: undefined,
|
||||
afterPostId: undefined,
|
||||
afterPostName: undefined,
|
||||
effectiverDate: [],
|
||||
attachment: undefined,
|
||||
createTime: []
|
||||
})
|
||||
const queryFormRef = ref() // 搜索的表单
|
||||
const exportLoading = ref(false) // 导出的加载中
|
||||
|
||||
/** 查询列表 */
|
||||
const getList = async () => {
|
||||
loading.value = true
|
||||
try {
|
||||
const data = await JobTransferApplyApi.getJobTransferApplyPage(queryParams)
|
||||
list.value = data.list
|
||||
total.value = data.total
|
||||
} finally {
|
||||
loading.value = false
|
||||
}
|
||||
}
|
||||
|
||||
/** 搜索按钮操作 */
|
||||
const handleQuery = () => {
|
||||
queryParams.pageNo = 1
|
||||
getList()
|
||||
}
|
||||
|
||||
/** 重置按钮操作 */
|
||||
const resetQuery = () => {
|
||||
queryFormRef.value.resetFields()
|
||||
handleQuery()
|
||||
}
|
||||
|
||||
/** 添加/修改操作 */
|
||||
const formRef = ref()
|
||||
const openForm = (type: string, id?: number) => {
|
||||
formRef.value.open(type, id)
|
||||
}
|
||||
|
||||
/** 删除按钮操作 */
|
||||
const handleDelete = async (id: number) => {
|
||||
try {
|
||||
// 删除的二次确认
|
||||
await message.delConfirm()
|
||||
// 发起删除
|
||||
await JobTransferApplyApi.deleteJobTransferApply(id)
|
||||
message.success(t('common.delSuccess'))
|
||||
// 刷新列表
|
||||
await getList()
|
||||
} catch {}
|
||||
}
|
||||
|
||||
/** 导出按钮操作 */
|
||||
const handleExport = async () => {
|
||||
try {
|
||||
// 导出的二次确认
|
||||
await message.exportConfirm()
|
||||
// 发起导出
|
||||
exportLoading.value = true
|
||||
const data = await JobTransferApplyApi.exportJobTransferApply(queryParams)
|
||||
download.excel(data, '调岗申请.xls')
|
||||
} catch {
|
||||
} finally {
|
||||
exportLoading.value = false
|
||||
}
|
||||
}
|
||||
|
||||
/** 初始化 **/
|
||||
onMounted(() => {
|
||||
getList()
|
||||
})
|
||||
</script>
|
||||
|
|
@ -0,0 +1,136 @@
|
|||
<template>
|
||||
<Dialog :title="dialogTitle" v-model="dialogVisible">
|
||||
<el-form
|
||||
ref="formRef"
|
||||
:model="formData"
|
||||
:rules="formRules"
|
||||
label-width="100px"
|
||||
v-loading="formLoading"
|
||||
>
|
||||
<el-form-item label="员工档案ID" prop="userId">
|
||||
<el-input v-model="formData.userId" placeholder="请输入员工档案ID" />
|
||||
</el-form-item>
|
||||
<el-form-item label="工作流编号" prop="processInstanceId">
|
||||
<el-input v-model="formData.processInstanceId" placeholder="请输入工作流编号" />
|
||||
</el-form-item>
|
||||
<el-form-item label="审批状态" prop="auditStatus">
|
||||
<el-radio-group v-model="formData.auditStatus">
|
||||
<el-radio value="1">请选择字典生成</el-radio>
|
||||
</el-radio-group>
|
||||
</el-form-item>
|
||||
<el-form-item label="师徒类型. 0拜师 1收徒" prop="mentorsType">
|
||||
<el-select v-model="formData.mentorsType" placeholder="请选择师徒类型. 0拜师 1收徒">
|
||||
<el-option
|
||||
v-for="dict in getIntDictOptions(DICT_TYPE.HRM_MENTORS_TYPE)"
|
||||
:key="dict.value"
|
||||
:label="dict.label"
|
||||
:value="dict.value"
|
||||
/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="接受员工Id" prop="acceptUserId">
|
||||
<el-input v-model="formData.acceptUserId" placeholder="请输入接受员工Id" />
|
||||
</el-form-item>
|
||||
<el-form-item label="生效日期" prop="effectiverDate">
|
||||
<el-date-picker
|
||||
v-model="formData.effectiverDate"
|
||||
type="date"
|
||||
value-format="x"
|
||||
placeholder="选择生效日期"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<template #footer>
|
||||
<el-button @click="submitForm" type="primary" :disabled="formLoading">确 定</el-button>
|
||||
<el-button @click="dialogVisible = false">取 消</el-button>
|
||||
</template>
|
||||
</Dialog>
|
||||
</template>
|
||||
<script setup lang="ts">
|
||||
import { getIntDictOptions, DICT_TYPE } from '@/utils/dict'
|
||||
import { MentorsApplyApi, MentorsApplyVO } from '@/api/hrm/mentorsapply'
|
||||
|
||||
/** 师徒申请 表单 */
|
||||
defineOptions({ name: 'MentorsApplyForm' })
|
||||
|
||||
const { t } = useI18n() // 国际化
|
||||
const message = useMessage() // 消息弹窗
|
||||
|
||||
const dialogVisible = ref(false) // 弹窗的是否展示
|
||||
const dialogTitle = ref('') // 弹窗的标题
|
||||
const formLoading = ref(false) // 表单的加载中：1）修改时的数据加载；2）提交的按钮禁用
|
||||
const formType = ref('') // 表单的类型：create - 新增；update - 修改
|
||||
const formData = ref({
|
||||
id: undefined,
|
||||
userId: undefined,
|
||||
processInstanceId: undefined,
|
||||
auditStatus: undefined,
|
||||
mentorsType: undefined,
|
||||
acceptUserId: undefined,
|
||||
effectiverDate: undefined
|
||||
})
|
||||
const formRules = reactive({
|
||||
userId: [{ required: true, message: '员工档案ID不能为空', trigger: 'blur' }],
|
||||
auditStatus: [{ required: true, message: '审批状态不能为空', trigger: 'blur' }],
|
||||
mentorsType: [{ required: true, message: '师徒类型. 0拜师 1收徒不能为空', trigger: 'change' }],
|
||||
acceptUserId: [{ required: true, message: '接受员工Id不能为空', trigger: 'blur' }],
|
||||
effectiverDate: [{ required: true, message: '生效日期不能为空', trigger: 'blur' }]
|
||||
})
|
||||
const formRef = ref() // 表单 Ref
|
||||
|
||||
/** 打开弹窗 */
|
||||
const open = async (type: string, id?: number) => {
|
||||
dialogVisible.value = true
|
||||
dialogTitle.value = t('action.' + type)
|
||||
formType.value = type
|
||||
resetForm()
|
||||
// 修改时，设置数据
|
||||
if (id) {
|
||||
formLoading.value = true
|
||||
try {
|
||||
formData.value = await MentorsApplyApi.getMentorsApply(id)
|
||||
} finally {
|
||||
formLoading.value = false
|
||||
}
|
||||
}
|
||||
}
|
||||
defineExpose({ open }) // 提供 open 方法，用于打开弹窗
|
||||
|
||||
/** 提交表单 */
|
||||
const emit = defineEmits(['success']) // 定义 success 事件，用于操作成功后的回调
|
||||
const submitForm = async () => {
|
||||
// 校验表单
|
||||
await formRef.value.validate()
|
||||
// 提交请求
|
||||
formLoading.value = true
|
||||
try {
|
||||
const data = formData.value as unknown as MentorsApplyVO
|
||||
if (formType.value === 'create') {
|
||||
await MentorsApplyApi.createMentorsApply(data)
|
||||
message.success(t('common.createSuccess'))
|
||||
} else {
|
||||
await MentorsApplyApi.updateMentorsApply(data)
|
||||
message.success(t('common.updateSuccess'))
|
||||
}
|
||||
dialogVisible.value = false
|
||||
// 发送操作成功的事件
|
||||
emit('success')
|
||||
} finally {
|
||||
formLoading.value = false
|
||||
}
|
||||
}
|
||||
|
||||
/** 重置表单 */
|
||||
const resetForm = () => {
|
||||
formData.value = {
|
||||
id: undefined,
|
||||
userId: undefined,
|
||||
processInstanceId: undefined,
|
||||
auditStatus: undefined,
|
||||
mentorsType: undefined,
|
||||
acceptUserId: undefined,
|
||||
effectiverDate: undefined
|
||||
}
|
||||
formRef.value?.resetFields()
|
||||
}
|
||||
</script>
|
||||
|
|
@ -0,0 +1,256 @@
|
|||
<template>
|
||||
<ContentWrap>
|
||||
<!-- 搜索工作栏 -->
|
||||
<el-form
|
||||
class="-mb-15px"
|
||||
:model="queryParams"
|
||||
ref="queryFormRef"
|
||||
:inline="true"
|
||||
label-width="68px"
|
||||
>
|
||||
<el-form-item label="员工档案ID" prop="userId">
|
||||
<el-input
|
||||
v-model="queryParams.userId"
|
||||
placeholder="请输入员工档案ID"
|
||||
clearable
|
||||
@keyup.enter="handleQuery"
|
||||
class="!w-240px"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="工作流编号" prop="processInstanceId">
|
||||
<el-input
|
||||
v-model="queryParams.processInstanceId"
|
||||
placeholder="请输入工作流编号"
|
||||
clearable
|
||||
@keyup.enter="handleQuery"
|
||||
class="!w-240px"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="审批状态" prop="auditStatus">
|
||||
<el-select
|
||||
v-model="queryParams.auditStatus"
|
||||
placeholder="请选择审批状态"
|
||||
clearable
|
||||
class="!w-240px"
|
||||
>
|
||||
<el-option label="请选择字典生成" value="" />
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="师徒类型. 0拜师 1收徒" prop="mentorsType">
|
||||
<el-select
|
||||
v-model="queryParams.mentorsType"
|
||||
placeholder="请选择师徒类型. 0拜师 1收徒"
|
||||
clearable
|
||||
class="!w-240px"
|
||||
>
|
||||
<el-option
|
||||
v-for="dict in getIntDictOptions(DICT_TYPE.HRM_MENTORS_TYPE)"
|
||||
:key="dict.value"
|
||||
:label="dict.label"
|
||||
:value="dict.value"
|
||||
/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="接受员工Id" prop="acceptUserId">
|
||||
<el-input
|
||||
v-model="queryParams.acceptUserId"
|
||||
placeholder="请输入接受员工Id"
|
||||
clearable
|
||||
@keyup.enter="handleQuery"
|
||||
class="!w-240px"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="生效日期" prop="effectiverDate">
|
||||
<el-date-picker
|
||||
v-model="queryParams.effectiverDate"
|
||||
value-format="YYYY-MM-DD HH:mm:ss"
|
||||
type="daterange"
|
||||
start-placeholder="开始日期"
|
||||
end-placeholder="结束日期"
|
||||
:default-time="[new Date('1 00:00:00'), new Date('1 23:59:59')]"
|
||||
class="!w-220px"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="创建时间" prop="createTime">
|
||||
<el-date-picker
|
||||
v-model="queryParams.createTime"
|
||||
value-format="YYYY-MM-DD HH:mm:ss"
|
||||
type="daterange"
|
||||
start-placeholder="开始日期"
|
||||
end-placeholder="结束日期"
|
||||
:default-time="[new Date('1 00:00:00'), new Date('1 23:59:59')]"
|
||||
class="!w-220px"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item>
|
||||
<el-button @click="handleQuery"><Icon icon="ep:search" class="mr-5px" /> 搜索</el-button>
|
||||
<el-button @click="resetQuery"><Icon icon="ep:refresh" class="mr-5px" /> 重置</el-button>
|
||||
<el-button
|
||||
type="primary"
|
||||
plain
|
||||
@click="openForm('create')"
|
||||
v-hasPermi="['hrm:mentors-apply:create']"
|
||||
>
|
||||
<Icon icon="ep:plus" class="mr-5px" /> 新增
|
||||
</el-button>
|
||||
<el-button
|
||||
type="success"
|
||||
plain
|
||||
@click="handleExport"
|
||||
:loading="exportLoading"
|
||||
v-hasPermi="['hrm:mentors-apply:export']"
|
||||
>
|
||||
<Icon icon="ep:download" class="mr-5px" /> 导出
|
||||
</el-button>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</ContentWrap>
|
||||
|
||||
<!-- 列表 -->
|
||||
<ContentWrap>
|
||||
<el-table v-loading="loading" :data="list" :stripe="true" :show-overflow-tooltip="true">
|
||||
<el-table-column label="主键，自动递增" align="center" prop="id" />
|
||||
<el-table-column label="员工档案ID" align="center" prop="userId" />
|
||||
<el-table-column label="工作流编号" align="center" prop="processInstanceId" />
|
||||
<el-table-column label="审批状态" align="center" prop="auditStatus" />
|
||||
<el-table-column label="师徒类型. 0拜师 1收徒" align="center" prop="mentorsType">
|
||||
<template #default="scope">
|
||||
<dict-tag :type="DICT_TYPE.HRM_MENTORS_TYPE" :value="scope.row.mentorsType" />
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="接受员工Id" align="center" prop="acceptUserId" />
|
||||
<el-table-column label="生效日期" align="center" prop="effectiverDate" />
|
||||
<el-table-column
|
||||
label="创建时间"
|
||||
align="center"
|
||||
prop="createTime"
|
||||
:formatter="dateFormatter"
|
||||
width="180px"
|
||||
/>
|
||||
<el-table-column label="操作" align="center" min-width="120px">
|
||||
<template #default="scope">
|
||||
<el-button
|
||||
link
|
||||
type="primary"
|
||||
@click="openForm('update', scope.row.id)"
|
||||
v-hasPermi="['hrm:mentors-apply:update']"
|
||||
>
|
||||
编辑
|
||||
</el-button>
|
||||
<el-button
|
||||
link
|
||||
type="danger"
|
||||
@click="handleDelete(scope.row.id)"
|
||||
v-hasPermi="['hrm:mentors-apply:delete']"
|
||||
>
|
||||
删除
|
||||
</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<!-- 分页 -->
|
||||
<Pagination
|
||||
:total="total"
|
||||
v-model:page="queryParams.pageNo"
|
||||
v-model:limit="queryParams.pageSize"
|
||||
@pagination="getList"
|
||||
/>
|
||||
</ContentWrap>
|
||||
|
||||
<!-- 表单弹窗：添加/修改 -->
|
||||
<MentorsApplyForm ref="formRef" @success="getList" />
|
||||
</template>
|
||||
|
||||
<script setup lang="ts">
|
||||
import { getIntDictOptions, DICT_TYPE } from '@/utils/dict'
|
||||
import { dateFormatter } from '@/utils/formatTime'
|
||||
import download from '@/utils/download'
|
||||
import { MentorsApplyApi, MentorsApplyVO } from '@/api/hrm/mentorsapply'
|
||||
import MentorsApplyForm from './MentorsApplyForm.vue'
|
||||
|
||||
/** 师徒申请 列表 */
|
||||
defineOptions({ name: 'MentorsApply' })
|
||||
|
||||
const message = useMessage() // 消息弹窗
|
||||
const { t } = useI18n() // 国际化
|
||||
|
||||
const loading = ref(true) // 列表的加载中
|
||||
const list = ref<MentorsApplyVO[]>([]) // 列表的数据
|
||||
const total = ref(0) // 列表的总页数
|
||||
const queryParams = reactive({
|
||||
pageNo: 1,
|
||||
pageSize: 10,
|
||||
userId: undefined,
|
||||
processInstanceId: undefined,
|
||||
auditStatus: undefined,
|
||||
mentorsType: undefined,
|
||||
acceptUserId: undefined,
|
||||
effectiverDate: [],
|
||||
createTime: []
|
||||
})
|
||||
const queryFormRef = ref() // 搜索的表单
|
||||
const exportLoading = ref(false) // 导出的加载中
|
||||
|
||||
/** 查询列表 */
|
||||
const getList = async () => {
|
||||
loading.value = true
|
||||
try {
|
||||
const data = await MentorsApplyApi.getMentorsApplyPage(queryParams)
|
||||
list.value = data.list
|
||||
total.value = data.total
|
||||
} finally {
|
||||
loading.value = false
|
||||
}
|
||||
}
|
||||
|
||||
/** 搜索按钮操作 */
|
||||
const handleQuery = () => {
|
||||
queryParams.pageNo = 1
|
||||
getList()
|
||||
}
|
||||
|
||||
/** 重置按钮操作 */
|
||||
const resetQuery = () => {
|
||||
queryFormRef.value.resetFields()
|
||||
handleQuery()
|
||||
}
|
||||
|
||||
/** 添加/修改操作 */
|
||||
const formRef = ref()
|
||||
const openForm = (type: string, id?: number) => {
|
||||
formRef.value.open(type, id)
|
||||
}
|
||||
|
||||
/** 删除按钮操作 */
|
||||
const handleDelete = async (id: number) => {
|
||||
try {
|
||||
// 删除的二次确认
|
||||
await message.delConfirm()
|
||||
// 发起删除
|
||||
await MentorsApplyApi.deleteMentorsApply(id)
|
||||
message.success(t('common.delSuccess'))
|
||||
// 刷新列表
|
||||
await getList()
|
||||
} catch {}
|
||||
}
|
||||
|
||||
/** 导出按钮操作 */
|
||||
const handleExport = async () => {
|
||||
try {
|
||||
// 导出的二次确认
|
||||
await message.exportConfirm()
|
||||
// 发起导出
|
||||
exportLoading.value = true
|
||||
const data = await MentorsApplyApi.exportMentorsApply(queryParams)
|
||||
download.excel(data, '师徒申请.xls')
|
||||
} catch {
|
||||
} finally {
|
||||
exportLoading.value = false
|
||||
}
|
||||
}
|
||||
|
||||
/** 初始化 **/
|
||||
onMounted(() => {
|
||||
getList()
|
||||
})
|
||||
</script>
|
||||
|
|
@ -0,0 +1,142 @@
|
|||
<template>
|
||||
<Dialog :title="dialogTitle" v-model="dialogVisible">
|
||||
<el-form
|
||||
ref="formRef"
|
||||
:model="formData"
|
||||
:rules="formRules"
|
||||
label-width="100px"
|
||||
v-loading="formLoading"
|
||||
>
|
||||
<el-form-item label="员工档案ID" prop="userId">
|
||||
<el-input v-model="formData.userId" placeholder="请输入员工档案ID" />
|
||||
</el-form-item>
|
||||
<el-form-item label="工作流编号" prop="processInstanceId">
|
||||
<el-input v-model="formData.processInstanceId" placeholder="请输入工作流编号" />
|
||||
</el-form-item>
|
||||
<el-form-item label="审批状态" prop="auditStatus">
|
||||
<el-radio-group v-model="formData.auditStatus">
|
||||
<el-radio value="1">请选择字典生成</el-radio>
|
||||
</el-radio-group>
|
||||
</el-form-item>
|
||||
<el-form-item label="预计离职日期" prop="expectedResignDate">
|
||||
<el-date-picker
|
||||
v-model="formData.expectedResignDate"
|
||||
type="date"
|
||||
value-format="x"
|
||||
placeholder="选择预计离职日期"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="离职原因：个人原因、发展原因、薪酬原因、工作压力大、不接受组织调整、其他" prop="resignationReason">
|
||||
<el-input v-model="formData.resignationReason" placeholder="请输入离职原因：个人原因、发展原因、薪酬原因、工作压力大、不接受组织调整、其他" />
|
||||
</el-form-item>
|
||||
<el-form-item label="离职原因说明" prop="reasonDescription">
|
||||
<Editor v-model="formData.reasonDescription" height="150px" />
|
||||
</el-form-item>
|
||||
<el-form-item label="对工作等环境和公司文化的反馈" prop="feedbackOnWorkEnv">
|
||||
<el-input v-model="formData.feedbackOnWorkEnv" placeholder="请输入对工作等环境和公司文化的反馈" />
|
||||
</el-form-item>
|
||||
<el-form-item label="对公司的意见和建议" prop="suggestions">
|
||||
<el-input v-model="formData.suggestions" placeholder="请输入对公司的意见和建议" />
|
||||
</el-form-item>
|
||||
<el-form-item label="希望公司在未来的发展中能够做到的改进" prop="suggestionsForImprovement">
|
||||
<el-input v-model="formData.suggestionsForImprovement" placeholder="请输入希望公司在未来的发展中能够做到的改进" />
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<template #footer>
|
||||
<el-button @click="submitForm" type="primary" :disabled="formLoading">确 定</el-button>
|
||||
<el-button @click="dialogVisible = false">取 消</el-button>
|
||||
</template>
|
||||
</Dialog>
|
||||
</template>
|
||||
<script setup lang="ts">
|
||||
import { ResignationApplyApi, ResignationApplyVO } from '@/api/hrm/resignationapply'
|
||||
|
||||
/** 离职申请 表单 */
|
||||
defineOptions({ name: 'ResignationApplyForm' })
|
||||
|
||||
const { t } = useI18n() // 国际化
|
||||
const message = useMessage() // 消息弹窗
|
||||
|
||||
const dialogVisible = ref(false) // 弹窗的是否展示
|
||||
const dialogTitle = ref('') // 弹窗的标题
|
||||
const formLoading = ref(false) // 表单的加载中：1）修改时的数据加载；2）提交的按钮禁用
|
||||
const formType = ref('') // 表单的类型：create - 新增；update - 修改
|
||||
const formData = ref({
|
||||
id: undefined,
|
||||
userId: undefined,
|
||||
processInstanceId: undefined,
|
||||
auditStatus: undefined,
|
||||
expectedResignDate: undefined,
|
||||
resignationReason: undefined,
|
||||
reasonDescription: undefined,
|
||||
feedbackOnWorkEnv: undefined,
|
||||
suggestions: undefined,
|
||||
suggestionsForImprovement: undefined
|
||||
})
|
||||
const formRules = reactive({
|
||||
userId: [{ required: true, message: '员工档案ID不能为空', trigger: 'blur' }],
|
||||
auditStatus: [{ required: true, message: '审批状态不能为空', trigger: 'blur' }],
|
||||
expectedResignDate: [{ required: true, message: '预计离职日期不能为空', trigger: 'blur' }],
|
||||
resignationReason: [{ required: true, message: '离职原因：个人原因、发展原因、薪酬原因、工作压力大、不接受组织调整、其他不能为空', trigger: 'blur' }]
|
||||
})
|
||||
const formRef = ref() // 表单 Ref
|
||||
|
||||
/** 打开弹窗 */
|
||||
const open = async (type: string, id?: number) => {
|
||||
dialogVisible.value = true
|
||||
dialogTitle.value = t('action.' + type)
|
||||
formType.value = type
|
||||
resetForm()
|
||||
// 修改时，设置数据
|
||||
if (id) {
|
||||
formLoading.value = true
|
||||
try {
|
||||
formData.value = await ResignationApplyApi.getResignationApply(id)
|
||||
} finally {
|
||||
formLoading.value = false
|
||||
}
|
||||
}
|
||||
}
|
||||
defineExpose({ open }) // 提供 open 方法，用于打开弹窗
|
||||
|
||||
/** 提交表单 */
|
||||
const emit = defineEmits(['success']) // 定义 success 事件，用于操作成功后的回调
|
||||
const submitForm = async () => {
|
||||
// 校验表单
|
||||
await formRef.value.validate()
|
||||
// 提交请求
|
||||
formLoading.value = true
|
||||
try {
|
||||
const data = formData.value as unknown as ResignationApplyVO
|
||||
if (formType.value === 'create') {
|
||||
await ResignationApplyApi.createResignationApply(data)
|
||||
message.success(t('common.createSuccess'))
|
||||
} else {
|
||||
await ResignationApplyApi.updateResignationApply(data)
|
||||
message.success(t('common.updateSuccess'))
|
||||
}
|
||||
dialogVisible.value = false
|
||||
// 发送操作成功的事件
|
||||
emit('success')
|
||||
} finally {
|
||||
formLoading.value = false
|
||||
}
|
||||
}
|
||||
|
||||
/** 重置表单 */
|
||||
const resetForm = () => {
|
||||
formData.value = {
|
||||
id: undefined,
|
||||
userId: undefined,
|
||||
processInstanceId: undefined,
|
||||
auditStatus: undefined,
|
||||
expectedResignDate: undefined,
|
||||
resignationReason: undefined,
|
||||
reasonDescription: undefined,
|
||||
feedbackOnWorkEnv: undefined,
|
||||
suggestions: undefined,
|
||||
suggestionsForImprovement: undefined
|
||||
}
|
||||
formRef.value?.resetFields()
|
||||
}
|
||||
</script>
|
||||
|
|
@ -0,0 +1,269 @@
|
|||
<template>
|
||||
<ContentWrap>
|
||||
<!-- 搜索工作栏 -->
|
||||
<el-form
|
||||
class="-mb-15px"
|
||||
:model="queryParams"
|
||||
ref="queryFormRef"
|
||||
:inline="true"
|
||||
label-width="68px"
|
||||
>
|
||||
<el-form-item label="员工档案ID" prop="userId">
|
||||
<el-input
|
||||
v-model="queryParams.userId"
|
||||
placeholder="请输入员工档案ID"
|
||||
clearable
|
||||
@keyup.enter="handleQuery"
|
||||
class="!w-240px"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="工作流编号" prop="processInstanceId">
|
||||
<el-input
|
||||
v-model="queryParams.processInstanceId"
|
||||
placeholder="请输入工作流编号"
|
||||
clearable
|
||||
@keyup.enter="handleQuery"
|
||||
class="!w-240px"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="审批状态" prop="auditStatus">
|
||||
<el-select
|
||||
v-model="queryParams.auditStatus"
|
||||
placeholder="请选择审批状态"
|
||||
clearable
|
||||
class="!w-240px"
|
||||
>
|
||||
<el-option label="请选择字典生成" value="" />
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="预计离职日期" prop="expectedResignDate">
|
||||
<el-date-picker
|
||||
v-model="queryParams.expectedResignDate"
|
||||
value-format="YYYY-MM-DD HH:mm:ss"
|
||||
type="daterange"
|
||||
start-placeholder="开始日期"
|
||||
end-placeholder="结束日期"
|
||||
:default-time="[new Date('1 00:00:00'), new Date('1 23:59:59')]"
|
||||
class="!w-220px"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="离职原因：个人原因、发展原因、薪酬原因、工作压力大、不接受组织调整、其他" prop="resignationReason">
|
||||
<el-input
|
||||
v-model="queryParams.resignationReason"
|
||||
placeholder="请输入离职原因：个人原因、发展原因、薪酬原因、工作压力大、不接受组织调整、其他"
|
||||
clearable
|
||||
@keyup.enter="handleQuery"
|
||||
class="!w-240px"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="对工作等环境和公司文化的反馈" prop="feedbackOnWorkEnv">
|
||||
<el-input
|
||||
v-model="queryParams.feedbackOnWorkEnv"
|
||||
placeholder="请输入对工作等环境和公司文化的反馈"
|
||||
clearable
|
||||
@keyup.enter="handleQuery"
|
||||
class="!w-240px"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="对公司的意见和建议" prop="suggestions">
|
||||
<el-input
|
||||
v-model="queryParams.suggestions"
|
||||
placeholder="请输入对公司的意见和建议"
|
||||
clearable
|
||||
@keyup.enter="handleQuery"
|
||||
class="!w-240px"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="希望公司在未来的发展中能够做到的改进" prop="suggestionsForImprovement">
|
||||
<el-input
|
||||
v-model="queryParams.suggestionsForImprovement"
|
||||
placeholder="请输入希望公司在未来的发展中能够做到的改进"
|
||||
clearable
|
||||
@keyup.enter="handleQuery"
|
||||
class="!w-240px"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="创建时间" prop="createTime">
|
||||
<el-date-picker
|
||||
v-model="queryParams.createTime"
|
||||
value-format="YYYY-MM-DD HH:mm:ss"
|
||||
type="daterange"
|
||||
start-placeholder="开始日期"
|
||||
end-placeholder="结束日期"
|
||||
:default-time="[new Date('1 00:00:00'), new Date('1 23:59:59')]"
|
||||
class="!w-220px"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item>
|
||||
<el-button @click="handleQuery"><Icon icon="ep:search" class="mr-5px" /> 搜索</el-button>
|
||||
<el-button @click="resetQuery"><Icon icon="ep:refresh" class="mr-5px" /> 重置</el-button>
|
||||
<el-button
|
||||
type="primary"
|
||||
plain
|
||||
@click="openForm('create')"
|
||||
v-hasPermi="['hrm:resignation-apply:create']"
|
||||
>
|
||||
<Icon icon="ep:plus" class="mr-5px" /> 新增
|
||||
</el-button>
|
||||
<el-button
|
||||
type="success"
|
||||
plain
|
||||
@click="handleExport"
|
||||
:loading="exportLoading"
|
||||
v-hasPermi="['hrm:resignation-apply:export']"
|
||||
>
|
||||
<Icon icon="ep:download" class="mr-5px" /> 导出
|
||||
</el-button>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</ContentWrap>
|
||||
|
||||
<!-- 列表 -->
|
||||
<ContentWrap>
|
||||
<el-table v-loading="loading" :data="list" :stripe="true" :show-overflow-tooltip="true">
|
||||
<el-table-column label="主键，自动递增" align="center" prop="id" />
|
||||
<el-table-column label="员工档案ID" align="center" prop="userId" />
|
||||
<el-table-column label="工作流编号" align="center" prop="processInstanceId" />
|
||||
<el-table-column label="审批状态" align="center" prop="auditStatus" />
|
||||
<el-table-column label="预计离职日期" align="center" prop="expectedResignDate" />
|
||||
<el-table-column label="离职原因：个人原因、发展原因、薪酬原因、工作压力大、不接受组织调整、其他" align="center" prop="resignationReason" />
|
||||
<el-table-column label="离职原因说明" align="center" prop="reasonDescription" />
|
||||
<el-table-column label="对工作等环境和公司文化的反馈" align="center" prop="feedbackOnWorkEnv" />
|
||||
<el-table-column label="对公司的意见和建议" align="center" prop="suggestions" />
|
||||
<el-table-column label="希望公司在未来的发展中能够做到的改进" align="center" prop="suggestionsForImprovement" />
|
||||
<el-table-column
|
||||
label="创建时间"
|
||||
align="center"
|
||||
prop="createTime"
|
||||
:formatter="dateFormatter"
|
||||
width="180px"
|
||||
/>
|
||||
<el-table-column label="操作" align="center" min-width="120px">
|
||||
<template #default="scope">
|
||||
<el-button
|
||||
link
|
||||
type="primary"
|
||||
@click="openForm('update', scope.row.id)"
|
||||
v-hasPermi="['hrm:resignation-apply:update']"
|
||||
>
|
||||
编辑
|
||||
</el-button>
|
||||
<el-button
|
||||
link
|
||||
type="danger"
|
||||
@click="handleDelete(scope.row.id)"
|
||||
v-hasPermi="['hrm:resignation-apply:delete']"
|
||||
>
|
||||
删除
|
||||
</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<!-- 分页 -->
|
||||
<Pagination
|
||||
:total="total"
|
||||
v-model:page="queryParams.pageNo"
|
||||
v-model:limit="queryParams.pageSize"
|
||||
@pagination="getList"
|
||||
/>
|
||||
</ContentWrap>
|
||||
|
||||
<!-- 表单弹窗：添加/修改 -->
|
||||
<ResignationApplyForm ref="formRef" @success="getList" />
|
||||
</template>
|
||||
|
||||
<script setup lang="ts">
|
||||
import { dateFormatter } from '@/utils/formatTime'
|
||||
import download from '@/utils/download'
|
||||
import { ResignationApplyApi, ResignationApplyVO } from '@/api/hrm/resignationapply'
|
||||
import ResignationApplyForm from './ResignationApplyForm.vue'
|
||||
|
||||
/** 离职申请 列表 */
|
||||
defineOptions({ name: 'ResignationApply' })
|
||||
|
||||
const message = useMessage() // 消息弹窗
|
||||
const { t } = useI18n() // 国际化
|
||||
|
||||
const loading = ref(true) // 列表的加载中
|
||||
const list = ref<ResignationApplyVO[]>([]) // 列表的数据
|
||||
const total = ref(0) // 列表的总页数
|
||||
const queryParams = reactive({
|
||||
pageNo: 1,
|
||||
pageSize: 10,
|
||||
userId: undefined,
|
||||
processInstanceId: undefined,
|
||||
auditStatus: undefined,
|
||||
expectedResignDate: [],
|
||||
resignationReason: undefined,
|
||||
reasonDescription: undefined,
|
||||
feedbackOnWorkEnv: undefined,
|
||||
suggestions: undefined,
|
||||
suggestionsForImprovement: undefined,
|
||||
createTime: []
|
||||
})
|
||||
const queryFormRef = ref() // 搜索的表单
|
||||
const exportLoading = ref(false) // 导出的加载中
|
||||
|
||||
/** 查询列表 */
|
||||
const getList = async () => {
|
||||
loading.value = true
|
||||
try {
|
||||
const data = await ResignationApplyApi.getResignationApplyPage(queryParams)
|
||||
list.value = data.list
|
||||
total.value = data.total
|
||||
} finally {
|
||||
loading.value = false
|
||||
}
|
||||
}
|
||||
|
||||
/** 搜索按钮操作 */
|
||||
const handleQuery = () => {
|
||||
queryParams.pageNo = 1
|
||||
getList()
|
||||
}
|
||||
|
||||
/** 重置按钮操作 */
|
||||
const resetQuery = () => {
|
||||
queryFormRef.value.resetFields()
|
||||
handleQuery()
|
||||
}
|
||||
|
||||
/** 添加/修改操作 */
|
||||
const formRef = ref()
|
||||
const openForm = (type: string, id?: number) => {
|
||||
formRef.value.open(type, id)
|
||||
}
|
||||
|
||||
/** 删除按钮操作 */
|
||||
const handleDelete = async (id: number) => {
|
||||
try {
|
||||
// 删除的二次确认
|
||||
await message.delConfirm()
|
||||
// 发起删除
|
||||
await ResignationApplyApi.deleteResignationApply(id)
|
||||
message.success(t('common.delSuccess'))
|
||||
// 刷新列表
|
||||
await getList()
|
||||
} catch {}
|
||||
}
|
||||
|
||||
/** 导出按钮操作 */
|
||||
const handleExport = async () => {
|
||||
try {
|
||||
// 导出的二次确认
|
||||
await message.exportConfirm()
|
||||
// 发起导出
|
||||
exportLoading.value = true
|
||||
const data = await ResignationApplyApi.exportResignationApply(queryParams)
|
||||
download.excel(data, '离职申请.xls')
|
||||
} catch {
|
||||
} finally {
|
||||
exportLoading.value = false
|
||||
}
|
||||
}
|
||||
|
||||
/** 初始化 **/
|
||||
onMounted(() => {
|
||||
getList()
|
||||
})
|
||||
</script>
|
||||
Loading…
Reference in New Issue