wikiboss/nahaichuan
1
0
派生 0
代码 工单 合并请求 Actions 软件包 项目 版本发布 百科 动态

feat(cases): 实现大公司品牌级标杆案例独立页（多维筛选、挑战方案结果与成果数据指标墙）

浏览代码
这个提交包含在：
wikiboss
2026-10-08 17:19:08 +08:00
父节点 c6dbda61da
当前提交 0a9f8adae6
共有 5 个文件被更改，包括 948 次插入 和 135 次删除
下载 Patch 文件 下载 Diff 文件 展开所有文件 折叠所有文件

364
addons/official/view/web/official_case_show/list.html
查看文件

@@ -1,70 +1,296 @@
{extend name="web/official_common/pc/base" /}
{block name="content"}
<!--主体内容 开始-->
<div class="picture">
<!--右侧区域 开始-->
<div id="right">
<div class="right_title">
<!--当前位置 开始-->
<div id="location">
<b>{:__l('index','Current position')}：</b>
<a href="/" target="_self">{:__l('index','Website homepage')}</a> &nbsp;&gt;&gt;&nbsp;
<a href="javascript:;">{:ze($res,'name')}</a> &nbsp;&gt;&gt;&nbsp;
{if !empty($son_data)}
<a href="javascript:;">{:ze($son_data,'name')}</a>
{/if}
</div>
<!--当前位置 结束-->
<h2>
<img src="__ADDON__/images/titleleftbg.png" align="absmiddle">{:ze($res,'name')}
<img src="__ADDON__/images/titlerightbg.png" align="absmiddle">
</h2>
</div>
<div id="subchannel_main">
<div id="subchannel">
<ul class="subchannellist">
{foreach $res['son'] as $item}
<li class="depth1" {if $item['is_choose']} id="current" {/if}>
<a href="{:get_cate_url($item)}">{:ze($item,'name')}</a>
</li>
{/foreach}
</ul>
</div>
</div>
<div class="right_body ">
<ul class="gridlist">
<!--循环开始-->
{foreach $data as $index => $item}
<li>
<a href="{:addon_url('official/web.official_case_show/details',[':pid'=>(int)input('param.pid'),':sid'=>(int)input('param.sid'),':id'=>$item['id']])}" target="_blank">
<div class="InfoPicture">
<img src="{$item['image']}" title="{$item['title']}" alt="{$item['title']}">
</div>
<div class="InfoTitle">
{$item['title']}
</div>
<p></p>
</a>
</li>
{/foreach}
<!--循环结束-->
</ul>
<div class="page_custom">
<div class="page_son">
{$data->render(['pid'=>(int)input('param.pid'),'sid'=>(int)input('param.sid')])}
</div>
</div>
</div>
<div class="right_bottom"></div>
</div>
<!--右侧区域 结束-->
<div class="clear"></div>
</div>
<!--主体内容 结束-->
{extend name="web/official_common/pc/base" /}
{block name="content"}
<!-- 纳海川官方网站 · 客户案例独立页 (Cases Page) 开始 -->
<!-- 1. 案例页 Hero 视窗 -->
<section class="nhc-page-hero nhc-lattice-pattern">
<div class="nhc-container">
<div class="nhc-breadcrumb">
<a href="{:addon_url('official/web.official_home/index')}">首页</a>
<span>/</span>
<span>标杆案例</span>
</div>
<div style="margin-bottom: 16px;">
<span class="nhc-seal">精选实践</span>
</div>
<h1 class="nhc-page-title">精选实践成果 · 严谨数据验证</h1>
<p class="nhc-page-desc">
纳海川坚持以经得起考验的工程规范，为政企单位、智能制造、连锁商业零售及现代供应链企业打造自主可控的数字化落地样本。
</p>
</div>
</section>
<!-- 2. 案例筛选与深度案例档案板块 -->
<section class="nhc-cases nhc-cases-section" style="padding: 70px 0 90px;">
<div class="nhc-container">
<!-- 多维业务与行业分类筛选器 (Filter) -->
<div class="nhc-case-filter-wrap nhc-case-filter" id="nhcCaseFilter">
<button class="nhc-case-filter-btn active" data-category="all">全部案例</button>
<button class="nhc-case-filter-btn" data-category="middle">中台与软件开发</button>
<button class="nhc-case-filter-btn" data-category="mobile">移动端与小程序定制</button>
<button class="nhc-case-filter-btn" data-category="agent">企业级 AI 智能体</button>
<button class="nhc-case-filter-btn" data-category="product">商城与商业产品</button>
</div>
<!-- 深度标杆案例卡片网格 (2×2 布局) -->
<div class="nhc-cases-grid" id="nhcCasesContainer">
<!-- 案例 1：大型商贸流通集团 -->
<div class="nhc-case-card nhc-corner-card" data-category="middle product">
<div class="nhc-case-header">
<span class="nhc-case-tag">商贸批发 · 数字中台</span>
<span class="nhc-case-status">成果验证</span>
</div>
<h3 class="nhc-case-title">大型快消供应链集团「全渠道分销商城与订货中台」</h3>
<div class="nhc-case-dossier">
<div class="nhc-case-dossier-row">
<span class="nhc-dossier-label">业务挑战 CHALLENGE</span>
<p class="nhc-dossier-text">
跨区域经销商传统订货繁杂，人工拆单对账耗时长达 24 小时以上，高峰期锁库超时常导致断货漏单。
</p>
</div>
<div class="nhc-case-dossier-row">
<span class="nhc-dossier-label">技术方案 SOLUTION</span>
<p class="nhc-dossier-text">
重构分布式微服务订货中台，接入灵活等级阶梯价、信用授信账期管控及全自动分单对账引擎。
</p>
</div>
</div>
<div class="nhc-case-metrics">
<div class="nhc-case-metric-item">
<div class="nhc-case-metric-val">65<sub>%</sub></div>
<div class="nhc-case-metric-name">订单处理时效提升</div>
</div>
<div class="nhc-case-metric-item">
<div class="nhc-case-metric-val">0.02<sub>%</sub></div>
<div class="nhc-case-metric-name">人工差错率降至</div>
</div>
<div class="nhc-case-metric-item">
<div class="nhc-case-metric-val">10W<sub>+</sub></div>
<div class="nhc-case-metric-name">日峰值订单处理</div>
</div>
</div>
</div>
<!-- 案例 2：知名连锁新零售 -->
<div class="nhc-case-card nhc-corner-card" data-category="mobile product">
<div class="nhc-case-header">
<span class="nhc-case-tag">连锁零售 · 软硬一体</span>
<span class="nhc-case-status">成果验证</span>
</div>
<h3 class="nhc-case-title">知名区域连锁餐饮「全场景智能收银与门店一体化」</h3>
<div class="nhc-case-dossier">
<div class="nhc-case-dossier-row">
<span class="nhc-dossier-label">业务挑战 CHALLENGE</span>
<p class="nhc-dossier-text">
就餐高峰期前台排队拥堵严重，断网断电导致收银死机与掉单丢单，前后端数据脱节导致物料报表失真。
</p>
</div>
<div class="nhc-case-dossier-row">
<span class="nhc-dossier-label">技术方案 SOLUTION</span>
<p class="nhc-dossier-text">
部署软硬一体化收银系统与后厨 KDS 联动看板，打通微信扫码点餐、离线聚合支付与实时扣料核销。
</p>
</div>
</div>
<div class="nhc-case-metrics">
<div class="nhc-case-metric-item">
<div class="nhc-case-metric-val">70<sub>%</sub></div>
<div class="nhc-case-metric-name">排队结账耗时缩短</div>
</div>
<div class="nhc-case-metric-item">
<div class="nhc-case-metric-val">28<sub>%</sub></div>
<div class="nhc-case-metric-name">物料损耗有效降低</div>
</div>
<div class="nhc-case-metric-item">
<div class="nhc-case-metric-val">300<sub>+</sub></div>
<div class="nhc-case-metric-name">全国门店稳定部署</div>
</div>
</div>
</div>
<!-- 案例 3：高端装备制造企业 -->
<div class="nhc-case-card nhc-corner-card" data-category="middle">
<div class="nhc-case-header">
<span class="nhc-case-tag">智能制造 · 进销存 ERP</span>
<span class="nhc-case-status">成果验证</span>
</div>
<h3 class="nhc-case-title">高端装备制造企业「生产进销存与供应链敏捷协同」</h3>
<div class="nhc-case-dossier">
<div class="nhc-case-dossier-row">
<span class="nhc-dossier-label">业务挑战 CHALLENGE</span>
<p class="nhc-dossier-text">
零配件品类繁杂多达数万种，采购节拍与装配生产脱节，呆滞物料占用大量资金且难以追溯批次质量。
</p>
</div>
<div class="nhc-case-dossier-row">
<span class="nhc-dossier-label">技术方案 SOLUTION</span>
<p class="nhc-dossier-text">
定制落地进销存管理系统，建立动态物料 BOM 匹配、安全库存预警与供应商端协同门户。
</p>
</div>
</div>
<div class="nhc-case-metrics">
<div class="nhc-case-metric-item">
<div class="nhc-case-metric-val">42<sub>%</sub></div>
<div class="nhc-case-metric-name">综合库存周转率提升</div>
</div>
<div class="nhc-case-metric-item">
<div class="nhc-case-metric-val">55<sub>%</sub></div>
<div class="nhc-case-metric-name">呆滞物料压降</div>
</div>
<div class="nhc-case-metric-item">
<div class="nhc-case-metric-val">35<sub>%</sub></div>
<div class="nhc-case-metric-name">采购物料周期缩短</div>
</div>
</div>
</div>
<!-- 案例 4：知识密集型政企机构 -->
<div class="nhc-case-card nhc-corner-card" data-category="agent">
<div class="nhc-case-header">
<span class="nhc-case-tag">政企服务 · AI 智能体</span>
<span class="nhc-case-status">成果验证</span>
</div>
<h3 class="nhc-case-title">知识密集型政务机构「专属 RAG 业务审核智能体」</h3>
<div class="nhc-case-dossier">
<div class="nhc-case-dossier-row">
<span class="nhc-dossier-label">业务挑战 CHALLENGE</span>
<p class="nhc-dossier-text">
政策法规与历史案例规章跨数十库，人工跨部门查重检索耗时耗力，初审标准难统一且存在合规漏洞。
</p>
</div>
<div class="nhc-case-dossier-row">
<span class="nhc-dossier-label">技术方案 SOLUTION</span>
<p class="nhc-dossier-text">
构建基于私有大模型与向量数据库的 RAG 智能体，自动检索法规依据并输出规范化核查报告。
</p>
</div>
</div>
<div class="nhc-case-metrics">
<div class="nhc-case-metric-item">
<div class="nhc-case-metric-val">&lt;1.5<sub>s</sub></div>
<div class="nhc-case-metric-name">规章问答检索响应</div>
</div>
<div class="nhc-case-metric-item">
<div class="nhc-case-metric-val">85<sub>%</sub></div>
<div class="nhc-case-metric-name">初审人工消耗降低</div>
</div>
<div class="nhc-case-metric-item">
<div class="nhc-case-metric-val">94.6<sub>%</sub></div>
<div class="nhc-case-metric-name">业务合规准确率</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- 3. 【数据】成果数据指标墙 (Data Wall) -->
<section class="nhc-case-metrics-section nhc-case-metrics">
<div class="nhc-container">
<div class="nhc-section-header">
<div class="nhc-section-tag">
<span class="nhc-seal">数据实证</span>
<span class="nhc-tag-text">PROVEN TRACK RECORD</span>
</div>
<h2 class="nhc-section-title">数字见证力量 · 严谨量化每一步成效</h2>
<p class="nhc-section-desc">
我们以客观的业务数据指标为交付尺度，为客户创造看得见的确定性商业价值。
</p>
<div class="nhc-line-divider"><span></span></div>
</div>
<div class="nhc-case-metrics-grid">
<div class="nhc-case-metric-card">
<div class="nhc-case-metric-big">50<sub>亿+</sub></div>
<div class="nhc-case-metric-title">系统累计支撑交易额</div>
<div class="nhc-case-metric-sub">多商户与供应链结算总和</div>
</div>
<div class="nhc-case-metric-card">
<div class="nhc-case-metric-big">200<sub>+</sub></div>
<div class="nhc-case-metric-title">标杆政企与行业组织</div>
<div class="nhc-case-metric-sub">商贸/制造/新零售深度合作</div>
</div>
<div class="nhc-case-metric-card">
<div class="nhc-case-metric-big">50<sub>+</sub></div>
<div class="nhc-case-metric-title">自主软件著作权资产</div>
<div class="nhc-case-metric-sub">核心工业级软件工程沉淀</div>
</div>
<div class="nhc-case-metric-card">
<div class="nhc-case-metric-big">99.8<sub>%</sub></div>
<div class="nhc-case-metric-title">项目按期高质量交付率</div>
<div class="nhc-case-metric-sub">严苛敏捷 TDD 全流程审计</div>
</div>
</div>
</div>
</section>
<!-- 4. 合作企业展位 -->
<div class="nhc-container" style="padding: 70px 0 40px; text-align: center;">
<span style="font-size: 13px; letter-spacing: 2px; color: var(--text-muted); text-transform: uppercase;">服务涵盖政企金融、先进制造、新零售及现代物流领域的领先组织</span>
<div class="nhc-clients-grid" style="margin-top: 24px;">
<div class="nhc-client-item">贵阳商贸供应链</div>
<div class="nhc-client-item">西南智能制造</div>
<div class="nhc-client-item">黔信互联科技</div>
<div class="nhc-client-item">连锁零售商超</div>
<div class="nhc-client-item">智慧农特产业</div>
<div class="nhc-client-item">现代医药物流</div>
</div>
</div>
<!-- 5. 底部行动号召 (CTA Section) -->
<section class="nhc-cta">
<div class="nhc-container">
<div class="nhc-cta-inner">
<div class="nhc-cta-content">
<span class="nhc-seal" style="background: rgba(255, 255, 255, 0.15); border-color: rgba(255, 255, 255, 0.4); color: #FFFFFF; margin-bottom: 12px;">量身定制</span>
<h2 class="nhc-cta-title">让您的企业也拥有经得起考验的数字化标杆系统</h2>
<p class="nhc-cta-desc">
纳海川解决方案架构师团队随时待命，为您提供深度业务剖析与可落地的架构方案，24 小时内快速响应对接。
</p>
</div>
<div class="nhc-cta-buttons">
<a href="{:addon_url('official/web.official_online_message/list',[':pid'=>18,':sid'=>18])}" class="nhc-btn nhc-cta-btn-light nhc-btn-lg">
<span>预约架构师方案研讨</span>
<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M5 12h14M12 5l7 7-7 7"/></svg>
</a>
<a href="tel:{:__config('site_mobile','value')}" class="nhc-btn nhc-cta-btn-ghost nhc-btn-lg">
<span>致电案例咨询</span>
</a>
</div>
</div>
</div>
</section>
<!-- 客户端分类筛选交互脚本 -->
<script>
document.addEventListener('DOMContentLoaded', function() {
var filterBtns = document.querySelectorAll('.nhc-case-filter-btn');
var caseCards = document.querySelectorAll('#nhcCasesContainer .nhc-case-card');
filterBtns.forEach(function(btn) {
btn.addEventListener('click', function() {
var category = this.getAttribute('data-category');
filterBtns.forEach(function(b) { b.classList.remove('active'); });
this.classList.add('active');
caseCards.forEach(function(card) {
var cardCats = card.getAttribute('data-category') || '';
if (category === 'all' || cardCats.indexOf(category) !== -1) {
card.style.display = 'block';
card.style.opacity = '1';
} else {
card.style.display = 'none';
}
});
});
});
});
</script>
<!-- 纳海川官方网站 · 客户案例独立页 (Cases Page) 结束 -->
{/block}

332
addons/official/view/web/official_case_show/list_e.html
查看文件

@@ -1,67 +1,267 @@
{extend name="web/official_common/mobile/base" /}
{block name="css"}
<link rel="stylesheet" href="__ADDON__/m/css/anli.css">
{/block}}
{block name="content"}
<!--主体内容 开始-->
<div class="picture">
<!--右侧区域 开始-->
<div id="right">
<div class="right_title">
<h2 class="right_title_2">
<img src="__ADDON__/images/titleleftbg.png" align="absmiddle">{:ze($res,'name')}
<img src="__ADDON__/images/titlerightbg.png" align="absmiddle">
</h2>
</div>
<div id="subchannel_main">
<div id="subchannel">
{if isset($res['son']) && count($res['son'])}
<ul class="subchannellist">
{foreach $res['son'] as $item}
<li class="depth1" {if $item['is_choose']} id="current" {/if}>
<a href="{:get_cate_url($item)}" class="current_a">{:ze($item,'name')}</a>
</li>
{/foreach}
</ul>
{/if}
</div>
</div>
<div class="right_body ">
<ul class="gridlist">
<!--循环开始-->
{foreach $data as $index => $item}
<li class="gridlist_li">
<a href="{:addon_url('official/web.official_case_show/details',[':pid'=>(int)input('param.pid'),':sid'=>(int)input('param.sid'),':id'=>$item['id']])}">
<div class="InfoPicture">
<img src="{$item['image']}" title="{$item['title']}" alt="{$item['title']}">
</div>
<div class="InfoTitle">
{$item['title']}
</div>
<p></p>
</a>
</li>
{/foreach}
<!--循环结束-->
</ul>
<div class="page_custom">
<div class="page_son">
{$data->render(['pid'=>(int)input('param.pid'),'sid'=>(int)input('param.sid')])}
</div>
</div>
</div>
<div class="right_bottom"></div>
</div>
<!--右侧区域 结束-->
<div class="clear"></div>
</div>
<!--主体内容 结束-->
{extend name="web/official_common/mobile/base" /}
{block name="content"}
<!-- 纳海川官方网站 · 移动端标杆案例独立页 (Cases Page Mobile) 开始 -->
<div class="nhc-mobile-cases-page" style="background: #F8FAFC; min-height: 100vh; padding-bottom: 60px;">
<!-- 1. 移动端 Hero 视窗 -->
<div style="background: #FFFFFF; padding: 28px 16px 22px; border-bottom: 1px solid #E2E8F0; text-align: center;">
<div style="margin-bottom: 10px;">
<span class="nhc-seal" style="padding: 2px 10px; font-size: 11px;">精选实践</span>
</div>
<h1 style="font-family: 'Noto Serif SC', 'SimSun', serif; font-size: 20px; font-weight: 700; color: #0F172A; margin: 0 0 8px 0; line-height: 1.4;">
标杆实践成果 · 严谨数据验证
</h1>
<p style="font-size: 13px; color: #64748B; margin: 0; line-height: 1.6;">
纳海川坚持严苛工程标准，为政企单位、智能制造与连锁商业打造确定性数字化样本。
</p>
</div>
<!-- 2. 横向滑动筛选器 (Filter) -->
<div style="background: #FFFFFF; border-bottom: 1px solid #E2E8F0; padding: 12px 16px; overflow-x: auto; white-space: nowrap; -webkit-overflow-scrolling: touch;" class="nhc-case-filter" id="nhcMobileCaseFilter">
<button class="nhc-case-filter-btn active" data-category="all" style="padding: 6px 14px; font-size: 13px; border-radius: 4px; border: 1px solid #2563EB; background: #2563EB; color: #FFFFFF; margin-right: 8px;">全部案例</button>
<button class="nhc-case-filter-btn" data-category="middle" style="padding: 6px 14px; font-size: 13px; border-radius: 4px; border: 1px solid #E2E8F0; background: #F8FAFC; color: #475569; margin-right: 8px;">软件开发与中台</button>
<button class="nhc-case-filter-btn" data-category="mobile" style="padding: 6px 14px; font-size: 13px; border-radius: 4px; border: 1px solid #E2E8F0; background: #F8FAFC; color: #475569; margin-right: 8px;">APP与小程序</button>
<button class="nhc-case-filter-btn" data-category="agent" style="padding: 6px 14px; font-size: 13px; border-radius: 4px; border: 1px solid #E2E8F0; background: #F8FAFC; color: #475569; margin-right: 8px;">企业级 AI 智能体</button>
<button class="nhc-case-filter-btn" data-category="product" style="padding: 6px 14px; font-size: 13px; border-radius: 4px; border: 1px solid #E2E8F0; background: #F8FAFC; color: #475569;">商城与商业产品</button>
</div>
<!-- 3. 案例卡片列表容器 -->
<div style="padding: 16px;" id="nhcMobileCasesContainer">
<!-- 案例 1 -->
<div class="nhc-mobile-case-card nhc-case-card" data-category="middle product" style="background: #FFFFFF; border-radius: 6px; border: 1px solid #E2E8F0; padding: 18px; margin-bottom: 16px;">
<div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px;">
<span style="font-size: 12px; color: #2563EB; font-weight: 600;">商贸批发 · 数字中台</span>
<span class="nhc-seal" style="padding: 1px 6px; font-size: 10px;">成果验证</span>
</div>
<h3 style="font-family: 'Noto Serif SC', 'SimSun', serif; font-size: 16px; font-weight: 700; color: #0F172A; margin: 0 0 12px 0; line-height: 1.4;">
大型快消供应链集团「全渠道分销商城与订货中台」
</h3>
<div style="background: #F8FAFC; border-radius: 4px; padding: 12px; margin-bottom: 14px; border-left: 3px solid #2563EB;">
<div style="margin-bottom: 8px;">
<div style="font-size: 11px; font-weight: 700; color: #64748B; letter-spacing: 1px;">业务挑战 CHALLENGE</div>
<p style="font-size: 12px; color: #334155; margin: 2px 0 0; line-height: 1.5;">
跨区域经销商传统订货繁杂，人工拆单对账耗时长达 24 小时以上，高峰期锁库超时常导致断货漏单。
</p>
</div>
<div>
<div style="font-size: 11px; font-weight: 700; color: #64748B; letter-spacing: 1px;">技术方案 SOLUTION</div>
<p style="font-size: 12px; color: #334155; margin: 2px 0 0; line-height: 1.5;">
重构分布式微服务订货中台，接入灵活等级阶梯价、信用授信账期管控及全自动分单对账引擎。
</p>
</div>
</div>
<div style="display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; text-align: center; border-top: 1px solid #F1F5F9; padding-top: 10px;">
<div>
<div style="font-size: 18px; font-weight: 700; color: #2563EB; font-family: 'Noto Serif SC', serif;">65%</div>
<div style="font-size: 11px; color: #64748B;">时效提升</div>
</div>
<div>
<div style="font-size: 18px; font-weight: 700; color: #0F172A; font-family: 'Noto Serif SC', serif;">0.02%</div>
<div style="font-size: 11px; color: #64748B;">差错率降至</div>
</div>
<div>
<div style="font-size: 18px; font-weight: 700; color: #0F172A; font-family: 'Noto Serif SC', serif;">10W+</div>
<div style="font-size: 11px; color: #64748B;">日峰值单量</div>
</div>
</div>
</div>
<!-- 案例 2 -->
<div class="nhc-mobile-case-card nhc-case-card" data-category="mobile product" style="background: #FFFFFF; border-radius: 6px; border: 1px solid #E2E8F0; padding: 18px; margin-bottom: 16px;">
<div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px;">
<span style="font-size: 12px; color: #2563EB; font-weight: 600;">连锁零售 · 软硬一体</span>
<span class="nhc-seal" style="padding: 1px 6px; font-size: 10px;">成果验证</span>
</div>
<h3 style="font-family: 'Noto Serif SC', 'SimSun', serif; font-size: 16px; font-weight: 700; color: #0F172A; margin: 0 0 12px 0; line-height: 1.4;">
知名区域连锁餐饮「全场景智能收银与门店一体化」
</h3>
<div style="background: #F8FAFC; border-radius: 4px; padding: 12px; margin-bottom: 14px; border-left: 3px solid #06B6D4;">
<div style="margin-bottom: 8px;">
<div style="font-size: 11px; font-weight: 700; color: #64748B; letter-spacing: 1px;">业务挑战 CHALLENGE</div>
<p style="font-size: 12px; color: #334155; margin: 2px 0 0; line-height: 1.5;">
就餐高峰期前台排队拥堵严重，断网断电导致收银死机与掉单丢单，前后端数据脱节导致物料报表失真。
</p>
</div>
<div>
<div style="font-size: 11px; font-weight: 700; color: #64748B; letter-spacing: 1px;">技术方案 SOLUTION</div>
<p style="font-size: 12px; color: #334155; margin: 2px 0 0; line-height: 1.5;">
部署软硬一体化收银系统与后厨 KDS 联动看板，打通微信扫码点餐、离线聚合支付与实时扣料核销。
</p>
</div>
</div>
<div style="display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; text-align: center; border-top: 1px solid #F1F5F9; padding-top: 10px;">
<div>
<div style="font-size: 18px; font-weight: 700; color: #2563EB; font-family: 'Noto Serif SC', serif;">70%</div>
<div style="font-size: 11px; color: #64748B;">结账耗时缩短</div>
</div>
<div>
<div style="font-size: 18px; font-weight: 700; color: #0F172A; font-family: 'Noto Serif SC', serif;">28%</div>
<div style="font-size: 11px; color: #64748B;">损耗降低</div>
</div>
<div>
<div style="font-size: 18px; font-weight: 700; color: #0F172A; font-family: 'Noto Serif SC', serif;">300+</div>
<div style="font-size: 11px; color: #64748B;">稳定部署门店</div>
</div>
</div>
</div>
<!-- 案例 3 -->
<div class="nhc-mobile-case-card nhc-case-card" data-category="middle" style="background: #FFFFFF; border-radius: 6px; border: 1px solid #E2E8F0; padding: 18px; margin-bottom: 16px;">
<div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px;">
<span style="font-size: 12px; color: #2563EB; font-weight: 600;">智能制造 · 进销存 ERP</span>
<span class="nhc-seal" style="padding: 1px 6px; font-size: 10px;">成果验证</span>
</div>
<h3 style="font-family: 'Noto Serif SC', 'SimSun', serif; font-size: 16px; font-weight: 700; color: #0F172A; margin: 0 0 12px 0; line-height: 1.4;">
高端装备制造企业「生产进销存与供应链敏捷协同」
</h3>
<div style="background: #F8FAFC; border-radius: 4px; padding: 12px; margin-bottom: 14px; border-left: 3px solid #7C3AED;">
<div style="margin-bottom: 8px;">
<div style="font-size: 11px; font-weight: 700; color: #64748B; letter-spacing: 1px;">业务挑战 CHALLENGE</div>
<p style="font-size: 12px; color: #334155; margin: 2px 0 0; line-height: 1.5;">
零配件品类繁杂多达数万种，采购节拍与装配生产脱节，呆滞物料占用大量资金且难以追溯批次质量。
</p>
</div>
<div>
<div style="font-size: 11px; font-weight: 700; color: #64748B; letter-spacing: 1px;">技术方案 SOLUTION</div>
<p style="font-size: 12px; color: #334155; margin: 2px 0 0; line-height: 1.5;">
定制落地进销存管理系统，建立动态物料 BOM 匹配、安全库存预警与供应商端协同门户。
</p>
</div>
</div>
<div style="display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; text-align: center; border-top: 1px solid #F1F5F9; padding-top: 10px;">
<div>
<div style="font-size: 18px; font-weight: 700; color: #2563EB; font-family: 'Noto Serif SC', serif;">42%</div>
<div style="font-size: 11px; color: #64748B;">周转率提升</div>
</div>
<div>
<div style="font-size: 18px; font-weight: 700; color: #0F172A; font-family: 'Noto Serif SC', serif;">55%</div>
<div style="font-size: 11px; color: #64748B;">呆滞物料压降</div>
</div>
<div>
<div style="font-size: 18px; font-weight: 700; color: #0F172A; font-family: 'Noto Serif SC', serif;">35%</div>
<div style="font-size: 11px; color: #64748B;">采购周期缩短</div>
</div>
</div>
</div>
<!-- 案例 4 -->
<div class="nhc-mobile-case-card nhc-case-card" data-category="agent" style="background: #FFFFFF; border-radius: 6px; border: 1px solid #E2E8F0; padding: 18px; margin-bottom: 16px;">
<div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px;">
<span style="font-size: 12px; color: #2563EB; font-weight: 600;">政企服务 · AI 智能体</span>
<span class="nhc-seal" style="padding: 1px 6px; font-size: 10px;">成果验证</span>
</div>
<h3 style="font-family: 'Noto Serif SC', 'SimSun', serif; font-size: 16px; font-weight: 700; color: #0F172A; margin: 0 0 12px 0; line-height: 1.4;">
知识密集型政务机构「专属 RAG 业务审核智能体」
</h3>
<div style="background: #F8FAFC; border-radius: 4px; padding: 12px; margin-bottom: 14px; border-left: 3px solid #2563EB;">
<div style="margin-bottom: 8px;">
<div style="font-size: 11px; font-weight: 700; color: #64748B; letter-spacing: 1px;">业务挑战 CHALLENGE</div>
<p style="font-size: 12px; color: #334155; margin: 2px 0 0; line-height: 1.5;">
政策法规与历史案例规章跨数十库，人工跨部门查重检索耗时耗力，初审标准难统一且存在合规漏洞。
</p>
</div>
<div>
<div style="font-size: 11px; font-weight: 700; color: #64748B; letter-spacing: 1px;">技术方案 SOLUTION</div>
<p style="font-size: 12px; color: #334155; margin: 2px 0 0; line-height: 1.5;">
构建基于私有大模型与向量数据库的 RAG 智能体，自动检索法规依据并输出规范化核查报告。
</p>
</div>
</div>
<div style="display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; text-align: center; border-top: 1px solid #F1F5F9; padding-top: 10px;">
<div>
<div style="font-size: 18px; font-weight: 700; color: #2563EB; font-family: 'Noto Serif SC', serif;">&lt;1.5s</div>
<div style="font-size: 11px; color: #64748B;">规章响应</div>
</div>
<div>
<div style="font-size: 18px; font-weight: 700; color: #0F172A; font-family: 'Noto Serif SC', serif;">85%</div>
<div style="font-size: 11px; color: #64748B;">人工消耗降低</div>
</div>
<div>
<div style="font-size: 18px; font-weight: 700; color: #0F172A; font-family: 'Noto Serif SC', serif;">94.6%</div>
<div style="font-size: 11px; color: #64748B;">合规准确率</div>
</div>
</div>
</div>
</div>
<!-- 4. 【数据】成果数据指标墙 (Data Wall) -->
<div class="nhc-case-metrics" style="background: #FFFFFF; border-top: 1px solid #E2E8F0; border-bottom: 1px solid #E2E8F0; padding: 24px 16px; margin-top: 10px;">
<div style="text-align: center; margin-bottom: 16px;">
<span class="nhc-seal" style="padding: 2px 8px; font-size: 11px;">数据实证</span>
<h2 style="font-family: 'Noto Serif SC', 'SimSun', serif; font-size: 18px; font-weight: 700; color: #0F172A; margin: 8px 0 4px 0;">
数字见证力量 · 严谨量化成效
</h2>
<p style="font-size: 12px; color: #64748B; margin: 0;">
以客观业务数据指标为交付尺度，创造确定性价值。
</p>
</div>
<div style="display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px;">
<div style="background: #F8FAFC; border: 1px solid #E2E8F0; border-radius: 4px; padding: 14px; text-align: center;">
<div style="font-family: 'Noto Serif SC', serif; font-size: 24px; font-weight: 700; color: #2563EB;">50<sub style="font-size: 13px;">亿+</sub></div>
<div style="font-size: 12px; font-weight: 600; color: #0F172A; margin-top: 4px;">支撑交易总额</div>
</div>
<div style="background: #F8FAFC; border: 1px solid #E2E8F0; border-radius: 4px; padding: 14px; text-align: center;">
<div style="font-family: 'Noto Serif SC', serif; font-size: 24px; font-weight: 700; color: #2563EB;">200<sub style="font-size: 13px;">+</sub></div>
<div style="font-size: 12px; font-weight: 600; color: #0F172A; margin-top: 4px;">标杆合作组织</div>
</div>
<div style="background: #F8FAFC; border: 1px solid #E2E8F0; border-radius: 4px; padding: 14px; text-align: center;">
<div style="font-family: 'Noto Serif SC', serif; font-size: 24px; font-weight: 700; color: #2563EB;">50<sub style="font-size: 13px;">+</sub></div>
<div style="font-size: 12px; font-weight: 600; color: #0F172A; margin-top: 4px;">自主软件著作权</div>
</div>
<div style="background: #F8FAFC; border: 1px solid #E2E8F0; border-radius: 4px; padding: 14px; text-align: center;">
<div style="font-family: 'Noto Serif SC', serif; font-size: 24px; font-weight: 700; color: #2563EB;">99.8<sub style="font-size: 13px;">%</sub></div>
<div style="font-size: 12px; font-weight: 600; color: #0F172A; margin-top: 4px;">按期交付率</div>
</div>
</div>
</div>
<!-- 5. 底部行动号召 CTA -->
<div style="padding: 24px 16px; text-align: center;">
<h3 style="font-family: 'Noto Serif SC', serif; font-size: 16px; font-weight: 700; color: #0F172A; margin: 0 0 8px 0;">
预约架构师 1 对 1 方案研讨
</h3>
<p style="font-size: 12px; color: #64748B; margin: 0 0 16px 0;">
纳海川资深团队 24 小时内响应，输出定制落地方案
</p>
<a href="{:addon_url('official/web.official_online_message/list',[':pid'=>18,':sid'=>18])}" style="display: block; width: 100%; background: #2563EB; color: #FFFFFF; font-size: 14px; font-weight: 600; padding: 12px 0; border-radius: 4px; text-decoration: none;">
立即预约业务诊断
</a>
</div>
</div>
<!-- 移动端筛选 JS 脚本 -->
<script>
document.addEventListener('DOMContentLoaded', function() {
var btns = document.querySelectorAll('#nhcMobileCaseFilter .nhc-case-filter-btn');
var cards = document.querySelectorAll('#nhcMobileCasesContainer .nhc-mobile-case-card');
btns.forEach(function(btn) {
btn.addEventListener('click', function() {
var category = this.getAttribute('data-category');
btns.forEach(function(b) {
b.style.background = '#F8FAFC';
b.style.color = '#475569';
b.style.borderColor = '#E2E8F0';
});
this.style.background = '#2563EB';
this.style.color = '#FFFFFF';
this.style.borderColor = '#2563EB';
cards.forEach(function(card) {
var cCats = card.getAttribute('data-category') || '';
if (category === 'all' || cCats.indexOf(category) !== -1) {
card.style.display = 'block';
} else {
card.style.display = 'none';
}
});
});
});
});
</script>
<!-- 纳海川官方网站 · 移动端标杆案例独立页 (Cases Page Mobile) 结束 -->
{/block}