Browse Source

style(frontend): 统一表格选中行与悬停反馈

选中行保持 #dbe7ff、hover #d1e0ff,普通行 hover #f8faff,对齐夜间联系
cc 4 days ago
parent
commit
f9a0e92230

+ 1 - 1
ai-electron/frontend/src/trans/views/fixedDeposit/index.vue

@@ -1130,7 +1130,7 @@
     }
 
     .table-wrapper .ant-table-tbody > tr:hover > td {
-      background: #f5f7ff;
+      background: #f8faff;
     }
 
     .pagination-bar {

+ 1 - 1
ai-electron/frontend/src/trans/views/largeAmount/index.vue

@@ -870,7 +870,7 @@
     }
 
     .table-wrapper .ant-table-tbody > tr:hover > td {
-      background: #f5f7ff;
+      background: #f8faff;
     }
 
     .pagination-input {

+ 32 - 4
ai-electron/frontend/src/trans/views/styles/trans-analysis-table-ui.less

@@ -34,6 +34,7 @@
     color: #374151;
   }
 
+  /* 选中行:与夜间联系 / 敏感日期联系保持一致 */
   .table-panel .ant-table-tbody > tr.summary-row-selected > td,
   .table-wrapper .ant-table-tbody > tr.summary-row-selected > td,
   .table-wrap .ant-table-tbody > tr.summary-row-selected > td,
@@ -42,7 +43,11 @@
   .table-wrapper .ant-table-tbody > tr.active-row > td,
   .table-wrap .ant-table-tbody > tr.active-row > td,
   .panel-table .ant-table-tbody > tr.active-row > td {
-    background: #eaf4ff;
+    background: #dbe7ff !important;
+    color: #1e3ed0;
+    font-weight: 600;
+    box-shadow: none;
+    border-radius: 0;
   }
 
   .table-panel .ant-table-tbody > tr.summary-row-selected > td.ant-table-column-sort,
@@ -53,14 +58,14 @@
   .table-wrapper .ant-table-tbody > tr.active-row > td.ant-table-column-sort,
   .table-wrap .ant-table-tbody > tr.active-row > td.ant-table-column-sort,
   .panel-table .ant-table-tbody > tr.active-row > td.ant-table-column-sort {
-    background: #eaf4ff;
+    background: #dbe7ff !important;
   }
 
   .table-panel .ant-table-tbody > tr:hover > td,
   .table-wrapper .ant-table-tbody > tr:hover > td,
   .table-wrap .ant-table-tbody > tr:hover > td,
   .panel-table .ant-table-tbody > tr:hover > td {
-    background: #f5f7ff;
+    background: #f8faff !important;
   }
 
   .table-panel .ant-table-tbody > tr:hover > td.ant-table-column-sort,
@@ -75,7 +80,30 @@
   .table-wrapper .ant-table-tbody > tr:hover > td.ant-table-cell-fix-right.ant-table-column-sort,
   .table-wrap .ant-table-tbody > tr:hover > td.ant-table-cell-fix-right.ant-table-column-sort,
   .panel-table .ant-table-tbody > tr:hover > td.ant-table-cell-fix-right.ant-table-column-sort {
-    background: #f5f7ff;
+    background: #f8faff !important;
+  }
+
+  /* 选中行 hover:比选中态稍深,和夜间联系的选中反馈一致 */
+  .table-panel .ant-table-tbody > tr.summary-row-selected:hover > td,
+  .table-wrapper .ant-table-tbody > tr.summary-row-selected:hover > td,
+  .table-wrap .ant-table-tbody > tr.summary-row-selected:hover > td,
+  .panel-table .ant-table-tbody > tr.summary-row-selected:hover > td,
+  .table-panel .ant-table-tbody > tr.active-row:hover > td,
+  .table-wrapper .ant-table-tbody > tr.active-row:hover > td,
+  .table-wrap .ant-table-tbody > tr.active-row:hover > td,
+  .panel-table .ant-table-tbody > tr.active-row:hover > td {
+    background: #d1e0ff !important;
+  }
+
+  .table-panel .ant-table-tbody > tr.summary-row-selected:hover > td.ant-table-column-sort,
+  .table-wrapper .ant-table-tbody > tr.summary-row-selected:hover > td.ant-table-column-sort,
+  .table-wrap .ant-table-tbody > tr.summary-row-selected:hover > td.ant-table-column-sort,
+  .panel-table .ant-table-tbody > tr.summary-row-selected:hover > td.ant-table-column-sort,
+  .table-panel .ant-table-tbody > tr.active-row:hover > td.ant-table-column-sort,
+  .table-wrapper .ant-table-tbody > tr.active-row:hover > td.ant-table-column-sort,
+  .table-wrap .ant-table-tbody > tr.active-row:hover > td.ant-table-column-sort,
+  .panel-table .ant-table-tbody > tr.active-row:hover > td.ant-table-column-sort {
+    background: #d1e0ff !important;
   }
 }
 

+ 1 - 1
ai-electron/frontend/src/trans/views/tradeFrequency/index.vue

@@ -528,7 +528,7 @@
     }
 
     .table-wrapper .ant-table-tbody > tr:hover > td {
-      background: #f5f7ff;
+      background: #f8faff;
     }
 
     .pagination-input {

+ 18 - 2
ai-electron/frontend/src/trans/views/transSensitive/index.vue

@@ -830,6 +830,10 @@
       > tr.jeesite-basic-table-row__selected
       > td.ant-table-cell-row-hover {
       background: #dbe7ff !important;
+      color: #1e3ed0;
+      font-weight: 600;
+      box-shadow: none;
+      border-radius: 0;
     }
 
     .table-wrapper .jeesite-basic-table .ant-table-tbody > tr.summary-row-selected > td.ant-table-column-sort,
@@ -873,7 +877,7 @@
 
     .table-wrapper .jeesite-basic-table .ant-table-tbody > tr:hover > td,
     .table-wrapper .jeesite-basic-table .ant-table-tbody > tr:hover > td.ant-table-cell-row-hover {
-      background: #f5f7ff !important;
+      background: #f8faff !important;
     }
 
     .table-wrapper .jeesite-basic-table .ant-table-tbody > tr:hover > td.ant-table-column-sort,
@@ -884,7 +888,19 @@
       .ant-table-tbody
       > tr:hover
       > td.ant-table-cell-fix-right.ant-table-column-sort {
-      background: #f5f7ff !important;
+      background: #f8faff !important;
+    }
+
+    /* 选中行 hover:比选中态稍深,和夜间联系的选中反馈一致 */
+    .table-wrapper .jeesite-basic-table .ant-table-tbody > tr.summary-row-selected:hover > td,
+    .table-wrapper .jeesite-basic-table .ant-table-tbody > tr.jeesite-basic-table-row__selected:hover > td,
+    .table-wrapper .jeesite-basic-table .ant-table-tbody > tr.summary-row-selected:hover > td.ant-table-column-sort,
+    .table-wrapper
+      .jeesite-basic-table
+      .ant-table-tbody
+      > tr.jeesite-basic-table-row__selected:hover
+      > td.ant-table-column-sort {
+      background: #d1e0ff !important;
     }
 
     .pagination-input {