优化任务列表表格 UI:收敛列信息并修复 Tag 撑满底色

- 拆分渠道与卡点职责,卡点文案运营化
- 状态列收敛为主状态 + 三层 Tooltip
- 操作列仅展示可用动作,异常行浅红高亮
- 修复 cell-stack grid 下 Tag 被横向拉满的样式问题
This commit is contained in:
yml2213
2026-07-10 16:17:13 +08:00
parent d52a16bf85
commit 9589561988
2 changed files with 174 additions and 66 deletions
+41 -1
View File
@@ -354,7 +354,47 @@ select {
}
.task-list-blocker-detail {
max-width: 240px;
max-width: 220px;
display: block;
}
.task-list-blocker-tag,
.task-list-executor-tag {
width: fit-content;
max-width: 100%;
margin-inline-end: 0 !important;
justify-self: start;
line-height: 18px;
font-size: 12px;
}
.task-list-status-main {
display: inline-flex;
cursor: help;
}
.task-list-status-tooltip {
display: grid;
gap: 6px;
}
.task-list-status-tooltip-row {
display: flex;
align-items: center;
gap: 8px;
}
.task-list-status-tooltip-row > span:first-child {
min-width: 2em;
color: rgba(255, 255, 255, 0.75);
}
.task-list-row-error > td {
background: #fff7f7 !important;
}
.task-list-row-error:hover > td {
background: #ffefef !important;
}
.fulfillment-overview-grid {