泛微薪资核算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";
@@ -66,7 +66,7 @@ const AntdTable: FC<ITableProps> = (props) => {
           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 = await API.CalculateService.getAcctresultsum({...extraParams["queryParams"]});
+            const sumRowlist: any = await API.CalculateService.getAcctresultsum({ ...extraParams["queryParams"] });
             if (sumRowlist.data.status && !_.isEmpty(sumRowlist.data.data.sumRow)) {
               setSumRow(sumRowlist.data.data.sumRow);
             }
@@ -86,19 +86,19 @@ const AntdTable: FC<ITableProps> = (props) => {
       title: "操作",
       render: (text: string, record: any) => {
         return (
-          <a
-            onClick={() => {
-              window.parent.postMessage(
-                {
-                  type: "PC",
-                  data: { id: "DELETE", data: record }
-                },
-                "*"
-              );
-            }}
+          <Button type="link" style={{ padding: "0" }}
+                  onClick={() => {
+                    window.parent.postMessage(
+                      {
+                        type: "PC",
+                        data: { id: "DELETE", data: record }
+                      },
+                      "*"
+                    );
+                  }}
           >
             删除
-          </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">