From bba707b04196d8421d71c4eb56617cd916c048a4 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=BB=8E=E6=B0=B8=E9=A1=BA?= <971387674@qq.com>
Date: Thu, 26 Sep 2024 16:16:01 +0800
Subject: [PATCH] =?UTF-8?q?=E4=B8=9A=E5=8A=A1=E7=BA=BF=E7=AE=A1=E7=90=86?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/salaryFileTable/index.tsx     | 43 +++++++++++++---
 src/pages/unitTable/renderColsOpts.tsx  | 12 ++---
 src/pages/welfareArchiveTable/index.tsx | 65 ++++++++++---------------
 3 files changed, 67 insertions(+), 53 deletions(-)

diff --git a/src/pages/salaryFileTable/index.tsx b/src/pages/salaryFileTable/index.tsx
index bf2f81e..1fc461a 100644
--- a/src/pages/salaryFileTable/index.tsx
+++ b/src/pages/salaryFileTable/index.tsx
@@ -124,7 +124,15 @@ const Index: FunctionComponent<Props> = (props) => {
                   </Space> : <Space>
                     <Button type="link"
                             onClick={() => handleSalaryFileOperate("VIEW", record)}>{i18n["查看"]}</Button>
-                    <Button type="link" onClick={() => handleSalaryFileOperate("log", record)}>{i18n["操作日志"]}</Button>
+                    <Dropdown menu={{
+                      items: [
+                        {
+                          key: "Log", label: i18n["操作日志"], onClick: () => handleSalaryFileOperate("log", record)
+                        }
+                      ]
+                    }} placement="bottomRight">
+                      <Button type="link" icon={<MoreOutlined/>}/>
+                    </Dropdown>
                   </Space>
               );
             }
@@ -154,8 +162,15 @@ const Index: FunctionComponent<Props> = (props) => {
                   <Space>
                     <Button type="link"
                             onClick={() => handleSalaryFileOperate("VIEW", record)}>{i18n["查看"]}</Button>
-                    <Button type="link"
-                            onClick={() => handleSalaryFileOperate("log", record)}>{i18n["操作日志"]}</Button>
+                    <Dropdown menu={{
+                      items: [
+                        {
+                          key: "Log", label: i18n["操作日志"], onClick: () => handleSalaryFileOperate("log", record)
+                        }
+                      ]
+                    }} placement="bottomRight">
+                      <Button type="link" icon={<MoreOutlined/>}/>
+                    </Dropdown>
                   </Space>
               );
             }
@@ -190,8 +205,15 @@ const Index: FunctionComponent<Props> = (props) => {
                   <Space>
                     <Button type="link"
                             onClick={() => handleSalaryFileOperate("VIEW", record)}>{i18n["查看"]}</Button>
-                    <Button type="link"
-                            onClick={() => handleSalaryFileOperate("log", record)}>{i18n["操作日志"]}</Button>
+                    <Dropdown menu={{
+                      items: [
+                        {
+                          key: "Log", label: i18n["操作日志"], onClick: () => handleSalaryFileOperate("log", record)
+                        }
+                      ]
+                    }} placement="bottomRight">
+                      <Button type="link" icon={<MoreOutlined/>}/>
+                    </Dropdown>
                   </Space>
               );
             }
@@ -230,8 +252,15 @@ const Index: FunctionComponent<Props> = (props) => {
                   <Space>
                     <Button type="link"
                             onClick={() => handleSalaryFileOperate("VIEW", record)}>{i18n["查看"]}</Button>
-                    <Button type="link"
-                            onClick={() => handleSalaryFileOperate("log", record)}>{i18n["操作日志"]}</Button>
+                    <Dropdown menu={{
+                      items: [
+                        {
+                          key: "Log", label: i18n["操作日志"], onClick: () => handleSalaryFileOperate("log", record)
+                        }
+                      ]
+                    }} placement="bottomRight">
+                      <Button type="link" icon={<MoreOutlined/>}/>
+                    </Dropdown>
                   </Space>
               );
             }
diff --git a/src/pages/unitTable/renderColsOpts.tsx b/src/pages/unitTable/renderColsOpts.tsx
index 479563f..1210c9c 100644
--- a/src/pages/unitTable/renderColsOpts.tsx
+++ b/src/pages/unitTable/renderColsOpts.tsx
@@ -24,7 +24,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" && extraParams?.permission) ? "CALC" : "VIEW", record)}>{text}</Button>);
+                                onClick={() => postMessageToParent((billStatus === "0" && record?.opts.includes("admin")) ? "CALC" : "VIEW", record)}>{text}</Button>);
               }
             };
             break;
@@ -72,15 +72,13 @@ export function renderCols(initialState: any[], type: string, i18n?: AnyObject,
           return (
             <Space>
               {
-                !extraParams?.permission ?
+                !record?.opts.includes("admin") ?
                   <Space>
                     <Button type="link" onClick={() => postMessageToParent("VIEW", record)}>{i18n?.["查看"]}</Button>
                     <Dropdown menu={{
-                      items: [{
-                        key: "Log",
-                        label: i18n?.["操作日志"],
-                        onClick: () => postMessageToParent("log", record)
-                      }]
+                      items: [
+                        { key: "Log", label: i18n?.["操作日志"], onClick: () => postMessageToParent("log", record) }
+                      ]
                     }} placement="bottomRight">
                       <Button type="link" icon={<MoreOutlined/>}/>
                     </Dropdown>
diff --git a/src/pages/welfareArchiveTable/index.tsx b/src/pages/welfareArchiveTable/index.tsx
index d969b13..b3e223c 100644
--- a/src/pages/welfareArchiveTable/index.tsx
+++ b/src/pages/welfareArchiveTable/index.tsx
@@ -25,7 +25,6 @@ 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" }, "*");
@@ -38,11 +37,7 @@ const Index: FunctionComponent<Props> = (props) => {
   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);
+      const { columns, dataSource, pageInfo, selectedRowKeys, i18n: i18nRes = {}, runStatuses } = data;
       setRunStatuses(runStatuses);
       setI18n(i18nRes);
       setPageInfo(pageInfo);
@@ -69,11 +64,7 @@ const Index: FunctionComponent<Props> = (props) => {
     selectedRowKeys: selectedRowKeys,
     onChange: (selectedRowKeys: React.Key[]) => {
       setSelectedRowKeys(selectedRowKeys);
-      window.parent.postMessage(
-        {
-          type: "turn",
-          payload: { id: "CHECKBOX", params: { selectedRowKeys } }
-        },
+      window.parent.postMessage({ type: "turn", payload: { id: "CHECKBOX", params: { selectedRowKeys } } },
         "*"
       );
     }
@@ -89,6 +80,14 @@ 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 = {
@@ -111,13 +110,13 @@ const Index: FunctionComponent<Props> = (props) => {
                 onClick: () => handleWelfareOperate("log", record)
               }
             ];
-            return (<Space>
+            return (record?.opts.includes("admin") ? <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>);
+            </Space> : UnAuthOpts(record));
           }
         };
         break;
@@ -133,13 +132,12 @@ const Index: FunctionComponent<Props> = (props) => {
                 onClick: () => handleWelfareOperate("log", record)
               }
             ];
-            return (
-              <Space>
-                <Button type="link" onClick={() => handleWelfareOperate("EDIT", record)}>{i18n["编辑"]}</Button>
-                <Dropdown menu={{ items }} placement="bottomRight">
-                  <Button type="link" icon={<MoreOutlined/>}/>
-                </Dropdown>
-              </Space>);
+            return (record?.opts.includes("admin") ? <Space>
+              <Button type="link" onClick={() => handleWelfareOperate("EDIT", record)}>{i18n["编辑"]}</Button>
+              <Dropdown menu={{ items }} placement="bottomRight">
+                <Button type="link" icon={<MoreOutlined/>}/>
+              </Dropdown>
+            </Space> : UnAuthOpts(record));
           }
         };
         break;
@@ -159,14 +157,14 @@ const Index: FunctionComponent<Props> = (props) => {
                 onClick: () => handleWelfareOperate("log", record)
               }
             ];
-            return (<Space>
+            return (record?.opts.includes("admin") ? <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>);
+            </Space> : UnAuthOpts(record));
           }
         };
         break;
@@ -186,38 +184,27 @@ const Index: FunctionComponent<Props> = (props) => {
                 onClick: () => handleWelfareOperate("log", record)
               }
             ];
-            return (<Space>
+            return (record?.opts.includes("admin") ? <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>);
+            </Space> : UnAuthOpts(record));
           }
         };
         break;
       default:
         break;
     }
-    return showOperateBtn ? [...columns, opts] : [...columns, {
-      ...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 [...columns, opts];
+  }, [columns, runStatuses, i18n]);
   return (<Table
-    rowKey="baseInfo" size="small" className={styles.tableWrapper}
+    rowKey="baseInfoId" 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" }}
   />);
 };