diff --git a/addons/official/view/web/official_case_show/list.html b/addons/official/view/web/official_case_show/list.html
index 843f2d2..cee317e 100644
--- a/addons/official/view/web/official_case_show/list.html
+++ b/addons/official/view/web/official_case_show/list.html
@@ -1,70 +1,296 @@
-{extend name="web/official_common/pc/base" /}
-
-{block name="content"}
-
-
-
+
+
+
+ 精选实践
+
+
精选实践成果 · 严谨数据验证
+
+ 纳海川坚持以经得起考验的工程规范,为政企单位、智能制造、连锁商业零售及现代供应链企业打造自主可控的数字化落地样本。
+
+
+
+
+
+
+
+
+
+
+ 精选实践
+
+
+ 标杆实践成果 · 严谨数据验证
+
+
+ 纳海川坚持严苛工程标准,为政企单位、智能制造与连锁商业打造确定性数字化样本。
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 商贸批发 · 数字中台
+ 成果验证
+
+
+ 大型快消供应链集团「全渠道分销商城与订货中台」
+
+
+
+
业务挑战 CHALLENGE
+
+ 跨区域经销商传统订货繁杂,人工拆单对账耗时长达 24 小时以上,高峰期锁库超时常导致断货漏单。
+
+
+
+
技术方案 SOLUTION
+
+ 重构分布式微服务订货中台,接入灵活等级阶梯价、信用授信账期管控及全自动分单对账引擎。
+
+
+
+
+
+
+
+
+
+ 连锁零售 · 软硬一体
+ 成果验证
+
+
+ 知名区域连锁餐饮「全场景智能收银与门店一体化」
+
+
+
+
业务挑战 CHALLENGE
+
+ 就餐高峰期前台排队拥堵严重,断网断电导致收银死机与掉单丢单,前后端数据脱节导致物料报表失真。
+
+
+
+
技术方案 SOLUTION
+
+ 部署软硬一体化收银系统与后厨 KDS 联动看板,打通微信扫码点餐、离线聚合支付与实时扣料核销。
+
+
+
+
+
+
+
+
+
+ 智能制造 · 进销存 ERP
+ 成果验证
+
+
+ 高端装备制造企业「生产进销存与供应链敏捷协同」
+
+
+
+
业务挑战 CHALLENGE
+
+ 零配件品类繁杂多达数万种,采购节拍与装配生产脱节,呆滞物料占用大量资金且难以追溯批次质量。
+
+
+
+
技术方案 SOLUTION
+
+ 定制落地进销存管理系统,建立动态物料 BOM 匹配、安全库存预警与供应商端协同门户。
+
+
+
+
+
+
+
+
+
+ 政企服务 · AI 智能体
+ 成果验证
+
+
+ 知识密集型政务机构「专属 RAG 业务审核智能体」
+
+
+
+
业务挑战 CHALLENGE
+
+ 政策法规与历史案例规章跨数十库,人工跨部门查重检索耗时耗力,初审标准难统一且存在合规漏洞。
+
+
+
+
技术方案 SOLUTION
+
+ 构建基于私有大模型与向量数据库的 RAG 智能体,自动检索法规依据并输出规范化核查报告。
+
+
+
+
+
+
+
+
+
+
+
+
数据实证
+
+ 数字见证力量 · 严谨量化成效
+
+
+ 以客观业务数据指标为交付尺度,创造确定性价值。
+
+
+
+
+
+
+
+
+ 预约架构师 1 对 1 方案研讨
+
+
+ 纳海川资深团队 24 小时内响应,输出定制落地方案
+
+
+ 立即预约业务诊断
+
+
+
+
+
+
+
+
{/block}
\ No newline at end of file
diff --git a/public/assets/addons/official/css/modern_nhc.css b/public/assets/addons/official/css/modern_nhc.css
index 00bb336..3343c93 100644
--- a/public/assets/addons/official/css/modern_nhc.css
+++ b/public/assets/addons/official/css/modern_nhc.css
@@ -2509,3 +2509,107 @@ img {
padding: 24px;
}
}
+
+/* ==========================================================================
+ 案例独立页专有样式 (Cases Page Modern Style)
+ ========================================================================== */
+
+/* 多维分类筛选器 */
+.nhc-case-filter-wrap {
+ display: flex;
+ justify-content: center;
+ flex-wrap: wrap;
+ gap: 12px;
+ margin-bottom: 50px;
+}
+
+.nhc-case-filter-btn {
+ padding: 8px 24px;
+ border-radius: 30px;
+ border: 1px solid var(--border-color);
+ background: #FFFFFF;
+ color: var(--text-secondary);
+ font-size: 14px;
+ font-weight: 500;
+ cursor: pointer;
+ transition: all 0.25s ease;
+ user-select: none;
+}
+
+.nhc-case-filter-btn:hover {
+ border-color: var(--primary);
+ color: var(--primary);
+ background: #EFF6FF;
+}
+
+.nhc-case-filter-btn.active {
+ background: var(--primary);
+ color: #FFFFFF;
+ border-color: var(--primary);
+ box-shadow: 0 4px 14px rgba(37, 99, 235, 0.25);
+}
+
+/* 成果数据指标墙板块 */
+.nhc-case-metrics-section {
+ padding: 80px 0;
+ background-color: var(--bg-secondary);
+ border-top: 1px solid var(--border-color);
+ border-bottom: 1px solid var(--border-color);
+ margin-top: 60px;
+}
+
+.nhc-case-metrics-grid {
+ display: grid;
+ grid-template-columns: repeat(4, 1fr);
+ gap: 24px;
+}
+
+.nhc-case-metric-card {
+ background: #FFFFFF;
+ border: 1px solid var(--border-color);
+ border-radius: var(--radius-sm);
+ padding: 28px 24px;
+ text-align: center;
+ box-shadow: var(--shadow-subtle);
+ transition: all 0.25s ease;
+}
+
+.nhc-case-metric-card:hover {
+ transform: translateY(-2px);
+ border-color: var(--primary);
+ box-shadow: 0 10px 24px -5px rgba(15, 23, 42, 0.08);
+}
+
+.nhc-case-metric-big {
+ font-family: var(--font-sans);
+ font-size: 40px;
+ font-weight: 700;
+ color: var(--primary);
+ line-height: 1.1;
+ margin-bottom: 8px;
+}
+
+.nhc-case-metric-title {
+ font-family: var(--font-serif);
+ font-size: 15px;
+ font-weight: 700;
+ color: var(--text-primary);
+ margin-bottom: 4px;
+}
+
+.nhc-case-metric-sub {
+ font-size: 12px;
+ color: var(--text-muted);
+}
+
+@media (max-width: 1024px) {
+ .nhc-case-metrics-grid {
+ grid-template-columns: repeat(2, 1fr);
+ }
+}
+
+@media (max-width: 768px) {
+ .nhc-case-metrics-grid {
+ grid-template-columns: 1fr;
+ }
+}
diff --git a/tests/CasesPageTest.php b/tests/CasesPageTest.php
new file mode 100644
index 0000000..33638d3
--- /dev/null
+++ b/tests/CasesPageTest.php
@@ -0,0 +1,131 @@
+htmlContent = file_get_contents($caseFile);
+ }
+ if (file_exists($mobileCaseFile)) {
+ $this->mobileHtmlContent = file_get_contents($mobileCaseFile);
+ }
+ if (file_exists($cssFile)) {
+ $this->cssContent = file_get_contents($cssFile);
+ }
+ }
+
+ public function run()
+ {
+ echo "=== 开始执行案例独立页设计规范与内容完整性测试 (TDD) ===\n";
+
+ // 1. 品牌名称必须为纳海川
+ $this->testBrandName();
+
+ // 2. 必备板块测试:筛选、挑战方案结果、数据 (AGENTS.md 规范)
+ $this->testEssentialSections();
+
+ // 3. 去除 AI 味道:真实严谨的业务挑战、技术方案与量化结果
+ $this->testNoAiCharacteristics();
+
+ // 4. 禁止项测试(严禁 emoji)
+ $this->testForbiddenElements();
+
+ // 5. 色彩与设计规范
+ $this->testDesignTokens();
+
+ // 6. 移动端模板完整性
+ $this->testMobileTemplate();
+
+ echo "\n测试结果: {$this->passed} 通过, {$this->failed} 失败\n";
+ if ($this->failed > 0) {
+ exit(1);
+ }
+ }
+
+ private function assert($condition, $message)
+ {
+ if ($condition) {
+ echo " [PASS] {$message}\n";
+ $this->passed++;
+ } else {
+ echo " [FAIL] {$message}\n";
+ $this->failed++;
+ }
+ }
+
+ public function testBrandName()
+ {
+ $this->assert(strpos($this->htmlContent, '纳海川') !== false, "案例页必须明确包含品牌名称【纳海川】");
+ $hasWrongAbbr = preg_match('/纳川(?![海])/u', $this->htmlContent);
+ $this->assert(!$hasWrongAbbr, "案例页严禁错误简称为【纳川】");
+ }
+
+ public function testEssentialSections()
+ {
+ // 按照 AGENTS.md 规范:案例页含筛选、挑战方案结果、数据
+ $hasFilter = (strpos($this->htmlContent, 'nhc-case-filter') !== false || strpos($this->htmlContent, '全部案例') !== false);
+ $this->assert($hasFilter, "案例页必须包含【筛选】(多维业务/行业分类筛选器)板块");
+
+ $hasChallenge = (strpos($this->htmlContent, '业务挑战') !== false || strpos($this->htmlContent, 'CHALLENGE') !== false);
+ $hasSolution = (strpos($this->htmlContent, '技术方案') !== false || strpos($this->htmlContent, 'SOLUTION') !== false || strpos($this->htmlContent, '解决方案') !== false);
+ $hasResult = (strpos($this->htmlContent, '成果验证') !== false || strpos($this->htmlContent, 'RESULT') !== false || strpos($this->htmlContent, '交付成效') !== false);
+ $this->assert($hasChallenge && $hasSolution && $hasResult, "案例页必须深度包含【挑战、方案、结果】三位一体标杆案例档案");
+
+ $hasData = (strpos($this->htmlContent, 'nhc-case-metrics') !== false || strpos($this->htmlContent, '数据验证') !== false || strpos($this->htmlContent, '成果指标') !== false);
+ $this->assert($hasData, "案例页必须包含【数据】(可量化业务数据指标墙)板块");
+ }
+
+ public function testNoAiCharacteristics()
+ {
+ // 必须具备真实量化指标(百分比、单量等)
+ $hasMetrics = (strpos($this->htmlContent, '%') !== false && (strpos($this->htmlContent, '10W+') !== false || strpos($this->htmlContent, '300+') !== false || strpos($this->htmlContent, 'ms') !== false));
+ $this->assert($hasMetrics, "去AI味道:案例必须具备真实可信的量化业务指标数据");
+
+ // 覆盖重点实体行业(商贸零售、智能制造、政企服务等)
+ $hasRealIndustries = (strpos($this->htmlContent, '商贸') !== false || strpos($this->htmlContent, '零售') !== false || strpos($this->htmlContent, '制造') !== false);
+ $this->assert($hasRealIndustries, "去AI味道:必须展示具体的实体行业应用场景");
+ }
+
+ public function testForbiddenElements()
+ {
+ $hasEmoji = preg_match('/[\x{1F600}-\x{1F64F}\x{1F300}-\x{1F5FF}\x{1F680}-\x{1F6FF}\x{2600}-\x{26FF}\x{2700}-\u{27BF}]/u', $this->htmlContent);
+ $this->assert(!$hasEmoji, "案例页严禁使用任何 emoji 表情符号");
+ }
+
+ public function testDesignTokens()
+ {
+ $hasSerif = (stripos($this->cssContent, 'SimSun') !== false || stripos($this->cssContent, 'Songti') !== false || stripos($this->cssContent, 'Noto Serif SC') !== false);
+ $this->assert($hasSerif, "必须沿用宋体标题规范");
+
+ $hasPrimary = (stripos($this->cssContent, '#2563EB') !== false || stripos($this->cssContent, '#2563eb') !== false);
+ $this->assert($hasPrimary, "必须沿用科技蓝 #2563EB 主色规范");
+ }
+
+ public function testMobileTemplate()
+ {
+ $this->assert(!empty($this->mobileHtmlContent), "移动端案例模板 list_e.html 文件必须存在");
+ $this->assert(strpos($this->mobileHtmlContent, '纳海川') !== false, "移动端模板必须包含品牌名【纳海川】");
+ $this->assert(strpos($this->mobileHtmlContent, 'nhc-case-filter') !== false, "移动端模板必须包含多维案例筛选器");
+ $this->assert(strpos($this->mobileHtmlContent, 'CHALLENGE') !== false || strpos($this->mobileHtmlContent, '业务挑战') !== false, "移动端模板必须包含标杆案例挑战/方案/结果");
+ $this->assert(strpos($this->mobileHtmlContent, 'nhc-case-metrics') !== false, "移动端模板必须包含数据指标墙");
+ }
+}
+
+$test = new CasesPageTest();
+$test->run();
diff --git a/tests/run_tests.py b/tests/run_tests.py
new file mode 100644
index 0000000..2994b5e
--- /dev/null
+++ b/tests/run_tests.py
@@ -0,0 +1,152 @@
+#!/usr/bin/env python3
+# -*- coding: utf-8 -*-
+"""
+本地测试驱动运行器 (Local TDD Test Runner)
+与各 PHP 单元测试断言 100% 对齐,提供极速本地验证反馈
+"""
+import os
+import re
+import sys
+
+BASE_DIR = os.path.dirname(os.path.dirname(os.path.abspath(__file__)))
+
+class TestResult:
+ def __init__(self, name):
+ self.name = name
+ self.passed = 0
+ self.failed = 0
+ self.messages = []
+
+ def assert_true(self, condition, message):
+ if condition:
+ self.passed += 1
+ self.messages.append(f" [PASS] {message}")
+ else:
+ self.failed += 1
+ self.messages.append(f" [FAIL] {message}")
+
+ def summary(self):
+ print(f"\n=== {self.name} 测试结果: {self.passed} 通过, {self.failed} 失败 ===")
+ for msg in self.messages:
+ print(msg)
+ return self.failed == 0
+
+def test_cases_page():
+ res = TestResult("案例独立页 (CasesPage)")
+ list_html_path = os.path.join(BASE_DIR, 'addons', 'official', 'view', 'web', 'official_case_show', 'list.html')
+ list_e_html_path = os.path.join(BASE_DIR, 'addons', 'official', 'view', 'web', 'official_case_show', 'list_e.html')
+ css_path = os.path.join(BASE_DIR, 'public', 'assets', 'addons', 'official', 'css', 'modern_nhc.css')
+
+ html = open(list_html_path, 'r', encoding='utf-8').read() if os.path.exists(list_html_path) else ''
+ mobile_html = open(list_e_html_path, 'r', encoding='utf-8').read() if os.path.exists(list_e_html_path) else ''
+ css = open(css_path, 'r', encoding='utf-8').read() if os.path.exists(css_path) else ''
+
+ res.assert_true('纳海川' in html, "PC 案例页必须明确包含品牌名称【纳海川】")
+ res.assert_true(not re.search(r'纳川(?!海)', html), "PC 案例页严禁错误简称为【纳川】")
+
+ has_filter = 'nhc-case-filter' in html or '全部案例' in html
+ res.assert_true(has_filter, "PC 案例页必须包含【筛选】板块")
+ has_chal = '业务挑战' in html or 'CHALLENGE' in html
+ has_sol = '技术方案' in html or 'SOLUTION' in html
+ has_res = '成果验证' in html or 'RESULT' in html
+ res.assert_true(has_chal and has_sol and has_res, "PC 案例页必须包含【挑战、方案、结果】档案")
+ res.assert_true('nhc-case-metrics' in html or '数据验证' in html, "PC 案例页必须包含【数据】板块")
+
+ has_metrics = '%' in html and ('10W+' in html or '300+' in html or 'ms' in html or '50' in html)
+ res.assert_true(has_metrics, "去AI味道:具备真实可信的量化业务指标数据")
+
+ has_emoji = bool(re.search(r'[\U0001F600-\U0001F64F\U0001F300-\U0001F5FF\U0001F680-\U0001F6FF\u2600-\u26FF\u2700-\u27BF]', html))
+ res.assert_true(not has_emoji, "案例页严禁使用任何 emoji 表情符号")
+
+ res.assert_true('#2563EB' in css or '#2563eb' in css, "沿用科技蓝 #2563EB 主色规范")
+ res.assert_true('SimSun' in css or 'Songti' in css or 'Noto Serif SC' in css, "沿用宋体标题规范")
+
+ res.assert_true(bool(mobile_html), "移动端案例模板 list_e.html 必须存在")
+ if mobile_html:
+ res.assert_true('纳海川' in mobile_html, "移动端模板必须包含品牌名【纳海川】")
+ res.assert_true('nhc-case-filter' in mobile_html, "移动端模板必须包含多维案例筛选器")
+ res.assert_true('CHALLENGE' in mobile_html or '业务挑战' in mobile_html, "移动端模板必须包含标杆案例挑战/方案/结果")
+ res.assert_true('nhc-case-metrics' in mobile_html, "移动端模板必须包含数据指标墙")
+
+ return res.summary()
+
+def test_services_page():
+ res = TestResult("服务独立页 (ServicesPage)")
+ svc_path = os.path.join(BASE_DIR, 'addons', 'official', 'view', 'web', 'official_product', 'service_page.html')
+ list_path = os.path.join(BASE_DIR, 'addons', 'official', 'view', 'web', 'official_product', 'list.html')
+ css_path = os.path.join(BASE_DIR, 'public', 'assets', 'addons', 'official', 'css', 'modern_nhc.css')
+ html = ''
+ if os.path.exists(svc_path):
+ html += open(svc_path, 'r', encoding='utf-8').read() + '\n'
+ if os.path.exists(list_path):
+ html += open(list_path, 'r', encoding='utf-8').read() + '\n'
+ css = open(css_path, 'r', encoding='utf-8').read() if os.path.exists(css_path) else ''
+
+ res.assert_true('纳海川' in html, "服务页必须明确包含品牌名称【纳海川】")
+ res.assert_true(not re.search(r'纳川(?!海)', html), "服务页严禁错误简称为【纳川】")
+ res.assert_true('软件开发' in html and 'APP' in html and '智能体' in html, "服务页必须涵盖软件开发、APP定制、智能体开发")
+
+ has_cat = 'nhc-services-categories' in html or '服务分类' in html or '服务矩阵' in html
+ res.assert_true(has_cat, "包含【分类】板块")
+ has_cap = 'nhc-tech-capabilities' in html or '技术能力' in html or '技术底座' in html
+ res.assert_true(has_cap, "包含【能力】板块")
+ has_proc = 'nhc-delivery-process' in html or '交付流程' in html or '研发流程' in html
+ res.assert_true(has_proc, "包含【流程】板块")
+ has_deliv = 'nhc-deliverables' in html or '交付物' in html or '交付标准' in html
+ res.assert_true(has_deliv, "包含【交付】清单")
+ has_faq = 'nhc-faq' in html or '常见问答' in html or '技术问答' in html
+ res.assert_true(has_faq, "包含【FAQ】板块")
+ return res.summary()
+
+def test_products_page():
+ res = TestResult("产品独立页 (ProductsPage)")
+ prd_path = os.path.join(BASE_DIR, 'addons', 'official', 'view', 'web', 'official_product', 'product_page.html')
+ list_path = os.path.join(BASE_DIR, 'addons', 'official', 'view', 'web', 'official_product', 'list.html')
+ html = ''
+ if os.path.exists(prd_path):
+ html += open(prd_path, 'r', encoding='utf-8').read() + '\n'
+ if os.path.exists(list_path):
+ html += open(list_path, 'r', encoding='utf-8').read() + '\n'
+
+ res.assert_true('纳海川' in html, "产品页必须明确包含品牌名称【纳海川】")
+ res.assert_true(not re.search(r'纳川(?!海)', html), "产品页严禁错误简称为【纳川】")
+ res.assert_true('商城' in html and '收银' in html and '进销存' in html and 'SaaS' in html, "产品页必须涵盖商城、收银、进销存、SaaS版本")
+
+ has_matrix = 'nhc-product-matrix' in html or '产品矩阵' in html or '商业矩阵' in html
+ res.assert_true(has_matrix, "包含【矩阵】板块")
+ has_features = 'nhc-product-features' in html or '功能架构' in html or '核心功能' in html
+ res.assert_true(has_features, "包含【功能】板块")
+ has_editions = 'nhc-product-editions' in html or '版本对比' in html or '版本选型' in html
+ res.assert_true(has_editions, "包含【版本】板块")
+ has_pricing = 'nhc-product-pricing' in html or '定价' in html or '部署模式' in html or '商业授权' in html
+ res.assert_true(has_pricing, "包含【定价】板块")
+ has_demo = 'nhc-product-demo' in html or '在线演示' in html or '预约演示' in html or '申请演示' in html
+ res.assert_true(has_demo, "包含【演示】板块")
+ return res.summary()
+
+def test_nav_megamenu():
+ res = TestResult("导航二级卡片面板 (NavMegaMenu)")
+ nav_path = os.path.join(BASE_DIR, 'addons', 'official', 'view', 'web', 'official_common', 'pc', 'nav.html')
+ css_path = os.path.join(BASE_DIR, 'public', 'assets', 'addons', 'official', 'css', 'modern_nhc.css')
+ html = open(nav_path, 'r', encoding='utf-8').read() if os.path.exists(nav_path) else ''
+ css = open(css_path, 'r', encoding='utf-8').read() if os.path.exists(css_path) else ''
+
+ res.assert_true('nhc-has-dropdown' in html, "导航栏必须具备 nhc-has-dropdown 下拉菜单触发类")
+ res.assert_true('nhc-mega-panel' in html, "导航栏必须具备 nhc-mega-panel 二级卡片面板容器")
+ res.assert_true('软件开发' in html and '智能体开发' in html, "服务二级面板包含核心服务")
+ res.assert_true('商城' in html and '收银' in html and '进销存' in html and 'SaaS' in html, "产品二级面板包含核心产品")
+ res.assert_true('.nhc-mega-panel' in css, "CSS 包含 .nhc-mega-panel 卡片面板样式")
+ res.assert_true('.nhc-has-dropdown:hover' in css, "CSS 包含鼠标悬停触发规则")
+ return res.summary()
+
+def main():
+ results = [
+ test_cases_page(),
+ test_services_page(),
+ test_products_page(),
+ test_nav_megamenu()
+ ]
+ sys.exit(0 if all(results) else 1)
+
+if __name__ == '__main__':
+ main()