feat: KOC详情弹窗 + 任务中心单入口改版 + 资源池默认合作方/采集兜底
KOC 详情弹窗(合作方/数据回收/工作台三处入口): - 新增 KocDetailModal:基本信息 / 绑定KOC账号画像 / 参与任务记录 / 履约漏斗 - 工作台最近分发、回收队列账号名、截图回收合作方名、合作方页名称、分发详情头部合作方均可点开 - 分发表行点击仍打开分发详情(stopPropagation 隔离) 任务中心单入口改版(对齐"单任务双阶段"模型): - 任务卡发布/回收面板整块可点,全卡仅保留一个「查看明细」,回收面板重复按钮移除 - 详情页自述身份:动态 label(任务详情·分发与回收一体/仅分发)+ 阶段徽章(含回收·截止/未开通回收) - 内容分发表新增阶段筛选 chips(全部/待发布/已发布待数据/待收截图,未开通回收不显示截图项),筛选落空给专用空态文案 - 数据回收页入口文案改为「选择一个任务进入回收队列」,全站不再区分发布/回收两种任务类型 资源池 KOC 默认加入合作方 + 采集兜底: - partners 新增 released_account_id(mysql/0023):显式解绑/被顶替的账号不再被默认合作方同步回填 - 任务未设置采集计划时,默认按发布时间起连续采集 7 天,等待文案显示「等待D1 · 默认7天」
This commit is contained in:
144
app/globals.css
144
app/globals.css
@@ -1485,6 +1485,104 @@ a {
|
||||
border: 1px solid var(--line);
|
||||
}
|
||||
|
||||
/* KOC 详情弹窗(复用分发详情的三段式样式) */
|
||||
.koc-link {
|
||||
border: 0;
|
||||
background: transparent;
|
||||
padding: 0;
|
||||
font: inherit;
|
||||
font-weight: 640;
|
||||
color: var(--ink);
|
||||
cursor: pointer;
|
||||
border-bottom: 1px dashed #b9c6bd;
|
||||
}
|
||||
|
||||
.koc-link:hover {
|
||||
color: var(--green);
|
||||
border-bottom-color: var(--green);
|
||||
}
|
||||
|
||||
.partner-name-cell {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.partner-name-cell:hover strong {
|
||||
color: var(--green);
|
||||
}
|
||||
|
||||
.detail-kv.detail-kv-wide {
|
||||
grid-column: 1 / -1;
|
||||
}
|
||||
|
||||
.koc-history-list {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 8px;
|
||||
}
|
||||
|
||||
.koc-history-row {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
gap: 10px;
|
||||
flex-wrap: wrap;
|
||||
padding: 9px 11px;
|
||||
border: 1px solid var(--line);
|
||||
border-radius: 9px;
|
||||
background: #f7f9f7;
|
||||
}
|
||||
|
||||
.koc-history-main {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 2px;
|
||||
min-width: 0;
|
||||
}
|
||||
|
||||
.koc-history-main strong {
|
||||
font-size: 12.5px;
|
||||
color: var(--ink);
|
||||
}
|
||||
|
||||
.koc-history-main span {
|
||||
font-size: 11px;
|
||||
color: var(--muted);
|
||||
}
|
||||
|
||||
.koc-history-side {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 8px;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.koc-history-metrics {
|
||||
font-size: 11px;
|
||||
color: var(--ink-soft);
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.koc-summary-strip {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 8px;
|
||||
margin-top: 11px;
|
||||
padding: 10px 13px;
|
||||
border: 1px dashed #b9c6bd;
|
||||
border-radius: 10px;
|
||||
font-size: 12px;
|
||||
color: var(--ink-soft);
|
||||
}
|
||||
|
||||
.koc-summary-strip b {
|
||||
color: var(--ink);
|
||||
}
|
||||
|
||||
.koc-summary-strip i {
|
||||
color: var(--muted);
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
.detail-actions {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
@@ -2398,6 +2496,52 @@ a {
|
||||
border-color: #f3e9d2;
|
||||
}
|
||||
|
||||
/* 任务卡两块阶段面板整块可点(回收面板无独立按钮) */
|
||||
.master-panel.clickable {
|
||||
cursor: pointer;
|
||||
border-color: var(--line);
|
||||
transition: border-color 0.15s ease, background 0.15s ease, transform 0.15s ease;
|
||||
}
|
||||
|
||||
.master-panel.clickable:hover {
|
||||
border-color: #9fc3b4;
|
||||
background: #f7faf8;
|
||||
}
|
||||
|
||||
.master-panel.clickable .panel-foot .panel-detail {
|
||||
color: var(--green);
|
||||
font-weight: 640;
|
||||
font-size: 11.5px;
|
||||
}
|
||||
|
||||
/* 详情页阶段筛选 chips */
|
||||
.stage-filter-tabs {
|
||||
display: flex;
|
||||
gap: 6px;
|
||||
flex-wrap: wrap;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.stage-filter-tabs button {
|
||||
padding: 5px 12px;
|
||||
border: 1px solid #dfe6e1;
|
||||
border-radius: 999px;
|
||||
background: #fbfcfb;
|
||||
color: #687773;
|
||||
font-size: 11px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.stage-filter-tabs button:hover {
|
||||
border-color: #9fc3b4;
|
||||
}
|
||||
|
||||
.stage-filter-tabs button.active {
|
||||
border-color: #205843;
|
||||
background: #205843;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.master-panel.ghost {
|
||||
background: transparent;
|
||||
border: 1px dashed #cfddd6;
|
||||
|
||||
Reference in New Issue
Block a user