273 lines
9.8 KiB
JavaScript
273 lines
9.8 KiB
JavaScript
|
import { Connect } from "@cqsjjb/jjb-dva-runtime";
|
|||
|
|
import { Button, Descriptions, Form, Input, message, Modal, Select, Space, Typography } from "antd";
|
|||
|
|
import { useEffect, useState } from "react";
|
|||
|
|
import Page from "zy-react-library/components/Page";
|
|||
|
|
import Search from "zy-react-library/components/Search";
|
|||
|
|
import Table from "zy-react-library/components/Table";
|
|||
|
|
import useTable from "zy-react-library/hooks/useTable";
|
|||
|
|
import { NS_STAFF_CHANGE_LOG, NS_STAFF_INFO } from "~/enumerate/namespace";
|
|||
|
|
import { safeListRequest, safeRequest } from "~/utils";
|
|||
|
|
import { CHANGE_COUNT_STYLE, formSelectField, getChangeCount, getEmploymentStatusLabel, getResignAuditStatusLabel } from "~/utils/enterpriseForm";
|
|||
|
|
import PageHeader from "../components/PageHeader";
|
|||
|
|
|
|||
|
|
const EMPLOYMENT_STATUS = { 1: "在职", 2: "离职" };
|
|||
|
|
const RESIGN_AUDIT_STATUS = { 0: "未审核", 1: "已审核", 2: "已退回" };
|
|||
|
|
const SEARCH_COL = { xs: 24, sm: 12, md: 8, lg: 6 };
|
|||
|
|
|
|||
|
|
function PersonnelChangePage(props) {
|
|||
|
|
const [viewMode, setViewMode] = useState("list");
|
|||
|
|
const [selectedStaff, setSelectedStaff] = useState(null);
|
|||
|
|
const [auditModalOpen, setAuditModalOpen] = useState(false);
|
|||
|
|
const [viewResignOpen, setViewResignOpen] = useState(false);
|
|||
|
|
const [resignInfo, setResignInfo] = useState({});
|
|||
|
|
const [rejectReason, setRejectReason] = useState("");
|
|||
|
|
const [searchForm] = Form.useForm();
|
|||
|
|
const [logForm] = Form.useForm();
|
|||
|
|
|
|||
|
|
const { tableProps, getData } = useTable(safeListRequest(props.staffChangeLogStaffList), {
|
|||
|
|
form: searchForm,
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
const { tableProps: logTableProps, getData: getLogData } = useTable(
|
|||
|
|
safeListRequest(props.staffChangeLogList),
|
|||
|
|
{
|
|||
|
|
form: logForm,
|
|||
|
|
transform: () => ({ eqStaffId: selectedStaff?.staffId }),
|
|||
|
|
},
|
|||
|
|
);
|
|||
|
|
|
|||
|
|
useEffect(() => {
|
|||
|
|
getData();
|
|||
|
|
}, []);
|
|||
|
|
|
|||
|
|
useEffect(() => {
|
|||
|
|
if (viewMode === "log" && selectedStaff?.staffId) {
|
|||
|
|
getLogData();
|
|||
|
|
}
|
|||
|
|
}, [viewMode, selectedStaff?.staffId]);
|
|||
|
|
|
|||
|
|
const onDelete = (record) => {
|
|||
|
|
Modal.confirm({
|
|||
|
|
title: "提示",
|
|||
|
|
content: "数据将会删除，您是否确认删除？",
|
|||
|
|
okText: "是",
|
|||
|
|
cancelText: "否",
|
|||
|
|
onOk: async () => {
|
|||
|
|
const res = await props.staffInfoRemove?.({ id: record.staffId || record.id });
|
|||
|
|
if (res?.success !== false) {
|
|||
|
|
message.success("删除成功");
|
|||
|
|
getData();
|
|||
|
|
}
|
|||
|
|
else {
|
|||
|
|
message.error(res?.message || "删除失败");
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
});
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
const openResignAudit = async (record) => {
|
|||
|
|
try {
|
|||
|
|
const res = await safeRequest(props.staffResignationInfo, { id: record.resignApplyId });
|
|||
|
|
setResignInfo(res?.data || {});
|
|||
|
|
setSelectedStaff(record);
|
|||
|
|
setRejectReason("");
|
|||
|
|
setAuditModalOpen(true);
|
|||
|
|
}
|
|||
|
|
catch (err) {
|
|||
|
|
console.warn("[PersonnelChange] openResignAudit failed:", err);
|
|||
|
|
message.error("获取离职申请详情失败");
|
|||
|
|
}
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
const openResignView = async (record) => {
|
|||
|
|
try {
|
|||
|
|
const res = await safeRequest(props.staffResignationInfo, { id: record.resignApplyId });
|
|||
|
|
setResignInfo(res?.data || {});
|
|||
|
|
setViewResignOpen(true);
|
|||
|
|
}
|
|||
|
|
catch (err) {
|
|||
|
|
console.warn("[PersonnelChange] openResignView failed:", err);
|
|||
|
|
message.error("获取离职申请详情失败");
|
|||
|
|
}
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
const submitAudit = async (passed) => {
|
|||
|
|
if (!passed && !rejectReason?.trim()) {
|
|||
|
|
message.warning("请填写退回原因");
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
try {
|
|||
|
|
const res = await props.staffResignationAudit({
|
|||
|
|
id: resignInfo.id,
|
|||
|
|
auditStatus: passed ? 1 : 2,
|
|||
|
|
rejectReason: passed ? undefined : rejectReason,
|
|||
|
|
});
|
|||
|
|
if (res?.success !== false) {
|
|||
|
|
message.success(passed ? "审核通过" : "已退回");
|
|||
|
|
setAuditModalOpen(false);
|
|||
|
|
getData();
|
|||
|
|
}
|
|||
|
|
else {
|
|||
|
|
message.error(res?.message || "审核操作失败");
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
catch (err) {
|
|||
|
|
console.warn("[PersonnelChange] submitAudit failed:", err);
|
|||
|
|
message.error("审核操作失败");
|
|||
|
|
}
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
if (viewMode === "log") {
|
|||
|
|
return (
|
|||
|
|
<Page isShowAllAction={false}>
|
|||
|
|
<PageHeader title="人员变更次数" />
|
|||
|
|
<Button style={{ marginBottom: 16 }} onClick={() => setViewMode("list")}>返回</Button>
|
|||
|
|
<div style={{ marginBottom: 8 }}>
|
|||
|
|
人员：
|
|||
|
|
{selectedStaff?.staffName}
|
|||
|
|
</div>
|
|||
|
|
<Table
|
|||
|
|
columns={[
|
|||
|
|
{ title: "变更事项", dataIndex: "changeItem" },
|
|||
|
|
{ title: "变更时间", dataIndex: "changeTime" },
|
|||
|
|
{ title: "操作人", dataIndex: "createBy" },
|
|||
|
|
]}
|
|||
|
|
{...logTableProps}
|
|||
|
|
/>
|
|||
|
|
</Page>
|
|||
|
|
);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
return (
|
|||
|
|
<Page isShowAllAction={false}>
|
|||
|
|
<PageHeader
|
|||
|
|
title="人员变更管理"
|
|||
|
|
subTitle="机构管理员在人员信息管理页面进行相应的修改操作"
|
|||
|
|
/>
|
|||
|
|
<Search
|
|||
|
|
form={searchForm}
|
|||
|
|
options={[
|
|||
|
|
{ name: "likeAccount", label: "账户", placeholder: "请输入账户", colProps: SEARCH_COL },
|
|||
|
|
{ name: "likeStaffName", label: "姓名", placeholder: "请输入姓名", colProps: SEARCH_COL },
|
|||
|
|
formSelectField(
|
|||
|
|
"employmentStatus",
|
|||
|
|
"就职状态",
|
|||
|
|
Object.entries(EMPLOYMENT_STATUS).map(([value, label]) => ({ label, value: Number(value) })),
|
|||
|
|
{ colProps: SEARCH_COL },
|
|||
|
|
),
|
|||
|
|
formSelectField(
|
|||
|
|
"resignAuditStatus",
|
|||
|
|
"复核状态",
|
|||
|
|
Object.entries(RESIGN_AUDIT_STATUS).map(([value, label]) => ({ label, value: Number(value) })),
|
|||
|
|
{ colProps: SEARCH_COL, placeholder: "请选择复核状态" },
|
|||
|
|
),
|
|||
|
|
]}
|
|||
|
|
onFinish={getData}
|
|||
|
|
/>
|
|||
|
|
<Table
|
|||
|
|
columns={[
|
|||
|
|
{ title: "账户", dataIndex: "account", width: 130 },
|
|||
|
|
{ title: "姓名", dataIndex: "staffName", width: 100 },
|
|||
|
|
{ title: "部门", dataIndex: "deptName", width: 120 },
|
|||
|
|
{
|
|||
|
|
title: "信息变更数",
|
|||
|
|
dataIndex: "changeCount",
|
|||
|
|
width: 110,
|
|||
|
|
render: (_, record) => {
|
|||
|
|
const n = getChangeCount(record);
|
|||
|
|
const style = n > 0 ? CHANGE_COUNT_STYLE.active : CHANGE_COUNT_STYLE.zero;
|
|||
|
|
if (n <= 0) {
|
|||
|
|
return <span style={style}>{n}</span>;
|
|||
|
|
}
|
|||
|
|
return (
|
|||
|
|
<Typography.Link
|
|||
|
|
style={style}
|
|||
|
|
onClick={() => {
|
|||
|
|
setSelectedStaff(record);
|
|||
|
|
setViewMode("log");
|
|||
|
|
}}
|
|||
|
|
>
|
|||
|
|
{n}
|
|||
|
|
</Typography.Link>
|
|||
|
|
);
|
|||
|
|
},
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
title: "就职状态",
|
|||
|
|
dataIndex: "employmentStatusName",
|
|||
|
|
width: 90,
|
|||
|
|
render: (_, record) => getEmploymentStatusLabel(record),
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
title: "离职申请审核状态",
|
|||
|
|
dataIndex: "resignAuditStatus",
|
|||
|
|
width: 140,
|
|||
|
|
render: (_, record) => getResignAuditStatusLabel(record),
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
title: "操作",
|
|||
|
|
width: 220,
|
|||
|
|
fixed: "right",
|
|||
|
|
render: (_, record) => (
|
|||
|
|
<Space>
|
|||
|
|
<Button type="link" style={{ padding: 0 }} onClick={() => openResignView(record)}>查看</Button>
|
|||
|
|
{record.resignApplyId && Number(record.resignAuditStatus) === 0 && (
|
|||
|
|
<Button type="link" style={{ padding: 0 }} onClick={() => openResignAudit(record)}>离职审核</Button>
|
|||
|
|
)}
|
|||
|
|
<Button danger type="link" style={{ padding: 0 }} onClick={() => onDelete(record)}>删除</Button>
|
|||
|
|
</Space>
|
|||
|
|
),
|
|||
|
|
},
|
|||
|
|
]}
|
|||
|
|
{...tableProps}
|
|||
|
|
/>
|
|||
|
|
|
|||
|
|
<Modal
|
|||
|
|
open={auditModalOpen}
|
|||
|
|
destroyOnClose
|
|||
|
|
title="审核离职申请"
|
|||
|
|
width={720}
|
|||
|
|
footer={(
|
|||
|
|
<Space>
|
|||
|
|
<Button onClick={() => setAuditModalOpen(false)}>取消</Button>
|
|||
|
|
<Button danger onClick={() => submitAudit(false)}>退回</Button>
|
|||
|
|
<Button type="primary" onClick={() => submitAudit(true)}>通过</Button>
|
|||
|
|
</Space>
|
|||
|
|
)}
|
|||
|
|
onCancel={() => setAuditModalOpen(false)}
|
|||
|
|
>
|
|||
|
|
<Descriptions bordered column={1} labelStyle={{ width: 120 }}>
|
|||
|
|
<Descriptions.Item label="申请人">{resignInfo.applicantName}</Descriptions.Item>
|
|||
|
|
<Descriptions.Item label="申请时间">{resignInfo.applyTime}</Descriptions.Item>
|
|||
|
|
<Descriptions.Item label="预计离职日期">{resignInfo.expectedLeaveDate}</Descriptions.Item>
|
|||
|
|
<Descriptions.Item label="离职原因">{resignInfo.leaveReason}</Descriptions.Item>
|
|||
|
|
<Descriptions.Item label="备注">{resignInfo.remark}</Descriptions.Item>
|
|||
|
|
</Descriptions>
|
|||
|
|
<Form.Item label="退回原因" style={{ marginTop: 16 }}>
|
|||
|
|
<Input.TextArea rows={3} value={rejectReason} onChange={(e) => setRejectReason(e.target.value)} />
|
|||
|
|
</Form.Item>
|
|||
|
|
</Modal>
|
|||
|
|
|
|||
|
|
<Modal
|
|||
|
|
open={viewResignOpen}
|
|||
|
|
destroyOnClose
|
|||
|
|
title="查看离职申请"
|
|||
|
|
width={720}
|
|||
|
|
cancelText="返回"
|
|||
|
|
okButtonProps={{ style: { display: "none" } }}
|
|||
|
|
onCancel={() => setViewResignOpen(false)}
|
|||
|
|
>
|
|||
|
|
<Descriptions bordered column={1} labelStyle={{ width: 120 }}>
|
|||
|
|
<Descriptions.Item label="申请人">{resignInfo.applicantName}</Descriptions.Item>
|
|||
|
|
<Descriptions.Item label="申请时间">{resignInfo.applyTime}</Descriptions.Item>
|
|||
|
|
<Descriptions.Item label="预计离职日期">{resignInfo.expectedLeaveDate}</Descriptions.Item>
|
|||
|
|
<Descriptions.Item label="离职原因">{resignInfo.leaveReason}</Descriptions.Item>
|
|||
|
|
<Descriptions.Item label="备注">{resignInfo.remark}</Descriptions.Item>
|
|||
|
|
</Descriptions>
|
|||
|
|
</Modal>
|
|||
|
|
</Page>
|
|||
|
|
);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
export default Connect([NS_STAFF_CHANGE_LOG, NS_STAFF_INFO], true)(PersonnelChangePage);
|