{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">
                            跨区域经销商传统订货繁杂，人工拆单对账耗时久，高峰期锁库超时常导致断货漏单。
                        </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-preview-window">
                    <div class="nhc-window-bar">
                        <span class="nhc-window-dot"></span>
                        <span class="nhc-window-dot"></span>
                        <span class="nhc-window-dot"></span>
                        <span class="nhc-window-title"
                            >系统功能界面 ·
                            B2B分销调度看板与多商户分账中心</span
                        >
                    </div>
                    <div class="nhc-window-screen">
                        <div class="nhc-window-module-tag">
                            分布式微服务弹性架构
                        </div>
                        <div class="nhc-window-stats-row">
                            <span>架构分层: <strong>微服务集群</strong></span>
                            <span>数据治理: <strong>主从读写分离</strong></span>
                            <span
                                >交易对账:
                                <strong>防重复扣款与对账</strong></span
                            >
                        </div>
                    </div>
                </div>
                <div class="nhc-case-img-wrap">
                    <img
                        src="__ADDON__/images/showcases/case_distrib.svg"
                        alt="快消供应链集团全渠道分销中台大屏视窗"
                        loading="lazy"
                    />
                </div>
                <div class="nhc-case-metrics">
                    <div class="nhc-case-metric-item">
                        <div class="nhc-case-metric-val">峰值调度</div>
                        <div class="nhc-case-metric-name">跨区域订单拆单</div>
                    </div>
                    <div class="nhc-case-metric-item">
                        <div class="nhc-case-metric-val">耗时缩短</div>
                        <div class="nhc-case-metric-name">
                            跨区域多仓对账时效
                        </div>
                    </div>
                    <div class="nhc-case-metric-item">
                        <div class="nhc-case-metric-val">集群保障</div>
                        <div class="nhc-case-metric-name">微服务集群保障</div>
                    </div>
                </div>
                <div class="nhc-case-proof-bar">
                    <svg
                        class="nhc-proof-icon"
                        width="14"
                        height="14"
                        viewBox="0 0 24 24"
                        fill="none"
                        stroke="currentColor"
                        stroke-width="2.5"
                    >
                        <polyline points="20 6 9 17 4 12" />
                    </svg>
                    <span
                        >已通过客户信息技术中心联合终验，各项业务流程已上线运行。</span
                    >
                </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-preview-window">
                    <div class="nhc-window-bar">
                        <span class="nhc-window-dot"></span>
                        <span class="nhc-window-dot"></span>
                        <span class="nhc-window-dot"></span>
                        <span class="nhc-window-title"
                            >系统功能界面 · 软硬件一体收银台与后厨 KDS
                            联动看板</span
                        >
                    </div>
                    <div class="nhc-window-screen">
                        <div class="nhc-window-module-tag">
                            断网离线双向同步
                        </div>
                        <div class="nhc-window-stats-row">
                            <span>脱机存储: <strong>本地 SQLite</strong></span>
                            <span
                                >联网回传: <strong>自动同步防重复</strong></span
                            >
                            <span
                                >外设硬件兼容:
                                <strong>主流设备适配</strong></span
                            >
                        </div>
                    </div>
                </div>

                <div class="nhc-case-img-wrap">
                    <img
                        src="__ADDON__/images/showcases/case_catering.svg"
                        alt="全国连锁餐饮智能收银与后厨KDS联动视窗"
                        loading="lazy"
                    />
                </div>
                <div class="nhc-case-metrics">
                    <div class="nhc-case-metric-item">
                        <div class="nhc-case-metric-val">多门店覆盖</div>
                        <div class="nhc-case-metric-name">
                            软硬一体化门店覆盖
                        </div>
                    </div>
                    <div class="nhc-case-metric-item">
                        <div class="nhc-case-metric-val">用时缩短</div>
                        <div class="nhc-case-metric-name">
                            高峰期前台排队用时
                        </div>
                    </div>
                    <div class="nhc-case-metric-item">
                        <div class="nhc-case-metric-val">离线可用</div>
                        <div class="nhc-case-metric-name">
                            断网断电脱机正常收银
                        </div>
                    </div>
                </div>
                <div class="nhc-case-proof-bar">
                    <svg
                        class="nhc-proof-icon"
                        width="14"
                        height="14"
                        viewBox="0 0 24 24"
                        fill="none"
                        stroke="currentColor"
                        stroke-width="2.5"
                    >
                        <polyline points="20 6 9 17 4 12" />
                    </svg>
                    <span
                        >已通过连锁品牌运营管理中心联合终验，通过断网断电压力测试。</span
                    >
                </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-preview-window">
                    <div class="nhc-window-bar">
                        <span class="nhc-window-dot"></span>
                        <span class="nhc-window-dot"></span>
                        <span class="nhc-window-dot"></span>
                        <span class="nhc-window-title"
                            >系统功能界面 · 物料 BOM
                            批次全流程溯源与多仓动态调拨</span
                        >
                    </div>
                    <div class="nhc-window-screen">
                        <div class="nhc-window-module-tag">
                            精益进销存与业财联动
                        </div>
                        <div class="nhc-window-stats-row">
                            <span
                                >物料BOM: <strong>多层级装配结构</strong></span
                            >
                            <span>安全库存: <strong>动态阈值告警</strong></span>
                            <span>业财对接: <strong>凭证联查追溯</strong></span>
                        </div>
                    </div>
                </div>
                <div class="nhc-case-img-wrap">
                    <img
                        src="__ADDON__/images/showcases/case_manufacture.svg"
                        alt="装备制造进销存与数字化车间MES视窗"
                        loading="lazy"
                    />
                </div>
                <div class="nhc-case-metrics">
                    <div class="nhc-case-metric-item">
                        <div class="nhc-case-metric-val">动态BOM</div>
                        <div class="nhc-case-metric-name">
                            多层装配与缺料预警
                        </div>
                    </div>
                    <div class="nhc-case-metric-item">
                        <div class="nhc-case-metric-val">批次追溯</div>
                        <div class="nhc-case-metric-name">一物一码生命周期</div>
                    </div>
                    <div class="nhc-case-metric-item">
                        <div class="nhc-case-metric-val">协同门户</div>
                        <div class="nhc-case-metric-name">
                            供应商在线协同送货
                        </div>
                    </div>
                </div>
                <div class="nhc-case-proof-bar">
                    <svg
                        class="nhc-proof-icon"
                        width="14"
                        height="14"
                        viewBox="0 0 24 24"
                        fill="none"
                        stroke="currentColor"
                        stroke-width="2.5"
                    >
                        <polyline points="20 6 9 17 4 12" />
                    </svg>
                    <span
                        >已通过装备制造集团信息化专家组终验验收，实现与既有 ERP
                        系统集成。</span
                    >
                </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-preview-window">
                    <div class="nhc-window-bar">
                        <span class="nhc-window-dot"></span>
                        <span class="nhc-window-dot"></span>
                        <span class="nhc-window-dot"></span>
                        <span class="nhc-window-title"
                            >系统功能界面 · 政策法规 RAG
                            向量检索与合规审核视窗</span
                        >
                    </div>
                    <div class="nhc-window-screen">
                        <div class="nhc-window-module-tag">
                            私域大模型内网隔离
                        </div>
                        <div class="nhc-window-stats-row">
                            <span>部署形态: <strong>内网隔离部署</strong></span>
                            <span>检索机制: <strong>语义检索</strong></span>
                            <span>安全审计: <strong>溯源留痕可查</strong></span>
                        </div>
                    </div>
                </div>
                <div class="nhc-case-img-wrap">
                    <img
                        src="__ADDON__/images/showcases/case_gov_agent.svg"
                        alt="政企专属AI知识库与审批智能体操作视窗"
                        loading="lazy"
                    />
                </div>
                <div class="nhc-case-metrics">
                    <div class="nhc-case-metric-item">
                        <div class="nhc-case-metric-val">纯内网部署</div>
                        <div class="nhc-case-metric-name">内网部署数据可控</div>
                    </div>
                    <div class="nhc-case-metric-item">
                        <div class="nhc-case-metric-val">法规溯源</div>
                        <div class="nhc-case-metric-name">标注原文出处</div>
                    </div>
                    <div class="nhc-case-metric-item">
                        <div class="nhc-case-metric-val">人机协同</div>
                        <div class="nhc-case-metric-name">初审辅助专家终审</div>
                    </div>
                </div>
                <div class="nhc-case-proof-bar">
                    <svg
                        class="nhc-proof-icon"
                        width="14"
                        height="14"
                        viewBox="0 0 24 24"
                        fill="none"
                        stroke="currentColor"
                        stroke-width="2.5"
                    >
                        <polyline points="20 6 9 17 4 12" />
                    </svg>
                    <span
                        >已通过政企网络安全与合规审计部门联合终验，符合等保合规要求，数据不出内网</span
                    >
                </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">
                    无论是现有系统升级改造，还是新业务急需上线，纳海川可提供架构设计与实操建议，帮助控制试错成本。
                </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}