268 lines
7.3 KiB
HTML
268 lines
7.3 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="zh-CN">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>ADS-PMO 项目进展报告目录</title>
|
||
<style>
|
||
:root {
|
||
--bg: #0f1420;
|
||
--panel: #171d2b;
|
||
--panel-2: #1e2740;
|
||
--border: #2a3348;
|
||
--text: #e8ecf4;
|
||
--muted: #9aa6bd;
|
||
--accent: #4f8cff;
|
||
--accent-soft: rgba(79,140,255,.14);
|
||
--green: #3ecf8e;
|
||
--amber: #f5b74e;
|
||
--red: #ff6b6b;
|
||
}
|
||
* { box-sizing: border-box; }
|
||
body {
|
||
margin: 0;
|
||
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;
|
||
background: var(--bg);
|
||
color: var(--text);
|
||
line-height: 1.65;
|
||
}
|
||
.wrap {
|
||
max-width: 960px;
|
||
margin: 0 auto;
|
||
padding: 40px 24px 80px;
|
||
}
|
||
header.page {
|
||
border-bottom: 1px solid var(--border);
|
||
padding-bottom: 24px;
|
||
margin-bottom: 40px;
|
||
}
|
||
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: 14px;
|
||
font-weight: 600;
|
||
margin-bottom: 12px;
|
||
}
|
||
.report-desc {
|
||
color: var(--muted);
|
||
font-size: 14px;
|
||
line-height: 1.6;
|
||
margin: 12px 0 0 0;
|
||
}
|
||
.report-meta {
|
||
display: flex;
|
||
gap: 16px;
|
||
margin-top: 16px;
|
||
font-size: 13px;
|
||
color: var(--muted);
|
||
}
|
||
.meta-item {
|
||
display: flex;
|
||
align-items: center;
|
||
gap: 6px;
|
||
}
|
||
.meta-item i {
|
||
color: var(--accent);
|
||
}
|
||
.status-badge {
|
||
display: inline-block;
|
||
padding: 2px 8px;
|
||
border-radius: 6px;
|
||
font-size: 12px;
|
||
font-weight: 600;
|
||
margin-left: 8px;
|
||
}
|
||
.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);
|
||
}
|
||
.instructions {
|
||
background: var(--panel);
|
||
border: 1px solid var(--border);
|
||
border-radius: 12px;
|
||
padding: 20px;
|
||
margin-top: 40px;
|
||
margin-bottom: 40px;
|
||
}
|
||
.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;
|
||
}
|
||
}
|
||
</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>
|
||
<div class="subtitle">项目管理办公室 - 项目跟踪与状态报告库</div>
|
||
</header>
|
||
|
||
<div class="instructions">
|
||
<h3><i class="fas fa-info-circle"></i> 使用说明</h3>
|
||
<ul>
|
||
<li>点击报告卡片查看详细项目进展</li>
|
||
<li>报告按时间倒序排列，最新报告在最上方</li>
|
||
<li>每个报告包含项目关键进展、时间节点与风险提示</li>
|
||
<li>报告每周更新，跟踪项目交付进度</li>
|
||
</ul>
|
||
</div>
|
||
|
||
<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>
|
||
|
||
<!-- 历史报告：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>
|
||
|
||
<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> |