泛微薪资核算iframe表格

src/pages/atdTable/components/antdTable.tsx

@@ -1,7 +1,7 @@
 import React, { FC, useEffect, useState } from "react";
 import { exceptStr, paginationFun } from "@/utils/common";
 import { defaultPage, ILoading, IPage } from "@/common/types/page";
-import { message, Spin, Table, Typography } from "antd";
+import { Button, message, Spin, Table, Typography } from "antd";
 import { LockOutlined, UnlockOutlined } from "@ant-design/icons";
 import API from "@/api";
 import styles from "./index.less";
@@ -86,7 +86,7 @@ const AntdTable: FC<ITableProps> = (props) => {
       title: "操作",
       render: (text: string, record: any) => {
         return (
-          <a
+          <Button type="link" style={{ padding: "0" }}
                   onClick={() => {
                     window.parent.postMessage(
                       {
@@ -98,7 +98,7 @@ const AntdTable: FC<ITableProps> = (props) => {
                   }}
           >
             删除
-          </a>
+          </Button>
         );
       }
     }];
@@ -278,7 +278,7 @@ const AntdTable: FC<ITableProps> = (props) => {
       width: "100px",
       fixed: "right",
       render: (text: string, record: any) => {
-        return <a onClick={() => {
+        return <Button type="link" style={{ padding: "0" }} onClick={() => {
           window.parent.postMessage(
             {
               type: "PR",
@@ -286,7 +286,7 @@ const AntdTable: FC<ITableProps> = (props) => {
             },
             "*"
           );
-        }}>编辑</a>;
+        }}>编辑</Button>;
       }
     });
     return tmpColumns;

src/pages/atdTable/components/index.less

@@ -78,8 +78,17 @@
   }
 
   :global {
-    .ant-btn-link {
+    .ant-btn-link, .ant-dropdown-trigger {
       font-size: 12px;
+      color: #333;
+    }
+
+    .ant-btn-link:hover {
+      color: #00a9ff;
+
+      span {
+        text-decoration: underline;
+      }
     }
 
     .ant-table-tbody > tr.ant-table-row:hover > td {
@@ -156,6 +165,19 @@
 
 .moreIconWrapper {
   :global {
+    .ant-btn-link {
+      font-size: 12px;
+      color: #333;
+    }
+
+    .ant-btn-link:hover {
+      color: #00a9ff;
+
+      span {
+        text-decoration: underline;
+      }
+    }
+
     .ant-popover-inner {
       min-width: 106px
     }

src/pages/payrollFilesTable/index.tsx

@@ -70,6 +70,7 @@ const payrollFilesTable: FC = (props) => {
                       编辑
                     </Button>
                     <Dropdown
+                      overlayClassName={styles.moreIconWrapper}
                       overlay={
                         <Menu>
                           <Menu.Item key="payroll">
@@ -113,6 +114,7 @@ const payrollFilesTable: FC = (props) => {
                       编辑
                     </Button>
                     <Dropdown
+                      overlayClassName={styles.moreIconWrapper}
                       overlay={
                         <Menu>
                           <Menu.Item key="payroll">