{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}