|
|
|
@ -1,9 +1,8 @@
|
|
|
|
import React, { FC, useEffect, useState } from "react";
|
|
|
|
import React, { FC, useEffect, useState } from "react";
|
|
|
|
import { Button, Spin, Table, Typography } from "antd";
|
|
|
|
import { Button, Table, Typography } from "antd";
|
|
|
|
import { exceptStr, paginationFun } from "@/utils/common";
|
|
|
|
import { exceptStr, paginationFun } from "@/utils/common";
|
|
|
|
import { defaultPage, IPage } from "@/common/types";
|
|
|
|
import { defaultPage, IPage } from "@/common/types";
|
|
|
|
import styles from "@/pages/atdTable/components/index.less";
|
|
|
|
import styles from "@/pages/atdTable/components/index.less";
|
|
|
|
import API from "@/api";
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
const { Text } = Typography;
|
|
|
|
const { Text } = Typography;
|
|
|
|
const StandingbookTable: FC = (props) => {
|
|
|
|
const StandingbookTable: FC = (props) => {
|
|
|
|
@ -12,7 +11,6 @@ const StandingbookTable: FC = (props) => {
|
|
|
|
const [dataSource, setDataSource] = useState<Array<any>>([]);
|
|
|
|
const [dataSource, setDataSource] = useState<Array<any>>([]);
|
|
|
|
const [pageInfo, setPageInfo] = useState<IPage>(defaultPage);
|
|
|
|
const [pageInfo, setPageInfo] = useState<IPage>(defaultPage);
|
|
|
|
const [sumRow, setSumRow] = useState<Partial<{}>>({});
|
|
|
|
const [sumRow, setSumRow] = useState<Partial<{}>>({});
|
|
|
|
const [showSumrow, setShowSumrow] = useState<boolean>(false);
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
useEffect(() => {
|
|
|
|
useEffect(() => {
|
|
|
|
window.parent.postMessage({ type: "init" }, "*");
|
|
|
|
window.parent.postMessage({ type: "init" }, "*");
|
|
|
|
@ -24,134 +22,108 @@ const StandingbookTable: FC = (props) => {
|
|
|
|
const receiveMessageFromIndex = async (event: any) => {
|
|
|
|
const receiveMessageFromIndex = async (event: any) => {
|
|
|
|
const data: any = exceptStr(event.data);
|
|
|
|
const data: any = exceptStr(event.data);
|
|
|
|
if (!_.isEmpty(data)) {
|
|
|
|
if (!_.isEmpty(data)) {
|
|
|
|
const {
|
|
|
|
const { columns, dataSource, pageInfo, showOperates, selectedRowKeys, sumRow } = data;
|
|
|
|
columns, dataSource, pageInfo, showOperates, selectedRowKeys,
|
|
|
|
|
|
|
|
sumpayload, selectedKey
|
|
|
|
|
|
|
|
} = data;
|
|
|
|
|
|
|
|
const { current: pageNum, pageSize: size, total } = pageInfo;
|
|
|
|
const { current: pageNum, pageSize: size, total } = pageInfo;
|
|
|
|
const conventColumns = _.map(_.filter(columns, it => it.dataIndex !== "id"), item => {
|
|
|
|
const conventColumns = _.map(
|
|
|
|
const { dataIndex } = item;
|
|
|
|
_.filter(columns, (it) => it.dataIndex !== "id"),
|
|
|
|
if (dataIndex === "employeeId") {
|
|
|
|
(item) => {
|
|
|
|
|
|
|
|
const { dataIndex } = item;
|
|
|
|
|
|
|
|
if (dataIndex === "employeeId") {
|
|
|
|
|
|
|
|
return {
|
|
|
|
|
|
|
|
title: "姓名",
|
|
|
|
|
|
|
|
dataIndex,
|
|
|
|
|
|
|
|
fixed: "left",
|
|
|
|
|
|
|
|
width: 150,
|
|
|
|
|
|
|
|
render: (_: any, record: Partial<any>) => <span>{record?.userName}</span>
|
|
|
|
|
|
|
|
};
|
|
|
|
|
|
|
|
}
|
|
|
|
return {
|
|
|
|
return {
|
|
|
|
title: "姓名", dataIndex, fixed: "left", width: 150,
|
|
|
|
dataIndex,
|
|
|
|
render: (_: any, record: Partial<any>) => (
|
|
|
|
width: 150,
|
|
|
|
<span>{record?.userName}</span>
|
|
|
|
title: <span dangerouslySetInnerHTML={{ __html: item.title }} />
|
|
|
|
)
|
|
|
|
|
|
|
|
};
|
|
|
|
};
|
|
|
|
}
|
|
|
|
}
|
|
|
|
return {
|
|
|
|
);
|
|
|
|
dataIndex, width: 150,
|
|
|
|
|
|
|
|
title: <span dangerouslySetInnerHTML={{ __html: item.title }}/>
|
|
|
|
|
|
|
|
};
|
|
|
|
|
|
|
|
});
|
|
|
|
|
|
|
|
setDataSource(dataSource);
|
|
|
|
setDataSource(dataSource);
|
|
|
|
setColumns(
|
|
|
|
setColumns(
|
|
|
|
!showOperates ? conventColumns :
|
|
|
|
!showOperates
|
|
|
|
[
|
|
|
|
? conventColumns
|
|
|
|
...conventColumns,
|
|
|
|
: [
|
|
|
|
{
|
|
|
|
...conventColumns,
|
|
|
|
title: "操作",
|
|
|
|
{
|
|
|
|
dataIndex: "operate",
|
|
|
|
title: "操作",
|
|
|
|
fixed: "right",
|
|
|
|
dataIndex: "operate",
|
|
|
|
width: 120,
|
|
|
|
fixed: "right",
|
|
|
|
render: (_: any, record: any) => {
|
|
|
|
width: 120,
|
|
|
|
return (
|
|
|
|
render: (_: any, record: any) => {
|
|
|
|
<Button type="link" onClick={() => handleEdit(record)}>编辑</Button>
|
|
|
|
return (
|
|
|
|
);
|
|
|
|
<Button type="link" onClick={() => handleEdit(record)}>
|
|
|
|
|
|
|
|
编辑
|
|
|
|
|
|
|
|
</Button>
|
|
|
|
|
|
|
|
);
|
|
|
|
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
]
|
|
|
|
]
|
|
|
|
|
|
|
|
);
|
|
|
|
);
|
|
|
|
setPageInfo({ pageNum, size, total });
|
|
|
|
setPageInfo({ pageNum, size, total });
|
|
|
|
setSelected(selectedRowKeys);
|
|
|
|
setSelected(selectedRowKeys);
|
|
|
|
const confCode: any = await API.CalculateService.getSysconfcode({ code: "OPEN_ACCT_RESULT_SUM" });
|
|
|
|
setSumRow(sumRow);
|
|
|
|
setShowSumrow(confCode.data.status && confCode.data.data === "1");
|
|
|
|
|
|
|
|
if (confCode.data.status && confCode.data.data === "1") {
|
|
|
|
|
|
|
|
const sumRowlist: any = selectedKey === "1" ? await API.CalculateService.siaccountDetailCommonListSum(sumpayload) :
|
|
|
|
|
|
|
|
selectedKey === "3" ? await API.CalculateService.siaccountDetailSupplementaryListSum(sumpayload) :
|
|
|
|
|
|
|
|
selectedKey === "regression" ? await API.CalculateService.siaccountDetailRecessionListSum(sumpayload) :
|
|
|
|
|
|
|
|
selectedKey === "difference" ? await API.CalculateService.siaccountDetailBalanceListSum(sumpayload) : {
|
|
|
|
|
|
|
|
data: {
|
|
|
|
|
|
|
|
status: false,
|
|
|
|
|
|
|
|
data: { sumRow: {} }
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
};
|
|
|
|
|
|
|
|
if (sumRowlist.data.status) {
|
|
|
|
|
|
|
|
if (!_.isEmpty(sumRowlist.data.data.sumRow)) {
|
|
|
|
|
|
|
|
setSumRow(sumRowlist.data.data.sumRow);
|
|
|
|
|
|
|
|
} else {
|
|
|
|
|
|
|
|
setSumRow({ [new Date().getTime()]: new Date().getTime() });
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
if (sumRowlist.data.status && _.isNil(sumRowlist.data.data.sumRow)) {
|
|
|
|
|
|
|
|
setSumRow({ [new Date().getTime()]: new Date().getTime() });
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
}
|
|
|
|
}
|
|
|
|
};
|
|
|
|
};
|
|
|
|
const handleEdit = (record: any) => {
|
|
|
|
const handleEdit = (record: any) => {
|
|
|
|
window.parent.postMessage({ type: "turn", payload: { id: "EDIT", params: { ...record } } }, "*");
|
|
|
|
window.parent.postMessage({ type: "turn", payload: { id: "EDIT", params: { ...record } } }, "*");
|
|
|
|
};
|
|
|
|
};
|
|
|
|
const sizeChange = (pageobj: IPage) => {
|
|
|
|
const sizeChange = (pageobj: IPage) => {};
|
|
|
|
};
|
|
|
|
|
|
|
|
const onChange = (pageobj: IPage) => {
|
|
|
|
const onChange = (pageobj: IPage) => {
|
|
|
|
setPageInfo({ ...pageInfo, ...pageobj });
|
|
|
|
setPageInfo({ ...pageInfo, ...pageobj });
|
|
|
|
window.parent.postMessage(
|
|
|
|
window.parent.postMessage({ type: "turn", payload: { id: "PAGEINFO", params: { ...pageInfo, ...pageobj } } }, "*");
|
|
|
|
{
|
|
|
|
|
|
|
|
type: "turn",
|
|
|
|
|
|
|
|
payload: { id: "PAGEINFO", params: { ...pageInfo, ...pageobj } }
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
"*"
|
|
|
|
|
|
|
|
);
|
|
|
|
|
|
|
|
};
|
|
|
|
};
|
|
|
|
const rowSelection = {
|
|
|
|
const rowSelection = {
|
|
|
|
selectedRowKeys: selected,
|
|
|
|
selectedRowKeys: selected,
|
|
|
|
columnWidth: 80,
|
|
|
|
columnWidth: 60,
|
|
|
|
onChange: (selectedRowKeys: Array<any>) => {
|
|
|
|
onChange: (selectedRowKeys: Array<any>) => {
|
|
|
|
setSelected(selectedRowKeys);
|
|
|
|
setSelected(selectedRowKeys);
|
|
|
|
window.parent.postMessage(
|
|
|
|
window.parent.postMessage({ type: "turn", payload: { id: "ROWSELECT", params: { selectedRowKeys } } }, "*");
|
|
|
|
{
|
|
|
|
|
|
|
|
type: "turn",
|
|
|
|
|
|
|
|
payload: { id: "ROWSELECT", params: { selectedRowKeys } }
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
"*"
|
|
|
|
|
|
|
|
);
|
|
|
|
|
|
|
|
}
|
|
|
|
}
|
|
|
|
};
|
|
|
|
};
|
|
|
|
return <Table
|
|
|
|
return (
|
|
|
|
rowKey="id"
|
|
|
|
<Table
|
|
|
|
className={styles.tableWrapper}
|
|
|
|
rowKey="id"
|
|
|
|
columns={columns}
|
|
|
|
className={styles.tableWrapper}
|
|
|
|
dataSource={dataSource}
|
|
|
|
columns={columns}
|
|
|
|
size="small"
|
|
|
|
dataSource={dataSource}
|
|
|
|
rowSelection={rowSelection}
|
|
|
|
size="small"
|
|
|
|
pagination={{
|
|
|
|
rowSelection={rowSelection}
|
|
|
|
...paginationFun(pageInfo, sizeChange, onChange),
|
|
|
|
pagination={{
|
|
|
|
size: "default"
|
|
|
|
...paginationFun(pageInfo, sizeChange, onChange),
|
|
|
|
}}
|
|
|
|
size: "default"
|
|
|
|
scroll={{ x: 1200, y: `calc(100vh - 172px)` }}
|
|
|
|
}}
|
|
|
|
summary={() => {
|
|
|
|
scroll={{ x: 1200, y: `calc(100vh - 172px)` }}
|
|
|
|
if (_.isEmpty(columns) || !showSumrow) return;
|
|
|
|
summary={() => {
|
|
|
|
return (
|
|
|
|
if (_.isEmpty(sumRow)) return;
|
|
|
|
<Table.Summary fixed>
|
|
|
|
return (
|
|
|
|
<Table.Summary.Row>
|
|
|
|
<Table.Summary fixed>
|
|
|
|
{
|
|
|
|
<Table.Summary.Row>
|
|
|
|
_.isEmpty(sumRow) ? <Spin tip="加载中"/> :
|
|
|
|
{_.map([{}, ...columns], (item, index) => {
|
|
|
|
_.map([{}, ...columns], (item, index) => {
|
|
|
|
if (index === 0) {
|
|
|
|
if (index === 0) {
|
|
|
|
return (
|
|
|
|
return <Table.Summary.Cell index={0} key={index} align="center"><Text
|
|
|
|
<Table.Summary.Cell index={0} key={index} align="center">
|
|
|
|
type="danger">总计</Text></Table.Summary.Cell>;
|
|
|
|
<Text type="danger">总计</Text>
|
|
|
|
}
|
|
|
|
</Table.Summary.Cell>
|
|
|
|
return <Table.Summary.Cell index={index} key={index}>
|
|
|
|
);
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
return (
|
|
|
|
|
|
|
|
<Table.Summary.Cell index={index} key={index}>
|
|
|
|
<Text type="danger">{!_.isNil(sumRow[item.dataIndex]) ? sumRow[item.dataIndex] : "-"}</Text>
|
|
|
|
<Text type="danger">{!_.isNil(sumRow[item.dataIndex]) ? sumRow[item.dataIndex] : "-"}</Text>
|
|
|
|
</Table.Summary.Cell>;
|
|
|
|
</Table.Summary.Cell>
|
|
|
|
})
|
|
|
|
);
|
|
|
|
}
|
|
|
|
})}
|
|
|
|
</Table.Summary.Row>
|
|
|
|
</Table.Summary.Row>
|
|
|
|
</Table.Summary>
|
|
|
|
</Table.Summary>
|
|
|
|
);
|
|
|
|
);
|
|
|
|
}}
|
|
|
|
}}
|
|
|
|
/>;
|
|
|
|
/>
|
|
|
|
|
|
|
|
);
|
|
|
|
};
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
|
|
export default StandingbookTable;
|
|
|
|
export default StandingbookTable;
|
|
|
|
|
