feat: 任务模型物理合并，发布+回收并为单任务双阶段
- tasks 新增 recovery_enabled/recovery_due_at/recovery_instructions/recovery_example_images，回收挂自己名下（先发布后交截图），不再置 complete - 存量 screenshot_collect 迁移并入父任务后删除（mysql/0020 含 DELETE，生产执行前务必备份） - 新 action task_enable_recovery：ghost 面板一键开通回收，截止默认=发布截止 - 企微催办双阶段（待发布/截图待提交）；超期自动释放仅发布阶段 - admin 删 groupTaskMasters 聚合改单卡双面板；portal 详情页回收截图区块+批次回收进度 - 测试 309 全绿 + Playwright E2E 20/20
This commit is contained in:
ABAPPLO
570
app/globals.css
570
app/globals.css
@@ -1761,7 +1761,7 @@ a {
|
||||
border-color: rgb(20 40 34 / 0.18);
|
||||
}
|
||||
|
||||
.group-push-modal {
|
||||
.modal-card.group-push-modal {
|
||||
width: min(720px, 100%);
|
||||
}
|
||||
|
||||
@@ -1917,64 +1917,472 @@ a {
|
||||
.task-list {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.task-row {
|
||||
display: grid;
|
||||
grid-template-columns: auto minmax(220px, 1fr) 110px 82px 70px auto;
|
||||
gap: 16px;
|
||||
align-items: center;
|
||||
min-height: 82px;
|
||||
border-bottom: 1px solid #edf0ee;
|
||||
}
|
||||
|
||||
.task-row:last-child {
|
||||
border-bottom: 0;
|
||||
}
|
||||
|
||||
.task-row-main > div:first-child {
|
||||
display: flex;
|
||||
align-items: baseline;
|
||||
gap: 10px;
|
||||
}
|
||||
|
||||
.task-row-main h3 {
|
||||
.master-task-card {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 10px;
|
||||
padding: 14px 16px;
|
||||
border: 1px solid #e6ede9;
|
||||
border-radius: 12px;
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
.master-head {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 10px;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.master-index {
|
||||
display: inline-grid;
|
||||
place-items: center;
|
||||
min-width: 24px;
|
||||
height: 22px;
|
||||
padding: 0 5px;
|
||||
border-radius: 6px;
|
||||
background: #f0f4f2;
|
||||
color: #7d8f87;
|
||||
font-size: 11px;
|
||||
font-weight: 700;
|
||||
font-variant-numeric: tabular-nums;
|
||||
}
|
||||
|
||||
.master-head h3 {
|
||||
margin: 0;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.master-chips {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 6px;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.master-chip {
|
||||
padding: 2px 9px;
|
||||
border-radius: 999px;
|
||||
background: #eef3f0;
|
||||
color: #4d6357;
|
||||
font-size: 11px;
|
||||
white-space: nowrap;
|
||||
max-width: 240px;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
|
||||
.master-chip.project {
|
||||
background: rgb(31 143 105 / 0.12);
|
||||
color: var(--green-deep);
|
||||
font-weight: 620;
|
||||
}
|
||||
|
||||
.master-chips .platform-badge.compact {
|
||||
height: auto;
|
||||
padding: 3px 9px 3px 4px;
|
||||
border: 0;
|
||||
border-radius: 999px;
|
||||
background: #eef3f0;
|
||||
color: #4d6357 !important;
|
||||
font-size: 11px !important;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.master-chips .platform-badge.compact .platform-logo {
|
||||
width: 15px !important;
|
||||
height: 15px !important;
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
.master-chips .platform-badge.compact .platform-logo.xiaohongshu b {
|
||||
font-size: 5px;
|
||||
}
|
||||
|
||||
.due-badge {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
gap: 5px;
|
||||
padding: 2px 9px;
|
||||
border-radius: 999px;
|
||||
background: #eef3f0;
|
||||
color: #5d6f66;
|
||||
font-size: 11px;
|
||||
font-weight: 620;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.due-badge svg {
|
||||
width: 11px;
|
||||
height: 11px;
|
||||
fill: none;
|
||||
stroke: currentColor;
|
||||
stroke-width: 1.6;
|
||||
stroke-linecap: round;
|
||||
}
|
||||
|
||||
.due-badge.soon {
|
||||
background: #fdf4e3;
|
||||
color: #b97a12;
|
||||
}
|
||||
|
||||
.due-badge.overdue {
|
||||
background: #fdeceb;
|
||||
color: #c0392b;
|
||||
}
|
||||
|
||||
.master-meta {
|
||||
margin-left: auto;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 10px;
|
||||
color: #66756d;
|
||||
font-size: 12px;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.master-menu-wrap {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.master-menu-button {
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
border: 1px solid #dfe7e2;
|
||||
border-radius: 8px;
|
||||
background: #fff;
|
||||
color: #66756d;
|
||||
font-size: 15px;
|
||||
line-height: 1;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.master-menu-button:hover,
|
||||
.master-task-card.menu-open .master-menu-button {
|
||||
border-color: #a9cebf;
|
||||
background: #eaf5f0;
|
||||
color: var(--green-deep);
|
||||
}
|
||||
|
||||
.master-menu-backdrop {
|
||||
position: fixed;
|
||||
inset: 0;
|
||||
z-index: 60;
|
||||
}
|
||||
|
||||
.master-menu {
|
||||
position: absolute;
|
||||
top: calc(100% + 6px);
|
||||
right: 0;
|
||||
z-index: 61;
|
||||
min-width: 190px;
|
||||
padding: 6px;
|
||||
border: 1px solid #dfe7e2;
|
||||
border-radius: 10px;
|
||||
background: #fff;
|
||||
box-shadow: 0 12px 32px rgb(23 43 35 / 0.14);
|
||||
}
|
||||
|
||||
.master-menu-group + .master-menu-group {
|
||||
margin-top: 4px;
|
||||
padding-top: 4px;
|
||||
border-top: 1px solid #eef2ef;
|
||||
}
|
||||
|
||||
.master-menu-group b {
|
||||
display: block;
|
||||
padding: 5px 10px 3px;
|
||||
color: #8aa396;
|
||||
font-size: 11px;
|
||||
}
|
||||
|
||||
.master-menu-group button {
|
||||
display: block;
|
||||
width: 100%;
|
||||
padding: 7px 10px;
|
||||
border: 0;
|
||||
border-radius: 6px;
|
||||
background: none;
|
||||
text-align: left;
|
||||
font-size: 13px;
|
||||
color: #2c3e36;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.master-menu-group button:hover:not(:disabled) {
|
||||
background: #f2f7f4;
|
||||
}
|
||||
|
||||
.master-menu-group button:disabled {
|
||||
color: #b7c6be;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
|
||||
.master-panels {
|
||||
display: grid;
|
||||
grid-template-columns: 1fr 1fr;
|
||||
gap: 10px;
|
||||
}
|
||||
|
||||
.master-panels.single {
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
|
||||
.master-panel {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 8px;
|
||||
padding: 10px 12px 8px;
|
||||
border: 1px solid transparent;
|
||||
border-radius: 10px;
|
||||
}
|
||||
|
||||
.master-panel.publish {
|
||||
background: #f4faf7;
|
||||
border-color: #dcefe6;
|
||||
}
|
||||
|
||||
.master-panel.recovery {
|
||||
background: #fdf9ef;
|
||||
border-color: #f3e9d2;
|
||||
}
|
||||
|
||||
.master-panel.ghost {
|
||||
background: transparent;
|
||||
border: 1px dashed #cfddd6;
|
||||
}
|
||||
|
||||
.panel-head {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 8px;
|
||||
}
|
||||
|
||||
.panel-head b {
|
||||
font-size: 12px;
|
||||
font-weight: 750;
|
||||
}
|
||||
|
||||
.master-panel.publish .panel-head b {
|
||||
color: var(--green-deep);
|
||||
}
|
||||
|
||||
.master-panel.recovery .panel-head b,
|
||||
.master-panel.ghost .panel-head b {
|
||||
color: #9a6b13;
|
||||
}
|
||||
|
||||
.master-panel.ghost .panel-head b {
|
||||
color: #9aa8a1;
|
||||
}
|
||||
|
||||
.panel-count {
|
||||
margin-left: auto;
|
||||
color: #7b8b84;
|
||||
font-size: 11px;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.panel-body {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
gap: 10px;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.panel-metric {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 3px;
|
||||
flex: 1;
|
||||
min-width: 0;
|
||||
max-width: 220px;
|
||||
}
|
||||
|
||||
.panel-progress {
|
||||
width: 100%;
|
||||
height: 4px;
|
||||
border-radius: 999px;
|
||||
background: rgb(0 0 0 / 0.06);
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.panel-progress .publish {
|
||||
display: block;
|
||||
height: 100%;
|
||||
border-radius: inherit;
|
||||
background: var(--green);
|
||||
}
|
||||
|
||||
.panel-progress .recovery {
|
||||
display: block;
|
||||
height: 100%;
|
||||
border-radius: inherit;
|
||||
background: #d99a26;
|
||||
}
|
||||
|
||||
.panel-metric b {
|
||||
color: #22352d;
|
||||
font-size: 16px;
|
||||
font-weight: 750;
|
||||
line-height: 1.15;
|
||||
font-variant-numeric: tabular-nums;
|
||||
}
|
||||
|
||||
.panel-metric b i {
|
||||
color: #8aa396;
|
||||
font-style: normal;
|
||||
font-size: 11px;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.panel-metric em {
|
||||
color: #7b8b84;
|
||||
font-style: normal;
|
||||
font-size: 11px;
|
||||
}
|
||||
|
||||
.panel-metric.muted b {
|
||||
color: #9aa8a1;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.panel-chat {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
gap: 6px;
|
||||
padding: 3px 10px;
|
||||
border-radius: 999px;
|
||||
font-size: 11px;
|
||||
font-weight: 600;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.panel-chat::before {
|
||||
content: "";
|
||||
width: 6px;
|
||||
height: 6px;
|
||||
border-radius: 50%;
|
||||
}
|
||||
|
||||
.panel-chat.on {
|
||||
background: #e8f1ec;
|
||||
color: var(--green-deep);
|
||||
}
|
||||
|
||||
.panel-chat.on::before {
|
||||
background: var(--green);
|
||||
}
|
||||
|
||||
.panel-chat.off {
|
||||
background: #f1f4f2;
|
||||
color: #84948c;
|
||||
}
|
||||
|
||||
.panel-chat.off::before {
|
||||
background: #b7c6be;
|
||||
}
|
||||
|
||||
.panel-foot {
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
}
|
||||
|
||||
.panel-detail {
|
||||
padding: 4px 8px;
|
||||
border: 0;
|
||||
background: none;
|
||||
color: var(--green);
|
||||
font-size: 12px;
|
||||
font-weight: 620;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.panel-detail:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
@media (max-width: 720px) {
|
||||
.master-panels {
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
}
|
||||
|
||||
.main-chat-summary {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 10px;
|
||||
flex-wrap: wrap;
|
||||
padding: 10px 12px;
|
||||
border: 1px solid #e6ede9;
|
||||
border-radius: 9px;
|
||||
background: #f8fbf9;
|
||||
color: #4d6357;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.task-row-main > div:first-child span,
|
||||
.task-date span {
|
||||
color: #929b98;
|
||||
font-size: 9px;
|
||||
}
|
||||
|
||||
.task-row-main > small {
|
||||
display: block;
|
||||
margin-top: 4px;
|
||||
color: #9aa39f;
|
||||
font-size: 8px;
|
||||
}
|
||||
|
||||
.task-row-main .progress {
|
||||
margin-top: 9px;
|
||||
}
|
||||
|
||||
.task-number,
|
||||
.task-date {
|
||||
.main-chat-manage {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 10px;
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
.task-number strong {
|
||||
font-size: 16px;
|
||||
.main-chat-manage-actions {
|
||||
display: flex;
|
||||
gap: 8px;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.task-number span,
|
||||
.task-date strong {
|
||||
margin-top: 3px;
|
||||
color: #7e8a86;
|
||||
font-size: 9px;
|
||||
.task-pair-sub {
|
||||
display: block;
|
||||
margin-top: 2px;
|
||||
color: #66756d;
|
||||
font-size: 11px;
|
||||
}
|
||||
|
||||
.pair-tag {
|
||||
margin-left: 6px;
|
||||
}
|
||||
|
||||
.recovery-inline-fields {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 10px;
|
||||
padding: 12px;
|
||||
border: 1px solid #e2e8e4;
|
||||
border-radius: 9px;
|
||||
background: #fbfcfb;
|
||||
}
|
||||
|
||||
.recovery-toggle {
|
||||
display: flex;
|
||||
align-items: flex-start;
|
||||
gap: 10px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.recovery-toggle input[type="checkbox"] {
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
margin-top: 2px;
|
||||
flex-shrink: 0;
|
||||
accent-color: var(--green);
|
||||
}
|
||||
|
||||
.recovery-toggle b {
|
||||
font-size: 13px;
|
||||
}
|
||||
|
||||
.recovery-toggle small {
|
||||
display: block;
|
||||
margin-top: 2px;
|
||||
color: #66756d;
|
||||
font-size: 11px;
|
||||
}
|
||||
|
||||
.round-arrow {
|
||||
@@ -1988,12 +2396,6 @@ a {
|
||||
background: white;
|
||||
}
|
||||
|
||||
.task-share-actions {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 7px;
|
||||
}
|
||||
|
||||
.share-link-button {
|
||||
height: 31px;
|
||||
padding: 0 10px;
|
||||
@@ -5456,12 +5858,24 @@ label small {
|
||||
border-radius: 6px;
|
||||
background: #f7faf8;
|
||||
color: #5b6b62;
|
||||
font-size: 11px;
|
||||
line-height: 1;
|
||||
cursor: pointer;
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
transition:
|
||||
border-color 0.15s ease,
|
||||
color 0.15s ease,
|
||||
background 0.15s ease;
|
||||
}
|
||||
|
||||
.project-tree-toggle svg {
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
transition: transform 0.18s ease;
|
||||
}
|
||||
|
||||
.project-tree-toggle.open svg {
|
||||
transform: rotate(90deg);
|
||||
}
|
||||
|
||||
.project-tree-toggle:hover:not(:disabled) {
|
||||
@@ -5497,6 +5911,14 @@ label small {
|
||||
min-width: 0;
|
||||
}
|
||||
|
||||
.project-card-title.clickable {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.project-card-title.clickable:hover h3 {
|
||||
color: var(--green-deep);
|
||||
}
|
||||
|
||||
.project-card-title h3 {
|
||||
font-size: 15px;
|
||||
}
|
||||
@@ -5687,26 +6109,54 @@ label small {
|
||||
.project-push-target {
|
||||
display: flex;
|
||||
align-items: flex-start;
|
||||
gap: 8px;
|
||||
padding: 10px 12px;
|
||||
gap: 10px;
|
||||
padding: 11px 14px;
|
||||
border: 1px solid #e2e8e4;
|
||||
border-radius: 9px;
|
||||
background: #fbfcfb;
|
||||
}
|
||||
|
||||
.project-push-target input[type="checkbox"] {
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
margin-top: 2px;
|
||||
flex-shrink: 0;
|
||||
accent-color: var(--green);
|
||||
}
|
||||
|
||||
.project-push-target b {
|
||||
display: block;
|
||||
font-size: 12px;
|
||||
font-size: 13px;
|
||||
}
|
||||
|
||||
.project-push-target small {
|
||||
display: block;
|
||||
margin-top: 2px;
|
||||
color: #8a968f;
|
||||
font-size: 10px;
|
||||
margin-top: 3px;
|
||||
color: #66756d;
|
||||
font-size: 12px;
|
||||
line-height: 1.6;
|
||||
}
|
||||
|
||||
.chat-status {
|
||||
display: inline-block;
|
||||
padding: 2px 8px;
|
||||
border-radius: 999px;
|
||||
font-size: 11px;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.chat-status.on {
|
||||
color: #1f7a52;
|
||||
background: rgb(31 143 105 / 0.08);
|
||||
border: 1px solid rgb(31 143 105 / 0.3);
|
||||
}
|
||||
|
||||
.chat-status.off {
|
||||
color: rgb(20 40 34 / 0.5);
|
||||
background: rgb(20 40 34 / 0.04);
|
||||
border: 1px solid rgb(20 40 34 / 0.14);
|
||||
}
|
||||
|
||||
.koc-picker {
|
||||
margin: 10px 0;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user