泛微薪资核算iframe表格

src/pages/atdTable/components/index.less

@@ -187,6 +187,18 @@
       }
     }
 
+    .ant-dropdown-menu-title-content {
+      a {
+        font-size: 12px;
+        color: #333;
+      }
+
+      a:hover {
+        color: #00a9ff;
+        text-decoration: underline;
+      }
+    }
+
     .ant-popover-inner {
       min-width: 106px
     }
@@ -194,16 +206,6 @@
     .ant-popover-inner-content {
       padding: 0;
 
-      .ant-menu {
-        .ant-menu-item {
-          border-right: none;
-          height: 30px;
-          line-height: 30px;
-          text-align: center;
-          padding: 0;
-          font-size: 12px;
-        }
-      }
     }
   }
 }

src/pages/payrollFilesTable/index.tsx

@@ -1,6 +1,6 @@
 import React, { FC, useEffect, useState } from "react";
-import { Button, Dropdown, Menu, Space, Spin, Table, Typography } from "antd";
-import { DownOutlined } from "@ant-design/icons";
+import { Button, Dropdown, Space, Spin, Table, Typography } from "antd";
+import { MoreOutlined } from "@ant-design/icons";
 import { convertColumns, exceptStr, paginationFun } from "@/utils/common";
 import styles from "@/pages/atdTable/components/index.less";
 import { defaultPage, IPage } from "@/common/types";
@@ -33,7 +33,8 @@ const payrollFilesTable: FC = (props) => {
         pageInfo,
         showOperateBtn,
         selectedKey,
-        selectedRowKeys
+        selectedRowKeys,
+        salaryArchiveDelete
       } = data;
       const { current: pageNum, pageSize: size, total } = pageInfo;
       setDataSource(dataSource);
@@ -69,27 +70,38 @@ const payrollFilesTable: FC = (props) => {
                     >
                       编辑
                     </Button>
+                    <Button type="link" style={{ padding: "0" }}
+                            onClick={() => handleMenuClick({ key: "payroll" }, r?.id)}
+                    >
+                      设为发薪人员
+                    </Button>
                     <Dropdown
-                      overlayClassName={styles.moreIconWrapper}
-                      overlay={
-                        <Menu>
-                          <Menu.Item key="payroll">
-                            <Button type="link" style={{ padding: "0", fontSize: 12 }}
-                                    onClick={() => handleMenuClick({ key: "payroll" }, r?.id)}
-                            >
-                              设为发薪人员
-                            </Button>
-                          </Menu.Item>
-                          <Menu.Item key="deletePendingTodo">
-                            <Button type="link" style={{ padding: "0", fontSize: 12 }}
-                                    onClick={() => handleMenuClick({ key: "deletePendingTodo" }, r?.id)}>
+                      menu={{
+                        items: salaryArchiveDelete === "1" ? [
+                          {
+                            key: "deletePendingTodo",
+                            label: <a onClick={() => handleMenuClick({ key: "deletePendingTodo" }, r?.id)}>
+                              删除待办
+                            </a>
+                          },
+                          {
+                            key: "deleteAchives",
+                            label: <a onClick={() => handleMenuClick({ key: "deleteAchives" }, r?.id)}>
+                              删除档案
+                            </a>
+                          }
+                        ] : [
+                          {
+                            key: "deletePendingTodo",
+                            label: <a onClick={() => handleMenuClick({ key: "deletePendingTodo" }, r?.id)}>
                               删除待办
-                            </Button>
-                          </Menu.Item>
-                        </Menu>
-                      }
+                            </a>
+                          }
+                        ]
+                      }} placement="bottomRight"
+                      overlayClassName={styles.moreIconWrapper}
                     >
-                      <a>更多<DownOutlined/></a>
+                      <MoreOutlined style={{ fontSize: 16 }}/>
                     </Dropdown>
                   </Space>;
                 } else if (selectedKey === "fixed") {
@@ -113,27 +125,25 @@ const payrollFilesTable: FC = (props) => {
                     )}>
                       编辑
                     </Button>
+                    <Button type="link" style={{ padding: "0", fontSize: 12 }}
+                            onClick={() => handleMenuClick({ key: "stopSalary" }, r?.id)}
+                    >
+                      停薪
+                    </Button>
                     <Dropdown
-                      overlayClassName={styles.moreIconWrapper}
-                      overlay={
-                        <Menu>
-                          <Menu.Item key="payroll">
-                            <Button type="link" style={{ padding: "0", fontSize: 12 }}
-                                    onClick={() => handleMenuClick({ key: "stopSalary" }, r?.id)}
-                            >
-                              停薪
-                            </Button>
-                          </Menu.Item>
-                          <Menu.Item key="deletePendingTodo">
-                            <Button type="link" style={{ padding: "0", fontSize: 12 }}
-                                    onClick={() => handleMenuClick({ key: "deleteSuspendTodo" }, r?.id)}>
+                      menu={{
+                        items: [
+                          {
+                            key: "deleteSuspendTodo",
+                            label: <a onClick={() => handleMenuClick({ key: "deleteSuspendTodo" }, r?.id)}>
                               删除待办
-                            </Button>
-                          </Menu.Item>
-                        </Menu>
-                      }
+                            </a>
+                          }
+                        ]
+                      }} placement="bottomRight"
+                      overlayClassName={styles.moreIconWrapper}
                     >
-                      <a>更多<DownOutlined/></a>
+                      <MoreOutlined style={{ fontSize: 16 }}/>
                     </Dropdown>
                   </Space>;
                 } else {
@@ -151,6 +161,23 @@ const payrollFilesTable: FC = (props) => {
                             onClick={() => handleMenuClick({ key: "view" }, r as string)}>
                       查看
                     </Button>
+                    {
+                      salaryArchiveDelete === "1" &&
+                      <Dropdown placement="bottomRight" overlayClassName={styles.moreIconWrapper}
+                                menu={{
+                                  items: [
+                                    {
+                                      key: "deleteAchives",
+                                      label: <a onClick={() => handleMenuClick({ key: "deleteAchives" }, r?.id)}>
+                                        删除档案
+                                      </a>
+                                    }
+                                  ]
+                                }}
+                      >
+                        <MoreOutlined style={{ fontSize: 16 }}/>
+                      </Dropdown>
+                    }
                   </Space>;
                 }
               }