V10.593 重整比價覆核工作台 UX
All checks were successful
CD Pipeline / deploy (push) Successful in 1m7s

This commit is contained in:
OoO
2026-06-05 14:21:54 +08:00
parent 93065a58e4
commit c764abc7fc
7 changed files with 428 additions and 49 deletions

View File

@@ -288,6 +288,17 @@
width: 36%;
}
.momo-app:not(.momo-observability-mode) .dashboard-table-wrap.is-review-wrap {
overflow-x: auto !important;
-webkit-overflow-scrolling: touch;
}
.momo-app:not(.momo-observability-mode) .dashboard-table.is-review {
width: max(100%, 1540px) !important;
min-width: 1540px !important;
table-layout: fixed;
}
@media (max-width: 768px) {
.momo-app:not(.momo-observability-mode) {
--momo-page-title-size: 1.55rem;
@@ -449,11 +460,11 @@
.momo-app:not(.momo-observability-mode) .dashboard-table.is-ai-picks td:nth-child(8)::before { content: "週"; }
.momo-app:not(.momo-observability-mode) .dashboard-table.is-ai-picks td:nth-child(9)::before { content: "更新"; }
.momo-app:not(.momo-observability-mode) .dashboard-table.is-ai-picks td:nth-child(10)::before { content: "上架"; }
.momo-app:not(.momo-observability-mode) .dashboard-table.is-review td:nth-child(6)::before { content: "覆核"; }
.momo-app:not(.momo-observability-mode) .dashboard-table.is-review td:nth-child(7)::before { content: "昨日"; }
.momo-app:not(.momo-observability-mode) .dashboard-table.is-review td:nth-child(8)::before { content: ""; }
.momo-app:not(.momo-observability-mode) .dashboard-table.is-review td:nth-child(9)::before { content: "更新"; }
.momo-app:not(.momo-observability-mode) .dashboard-table.is-review td:nth-child(10)::before { content: "上架"; }
.momo-app:not(.momo-observability-mode) .dashboard-table.is-review td:nth-child(2)::before { content: "商品/MOMO"; }
.momo-app:not(.momo-observability-mode) .dashboard-table.is-review td:nth-child(3)::before { content: "PChome候選"; }
.momo-app:not(.momo-observability-mode) .dashboard-table.is-review td:nth-child(4)::before { content: "覆核判讀"; }
.momo-app:not(.momo-observability-mode) .dashboard-table.is-review td:nth-child(5)::before { content: "下一步"; }
.momo-app:not(.momo-observability-mode) .dashboard-table.is-review td:nth-child(6)::before { content: "紀錄"; }
.momo-app:not(.momo-observability-mode) .edm-page .campaign-table td:nth-child(1)::before { content: "分類"; }
.momo-app:not(.momo-observability-mode) .edm-page .campaign-table td:nth-child(2)::before { content: "商品"; }

View File

@@ -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;