Merge branch 'master' into feature/V2-系统多语言
# Conflicts: # src/pages/reportTable/index.tsxfeature/V2-系统多语言
commit
295099950f
File diff suppressed because one or more lines are too long
Binary file not shown.
Binary file not shown.
Binary file not shown.
@ -0,0 +1,191 @@
|
||||
/*
|
||||
* Author: 黎永顺
|
||||
* name: 社保福利档案列表
|
||||
* Description:
|
||||
* Date: 2023/11/1
|
||||
*/
|
||||
import React, { FunctionComponent, useEffect, useMemo, useState } from "react";
|
||||
import { ColumnType } from "antd/lib/table";
|
||||
import { PaginationData } from "rc-pagination";
|
||||
import styles from "@/pages/atdTable/components/index.less";
|
||||
import { exceptStr, paginationAction } from "@/utils/common";
|
||||
import type { MenuProps } from "antd";
|
||||
import { Button, Dropdown, Space, Table } from "antd";
|
||||
import { MoreOutlined } from "@ant-design/icons";
|
||||
|
||||
interface OwnProps {
|
||||
}
|
||||
|
||||
type Props = OwnProps;
|
||||
|
||||
const Index: FunctionComponent<Props> = (props) => {
|
||||
const [columns, setColumns] = useState<ColumnType<any>[]>([]);
|
||||
const [dataSource, setDataSource] = useState<any[]>([]);
|
||||
const [selectedRowKeys, setSelectedRowKeys] = useState<React.Key[]>([]);
|
||||
const [pageInfo, setPageInfo] = useState<Partial<PaginationData>>({});
|
||||
const [i18n, setI18n] = useState<any>({});
|
||||
const [runStatuses, setRunStatuses] = useState<string>("");
|
||||
const [showOperateBtn, setShowOperateBtn] = useState<boolean>(false);
|
||||
|
||||
useEffect(() => {
|
||||
window.parent.postMessage({ type: "init" }, "*");
|
||||
window.addEventListener("message", receiveMessageFromIndex, false);
|
||||
return () => {
|
||||
window.removeEventListener("message", receiveMessageFromIndex, false);
|
||||
};
|
||||
}, []);
|
||||
|
||||
const receiveMessageFromIndex = (event: any) => {
|
||||
const data: any = exceptStr(event.data);
|
||||
if (!_.isEmpty(data)) {
|
||||
const {
|
||||
columns, dataSource, pageInfo, selectedRowKeys, i18n: i18nRes = {},
|
||||
runStatuses, showOperateBtn
|
||||
} = data;
|
||||
setShowOperateBtn(showOperateBtn);
|
||||
setRunStatuses(runStatuses);
|
||||
setI18n(i18nRes);
|
||||
setPageInfo(pageInfo);
|
||||
setDataSource(dataSource);
|
||||
setSelectedRowKeys(selectedRowKeys);
|
||||
setColumns(columns);
|
||||
}
|
||||
};
|
||||
const onChange = (current: number, pageSize: number) => {
|
||||
setPageInfo((prevState) => {
|
||||
const { pageSize: size } = prevState;
|
||||
window.parent.postMessage(
|
||||
{
|
||||
type: "turn",
|
||||
payload: { id: "PAGEINFO", params: { ...pageInfo, current: size === pageSize ? current : 1, pageSize } }
|
||||
},
|
||||
"*"
|
||||
);
|
||||
return { ...pageInfo, current: size === pageSize ? current : 1, pageSize };
|
||||
});
|
||||
};
|
||||
const rowSelection = {
|
||||
columnWidth: 60,
|
||||
selectedRowKeys: selectedRowKeys,
|
||||
onChange: (selectedRowKeys: React.Key[]) => {
|
||||
setSelectedRowKeys(selectedRowKeys);
|
||||
window.parent.postMessage(
|
||||
{
|
||||
type: "turn",
|
||||
payload: { id: "CHECKBOX", params: { selectedRowKeys } }
|
||||
},
|
||||
"*"
|
||||
);
|
||||
}
|
||||
};
|
||||
const handleWelfareOperate = (type: string, record: any, interfaceParams?: any) => {
|
||||
window.parent.postMessage(
|
||||
{
|
||||
type: "turn",
|
||||
payload: { id: type, params: { record, interfaceParams } }
|
||||
},
|
||||
"*"
|
||||
);
|
||||
};
|
||||
const cols: any = useMemo(() => {
|
||||
let opts: any = { title: i18n["操作"], dataIndex: "operate", fixed: "right", width: 185 };
|
||||
switch (runStatuses) {
|
||||
case "1":
|
||||
opts = {
|
||||
...opts,
|
||||
render: (__: any, record: any) => {
|
||||
const items: MenuProps["items"] = [
|
||||
{
|
||||
key: "DeleteFiles",
|
||||
label: i18n["删除档案"],
|
||||
onClick: () => handleWelfareOperate("DEL-ARCHIVE", record)
|
||||
},
|
||||
{
|
||||
key: "DeleteTodoList",
|
||||
label: i18n["删除待办"],
|
||||
onClick: () => handleWelfareOperate("DEL-TO-DO", record, { runStatus: "4" })
|
||||
}
|
||||
];
|
||||
return (<Space>
|
||||
<Button type="link" onClick={() => handleWelfareOperate("EDIT", record)}>{i18n["编辑"]}</Button>
|
||||
<Button type="link" onClick={() => handleWelfareOperate("ADD-TO-PAY", record)}>{i18n["增员"]}</Button>
|
||||
<Dropdown menu={{ items }} placement="bottomRight">
|
||||
<Button type="link" icon={<MoreOutlined/>}/>
|
||||
</Dropdown>
|
||||
</Space>);
|
||||
}
|
||||
};
|
||||
break;
|
||||
case "2,3":
|
||||
case "ext":
|
||||
opts = {
|
||||
...opts,
|
||||
render: (__: any, record: any) => (
|
||||
<Button type="link" onClick={() => handleWelfareOperate("EDIT", record)}>{i18n["编辑"]}</Button>)
|
||||
};
|
||||
break;
|
||||
case "3":
|
||||
opts = {
|
||||
...opts,
|
||||
render: (__: any, record: any) => {
|
||||
const downsizingItems: MenuProps["items"] = [
|
||||
{
|
||||
key: "DeleteTodoList",
|
||||
label: i18n["删除待办"],
|
||||
onClick: () => handleWelfareOperate("DEL-TO-DO-STAY", record, { runStatus: "3" })
|
||||
}
|
||||
];
|
||||
return (<Space>
|
||||
<Button type="link" onClick={() => handleWelfareOperate("EDIT", record)}>{i18n["编辑"]}</Button>
|
||||
<Button type="link"
|
||||
onClick={() => handleWelfareOperate("STAY-DEL-TO-STOP", record)}>{i18n["减员"]}</Button>
|
||||
<Dropdown menu={{ items: downsizingItems }} placement="bottomRight">
|
||||
<Button type="link" icon={<MoreOutlined/>}/>
|
||||
</Dropdown>
|
||||
</Space>);
|
||||
}
|
||||
};
|
||||
break;
|
||||
case "4,5":
|
||||
opts = {
|
||||
...opts,
|
||||
render: (__: any, record: any) => {
|
||||
const stopItems: MenuProps["items"] = [
|
||||
{
|
||||
key: "CancelSuspension",
|
||||
label: i18n["取消停缴"],
|
||||
onClick: () => handleWelfareOperate("CANCEL-STOP", record)
|
||||
}
|
||||
];
|
||||
return (<Space>
|
||||
<Button type="link" onClick={() => handleWelfareOperate("VIEW", record)}>{i18n["查看"]}</Button>
|
||||
<Button type="link"
|
||||
onClick={() => handleWelfareOperate("DEL-ARCHIVE", record)}>{i18n["删除档案"]}</Button>
|
||||
<Dropdown menu={{ items: stopItems }} placement="bottomRight">
|
||||
<Button type="link" icon={<MoreOutlined/>}/>
|
||||
</Dropdown>
|
||||
</Space>);
|
||||
}
|
||||
};
|
||||
break;
|
||||
default:
|
||||
break;
|
||||
}
|
||||
return showOperateBtn ? [...columns, opts] : [...columns, {
|
||||
...opts,
|
||||
render: (__: any, record: any) => (
|
||||
<Button type="link" onClick={() => handleWelfareOperate("VIEW", record)}>{i18n["查看"]}</Button>)
|
||||
}];
|
||||
}, [columns, runStatuses, i18n, showOperateBtn]);
|
||||
return (<Table
|
||||
rowKey="baseInfo" size="small" className={styles.tableWrapper}
|
||||
columns={cols} dataSource={dataSource} rowSelection={rowSelection}
|
||||
scroll={{ x: 1200, y: `calc(100vh - 103px)` }}
|
||||
pagination={{
|
||||
...paginationAction(pageInfo, i18n, onChange),
|
||||
size: "default"
|
||||
}}
|
||||
/>);
|
||||
};
|
||||
|
||||
export default Index;
|
||||
@ -0,0 +1,95 @@
|
||||
/*
|
||||
* Author: 黎永顺
|
||||
* name: 社保福利台账总览-穿透列表
|
||||
* Description:
|
||||
* Date: 2023/10/17
|
||||
*/
|
||||
import React, { FunctionComponent, useEffect, useState } from "react";
|
||||
import { Table, Typography } from "antd";
|
||||
import styles from "@/pages/atdTable/components/index.less";
|
||||
import { exceptStr, paginationFun } from "@/utils/common";
|
||||
import { IPage } from "@/common/types";
|
||||
import { ColumnType } from "antd/lib/table";
|
||||
import type { PaginationData } from "rc-pagination";
|
||||
import WelfareFixedTotal from "@/pages/welfareLedgerTable/welfareFixedTotal";
|
||||
|
||||
interface OwnProps {
|
||||
}
|
||||
|
||||
type Props = OwnProps;
|
||||
const { Text } = Typography;
|
||||
|
||||
const Index: FunctionComponent<Props> = (props) => {
|
||||
const [columns, setColumns] = useState<ColumnType<any>[]>([]);
|
||||
const [dataSource, setDataSource] = useState<any[]>([]);
|
||||
const [pageInfo, setPageInfo] = useState<Partial<PaginationData>>({});
|
||||
const [sumRowlistUrl, setSumRowlistUrl] = useState<string>("");
|
||||
const [payload, setPayload] = useState<string>("");
|
||||
|
||||
useEffect(() => {
|
||||
window.parent.postMessage({ type: "init" }, "*");
|
||||
window.addEventListener("message", receiveMessageFromIndex, false);
|
||||
return () => {
|
||||
window.removeEventListener("message", receiveMessageFromIndex, false);
|
||||
};
|
||||
}, []);
|
||||
const receiveMessageFromIndex = (event: any) => {
|
||||
const data: any = exceptStr(event.data);
|
||||
if (!_.isEmpty(data)) {
|
||||
const {
|
||||
columns, dataSource, pageInfo, sumRowlistUrl = "", payload = {}
|
||||
} = data;
|
||||
setSumRowlistUrl(sumRowlistUrl);
|
||||
setPayload(payload);
|
||||
setPageInfo(pageInfo);
|
||||
setDataSource(dataSource);
|
||||
setColumns(_.map(columns, it => {
|
||||
if (it.dataIndex === "userName") {
|
||||
return {
|
||||
...it, width: 200, title: (
|
||||
<span dangerouslySetInnerHTML={{ __html: it.title }}></span>
|
||||
), fixed: "left"
|
||||
};
|
||||
}
|
||||
return {
|
||||
...it, width: 200, title: (
|
||||
<span dangerouslySetInnerHTML={{ __html: it.title }}></span>
|
||||
)
|
||||
};
|
||||
}));
|
||||
}
|
||||
};
|
||||
const sizeChange = (pageobj: IPage) => {
|
||||
};
|
||||
const onChange = (pageobj: IPage) => {
|
||||
setPageInfo(() => {
|
||||
window.parent.postMessage(
|
||||
{
|
||||
type: "turn",
|
||||
payload: { id: "PAGEINFO", params: { ...pageInfo, ...pageobj } }
|
||||
},
|
||||
"*"
|
||||
);
|
||||
return { ...pageInfo, ...pageobj };
|
||||
});
|
||||
};
|
||||
return (<Table
|
||||
rowKey="id" size="small" className={styles.tableWrapper}
|
||||
columns={columns} dataSource={dataSource}
|
||||
scroll={{ x: 1200, y: `calc(100vh - 120px)` }}
|
||||
pagination={{
|
||||
...paginationFun(pageInfo, sizeChange, onChange),
|
||||
size: "default"
|
||||
}}
|
||||
summary={() => (
|
||||
<Table.Summary fixed>
|
||||
<Table.Summary.Row>
|
||||
<Table.Summary.Cell index={0} align="center"><Text type="danger">总计</Text></Table.Summary.Cell>
|
||||
<WelfareFixedTotal columns={columns} dataSourceUrl={sumRowlistUrl} payload={payload}/>
|
||||
</Table.Summary.Row>
|
||||
</Table.Summary>
|
||||
)}
|
||||
/>);
|
||||
};
|
||||
|
||||
export default Index;
|
||||
@ -0,0 +1,55 @@
|
||||
/*
|
||||
* Author: 黎永顺
|
||||
* name:社保福利台账总览-总计行
|
||||
* Description:
|
||||
* Date: 2023/10/17
|
||||
*/
|
||||
import React, { FunctionComponent, useCallback, useEffect, useMemo, useState } from "react";
|
||||
import { ColumnType } from "antd/lib/table";
|
||||
import { Spin, Table, Typography } from "antd";
|
||||
import API from "@/api";
|
||||
|
||||
const { Text } = Typography;
|
||||
|
||||
interface OwnProps {
|
||||
columns: ColumnType<any>[];
|
||||
dataSourceUrl: string;
|
||||
payload: any;
|
||||
}
|
||||
|
||||
type Props = OwnProps;
|
||||
|
||||
const welfareFixedTotal: FunctionComponent<Props> = (props) => {
|
||||
const [sumRow, setSumRow] = useState<Partial<{}>>({});//薪资核算总计行数据
|
||||
const [loading, setLoading] = useState<boolean>(false);
|
||||
const columns = useMemo(() => {
|
||||
return !_.isEmpty(props.columns) ? props.columns : [];
|
||||
}, [props.columns]);
|
||||
const dataSourceUrl = useCallback((payload) => {
|
||||
return API.CalculateService.getSyMixSum(payload);
|
||||
}, [props.dataSourceUrl]);
|
||||
useEffect(() => {
|
||||
if (!_.isEmpty(props.payload)) {
|
||||
setLoading(true);
|
||||
dataSourceUrl(props.payload).then(({ data }) => {
|
||||
setLoading(false);
|
||||
const { data: result, status } = data;
|
||||
if (status) setSumRow(result.sumRow || {});
|
||||
});
|
||||
}
|
||||
}, [props.payload]);
|
||||
return (<>
|
||||
{
|
||||
_.map(columns.slice(1), (item: any, index) => {
|
||||
return <Table.Summary.Cell index={index + 1} key={index + 1}>
|
||||
{
|
||||
loading ? <Spin spinning={loading} size="small"></Spin> :
|
||||
<Text type="danger">{sumRow[item.dataIndex] || "-"}</Text>
|
||||
}
|
||||
</Table.Summary.Cell>;
|
||||
})
|
||||
}
|
||||
</>);
|
||||
};
|
||||
|
||||
export default welfareFixedTotal;
|
||||
Loading…
Reference in New Issue