泛微薪资核算iframe表格

src/pages/atdTable/components/index.less

@@ -56,9 +56,39 @@
     }
   }
 
+  .customSpan {
+    display: flex;
+    align-items: center;
+    width: 100%;
+    justify-content: space-between;
+
+    span.title {
+      flex: 1;
+      margin-right: 4px;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+    }
+
     :global {
-    .ant-btn-link {
+      .ant-tag {
+        margin-right: 0;
+      }
+    }
+  }
+
+  :global {
+    .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 {
@@ -87,6 +117,15 @@
           }
         }
 
+        .ant-pagination-item-active {
+          background: var(--ant-primary-color);
+          border: none;
+
+          & > a {
+            color: #FFF;
+          }
+        }
+
         .ant-pagination-options {
           .ant-select {
             font-size: 12px;
@@ -135,6 +174,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
     }
@@ -156,17 +208,24 @@
   }
 }
 
-:global{
+:global {
-  .rankMapWrapper{
+  .rankMapWrapper {
-    .ant-table-thead>tr>th{
+    .ant-table-thead > tr > th {
       background: #ED7D31;
     }
   }
+
   .bg_1_Cols {
-    background: #ED7D31!important;
+    background: #ED7D31 !important;
+  }
+
+  th.bg_1_Cols {
+    height: 48px;
+    line-height: 48px;
   }
+
   .bg_2_Cols {
-    background: #DEE0E3!important;
+    background: #DEE0E3 !important;
   }
 }