V10.593 重整比價覆核工作台 UX

web/static/css/page-dashboard-v2.css

@@ -786,7 +786,32 @@
     }
 
     .dashboard-table.is-review {
-        min-width: 1460px;
+        min-width: 1540px;
+        table-layout: fixed;
+    }
+
+    .dashboard-table.is-review th:nth-child(1) {
+        width: 120px;
+    }
+
+    .dashboard-table.is-review th:nth-child(2) {
+        width: 340px;
+    }
+
+    .dashboard-table.is-review th:nth-child(3) {
+        width: 360px;
+    }
+
+    .dashboard-table.is-review th:nth-child(4) {
+        width: 330px;
+    }
+
+    .dashboard-table.is-review th:nth-child(5) {
+        width: 250px;
+    }
+
+    .dashboard-table.is-review th:nth-child(6) {
+        width: 140px;
     }
 
     .dashboard-table th {
@@ -813,6 +838,17 @@
         vertical-align: middle;
     }
 
+    .dashboard-table.is-review th {
+        position: sticky;
+        top: 0;
+        z-index: 2;
+        box-shadow: 0 1px 0 var(--momo-border-light);
+    }
+
+    .dashboard-table.is-review td {
+        padding: 16px 14px;
+    }
+
     .dashboard-table tbody tr {
         transition: var(--momo-transition-base);
     }
@@ -1115,6 +1151,111 @@
         gap: 6px;
     }
 
+    .dashboard-review-workbench-row td {
+        vertical-align: top;
+    }
+
+    .dashboard-table.is-review .dashboard-product-cell {
+        align-items: flex-start;
+    }
+
+    .dashboard-table.is-review .dashboard-product-thumb {
+        width: 46px;
+        height: 46px;
+    }
+
+    .dashboard-table.is-review .dashboard-product-name {
+        -webkit-line-clamp: 3;
+    }
+
+    .dashboard-review-workbench-row:hover {
+        background:
+            radial-gradient(circle at 8px 8px, rgba(47, 43, 38, 0.06) 1px, transparent 1.4px),
+            var(--momo-bg-paper);
+        background-size: 16px 16px, auto;
+    }
+
+    .dashboard-review-product-stack,
+    .dashboard-review-candidate,
+    .dashboard-review-decision,
+    .dashboard-review-next-step,
+    .dashboard-review-record {
+        display: grid;
+        gap: 7px;
+        min-width: 0;
+    }
+
+    .dashboard-review-product-meta,
+    .dashboard-review-candidate-meta,
+    .dashboard-review-record-tags {
+        display: flex;
+        flex-wrap: wrap;
+        gap: 5px;
+        min-width: 0;
+        color: var(--momo-text-tertiary);
+        font-family: var(--momo-font-family-mono);
+        font-size: 10px;
+        font-weight: 800;
+        line-height: 1.35;
+    }
+
+    .dashboard-review-product-meta span,
+    .dashboard-review-candidate-meta span,
+    .dashboard-review-record-tags span {
+        display: inline-flex;
+        max-width: 100%;
+        align-items: center;
+        padding: 2px 7px;
+        overflow: hidden;
+        background: var(--momo-bg-paper);
+        border: 1px solid var(--momo-border-light);
+        border-radius: var(--momo-radius-pill);
+        text-overflow: ellipsis;
+        white-space: nowrap;
+    }
+
+    .dashboard-review-candidate-title {
+        display: -webkit-box;
+        overflow: hidden;
+        color: var(--momo-text-primary);
+        font-size: 13px;
+        font-weight: 800;
+        line-height: 1.45;
+        text-decoration: none;
+        -webkit-box-orient: vertical;
+        -webkit-line-clamp: 3;
+    }
+
+    .dashboard-review-candidate-title:hover {
+        color: var(--momo-accent-strong);
+    }
+
+    .dashboard-review-decision-head {
+        display: flex;
+        flex-wrap: wrap;
+        align-items: center;
+        gap: 6px;
+        min-width: 0;
+    }
+
+    .dashboard-review-next-title {
+        color: var(--momo-text-primary);
+        font-size: 12px;
+        font-weight: 900;
+        line-height: 1.35;
+    }
+
+    .dashboard-review-record {
+        justify-items: end;
+        color: var(--momo-text-secondary);
+        font-size: 11px;
+        line-height: 1.45;
+    }
+
+    .dashboard-review-record-tags {
+        justify-content: flex-end;
+    }
+
     .dashboard-review-reasons {
         display: flex;
         flex-wrap: wrap;
@@ -1506,7 +1647,7 @@
         }
 
         .dashboard-table-wrap::before {
-            content: '左右滑動查看完整商品列表';
+            content: '左右滑動查看完整表格';
             position: sticky;
             left: 0;
             display: block;