src/pages/salaryFileTable/index.tsx

@@ -24,7 +24,9 @@ const Index: FunctionComponent<Props> = (props) => {
   const [pageInfo, setPageInfo] = useState<Partial<PaginationData>>({});
   const [i18n, setI18n] = useState<any>({});
   const [runStatuses, setRunStatuses] = useState<string>("");
+  const [showOperateBtn, setShowOperateBtn] = useState<boolean>(false);
   const [showDelSalaryFileBtn, setShowDelSalaryFileBtn] = useState<boolean>(false);//待定薪、停薪员工 是否允许删除薪资档案
+  const [DCChiefPermission, setDCChiefPermission] = useState<undefined>(undefined);//二开权限（大成）
 
   useEffect(() => {
     window.parent.postMessage({ type: "init" }, "*");
@@ -38,8 +40,10 @@ const Index: FunctionComponent<Props> = (props) => {
     const data: any = exceptStr(event.data);
     if (!_.isEmpty(data)) {
       const {
-        columns, dataSource, pageInfo, selectedRowKeys: rowKeys = [], i18n: i18nRes = {}, selectedKey, showDelSalaryFileBtn
+        columns, dataSource, pageInfo, selectedRowKeys: rowKeys = [], i18n: i18nRes = {},
+        selectedKey, showOperateBtn, showDelSalaryFileBtn, DCChiefPermission
       } = data;
+      setShowOperateBtn(showOperateBtn);
       setRunStatuses(selectedKey);
       setI18n(i18nRes);
       setPageInfo(pageInfo);
@@ -47,6 +51,7 @@ const Index: FunctionComponent<Props> = (props) => {
       setSelectedRowKeys([...rowKeys, ...selectedRowKeys]);
       setColumns(columns);
       setShowDelSalaryFileBtn(showDelSalaryFileBtn);
+      setDCChiefPermission(DCChiefPermission);
     }
   };
   const onChange = (current: number, pageSize: number) => {
@@ -108,30 +113,19 @@ const Index: FunctionComponent<Props> = (props) => {
                 }
               ];
               !showDelSalaryFileBtn && (items = _.dropRight(items));
-              return (
+              return (<Space>
-                record?.opts.includes("admin") ?
+                {
-                  <Space>
+                  (_.isNil(DCChiefPermission) || DCChiefPermission) ?
                     <Button type="link"
-                            onClick={() => handleSalaryFileOperate("EDIT", record)}>{i18n["编辑"]}</Button>
+                            onClick={() => handleSalaryFileOperate("EDIT", record)}>{i18n["编辑"]}</Button> :
+                    <Button type="link" onClick={() => handleSalaryFileOperate("VIEW", record)}>{i18n["查看"]}</Button>
+                }
                 <Button type="link"
                         onClick={() => handleSalaryFileOperate("ADD-TO-SALARYPAYMENT", record, [record?.id])}>{i18n["设为发薪人员"]}</Button>
                 <Dropdown menu={{ items }} placement="bottomRight">
                   <Button type="link" icon={<MoreOutlined/>}/>
                 </Dropdown>
-                  </Space> : <Space>
+              </Space>);
-                    <Button type="link"
-                            onClick={() => handleSalaryFileOperate("VIEW", record)}>{i18n["查看"]}</Button>
-                    <Dropdown menu={{
-                      items: [
-                        {
-                          key: "Log", label: i18n["操作日志"], onClick: () => handleSalaryFileOperate("log", record)
-                        }
-                      ]
-                    }} placement="bottomRight">
-                      <Button type="link" icon={<MoreOutlined/>}/>
-                    </Dropdown>
-                  </Space>
-              );
             }
           };
           break;
@@ -148,24 +142,15 @@ const Index: FunctionComponent<Props> = (props) => {
                 }
               ];
               return (
-                record?.opts.includes("admin") ?
                 <Space>
+                  {
+                    (((_.isNil(DCChiefPermission) || DCChiefPermission) && runStatuses === "fixed") || runStatuses === "ext") ?
                       <Button type="link"
-                            onClick={() => handleSalaryFileOperate("CHANGE-SALARY", record)}>{i18n["调薪"]}</Button>
+                              onClick={() => handleSalaryFileOperate("CHANGE-SALARY", record)}>{i18n["调薪"]}</Button> :
-                    <Dropdown menu={{ items }} placement="bottomRight">
-                      <Button type="link" icon={<MoreOutlined/>}/>
-                    </Dropdown>
-                  </Space> :
-                  <Space>
                       <Button type="link"
                               onClick={() => handleSalaryFileOperate("VIEW", record)}>{i18n["查看"]}</Button>
-                    <Dropdown menu={{
-                      items: [
-                        {
-                          key: "Log", label: i18n["操作日志"], onClick: () => handleSalaryFileOperate("log", record)
                   }
-                      ]
+                  <Dropdown menu={{ items }} placement="bottomRight">
-                    }} placement="bottomRight">
                     <Button type="link" icon={<MoreOutlined/>}/>
                   </Dropdown>
                 </Space>
@@ -189,30 +174,14 @@ const Index: FunctionComponent<Props> = (props) => {
                   onClick: () => handleSalaryFileOperate("log", record)
                 }
               ];
-              return (
+              return (<Space>
-                record?.opts.includes("admin") ?
-                  <Space>
                 <Button type="link" onClick={() => handleSalaryFileOperate("EDIT", record)}>{i18n["编辑"]}</Button>
                 <Button type="link"
                         onClick={() => handleSalaryFileOperate("SALARY-SUSPENSION", record, [record?.id])}>{i18n["停薪"]}</Button>
                 <Dropdown menu={{ items: downsizingItems }} placement="bottomRight">
                   <Button type="link" icon={<MoreOutlined/>}/>
                 </Dropdown>
-                  </Space> :
+              </Space>);
-                  <Space>
-                    <Button type="link"
-                            onClick={() => handleSalaryFileOperate("VIEW", record)}>{i18n["查看"]}</Button>
-                    <Dropdown menu={{
-                      items: [
-                        {
-                          key: "Log", label: i18n["操作日志"], onClick: () => handleSalaryFileOperate("log", record)
-                        }
-                      ]
-                    }} placement="bottomRight">
-                      <Button type="link" icon={<MoreOutlined/>}/>
-                    </Dropdown>
-                  </Space>
-              );
             }
           };
           break;
@@ -221,21 +190,19 @@ const Index: FunctionComponent<Props> = (props) => {
             ...opts,
             render: (__: any, record: any) => {
               let stopItems: MenuProps["items"] = [
-                {
-                  key: "CancelSuspension",
-                  label: i18n["删除档案"],
-                  onClick: () => handleSalaryFileOperate("DEL-SALARY-FILES", record, [record?.id])
-                },
                 {
                   key: "Log",
                   label: i18n["操作日志"],
                   onClick: () => handleSalaryFileOperate("log", record)
+                },
+                {
+                  key: "CancelSuspension",
+                  label: i18n["删除档案"],
+                  onClick: () => handleSalaryFileOperate("DEL-SALARY-FILES", record, [record?.id])
                 }
               ];
               !showDelSalaryFileBtn && (stopItems = _.dropRight(stopItems));
-              return (
+              return (<Space>
-                record?.opts.includes("admin") ?
-                  <Space>
                 <Button type="link" onClick={() => handleSalaryFileOperate("VIEW", record)}>{i18n["查看"]}</Button>
                 <Button type="link"
                         onClick={() => handleSalaryFileOperate("CANCEL-SALARY-SUSPENSION", record, [record?.id])}>{i18n["取消停薪"]}</Button>
@@ -245,32 +212,32 @@ const Index: FunctionComponent<Props> = (props) => {
                     <Button type="link" icon={<MoreOutlined/>}/>
                   </Dropdown>
                 }
-                  </Space> :
+              </Space>);
-                  <Space>
-                    <Button type="link"
-                            onClick={() => handleSalaryFileOperate("VIEW", record)}>{i18n["查看"]}</Button>
-                    <Dropdown menu={{
-                      items: [
-                        {
-                          key: "Log", label: i18n["操作日志"], onClick: () => handleSalaryFileOperate("log", record)
-                        }
-                      ]
-                    }} placement="bottomRight">
-                      <Button type="link" icon={<MoreOutlined/>}/>
-                    </Dropdown>
-                  </Space>
-              );
             }
           };
           break;
         default:
           break;
       }
-      return [..._.filter(columns, o => o.dataIndex !== "operate"), opts];
+      return showOperateBtn ? [..._.filter(columns, o => o.dataIndex !== "operate"), opts] :
+        [..._.filter(columns, o => o.dataIndex !== "operate"), {
+          ...opts,
+          render: (__: any, record: any) => (
+            <Space>
+              {
+                (DCChiefPermission && (runStatuses === "pending" || runStatuses === "fixed")) ?
+                  <Button type="link"
+                          onClick={() => handleSalaryFileOperate(runStatuses === "fixed" ? "CHANGE-SALARY" : "EDIT", record)}>{runStatuses === "fixed" ? i18n["调薪"] : i18n["编辑"]}</Button> :
+                  <Button type="link" onClick={() => handleSalaryFileOperate("VIEW", record)}>{i18n["查看"]}</Button>
+              }
+              <Button type="link" onClick={() => handleSalaryFileOperate("log", record)}>{i18n["操作日志"]}</Button>
+            </Space>
+          )
+        }];
     } else {
       return [];
     }
-  }, [columns, runStatuses, i18n, showDelSalaryFileBtn]);
+  }, [columns, runStatuses, i18n, showOperateBtn, showDelSalaryFileBtn, DCChiefPermission]);
   return (<Table
     rowKey="id" size="small" className={styles.tableWrapper}
     columns={cols} dataSource={dataSource} rowSelection={rowSelection}

src/pages/standingbookTable/index.tsx

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

src/pages/unitTable/renderColsOpts.tsx

@@ -27,7 +27,7 @@ export function renderCols(initialState: any[], type: string, i18n?: AnyObject,
                   render: (text: string, record: any) => {
                     const { billStatus } = record;
                     return (
-                      <Button type="link" onClick={() => postMessageToParent(billStatus === "0" && record?.opts.includes("admin") ? "CALC" : "VIEW", record)}>
+                      <Button type="link" onClick={() => postMessageToParent(billStatus === "0" && extraParams?.permission ? "CALC" : "VIEW", record)}>
                         {text}
                       </Button>
                     );
@@ -84,7 +84,7 @@ export function renderCols(initialState: any[], type: string, i18n?: AnyObject,
             ];
             return (
               <Space>
-                {!record?.opts.includes("admin") ? (
+                {!extraParams?.permission ? (
                   <Space>
                     <Button type="link" onClick={() => postMessageToParent("VIEW", record)}>
                       {i18n?.["查看"]}
@@ -358,8 +358,6 @@ export function renderCols(initialState: any[], type: string, i18n?: AnyObject,
           fixed: "right",
           render: (__: string, record: any) => {
             return (
-              <Space>
-                {record?.opts.includes("admin") ? (
               <Space>
                 <Button type="link" onClick={() => postMessageToParent("EDIT", record)}>
                   {i18n?.["编辑"]}
@@ -368,12 +366,6 @@ export function renderCols(initialState: any[], type: string, i18n?: AnyObject,
                   {i18n?.["删除"]}
                 </Button>
               </Space>
-                ) : (
-                  <Button type="link" onClick={() => postMessageToParent("VIEW", record)}>
-                    {i18n?.["查看"]}
-                  </Button>
-                )}
-              </Space>
             );
           }
         }
@@ -412,15 +404,13 @@ export function renderCols(initialState: any[], type: string, i18n?: AnyObject,
                       onClick: () => postMessageToParent("log", record)
                     }
                   ];
-                  (isSpecial || !record?.opts.includes("admin")) && items.shift();
+                  isSpecial && items.shift();
                   return (
                     <Space>
-                      {record?.opts.includes("admin") && (
                       <Button type="link" onClick={() => postMessageToParent("EDIT", record)}>
                         {i18n?.["编辑"]}
                       </Button>
-                      )}
+                      {isSpecial ? (
-                      {isSpecial && record?.opts.includes("admin") ? (
                         <Button type="link" onClick={() => postMessageToParent("DEL", record)}>
                           {i18n?.["删除"]}
                         </Button>

src/pages/welfareArchiveTable/index.tsx

@@ -25,6 +25,7 @@ const Index: FunctionComponent<Props> = (props) => {
   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" }, "*");
@@ -37,7 +38,11 @@ const Index: FunctionComponent<Props> = (props) => {
   const receiveMessageFromIndex = (event: any) => {
     const data: any = exceptStr(event.data);
     if (!_.isEmpty(data)) {
-      const { columns, dataSource, pageInfo, selectedRowKeys: rowKeys = [], i18n: i18nRes = {}, runStatuses } = data;
+      const {
+        columns, dataSource, pageInfo, selectedRowKeys: rowKeys = [], i18n: i18nRes = {},
+        runStatuses, showOperateBtn
+      } = data;
+      setShowOperateBtn(showOperateBtn);
       setRunStatuses(runStatuses);
       setI18n(i18nRes);
       setPageInfo(pageInfo);
@@ -82,14 +87,6 @@ const Index: FunctionComponent<Props> = (props) => {
   };
   const cols: any = useMemo(() => {
     let opts: any = { title: i18n["操作"], dataIndex: "operate", fixed: "right", width: 185 };
-    const UnAuthOpts = (record: any) => (<Space>
-      <Button type="link" onClick={() => handleWelfareOperate("VIEW", record)}>{i18n["查看"]}</Button>
-      <Dropdown menu={{
-        items: [{ key: "Log", label: i18n["操作日志"], onClick: () => handleWelfareOperate("log", record) }]
-      }} placement="bottomRight">
-        <Button type="link" icon={<MoreOutlined/>}/>
-      </Dropdown>
-    </Space>);
     switch (runStatuses) {
       case "1":
         opts = {
@@ -112,13 +109,13 @@ const Index: FunctionComponent<Props> = (props) => {
                 onClick: () => handleWelfareOperate("log", record)
               }
             ];
-            return (record?.opts.includes("admin") ? <Space>
+            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> : UnAuthOpts(record));
+            </Space>);
           }
         };
         break;
@@ -134,12 +131,13 @@ const Index: FunctionComponent<Props> = (props) => {
                 onClick: () => handleWelfareOperate("log", record)
               }
             ];
-            return (record?.opts.includes("admin") ? <Space>
+            return (
+              <Space>
                 <Button type="link" onClick={() => handleWelfareOperate("EDIT", record)}>{i18n["编辑"]}</Button>
                 <Dropdown menu={{ items }} placement="bottomRight">
                   <Button type="link" icon={<MoreOutlined/>}/>
                 </Dropdown>
-            </Space> : UnAuthOpts(record));
+              </Space>);
           }
         };
         break;
@@ -159,14 +157,14 @@ const Index: FunctionComponent<Props> = (props) => {
                 onClick: () => handleWelfareOperate("log", record)
               }
             ];
-            return (record?.opts.includes("admin") ? <Space>
+            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> : UnAuthOpts(record));
+            </Space>);
           }
         };
         break;
@@ -186,27 +184,38 @@ const Index: FunctionComponent<Props> = (props) => {
                 onClick: () => handleWelfareOperate("log", record)
               }
             ];
-            return (record?.opts.includes("admin") ? <Space>
+            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> : UnAuthOpts(record));
+            </Space>);
           }
         };
         break;
       default:
         break;
     }
-    return [...columns, opts];
+    return showOperateBtn ? [...columns, opts] : [...columns, {
-  }, [columns, runStatuses, i18n]);
+      ...opts,
+      render: (__: any, record: any) => (
+        <Space>
+          <Button type="link" onClick={() => handleWelfareOperate("VIEW", record)}>{i18n["查看"]}</Button>
+          <Button type="link" onClick={() => handleWelfareOperate("log", record)}>{i18n["操作日志"]}</Button>
+        </Space>
+      )
+    }];
+  }, [columns, runStatuses, i18n, showOperateBtn]);
   return (<Table
-    rowKey="baseInfoId" size="small" className={styles.tableWrapper}
+    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" }}
+    pagination={{
+      ...paginationAction(pageInfo, i18n, onChange),
+      size: "default"
+    }}
   />);
 };