更新index.html为报告目录页面，包含新旧报告链接
This commit is contained in:
hanguangming
+204
-128
@@ -3,7 +3,7 @@
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>ADS-PMO 项目进展汇总（9/6–9/13）</title>
|
||||
<title>ADS-PMO 项目进展报告目录</title>
|
||||
<style>
|
||||
:root {
|
||||
--bg: #0f1420;
|
||||
@@ -26,167 +26,243 @@
|
||||
color: var(--text);
|
||||
line-height: 1.65;
|
||||
}
|
||||
.wrap { max-width: 960px; margin: 0 auto; padding: 40px 24px 80px; }
|
||||
.wrap {
|
||||
max-width: 960px;
|
||||
margin: 0 auto;
|
||||
padding: 40px 24px 80px;
|
||||
}
|
||||
header.page {
|
||||
border-bottom: 1px solid var(--border);
|
||||
padding-bottom: 24px;
|
||||
margin-bottom: 8px;
|
||||
margin-bottom: 40px;
|
||||
}
|
||||
header.page h1 { font-size: 28px; margin: 0 0 8px; letter-spacing: .5px; }
|
||||
.period {
|
||||
header.page h1 {
|
||||
font-size: 32px;
|
||||
margin: 0 0 8px;
|
||||
letter-spacing: .5px;
|
||||
color: var(--text);
|
||||
}
|
||||
.subtitle {
|
||||
color: var(--muted);
|
||||
font-size: 16px;
|
||||
margin-top: 8px;
|
||||
}
|
||||
.report-list {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 16px;
|
||||
}
|
||||
.report-card {
|
||||
background: var(--panel);
|
||||
border: 1px solid var(--border);
|
||||
border-radius: 12px;
|
||||
padding: 24px;
|
||||
transition: all 0.2s ease;
|
||||
text-decoration: none;
|
||||
display: block;
|
||||
}
|
||||
.report-card:hover {
|
||||
border-color: var(--accent);
|
||||
box-shadow: 0 8px 24px rgba(0,0,0,.3);
|
||||
transform: translateY(-2px);
|
||||
}
|
||||
.report-card h3 {
|
||||
font-size: 20px;
|
||||
margin: 0 0 8px 0;
|
||||
color: var(--text);
|
||||
}
|
||||
.report-period {
|
||||
display: inline-block;
|
||||
background: var(--accent-soft);
|
||||
color: var(--accent);
|
||||
border: 1px solid rgba(79,140,255,.35);
|
||||
padding: 4px 12px;
|
||||
border-radius: 999px;
|
||||
font-size: 13px;
|
||||
font-size: 14px;
|
||||
font-weight: 600;
|
||||
margin-bottom: 12px;
|
||||
}
|
||||
.meta { color: var(--muted); font-size: 13px; margin-top: 12px; }
|
||||
section.project {
|
||||
background: var(--panel);
|
||||
border: 1px solid var(--border);
|
||||
border-radius: 14px;
|
||||
padding: 22px 24px;
|
||||
margin-top: 22px;
|
||||
.report-desc {
|
||||
color: var(--muted);
|
||||
font-size: 14px;
|
||||
line-height: 1.6;
|
||||
margin: 12px 0 0 0;
|
||||
}
|
||||
section.project > h2 {
|
||||
font-size: 19px;
|
||||
margin: 0 0 14px;
|
||||
.report-meta {
|
||||
display: flex;
|
||||
gap: 16px;
|
||||
margin-top: 16px;
|
||||
font-size: 13px;
|
||||
color: var(--muted);
|
||||
}
|
||||
.meta-item {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 10px;
|
||||
gap: 6px;
|
||||
}
|
||||
section.project > h2 .dot {
|
||||
width: 9px; height: 9px; border-radius: 50%;
|
||||
background: var(--accent); flex: none;
|
||||
.meta-item i {
|
||||
color: var(--accent);
|
||||
}
|
||||
h3 { font-size: 15px; color: var(--accent); margin: 18px 0 8px; }
|
||||
ul { margin: 6px 0 6px; padding-left: 20px; }
|
||||
li { margin: 4px 0; }
|
||||
.sub { color: var(--muted); }
|
||||
.kv { margin: 4px 0; }
|
||||
.kv b { color: var(--text); }
|
||||
.tag {
|
||||
display: inline-block; font-size: 12px; font-weight: 600;
|
||||
padding: 2px 9px; border-radius: 6px; margin-left: 4px;
|
||||
border: 1px solid transparent;
|
||||
.status-badge {
|
||||
display: inline-block;
|
||||
padding: 2px 8px;
|
||||
border-radius: 6px;
|
||||
font-size: 12px;
|
||||
font-weight: 600;
|
||||
margin-left: 8px;
|
||||
}
|
||||
.tag.risk { background: rgba(255,107,107,.14); color: var(--red); border-color: rgba(255,107,107,.35); }
|
||||
.tag.date { background: rgba(62,207,142,.12); color: var(--green); border-color: rgba(62,207,142,.3); }
|
||||
.tag.goal { background: rgba(245,183,78,.12); color: var(--amber); border-color: rgba(245,183,78,.3); }
|
||||
.callout {
|
||||
background: var(--panel-2);
|
||||
border-left: 3px solid var(--red);
|
||||
border-radius: 8px;
|
||||
padding: 10px 14px;
|
||||
margin: 10px 0;
|
||||
.status-current {
|
||||
background: rgba(62,207,142,.15);
|
||||
color: var(--green);
|
||||
border: 1px solid rgba(62,207,142,.3);
|
||||
}
|
||||
.status-archived {
|
||||
background: rgba(154,166,189,.15);
|
||||
color: var(--muted);
|
||||
border: 1px solid rgba(154,166,189,.3);
|
||||
}
|
||||
.last-updated {
|
||||
text-align: center;
|
||||
padding: 20px;
|
||||
color: var(--muted);
|
||||
font-size: 14px;
|
||||
margin-top: 40px;
|
||||
border-top: 1px solid var(--border);
|
||||
}
|
||||
.callout.info { border-left-color: var(--accent); }
|
||||
table.mini {
|
||||
width: 100%; border-collapse: collapse; margin: 10px 0; font-size: 14px;
|
||||
.instructions {
|
||||
background: var(--panel);
|
||||
border: 1px solid var(--border);
|
||||
border-radius: 12px;
|
||||
padding: 20px;
|
||||
margin-top: 40px;
|
||||
margin-bottom: 40px;
|
||||
}
|
||||
table.mini th, table.mini td {
|
||||
border: 1px solid var(--border); padding: 8px 10px; text-align: left;
|
||||
.instructions h3 {
|
||||
font-size: 18px;
|
||||
margin: 0 0 12px 0;
|
||||
color: var(--text);
|
||||
}
|
||||
.instructions ul {
|
||||
margin: 0;
|
||||
padding-left: 20px;
|
||||
}
|
||||
.instructions li {
|
||||
margin: 8px 0;
|
||||
color: var(--muted);
|
||||
}
|
||||
@media (max-width: 768px) {
|
||||
.wrap {
|
||||
padding: 24px 16px 60px;
|
||||
}
|
||||
.report-card {
|
||||
padding: 20px;
|
||||
}
|
||||
.report-meta {
|
||||
flex-direction: column;
|
||||
gap: 8px;
|
||||
}
|
||||
}
|
||||
table.mini th { background: var(--panel-2); color: var(--muted); font-weight: 600; }
|
||||
footer { color: var(--muted); font-size: 12px; margin-top: 36px; text-align: center; }
|
||||
a { color: var(--accent); }
|
||||
</style>
|
||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
|
||||
</head>
|
||||
<body>
|
||||
<div class="wrap">
|
||||
<header class="page">
|
||||
<h1>ADS-PMO 项目进展汇总</h1>
|
||||
<span class="period">周期：2026/09/06 – 2026/09/13</span>
|
||||
<div class="meta">汇总维度：按项目分列关键进展、时间结点与风险提示</div>
|
||||
<h1>ADS-PMO 项目进展报告目录</h1>
|
||||
<div class="subtitle">项目管理办公室 - 项目跟踪与状态报告库</div>
|
||||
</header>
|
||||
|
||||
<!-- Dragon -->
|
||||
<section class="project">
|
||||
<h2><span class="dot"></span>Dragon</h2>
|
||||
<p class="sub">两个优化方向正在推进中。</p>
|
||||
|
||||
<h3>1. 离线上报时机优化</h3>
|
||||
<div class="instructions">
|
||||
<h3><i class="fas fa-info-circle"></i> 使用说明</h3>
|
||||
<ul>
|
||||
<li>方案已确定。<span class="tag date">9/14–9/16 开发</span><span class="tag date">9/17 上线</span></li>
|
||||
<li>每日观测数据变化，<b>9/24</b> 阶段复盘。</li>
|
||||
<li>点击报告卡片查看详细项目进展</li>
|
||||
<li>报告按时间倒序排列，最新报告在最上方</li>
|
||||
<li>每个报告包含项目关键进展、时间节点与风险提示</li>
|
||||
<li>报告每周更新，跟踪项目交付进度</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<h3>2. 提升上报精准度</h3>
|
||||
<ul>
|
||||
<li>本周启动方案设计。<span class="tag date">9/16 方案评审</span></li>
|
||||
</ul>
|
||||
</section>
|
||||
<div class="report-list">
|
||||
<!-- 最新报告：9月14日-9月20日 -->
|
||||
<a href="项目进展汇总_20260914-20260920.html" class="report-card">
|
||||
<div class="report-period">2026年9月14日 - 2026年9月20日</div>
|
||||
<h3>ADS-PMO 项目进展汇总（9/14–9/20）<span class="status-badge status-current">当前</span></h3>
|
||||
<div class="report-desc">
|
||||
基于项目当前进展，除Dragon项目外，其他9月规划项目交付任务均在9月24日前完成交付。重点跟踪项目：Dragon离线上报时机优化已上线，数据监控中；Midas CTR优化进入开发阶段；Manta消耗占比提升需加速。
|
||||
</div>
|
||||
<div class="report-meta">
|
||||
<div class="meta-item">
|
||||
<i class="fas fa-calendar-check"></i>
|
||||
<span>下一检查点：2026年9月24日</span>
|
||||
</div>
|
||||
<div class="meta-item">
|
||||
<i class="fas fa-project-diagram"></i>
|
||||
<span>跟踪项目：7个</span>
|
||||
</div>
|
||||
<div class="meta-item">
|
||||
<i class="fas fa-clock"></i>
|
||||
<span>生成时间：2026年9月21日</span>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
|
||||
<!-- Midas -->
|
||||
<section class="project">
|
||||
<h2><span class="dot"></span>Midas 竞价功能去算法</h2>
|
||||
<p class="sub">用后验数据替代算法做验证，CTR、CVR 分两步走。</p>
|
||||
<ul>
|
||||
<li><b>CTR：</b>方案设计中（按国家 × 广告位匹配策略）。<span class="tag date">9/16 输出方案评审</span></li>
|
||||
<li><b>CVR：</b>优先完成「点击 → 下载完成」段的策略方案，其余漏斗暂用固定权重；方案同步设计中。<span class="tag date">9/16 出初版内部对齐</span></li>
|
||||
</ul>
|
||||
<div class="callout">
|
||||
<b>风险：</b>研发对 CVR 优化的方案细节仍有疑问。跟进设计过程中如有疑问，随时在群内沟通确认。
|
||||
</div>
|
||||
</section>
|
||||
<!-- 历史报告：9月6日-9月13日 -->
|
||||
<a href="项目进展汇总_20260906-20260913.html" class="report-card">
|
||||
<div class="report-period">2026年9月6日 - 2026年9月13日</div>
|
||||
<h3>ADS-PMO 项目进展汇总（9/6–9/13）<span class="status-badge status-archived">存档</span></h3>
|
||||
<div class="report-desc">
|
||||
项目进展初期阶段，各项目方案设计与评审进行中。Dragon离线上报时机优化方案确定；Midas CTR/CVR方案设计启动；Manta数据源扩充完成。
|
||||
</div>
|
||||
<div class="report-meta">
|
||||
<div class="meta-item">
|
||||
<i class="fas fa-calendar-check"></i>
|
||||
<span>主要节点：方案设计阶段</span>
|
||||
</div>
|
||||
<div class="meta-item">
|
||||
<i class="fas fa-project-diagram"></i>
|
||||
<span>跟踪项目：7个</span>
|
||||
</div>
|
||||
<div class="meta-item">
|
||||
<i class="fas fa-clock"></i>
|
||||
<span>生成时间：2026年9月15日</span>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<!-- 流量洞察产品化 -->
|
||||
<section class="project">
|
||||
<h2><span class="dot"></span>流量洞察产品化</h2>
|
||||
<ul>
|
||||
<li><b>上游表结构优化：</b>9 月完成上游表结构改造，本月内可完成，无风险。</li>
|
||||
<li><b>洞察产品平台建设：</b>原计划 10 月启动、11 月完成；考虑到「半年复盘 + 月度渠道自检」优先级更高，将优先完成这两项，平台建设穿插推进，<b>11 月底前完成</b>的结点不变。</li>
|
||||
</ul>
|
||||
</section>
|
||||
|
||||
<!-- Manta -->
|
||||
<section class="project">
|
||||
<h2><span class="dot"></span>Manta</h2>
|
||||
<p class="sub">DA：优先做人群覆盖，提高人均标签个数。AM：提高人群包消耗占比。</p>
|
||||
|
||||
<h3>关键动作</h3>
|
||||
<ul>
|
||||
<li><b>数据源扩充：</b>MTG、网盟 XDJ、Lacuna，研发 <b>9/11</b> 完成开发。</li>
|
||||
<li><b>标签入库节奏：</b>
|
||||
<ul>
|
||||
<li>9 月：游戏相关标签（安装 + 事件），预计完成录入 <b>110+</b>；</li>
|
||||
<li>10 月：娱乐 & 社交 & 菠菜（安装 + 事件），预计完成录入 <b>110+</b>。</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
<div class="callout">
|
||||
<b>当前瓶颈：</b>标签寻找方向是主要卡点，需数分挖掘更多标签清洗方向。
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- 中转站 -->
|
||||
<section class="project">
|
||||
<h2><span class="dot"></span>中转站项目</h2>
|
||||
<table class="mini">
|
||||
<tr><th>目标</th><td>收入提升至 <b>$1k/D</b><span class="tag goal">目标</span></td></tr>
|
||||
<tr><th>当前</th><td>$400+/D</td></tr>
|
||||
<tr><th>缺口</th><td>部分外投订单尚未合入 routing，对应预算约 <b>$300+/D</b></td></tr>
|
||||
</table>
|
||||
<ul>
|
||||
<li><b>Action：</b>AM 集中对未合并订单新建并完成调优，<b>下周内完成</b>。</li>
|
||||
</ul>
|
||||
</section>
|
||||
|
||||
<!-- BO 下游寻量 -->
|
||||
<section class="project">
|
||||
<h2><span class="dot"></span>BO 接手下游寻量工作</h2>
|
||||
<ul>
|
||||
<li><b>交接进展：</b>9/4 完成工作交接，寻量细节工作已知晓；相关微信群全部建好，并已与 AM 对齐 —— 后续寻量工作由 BO 承接。</li>
|
||||
<li><b>协作机制：</b>建议建立轮询机制（每周三），收集 AM 的寻量需求，并在当周内反馈更新。</li>
|
||||
<li><b>可追踪性：</b>BO 下周内搭建「下游交付看板」，实现交付效果可追踪。</li>
|
||||
</ul>
|
||||
</section>
|
||||
|
||||
<footer>ADS-PMO · 项目进展汇总 · 周期 2026/09/06–2026/09/13</footer>
|
||||
<div class="last-updated">
|
||||
<p><i class="fas fa-sync-alt"></i> 最后更新：2026年9月21日 13:45</p>
|
||||
<p>ADS-PMO 项目管理办公室 | 报告维护系统 v1.0</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
document.addEventListener('DOMContentLoaded', function() {
|
||||
// 添加最后更新时间
|
||||
const now = new Date();
|
||||
const options = {
|
||||
year: 'numeric',
|
||||
month: 'long',
|
||||
day: 'numeric',
|
||||
hour: '2-digit',
|
||||
minute: '2-digit'
|
||||
};
|
||||
const timeString = now.toLocaleDateString('zh-CN', options);
|
||||
|
||||
const timeElement = document.querySelector('.last-updated p:first-child');
|
||||
if (timeElement) {
|
||||
timeElement.innerHTML = `<i class="fas fa-sync-alt"></i> 最后查看：${timeString}`;
|
||||
}
|
||||
|
||||
// 添加报告卡片点击效果
|
||||
const reportCards = document.querySelectorAll('.report-card');
|
||||
reportCards.forEach(card => {
|
||||
card.addEventListener('click', function(e) {
|
||||
// 可以在这里添加点击跟踪或动画效果
|
||||
console.log('打开报告：', this.querySelector('h3').textContent);
|
||||
});
|
||||
});
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user