This commit is contained in:
zdh
+91
-11
@@ -406,6 +406,26 @@ body {
|
||||
}
|
||||
.all-card .card-date { font-size: 11px; color: var(--text-tertiary); }
|
||||
|
||||
/* ===== Section Expand — 分组条目过多时可折叠 ===== */
|
||||
.all-grid .section-expand-wrap { grid-column: 1 / -1; text-align: center; padding: 8px 0; }
|
||||
.section-expand-btn {
|
||||
display: inline-flex; align-items: center; gap: 6px;
|
||||
padding: 9px 28px; background: var(--bg-container);
|
||||
border: 1px solid var(--border); border-radius: var(--radius-sm);
|
||||
color: var(--color-primary); font-size: 13px; font-weight: 600;
|
||||
cursor: pointer; font-family: inherit;
|
||||
transition: all var(--fluent-duration-fast) var(--fluent-easing-standard);
|
||||
}
|
||||
.section-expand-btn:hover {
|
||||
background: var(--color-primary-bg); border-color: var(--color-primary);
|
||||
}
|
||||
.section-expand-btn .expand-arrow {
|
||||
display: inline-block; font-size: 12px;
|
||||
transition: transform var(--fluent-duration-normal) var(--fluent-easing-standard);
|
||||
}
|
||||
.section-expand-btn.expanded .expand-arrow { transform: rotate(180deg); }
|
||||
.all-card.card-hidden { display: none; }
|
||||
|
||||
/* ===== Wiki TOC — Fluent 2 Accordion ===== */
|
||||
.wiki-toc {
|
||||
background: var(--bg-container); border: 1px solid var(--border-light);
|
||||
@@ -429,7 +449,7 @@ body {
|
||||
overflow: hidden; max-height: 0;
|
||||
transition: max-height var(--fluent-duration-slow) var(--fluent-easing-standard);
|
||||
}
|
||||
.wiki-toc-body.open { max-height: 2000px; }
|
||||
.wiki-toc-body.open { max-height: none; }
|
||||
.wiki-toc-item {
|
||||
display: flex; align-items: center; gap: 10px; padding: 12px 18px 12px 42px;
|
||||
border-bottom: 1px solid var(--border-light);
|
||||
@@ -554,26 +574,42 @@ const wikiData = [
|
||||
{ path: "分销商城推广模式调研/报告/分销商城推广模式全景调研.html", title: "分销商城推广模式全景调研", desc: "18 种推广模式系统梳理，含核心机制、收益分析、分润计算、合规框架与选型", date: "2026-05-06" },
|
||||
{ path: "国内商业业态分类到家/报告/到家业态分类全景.html", title: "国内商业业态分类（到家服务）", desc: "按服务本质分为 5 大板块 92 业态，含楼层收费参考与商业模式对比", date: "2026-05-05" }
|
||||
]},
|
||||
{ dir: "AI 开发工具", icon: "🤖", desc: "AI 辅助开发、代码分析、MCP 服务", color: "lavender",
|
||||
{ dir: "AI 开发工具", icon: "🤖", desc: "AI 辅助开发、代码分析、MCP 服务、智能体平台", color: "lavender",
|
||||
items: [
|
||||
{ path: "Claude Code 工程师使用指南/报告/claude-code-engineering-guide.html", title: "Claude Code 最佳实践", desc: "Claude Code 在软件工程场景下的最佳实践与工作流指南", date: "2026-04-29" },
|
||||
{ path: "graphify-rs使用手册/报告/graphify-rs-usage-guide.html", title: "graphify-rs 使用手册", desc: "代码知识图谱工具完整使用指南，含安装、构建、查询、集成", date: "2026-05-08" },
|
||||
{ path: "Graphify 深度分析报告/代码/graphify-analysis.html", title: "Graphify 代码分析", desc: "Graphify 项目的代码结构、质量指标与重构建议", date: "2026-04-29" },
|
||||
{ path: "代码图谱工具调研/报告/code-structure-tools-analysis.html", title: "代码图谱工具调研", desc: "主流代码结构与可视化工具的横向对比分析", date: "2026-04-29" },
|
||||
{ path: "mcp-services-guide/index.html", title: "MCP 服务大全", desc: "适合开发者使用的 MCP 服务大全，含功能对比与快速开始指南", date: "2026-04-29" },
|
||||
{ path: "智能体平台调研/报告/ai-agent-platform-comparison.html", title: "全功能智能体平台深度对比", desc: "覆盖10个核心平台（GitHub 7+Gitee 3），五大功能维度矩阵：多智能体平面·低代码编排·Harness基建·技能市场·评测服务，含81个开源项目索引与选型建议", date: "2026-06-04" },
|
||||
{ path: "智能体平台调研/报告/spring-ai-alibaba-deployment-guide.html", title: "Spring AI Alibaba 全功能部署指南", desc: "本地内网环境从零部署全功能平台：WSL2环境准备→PostgreSQL+Nacos+MinIO中间件→全功能模块激活→内网访问配置→运维手册→故障排查，含Docker Compose一键编排与启动脚本", date: "2026-06-05" },
|
||||
{ path: "AI核心技能原理说明.html", title: "AI 核心技能原理说明", desc: "系统梳理 LLM / Prompt Engineering / Agent / Skills 编排 / RAG / AI Coding / YOLO 七大方向的技术原理与工程实践", date: "2026-06-05" },
|
||||
]},
|
||||
{ dir: "企业AI转型", icon: "🚀", desc: "转型方案、成熟度模型、开发流程、角色矩阵、培训体系", color: "pink",
|
||||
items: [
|
||||
{ path: "研发型企业AI转型方案/报告/ai-training-roadmap.html", title: "企业AI落地 · 培训路线图", desc: "五阶段学习路径（认知→工具→角色→流程→组织），含角色×阶段矩阵、12周实施节奏、效果度量指标、14份材料速查索引", date: "2026-06-07" },
|
||||
{ path: "研发型企业AI转型方案/报告/软件企业AI转型全套方案.html", title: "软件企业 AI 转型全套方案", desc: "七大维度完整框架：战略与愿景→工具技术栈→研发流程方法论→组织人才→治理合规→基础设施→度量迭代，含ROI测算与12个月路线图", date: "2026-05-31" },
|
||||
{ path: "研发型企业AI转型方案/报告/ai-transformation-plan.html", title: "研发型企业 AI 转型方案 V2.0", desc: "五大篇章：工具全景图（7大类30+工具）+ 分级培训 + 售前交付方法论 + 员工绩效评估体系 + 外包AI开发治理框架，含合同条款模板与验收机制", date: "2026-05-31" },
|
||||
{ path: "研发型企业AI转型方案/报告/ai-dev-workflow.html", title: "AI 驱动开发流程：多模型协同工作流", desc: "Claude Code主力Agent + DeepSeek/Qwen分级调度 + open-code-review质量门禁 + 企业知识库RAG + 个人记忆系统，含12周落地路线图与ROI量化分析", date: "2026-05-30" },
|
||||
{ path: "研发型企业AI转型方案/报告/ai-dev-workflow-v2.html", title: "AI 开发流程 V2.0：新项目脚手架驱动 + 老项目维护双轨制", desc: "两套完整工作流：新项目以脚手架为基础全量生成（70-90%AI占比），老项目以代码考古驱动增量修改（小步提交≤200行diff），含实操案例与完整Prompt", date: "2026-05-31" },
|
||||
{ path: "研发型企业AI转型方案/报告/ai-enterprise-maturity-model.html", title: "企业 AI 成熟度五级模型", desc: "L0前AI期→L1萌芽期→L2规范期→L2.5增强期→L3原生期，含每级判定标准、跃迁路径、触发信号与常见陷阱", date: "2026-06-03" },
|
||||
{ path: "研发型企业AI转型方案/报告/ai-role-level-matrix.html", title: "角色×AI成熟度 效果矩阵", desc: "七角色（开发/工程师/售前/PM/应用顾问/测试/管理层）×五级别全景矩阵，含各角色国内AI工具选型", date: "2026-06-14" },
|
||||
{ path: "研发型企业AI转型方案/报告/ai-role-level-matrix-interactive.html", title: "角色×AI成熟度 效果矩阵 [交互版]", desc: "可点击交互矩阵：点击任意角色×级别单元格即时查看完整信息，支持键盘导航与级别筛选", date: "2026-06-14" },
|
||||
{ path: "研发型企业AI转型方案/报告/ai-training-outline-for-it-services.html", title: "AI 赋能 IT 服务团队：培训与落地全套提纲", desc: "融合企业实际需求：工具全景图→四角色赋能矩阵→三阶培训体系→方法论进化→12周落地路线图，面向IT服务企业的端到端AI赋能方案", date: "2026-06-03" },
|
||||
{ path: "智能体平台调研/报告/ai-agent-platform-comparison.html", title: "全功能智能体平台深度对比", desc: "覆盖10个核心平台（GitHub 7+Gitee 3），五大功能维度矩阵：多智能体平面·低代码编排·Harness基建·技能市场·评测服务，含81个开源项目索引与选型建议", date: "2026-06-04" },
|
||||
{ path: "智能体平台调研/报告/spring-ai-alibaba-deployment-guide.html", title: "Spring AI Alibaba 全功能部署指南", desc: "本地内网环境从零部署全功能平台：WSL2环境准备→PostgreSQL+Nacos+MinIO中间件→全功能模块激活→内网访问配置→运维手册→故障排查，含Docker Compose一键编排与启动脚本", date: "2026-06-05" },
|
||||
{ path: "AI核心技能原理说明.html", title: "AI 核心技能原理说明", desc: "系统梳理 LLM / Prompt Engineering / Agent / Skills 编排 / RAG / AI Coding / YOLO 七大方向的技术原理与工程实践", date: "2026-06-05" },
|
||||
{ path: "研发型企业AI转型方案/报告/ai-capability-efficiency-strategy.html", title: "AI 红利下行业软件公司应对策略", desc: "效率是底座、能力是天花板：AI 打破三大限制（技术/时间/人力），全链条响应升级（售前→开发→交付→售后），跑在客户预期前面", date: "2026-06-01" },
|
||||
{ path: "研发型企业AI转型方案/报告/ai-tools-hands-on-training.html", title: "AI 工具实操培训 · 第一课", desc: "Claude Code 安装与使用、DeepSeek API Token 购买、Trae/Qoder/通义灵码等常见工具介绍与选型、现场演示 Git 项目拉取与 AI 启动", date: "2026-06-06" },
|
||||
{ path: "研发型企业AI转型方案/报告/ai-tools-training-lesson2-gitea.html", title: "AI 工具实操培训 · 第二课", desc: "Docker 部署 Gitea 私服、Access Token 配置、AI Clone→修改→Commit→Push 全流程、实操三个任务：去版权头+代码风格统一+开发第一个功能", date: "2026-06-06" },
|
||||
{ path: "研发型企业AI转型方案/报告/ai-tools-training-lesson3-presales-demo.html", title: "AI 工具实操培训 · 第三课", desc: "售前演示 Demo 制作：四种场景模板（管理后台/数据大屏/工作流/小程序）、Prompt 模板库、六步速成法、演示话术", date: "2026-06-06" },
|
||||
{ path: "研发型企业AI转型方案/报告/ai-tools-training-lesson4-bidding.html", title: "AI 工具实操培训 · 第四课", desc: "招投标文件与解决方案编写：标书解读→评分点提取→逐章方案生成→报价分析→答辩PPT，方案周期从5-10天压缩到1-2天", date: "2026-06-06" },
|
||||
{ path: "研发型企业AI转型方案/报告/ai-tools-training-lesson5-pm.html", title: "AI 工具实操培训 · 第五课", desc: "项目经理AI工作流：需求→WBS自动拆解→排期+甘特图、Gitea数据→进度报告+偏差预警、风险自动识别+登记册+看板", date: "2026-06-06" },
|
||||
{ path: "研发型企业AI转型方案/报告/ai-tools-training-lesson6-performance.html", title: "AI 工具实操培训 · 第六课", desc: "员工绩效评定：六维指标模型（产出/质量/协作/规范/成长/影响）、Gitea数据采集、AI绩效画像、面谈话术、五条红线", date: "2026-06-06" },
|
||||
]},
|
||||
{ dir: "AI Agent 驾驭工程", icon: "🎛️", desc: "Harness Engineering · Agent 运行时管控 · 成熟度模型", color: "pink",
|
||||
items: [
|
||||
{ path: "AI Agent 驾驭工程/报告/ai-agent-harness-engineering.html", title: "AI Agent 驾驭工程（Harness Engineering）全面解析", desc: "从提示工程到驾驭工程的三级跃迁：11项核心组件职责、H0-H3四级成熟度模型、四大技术模块架构、三大支柱（前馈·反馈·传感器）、五大设计原则、实战案例与概念辨析", date: "2026-06-14" },
|
||||
]},
|
||||
{ dir: "抖音话题", icon: "🎙️", desc: "行业观点、口播话术、短视频脚本", color: "orange",
|
||||
items: [
|
||||
{ path: "研发型企业AI转型方案/报告/ai-capability-efficiency-strategy.html", title: "AI 红利下行业软件公司应对策略", desc: "效率是底座、能力是天花板：AI 打破三大限制（技术/时间/人力），全链条响应升级（售前→开发→交付→售后），跑在客户预期前面", date: "2026-06-01" },
|
||||
{ path: "抖音话题/报告/ai-transformation-speech-and-script.html", title: "AI转型·演讲稿 + 口播稿", desc: "面向软件企业老板的18分钟演讲稿+90秒短视频口播脚本：六环递进论点链（窗口期→岗位消失→管理崩塌→老板用AI看见→精准激励→商业闭环）", date: "2026-06-03" }
|
||||
]},
|
||||
{ dir: "政务与行业", icon: "🏛", desc: "政府招投标、智慧监管、政策解读", color: "pink",
|
||||
@@ -584,7 +620,11 @@ const wikiData = [
|
||||
{ path: "市属国企参与物流网建设调研报告/报告/物流网调研报告-扩展分析.html", title: "「物流网」调研报告·扩展分析", desc: "四维深度分析：15项数据真实性核验、逻辑链可信性评估、三项目可行性判断、五路径路线性评分，含七项改进建议", date: "2026-05-29" },
|
||||
{ path: "市属国企参与物流网建设调研报告/报告/物流网建设调研报告-战略优化版.html", title: "「物流网」调研报告·战略优化版", desc: "战略研究部基于深国际2025年报的审慎修订：新增公司全景画像、12项数据修正、财务约束分析、量化KPI体系、竞争对标", date: "2026-05-29" },
|
||||
{ path: "市属国企参与物流网建设调研报告/报告/物流网建设-调研框架与数据基线.html", title: "物流网建设·调研框架与数据基线", desc: "从深国际实际出发的调研模板：11个模块覆盖自身家底/外部环境/路径规划/压力测试，公开数据已填入、内部数据留白标注", date: "2026-05-29" },
|
||||
{ path: "深国际综合改革方案/index.html", title: "深国际向物流综合服务商转型综合改革方案（系列）", desc: "两篇系列报告：总纲改革方案（六大举措+50+文献出处）+专家头脑风暴（速赢项目+量化参数+行动清单）", date: "2026-06-03" }
|
||||
{ path: "深国际综合改革方案/index.html", title: "深国际向物流综合服务商转型综合改革方案（系列）", desc: "两篇系列报告：总纲改革方案（六大举措+50+文献出处）+专家头脑风暴（速赢项目+量化参数+行动清单）", date: "2026-06-03" },
|
||||
{ path: "银行业Agent建设方案/报告/banking-agent-construction-plan.html", title: "银行业 AI Agent 建设方案", desc: "银行智能中台整体规划：五层架构、多Agent协作、30万存量服务集成策略、多租户隔离、合规中间件", date: "2026-06-10" },
|
||||
{ path: "银行业Agent建设方案/报告/agentscope-java-openclaw-banking-midplatform.html", title: "AgentScope-Java 复刻 OpenClaw · 银行智能中台", desc: "完整技术架构方案：5层系统设计、Web Dashboard、多租户网关、30万服务自动Tool生成、BitMap预过滤+混合检索、12周里程碑、Java/TypeScript/Vue3全栈代码", date: "2026-06-12" },
|
||||
{ path: "银行业Agent建设方案/报告/banking-intent-recognition.html", title: "意图识别与工具检索方案", desc: "30万工具×64K上下文的检索漏斗：意图提取NLU、混合检索Dense+Sparse→RRF、Cross-encoder精排、六层准确性保障、银行场景实战走查", date: "2026-06-12" },
|
||||
{ path: "银行业Agent建设方案/报告/banking-internal-agent-compliance-risks.html", title: "银行内业务Agent：注意事项、约束条件与风险全景", desc: "面向银行员工直接使用的内部Agent：11项法规对标、6条刚性红线、9类风险矩阵、3级场景准入（P0/P1/禁区）、4大合规支柱、3级数据分类、7步行动路线、员工实操自检清单", date: "2026-06-14" },
|
||||
]},
|
||||
{ dir: "配送与到家", icon: "🚚", desc: "在线下单、配送调度、到家服务", color: "mint",
|
||||
items: [
|
||||
@@ -599,7 +639,9 @@ const wikiData = [
|
||||
]},
|
||||
{ dir: "关于作者", icon: "👤", desc: "个人简历与联系方式", color: "lavender",
|
||||
items: [
|
||||
{ path: "张德海_简历.html", title: "张德海 · 个人简历", desc: "20年Java全栈工程师，技术管理者，AI应用实践者 — 完整技术能力、项目经验与工作履历", date: "2026-06-04" }
|
||||
{ path: "张德海_简历.html", title: "张德海 · 个人简历", desc: "20年Java全栈工程师，技术管理者，AI应用实践者 — 完整技术能力、项目经验与工作履历", date: "2026-06-04" },
|
||||
{ path: "简历AI技术讲解.html", title: "简历 AI 技术讲解", desc: "Agent / Skills / RAG / Function Calling / Prompt Engineering / AI Coding / YOLO / LangChain / MCP 九大技术领域深度讲解", date: "2026-06-08" },
|
||||
{ path: "Dify部署分析报告.html", title: "Dify 本机部署分析报告", desc: "Dify 1.14.2 完整部署分析：架构拓扑、RAG/Workflow/Agent/插件四大核心功能技术方案、13个容器状态、关键配置与问题诊断", date: "2026-06-08" },
|
||||
]}
|
||||
];
|
||||
|
||||
@@ -665,23 +707,46 @@ function renderAllView(main) {
|
||||
html += '<div class="stat-item"><span class="stat-num">' + allItems.length + '</span><span class="stat-label">文档</span></div>';
|
||||
html += '<div class="stat-item"><span class="stat-num">' + filtered.length + '</span><span class="stat-label">' + (searchQuery ? '搜索结果' : '当前展示') + '</span></div>';
|
||||
html += '</div>';
|
||||
var VISIBLE_COUNT = 8;
|
||||
for (const section of wikiData) {
|
||||
if (!section.items) continue;
|
||||
const items = searchQuery ? filtered.filter(function(i){ return i.section === section.dir; }) : section.items;
|
||||
if (!items.length) continue;
|
||||
html += '<div class="wiki-section"><div class="wiki-section-title">' + section.icon + ' ' + section.dir + '</div>';
|
||||
var hasMore = !searchQuery && items.length > VISIBLE_COUNT;
|
||||
html += '<div class="wiki-section" data-section="' + section.dir + '"><div class="wiki-section-title">' + section.icon + ' ' + section.dir + '</div>';
|
||||
html += '<div class="wiki-section-desc">' + section.desc + '</div>';
|
||||
html += '<div class="all-grid">';
|
||||
for (const item of items) {
|
||||
html += '<a class="all-card" href="' + item.path + '"><div class="card-title">' + item.title + '</div>';
|
||||
for (var i = 0; i < items.length; i++) {
|
||||
const item = items[i];
|
||||
var hiddenClass = (hasMore && i >= VISIBLE_COUNT) ? ' card-hidden' : '';
|
||||
html += '<a class="all-card' + hiddenClass + '" href="' + item.path + '"><div class="card-title">' + item.title + '</div>';
|
||||
html += '<div class="card-desc">' + item.desc + '</div>';
|
||||
html += '<div class="card-meta"><span class="card-date">' + item.date + '</span></div></a>';
|
||||
}
|
||||
if (hasMore) {
|
||||
var hiddenCount = items.length - VISIBLE_COUNT;
|
||||
html += '<div class="section-expand-wrap"><button class="section-expand-btn" data-section="' + section.dir + '"><span class="expand-arrow">▼</span> 展开全部（还有 ' + hiddenCount + ' 篇）</button></div>';
|
||||
}
|
||||
html += '</div></div>';
|
||||
}
|
||||
if (!filtered.length) html += '<div style="text-align:center;padding:48px 0;color:var(--text-tertiary)"><div style="font-size:32px;margin-bottom:8px">🔍</div><div>没有找到匹配的文档</div></div>';
|
||||
main.innerHTML = html;
|
||||
main.querySelector('[data-breadcrumb="all"]')?.addEventListener('click', function(e) { e.preventDefault(); currentView = 'all'; render(); });
|
||||
|
||||
// Expand/collapse for sections with many items
|
||||
main.querySelectorAll('.section-expand-btn').forEach(function(btn) {
|
||||
btn.addEventListener('click', function(e) {
|
||||
e.preventDefault();
|
||||
var sectionEl = this.closest('.wiki-section');
|
||||
var hiddenCards = sectionEl.querySelectorAll('.card-hidden');
|
||||
var isExpanded = this.classList.toggle('expanded');
|
||||
hiddenCards.forEach(function(card) { card.style.display = isExpanded ? '' : 'none'; });
|
||||
var count = hiddenCards.length;
|
||||
this.innerHTML = isExpanded
|
||||
? '<span class="expand-arrow">▲</span> 收起'
|
||||
: '<span class="expand-arrow">▼</span> 展开全部（还有 ' + count + ' 篇）';
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
function renderSectionView(main) {
|
||||
@@ -698,6 +763,21 @@ function renderSectionView(main) {
|
||||
if (!filtered.length) html += '<div style="text-align:center;padding:48px 0;color:var(--text-tertiary)"><div style="font-size:32px;margin-bottom:8px">🔍</div><div>没有找到匹配的文档</div></div>';
|
||||
main.innerHTML = html;
|
||||
main.querySelector('[data-breadcrumb="all"]')?.addEventListener('click', function(e) { e.preventDefault(); currentView = 'all'; render(); });
|
||||
|
||||
// Expand/collapse for sections with many items
|
||||
main.querySelectorAll('.section-expand-btn').forEach(function(btn) {
|
||||
btn.addEventListener('click', function(e) {
|
||||
e.preventDefault();
|
||||
var sectionEl = this.closest('.wiki-section');
|
||||
var hiddenCards = sectionEl.querySelectorAll('.card-hidden');
|
||||
var isExpanded = this.classList.toggle('expanded');
|
||||
hiddenCards.forEach(function(card) { card.style.display = isExpanded ? '' : 'none'; });
|
||||
var count = hiddenCards.length;
|
||||
this.innerHTML = isExpanded
|
||||
? '<span class="expand-arrow">▲</span> 收起'
|
||||
: '<span class="expand-arrow">▼</span> 展开全部（还有 ' + count + ' 篇）';
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
document.getElementById('searchInput').addEventListener('input', function() { searchQuery = this.value.toLowerCase().trim(); render(); });
|
||||
|
||||
Reference in New Issue
Block a user