chore: delete old layout/common/tabs components before redesign
@
This commit is contained in:
2026-06-03 16:58:35 +08:00
parent f3dbdc7e3f
commit dcda7e0423
53 changed files with 24412 additions and 1519 deletions

View File

@@ -0,0 +1,51 @@
<h2>团队阶段性汇报 PPT — 定位选择</h2>
<p class="subtitle">这次汇报面向谁?确定受众和基调,才能决定内容侧重</p>
<div class="options">
<div class="option" data-choice="a" onclick="toggleSelect(this)">
<div class="letter">A</div>
<div class="content">
<h3>🎯 项目组内部复盘</h3>
<p>受众:本团队成员(开发 + 产品 + 架构)</p>
<p>基调:<strong>坦诚、细节、协作</strong></p>
<ul style="margin-top:8px;padding-left:16px;font-size:13px;color:#888;line-height:2">
<li>每个模块做了什么 / 谁负责</li>
<li>哪些卡点 / 技术债</li>
<li>下阶段分工与优先级</li>
<li>风格:简洁实用,不必精致</li>
</ul>
</div>
</div>
<div class="option" data-choice="b" onclick="toggleSelect(this)">
<div class="letter">B</div>
<div class="content">
<h3>📊 跨团队 / 中层管理汇报</h3>
<p>受众:其他部门 Leader、项目经理、IT 管理层</p>
<p>基调:<strong>成果导向、清晰、有说服力</strong></p>
<ul style="margin-top:8px;padding-left:16px;font-size:13px;color:#888;line-height:2">
<li>我们做了什么 / 进度如何</li>
<li>系统架构概览(不过深)</li>
<li>下阶段计划 + 需要的支持</li>
<li>风格:专业、品牌感、图文并茂</li>
</ul>
</div>
</div>
<div class="option" data-choice="c" onclick="toggleSelect(this)">
<div class="letter">C</div>
<div class="content">
<h3>🔧 技术分享 / 工程师视角</h3>
<p>受众:技术团队、架构师、其他工程师</p>
<p>基调:<strong>技术深度、方案决策、经验分享</strong></p>
<ul style="margin-top:8px;padding-left:16px;font-size:13px;color:#888;line-height:2">
<li>架构设计思路(清洁架构 / Ports&amp;Adapters</li>
<li>Agent 协同实现方式</li>
<li>踩坑与解决方案</li>
<li>风格:代码 + 图表,技术感强</li>
</ul>
</div>
</div>
</div>

View File

@@ -0,0 +1,66 @@
<h2>PPT 内容结构 — 选一个框架</h2>
<p class="subtitle">boss-report 已有 10 张幻灯片,团队汇报可以更精简。哪种结构更符合你的预期?</p>
<div class="options">
<div class="option" data-choice="a" onclick="toggleSelect(this)">
<div class="letter">A</div>
<div class="content">
<h3>精简版 · 8 张</h3>
<p>快速汇报30 分钟内讲完</p>
<ol style="margin-top:10px;padding-left:18px;font-size:13px;color:#888;line-height:2.2">
<li>封面(项目名 + 团队 + 日期)</li>
<li>背景与目标(为什么做)</li>
<li>阶段成果总览(已完成/进行中/未开始)</li>
<li>核心模块展示5 个功能,每个 2-3 句)</li>
<li>系统架构5 层图,一张)</li>
<li>业务价值(对比 + 4 个 KPI</li>
<li>四阶段路线图(当前位置高亮)</li>
<li>近期行动项 + 结尾</li>
</ol>
</div>
</div>
<div class="option" data-choice="b" onclick="toggleSelect(this)">
<div class="letter">B</div>
<div class="content">
<h3>标准版 · 12 张</h3>
<p>完整汇报适合正式会议4560 分钟</p>
<ol style="margin-top:10px;padding-left:18px;font-size:13px;color:#888;line-height:2.2">
<li>封面</li>
<li>背景与痛点3 张卡片)</li>
<li>项目目标 &amp; 范围</li>
<li>阶段成果总览</li>
<li>模块详情 1/2感知 / 文档 / 合规)</li>
<li>模块详情 2/2Agent 对话 / 监控)</li>
<li>系统架构</li>
<li>技术亮点Agent 协同 / SSE / 双引擎)</li>
<li>业务价值 &amp; KPI</li>
<li>四阶段路线图</li>
<li>近期行动项 &amp; 资源需求</li>
<li>总结 &amp; 致谢</li>
</ol>
</div>
</div>
<div class="option" data-choice="c" onclick="toggleSelect(this)">
<div class="letter">C</div>
<div class="content">
<h3>重点突出版 · 10 张(推荐)</h3>
<p>与 boss-report 同等体量,但内容侧重<strong>团队视角</strong></p>
<ol style="margin-top:10px;padding-left:18px;font-size:13px;color:#888;line-height:2.2">
<li>封面(团队 + 汇报人 + 日期)</li>
<li>项目背景 &amp; 我们的目标</li>
<li>本阶段工作总览(模块 + 状态 + 负责人)</li>
<li>核心功能演示 1/2</li>
<li>核心功能演示 2/2</li>
<li>系统架构 &amp; 技术选型</li>
<li>业务价值量化</li>
<li>四阶段路线图</li>
<li>下阶段重点 &amp; 分工</li>
<li>结语 &amp; Q&amp;A</li>
</ol>
</div>
</div>
</div>

View File

@@ -0,0 +1,66 @@
<h2>视觉风格选择</h2>
<p class="subtitle">团队汇报的整体视觉基调——哪种感觉最符合你们的场合?</p>
<div class="cards">
<div class="card" data-choice="a" onclick="toggleSelect(this)">
<div class="card-image" style="background:linear-gradient(135deg,#0a0f2e 0%,#1a1040 100%);height:160px;display:flex;align-items:center;justify-content:center;gap:16px;flex-direction:column;">
<div style="display:flex;gap:8px;align-items:center;">
<div style="width:4px;height:40px;background:#e20074;border-radius:2px;"></div>
<div>
<div style="font-size:15px;font-weight:800;color:#fff;letter-spacing:1px;">AI + 合规智能中枢</div>
<div style="font-size:11px;color:#e20074;margin-top:4px;letter-spacing:2px;">TEAM PROGRESS REPORT</div>
</div>
</div>
<div style="display:flex;gap:8px;">
<div style="background:rgba(226,0,116,0.15);border:1px solid rgba(226,0,116,0.4);border-radius:4px;padding:4px 10px;font-size:10px;color:#e20074;">5 模块</div>
<div style="background:rgba(0,212,170,0.1);border:1px solid rgba(0,212,170,0.3);border-radius:4px;padding:4px 10px;font-size:10px;color:#00d4aa;">17+ API</div>
</div>
</div>
<div class="card-body">
<h3>A · 深色科技风(沿用 boss-report 风格)</h3>
<p>深海蓝 + 品牌洋红,科技感强,与现有 boss-report.pptx 视觉一致。适合 IT 氛围浓的场合。</p>
</div>
</div>
<div class="card" data-choice="b" onclick="toggleSelect(this)">
<div class="card-image" style="background:linear-gradient(135deg,#f7f7fa 0%,#f0eef8 100%);height:160px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;border-bottom:1px solid #e0e0ea;">
<div style="display:flex;gap:8px;align-items:center;">
<div style="width:4px;height:40px;background:#e20074;border-radius:2px;"></div>
<div>
<div style="font-size:15px;font-weight:800;color:#1a1a2e;letter-spacing:0.5px;">AI + 合规智能中枢</div>
<div style="font-size:11px;color:#e20074;margin-top:4px;letter-spacing:2px;">团队阶段性汇报</div>
</div>
</div>
<div style="display:flex;gap:6px;">
<div style="background:rgba(226,0,116,0.1);border:1px solid rgba(226,0,116,0.25);border-radius:4px;padding:3px 10px;font-size:10px;color:#be0060;">5 功能模块</div>
<div style="background:rgba(0,137,106,0.08);border:1px solid rgba(0,137,106,0.2);border-radius:4px;padding:3px 10px;font-size:10px;color:#00896a;">核心链路已通</div>
</div>
</div>
<div class="card-body">
<h3>B · 浅色专业风(与 HTML 报告一致)</h3>
<p>白底 + 洋红 + 深色文字,与 boss-report.html 视觉一致。阅读友好,投影仪效果好,商务感强。</p>
</div>
</div>
<div class="card" data-choice="c" onclick="toggleSelect(this)">
<div class="card-image" style="background:linear-gradient(135deg,#1e3a5f 0%,#2d5986 100%);height:160px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;">
<div style="display:flex;gap:8px;align-items:center;">
<div style="width:4px;height:40px;background:#4fc3f7;border-radius:2px;"></div>
<div>
<div style="font-size:15px;font-weight:800;color:#fff;letter-spacing:0.5px;">AI + 合规智能中枢</div>
<div style="font-size:11px;color:#4fc3f7;margin-top:4px;letter-spacing:2px;">TEAM REPORT · 2026.05</div>
</div>
</div>
<div style="display:flex;gap:6px;">
<div style="background:rgba(79,195,247,0.15);border:1px solid rgba(79,195,247,0.35);border-radius:4px;padding:3px 10px;font-size:10px;color:#4fc3f7;">T-Systems Blue</div>
<div style="background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.2);border-radius:4px;padding:3px 10px;font-size:10px;color:#fff;">专业蓝</div>
</div>
</div>
<div class="card-body">
<h3>C · 企业蓝风格T-Systems 主色调)</h3>
<p>深蓝 + 天蓝点缀,更接近 T-Systems 官方企业蓝调。适合对外正式会议或集团内部跨团队场合。</p>
</div>
</div>
</div>

View File

@@ -0,0 +1,3 @@
<div style="display:flex;align-items:center;justify-content:center;min-height:60vh">
<p class="subtitle">Continuing in terminal...</p>
</div>