为9月14日-20日报告添加完整的汇总表格
This commit is contained in:
hanguangming
@@ -202,6 +202,87 @@
|
|||||||
border-top: 1px solid var(--border);
|
border-top: 1px solid var(--border);
|
||||||
margin-top: 60px;
|
margin-top: 60px;
|
||||||
}
|
}
|
||||||
|
/* 汇总表格样式 */
|
||||||
|
.summary-table-container {
|
||||||
|
background: var(--panel);
|
||||||
|
border: 1px solid var(--border);
|
||||||
|
border-radius: 12px;
|
||||||
|
padding: 0;
|
||||||
|
margin-bottom: 32px;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
.summary-table {
|
||||||
|
width: 100%;
|
||||||
|
border-collapse: collapse;
|
||||||
|
font-size: 14px;
|
||||||
|
}
|
||||||
|
.summary-table thead {
|
||||||
|
background: var(--panel-2);
|
||||||
|
border-bottom: 2px solid var(--border);
|
||||||
|
}
|
||||||
|
.summary-table th {
|
||||||
|
padding: 16px;
|
||||||
|
text-align: left;
|
||||||
|
color: var(--muted);
|
||||||
|
font-weight: 600;
|
||||||
|
font-size: 13px;
|
||||||
|
text-transform: uppercase;
|
||||||
|
letter-spacing: 0.5px;
|
||||||
|
}
|
||||||
|
.summary-table td {
|
||||||
|
padding: 16px;
|
||||||
|
border-bottom: 1px solid var(--border);
|
||||||
|
color: var(--text);
|
||||||
|
vertical-align: top;
|
||||||
|
}
|
||||||
|
.summary-table tr:last-child td {
|
||||||
|
border-bottom: none;
|
||||||
|
}
|
||||||
|
.summary-table tr:hover {
|
||||||
|
background: rgba(79,140,255,.05);
|
||||||
|
}
|
||||||
|
.project-cell {
|
||||||
|
font-weight: 600;
|
||||||
|
color: var(--text);
|
||||||
|
}
|
||||||
|
.status-dot {
|
||||||
|
display: inline-block;
|
||||||
|
width: 8px;
|
||||||
|
height: 8px;
|
||||||
|
border-radius: 50%;
|
||||||
|
margin-right: 8px;
|
||||||
|
vertical-align: middle;
|
||||||
|
}
|
||||||
|
.status-on-track {
|
||||||
|
background: var(--green);
|
||||||
|
box-shadow: 0 0 4px rgba(62,207,142,.5);
|
||||||
|
}
|
||||||
|
.status-delayed {
|
||||||
|
background: var(--red);
|
||||||
|
box-shadow: 0 0 4px rgba(255,107,107,.5);
|
||||||
|
}
|
||||||
|
.status-ongoing {
|
||||||
|
background: var(--amber);
|
||||||
|
box-shadow: 0 0 4px rgba(245,183,78,.5);
|
||||||
|
}
|
||||||
|
.milestone-tag {
|
||||||
|
display: inline-block;
|
||||||
|
background: rgba(79,140,255,.1);
|
||||||
|
color: var(--accent);
|
||||||
|
padding: 2px 8px;
|
||||||
|
border-radius: 4px;
|
||||||
|
font-size: 12px;
|
||||||
|
margin: 2px 4px 2px 0;
|
||||||
|
border: 1px solid rgba(79,140,255,.2);
|
||||||
|
}
|
||||||
|
.risk-cell {
|
||||||
|
color: var(--red);
|
||||||
|
font-size: 13px;
|
||||||
|
}
|
||||||
|
.progress-cell {
|
||||||
|
color: var(--green);
|
||||||
|
font-size: 13px;
|
||||||
|
}
|
||||||
@media (max-width: 768px) {
|
@media (max-width: 768px) {
|
||||||
.wrap {
|
.wrap {
|
||||||
padding: 24px 16px 60px;
|
padding: 24px 16px 60px;
|
||||||
@@ -220,6 +301,12 @@
|
|||||||
.status-grid {
|
.status-grid {
|
||||||
grid-template-columns: 1fr;
|
grid-template-columns: 1fr;
|
||||||
}
|
}
|
||||||
|
.summary-table-container {
|
||||||
|
overflow-x: auto;
|
||||||
|
}
|
||||||
|
.summary-table {
|
||||||
|
min-width: 800px;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
|
||||||
@@ -241,6 +328,151 @@
|
|||||||
<p>重点跟踪项目：Dragon离线上报时机优化已上线，数据监控中；Midas CTR优化进入开发阶段；Manta消耗占比提升需加速。</p>
|
<p>重点跟踪项目：Dragon离线上报时机优化已上线，数据监控中；Midas CTR优化进入开发阶段；Manta消耗占比提升需加速。</p>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<!-- 汇总表格 -->
|
||||||
|
<div class="summary-table-container">
|
||||||
|
<table class="summary-table">
|
||||||
|
<thead>
|
||||||
|
<tr>
|
||||||
|
<th width="15%">项目名称</th>
|
||||||
|
<th width="25%">关键进展</th>
|
||||||
|
<th width="20%">时间节点</th>
|
||||||
|
<th width="15%">当前状态</th>
|
||||||
|
<th width="15%">风险提示</th>
|
||||||
|
<th width="10%">进度</th>
|
||||||
|
</tr>
|
||||||
|
</thead>
|
||||||
|
<tbody>
|
||||||
|
<tr>
|
||||||
|
<td class="project-cell">Dragon</td>
|
||||||
|
<td>
|
||||||
|
<span class="milestone-tag">离线上报时机优化</span>
|
||||||
|
<span class="milestone-tag">提升上报精准度</span>
|
||||||
|
</td>
|
||||||
|
<td>
|
||||||
|
• 9/16：上线<br>
|
||||||
|
• 9/21：观察数据<br>
|
||||||
|
• 9/30：一期目标
|
||||||
|
</td>
|
||||||
|
<td>
|
||||||
|
<span class="status-dot status-ongoing"></span>进行中<br>
|
||||||
|
<span style="font-size: 12px; color: var(--muted);">上线后数据监控</span>
|
||||||
|
</td>
|
||||||
|
<td class="risk-cell">订单曝光偏低</td>
|
||||||
|
<td class="progress-cell">70%</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td class="project-cell">Midas</td>
|
||||||
|
<td>
|
||||||
|
<span class="milestone-tag">竞价功能去算法</span>
|
||||||
|
<span class="milestone-tag">CTR优化</span>
|
||||||
|
<span class="milestone-tag">CVR方案</span>
|
||||||
|
</td>
|
||||||
|
<td>
|
||||||
|
• 9/16：方案评审<br>
|
||||||
|
• 9/24：开发完成<br>
|
||||||
|
• 10/8：生产部署
|
||||||
|
</td>
|
||||||
|
<td>
|
||||||
|
<span class="status-dot status-on-track"></span>按计划推进<br>
|
||||||
|
<span style="font-size: 12px; color: var(--muted);">开发进行中</span>
|
||||||
|
</td>
|
||||||
|
<td class="risk-cell">避免测试数据污染</td>
|
||||||
|
<td class="progress-cell">85%</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td class="project-cell">Manta</td>
|
||||||
|
<td>
|
||||||
|
<span class="milestone-tag">人群标签管理</span>
|
||||||
|
<span class="milestone-tag">消耗占比提升</span>
|
||||||
|
</td>
|
||||||
|
<td>
|
||||||
|
• 9/24：标签入库<br>
|
||||||
|
• 9月底：占比8%<br>
|
||||||
|
• 9月底：标签8+
|
||||||
|
</td>
|
||||||
|
<td>
|
||||||
|
<span class="status-dot status-delayed"></span>进度滞后<br>
|
||||||
|
<span style="font-size: 12px; color: var(--muted);">当前占比2.91%</span>
|
||||||
|
</td>
|
||||||
|
<td class="risk-cell">起量速度慢</td>
|
||||||
|
<td class="progress-cell">45%</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td class="project-cell">中转站</td>
|
||||||
|
<td>
|
||||||
|
<span class="milestone-tag">消耗提升</span>
|
||||||
|
<span class="milestone-tag">订单合并</span>
|
||||||
|
</td>
|
||||||
|
<td>
|
||||||
|
• 9月：$1k/D<br>
|
||||||
|
• 9/20：$1.1k/D<br>
|
||||||
|
• 节前：沟通完成
|
||||||
|
</td>
|
||||||
|
<td>
|
||||||
|
<span class="status-dot status-on-track"></span>超额完成<br>
|
||||||
|
<span style="font-size: 12px; color: var(--muted);">目标已达成</span>
|
||||||
|
</td>
|
||||||
|
<td>无重大风险</td>
|
||||||
|
<td class="progress-cell">100%</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td class="project-cell">流量洞察</td>
|
||||||
|
<td>
|
||||||
|
<span class="milestone-tag">表结构优化</span>
|
||||||
|
<span class="milestone-tag">平台建设</span>
|
||||||
|
</td>
|
||||||
|
<td>
|
||||||
|
• 9月：表结构改造<br>
|
||||||
|
• 10月：平台启动<br>
|
||||||
|
• 11月底：平台完成
|
||||||
|
</td>
|
||||||
|
<td>
|
||||||
|
<span class="status-dot status-on-track"></span>按计划推进<br>
|
||||||
|
<span style="font-size: 12px; color: var(--muted);">优先级调整中</span>
|
||||||
|
</td>
|
||||||
|
<td class="risk-cell">优先级协调</td>
|
||||||
|
<td class="progress-cell">75%</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td class="project-cell">半年总结</td>
|
||||||
|
<td>
|
||||||
|
<span class="milestone-tag">数据复盘</span>
|
||||||
|
<span class="milestone-tag">报告产出</span>
|
||||||
|
</td>
|
||||||
|
<td>
|
||||||
|
• 9/24：数据结构<br>
|
||||||
|
• 10/8：数据回刷<br>
|
||||||
|
• 10/12：报告产出
|
||||||
|
</td>
|
||||||
|
<td>
|
||||||
|
<span class="status-dot status-on-track"></span>按计划推进<br>
|
||||||
|
<span style="font-size: 12px; color: var(--muted);">进展正常</span>
|
||||||
|
</td>
|
||||||
|
<td class="risk-cell">时间紧凑</td>
|
||||||
|
<td class="progress-cell">80%</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td class="project-cell">BO寻量</td>
|
||||||
|
<td>
|
||||||
|
<span class="milestone-tag">工作交接</span>
|
||||||
|
<span class="milestone-tag">轮询机制</span>
|
||||||
|
</td>
|
||||||
|
<td>
|
||||||
|
• 本周：开始执行<br>
|
||||||
|
• 当周：反馈更新<br>
|
||||||
|
• 下周：看板搭建
|
||||||
|
</td>
|
||||||
|
<td>
|
||||||
|
<span class="status-dot status-on-track"></span>按计划推进<br>
|
||||||
|
<span style="font-size: 12px; color: var(--muted);">机制已建立</span>
|
||||||
|
</td>
|
||||||
|
<td>进展顺利</td>
|
||||||
|
<td class="progress-cell">90%</td>
|
||||||
|
</tr>
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
</div>
|
||||||
|
|
||||||
<!-- Dragon项目 -->
|
<!-- Dragon项目 -->
|
||||||
<section class="project">
|
<section class="project">
|
||||||
<div class="project-header">
|
<div class="project-header">
|
||||||
|
|||||||
Reference in New Issue
Block a user