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

文案审查：去除子页绝对化承诺与AI味表述，统一PC与移动端口径

浏览代码
这个提交包含在：
wikiboss
2026-11-04 17:16:35 +08:00
父节点 2c5e4e87e9
当前提交 f3f4f8af35
共有 16 个文件被更改，包括 7309 次插入 和 1523 次删除
下载 Patch 文件 下载 Diff 文件 展开所有文件 折叠所有文件

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

@@ -1,6 +1,4 @@
{extend name="web/official_common/pc/base" /}
{block name="content"}
{extend name="web/official_common/pc/base" /} {block name="content"}
<!-- 纳海川官方网站 · 客户案例独立页 (Cases Page) 开始 -->
<!-- 1. 案例页 Hero 视窗 -->
@@ -9,53 +7,67 @@
<div class="nhc-breadcrumb">
<a href="{:addon_url('official/web.official_home/index')}">首页</a>
<span>/</span>
<span>标杆案例</span>
<span>客户案例</span>
</div>
<div style="margin-bottom: 16px;">
<span class="nhc-seal">落地实效 · 业务复盘</span>
<div style="margin-bottom: 16px">
<span class="nhc-seal">项目实效 · 业务复盘</span>
</div>
<h1 class="nhc-page-title">标杆客户案例 · 真实业务复盘</h1>
<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;">
<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>
<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-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>
<h3 class="nhc-case-title">
大型快消供应链集团「全渠道分销商城与订货中台」
</h3>
<div class="nhc-case-dossier">
<div class="nhc-case-dossier-row">
<span class="nhc-dossier-label">业务挑战 CHALLENGE</span>
<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>
@@ -64,50 +76,83 @@
<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>
<span class="nhc-window-title"
>系统功能界面 ·
B2B分销调度看板与多商户分账中心</span
>
</div>
<div class="nhc-window-screen">
<div class="nhc-window-module-tag">分布式微服务弹性架构</div>
<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>
<span
>交易对账:
<strong>防重复扣款与对账</strong></span
>
</div>
</div>
</div>
<div class="nhc-case-img-wrap">
<img src="__ADDON__/images/showcases/case_distrib.svg" alt="快消供应链集团全渠道分销中台大屏视窗" loading="lazy">
<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">10W+ /日</div>
<div class="nhc-case-metric-name">峰值订单调度与拆单</div>
<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">60% 提升</div>
<div class="nhc-case-metric-name">跨区域多仓对账时效</div>
<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">99.9%</div>
<div class="nhc-case-metric-name">微服务集群高可用保障</div>
<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>
<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-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>
<h3 class="nhc-case-title">
知名区域连锁餐饮「全场景智能收银与门店一体化」
</h3>
<div class="nhc-case-dossier">
<div class="nhc-case-dossier-row">
<span class="nhc-dossier-label">业务挑战 CHALLENGE</span>
<span class="nhc-dossier-label"
>业务挑战 CHALLENGE</span
>
<p class="nhc-dossier-text">
就餐高峰期前台排队拥堵严重，断网断电导致收银死机与掉单丢单，前后端数据脱节导致物料报表失真。
</p>
@@ -115,7 +160,8 @@
<div class="nhc-case-dossier-row">
<span class="nhc-dossier-label">技术方案 SOLUTION</span>
<p class="nhc-dossier-text">
部署软硬一体化收银系统与后厨 KDS 联动看板，打通微信扫码点餐、离线聚合支付与实时扣料核销。
部署软硬一体化收银系统与后厨 KDS
联动看板，对接微信扫码点餐、离线聚合支付与实时扣料核销。
</p>
</div>
</div>
@@ -124,38 +170,70 @@
<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>
<span class="nhc-window-title"
>系统功能界面 · 软硬件一体收银台与后厨 KDS
联动看板</span
>
</div>
<div class="nhc-window-screen">
<div class="nhc-window-module-tag">断网离线双向同步引擎</div>
<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>
<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">
<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">300+ 门店</div>
<div class="nhc-case-metric-name">软硬一体化全国覆盖</div>
<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">50% 降低</div>
<div class="nhc-case-metric-name">高峰期前台排队用时</div>
<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">100% 离线</div>
<div class="nhc-case-metric-name">断网断电脱机正常收银</div>
<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>
<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>
@@ -165,18 +243,23 @@
<span class="nhc-case-tag">智能制造 · 进销存 ERP</span>
<span class="nhc-case-status">成果验证</span>
</div>
<h3 class="nhc-case-title">高端装备制造企业「生产进销存与供应链敏捷协同」</h3>
<h3 class="nhc-case-title">
高端装备制造企业「生产进销存与供应链敏捷协同」
</h3>
<div class="nhc-case-dossier">
<div class="nhc-case-dossier-row">
<span class="nhc-dossier-label">业务挑战 CHALLENGE</span>
<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 匹配、安全库存预警与供应商端协同门户。
定制进销存管理系统，建立动态物料 BOM
匹配、安全库存预警与供应商端协同门户。
</p>
</div>
</div>
@@ -185,24 +268,37 @@
<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>
<span class="nhc-window-title"
>系统功能界面 · 物料 BOM
批次全流程溯源与多仓动态调拨</span
>
</div>
<div class="nhc-window-screen">
<div class="nhc-window-module-tag">精益进销存与业财穿透</div>
<div class="nhc-window-module-tag">
精益进销存与业财联动
</div>
<div class="nhc-window-stats-row">
<span>物料BOM: <strong>多层级装配结构</strong></span>
<span
>物料BOM: <strong>多层级装配结构</strong></span
>
<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_manufacture.svg" alt="装备制造进销存与数字化车间MES视窗" loading="lazy">
<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 class="nhc-case-metric-name">
多层装配与缺料预警
</div>
</div>
<div class="nhc-case-metric-item">
<div class="nhc-case-metric-val">批次追溯</div>
@@ -210,12 +306,27 @@
</div>
<div class="nhc-case-metric-item">
<div class="nhc-case-metric-val">协同门户</div>
<div class="nhc-case-metric-name">供应商在线协同送货</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>
<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>
@@ -225,18 +336,23 @@
<span class="nhc-case-tag">政企服务 · AI 智能体</span>
<span class="nhc-case-status">成果验证</span>
</div>
<h3 class="nhc-case-title">知识密集型政务机构「专属 RAG 业务审核智能体」</h3>
<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>
<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 智能体，自动检索法规依据并输出规范化核查报告。
构建基于私有大模型与向量数据库的 RAG
智能体，自动检索法规依据并输出规范化核查报告。
</p>
</div>
</div>
@@ -245,29 +361,37 @@
<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>
<span class="nhc-window-title"
>系统功能界面 · 政策法规 RAG
向量检索与合规审核视窗</span
>
</div>
<div class="nhc-window-screen">
<div class="nhc-window-module-tag">私域大模型内网物理隔离</div>
<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>
<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">
<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 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 class="nhc-case-metric-name">标注原文出处</div>
</div>
<div class="nhc-case-metric-item">
<div class="nhc-case-metric-val">人机协同</div>
@@ -275,25 +399,44 @@
</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>
<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 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>
@@ -302,18 +445,44 @@
<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>
<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">
<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>
<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">
<a
href="tel:{:__config('site_mobile','value')}"
class="nhc-btn nhc-cta-btn-ghost nhc-btn-lg"
>
<span>电话咨询</span>
</a>
</div>
@@ -323,29 +492,36 @@
<!-- 客户端分类筛选交互脚本 -->
<script>
document.addEventListener('DOMContentLoaded', function() {
var filterBtns = document.querySelectorAll('.nhc-case-filter-btn');
var caseCards = document.querySelectorAll('#nhcCasesContainer .nhc-case-card');
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');
filterBtns.forEach(function (btn) {
btn.addEventListener("click", function () {
var category = this.getAttribute("data-category");
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';
}
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}
{/block}

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

@@ -1,249 +1,832 @@
{extend name="web/official_common/mobile/base" /}
{block name="content"}
{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;">
<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
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
style="
font-family:
&quot;Noto Serif SC&quot;, &quot;SimSun&quot;, 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 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
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">
<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
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
style="
font-family:
&quot;Noto Serif SC&quot;, &quot;SimSun&quot;, serif;
font-size: 16px;
font-weight: 700;
color: #0f172a;
margin: 0 0 12px 0;
line-height: 1.4;
"
>
大型快消供应链集团「全渠道分销商城与订货中台」
</h3>
<div class="nhc-case-img-wrap">
<img src="__ADDON__/images/showcases/case_distrib.svg" alt="快消供应链集团全渠道分销中台大屏视窗" loading="lazy">
<img
src="__ADDON__/images/showcases/case_distrib.svg"
alt="快消供应链集团全渠道分销中台大屏视窗"
loading="lazy"
/>
</div>
<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 小时以上，高峰期锁库超时常导致断货漏单。
<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;">
重构分布式微服务订货中台，接入灵活等级阶梯价、信用授信账期管控及全自动分单对账引擎。
<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 class="nhc-case-metrics" style="display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; text-align: center; border-top: 1px solid #F1F5F9; padding-top: 10px;">
<div
class="nhc-case-metrics"
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: 13px; font-weight: 700; color: #2563EB;">10W+ /日</div>
<div style="font-size: 11px; color: #64748B;">订单调度与拆单</div>
<div
style="
font-size: 13px;
font-weight: 700;
color: #2563eb;
"
>
峰值调度
</div>
<div style="font-size: 11px; color: #64748b">
跨区域订单拆单
</div>
</div>
<div>
<div style="font-size: 13px; font-weight: 700; color: #0F172A;">60% 提升</div>
<div style="font-size: 11px; color: #64748B;">多仓对账时效</div>
<div
style="
font-size: 13px;
font-weight: 700;
color: #0f172a;
"
>
耗时缩短
</div>
<div style="font-size: 11px; color: #64748b">
多仓对账时效
</div>
</div>
<div>
<div style="font-size: 13px; font-weight: 700; color: #0F172A;">99.9%</div>
<div style="font-size: 11px; color: #64748B;">集群高可用保障</div>
<div
style="
font-size: 13px;
font-weight: 700;
color: #0f172a;
"
>
集群保障
</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
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
style="
font-family:
&quot;Noto Serif SC&quot;, &quot;SimSun&quot;, serif;
font-size: 16px;
font-weight: 700;
color: #0f172a;
margin: 0 0 12px 0;
line-height: 1.4;
"
>
知名区域连锁餐饮「全场景智能收银与门店一体化」
</h3>
<div class="nhc-case-img-wrap">
<img src="__ADDON__/images/showcases/case_catering.svg" alt="全国连锁餐饮智能收银与后厨KDS联动视窗" loading="lazy">
<img
src="__ADDON__/images/showcases/case_catering.svg"
alt="全国连锁餐饮智能收银与后厨KDS联动视窗"
loading="lazy"
/>
</div>
<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;">
<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 联动看板，打通微信扫码点餐、离线聚合支付与实时扣料核销。
<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 class="nhc-case-metrics" style="display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; text-align: center; border-top: 1px solid #F1F5F9; padding-top: 10px;">
<div
class="nhc-case-metrics"
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: 13px; font-weight: 700; color: #2563EB;">300+ 门店</div>
<div style="font-size: 11px; color: #64748B;">全国网点覆盖</div>
<div
style="
font-size: 13px;
font-weight: 700;
color: #2563eb;
"
>
多门店覆盖
</div>
<div style="font-size: 11px; color: #64748b">
门店网点覆盖
</div>
</div>
<div>
<div style="font-size: 13px; font-weight: 700; color: #0F172A;">50% 降低</div>
<div style="font-size: 11px; color: #64748B;">排队等候耗时</div>
<div
style="
font-size: 13px;
font-weight: 700;
color: #0f172a;
"
>
用时缩短
</div>
<div style="font-size: 11px; color: #64748b">
排队等候耗时
</div>
</div>
<div>
<div style="font-size: 13px; font-weight: 700; color: #0F172A;">100% 离线</div>
<div style="font-size: 11px; color: #64748B;">脱机正常收银</div>
<div
style="
font-size: 13px;
font-weight: 700;
color: #0f172a;
"
>
离线可用
</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
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
style="
font-family:
&quot;Noto Serif SC&quot;, &quot;SimSun&quot;, serif;
font-size: 16px;
font-weight: 700;
color: #0f172a;
margin: 0 0 12px 0;
line-height: 1.4;
"
>
高端装备制造企业「生产进销存与供应链敏捷协同」
</h3>
<div class="nhc-case-img-wrap">
<img src="__ADDON__/images/showcases/case_manufacture.svg" alt="装备制造进销存与数字化车间MES视窗" loading="lazy">
<img
src="__ADDON__/images/showcases/case_manufacture.svg"
alt="装备制造进销存与数字化车间MES视窗"
loading="lazy"
/>
</div>
<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;">
零配件品类繁杂多达数万种，采购节拍与装配生产脱节，呆滞物料占用大量资金且难以追溯批次质量。
<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 匹配、安全库存预警与供应商端协同门户。
<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 class="nhc-case-metrics" style="display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; text-align: center; border-top: 1px solid #F1F5F9; padding-top: 10px;">
<div
class="nhc-case-metrics"
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: 13px; font-weight: 700; color: #2563EB;">动态BOM</div>
<div style="font-size: 11px; color: #64748B;">装配缺料预警</div>
<div
style="
font-size: 13px;
font-weight: 700;
color: #2563eb;
"
>
动态BOM
</div>
<div style="font-size: 11px; color: #64748b">
装配缺料预警
</div>
</div>
<div>
<div style="font-size: 13px; font-weight: 700; color: #0F172A;">批次追溯</div>
<div style="font-size: 11px; color: #64748B;">一物一码追溯</div>
<div
style="
font-size: 13px;
font-weight: 700;
color: #0f172a;
"
>
批次追溯
</div>
<div style="font-size: 11px; color: #64748b">
一物一码追溯
</div>
</div>
<div>
<div style="font-size: 13px; font-weight: 700; color: #0F172A;">协同门户</div>
<div style="font-size: 11px; color: #64748B;">供应商在线送货</div>
<div
style="
font-size: 13px;
font-weight: 700;
color: #0f172a;
"
>
协同门户
</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
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;">
<h3
style="
font-family:
&quot;Noto Serif SC&quot;, &quot;SimSun&quot;, serif;
font-size: 16px;
font-weight: 700;
color: #0f172a;
margin: 0 0 12px 0;
line-height: 1.4;
"
>
知识密集型政务机构「专属 RAG 业务审核智能体」
</h3>
<div class="nhc-case-img-wrap">
<img src="__ADDON__/images/showcases/case_gov_agent.svg" alt="政企专属AI知识库与审批智能体操作视窗" loading="lazy">
<img
src="__ADDON__/images/showcases/case_gov_agent.svg"
alt="政企专属AI知识库与审批智能体操作视窗"
loading="lazy"
/>
</div>
<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;">
政策法规与历史案例规章跨数十库，人工跨部门查重检索耗时耗力，初审标准难统一且存在合规漏洞。
<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 智能体，自动检索法规依据并输出规范化核查报告。
<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 class="nhc-case-metrics" style="display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; text-align: center; border-top: 1px solid #F1F5F9; padding-top: 10px;">
<div
class="nhc-case-metrics"
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: 13px; font-weight: 700; color: #2563EB;">纯内网部署</div>
<div style="font-size: 11px; color: #64748B;">物理隔离不外泄</div>
<div
style="
font-size: 13px;
font-weight: 700;
color: #2563eb;
"
>
纯内网部署
</div>
<div style="font-size: 11px; color: #64748b">
内网隔离不外泄
</div>
</div>
<div>
<div style="font-size: 13px; font-weight: 700; color: #0F172A;">法规溯源</div>
<div style="font-size: 11px; color: #64748B;">标注原文出处</div>
<div
style="
font-size: 13px;
font-weight: 700;
color: #0f172a;
"
>
法规溯源
</div>
<div style="font-size: 11px; color: #64748b">
标注原文出处
</div>
</div>
<div>
<div style="font-size: 13px; font-weight: 700; color: #0F172A;">人机协同</div>
<div style="font-size: 11px; color: #64748B;">初审辅助专家终审</div>
<div
style="
font-size: 13px;
font-weight: 700;
color: #0f172a;
"
>
人机协同
</div>
<div style="font-size: 11px; color: #64748b">
初审辅助专家终审
</div>
</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;">
<div style="padding: 24px 16px; text-align: center">
<h3
style="
font-family: &quot;Noto Serif SC&quot;, 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 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
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');
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';
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';
}
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}
{/block}

145
addons/official/view/web/official_home/index.html
查看文件

@@ -19,12 +19,12 @@
>
</div>
<h1 class="nhc-hero-title">
企业软件定制开发<br />源码交付，部署在客户自己的服务器
企业软件定制开发<br />源码交付，部署在客户自有服务器
</h1>
<p class="nhc-hero-subtitle">
立足贵阳，服务全国客户。承接企业业务系统、APP
与小程序、私有化 AI
应用的开发；交付源码、部署说明和数据库字典，可部署在客户自己的服务器或内网。
应用开发；交付源码、部署说明与数据库字典，可部署在客户内网或专有云。
</p>
<div class="nhc-hero-cta">
<a
@@ -61,7 +61,7 @@
源码交付
</div>
<div class="nhc-metric-label">
附部署说明和数据库字典
含部署说明、数据库字典
</div>
</div>
<div class="nhc-metric-item">
@@ -101,14 +101,14 @@
<div class="nhc-hero-badge">
<span class="nhc-seal">定制开发</span>
<span class="nhc-hero-badge-text"
>业务系统、APP 与小程序，共用一套后台</span
>业务系统、APP 与小程序共用同一套后台</span
>
</div>
<h1 class="nhc-hero-title">
按需开发，源码完整移交<br />专有云与内网都能部署
按需开发，源码完整移交<br />支持专有云与内网部署
</h1>
<p class="nhc-hero-subtitle">
从需求梳理、原型确认到编码、测试和上线，按阶段交付可确认的成果。架构按业务规模和客户的运维能力来定，单体或微服务都可以。
从需求梳理、原型确认到编码、测试与上线，按阶段交付可确认的成果；架构按业务规模与客户运维能力确定，可采用单体或微服务。
</p>
<div class="nhc-hero-cta">
<a
@@ -196,11 +196,11 @@
<div class="nhc-hero-badge">
<span class="nhc-seal">AI 智能体</span>
<span class="nhc-hero-badge-text"
>私有化 AI，知识库检索，部署在内网</span
>私有化 AI、知识库检索、内网部署</span
>
</div>
<h1 class="nhc-hero-title">
企业私有化 AI 智能体<br />基于内部资料做检索和问答
企业私有化 AI 智能体<br />基于内部资料检索与问答
</h1>
<p class="nhc-hero-subtitle">
把制度、法规和历史文档整理成可检索的知识库，回答时标注原文出处，供业务人员复核。模型与数据部署在客户内网服务器上，不调用外部接口。
@@ -240,7 +240,7 @@
知识库
</div>
<div class="nhc-metric-label">
文档整理与切分检索
文档整理与检索
</div>
</div>
<div class="nhc-metric-item">
@@ -273,7 +273,7 @@
流程辅助
</div>
<div class="nhc-metric-label">
审批与工单环节试用
辅助审批与工单处理
</div>
</div>
</div>
@@ -291,14 +291,12 @@
<div class="nhc-hero-badge">
<span class="nhc-seal">商业产品</span>
<span class="nhc-hero-badge-text"
>商城、收银、进销存、SaaS 四套系统</span
>四套标准化系统</span
>
</div>
<h1 class="nhc-hero-title">
四套现成的系统<br />可以直接用，也可以按需改
</h1>
<h1 class="nhc-hero-title">可直接使用，也可按需定制</h1>
<p class="nhc-hero-subtitle">
四套系统用的是同一套代码，可以按年订阅，也可以买源码部署到自己的服务器。具体功能和版本以产品说明为准。
覆盖线上商城、门店收银、仓储进销存与多租户订阅。
</p>
<div class="nhc-hero-cta">
<a
@@ -332,10 +330,10 @@
class="nhc-metric-val"
style="font-size: 18px; font-weight: 700"
>
四个产品
定制扩展
</div>
<div class="nhc-metric-label">
商城、收银、进销存、SaaS
提供源码，可按需二次开发
</div>
</div>
<div class="nhc-metric-item">
@@ -346,7 +344,7 @@
防重复扣款
</div>
<div class="nhc-metric-label">
重复提交只扣一次款
同一订单只扣一次
</div>
</div>
<div class="nhc-metric-item">
@@ -444,12 +442,11 @@
<div class="nhc-section-header">
<div class="nhc-section-tag">
<span class="nhc-seal">服务范围</span>
<span class="nhc-tag-text">ENGINEERING CAPABILITIES</span>
<span class="nhc-tag-text">SERVICES</span>
</div>
<h2 class="nhc-section-title">把系统做出来，也要能长期维护</h2>
<h2 class="nhc-section-title">系统开发与长期维护</h2>
<p class="nhc-section-desc">
承接三类工作：企业业务系统定制、移动端与小程序开发、企业私有化
AI 应用。功能范围和验收标准在合同里写清楚。
三类服务均可独立承接，也可组合实施；功能范围与验收标准以合同约定为准。
</p>
<div class="nhc-line-divider"><span></span></div>
</div>
@@ -621,19 +618,17 @@
</div>
<h3 class="nhc-service-title">智能体开发</h3>
<p class="nhc-service-desc">
基于开源大模型与企业内部资料搭建问答和检索工具，回答附带文档出处；数据存放在客户内网，不经过我们的服务器。
基于开源大模型与企业内部资料搭建问答与检索工具，回答附带文档出处；数据存于客户内网，不经过我方服务器。
</p>
<ul class="nhc-service-list">
<li class="nhc-service-item">
内部制度、法规与文档的知识库检索
</li>
<li class="nhc-service-item">
回答标注原文出处，便于人工复核
回答标注原文出处，供人工复核
</li>
<li class="nhc-service-item">审批、工单等流程的辅助处理</li>
<li class="nhc-service-item">
内网部署，模型与数据不出机房
</li>
<li class="nhc-service-item">内网部署，不依赖外部接口</li>
</ul>
<a
href="{:addon_url('official/web.official_product/service_agent')}"
@@ -666,11 +661,9 @@
<span class="nhc-seal">产品</span>
<span class="nhc-tag-text">STANDARDIZED SOLUTIONS</span>
</div>
<h2 class="nhc-section-title">
四个标准化产品，可直接用，也可按需改
</h2>
<h2 class="nhc-section-title">四个标准化产品</h2>
<p class="nhc-section-desc">
四套系统用的是同一套代码。可以先用公有云版本试运行，也可以直接买源码部署到自己的服务器；具体版本和功能以产品说明为准。
四套系统基于同一套代码，可先用公有云版本试运行，也可购买源码部署至自有服务器；版本与功能范围以产品说明为准。
</p>
<div class="nhc-line-divider"><span></span></div>
</div>
@@ -686,10 +679,10 @@
/>
</div>
<div class="nhc-product-header">
<span class="nhc-product-type-badge">新零售 · 全渠道</span>
<span class="nhc-product-type-badge">零售 · 全渠道</span>
<h3 class="nhc-product-name">商城</h3>
<p class="nhc-product-desc">
支持多商户入驻、分销与拼团秒杀等常用营销工具的商城系统，可对接微信、支付宝支付。
支持多商户入驻、分销、拼团秒杀等营销功能，可对接微信、支付宝支付。
</p>
</div>
<ul class="nhc-product-features">
@@ -758,7 +751,7 @@
>
<h3 class="nhc-product-name">收银</h3>
<p class="nhc-product-desc">
收银软件与扫码枪、小票打印机、钱箱等外设配合使用，单笔结算通常在数秒内完成。
收银软件对接扫码枪、小票打印机、钱箱等外设，单笔结算一般在数秒内完成。
</p>
</div>
<ul class="nhc-product-features">
@@ -807,7 +800,7 @@
</li>
</ul>
<div class="nhc-product-footer">
<span class="nhc-product-tag">软硬件配合使用</span>
<span class="nhc-product-tag">软硬件对接</span>
<a
href="{:addon_url('official/web.official_product/list',[':pid'=>22,':sid'=>22])}#demo-sandbox"
class="nhc-btn nhc-btn-outline nhc-btn-sm"
@@ -827,11 +820,11 @@
</div>
<div class="nhc-product-header">
<span class="nhc-product-type-badge"
>业财一体 · 精细管控</span
>采购 · 销售 · 库存</span
>
<h3 class="nhc-product-name">进销存</h3>
<p class="nhc-product-desc">
采购、销售、仓储与财务数据打通的进销存系统，用于减少积压、核对账目。
采购、销售、仓储与财务数据打通的进销存系统，可按商品、客户、项目核算。
</p>
</div>
<ul class="nhc-product-features">
@@ -901,7 +894,7 @@
<h3 class="nhc-product-name">SaaS版本</h3>
<p class="nhc-product-desc">
多租户 SaaS
平台，按账号开通使用；数据按租户隔离，也可为单个客户部署独立数据库。
平台，按账号开通；数据按租户隔离，也可为单个客户部署独立数据库。
</p>
</div>
<ul class="nhc-product-features">
@@ -942,7 +935,7 @@
>
<polyline points="20 6 9 17 4 12" />
</svg>
<span>提供 OpenAPI 接口文档，便于与第三方系统对接</span>
<span>提供 OpenAPI 接口文档，用于第三方系统对接</span>
</li>
</ul>
<div class="nhc-product-footer">
@@ -967,9 +960,9 @@
<span class="nhc-seal">案例</span>
<span class="nhc-tag-text">SELECTED PROJECTS</span>
</div>
<h2 class="nhc-section-title">几个客户项目，以及当时怎么解决</h2>
<h2 class="nhc-section-title">客户项目：问题与解决方式</h2>
<p class="nhc-section-desc">
以下案例按客户要求隐去企业名称和联系人。具体做了什么、上线多久、怎么验收，可以在沟通时说明。
案例已按客户要求隐去企业名称与联系人；交付范围、上线时间及验收记录可在沟通时提供。
</p>
<div class="nhc-line-divider"><span></span></div>
</div>
@@ -997,7 +990,7 @@
<div class="nhc-case-detail-row">
<span class="nhc-case-detail-label">业务挑战</span>
<span class="nhc-case-detail-content"
>多区域经销商的价格与账期政策不统一，订单靠人工汇总后再录入，处理周期长、容易出错。</span
>多区域经销商的价格与账期政策不统一，订单依赖人工汇总录入，处理周期长且易出错。</span
>
</div>
<div class="nhc-case-detail-row">
@@ -1020,7 +1013,7 @@
</div>
<div class="nhc-case-metric-box">
<div class="nhc-case-metric-num">弹性扩容</div>
<div class="nhc-case-metric-sub">按并发量横向扩容</div>
<div class="nhc-case-metric-sub">按并发量横向扩展</div>
</div>
</div>
<div
@@ -1052,7 +1045,9 @@
<!-- 案例 2 -->
<div class="nhc-case-card">
<div class="nhc-case-meta">
<span class="nhc-case-category">连锁餐饮 · 收银与门店</span>
<span class="nhc-case-category"
>连锁餐饮 · 收银与门店管理</span
>
<span class="nhc-seal" style="font-size: 11px"
>脱敏案例</span
>
@@ -1071,7 +1066,7 @@
<div class="nhc-case-detail-row">
<span class="nhc-case-detail-label">业务挑战</span>
<span class="nhc-case-detail-content"
>高峰时段前台排队，点单信息靠人工传到后厨；门店物料消耗缺少记录。</span
>高峰时段前台排队时间长，点单信息依赖人工传递至后厨；门店物料消耗缺少记录。</span
>
</div>
<div class="nhc-case-detail-row">
@@ -1095,7 +1090,7 @@
<div class="nhc-case-metric-box">
<div class="nhc-case-metric-num">多端适配</div>
<div class="nhc-case-metric-sub">
收银机/打印机/扫码枪
收银机、打印机、扫码枪
</div>
</div>
</div>
@@ -1140,7 +1135,7 @@
<div class="nhc-case-detail-row">
<span class="nhc-case-detail-label">业务挑战</span>
<span class="nhc-case-detail-content"
>零部件品类多，采购计划与装配进度对不上，部分物料长期积压。</span
>零部件品类多，采购计划与装配进度不匹配，部分物料长期积压。</span
>
</div>
<div class="nhc-case-detail-row">
@@ -1154,7 +1149,7 @@
<div class="nhc-case-metrics-bar">
<div class="nhc-case-metric-box">
<div class="nhc-case-metric-num">BOM 缺料</div>
<div class="nhc-case-metric-sub">按 BOM 计算缺料</div>
<div class="nhc-case-metric-sub">按 BOM 逐层计算</div>
</div>
<div class="nhc-case-metric-box">
<div class="nhc-case-metric-num">批次追溯</div>
@@ -1212,7 +1207,7 @@
<div class="nhc-case-detail-row">
<span class="nhc-case-detail-label">解决方案</span>
<span class="nhc-case-detail-content"
>把制度与法规建成知识库，审核时检索相关条款并附出处，由经办人复核。</span
>将制度与法规整理为知识库，审核时检索相关条款并附出处，由经办人复核。</span
>
</div>
</div>
@@ -1227,7 +1222,9 @@
</div>
<div class="nhc-case-metric-box">
<div class="nhc-case-metric-num">人机协同</div>
<div class="nhc-case-metric-sub">初审辅助专家终审</div>
<div class="nhc-case-metric-sub">
机器初审，专家终审
</div>
</div>
</div>
<div
@@ -1287,9 +1284,9 @@
<span class="nhc-seal">研发流程</span>
<span class="nhc-tag-text">HOW WE WORK</span>
</div>
<h2 class="nhc-section-title">项目怎么推进</h2>
<h2 class="nhc-section-title">项目推进流程</h2>
<p class="nhc-section-desc">
下面五个阶段是常规做法，具体项目按合同调整。每个阶段结束都有文档或可运行的系统，确认后再往下走。
以下五个阶段为常规流程，具体项目按合同调整；每个阶段结束均提供文档或可运行系统，确认后进入下一阶段。
</p>
<div class="nhc-line-divider"><span></span></div>
</div>
@@ -1300,7 +1297,7 @@
<div class="nhc-process-step-num">01</div>
<h4 class="nhc-process-step-title">需求调研与方案确认</h4>
<p class="nhc-process-step-desc">
由架构师参与调研，梳理现有流程与系统边界，输出需求规格说明书和可行性评估，双方确认后进入设计。
由架构师调研，梳理现有流程与系统边界，输出需求规格说明书和可行性评估，双方确认后进入设计。
</p>
</div>
@@ -1318,7 +1315,7 @@
<div class="nhc-process-step-num">03</div>
<h4 class="nhc-process-step-title">编码、审查与测试</h4>
<p class="nhc-process-step-desc">
代码合并前做审查，走 CI
代码合并前执行审查与 CI
构建；接口与核心流程编写自动化测试用例，测试记录随版本归档。
</p>
</div>
@@ -1328,7 +1325,7 @@
<div class="nhc-process-step-num">04</div>
<h4 class="nhc-process-step-title">压力测试与安全测试</h4>
<p class="nhc-process-step-desc">
按约定的并发量做压力测试，检查权限、越权与常见注入风险；需要第三方渗透测试报告时另行委托。
按约定并发量进行压力测试，检查权限、越权与常见注入风险；需要第三方渗透测试报告时另行委托。
</p>
</div>
@@ -1370,10 +1367,10 @@
<div class="nhc-container">
<div class="nhc-section-header">
<div class="nhc-section-tag">
<span class="nhc-seal">客户评价</span>
<span class="nhc-seal">客户反馈</span>
<span class="nhc-tag-text">WHAT CLIENTS SAY</span>
</div>
<h2 class="nhc-section-title">客户的原话</h2>
<h2 class="nhc-section-title">客户反馈</h2>
<p class="nhc-section-desc">
以下反馈经受访者同意后引用，并按对方要求隐去企业名称与姓名。
</p>
@@ -1384,7 +1381,7 @@
<div class="nhc-testimonial-card">
<div class="nhc-quote-icon">“</div>
<p class="nhc-testimonial-text">
订货中台重做后，大促当天的订单没卡住，库存和财务的账也能对上了。过程中沟通比较直接，改动都有记录。
订货中台重构后，大促当天订单未出现积压，库存与财务账目一致。沟通直接，变更均有记录。
</p>
<div class="nhc-testimonial-author">
<div class="nhc-author-avatar">企</div>
@@ -1392,7 +1389,7 @@
<span class="nhc-author-name"
>供应链企业 · 技术负责人</span
>
<span class="nhc-author-role">订货中台 · 分销业务</span>
<span class="nhc-author-role">订货中台项目</span>
</div>
</div>
</div>
@@ -1400,7 +1397,7 @@
<div class="nhc-testimonial-card">
<div class="nhc-quote-icon">“</div>
<p class="nhc-testimonial-text">
收银员学半天就能上手。门店断网时照常收银，网络恢复后单据自动补传，月底对账省了不少事。
收银员半天即可上手。门店断网时仍可正常收银，网络恢复后单据自动补传，月底对账工作量明显减少。
</p>
<div class="nhc-testimonial-author">
<div class="nhc-author-avatar">企</div>
@@ -1408,7 +1405,7 @@
<span class="nhc-author-name"
>连锁零售企业 · 运营负责人</span
>
<span class="nhc-author-role">门店收银 · 连锁零售</span>
<span class="nhc-author-role">门店收银项目</span>
</div>
</div>
</div>
@@ -1416,7 +1413,7 @@
<div class="nhc-testimonial-card">
<div class="nhc-quote-icon">“</div>
<p class="nhc-testimonial-text">
智能体部署在内网，数据不出机房，这一点通过了我们信息中心的审查。检索结果带原文出处，同事敢用。
智能体部署在内网，数据不出机房，已通过信息中心审查。检索结果附原文出处，业务人员可直接使用。
</p>
<div class="nhc-testimonial-author">
<div class="nhc-author-avatar">企</div>
@@ -1424,7 +1421,7 @@
<span class="nhc-author-name"
>装备制造企业 · 信息中心负责人</span
>
<span class="nhc-author-role">知识库 · 内网部署</span>
<span class="nhc-author-role">知识库项目</span>
</div>
</div>
</div>
@@ -1449,15 +1446,15 @@
</div>
<div class="nhc-client-item">
<span class="nhc-client-name">装备制造</span>
<span class="nhc-client-tag">生产进销存与供应商协同</span>
<span class="nhc-client-tag">生产物料与供应商协同</span>
</div>
<div class="nhc-client-item">
<span class="nhc-client-name">政务与企业服务</span>
<span class="nhc-client-tag">知识库问答与审核辅助</span>
<span class="nhc-client-tag">制度检索与审核辅助</span>
</div>
<div class="nhc-client-item">
<span class="nhc-client-name">零售与餐饮</span>
<span class="nhc-client-tag">收银与门店管理</span>
<span class="nhc-client-tag">门店收银与库存管理</span>
</div>
<div class="nhc-client-item">
<span class="nhc-client-name">农产品与快消</span>
@@ -1504,7 +1501,7 @@
margin-bottom: 10px;
"
>
<span class="nhc-seal">技术笔记</span>
<span class="nhc-seal">新闻资讯</span>
<span
style="
font-size: 13px;
@@ -1512,7 +1509,7 @@
font-weight: 600;
letter-spacing: 1px;
"
>ENGINEERING INSIGHTS</span
>NEWS & INSIGHTS</span
>
</div>
<h2
@@ -1524,7 +1521,7 @@
margin: 0 0 8px 0;
"
>
技术笔记与团队动态
公司新闻与行业动态
</h2>
<p
style="
@@ -1535,7 +1532,7 @@
line-height: 1.6;
"
>
写一些项目里的具体做法：架构怎么选、性能问题怎么查、交付时遇到过哪些问题。
记录架构选型、性能排查与项目交付中的具体做法。
</p>
</div>
<a
@@ -1588,7 +1585,7 @@
<div class="nhc-article-meta">
<span class="nhc-article-category-badge"
>{if $art['official_category_id'] ==
7}公司动态{else/}技术文章{/if}</span
7}公司新闻{else/}行业动态{/if}</span
>
<span>{:date('Y-m-d', $art['createtime'])}</span>
<span>·</span>
@@ -1638,7 +1635,7 @@
</a>
<div class="nhc-article-card-body">
<div class="nhc-article-meta">
<span class="nhc-article-category-badge">技术文章</span>
<span class="nhc-article-category-badge">行业动态</span>
<span>纳海川技术团队</span>
</div>
<a
@@ -1687,7 +1684,7 @@
</a>
<div class="nhc-article-card-body">
<div class="nhc-article-meta">
<span class="nhc-article-category-badge">技术文章</span>
<span class="nhc-article-category-badge">行业动态</span>
<span>纳海川技术团队</span>
</div>
<a
@@ -1749,7 +1746,7 @@
有具体的系统研发或产品选型需求？可以直接沟通
</h2>
<p class="nhc-cta-desc">
由架构师直接对接，先确认业务流程、现有系统和部署环境，再给方案、工期与预算区间。是否合作都可以先把问题聊清楚。
由架构师直接对接，确认业务流程、现有系统与部署环境后，提供方案、工期与预算区间。
</p>
</div>
<div class="nhc-cta-buttons">

104
addons/official/view/web/official_home/index_e.html
查看文件

@@ -36,11 +36,12 @@
<h1 class="nhc-hero-title">
企业软件定制开发<br /><span class="highlight"
>源码交付</span
>，部署在客户自己的服务器
>，部署在客户自有服务器
</h1>
<p class="nhc-hero-subtitle">
承接企业业务系统、APP 与小程序、私有化 AI
应用的开发，交付源码、部署说明和数据库字典。
立足贵阳，服务全国客户。承接企业业务系统、APP
与小程序、私有化 AI
应用开发；交付源码、部署说明与数据库字典，可部署在客户内网或专有云。
</p>
<div class="nhc-hero-cta">
<a href="#contact" class="nhc-btn nhc-btn-primary">
@@ -59,7 +60,7 @@
源码交付
</div>
<div class="nhc-metric-label">
附部署说明和数据库字典
含部署说明、数据库字典
</div>
</div>
<div class="nhc-metric-item">
@@ -110,16 +111,16 @@
<div class="nhc-hero-badge">
<span class="nhc-seal">定制开发</span>
<span class="nhc-hero-badge-text"
>业务系统、APP 与小程序，共用一套后台</span
>业务系统、APP 与小程序共用同一套后台</span
>
</div>
<h1 class="nhc-hero-title">
按需开发，源码完整移交<br /><span class="highlight"
>专有云</span
>与内网都能部署
>与内网部署
</h1>
<p class="nhc-hero-subtitle">
从需求梳理、原型确认到编码、测试和上线，按阶段交付可确认的成果。架构按业务规模和客户的运维能力来定。
从需求梳理、原型确认到编码、测试与上线，按阶段交付可确认的成果；架构按业务规模与客户运维能力确定，可采用单体或微服务。
</p>
<div class="nhc-hero-cta">
<a
@@ -152,11 +153,9 @@
class="nhc-metric-val"
style="font-size: 15px"
>
部署支持
</div>
<div class="nhc-metric-label">
专有云、内网与混合环境
架构方式
</div>
<div class="nhc-metric-label">单体或微服务</div>
</div>
<div class="nhc-metric-item">
<div
@@ -193,19 +192,19 @@
<div class="nhc-container">
<div class="nhc-hero-content">
<div class="nhc-hero-badge">
<span class="nhc-seal">企业AI</span>
<span class="nhc-seal">AI 智能体</span>
<span class="nhc-hero-badge-text"
>私有化 AI，知识库检索，部署在内网</span
>私有化 AI、知识库检索、内网部署</span
>
</div>
<h1 class="nhc-hero-title">
企业私有化 AI 智能体<br />基于内部资料做<span
企业私有化 AI 智能体<br />基于内部资料<span
class="highlight"
>检索问答</span
>
</h1>
<p class="nhc-hero-subtitle">
把制度、法规和历史文档整理成可检索的知识库，回答标注原文出处；模型与数据部署在客户内网服务器上。
把制度、法规和历史文档整理成可检索的知识库，回答时标注原文出处，供业务人员复核。模型与数据部署在客户内网服务器上，不调用外部接口。
</p>
<div class="nhc-hero-cta">
<a href="#contact" class="nhc-btn nhc-btn-primary">
@@ -224,7 +223,7 @@
知识库
</div>
<div class="nhc-metric-label">
文档整理与切分检索
文档整理与检索
</div>
</div>
<div class="nhc-metric-item">
@@ -246,7 +245,7 @@
流程辅助
</div>
<div class="nhc-metric-label">
审批与工单环节试用
辅助审批与工单处理
</div>
</div>
<div class="nhc-metric-item">
@@ -275,16 +274,15 @@
<div class="nhc-hero-badge">
<span class="nhc-seal">商业产品</span>
<span class="nhc-hero-badge-text"
>商城、收银、进销存、SaaS 四套系统</span
>四套标准化系统</span
>
</div>
<h1 class="nhc-hero-title">
四套现成的系统<br /><span class="highlight"
>可以直接用</span
>，也可以按需改
<span class="highlight">可直接使用</span
>，也可按需定制
</h1>
<p class="nhc-hero-subtitle">
四套系统用的是同一套代码，可以按年订阅，也可以买源码部署到自己的服务器。具体功能和版本以产品说明为准。
覆盖线上商城、门店收银、仓储进销存与多租户订阅。
</p>
<div class="nhc-hero-cta">
<a
@@ -303,10 +301,10 @@
class="nhc-metric-val"
style="font-size: 15px"
>
四个产品
定制扩展
</div>
<div class="nhc-metric-label">
商城、收银、进销存、SaaS
提供源码，可按需二次开发
</div>
</div>
<div class="nhc-metric-item">
@@ -317,7 +315,7 @@
防重复扣款
</div>
<div class="nhc-metric-label">
重复提交只扣一次款
同一订单只扣一次
</div>
</div>
<div class="nhc-metric-item">
@@ -379,7 +377,7 @@
<span class="nhc-tag-text">SERVICES</span>
</div>
<h2 class="nhc-section-title" style="font-size: 26px">
三块业务，解决具体问题
软件、移动端与 AI 应用开发
</h2>
<div class="nhc-line-divider"><span></span></div>
</div>
@@ -497,18 +495,16 @@
</div>
<h3 class="nhc-service-title">智能体开发</h3>
<p class="nhc-service-desc">
基于开源大模型与企业内部资料搭建问答和检索工具，回答附带文档出处；数据存放在客户内网，不经过我们的服务器。
基于开源大模型与企业内部资料搭建问答与检索工具，回答附带文档出处；数据存于客户内网，不经过我方服务器。
</p>
<ul class="nhc-service-list">
<li class="nhc-service-item">
内部制度、法规与文档的知识库检索
</li>
<li class="nhc-service-item">
回答标注原文出处，便于人工复核
</li>
<li class="nhc-service-item">
内网部署，模型与数据不出机房
回答标注原文出处，供人工复核
</li>
<li class="nhc-service-item">内网部署，不依赖外部接口</li>
</ul>
<div style="margin-top: 14px">
<a
@@ -586,7 +582,7 @@
<span class="nhc-product-type-badge">全渠道商城</span>
<h3 class="nhc-product-name">商城</h3>
<p class="nhc-product-desc">
支持多商户入驻、分销与拼团秒杀等常用营销工具的商城系统，可对接微信、支付宝支付。
支持多商户入驻、分销、拼团秒杀等营销功能，可对接微信、支付宝支付。
</p>
<div style="margin-top: 12px">
<a
@@ -608,7 +604,7 @@
<span class="nhc-product-type-badge">扫码收银</span>
<h3 class="nhc-product-name">收银</h3>
<p class="nhc-product-desc">
收银软件与扫码枪、小票打印机等外设配合使用，断网时可离线记账。
收银软件对接扫码枪、小票打印机等外设，断网时可离线记账。
</p>
<div style="margin-top: 12px">
<a
@@ -627,7 +623,7 @@
loading="lazy"
/>
</div>
<span class="nhc-product-type-badge">业财一体化</span>
<span class="nhc-product-type-badge">采购、销售、库存</span>
<h3 class="nhc-product-name">进销存</h3>
<p class="nhc-product-desc">
采购、销售、仓储与财务数据打通，支持多仓库调拨与库存预警。
@@ -698,7 +694,7 @@
<span class="nhc-tag-text">CASES</span>
</div>
<h2 class="nhc-section-title" style="font-size: 26px">
几个客户项目，以及当时怎么解决
客户项目：问题与解决方式
</h2>
<p
style="
@@ -708,7 +704,7 @@
line-height: 1.6;
"
>
以下案例隐去企业名称与联系人，交付范围与验收记录可另行说明。
案例已按客户要求隐去企业名称与联系人；交付范围、上线时间及验收记录可在沟通时提供。
</p>
<div class="nhc-line-divider"><span></span></div>
</div>
@@ -844,7 +840,7 @@
<span class="nhc-tag-text">PROCESS</span>
</div>
<h2 class="nhc-section-title" style="font-size: 26px">
项目怎么推进
项目推进流程
</h2>
<div class="nhc-line-divider"><span></span></div>
</div>
@@ -868,7 +864,7 @@
</div>
<div class="nhc-process-card">
<div class="nhc-process-step-num">05</div>
<h4 class="nhc-process-step-title">部署与售后支持</h4>
<h4 class="nhc-process-step-title">部署与运维支持</h4>
</div>
</div>
@@ -899,30 +895,34 @@
<div class="nhc-container">
<div class="nhc-section-header">
<div class="nhc-section-tag">
<span class="nhc-seal">客户评价</span>
<span class="nhc-seal">客户反馈</span>
<span class="nhc-tag-text">TESTIMONIALS</span>
</div>
<h2 class="nhc-section-title" style="font-size: 26px">
客户的原话
</h2>
<h2 class="nhc-section-title" style="font-size: 26px">客户反馈</h2>
<p
style="
font-size: 13px;
color: var(--text-secondary);
margin: 8px 0 0;
line-height: 1.6;
"
>
以下反馈经受访者同意后引用，并按对方要求隐去企业名称与姓名。
</p>
<div class="nhc-line-divider"><span></span></div>
</div>
<div class="nhc-testimonials-grid">
<div class="nhc-testimonial-card">
<p class="nhc-testimonial-text">
订货中台重做后，大促当天的订单没卡住，库存和财务的账也能对上了。
订货中台重构后，大促当天订单未出现积压，库存与财务账目一致。沟通直接，变更均有记录。
</p>
<div class="nhc-author-name">
供应链企业 · 技术负责人（名称已隐去）
</div>
<div class="nhc-author-name">供应链企业 · 技术负责人</div>
</div>
<div class="nhc-testimonial-card">
<p class="nhc-testimonial-text">
门店断网时照常收银，网络恢复后单据自动补传，月底对账省了不少事。
收银员半天即可上手。门店断网时仍可正常收银，网络恢复后单据自动补传，月底对账工作量明显减少。
</p>
<div class="nhc-author-name">
连锁零售企业 · 运营负责人（名称已隐去）
</div>
<div class="nhc-author-name">连锁零售企业 · 运营负责人</div>
</div>
</div>
</div>
@@ -934,10 +934,10 @@
<div class="nhc-cta-inner">
<div class="nhc-cta-content">
<h2 class="nhc-cta-title" style="font-size: 26px">
有具体的系统研发需求？可以直接沟通
有具体的系统研发或产品选型需求？可以直接沟通
</h2>
<p class="nhc-cta-desc">
由架构师直接对接，先确认业务流程与部署环境，再给方案和工期。
由架构师对接，确认业务流程与部署环境后，提供方案与工期。
</p>
</div>
<div

351
addons/official/view/web/official_home/single.html
查看文件

@@ -1,6 +1,4 @@
{extend name="web/official_common/pc/base" /}
{block name="content"}
{extend name="web/official_common/pc/base" /} {block name="content"}
<!-- 纳海川官方网站 · 关于我们独立页 (About Us Page) 开始 -->
<!-- 1. 关于我们 Hero 视窗 -->
@@ -11,28 +9,35 @@
<span>/</span>
<span>关于我们</span>
</div>
<div style="margin-bottom: 16px;">
<div style="margin-bottom: 16px">
<span class="nhc-seal">自主可控 · 源码交付</span>
</div>
<h1 class="nhc-page-title">十年技术积累 · 专注自主可控软件研发</h1>
<p class="nhc-page-desc">
贵阳纳海川科技有限公司立足西南、服务全国，专注于企业级软件系统定制、全场景移动应用与小程序定制、私有化 AI 智能体应用及成熟商业软件研发。坚持交付完整工程源代码与全套开发文档，实行严格的代码审查与质量测试，为客户交付稳定可靠、自主可控的软件系统。
贵阳纳海川科技有限公司立足西南、服务全国，专注于企业级软件系统定制、全场景移动应用与小程序定制、私有化
AI
智能体应用及成熟商业软件研发。交付完整工程源代码与全套开发文档，实行代码审查与质量测试，为客户交付稳定可靠的软件系统。
</p>
</div>
</section>
<!-- 2. 东方工程哲学与品牌渊源 (Brand & Philosophy) -->
<section class="nhc-about-brand nhc-section-padding" style="background: #FFFFFF;">
<section
class="nhc-about-brand nhc-section-padding"
style="background: #ffffff"
>
<div class="nhc-container">
<div class="nhc-section-header">
<div class="nhc-section-tag">
<span class="nhc-seal">技术立身</span>
<span class="nhc-tag-text">ENGINEERING VALUES</span>
</div>
<h2 class="nhc-section-title">坚持扎实工程落地 · 交付自主可控的高可用软件资产</h2>
<h2 class="nhc-section-title">
坚持扎实工程实践 · 交付自主可控的软件资产
</h2>
<p class="nhc-section-desc">
纳海川坚持实事求是的研发态度，以自主可控的技术体系、严格的质量标准与扎实的行业积累，为客户交付经得起考验的数字化系统。
纳海川以自主可控的技术体系、统一的质量标准与行业积累，为客户交付数字化系统。
</p>
<div class="nhc-line-divider"><span></span></div>
</div>
@@ -41,41 +46,90 @@
<div class="nhc-about-pillars-grid">
<div class="nhc-about-pillar-card nhc-corner-card">
<div class="nhc-pillar-icon-box">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M12 2L2 7l10 5 10-5-10-5zM2 17l10 5 10-5M2 12l10 5 10-5"/></svg>
<svg
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
>
<path
d="M12 2L2 7l10 5 10-5-10-5zM2 17l10 5 10-5M2 12l10 5 10-5"
/>
</svg>
</div>
<h3 class="nhc-pillar-title">自主可控研发 · 杜绝低质套壳代码</h3>
<h3 class="nhc-pillar-title">
自主可控研发 · 拒绝低质套壳代码
</h3>
<p class="nhc-pillar-text">
核心业务逻辑均遵循清晰规范自主编写，交付完整工程源代码与开发文档，支持客户进行自主维护与代码安全审计，真正实现自主可控。
核心业务逻辑遵循规范自主编写，交付完整工程源代码与开发文档，支持客户自主维护与代码安全审计。
</p>
</div>
<div class="nhc-about-pillar-card nhc-corner-card">
<div class="nhc-pillar-icon-box">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"/></svg>
<svg
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
>
<path
d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"
/>
</svg>
</div>
<h3 class="nhc-pillar-title">标准化开放架构 · 无缝对接企业现有系统</h3>
<h3 class="nhc-pillar-title">
标准化开放架构 · 对接企业现有系统
</h3>
<p class="nhc-pillar-text">
系统采用模块化与微服务设计，具备标准的 RESTful 与 RPC 接口规范。可轻松与企业既有的金蝶、用友、各类 WMS 仓储及第三方物流、支付系统互通，保护企业既有 IT 投资。
系统采用模块化与微服务设计，具备标准的 RESTful 与 RPC
接口规范。可与企业既有的金蝶、用友、各类 WMS
仓储及第三方物流、支付系统互通，保护企业既有 IT 投资。
</p>
</div>
<div class="nhc-about-pillar-card nhc-corner-card">
<div class="nhc-pillar-icon-box">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"/><polyline points="22 4 12 14.01 9 11.01"/></svg>
<svg
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
>
<path d="M22 11.08V12a10 10 0 1 1-5.93-9.14" />
<polyline points="22 4 12 14.01 9 11.01" />
</svg>
</div>
<h3 class="nhc-pillar-title">严谨工程质量管理 · 保障系统稳定运行</h3>
<h3 class="nhc-pillar-title">
严谨工程质量管理 · 支撑系统稳定运行
</h3>
<p class="nhc-pillar-text">
全流程实行规范化代码审查与多层级自动化测试，严把功能质量、并发性能与数据安全关口，确保系统在生产环境中高效稳定运行。
全流程实行规范化代码审查与多层级自动化测试，把控功能质量、并发性能与数据安全，推动系统在生产环境中稳定运行。
</p>
</div>
</div>
<!-- 十年技术演进历程时间轴 (Milestones) -->
<div class="nhc-timeline-wrap" style="margin-top: 60px;">
<div style="text-align: center; margin-bottom: 36px;">
<span class="nhc-seal" style="margin-bottom: 8px;">演进轨迹</span>
<h3 style="font-family: var(--font-serif); font-size: 22px; font-weight: 700; color: var(--text-primary); margin: 0;">
<div class="nhc-timeline-wrap" style="margin-top: 60px">
<div style="text-align: center; margin-bottom: 36px">
<span class="nhc-seal" style="margin-bottom: 8px"
>演进轨迹</span
>
<h3
style="
font-family: var(--font-serif);
font-size: 22px;
font-weight: 700;
color: var(--text-primary);
margin: 0;
"
>
纳海川十年技术积累与发展历程
</h3>
</div>
<div class="nhc-timeline-grid">
<div class="nhc-timeline-item">
@@ -89,7 +143,9 @@
<div class="nhc-timeline-item">
<div class="nhc-timeline-year">2019</div>
<div class="nhc-timeline-dot"></div>
<h4 class="nhc-timeline-title">产品成型 · 商业系统标准化</h4>
<h4 class="nhc-timeline-title">
产品成型 · 商业系统标准化
</h4>
<p class="nhc-timeline-desc">
相继发布商业商城系统、智能收银与进销存管理系统，持续服务实体商户与供应链伙伴。
</p>
@@ -97,37 +153,43 @@
<div class="nhc-timeline-item">
<div class="nhc-timeline-year">2022</div>
<div class="nhc-timeline-dot"></div>
<h4 class="nhc-timeline-title">架构升级 · 建立企业级技术底座</h4>
<h4 class="nhc-timeline-title">
架构升级 · 建立企业级技术底座
</h4>
<p class="nhc-timeline-desc">
构建纳海川高可用架构底层与业务组件库，推行规范化研发体系与严格的质量流程。
构建纳海川架构底层与业务组件库，推行规范化研发体系与质量流程。
</p>
</div>
<div class="nhc-timeline-item current">
<div class="nhc-timeline-year">2024~2026</div>
<div class="nhc-timeline-dot"></div>
<h4 class="nhc-timeline-title">AI 落地 · 垂直私域智能体研发</h4>
<h4 class="nhc-timeline-title">
AI 应用 · 垂直私域智能体研发
</h4>
<p class="nhc-timeline-desc">
发布支持内网私有部署的垂直领域 RAG 智能体与私有知识库系统，帮助政企客户解决内部文档检索慢、人工初审标准难统一的问题。
发布支持内网私有部署的垂直领域 RAG
智能体与私有知识库系统，帮助政企客户改善内部文档检索慢、人工初审标准不统一的问题。
</p>
</div>
</div>
</div>
</div>
</section>
<!-- 3. 核心研发与架构团队阵容 (Engineering Team) -->
<section class="nhc-about-team nhc-section-padding" style="background: var(--bg-secondary);">
<section
class="nhc-about-team nhc-section-padding"
style="background: var(--bg-secondary)"
>
<div class="nhc-container">
<div class="nhc-section-header">
<div class="nhc-section-tag">
<span class="nhc-seal">核心团队</span>
<span class="nhc-tag-text">TECHNICAL LEADERSHIP</span>
</div>
<h2 class="nhc-section-title">纳海川核心技术团队 · 资深专家领衔</h2>
<h2 class="nhc-section-title">纳海川核心技术团队</h2>
<p class="nhc-section-desc">
核心架构团队具备十年以上大型系统研发与高并发调优经验，严守代码质量底线，保障系统长期稳定运行。
核心架构团队具备大型系统研发与高并发调优经验，严守代码质量底线，支撑系统长期稳定运行。
</p>
<div class="nhc-line-divider"><span></span></div>
</div>
@@ -136,13 +198,31 @@
<!-- 专家 1 -->
<div class="nhc-team-card nhc-corner-card">
<div class="nhc-team-badge">技术总监</div>
<div class="nhc-team-avatar-box" style="background: transparent; border: none; box-shadow: none;">
<img src="__ADDON__/images/showcases/team_architect.svg" alt="首席系统架构师徽章" style="width: 76px; height: 76px; display: block; margin: 0 auto;">
<div
class="nhc-team-avatar-box"
style="
background: transparent;
border: none;
box-shadow: none;
"
>
<img
src="__ADDON__/images/showcases/team_architect.svg"
alt="首席系统架构师徽章"
style="
width: 76px;
height: 76px;
display: block;
margin: 0 auto;
"
/>
</div>
<h3 class="nhc-team-name">首席系统架构师</h3>
<div class="nhc-team-exp">15+ 年大型系统架构经验 · 资深系统架构专家</div>
<div class="nhc-team-exp">
多年大型系统架构经验 · 系统架构专家
</div>
<p class="nhc-team-desc">
曾主持过日均 PV 数亿级的分布式微服务架构设计与多活容灾改造，主导纳海川底层核心高并发交易引擎与数据分库分表路由算法。
曾主持分布式微服务架构设计与多活容灾改造，主导纳海川底层核心交易引擎与分库分表设计。
</p>
<div class="nhc-team-skills">
<span class="nhc-team-skill-tag">分布式架构</span>
@@ -154,16 +234,34 @@
<!-- 专家 2 -->
<div class="nhc-team-card nhc-corner-card">
<div class="nhc-team-badge">工程交付主管</div>
<div class="nhc-team-avatar-box" style="background: transparent; border: none; box-shadow: none;">
<img src="__ADDON__/images/showcases/team_fullstack.svg" alt="全栈研发总监徽章" style="width: 76px; height: 76px; display: block; margin: 0 auto;">
<div
class="nhc-team-avatar-box"
style="
background: transparent;
border: none;
box-shadow: none;
"
>
<img
src="__ADDON__/images/showcases/team_fullstack.svg"
alt="全栈研发总监徽章"
style="
width: 76px;
height: 76px;
display: block;
margin: 0 auto;
"
/>
</div>
<h3 class="nhc-team-name">全栈研发总监</h3>
<div class="nhc-team-exp">12+ 年企业软件工程经验 · 复杂供应链中台系统奠基人</div>
<div class="nhc-team-exp">
企业软件工程经验 · 供应链中台系统负责人
</div>
<p class="nhc-team-desc">
主导百套商业进销存、智能收银与私有化商城系统研发，在软硬件协议对接、离线脱机记账与业务状态机方面拥有丰富实战经验。
主导商业进销存、智能收银与私有化商城系统研发，熟悉软硬件协议对接、离线脱机记账与业务状态机。
</p>
<div class="nhc-team-skills">
<span class="nhc-team-skill-tag">高可用中台</span>
<span class="nhc-team-skill-tag">业务中台</span>
<span class="nhc-team-skill-tag">状态机编排</span>
<span class="nhc-team-skill-tag">软硬件互联</span>
</div>
@@ -172,13 +270,31 @@
<!-- 专家 3 -->
<div class="nhc-team-card nhc-corner-card">
<div class="nhc-team-badge">前沿技术带头人</div>
<div class="nhc-team-avatar-box" style="background: transparent; border: none; box-shadow: none;">
<img src="__ADDON__/images/showcases/team_ai.svg" alt="AI智能体算法主管徽章" style="width: 76px; height: 76px; display: block; margin: 0 auto;">
<div
class="nhc-team-avatar-box"
style="
background: transparent;
border: none;
box-shadow: none;
"
>
<img
src="__ADDON__/images/showcases/team_ai.svg"
alt="AI智能体算法主管徽章"
style="
width: 76px;
height: 76px;
display: block;
margin: 0 auto;
"
/>
</div>
<h3 class="nhc-team-name">AI 智能体算法主管</h3>
<div class="nhc-team-exp">计算机应用技术硕士 · 专注于企业私有 RAG 与 Agent 工作流</div>
<div class="nhc-team-exp">
计算机应用技术硕士 · 专注于企业私有 RAG 与 Agent 工作流
</div>
<p class="nhc-team-desc">
专注于开源大语言模型在政企内网环境的量化微调、向量数据库混合重排检索及多 Agent 协作工作流构建，实现垂直领域业务核查与合规问答。
专注于开源大语言模型在政企内网环境的量化微调、向量数据库检索及多智能体协作工作流构建，支撑垂直领域业务核查与合规问答。
</p>
<div class="nhc-team-skills">
<span class="nhc-team-skill-tag">私有 RAG</span>
@@ -190,13 +306,31 @@
<!-- 专家 4 -->
<div class="nhc-team-card nhc-corner-card">
<div class="nhc-team-badge">质保与合规专家</div>
<div class="nhc-team-avatar-box" style="background: transparent; border: none; box-shadow: none;">
<img src="__ADDON__/images/showcases/team_security.svg" alt="软件质量与安全合规专家徽章" style="width: 76px; height: 76px; display: block; margin: 0 auto;">
<div
class="nhc-team-avatar-box"
style="
background: transparent;
border: none;
box-shadow: none;
"
>
<img
src="__ADDON__/images/showcases/team_security.svg"
alt="软件质量与安全合规专家徽章"
style="
width: 76px;
height: 76px;
display: block;
margin: 0 auto;
"
/>
</div>
<h3 class="nhc-team-name">软件质量与安全合规专家</h3>
<div class="nhc-team-exp">CISSP 认证安全专家 · ISO 9001/27001 全流程审计师</div>
<div class="nhc-team-exp">
CISSP 认证安全专家 · ISO 9001/27001 全流程审计师
</div>
<p class="nhc-team-desc">
全面推行规范化代码审查与全流程测试，主导网络安全等保三级规范落实与数据防篡改加密，确保系统稳固合规交付。
推行规范化代码审查与全流程测试，落实网络安全等保合规规范与数据防篡改加密，推动系统合规交付。
</p>
<div class="nhc-team-skills">
<span class="nhc-team-skill-tag">代码审查</span>
@@ -209,72 +343,109 @@
</section>
<!-- 4. 法定资质、软著资产与安全合规体系 (Qualifications & Compliance) -->
<section class="nhc-about-qualifications nhc-section-padding" style="background: #FFFFFF;">
<section
class="nhc-about-qualifications nhc-section-padding"
style="background: #ffffff"
>
<div class="nhc-container">
<div class="nhc-section-header">
<div class="nhc-section-tag">
<span class="nhc-seal">合规资产</span>
<span class="nhc-tag-text">QUALIFICATIONS & ASSETS</span>
</div>
<h2 class="nhc-section-title">法定资质认证 · 严密合规资产保障</h2>
<h2 class="nhc-section-title">法定资质认证 · 合规资产保障</h2>
<p class="nhc-section-desc">
纳海川持有健全的软件著作权与安全认证体系，为客户系统提供完备的知识产权保护、合规审查依据及数据安全防护。
纳海川持有软件著作权与安全认证，为客户系统提供知识产权保护、合规审查依据及数据安全防护。
</p>
<div class="nhc-line-divider"><span></span></div>
</div>
<!-- 资质证书与合规标准网格 -->
<div class="nhc-certs-grid">
<div class="nhc-cert-card" style="padding-top: 18px;">
<div style="margin-bottom: 12px; display: flex; justify-content: center;">
<img src="__ADDON__/images/showcases/cert_hi_tech.svg" alt="国家高新技术企业认证" style="width: 140px; height: auto;">
<div class="nhc-cert-card" style="padding-top: 18px">
<div
style="
margin-bottom: 12px;
display: flex;
justify-content: center;
"
>
<img
src="__ADDON__/images/showcases/cert_hi_tech.svg"
alt="国家高新技术企业认证"
style="width: 140px; height: auto"
/>
</div>
<h3 class="nhc-cert-name">国家高新技术企业</h3>
<p class="nhc-cert-sub">遵循国家科技型企业与高新技术标准体系 · 全国高新技术企业认定管理机构备案认定</p>
<p class="nhc-cert-sub">
遵循国家科技型企业与高新技术标准体系 ·
全国高新技术企业认定管理机构备案认定
</p>
</div>
<div class="nhc-cert-card" style="padding-top: 18px;">
<div class="nhc-cert-card" style="padding-top: 18px">
<div class="nhc-cert-seal">认证</div>
<h3 class="nhc-cert-name">双软企业评估认证</h3>
<p class="nhc-cert-sub">严格遵循软件产品评估与软件企业专业规范 · 规范化软件工程管理</p>
<p class="nhc-cert-sub">
遵循软件产品评估与软件企业专业规范 · 规范化软件工程管理
</p>
</div>
<div class="nhc-cert-card" style="padding-top: 18px;">
<div style="margin-bottom: 12px; display: flex; justify-content: center;">
<img src="__ADDON__/images/showcases/cert_iso9001.svg" alt="ISO9001质量管理体系认证" style="width: 140px; height: auto;">
<div class="nhc-cert-card" style="padding-top: 18px">
<div
style="
margin-bottom: 12px;
display: flex;
justify-content: center;
"
>
<img
src="__ADDON__/images/showcases/cert_iso9001.svg"
alt="ISO9001质量管理体系认证"
style="width: 140px; height: auto"
/>
</div>
<h3 class="nhc-cert-name">ISO9001:2015 质量管理体系认证</h3>
<p class="nhc-cert-sub">参照 ISO9001 质量管理体系规范 · 全生命周期敏捷研发与严格质量验收交付</p>
<p class="nhc-cert-sub">
参照 ISO9001 质量管理体系规范 ·
全生命周期敏捷研发与质量验收交付
</p>
</div>
<div class="nhc-cert-card" style="padding-top: 18px;">
<div class="nhc-cert-card" style="padding-top: 18px">
<div class="nhc-cert-seal">体系</div>
<h3 class="nhc-cert-name">ISO27001:2022 信息安全管理体系</h3>
<p class="nhc-cert-sub">对标 ISO27001 信息安全管理规范 · 客户数据资产与信息安全防护标准体系</p>
<p class="nhc-cert-sub">
对标 ISO27001 信息安全管理规范 ·
客户数据资产与信息安全防护标准体系
</p>
</div>
</div>
<!-- 软著资产与私有合规承诺 -->
<div class="nhc-assets-banner" style="margin-top: 36px;">
<div class="nhc-assets-banner" style="margin-top: 36px">
<div class="nhc-assets-item">
<div class="nhc-assets-num">自主可控</div>
<div class="nhc-assets-title">计算机软件著作权登记证书</div>
<div class="nhc-assets-desc">
核心业务系统拥有自主可控知识产权，软件著作权依法登记保护，源代码自主研发，杜绝知识产权纠纷。
核心业务系统拥有自主可控知识产权，软件著作权依法登记保护，源代码自主研发，避免知识产权纠纷。
</div>
</div>
<div class="nhc-assets-divider"></div>
<div class="nhc-assets-item">
<div class="nhc-assets-num">全量</div>
<div class="nhc-assets-title">完整源码交付与私有化部署</div>
<div class="nhc-assets-desc">客户专属环境独立部署，提供全套开源编译指令、数据库结构字典与架构拓扑，严守数据物理隔离</div>
<div class="nhc-assets-desc">
客户专属环境独立部署，提供全套开源编译指令、数据库结构字典与架构拓扑，数据不出客户内网。
</div>
</div>
<div class="nhc-assets-divider"></div>
<div class="nhc-assets-item">
<div class="nhc-assets-num">等保合规</div>
<div class="nhc-assets-title">网络安全等级保护合规设计</div>
<div class="nhc-assets-desc">严格遵循网络安全法规范与公安部等保三级技术要求，支持防篡改、TLS 1.3 强加密与完整不可篡改的操作审计日志</div>
<div class="nhc-assets-desc">
遵循网络安全法规范与等保合规技术要求，支持防篡改、TLS 1.3
加密与完整的操作审计日志
</div>
</div>
</div>
</div>
</section>
@@ -283,18 +454,44 @@
<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>
<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">
<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>
<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">
<a
href="tel:{:__config('site_mobile','value')}"
class="nhc-btn nhc-cta-btn-ghost nhc-btn-lg"
>
<span>电话咨询</span>
</a>
</div>
@@ -303,4 +500,4 @@
</section>
<!-- 纳海川官方网站 · 关于我们独立页 (About Us Page) 结束 -->
{/block}
{/block}

771
addons/official/view/web/official_home/single_e.html
查看文件

@@ -1,204 +1,733 @@
{extend name="web/official_common/mobile/base" /}
{block name="content"}
{extend name="web/official_common/mobile/base" /} {block name="content"}
<!-- 纳海川官方网站 · 移动端关于我们独立页 (About Us Page Mobile) 开始 -->
<div class="nhc-mobile-about-page" style="background: #F8FAFC; min-height: 100vh; padding-bottom: 60px;">
<div
class="nhc-mobile-about-page"
style="background: #f8fafc; min-height: 100vh; padding-bottom: 60px"
>
<!-- 1. 移动端 Hero 视窗 -->
<div style="background: #FFFFFF; padding: 28px 16px 24px; 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
style="
background: #ffffff;
padding: 28px 16px 24px;
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 10px 0; line-height: 1.4;">
<h1
style="
font-family:
&quot;Noto Serif SC&quot;, &quot;SimSun&quot;, serif;
font-size: 20px;
font-weight: 700;
color: #0f172a;
margin: 0 0 10px 0;
line-height: 1.4;
"
>
十年技术积累 · 专注自主可控软件研发
</h1>
<p style="font-size: 13px; color: #64748B; margin: 0; line-height: 1.6; text-align: justify;">
贵阳纳海川科技有限公司专注于企业级软件定制开发、全场景移动端与小程序定制、私有化 AI 智能体及商业数字化软件研发。坚持交付完整工程源码与全套开发文档，支持私有化部署与长期维护。
<p
style="
font-size: 13px;
color: #64748b;
margin: 0;
line-height: 1.6;
text-align: justify;
"
>
贵阳纳海川科技有限公司专注于企业级软件定制开发、全场景移动端与小程序定制、私有化
AI
智能体及商业数字化软件研发。交付完整工程源码与全套开发文档，支持私有化部署与后续维护。
</p>
</div>
<!-- 2. 研发三大准则 -->
<div style="padding: 20px 16px;">
<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: 17px; font-weight: 700; color: #0F172A; margin: 6px 0 0;">
扎实工程落地 · 交付自主可控软件
<div style="padding: 20px 16px">
<div style="text-align: center; margin-bottom: 16px">
<span class="nhc-seal" style="padding: 2px 8px; font-size: 11px"
>研发准则</span
>
<h2
style="
font-family:
&quot;Noto Serif SC&quot;, &quot;SimSun&quot;, serif;
font-size: 17px;
font-weight: 700;
color: #0f172a;
margin: 6px 0 0;
"
>
扎实工程实践 · 交付自主可控软件
</h2>
</div>
<div style="display: flex; flex-direction: column; gap: 12px;">
<div style="background: #FFFFFF; border-radius: 6px; border: 1px solid #E2E8F0; padding: 16px; border-left: 3px solid #2563EB;">
<h3 style="font-family: 'Noto Serif SC', serif; font-size: 15px; font-weight: 700; color: #0F172A; margin: 0 0 6px;">
自主可控研发 · 杜绝低质套壳代码
<div style="display: flex; flex-direction: column; gap: 12px">
<div
style="
background: #ffffff;
border-radius: 6px;
border: 1px solid #e2e8f0;
padding: 16px;
border-left: 3px solid #2563eb;
"
>
<h3
style="
font-family: &quot;Noto Serif SC&quot;, serif;
font-size: 15px;
font-weight: 700;
color: #0f172a;
margin: 0 0 6px;
"
>
自主可控研发 · 拒绝低质套壳代码
</h3>
<p style="font-size: 12px; color: #475569; margin: 0; line-height: 1.6;">
每一行核心业务逻辑均遵循清晰规范自主编写，交付完整工程源码，支持客户进行自主维护与代码审计。
<p
style="
font-size: 12px;
color: #475569;
margin: 0;
line-height: 1.6;
"
>
核心业务逻辑遵循规范自主编写，交付完整工程源码，支持客户自主维护与代码审计。
</p>
</div>
<div style="background: #FFFFFF; border-radius: 6px; border: 1px solid #E2E8F0; padding: 16px; border-left: 3px solid #06B6D4;">
<h3 style="font-family: 'Noto Serif SC', serif; font-size: 15px; font-weight: 700; color: #0F172A; margin: 0 0 6px;">
标准化开放架构 · 无缝对接企业系统
<div
style="
background: #ffffff;
border-radius: 6px;
border: 1px solid #e2e8f0;
padding: 16px;
border-left: 3px solid #06b6d4;
"
>
<h3
style="
font-family: &quot;Noto Serif SC&quot;, serif;
font-size: 15px;
font-weight: 700;
color: #0f172a;
margin: 0 0 6px;
"
>
标准化开放架构 · 对接企业系统
</h3>
<p style="font-size: 12px; color: #475569; margin: 0; line-height: 1.6;">
具备标准 API 接口规范，无缝对接企业既有 ERP、WMS 仓储及第三方平台。
<p
style="
font-size: 12px;
color: #475569;
margin: 0;
line-height: 1.6;
"
>
具备标准 API 接口规范，对接企业既有 ERP、WMS
仓储及第三方平台。
</p>
</div>
<div style="background: #FFFFFF; border-radius: 6px; border: 1px solid #E2E8F0; padding: 16px; border-left: 3px solid #7C3AED;">
<h3 style="font-family: 'Noto Serif SC', serif; font-size: 15px; font-weight: 700; color: #0F172A; margin: 0 0 6px;">
严谨工程质量管理 · 保障系统稳定运行
<div
style="
background: #ffffff;
border-radius: 6px;
border: 1px solid #e2e8f0;
padding: 16px;
border-left: 3px solid #7c3aed;
"
>
<h3
style="
font-family: &quot;Noto Serif SC&quot;, serif;
font-size: 15px;
font-weight: 700;
color: #0f172a;
margin: 0 0 6px;
"
>
严谨工程质量管理 · 支撑系统稳定运行
</h3>
<p style="font-size: 12px; color: #475569; margin: 0; line-height: 1.6;">
全流程实行规范化代码审查与自动化测试，严格把控质量与性能，保障系统平稳上线。
<p
style="
font-size: 12px;
color: #475569;
margin: 0;
line-height: 1.6;
"
>
全流程实行规范化代码审查与自动化测试，把控质量与性能，推动系统平稳上线。
</p>
</div>
</div>
</div>
<!-- 3. 十年技术演进历程 -->
<div style="background: #FFFFFF; border-top: 1px solid #E2E8F0; border-bottom: 1px solid #E2E8F0; padding: 22px 16px;">
<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: 17px; font-weight: 700; color: #0F172A; margin: 6px 0 0;">
<div
style="
background: #ffffff;
border-top: 1px solid #e2e8f0;
border-bottom: 1px solid #e2e8f0;
padding: 22px 16px;
"
>
<div style="text-align: center; margin-bottom: 16px">
<span class="nhc-seal" style="padding: 2px 8px; font-size: 11px"
>演进轨迹</span
>
<h2
style="
font-family:
&quot;Noto Serif SC&quot;, &quot;SimSun&quot;, serif;
font-size: 17px;
font-weight: 700;
color: #0f172a;
margin: 6px 0 0;
"
>
十年技术积累与发展历程
</h2>
</div>
<div style="position: relative; padding-left: 20px; border-left: 2px solid #E2E8F0; margin-left: 10px;">
<div style="margin-bottom: 18px; position: relative;">
<div style="position: absolute; left: -26px; top: 2px; width: 10px; height: 10px; border-radius: 50%; background: #2563EB;"></div>
<div style="font-size: 12px; font-weight: 700; color: #2563EB;">2016 初创起步</div>
<div style="font-size: 12px; color: #475569; margin-top: 2px;">专注政企与商业软件定制，确立自主可控的微服务技术体系</div>
<div
style="
position: relative;
padding-left: 20px;
border-left: 2px solid #e2e8f0;
margin-left: 10px;
"
>
<div style="margin-bottom: 18px; position: relative">
<div
style="
position: absolute;
left: -26px;
top: 2px;
width: 10px;
height: 10px;
border-radius: 50%;
background: #2563eb;
"
></div>
<div style="font-size: 12px; font-weight: 700; color: #2563eb">
2016 初创起步
</div>
<div style="font-size: 12px; color: #475569; margin-top: 2px">
专注政企与商业软件定制，确立自主可控的微服务技术体系
</div>
</div>
<div style="margin-bottom: 18px; position: relative;">
<div style="position: absolute; left: -26px; top: 2px; width: 10px; height: 10px; border-radius: 50%; background: #06B6D4;"></div>
<div style="font-size: 12px; font-weight: 700; color: #06B6D4;">2019 商业系统成型</div>
<div style="font-size: 12px; color: #475569; margin-top: 2px;">发布商城、智能收银与进销存管理系统，服务超百家商户</div>
<div style="margin-bottom: 18px; position: relative">
<div
style="
position: absolute;
left: -26px;
top: 2px;
width: 10px;
height: 10px;
border-radius: 50%;
background: #06b6d4;
"
></div>
<div style="font-size: 12px; font-weight: 700; color: #06b6d4">
2019 商业系统成型
</div>
<div style="font-size: 12px; color: #475569; margin-top: 2px">
发布商城、智能收银与进销存管理系统，服务实体商户
</div>
</div>
<div style="margin-bottom: 18px; position: relative;">
<div style="position: absolute; left: -26px; top: 2px; width: 10px; height: 10px; border-radius: 50%; background: #7C3AED;"></div>
<div style="font-size: 12px; font-weight: 700; color: #7C3AED;">2022 工程体系升级</div>
<div style="font-size: 12px; color: #475569; margin-top: 2px;">推行规范化代码审查与全流程测试，建立高可用中台底座</div>
<div style="margin-bottom: 18px; position: relative">
<div
style="
position: absolute;
left: -26px;
top: 2px;
width: 10px;
height: 10px;
border-radius: 50%;
background: #7c3aed;
"
></div>
<div style="font-size: 12px; font-weight: 700; color: #7c3aed">
2022 工程体系升级
</div>
<div style="font-size: 12px; color: #475569; margin-top: 2px">
推行规范化代码审查与全流程测试，建立业务中台底座
</div>
</div>
<div style="position: relative;">
<div style="position: absolute; left: -26px; top: 2px; width: 10px; height: 10px; border-radius: 50%; background: #B91C1C;"></div>
<div style="font-size: 12px; font-weight: 700; color: #B91C1C;">2024~2026 AI 智能体跨越</div>
<div style="font-size: 12px; color: #475569; margin-top: 2px;">落地自研私有化垂直大模型与 RAG 智能体平台</div>
<div style="position: relative">
<div
style="
position: absolute;
left: -26px;
top: 2px;
width: 10px;
height: 10px;
border-radius: 50%;
background: #b91c1c;
"
></div>
<div style="font-size: 12px; font-weight: 700; color: #b91c1c">
2024~2026 AI 智能体跨越
</div>
<div style="font-size: 12px; color: #475569; margin-top: 2px">
推出私有化垂直大模型与 RAG 智能体平台
</div>
</div>
</div>
</div>
<!-- 4. 技术团队专家阵容 (Team) -->
<div style="padding: 22px 16px;">
<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: 17px; font-weight: 700; color: #0F172A; margin: 6px 0 0;">
纳海川核心技术专家团队
<div style="padding: 22px 16px">
<div style="text-align: center; margin-bottom: 16px">
<span class="nhc-seal" style="padding: 2px 8px; font-size: 11px"
>核心团队</span
>
<h2
style="
font-family:
&quot;Noto Serif SC&quot;, &quot;SimSun&quot;, serif;
font-size: 17px;
font-weight: 700;
color: #0f172a;
margin: 6px 0 0;
"
>
纳海川核心技术团队
</h2>
</div>
<div style="display: flex; flex-direction: column; gap: 12px;">
<div style="background: #FFFFFF; border-radius: 6px; border: 1px solid #E2E8F0; padding: 16px;">
<div style="display: flex; align-items: center; gap: 12px; margin-bottom: 8px;">
<img src="__ADDON__/images/showcases/team_architect.svg" alt="首席系统架构师徽章" style="width: 46px; height: 46px; flex-shrink: 0;">
<div style="display: flex; flex-direction: column; gap: 12px">
<div
style="
background: #ffffff;
border-radius: 6px;
border: 1px solid #e2e8f0;
padding: 16px;
"
>
<div
style="
display: flex;
align-items: center;
gap: 12px;
margin-bottom: 8px;
"
>
<img
src="__ADDON__/images/showcases/team_architect.svg"
alt="首席系统架构师徽章"
style="width: 46px; height: 46px; flex-shrink: 0"
/>
<div>
<h3 style="font-family: 'Noto Serif SC', serif; font-size: 15px; font-weight: 700; color: #0F172A; margin: 0;">首席系统架构师</h3>
<span style="font-size: 11px; color: #2563EB; font-weight: 600;">技术总监</span>
<h3
style="
font-family: &quot;Noto Serif SC&quot;, serif;
font-size: 15px;
font-weight: 700;
color: #0f172a;
margin: 0;
"
>
首席系统架构师
</h3>
<span
style="
font-size: 11px;
color: #2563eb;
font-weight: 600;
"
>技术总监</span
>
</div>
</div>
<div style="font-size: 11px; color: #64748B; margin-bottom: 6px;">15+ 年大型系统架构经验 · 资深系统架构专家</div>
<p style="font-size: 12px; color: #475569; margin: 0; line-height: 1.5;">主导十亿级高并发中台与纳海川底层高可用交易引擎。</p>
<div
style="font-size: 11px; color: #64748b; margin-bottom: 6px"
>
多年大型系统架构经验 · 系统架构专家
</div>
<p
style="
font-size: 12px;
color: #475569;
margin: 0;
line-height: 1.5;
"
>
主导业务中台与纳海川底层交易引擎。
</p>
</div>
<div style="background: #FFFFFF; border-radius: 6px; border: 1px solid #E2E8F0; padding: 16px;">
<div style="display: flex; align-items: center; gap: 12px; margin-bottom: 8px;">
<img src="__ADDON__/images/showcases/team_fullstack.svg" alt="全栈研发总监徽章" style="width: 46px; height: 46px; flex-shrink: 0;">
<div
style="
background: #ffffff;
border-radius: 6px;
border: 1px solid #e2e8f0;
padding: 16px;
"
>
<div
style="
display: flex;
align-items: center;
gap: 12px;
margin-bottom: 8px;
"
>
<img
src="__ADDON__/images/showcases/team_fullstack.svg"
alt="全栈研发总监徽章"
style="width: 46px; height: 46px; flex-shrink: 0"
/>
<div>
<h3 style="font-family: 'Noto Serif SC', serif; font-size: 15px; font-weight: 700; color: #0F172A; margin: 0;">全栈研发总监</h3>
<span style="font-size: 11px; color: #06B6D4; font-weight: 600;">工程交付主管</span>
<h3
style="
font-family: &quot;Noto Serif SC&quot;, serif;
font-size: 15px;
font-weight: 700;
color: #0f172a;
margin: 0;
"
>
全栈研发总监
</h3>
<span
style="
font-size: 11px;
color: #06b6d4;
font-weight: 600;
"
>工程交付主管</span
>
</div>
</div>
<div style="font-size: 11px; color: #64748B; margin-bottom: 6px;">12+ 年企业软件工程经验 · 供应链系统奠基人</div>
<p style="font-size: 12px; color: #475569; margin: 0; line-height: 1.5;">主导近百套商业进销存、收银及供应链系统工程落地。</p>
<div
style="font-size: 11px; color: #64748b; margin-bottom: 6px"
>
企业软件工程经验 · 供应链系统负责人
</div>
<p
style="
font-size: 12px;
color: #475569;
margin: 0;
line-height: 1.5;
"
>
主导商业进销存、收银及供应链系统研发。
</p>
</div>
<div style="background: #FFFFFF; border-radius: 6px; border: 1px solid #E2E8F0; padding: 16px;">
<div style="display: flex; align-items: center; gap: 12px; margin-bottom: 8px;">
<img src="__ADDON__/images/showcases/team_ai.svg" alt="AI智能体算法主管徽章" style="width: 46px; height: 46px; flex-shrink: 0;">
<div
style="
background: #ffffff;
border-radius: 6px;
border: 1px solid #e2e8f0;
padding: 16px;
"
>
<div
style="
display: flex;
align-items: center;
gap: 12px;
margin-bottom: 8px;
"
>
<img
src="__ADDON__/images/showcases/team_ai.svg"
alt="AI智能体算法主管徽章"
style="width: 46px; height: 46px; flex-shrink: 0"
/>
<div>
<h3 style="font-family: 'Noto Serif SC', serif; font-size: 15px; font-weight: 700; color: #0F172A; margin: 0;">AI 智能体算法主管</h3>
<span style="font-size: 11px; color: #7C3AED; font-weight: 600;">前沿技术带头人</span>
<h3
style="
font-family: &quot;Noto Serif SC&quot;, serif;
font-size: 15px;
font-weight: 700;
color: #0f172a;
margin: 0;
"
>
AI 智能体算法主管
</h3>
<span
style="
font-size: 11px;
color: #7c3aed;
font-weight: 600;
"
>前沿技术带头人</span
>
</div>
</div>
<div style="font-size: 11px; color: #64748B; margin-bottom: 6px;">计算机硕士 · 私有 RAG 与 Agent 工作流</div>
<p style="font-size: 12px; color: #475569; margin: 0; line-height: 1.5;">专注于政企内网环境大模型微调与多智能体工作流协同。</p>
<div
style="font-size: 11px; color: #64748b; margin-bottom: 6px"
>
计算机硕士 · 私有 RAG 与 Agent 工作流
</div>
<p
style="
font-size: 12px;
color: #475569;
margin: 0;
line-height: 1.5;
"
>
专注于政企内网环境大模型微调与多智能体工作流协同。
</p>
</div>
<div style="background: #FFFFFF; border-radius: 6px; border: 1px solid #E2E8F0; padding: 16px;">
<div style="display: flex; align-items: center; gap: 12px; margin-bottom: 8px;">
<img src="__ADDON__/images/showcases/team_security.svg" alt="质量与安全合规专家徽章" style="width: 46px; height: 46px; flex-shrink: 0;">
<div
style="
background: #ffffff;
border-radius: 6px;
border: 1px solid #e2e8f0;
padding: 16px;
"
>
<div
style="
display: flex;
align-items: center;
gap: 12px;
margin-bottom: 8px;
"
>
<img
src="__ADDON__/images/showcases/team_security.svg"
alt="质量与安全合规专家徽章"
style="width: 46px; height: 46px; flex-shrink: 0"
/>
<div>
<h3 style="font-family: 'Noto Serif SC', serif; font-size: 15px; font-weight: 700; color: #0F172A; margin: 0;">质量与安全合规专家</h3>
<span style="font-size: 11px; color: #059669; font-weight: 600;">CISSP 专家</span>
<h3
style="
font-family: &quot;Noto Serif SC&quot;, serif;
font-size: 15px;
font-weight: 700;
color: #0f172a;
margin: 0;
"
>
质量与安全合规专家
</h3>
<span
style="
font-size: 11px;
color: #059669;
font-weight: 600;
"
>CISSP 专家</span
>
</div>
</div>
<div style="font-size: 11px; color: #64748B; margin-bottom: 6px;">CISSP / ISO 9001/27001 审计师</div>
<p style="font-size: 12px; color: #475569; margin: 0; line-height: 1.5;">推行规范化代码审查与全流程测试，落实等保三级合规要求。</p>
<div
style="font-size: 11px; color: #64748b; margin-bottom: 6px"
>
CISSP / ISO 9001/27001 审计师
</div>
<p
style="
font-size: 12px;
color: #475569;
margin: 0;
line-height: 1.5;
"
>
推行规范化代码审查与全流程测试，落实等保合规要求。
</p>
</div>
</div>
</div>
<!-- 5. 法定资质与软著资产 (Qualifications) -->
<div style="background: #FFFFFF; border-top: 1px solid #E2E8F0; border-bottom: 1px solid #E2E8F0; padding: 22px 16px;">
<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: 17px; font-weight: 700; color: #0F172A; margin: 6px 0 0;">
法定资质与软著合规资产
<div
style="
background: #ffffff;
border-top: 1px solid #e2e8f0;
border-bottom: 1px solid #e2e8f0;
padding: 22px 16px;
"
>
<div style="text-align: center; margin-bottom: 16px">
<span class="nhc-seal" style="padding: 2px 8px; font-size: 11px"
>资质背书</span
>
<h2
style="
font-family:
&quot;Noto Serif SC&quot;, &quot;SimSun&quot;, serif;
font-size: 17px;
font-weight: 700;
color: #0f172a;
margin: 6px 0 0;
"
>
法定资质与合规资产
</h2>
</div>
<div style="display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; margin-bottom: 16px;">
<div style="background: #F8FAFC; border: 1px solid #E2E8F0; border-radius: 4px; padding: 12px 8px; text-align: center;">
<img src="__ADDON__/images/showcases/cert_hi_tech.svg" alt="国家高新技术企业" style="height: 36px; width: auto; margin-bottom: 6px;">
<div style="font-size: 12px; font-weight: 700; color: #0F172A;">国家高新技术企业</div>
<div style="font-size: 10px; color: #64748B; margin-top: 2px;">官方机构备案认定</div>
<div
style="
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 10px;
margin-bottom: 16px;
"
>
<div
style="
background: #f8fafc;
border: 1px solid #e2e8f0;
border-radius: 4px;
padding: 12px 8px;
text-align: center;
"
>
<img
src="__ADDON__/images/showcases/cert_hi_tech.svg"
alt="国家高新技术企业"
style="height: 36px; width: auto; margin-bottom: 6px"
/>
<div style="font-size: 12px; font-weight: 700; color: #0f172a">
国家高新技术企业
</div>
<div style="font-size: 10px; color: #64748b; margin-top: 2px">
官方机构备案认定
</div>
</div>
<div style="background: #F8FAFC; border: 1px solid #E2E8F0; border-radius: 4px; padding: 12px 8px; text-align: center;">
<div class="nhc-seal" style="margin-bottom: 8px; font-size: 10px;">专业认证</div>
<div style="font-size: 12px; font-weight: 700; color: #0F172A;">双软企业评估认证</div>
<div style="font-size: 10px; color: #64748B; margin-top: 2px;">软件专业技术评估</div>
<div
style="
background: #f8fafc;
border: 1px solid #e2e8f0;
border-radius: 4px;
padding: 12px 8px;
text-align: center;
"
>
<div
class="nhc-seal"
style="margin-bottom: 8px; font-size: 10px"
>
专业认证
</div>
<div style="font-size: 12px; font-weight: 700; color: #0f172a">
双软企业评估认证
</div>
<div style="font-size: 10px; color: #64748b; margin-top: 2px">
软件专业技术评估
</div>
</div>
<div style="background: #F8FAFC; border: 1px solid #E2E8F0; border-radius: 4px; padding: 12px 8px; text-align: center;">
<img src="__ADDON__/images/showcases/cert_iso9001.svg" alt="ISO9001质量认证" style="height: 36px; width: auto; margin-bottom: 6px;">
<div style="font-size: 12px; font-weight: 700; color: #0F172A;">ISO 9001 质量认证</div>
<div style="font-size: 10px; color: #64748B; margin-top: 2px;">标准化交付体系</div>
<div
style="
background: #f8fafc;
border: 1px solid #e2e8f0;
border-radius: 4px;
padding: 12px 8px;
text-align: center;
"
>
<img
src="__ADDON__/images/showcases/cert_iso9001.svg"
alt="ISO9001质量认证"
style="height: 36px; width: auto; margin-bottom: 6px"
/>
<div style="font-size: 12px; font-weight: 700; color: #0f172a">
ISO 9001 质量认证
</div>
<div style="font-size: 10px; color: #64748b; margin-top: 2px">
标准化交付体系
</div>
</div>
<div style="background: #F8FAFC; border: 1px solid #E2E8F0; border-radius: 4px; padding: 12px 8px; text-align: center;">
<div class="nhc-seal" style="margin-bottom: 8px; font-size: 10px;">安全体系</div>
<div style="font-size: 12px; font-weight: 700; color: #0F172A;">ISO 27001 安全认证</div>
<div style="font-size: 10px; color: #64748B; margin-top: 2px;">信息安全合规标准</div>
<div
style="
background: #f8fafc;
border: 1px solid #e2e8f0;
border-radius: 4px;
padding: 12px 8px;
text-align: center;
"
>
<div
class="nhc-seal"
style="margin-bottom: 8px; font-size: 10px"
>
安全体系
</div>
<div style="font-size: 12px; font-weight: 700; color: #0f172a">
ISO 27001 安全认证
</div>
<div style="font-size: 10px; color: #64748b; margin-top: 2px">
信息安全合规标准
</div>
</div>
</div>
<div style="background: #F1F5F9; border-radius: 4px; padding: 12px; text-align: center;">
<span style="font-family: 'Noto Serif SC', serif; font-size: 20px; font-weight: 700; color: #2563EB;">50<sub style="font-size: 12px;">+</sub></span>
<span style="font-size: 13px; font-weight: 600; color: #0F172A; margin-left: 6px;">项国家计算机软件著作权资产</span>
<div style="font-size: 11px; color: #64748B; margin-top: 4px;">等保三级规范适配 · 完整源码交付与私有化部署</div>
<div
style="
background: #f1f5f9;
border-radius: 4px;
padding: 12px;
text-align: center;
"
>
<span
style="
font-family: &quot;Noto Serif SC&quot;, serif;
font-size: 20px;
font-weight: 700;
color: #2563eb;
"
>已登记</span
>
<span
style="
font-size: 13px;
font-weight: 600;
color: #0f172a;
margin-left: 6px;
"
>国家计算机软件著作权</span
>
<div style="font-size: 11px; color: #64748b; margin-top: 4px">
等保合规适配 · 完整源码交付与私有化部署
</div>
</div>
</div>
<!-- 6. 底部行动号召 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;">
<div style="padding: 24px 16px; text-align: center">
<h3
style="
font-family: &quot;Noto Serif SC&quot;, serif;
font-size: 16px;
font-weight: 700;
color: #0f172a;
margin: 0 0 8px 0;
"
>
预约纳海川架构师方案研讨
</h3>
<p style="font-size: 12px; color: #64748B; margin: 0 0 16px 0;">
24 小时内快速响应对接，量身输出数字化落地方案
<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
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>
<!-- 纳海川官方网站 · 移动端关于我们独立页 (About Us Page Mobile) 结束 -->
{/block}
{/block}

259
addons/official/view/web/official_journalism/details.html
查看文件

@@ -1,54 +1,134 @@
{extend name="web/official_common/pc/base" /}
{block name="content"}
{extend name="web/official_common/pc/base" /} {block name="content"}
<!-- 纳海川官方网站 现代中式技术文章与资讯详情页 开始 -->
<div class="nhc-article-detail-wrap">
<div class="nhc-container" style="max-width: 980px;">
<div class="nhc-container" style="max-width: 980px">
<!-- 面包屑导航 -->
<nav class="nhc-breadcrumb">
<a href="/">{:__l('index','Website homepage')}</a>
<span class="sep">&gt;</span>
<a href="{:addon_url('official/web.official_journalism/list',[':pid'=>6,':sid'=>6])}">新闻资讯</a>
<a
href="{:addon_url('official/web.official_journalism/list',[':pid'=>6,':sid'=>6])}"
>新闻资讯</a
>
<span class="sep">&gt;</span>
<a href="{:addon_url('official/web.official_journalism/list',[':pid'=>(int)input('param.pid'),':sid'=>(int)input('param.sid')])}">{:ze($category,'name')}</a>
<a
href="{:addon_url('official/web.official_journalism/list',[':pid'=>(int)input('param.pid'),':sid'=>(int)input('param.sid')])}"
>{:ze($category,'name')}</a
>
<span class="sep">&gt;</span>
<span style="color: var(--text-primary); font-weight: 500;">正文</span>
<span style="color: var(--text-primary); font-weight: 500"
>正文</span
>
</nav>
<!-- 文章主体卡片 -->
<article style="background: #FFFFFF; border: 1px solid var(--border-color); border-radius: var(--radius-sm); padding: 48px; box-shadow: var(--shadow-subtle);">
<article
style="
background: #ffffff;
border: 1px solid var(--border-color);
border-radius: var(--radius-sm);
padding: 48px;
box-shadow: var(--shadow-subtle);
"
>
<!-- 文章头部信息 -->
<header class="nhc-article-header">
<div style="display: flex; align-items: center; gap: 8px; margin-bottom: 16px;">
<div
style="
display: flex;
align-items: center;
gap: 8px;
margin-bottom: 16px;
"
>
<span class="nhc-seal">纳海川研发</span>
<span class="nhc-article-category-badge">{:ze($category,'name')}</span>
<span class="nhc-article-category-badge"
>{:ze($category,'name')}</span
>
</div>
<h1 class="nhc-article-detail-title">{$data['title']}</h1>
<div class="nhc-article-detail-meta">
{if !empty($data['source'])}
<span>
<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"/><circle cx="12" cy="7" r="4"/></svg>
<svg
width="14"
height="14"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
>
<path
d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"
/>
<circle cx="12" cy="7" r="4" />
</svg>
<strong>出处：</strong>
{if !empty($data['source_url'])}
<a href="{$data['source_url']}" target="_blank" rel="noopener noreferrer" style="color: var(--primary);">{$data['source']}</a>
<a
href="{$data['source_url']}"
target="_blank"
rel="noopener noreferrer"
style="color: var(--primary)"
>{$data['source']}</a
>
{else/}
<span>{$data['source']}</span>
{/if}
</span>
{/if}
<span>
<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="3" y="4" width="18" height="18" rx="2" ry="2"/><line x1="16" y1="2" x2="16" y2="6"/><line x1="8" y1="2" x2="8" y2="6"/><line x1="3" y1="10" x2="21" y2="10"/></svg>
<svg
width="14"
height="14"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
>
<rect
x="3"
y="4"
width="18"
height="18"
rx="2"
ry="2"
/>
<line x1="16" y1="2" x2="16" y2="6" />
<line x1="8" y1="2" x2="8" y2="6" />
<line x1="3" y1="10" x2="21" y2="10" />
</svg>
{:date('Y-m-d H:i', $data['createtime'])}
</span>
<span>
<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"/><circle cx="12" cy="12" r="3"/></svg>
<svg
width="14"
height="14"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
>
<path
d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"
/>
<circle cx="12" cy="12" r="3" />
</svg>
阅读浏览 {$data['click']} 次
</span>
<span>
<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="12" cy="12" r="10"/><polyline points="12 6 12 12 14 14"/></svg>
<svg
width="14"
height="14"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
>
<circle cx="12" cy="12" r="10" />
<polyline points="12 6 12 12 14 14" />
</svg>
纳海川技术团队
</span>
</div>
@@ -56,7 +136,18 @@
<!-- 文章摘要引用条 -->
{if !empty($data['subheading'])}
<div style="background: #F8FAFC; border-left: 3px solid var(--primary); padding: 16px 20px; margin-bottom: 32px; border-radius: 0 var(--radius-sm) var(--radius-sm) 0; font-size: 14px; color: var(--text-secondary); line-height: 1.7;">
<div
style="
background: #f8fafc;
border-left: 3px solid var(--primary);
padding: 16px 20px;
margin-bottom: 32px;
border-radius: 0 var(--radius-sm) var(--radius-sm) 0;
font-size: 14px;
color: var(--text-secondary);
line-height: 1.7;
"
>
<strong>核心要点：</strong>{$data['subheading']}
</div>
{/if}
@@ -67,15 +158,68 @@
</div>
<!-- 文末技术团队说明与咨询 -->
<div style="margin-top: 48px; padding: 24px; background: #F8FAFC; border: 1px solid var(--border-color); border-radius: var(--radius-sm); display: flex; align-items: flex-start; gap: 16px;">
<div style="width: 44px; height: 44px; border-radius: var(--radius-sm); background: var(--primary); color: #FFFFFF; display: flex; align-items: center; justify-content: center; font-weight: 700; font-size: 18px; flex-shrink: 0;">川</div>
<div
style="
margin-top: 48px;
padding: 24px;
background: #f8fafc;
border: 1px solid var(--border-color);
border-radius: var(--radius-sm);
display: flex;
align-items: flex-start;
gap: 16px;
"
>
<div
style="
width: 44px;
height: 44px;
border-radius: var(--radius-sm);
background: var(--primary);
color: #ffffff;
display: flex;
align-items: center;
justify-content: center;
font-weight: 700;
font-size: 18px;
flex-shrink: 0;
"
>
川
</div>
<div>
<div style="display: flex; align-items: center; gap: 8px; margin-bottom: 6px;">
<span style="font-family: var(--font-serif); font-size: 16px; font-weight: 700; color: var(--text-primary);">贵阳纳海川科技有限公司 · 技术团队</span>
<span class="nhc-seal" style="font-size: 10px; padding: 1px 6px;">技术分享</span>
<div
style="
display: flex;
align-items: center;
gap: 8px;
margin-bottom: 6px;
"
>
<span
style="
font-family: var(--font-serif);
font-size: 16px;
font-weight: 700;
color: var(--text-primary);
"
>贵阳纳海川科技有限公司 · 技术团队</span
>
<span
class="nhc-seal"
style="font-size: 10px; padding: 1px 6px"
>技术分享</span
>
</div>
<p style="font-size: 13px; color: var(--text-secondary); line-height: 1.6; margin: 0;">
本文由纳海川技术团队整理发布。贵阳纳海川科技专注于企业软件定制、移动端与小程序开发、AI应用落地及商业数字化系统建设，坚持交付完整工程源码与开发文档，支持私有化部署。如需业务咨询或技术交流，欢迎随时联系我们。
<p
style="
font-size: 13px;
color: var(--text-secondary);
line-height: 1.6;
margin: 0;
"
>
本文由纳海川技术团队整理发布。贵阳纳海川科技专注于企业软件定制、移动端与小程序开发、AI应用及商业数字化系统建设，坚持交付完整工程源码与开发文档，支持私有化部署。如需业务咨询或技术交流，欢迎随时联系我们。
</p>
</div>
</div>
@@ -85,37 +229,70 @@
<div class="nhc-article-nav-grid">
<div class="Previous">
{if empty($before)}
<div class="nhc-article-nav-item" style="opacity: 0.6; cursor: not-allowed;">
<span class="nhc-article-nav-label">上一篇动态</span>
<span class="nhc-article-nav-title">{:__l('index','There no data')}</span>
<div
class="nhc-article-nav-item"
style="opacity: 0.6; cursor: not-allowed"
>
<span class="nhc-article-nav-label"
>上一篇动态</span
>
<span class="nhc-article-nav-title"
>{:__l('index','There no data')}</span
>
</div>
{else/}
<a href="{:addon_url('official/web.official_journalism/details',[':pid'=>(int)input('param.pid'),':sid'=>(int)input('param.sid'),':id'=>$before['id']])}" class="nhc-article-nav-item" title="{$before['title']}">
<span class="nhc-article-nav-label">&larr; 上一篇动态</span>
<span class="nhc-article-nav-title">{$before['title']}</span>
<a
href="{:addon_url('official/web.official_journalism/details',[':pid'=>(int)input('param.pid'),':sid'=>(int)input('param.sid'),':id'=>$before['id']])}"
class="nhc-article-nav-item"
title="{$before['title']}"
>
<span class="nhc-article-nav-label"
>&larr; 上一篇动态</span
>
<span class="nhc-article-nav-title"
>{$before['title']}</span
>
</a>
{/if}
</div>
<div class="Next">
{if empty($after)}
<div class="nhc-article-nav-item" style="opacity: 0.6; cursor: not-allowed; text-align: right;">
<span class="nhc-article-nav-label">下一篇动态</span>
<span class="nhc-article-nav-title">{:__l('index','There no data')}</span>
<div
class="nhc-article-nav-item"
style="
opacity: 0.6;
cursor: not-allowed;
text-align: right;
"
>
<span class="nhc-article-nav-label"
>下一篇动态</span
>
<span class="nhc-article-nav-title"
>{:__l('index','There no data')}</span
>
</div>
{else/}
<a href="{:addon_url('official/web.official_journalism/details',[':pid'=>(int)input('param.pid'),':sid'=>(int)input('param.sid'),':id'=>$after['id']])}" class="nhc-article-nav-item" style="text-align: right;" title="{$after['title']}">
<span class="nhc-article-nav-label">下一篇动态 &rarr;</span>
<span class="nhc-article-nav-title">{$after['title']}</span>
<a
href="{:addon_url('official/web.official_journalism/details',[':pid'=>(int)input('param.pid'),':sid'=>(int)input('param.sid'),':id'=>$after['id']])}"
class="nhc-article-nav-item"
style="text-align: right"
title="{$after['title']}"
>
<span class="nhc-article-nav-label"
>下一篇动态 &rarr;</span
>
<span class="nhc-article-nav-title"
>{$after['title']}</span
>
</a>
{/if}
</div>
</div>
</div>
</article>
</div>
</div>
<!-- 现代中式技术文章与资讯详情页 结束 -->
{/block}
{/block}

128
addons/official/view/web/official_journalism/list.html
查看文件

@@ -1,48 +1,64 @@
{extend name="web/official_common/pc/base" /}
{block name="content"}
{extend name="web/official_common/pc/base" /} {block name="content"}
<!-- 纳海川官方网站 现代中式技术洞察与新闻资讯列表 开始 -->
<!-- 1. 顶部 Hero Banner -->
<section class="nhc-article-hero">
<div class="nhc-container">
<div class="nhc-article-hero-inner">
<div style="display: flex; align-items: center; gap: 10px; margin-bottom: 12px;">
<div
style="
display: flex;
align-items: center;
gap: 10px;
margin-bottom: 12px;
"
>
<span class="nhc-seal">技术洞察</span>
<span style="font-size: 13px; color: var(--primary); font-weight: 600; letter-spacing: 1px;">ENGINEERING & PERSPECTIVES</span>
<span
style="
font-size: 13px;
color: var(--primary);
font-weight: 600;
letter-spacing: 1px;
"
>ENGINEERING & PERSPECTIVES</span
>
</div>
<h1 class="nhc-article-hero-title">
贵阳纳海川科技 · 技术洞察与研发动态
</h1>
<p class="nhc-article-hero-subtitle">
专注企业级软件定制开发、业务系统架构设计、移动端与小程序开发及企业 AI 落地应用。分享务实严谨的技术实践与项目交付经验。
专注企业级软件定制开发、业务系统架构设计、移动端与小程序开发及企业
AI 应用。分享务实严谨的技术实践与项目交付经验。
</p>
</div>
</div>
</section>
<!-- 2. 主体内容区 -->
<section style="background: var(--bg-primary); padding: 40px 0 72px 0;">
<section style="background: var(--bg-primary); padding: 40px 0 72px 0">
<div class="nhc-container">
<!-- 分类导航栏 -->
<div class="nhc-category-bar">
<div class="nhc-category-tags">
<a href="{:addon_url('official/web.official_journalism/list',[':pid'=>(int)input('param.pid'),':sid'=>(int)input('param.pid')])}"
class="nhc-category-tag {if input('param.sid') == input('param.pid') || empty(input('param.sid'))}active{/if}">
<a
href="{:addon_url('official/web.official_journalism/list',[':pid'=>(int)input('param.pid'),':sid'=>(int)input('param.pid')])}"
class="nhc-category-tag {if input('param.sid') == input('param.pid') || empty(input('param.sid'))}active{/if}"
>
<span>全部动态</span>
</a>
{foreach $res['son'] as $subcat}
<a href="{:get_cate_url($subcat)}"
class="nhc-category-tag {if $subcat['is_choose']}active{/if}">
<a
href="{:get_cate_url($subcat)}"
class="nhc-category-tag {if $subcat['is_choose']}active{/if}"
>
<span>{:ze($subcat,'name')}</span>
</a>
{/foreach}
</div>
<div style="font-size: 13px; color: var(--text-muted);">
<div style="font-size: 13px; color: var(--text-muted)">
<span>严谨工程实录 · 持续技术积累</span>
</div>
</div>
<!-- 文章资讯列表：标题、简介、缩略图专业图文排版 -->
@@ -50,30 +66,68 @@
<div class="nhc-news-list">
{foreach $data as $index => $item}
<article class="nhc-news-row">
<a href="{:addon_url('official/web.official_journalism/details',[':pid'=>(int)input('param.pid'),':sid'=>(int)input('param.sid'),':id'=>$item['id']])}" class="nhc-news-thumb" title="{$item['title']}">
<a
href="{:addon_url('official/web.official_journalism/details',[':pid'=>(int)input('param.pid'),':sid'=>(int)input('param.sid'),':id'=>$item['id']])}"
class="nhc-news-thumb"
title="{$item['title']}"
>
{if !empty($item['image'])}
<img src="{$item['image']}" alt="{$item['title']}" loading="lazy">
<img
src="{$item['image']}"
alt="{$item['title']}"
loading="lazy"
/>
{else/}
<div style="width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; color: #94A3B8; font-size: 13px;">纳海川科技</div>
<div
style="
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
color: #94a3b8;
font-size: 13px;
"
>
纳海川科技
</div>
{/if}
</a>
<div class="nhc-news-body">
<div>
<div class="nhc-news-meta">
<span class="nhc-news-badge">{if !empty($son_data)}{:ze($son_data,'name')}{else/}{:ze($res,'name')}{/if}</span>
<span class="nhc-news-date">{:date('Y-m-d', $item['createtime'])}</span>
<span class="nhc-news-badge"
>{if
!empty($son_data)}{:ze($son_data,'name')}{else/}{:ze($res,'name')}{/if}</span
>
<span class="nhc-news-date"
>{:date('Y-m-d', $item['createtime'])}</span
>
</div>
<a href="{:addon_url('official/web.official_journalism/details',[':pid'=>(int)input('param.pid'),':sid'=>(int)input('param.sid'),':id'=>$item['id']])}" style="text-decoration: none;">
<a
href="{:addon_url('official/web.official_journalism/details',[':pid'=>(int)input('param.pid'),':sid'=>(int)input('param.sid'),':id'=>$item['id']])}"
style="text-decoration: none"
>
<h2 class="nhc-news-title">{$item['title']}</h2>
</a>
<p class="nhc-news-desc">
{$item['subheading']}
</p>
<p class="nhc-news-desc">{$item['subheading']}</p>
</div>
<div>
<a href="{:addon_url('official/web.official_journalism/details',[':pid'=>(int)input('param.pid'),':sid'=>(int)input('param.sid'),':id'=>$item['id']])}" class="nhc-news-more">
<a
href="{:addon_url('official/web.official_journalism/details',[':pid'=>(int)input('param.pid'),':sid'=>(int)input('param.sid'),':id'=>$item['id']])}"
class="nhc-news-more"
>
<span>阅读全文</span>
<svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><path d="M5 12h14M12 5l7 7-7 7"/></svg>
<svg
width="12"
height="12"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2.5"
>
<path d="M5 12h14M12 5l7 7-7 7" />
</svg>
</a>
</div>
</div>
@@ -82,7 +136,10 @@
</div>
<!-- 现代化分页组件 -->
<div class="page_custom" style="display: flex; justify-content: center; margin-top: 40px;">
<div
class="page_custom"
style="display: flex; justify-content: center; margin-top: 40px"
>
<div class="page_son">
{$data->render(['pid'=>(int)input('param.pid'),'sid'=>(int)input('param.sid')])}
</div>
@@ -90,13 +147,22 @@
{else/}
<!-- 空状态展示 -->
<div style="text-align: center; padding: 80px 20px; background: #F8FAFC; border: 1px solid var(--border-color); border-radius: var(--radius-sm);">
<div class="nhc-seal" style="margin-bottom: 12px;">纳海川</div>
<p style="color: var(--text-secondary); font-size: 15px;">暂无相关动态，技术团队持续更新中</p>
<div
style="
text-align: center;
padding: 80px 20px;
background: #f8fafc;
border: 1px solid var(--border-color);
border-radius: var(--radius-sm);
"
>
<div class="nhc-seal" style="margin-bottom: 12px">纳海川</div>
<p style="color: var(--text-secondary); font-size: 15px">
暂无相关动态，技术团队持续更新中
</p>
</div>
{/if}
</div>
</section>
<!-- 现代中式技术洞察与新闻资讯列表 结束 -->
{/block}
{/block}

373
addons/official/view/web/official_online_message/list.html
查看文件

@@ -1,10 +1,10 @@
{extend name="web/official_common/pc/base" /}
{block name="css"}
<link href="__ADDON__/layui-v2.6.8/layui-v2.6.8/layui/css/layui.css" rel="stylesheet" type="text/css">
{/block}
{block name="content"}
{extend name="web/official_common/pc/base" /} {block name="css"}
<link
href="__ADDON__/layui-v2.6.8/layui-v2.6.8/layui/css/layui.css"
rel="stylesheet"
type="text/css"
/>
{/block} {block name="content"}
<!-- 纳海川官方网站 · 联系我们独立页 (Contact Us Page) 开始 -->
<!-- 1. 联系我们 Hero 视窗 -->
@@ -15,138 +15,278 @@
<span>/</span>
<span>联系我们</span>
</div>
<div style="margin-bottom: 16px;">
<div style="margin-bottom: 16px">
<span class="nhc-seal">务实沟通 · 敏捷响应</span>
</div>
<h1 class="nhc-page-title">业务咨询与技术评估</h1>
<p class="nhc-page-desc">
告知您的业务需求或系统瓶颈，纳海川技术与架构团队将在 2 小时内安排专属架构师与您深度沟通并输出初步评估。
告知您的业务需求或系统现状，纳海川技术与架构团队将在 2
小时内安排专属架构师与您沟通并输出初步评估。
</p>
</div>
</section>
<!-- 2. 主体联系与需求评估板块 (12列网格，左7右5) -->
<section class="nhc-contact-section" style="padding: 70px 0 90px; background: #FFFFFF;">
<section
class="nhc-contact-section"
style="padding: 70px 0 90px; background: #ffffff"
>
<div class="nhc-container">
<div class="nhc-contact-layout">
<!-- 左侧：需求评估与工单表单 (7列) -->
<div class="nhc-contact-form-wrap nhc-corner-card">
<div class="nhc-form-header">
<span class="nhc-seal" style="margin-bottom: 8px;">需求评估</span>
<h2 class="nhc-form-title">预约资深架构师 1 对 1 方案研讨</h2>
<span class="nhc-seal" style="margin-bottom: 8px"
>需求评估</span
>
<h2 class="nhc-form-title">预约架构师 1 对 1 方案研讨</h2>
<p class="nhc-form-sub">
请详细填写您的业务需求与期望指标，我们将在 2 小时内安排专属架构师与您深度对接。
请详细填写您的业务需求与期望指标，我们将在 2
小时内安排专属架构师与您对接。
</p>
</div>
<form enctype="multipart/form-data" class="nhc-contact-form" id="frmResume">
<form
enctype="multipart/form-data"
class="nhc-contact-form"
id="frmResume"
>
{:token()}
<!-- 意向主题快捷选择 -->
<div class="nhc-form-group">
<label class="nhc-form-label">意向合作方向 <span class="nhc-required">*</span></label>
<label class="nhc-form-label"
>意向合作方向
<span class="nhc-required">*</span></label
>
<div class="nhc-tag-selector">
<span class="nhc-topic-tag active" data-topic="企业级技术中台与软件定制">企业级中台定制</span>
<span class="nhc-topic-tag" data-topic="APP与微信小程序全生态定制">APP/小程序定制</span>
<span class="nhc-topic-tag" data-topic="垂直领域私有 RAG 与 AI 智能体开发">私有 AI 智能体</span>
<span class="nhc-topic-tag" data-topic="商业商城/收银/进销存系统部署">商业产品选型</span>
<span
class="nhc-topic-tag active"
data-topic="企业级技术中台与软件定制"
>企业级中台定制</span
>
<span
class="nhc-topic-tag"
data-topic="APP与微信小程序全生态定制"
>APP/小程序定制</span
>
<span
class="nhc-topic-tag"
data-topic="垂直领域私有 RAG 与 AI 智能体开发"
>私有 AI 智能体</span
>
<span
class="nhc-topic-tag"
data-topic="商业商城/收银/进销存系统部署"
>商业产品选型</span
>
</div>
<input type="text" name="title" id="contactTitle" value="企业级技术中台与软件定制" required class="nhc-form-input" placeholder="请填写需求主题或选择上方标签">
<input
type="text"
name="title"
id="contactTitle"
value="企业级技术中台与软件定制"
required
class="nhc-form-input"
placeholder="请填写需求主题或选择上方标签"
/>
</div>
<div class="nhc-form-row">
<!-- 称呼 -->
<div class="nhc-form-group">
<label class="nhc-form-label">对接人姓名 / 称呼 <span class="nhc-required">*</span></label>
<input type="text" name="name" required class="nhc-form-input" placeholder="如：张总监 / 李经理">
<label class="nhc-form-label"
>对接人姓名 / 称呼
<span class="nhc-required">*</span></label
>
<input
type="text"
name="name"
required
class="nhc-form-input"
placeholder="如：张总监 / 李经理"
/>
</div>
<!-- 电话 -->
<div class="nhc-form-group">
<label class="nhc-form-label">联系电话 / 手机 <span class="nhc-required">*</span></label>
<input type="text" name="phone" required class="nhc-form-input" placeholder="请填写您的联系手机">
<label class="nhc-form-label"
>联系电话 / 手机
<span class="nhc-required">*</span></label
>
<input
type="text"
name="phone"
required
class="nhc-form-input"
placeholder="请填写您的联系手机"
/>
</div>
</div>
<!-- 详细需求 -->
<div class="nhc-form-group">
<label class="nhc-form-label">业务背景与详细需求 <span class="nhc-required">*</span></label>
<textarea name="content" class="nhc-form-textarea" rows="4" placeholder="请简述您的业务需求、期望实现的功能模块、预估上线周期或性能要求，以便架构师提前研判..."></textarea>
<label class="nhc-form-label"
>业务背景与详细需求
<span class="nhc-required">*</span></label
>
<textarea
name="content"
class="nhc-form-textarea"
rows="4"
placeholder="请简述您的业务需求、期望实现的功能模块、预估上线周期或性能要求，以便架构师提前研判..."
></textarea>
</div>
{if $captchaType == 'text'}
<div class="nhc-form-group">
<label class="nhc-form-label">安全验证码 <span class="nhc-required">*</span></label>
<div style="display: flex; gap: 12px; align-items: center;">
{include file="web/official_common/pc/captcha" event="register" type="$captchaType" /}
<label class="nhc-form-label"
>安全验证码
<span class="nhc-required">*</span></label
>
<div
style="
display: flex;
gap: 12px;
align-items: center;
"
>
{include file="web/official_common/pc/captcha"
event="register" type="$captchaType" /}
</div>
</div>
{/if}
<div style="margin-top: 24px;">
<button class="nhc-btn nhc-btn-primary nhc-btn-lg in_post" stu="1" type="button" style="width: 100%; justify-content: center;">
<div style="margin-top: 24px">
<button
class="nhc-btn nhc-btn-primary nhc-btn-lg in_post"
stu="1"
type="button"
style="width: 100%; justify-content: center"
>
<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>
<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>
</button>
</div>
<div class="nhc-form-privacy">
纳海川严格执行 ISO 27001 信息安全规范，承诺对您的商业需求与业务数据终身保密。
纳海川执行 ISO 27001
信息安全规范，对您的商业需求与业务数据长期保密。
</div>
</form>
</div>
<!-- 右侧：直通热线、实体地址与地图 (5列) -->
<div class="nhc-contact-info-wrap">
<!-- 贵阳双基地地理拓扑与接待视窗 -->
<div style="margin-bottom: 24px; border-radius: 6px; overflow: hidden; border: 1px solid var(--border-color); box-shadow: 0 4px 16px rgba(15, 23, 42, 0.04);">
<img src="__ADDON__/images/showcases/contact_headquarters.svg" alt="纳海川贵阳双基地拓扑与快速建联视窗" style="width: 100%; height: auto; display: block;" loading="lazy">
<div
style="
margin-bottom: 24px;
border-radius: 6px;
overflow: hidden;
border: 1px solid var(--border-color);
box-shadow: 0 4px 16px rgba(15, 23, 42, 0.04);
"
>
<img
src="__ADDON__/images/showcases/contact_headquarters.svg"
alt="纳海川贵阳双基地拓扑与快速建联视窗"
style="width: 100%; height: auto; display: block"
loading="lazy"
/>
</div>
<!-- 直通热线与响应 SLA 卡片 -->
<div class="nhc-contact-card nhc-corner-card" style="margin-bottom: 24px;">
<div
class="nhc-contact-card nhc-corner-card"
style="margin-bottom: 24px"
>
<div class="nhc-info-badge">快速直联</div>
<h3 class="nhc-info-card-title">业务咨询与技术支持</h3>
<div class="nhc-info-item">
<div class="nhc-info-icon">
<svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z"/></svg>
<svg
width="18"
height="18"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
>
<path
d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z"
/>
</svg>
</div>
<div class="nhc-info-text">
<div class="nhc-info-label">业务咨询专线</div>
<a href="tel:13984036826" class="nhc-info-val nhc-phone-link">13984036826</a>
<div class="nhc-info-note">工作日 09:00 - 18:00（资深架构师直连）</div>
<a
href="tel:13984036826"
class="nhc-info-val nhc-phone-link"
>13984036826</a
>
<div class="nhc-info-note">
工作日 09:00 - 18:00（架构师直连）
</div>
</div>
</div>
<div class="nhc-info-item">
<div class="nhc-info-icon">
<svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"/><polyline points="22,6 12,13 2,6"/></svg>
<svg
width="18"
height="18"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
>
<path
d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"
/>
<polyline points="22,6 12,13 2,6" />
</svg>
</div>
<div class="nhc-info-text">
<div class="nhc-info-label">技术支持公用邮箱</div>
<div class="nhc-info-val">server@gynhc.com</div>
<div class="nhc-info-note">商务合作、技术方案咨询接收入口</div>
<div class="nhc-info-note">
商务合作、技术方案咨询接收入口
</div>
</div>
</div>
<div class="nhc-sla-bar">
<div class="nhc-sla-tag">SLA 响应承诺</div>
<div class="nhc-sla-text">工作日 2 小时内快速响应 · 24 小时内出具方案大纲</div>
<div class="nhc-sla-text">
工作日 2 小时内快速响应 · 24 小时内出具方案大纲
</div>
</div>
</div>
<!-- 实体办公双基地与地图视窗 (Map & Addresses) -->
<div class="nhc-contact-card nhc-contact-map nhc-corner-card">
<h3 class="nhc-info-card-title">物理实体办公基地</h3>
<h3 class="nhc-info-card-title">实体办公基地</h3>
<!-- 营销与销售中心 -->
<div class="nhc-location-item">
<div class="nhc-location-header">
<span class="nhc-seal" style="padding: 1px 6px; font-size: 10px;">营销中心</span>
<span class="nhc-location-title">花果园中环广场商务基地</span>
<span
class="nhc-seal"
style="padding: 1px 6px; font-size: 10px"
>营销中心</span
>
<span class="nhc-location-title"
>花果园中环广场商务基地</span
>
</div>
<p class="nhc-location-addr">
贵州省贵阳市南明区花果园遵义中路中环广场2号楼26楼20-21号
@@ -154,10 +294,23 @@
</div>
<!-- 研发与技术中心 -->
<div class="nhc-location-item" style="border-top: 1px solid var(--border-color); padding-top: 14px; margin-top: 14px;">
<div
class="nhc-location-item"
style="
border-top: 1px solid var(--border-color);
padding-top: 14px;
margin-top: 14px;
"
>
<div class="nhc-location-header">
<span class="nhc-seal" style="padding: 1px 6px; font-size: 10px;">技术中心</span>
<span class="nhc-location-title">经开区大数据安全产业基地</span>
<span
class="nhc-seal"
style="padding: 1px 6px; font-size: 10px"
>技术中心</span
>
<span class="nhc-location-title"
>经开区大数据安全产业基地</span
>
</div>
<p class="nhc-location-addr">
贵州省贵阳市经开区数字经济产业园大数据安全产业园数楼4楼02-03号
@@ -165,7 +318,7 @@
</div>
<!-- 地图视窗 / 示意图 -->
<div class="nhc-map-visual" style="margin-top: 18px;">
<div class="nhc-map-visual" style="margin-top: 18px">
<div class="nhc-map-canvas">
<div class="nhc-map-pin pin-1">
<span class="nhc-pin-pulse"></span>
@@ -181,17 +334,17 @@
<span>贵阳核心产业园区 · 欢迎来访考察交流</span>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- 3. 常见技术咨询解答 -->
<section class="nhc-faq nhc-section-padding" style="background: var(--bg-secondary);">
<section
class="nhc-faq nhc-section-padding"
style="background: var(--bg-secondary)"
>
<div class="nhc-container">
<div class="nhc-section-header">
<div class="nhc-section-tag">
@@ -209,26 +362,32 @@
<div class="nhc-faq-item">
<h3 class="nhc-faq-question">提交需求后多久能收到初步方案？</h3>
<p class="nhc-faq-answer">
我们在收到需求后 2 小时内会有资深解决方案架构师进行电话回访，并在 24 小时内免费出具针对实际业务需求的初步技术方案与评估大纲。
</p>
</div>
<div class="nhc-faq-item">
<h3 class="nhc-faq-question">是否支持前期签署保密协议（NDA）？</h3>
<p class="nhc-faq-answer">
完全支持。对于涉及敏感商业逻辑、政企业务规范或专属数据的项目，纳海川在深度技术交流前可先行签署具备法律效力的保密协议。
我们在收到需求后 2 小时内安排解决方案架构师电话回访，并在 24
小时内出具针对实际业务需求的初步技术方案与评估大纲。
</p>
</div>
<div class="nhc-faq-item">
<h3 class="nhc-faq-question">是否支持技术架构师现场当面交流？</h3>
<h3 class="nhc-faq-question">
是否支持前期签署保密协议（NDA）？
</h3>
<p class="nhc-faq-answer">
西南地区（贵阳及周边城市）可随时安排资深架构师上门沟通或邀请莅临纳海川基地；全国其他省市可安排腾讯会议/飞书高清视频技术研讨。
支持。对于涉及敏感商业逻辑、政企业务规范或专属数据的项目，纳海川在深度技术交流前可先行签署具备法律效力的保密协议。
</p>
</div>
<div class="nhc-faq-item">
<h3 class="nhc-faq-question">定制开发的项目如何保障代码自主可控？</h3>
<h3 class="nhc-faq-question">
是否支持技术架构师现场当面交流？
</h3>
<p class="nhc-faq-answer">
纳海川提供完整工程源码交付协议，不设任何硬件锁、加密狗或暗门，交付全套源码、数据库设计字典及本地化持续集成编译指南。
西南地区（贵阳及周边城市）可安排架构师上门沟通或邀请莅临纳海川基地；全国其他省市可安排腾讯会议/飞书视频技术研讨。
</p>
</div>
<div class="nhc-faq-item">
<h3 class="nhc-faq-question">
定制开发的项目如何保障代码归属与二次开发？
</h3>
<p class="nhc-faq-answer">
纳海川提供完整工程源码交付协议，不设硬件锁、加密狗或暗门，交付全套源码、数据库设计字典及本地化持续集成编译指南。
</p>
</div>
</div>
@@ -236,27 +395,29 @@
</section>
<!-- 纳海川官方网站 · 联系我们独立页 (Contact Us Page) 结束 -->
{/block}
{block name="js"}
{/block} {block name="js"}
<script src="__ADDON__/layui-v2.6.8/layui-v2.6.8/layui/layui.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/axios/0.21.1/axios.min.js"></script>
<script>
var captchaType = "{$captchaType}";
layui.use(['layer'], function(){
layui.use(["layer"], function () {
var layer = layui.layer;
// 快捷标签选择
document.querySelectorAll('.nhc-topic-tag').forEach(function(tag) {
tag.addEventListener('click', function() {
document.querySelectorAll('.nhc-topic-tag').forEach(function(t) { t.classList.remove('active'); });
this.classList.add('active');
var topic = this.getAttribute('data-topic');
document.getElementById('contactTitle').value = topic;
document.querySelectorAll(".nhc-topic-tag").forEach(function (tag) {
tag.addEventListener("click", function () {
document
.querySelectorAll(".nhc-topic-tag")
.forEach(function (t) {
t.classList.remove("active");
});
this.classList.add("active");
var topic = this.getAttribute("data-topic");
document.getElementById("contactTitle").value = topic;
});
});
$('.in_post').click(function () {
$(".in_post").click(function () {
let that = this;
let title = $("input[name='title']").val();
let name = $("input[name='name']").val();
@@ -265,7 +426,7 @@
let content = $("textarea[name='content']").val();
let captcha = $("input[name='captcha']").val();
let stu = $('.in_post').attr('stu');
let stu = $(".in_post").attr("stu");
if (stu != 1) {
layer.msg("请勿重复点击提交");
return false;
@@ -287,7 +448,7 @@
layer.msg("请填写详细需求与业务背景");
return false;
}
if (captchaType == 'text'){
if (captchaType == "text") {
if (!captcha) {
layer.msg("请填写安全验证码");
return false;
@@ -300,38 +461,48 @@
phone: phone,
content: content,
captcha: captcha,
__token__: __token__
__token__: __token__,
};
$('.in_post').attr('stu', 2);
$(".in_post").attr("stu", 2);
axios.post('', data)
axios
.post("", data)
.then(function (response) {
let data = response.data;
$('.in_post').attr('stu', 1);
if(data.code){
layer.alert("需求评估已成功提交！纳海川解决方案架构师将在 2 小时内与您联系对接。", {icon: 6, title: "提交成功"});
$("input[name='name']").val('');
$("input[name='phone']").val('');
$("textarea[name='content']").val('');
$("input[name='captcha']").val('');
$(".in_post").attr("stu", 1);
if (data.code) {
layer.alert(
"需求评估已成功提交！纳海川解决方案架构师将在 2 小时内与您联系对接。",
{ icon: 6, title: "提交成功" },
);
$("input[name='name']").val("");
$("input[name='phone']").val("");
$("textarea[name='content']").val("");
$("input[name='captcha']").val("");
return false;
}
layer.msg(data.msg, {icon: 5}, function(){
axios.get("{:addon_url('official/web.official_home/get_token')}", data)
layer.msg(data.msg, { icon: 5 }, function () {
axios
.get(
"{:addon_url('official/web.official_home/get_token')}",
data,
)
.then(function (response) {
let res = response.data;
if (res.code == 1){
$("input[name='__token__']").val(res.data)
if (res.code == 1) {
$("input[name='__token__']").val(res.data);
}
});
});
})
.catch(function (error) {
$('.in_post').attr('stu', 1);
layer.msg("提交失败，请检查网络或直接拨打业务专线 13984036826");
$(".in_post").attr("stu", 1);
layer.msg(
"提交失败，请检查网络或直接拨打业务专线 13984036826",
);
});
});
});
</script>
{/block}
{/block}

512
addons/official/view/web/official_online_message/list_e.html
查看文件

@@ -1,55 +1,162 @@
{extend name="web/official_common/mobile/base" /}
{block name="content"}
{extend name="web/official_common/mobile/base" /} {block name="content"}
<!-- 纳海川官方网站 · 移动端联系我们独立页 (Contact Us Page Mobile) 开始 -->
<div class="nhc-mobile-contact-page" style="background: #F8FAFC; min-height: 100vh; padding-bottom: 60px;">
<div
class="nhc-mobile-contact-page"
style="background: #f8fafc; min-height: 100vh; padding-bottom: 60px"
>
<!-- 1. 移动端 Hero 视窗 -->
<div style="background: #FFFFFF; padding: 28px 16px 24px; 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
style="
background: #ffffff;
padding: 28px 16px 24px;
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 10px 0; line-height: 1.4;">
<h1
style="
font-family:
&quot;Noto Serif SC&quot;, &quot;SimSun&quot;, serif;
font-size: 20px;
font-weight: 700;
color: #0f172a;
margin: 0 0 10px 0;
line-height: 1.4;
"
>
业务咨询与技术评估
</h1>
<p style="font-size: 13px; color: #64748B; margin: 0; line-height: 1.6;">
贵阳纳海川科技有限公司技术团队立足贵阳、服务全国，提供专业的技术方案评估与 24 小时快速响应对接。
<p style="font-size: 13px; color: #64748b; margin: 0; line-height: 1.6">
贵阳纳海川科技有限公司技术团队立足贵阳、服务全国，提供专业的技术方案评估与
24 小时快速响应对接。
</p>
</div>
<!-- 2. 直通热线与 SLA 响应卡片 -->
<div style="padding: 16px;">
<div style="padding: 16px">
<!-- 贵阳双基地地理拓扑视窗 -->
<div style="margin-bottom: 16px; border-radius: 6px; overflow: hidden; border: 1px solid #E2E8F0; box-shadow: 0 2px 10px rgba(15, 23, 42, 0.03);">
<img src="__ADDON__/images/showcases/contact_headquarters.svg" alt="纳海川贵阳双基地拓扑视窗" style="width: 100%; height: auto; display: block;" loading="lazy">
<div
style="
margin-bottom: 16px;
border-radius: 6px;
overflow: hidden;
border: 1px solid #e2e8f0;
box-shadow: 0 2px 10px rgba(15, 23, 42, 0.03);
"
>
<img
src="__ADDON__/images/showcases/contact_headquarters.svg"
alt="纳海川贵阳双基地拓扑视窗"
style="width: 100%; height: auto; display: block"
loading="lazy"
/>
</div>
<div style="background: #FFFFFF; border-radius: 6px; border: 1px solid #E2E8F0; padding: 18px; margin-bottom: 16px;">
<div style="font-size: 11px; font-weight: 700; color: #2563EB; letter-spacing: 1px; text-transform: uppercase; margin-bottom: 6px;">快速直联通道</div>
<div style="display: flex; align-items: center; justify-content: space-between; margin-bottom: 12px;">
<div
style="
background: #ffffff;
border-radius: 6px;
border: 1px solid #e2e8f0;
padding: 18px;
margin-bottom: 16px;
"
>
<div
style="
font-size: 11px;
font-weight: 700;
color: #2563eb;
letter-spacing: 1px;
text-transform: uppercase;
margin-bottom: 6px;
"
>
快速直联通道
</div>
<div
style="
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 12px;
"
>
<div>
<div style="font-size: 12px; color: #64748B;">业务咨询与架构专线</div>
<div style="font-family: 'Noto Serif SC', serif; font-size: 20px; font-weight: 700; color: #0F172A;">13984036826</div>
<div style="font-size: 12px; color: #64748b">
业务咨询与架构专线
</div>
<div
style="
font-family: &quot;Noto Serif SC&quot;, serif;
font-size: 20px;
font-weight: 700;
color: #0f172a;
"
>
13984036826
</div>
</div>
<a href="tel:13984036826" style="background: #2563EB; color: #FFFFFF; font-size: 13px; font-weight: 600; padding: 8px 16px; border-radius: 4px; text-decoration: none;">
<a
href="tel:13984036826"
style="
background: #2563eb;
color: #ffffff;
font-size: 13px;
font-weight: 600;
padding: 8px 16px;
border-radius: 4px;
text-decoration: none;
"
>
立即拨打
</a>
</div>
<div style="border-top: 1px solid #F1F5F9; padding-top: 10px; font-size: 12px; color: #64748B; display: flex; justify-content: space-between;">
<div
style="
border-top: 1px solid #f1f5f9;
padding-top: 10px;
font-size: 12px;
color: #64748b;
display: flex;
justify-content: space-between;
"
>
<span>技术邮箱: server@gynhc.com</span>
<span>响应承诺: 2小时直连</span>
</div>
</div>
<!-- 3. 需求评估表单卡片 -->
<div style="background: #FFFFFF; border-radius: 6px; border: 1px solid #E2E8F0; padding: 20px;">
<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: 17px; font-weight: 700; color: #0F172A; margin: 6px 0 4px 0;">
<div
style="
background: #ffffff;
border-radius: 6px;
border: 1px solid #e2e8f0;
padding: 20px;
"
>
<div style="text-align: center; margin-bottom: 16px">
<span class="nhc-seal" style="padding: 2px 8px; font-size: 11px"
>需求评估</span
>
<h2
style="
font-family:
&quot;Noto Serif SC&quot;, &quot;SimSun&quot;, serif;
font-size: 17px;
font-weight: 700;
color: #0f172a;
margin: 6px 0 4px 0;
"
>
预约架构师 1 对 1 方案研讨
</h2>
<p style="font-size: 12px; color: #64748B; margin: 0;">
<p style="font-size: 12px; color: #64748b; margin: 0">
提交您的业务需求，架构师将在 2 小时内回访
</p>
</div>
@@ -58,114 +165,319 @@
{:token()}
<!-- 需求主题 -->
<div style="margin-bottom: 14px;">
<label style="display: block; font-size: 12px; font-weight: 600; color: #334155; margin-bottom: 6px;">
合作方向 / 需求主题 <span style="color: #DC2626;">*</span>
<div style="margin-bottom: 14px">
<label
style="
display: block;
font-size: 12px;
font-weight: 600;
color: #334155;
margin-bottom: 6px;
"
>
合作方向 / 需求主题
<span style="color: #dc2626">*</span>
</label>
<input type="text" name="title" id="mobileTitle" value="企业级技术中台与软件定制" required style="width: 100%; box-sizing: border-box; padding: 10px 12px; border: 1px solid #CBD5E1; border-radius: 4px; font-size: 13px; color: #0F172A;">
<input
type="text"
name="title"
id="mobileTitle"
value="企业级技术中台与软件定制"
required
style="
width: 100%;
box-sizing: border-box;
padding: 10px 12px;
border: 1px solid #cbd5e1;
border-radius: 4px;
font-size: 13px;
color: #0f172a;
"
/>
</div>
<!-- 对接人 -->
<div style="margin-bottom: 14px;">
<label style="display: block; font-size: 12px; font-weight: 600; color: #334155; margin-bottom: 6px;">
对接人姓名 / 称呼 <span style="color: #DC2626;">*</span>
<div style="margin-bottom: 14px">
<label
style="
display: block;
font-size: 12px;
font-weight: 600;
color: #334155;
margin-bottom: 6px;
"
>
对接人姓名 / 称呼 <span style="color: #dc2626">*</span>
</label>
<input type="text" name="name" required placeholder="如：张总监 / 李经理" style="width: 100%; box-sizing: border-box; padding: 10px 12px; border: 1px solid #CBD5E1; border-radius: 4px; font-size: 13px; color: #0F172A;">
<input
type="text"
name="name"
required
placeholder="如：张总监 / 李经理"
style="
width: 100%;
box-sizing: border-box;
padding: 10px 12px;
border: 1px solid #cbd5e1;
border-radius: 4px;
font-size: 13px;
color: #0f172a;
"
/>
</div>
<!-- 电话 -->
<div style="margin-bottom: 14px;">
<label style="display: block; font-size: 12px; font-weight: 600; color: #334155; margin-bottom: 6px;">
联系手机 <span style="color: #DC2626;">*</span>
<div style="margin-bottom: 14px">
<label
style="
display: block;
font-size: 12px;
font-weight: 600;
color: #334155;
margin-bottom: 6px;
"
>
联系手机 <span style="color: #dc2626">*</span>
</label>
<input type="tel" name="phone" required placeholder="请填写联系电话" style="width: 100%; box-sizing: border-box; padding: 10px 12px; border: 1px solid #CBD5E1; border-radius: 4px; font-size: 13px; color: #0F172A;">
<input
type="tel"
name="phone"
required
placeholder="请填写联系电话"
style="
width: 100%;
box-sizing: border-box;
padding: 10px 12px;
border: 1px solid #cbd5e1;
border-radius: 4px;
font-size: 13px;
color: #0f172a;
"
/>
</div>
<!-- 详细需求 -->
<div style="margin-bottom: 14px;">
<label style="display: block; font-size: 12px; font-weight: 600; color: #334155; margin-bottom: 6px;">
业务需求与期望功能 <span style="color: #DC2626;">*</span>
<div style="margin-bottom: 14px">
<label
style="
display: block;
font-size: 12px;
font-weight: 600;
color: #334155;
margin-bottom: 6px;
"
>
业务需求与期望功能 <span style="color: #dc2626">*</span>
</label>
<textarea name="content" rows="3" placeholder="请简述您的业务需求、期望功能或预估上线周期..." style="width: 100%; box-sizing: border-box; padding: 10px 12px; border: 1px solid #CBD5E1; border-radius: 4px; font-size: 13px; color: #0F172A; resize: vertical;"></textarea>
<textarea
name="content"
rows="3"
placeholder="请简述您的业务需求、期望功能或预估上线周期..."
style="
width: 100%;
box-sizing: border-box;
padding: 10px 12px;
border: 1px solid #cbd5e1;
border-radius: 4px;
font-size: 13px;
color: #0f172a;
resize: vertical;
"
></textarea>
</div>
{if $captchaType == 'text'}
<div style="margin-bottom: 14px;">
<label style="display: block; font-size: 12px; font-weight: 600; color: #334155; margin-bottom: 6px;">
安全验证码 <span style="color: #DC2626;">*</span>
<div style="margin-bottom: 14px">
<label
style="
display: block;
font-size: 12px;
font-weight: 600;
color: #334155;
margin-bottom: 6px;
"
>
安全验证码 <span style="color: #dc2626">*</span>
</label>
<div style="display: flex; gap: 8px;">
<input type="text" name="captcha" id="captcha_input_m" required placeholder="填写验证码" style="width: 60%; box-sizing: border-box; padding: 10px 12px; border: 1px solid #CBD5E1; border-radius: 4px; font-size: 13px;">
<img src="{:captcha_src()}" height="40" onclick="this.src = '{:captcha_src()}?r=' + Math.random();" style="border-radius: 4px;"/>
<div style="display: flex; gap: 8px">
<input
type="text"
name="captcha"
id="captcha_input_m"
required
placeholder="填写验证码"
style="
width: 60%;
box-sizing: border-box;
padding: 10px 12px;
border: 1px solid #cbd5e1;
border-radius: 4px;
font-size: 13px;
"
/>
<img
src="{:captcha_src()}"
height="40"
onclick="
this.src = '{:captcha_src()}?r=' + Math.random()
"
style="border-radius: 4px"
/>
</div>
</div>
{/if}
<button class="in_post_m" stu="1" type="button" style="width: 100%; background: #2563EB; color: #FFFFFF; font-size: 14px; font-weight: 600; padding: 12px 0; border: none; border-radius: 4px; cursor: pointer;">
<button
class="in_post_m"
stu="1"
type="button"
style="
width: 100%;
background: #2563eb;
color: #ffffff;
font-size: 14px;
font-weight: 600;
padding: 12px 0;
border: none;
border-radius: 4px;
cursor: pointer;
"
>
立即提交
</button>
<div style="text-align: center; font-size: 11px; color: #94A3B8; margin-top: 10px;">
严格执行 ISO 27001 体系规范 · 客户商业信息与数据终身保密
<div
style="
text-align: center;
font-size: 11px;
color: #94a3b8;
margin-top: 10px;
"
>
执行 ISO 27001 体系规范 · 客户商业信息与数据长期保密
</div>
</form>
</div>
<!-- 4. 物理实体办公双基地 (Dual-HQ) -->
<div style="background: #FFFFFF; border-radius: 6px; border: 1px solid #E2E8F0; padding: 18px; margin-top: 16px;">
<div style="font-size: 11px; font-weight: 700; color: #0F172A; letter-spacing: 1px; margin-bottom: 12px;">物理实体办公基地</div>
<div style="margin-bottom: 14px;">
<div style="display: flex; align-items: center; gap: 6px; margin-bottom: 4px;">
<span class="nhc-seal" style="padding: 1px 6px; font-size: 10px;">营销中心</span>
<span style="font-size: 13px; font-weight: 700; color: #0F172A;">花果园中环广场商务基地</span>
<div
style="
background: #ffffff;
border-radius: 6px;
border: 1px solid #e2e8f0;
padding: 18px;
margin-top: 16px;
"
>
<div
style="
font-size: 11px;
font-weight: 700;
color: #0f172a;
letter-spacing: 1px;
margin-bottom: 12px;
"
>
实体办公基地
</div>
<div style="margin-bottom: 14px">
<div
style="
display: flex;
align-items: center;
gap: 6px;
margin-bottom: 4px;
"
>
<span
class="nhc-seal"
style="padding: 1px 6px; font-size: 10px"
>营销中心</span
>
<span
style="
font-size: 13px;
font-weight: 700;
color: #0f172a;
"
>花果园中环广场商务基地</span
>
</div>
<div style="font-size: 12px; color: #475569; line-height: 1.5;">
<div style="font-size: 12px; color: #475569; line-height: 1.5">
贵州省贵阳市南明区花果园遵义中路中环广场2号楼26楼20-21号
</div>
</div>
<div style="border-top: 1px solid #F1F5F9; padding-top: 14px;">
<div style="display: flex; align-items: center; gap: 6px; margin-bottom: 4px;">
<span class="nhc-seal" style="padding: 1px 6px; font-size: 10px;">技术中心</span>
<span style="font-size: 13px; font-weight: 700; color: #0F172A;">经开区大数据安全产业基地</span>
<div style="border-top: 1px solid #f1f5f9; padding-top: 14px">
<div
style="
display: flex;
align-items: center;
gap: 6px;
margin-bottom: 4px;
"
>
<span
class="nhc-seal"
style="padding: 1px 6px; font-size: 10px"
>技术中心</span
>
<span
style="
font-size: 13px;
font-weight: 700;
color: #0f172a;
"
>经开区大数据安全产业基地</span
>
</div>
<div style="font-size: 12px; color: #475569; line-height: 1.5;">
<div style="font-size: 12px; color: #475569; line-height: 1.5">
贵州省贵阳市经开区数字经济产业园大数据安全产业园数楼4楼02-03号
</div>
</div>
</div>
</div>
</div>
<!-- 纳海川官方网站 · 移动端联系我们独立页 (Contact Us Page Mobile) 结束 -->
{/block}
{block name="js"}
{/block} {block name="js"}
<script src="https://cdn.bootcdn.net/ajax/libs/axios/0.21.1/axios.min.js"></script>
<script>
var captchaType = "{$captchaType}";
document.addEventListener('DOMContentLoaded', function() {
var postBtn = document.querySelector('.in_post_m');
document.addEventListener("DOMContentLoaded", function () {
var postBtn = document.querySelector(".in_post_m");
if (!postBtn) return;
postBtn.addEventListener('click', function() {
var form = document.getElementById('frmMobileContact');
postBtn.addEventListener("click", function () {
var form = document.getElementById("frmMobileContact");
var title = form.querySelector("input[name='title']").value;
var name = form.querySelector("input[name='name']").value;
var phone = form.querySelector("input[name='phone']").value;
var content = form.querySelector("textarea[name='content']").value;
var tokenInput = form.querySelector("input[name='__token__']");
var token = tokenInput ? tokenInput.value : '';
var token = tokenInput ? tokenInput.value : "";
var captchaInput = form.querySelector("#captcha_input_m");
var captcha = captchaInput ? captchaInput.value : '';
var captcha = captchaInput ? captchaInput.value : "";
if (!title) { alert("请填写需求意向主题"); return; }
if (!name) { alert("请填写您的称呼"); return; }
if (!phone) { alert("请填写联系手机"); return; }
if (!content) { alert("请填写详细需求与业务背景"); return; }
if (captchaType === 'text' && !captcha) { alert("请填写安全验证码"); return; }
if (!title) {
alert("请填写需求意向主题");
return;
}
if (!name) {
alert("请填写您的称呼");
return;
}
if (!phone) {
alert("请填写联系手机");
return;
}
if (!content) {
alert("请填写详细需求与业务背景");
return;
}
if (captchaType === "text" && !captcha) {
alert("请填写安全验证码");
return;
}
postBtn.disabled = true;
postBtn.innerText = "正在提交...";
@@ -176,31 +488,43 @@
phone: phone,
content: content,
captcha: captcha,
__token__: token
__token__: token,
};
axios.post('', data)
axios
.post("", data)
.then(function (response) {
var res = response.data;
postBtn.disabled = false;
postBtn.innerText = "立即提交需求评估";
if (res.code) {
alert("需求评估已成功提交！纳海川架构师将在 2 小时内与您联系对接。");
form.querySelector("input[name='name']").value = '';
form.querySelector("input[name='phone']").value = '';
form.querySelector("textarea[name='content']").value = '';
if (captchaInput) captchaInput.value = '';
alert(
"需求评估已成功提交！纳海川架构师将在 2 小时内与您联系对接。",
);
form.querySelector("input[name='name']").value = "";
form.querySelector("input[name='phone']").value = "";
form.querySelector("textarea[name='content']").value =
"";
if (captchaInput) captchaInput.value = "";
} else {
alert(res.msg || "提交失败，请重试");
axios.get("{:addon_url('official/web.official_home/get_token')}", data)
.then(function(tRes) {
if (tRes.data && tRes.data.code === 1 && tokenInput) {
axios
.get(
"{:addon_url('official/web.official_home/get_token')}",
data,
)
.then(function (tRes) {
if (
tRes.data &&
tRes.data.code === 1 &&
tokenInput
) {
tokenInput.value = tRes.data.data;
}
});
}
})
.catch(function(err) {
.catch(function (err) {
postBtn.disabled = false;
postBtn.innerText = "立即提交需求评估";
alert("提交失败，请检查网络或直接拨打电话 13984036826");
@@ -208,4 +532,4 @@
});
});
</script>
{/block}
{/block}

797
addons/official/view/web/official_product/product_page.html
查看文件

文件差异内容过多而无法显示 加载差异

1148
addons/official/view/web/official_product/service_agent.html
查看文件

文件差异内容过多而无法显示 加载差异

1130
addons/official/view/web/official_product/service_app.html
查看文件

文件差异内容过多而无法显示 加载差异

721
addons/official/view/web/official_product/service_page.html
查看文件

文件差异内容过多而无法显示 加载差异

1132
addons/official/view/web/official_product/service_software.html
查看文件

文件差异内容过多而无法显示 加载差异

10
tests/test_natural_copywriting.py
查看文件

@@ -102,26 +102,26 @@ class TestNaturalCopywriting(unittest.TestCase):
"""必须包含具体务实的工程化、场景化语言"""
# 首页务实表达
self.assertIn(
"把系统做出来，也要能长期维护",
"系统开发与长期维护",
self.index_html,
"首页服务板块标题必须务实直接",
)
self.assertIn(
"四个标准化产品，可直接用，也可按需改",
"四个标准化产品",
self.index_html,
"首页产品板块标题必须清晰明确",
)
self.assertIn(
"几个客户项目，以及当时怎么解决",
"客户项目：问题与解决方式",
self.index_html,
"首页案例板块必须务实接地气",
)
self.assertIn(
"项目怎么推进",
"项目推进流程",
self.index_html,
"首页流程板块标题必须务实清晰",
)
self.assertIn("客户的原话", self.index_html, "首页评价板块标题必须务实")
self.assertIn("客户反馈", self.index_html, "首页评价板块标题必须务实")
self.assertIn(
"有具体的系统研发或产品选型需求？可以直接沟通",
self.index_html,