泛微薪资核算iframe表格

src/layouts/config.js

@@ -7,6 +7,7 @@ module.exports = {
     '/calculateDetail.*': 'blank',
     '/atdTable.*': 'blank',
     '/previewTable.*': 'blank',
+    '/standingbookTable.*': 'blank',
     '/manage.*': 'manage',
     '/portal.*': 'template',
     '/passport/oauth-in': 'blank',

src/pages/atdTable/components/index.less

@@ -59,7 +59,7 @@
       .ant-pagination {
         font-size: 12px;
         align-items: center;
-
+        margin-right: 8px;
         .ant-pagination-item, .ant-pagination-prev, .ant-pagination-next {
           min-width: 28px;
           height: 28px;

src/pages/previewTable/index.tsx

@@ -10,6 +10,7 @@ const PreviewTable: FC = (props) => {
   const [dataSource, setDataSource] = useState<Array<any>>([]);
   const [pageInfo, setPageInfo] = useState<IPage>(defaultPage);
   const [sumRow, setSumRow] = useState<Partial<{}>>({});
+  const [showSumrow, setShowSumrow] = useState<boolean>(false);
 
   useEffect(() => {
     window.parent.postMessage({ type: "init" }, "*");
@@ -21,10 +22,11 @@ const PreviewTable: FC = (props) => {
   const receiveMessageFromIndex = (event: any) => {
     const data: any = exceptStr(event.data);
     if (!_.isEmpty(data)) {
-      const { columns, dataSource, pageInfo, salaryBillSendSum } = data;
+      const { columns, dataSource, pageInfo, salaryBillSendSum, showSum } = data;
       const { current: pageNum, pageSize: size, total } = pageInfo;
       setDataSource(dataSource);
       setColumns(columns);
+      setShowSumrow(showSum);
       setSumRow(salaryBillSendSum);
       setPageInfo({ pageNum, size, total });
     }
@@ -53,7 +55,7 @@ const PreviewTable: FC = (props) => {
     }}
     scroll={{ x: 1200, y: "calc(100vh - 193px)" }}
     summary={() => {
-      if (_.isEmpty(columns)) return;
+      if (_.isEmpty(columns) || !showSumrow) return;
       return (
         <Table.Summary fixed>
           <Table.Summary.Row>
@@ -63,7 +65,7 @@ const PreviewTable: FC = (props) => {
                   return <Table.Summary.Cell index={0} key={index}><Text type="danger">总计</Text></Table.Summary.Cell>;
                 }
                 return <Table.Summary.Cell index={index} key={index}>
-                  <Text type="danger">{sumRow[item.dataIndex] || "-"}</Text>
+                  <Text type="danger">{!_.isNil(sumRow[item.dataIndex]) ? sumRow[item.dataIndex] : "-"}</Text>
                 </Table.Summary.Cell>;
               })
             }

src/pages/standingbookTable/index.tsx

@@ -0,0 +1,133 @@
+import React, { FC, useEffect, useState } from "react";
+import { Button, Table, Typography } from "antd";
+import { exceptStr, paginationFun } from "@/utils/common";
+import { defaultPage, IPage } from "@/common/types";
+import styles from "@/pages/atdTable/components/index.less";
+
+const { Text } = Typography;
+const StandingbookTable: FC = (props) => {
+  const [selected, setSelected] = useState<Array<string>>([]);
+  const [columns, setColumns] = useState<Array<any>>([]);
+  const [dataSource, setDataSource] = useState<Array<any>>([]);
+  const [pageInfo, setPageInfo] = useState<IPage>(defaultPage);
+  const [sumRow, setSumRow] = useState<Partial<{}>>({});
+  const [showSumrow, setShowSumrow] = 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, showOperates, selectedRowKeys,
+        showSum, siaccountSum
+      } = data;
+      const { current: pageNum, pageSize: size, total } = pageInfo;
+      const conventColumns = _.map(_.filter(columns, it => it.dataIndex !== "id"), item => {
+        const { dataIndex } = item;
+        if (dataIndex === "employeeId") {
+          return {
+            title: "姓名", dataIndex, fixed: "left", width: 150,
+            render: (_: any, record: Partial<any>) => (
+              <span>{record?.userName}</span>
+            )
+          };
+        }
+        return {
+          dataIndex, width: 150,
+          title: <span dangerouslySetInnerHTML={{ __html: item.title }}/>
+        };
+      });
+      setDataSource(dataSource);
+      setColumns(
+        !showOperates ? conventColumns :
+          [
+            ...conventColumns,
+            {
+              title: "操作",
+              dataIndex: "operate",
+              fixed: "right",
+              width: 120,
+              render: (_: any, record: any) => {
+                return (
+                  <Button type="link" onClick={() => handleEdit(record)}>编辑</Button>
+                );
+              }
+            }
+          ]
+      );
+      setSelected(selectedRowKeys);
+      setShowSumrow(showSum);
+      setSumRow(siaccountSum);
+      setPageInfo({ pageNum, size, total });
+    }
+  };
+  const handleEdit = (record: any) => {
+    window.parent.postMessage({ type: "turn", payload: { id: "EDIT", params: { ...record } } }, "*");
+  };
+  const sizeChange = (pageobj: IPage) => {
+  };
+  const onChange = (pageobj: IPage) => {
+    setPageInfo({ ...pageInfo, ...pageobj });
+    window.parent.postMessage(
+      {
+        type: "turn",
+        payload: { id: "PAGEINFO", params: { ...pageInfo, ...pageobj } }
+      },
+      "*"
+    );
+  };
+  const rowSelection = {
+    selectedRowKeys: selected,
+    onChange: (selectedRowKeys: Array<any>) => {
+      setSelected(selectedRowKeys);
+      window.parent.postMessage(
+        {
+          type: "turn",
+          payload: { id: "ROWSELECT", params: { selectedRowKeys } }
+        },
+        "*"
+      );
+    }
+  };
+  return <Table
+    rowKey="id"
+    className={styles.tableWrapper}
+    columns={columns}
+    dataSource={dataSource}
+    size="small"
+    rowSelection={rowSelection}
+    pagination={{
+      ...paginationFun(pageInfo, sizeChange, onChange),
+      size: "default"
+    }}
+    scroll={{ x: 1200, y: `calc(100vh - 135px)` }}
+    summary={() => {
+      if (_.isEmpty(columns) || !showSumrow) return;
+      return (
+        <Table.Summary fixed>
+          <Table.Summary.Row>
+            {
+              _.map(columns, (item, index) => {
+                if (index === 0) {
+                  return <Table.Summary.Cell colSpan={2} index={0} key={index}><Text
+                    type="danger">总计</Text></Table.Summary.Cell>;
+                }
+                return <Table.Summary.Cell index={index} key={index}>
+                  <Text type="danger">{!_.isNil(sumRow[item.dataIndex]) ? sumRow[item.dataIndex] : "-"}</Text>
+                </Table.Summary.Cell>;
+              })
+            }
+          </Table.Summary.Row>
+        </Table.Summary>
+      );
+    }}
+  />;
+};
+
+export default StandingbookTable;