官网改版上线:关于我们与联系我们页重构、首页AI主视觉v4、品牌标识与导航交互;同步测试与设计文档
这个提交包含在:
@@ -1,12 +1,15 @@
|
||||
<link rel="stylesheet" href="__ADDON__/css/modern_nhc.css?v=20261009_grand">
|
||||
<link rel="stylesheet" href="__ADDON__/css/typography-nhc.css?v=20261105_yahei">
|
||||
<link rel="stylesheet" href="__ADDON__/m/css/materialize.css">
|
||||
<link rel="stylesheet" href="__ADDON__/m/css/loader.css">
|
||||
<link rel="stylesheet" href="__ADDON__/m/css/lightbox.css">
|
||||
<link rel="stylesheet" href="__ADDON__/m/css/fontawesome.min.css">
|
||||
<link rel="stylesheet" href="__ADDON__/m/css/owl.carousel.min.css">
|
||||
<link rel="stylesheet" href="__ADDON__/m/css/owl.theme.default.min.css">
|
||||
<link rel="stylesheet" href="__ADDON__/layui-v2.6.8/layui-v2.6.8/layui/css/layui.css">
|
||||
<script src="__ADDON__/layui-v2.6.8/layui-v2.6.8/layui/layui.js"></script>
|
||||
<link rel="stylesheet" href="__ADDON__/m/css/style.css">
|
||||
<!--<script src="__ADDON__/m/js/lightbox.js"></script>-->
|
||||
<link rel="stylesheet" href="__ADDON__/css/modern_nhc.css?v=20261009_grand">
|
||||
<link rel="stylesheet" href="__ADDON__/css/typography-nhc.css?v=20261105_yahei">
|
||||
<link rel="stylesheet" href="__ADDON__/css/header-brand.css?v=20261105_mobile_nav_fix">
|
||||
<link rel="stylesheet" href="__ADDON__/m/css/materialize.css">
|
||||
<link rel="stylesheet" href="__ADDON__/m/css/loader.css">
|
||||
<link rel="stylesheet" href="__ADDON__/m/css/lightbox.css">
|
||||
<link rel="stylesheet" href="__ADDON__/m/css/fontawesome.min.css">
|
||||
<link rel="stylesheet" href="__ADDON__/m/css/owl.carousel.min.css">
|
||||
<link rel="stylesheet" href="__ADDON__/m/css/owl.theme.default.min.css">
|
||||
<link rel="stylesheet" href="__ADDON__/layui-v2.6.8/layui-v2.6.8/layui/css/layui.css">
|
||||
<script src="__ADDON__/layui-v2.6.8/layui-v2.6.8/layui/layui.js"></script>
|
||||
<link rel="stylesheet" href="__ADDON__/m/css/style.css">
|
||||
<!--<script src="__ADDON__/m/js/lightbox.js"></script>-->
|
||||
|
||||
<script defer src="__ADDON__/js/header-scroll.js?v=20261105_scroll"></script>
|
||||
|
||||
@@ -1,6 +1,7 @@
|
||||
<link href="__ADDON__/images/favicon.ico" type="image/x-icon" rel="icon">
|
||||
<link href="__ADDON__/css/modern_nhc.css?v=20261105_contrast" rel="stylesheet" type="text/css">
|
||||
<link href="__ADDON__/css/typography-nhc.css?v=20261105_yahei" rel="stylesheet" type="text/css">
|
||||
<link rel="stylesheet" href="__ADDON__/css/header-brand.css?v=20261105_mobile_nav_fix">
|
||||
<link href="__ADDON__/css/style.css" rel="stylesheet" type="text/css">
|
||||
<link href="__ADDON__/css/animate.css" rel="stylesheet" type="text/css">
|
||||
<link href="__ADDON__/css/page_style.css" rel="stylesheet" type="text/css">
|
||||
@@ -10,3 +11,5 @@
|
||||
<script type="text/javascript" src="__ADDON__/js/animate.js"></script>
|
||||
|
||||
|
||||
|
||||
<script defer src="__ADDON__/js/header-scroll.js?v=20261105_scroll"></script>
|
||||
|
||||
@@ -3,45 +3,15 @@
|
||||
<div class="nhc-container">
|
||||
<div class="nhc-nav-inner">
|
||||
<!-- 网站 Logo 与中式品牌名称 -->
|
||||
<div class="nhc-logo">
|
||||
<a
|
||||
href="{:addon_url('official/web.official_home/index')}"
|
||||
style="display: flex; align-items: center; gap: 12px"
|
||||
>
|
||||
{if __config('site_logo','value')}
|
||||
<img
|
||||
src="{:__config('site_logo','value')}"
|
||||
alt="{:__config('basic_title','value')}"
|
||||
style="height: 38px; width: auto"
|
||||
/>
|
||||
{else/}
|
||||
<div
|
||||
style="
|
||||
width: 36px;
|
||||
height: 36px;
|
||||
background: var(--primary);
|
||||
color: #fff;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
font-weight: 700;
|
||||
border-radius: var(--radius-sm);
|
||||
font-size: 18px;
|
||||
"
|
||||
>
|
||||
川
|
||||
</div>
|
||||
{/if}
|
||||
<div class="nhc-logo-brand">
|
||||
<span class="nhc-logo-text">纳海川</span>
|
||||
<span class="nhc-logo-sub">NAHAICHUAN</span>
|
||||
</div>
|
||||
</a>
|
||||
<span class="nhc-seal" style="margin-left: 8px">纳海川</span>
|
||||
</div>
|
||||
<div class="nhc-logo">
|
||||
<a class="nhc-brand-home" href="{:addon_url('official/web.official_home/index')}" aria-label="纳海川科技首页">
|
||||
<span class="nhc-brand-symbol" aria-hidden="true"></span>
|
||||
<span class="nhc-logo-brand"><span class="nhc-logo-text">纳海川</span><span class="nhc-logo-sub">企业软件研发</span></span>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<!-- 主导航菜单 (服务、产品、案例、关于我们、联系我们) -->
|
||||
<nav>
|
||||
<nav class="nhc-main-nav" aria-label="主导航">
|
||||
<ul class="nhc-nav-menu">
|
||||
<li>
|
||||
<a
|
||||
@@ -645,7 +615,7 @@
|
||||
<path d="M5 12h14M12 5l7 7-7 7" />
|
||||
</svg>
|
||||
</a>
|
||||
</div>
|
||||
</div><details class="nhc-compact-menu"><summary>菜单 <svg viewBox="0 0 24 24" aria-hidden="true"><path d="M4 7h16M4 12h16M4 17h16"/></svg></summary><nav aria-label="窄屏主导航"><a href="{:addon_url('official/web.official_home/index')}">首页</a><a href="{:addon_url('official/web.official_product/list',[':pid'=>19,':sid'=>19])}">服务</a><a href="{:addon_url('official/web.official_product/list',[':pid'=>22,':sid'=>22])}">产品</a><a href="{:addon_url('official/web.official_case_show/list',[':pid'=>14,':sid'=>14])}">案例</a><a href="{:addon_url('official/web.official_home/single',[':pid'=>1,':sid'=>1])}">关于我们</a><a href="{:addon_url('official/web.official_online_message/list',[':pid'=>18,':sid'=>18])}">联系我们</a></nav></details>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
@@ -1,31 +1,507 @@
|
||||
{extend name="web/official_common/pc/base" /}
|
||||
{block name="css"}
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<link rel="stylesheet" href="__ADDON__/css/home-v3.css?v=20261105-v3">
|
||||
{/block}
|
||||
{block name="content"}
|
||||
{extend name="web/official_common/pc/base" /} {block name="css"}
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<link rel="stylesheet" href="__ADDON__/css/home-v3.css?v=20261105-v3" />
|
||||
{/block} {block name="content"}
|
||||
<main class="home-nhc" id="home-main">
|
||||
|
||||
<a class="hn-skip" href="#services">跳至服务内容</a>
|
||||
<section class="hn-hero">
|
||||
<picture class="hn-hero-picture"><source srcset="__ADDON__/images/home/river-courtyard-v3.webp" type="image/webp"><img src="__ADDON__/images/home/river-courtyard-v3.jpg" width="2400" height="960" alt="远山与庭院之间,蓝色玻璃曲线沿水面延展" fetchpriority="high"></picture>
|
||||
<div class="hn-wrap hn-hero-content"><p class="hn-kicker">纳海川科技 / 企业软件服务</p><h1>为企业经营,<br>做好每一套软件。</h1><p class="hn-hero-desc">软件定制、APP与小程序、企业智能体。<br>从业务梳理到上线维护,提供完整的研发服务。</p><div class="hn-actions"><a class="hn-btn" href="#contact">沟通项目需求 <span aria-hidden="true">↗</span></a><a class="hn-outline" href="#products">浏览产品 <span aria-hidden="true">↗</span></a></div></div>
|
||||
<div class="hn-wrap hn-hero-caption"><span>立足贵阳 · 服务全国</span><a href="#services">探索我们的服务 <span aria-hidden="true">↓</span></a><span>NAHAICHUAN TECHNOLOGY</span></div>
|
||||
</section>
|
||||
<div class="hn-promise"><div class="hn-wrap"><div><b>以业务为起点</b><span>先了解流程,再确定方案</span></div><div><b>以交付为依据</b><span>阶段成果确认,过程有据可查</span></div><div><b>以使用为目标</b><span>兼顾上线运行与后续维护</span></div></div></div>
|
||||
<section class="hn-section" id="services"><div class="hn-wrap"><div class="hn-heading"><div><p class="hn-kicker">01 / 专业服务</p><h2>系统开发与长期维护</h2></div><div><p>从企业日常经营出发,<br>把实际业务需求转化为可用的软件。</p><a class="hn-link" href="{:addon_url('official/web.official_product/list',[':pid'=>19,':sid'=>19])}">全部服务 <span aria-hidden="true">↗</span></a></div></div><div class="hn-services"><article class="hn-service"><div class="hn-service-top"><svg viewBox="0 0 32 32" aria-hidden="true"><rect x="3" y="4" width="26" height="19" rx="2"/><path d="M11 29h10M16 23v6M10 11l-3 3 3 3m12-6 3 3-3 3m-4-7-4 8"/></svg><span>01</span></div><h3>软件开发</h3><p>围绕订单、库存、财务与内部协同,开发符合企业实际流程的业务系统。</p><div class="hn-service-tags">业务系统定制 · 微服务架构 · 系统集成 · 旧系统改造</div><a class="hn-link" href="{:addon_url('official/web.official_product/service_software')}">了解服务 <span aria-hidden="true">↗</span></a></article><article class="hn-service"><div class="hn-service-top"><svg viewBox="0 0 32 32" aria-hidden="true"><rect x="8" y="2" width="16" height="28" rx="3"/><path d="M13 6h6m-4 20h2M13 13l-3 3 3 3m6-6 3 3-3 3"/></svg><span>02</span></div><h3>APP与小程序定制</h3><p>面向客户服务、移动办公与门店经营,连接移动终端与后台业务。</p><div class="hn-service-tags">iOS / Android · 微信小程序 · 多端协同</div><a class="hn-link" href="{:addon_url('official/web.official_product/service_app')}">了解服务 <span aria-hidden="true">↗</span></a></article><article class="hn-service"><div class="hn-service-top"><svg viewBox="0 0 32 32" aria-hidden="true"><path d="M16 3v5m0 16v5M3 16h5m16 0h5M7 7l4 4m10 10 4 4M25 7l-4 4M11 21l-4 4"/><rect x="10" y="10" width="12" height="12" rx="3"/><path d="M14 16h4m-2-2v4"/></svg><span>03</span></div><h3>智能体开发</h3><p>以企业知识与业务流程为基础,提供知识问答、资料检索和任务辅助。</p><div class="hn-service-tags">企业知识库 · 流程配置 · 私有化部署</div><a class="hn-link" href="{:addon_url('official/web.official_product/service_agent')}">了解服务 <span aria-hidden="true">↗</span></a></article></div></div></section>
|
||||
<section class="hn-section hn-soft" id="products"><div class="hn-wrap"><div class="hn-heading"><div><p class="hn-kicker">02 / 产品中心</p><h2>标准化业务系统</h2></div><div><p>成熟功能满足共性需求,<br>按业务需要配置、集成与扩展。</p><a class="hn-link" href="{:addon_url('official/web.official_product/list',[':pid'=>22,':sid'=>22])}">产品详情 <span aria-hidden="true">↗</span></a></div></div>
|
||||
<div class="hn-product-feature"><div class="hn-product-intro"><span class="hn-small">产品选型</span><h3>从一笔订单,<br>到日常经营。</h3><p>线上销售、门店收款、采购库存,<br>选择适合当前业务的管理工具。</p><a class="hn-btn" href="{:addon_url('official/web.official_product/list',[':pid'=>22,':sid'=>22])}#demo-sandbox">预约产品演示 <span aria-hidden="true">↗</span></a></div><div class="hn-product-visual"><div class="hn-app-window" aria-label="业务系统界面示意"><div class="hn-app-bar"><span class="hn-app-mark">川</span><strong>经营管理工作台</strong><span class="hn-demo-label">界面示意</span></div><div class="hn-app-body"><aside><b>工作台</b><span>订单管理</span><span>商品管理</span><span>会员管理</span><span>库存管理</span><span>经营报表</span></aside><div class="hn-app-content"><h4>经营概览 <small>业务数据,一处查看</small></h4><div class="hn-stat-row"><div><span>销售管理</span><b>订单汇总</b><i></i></div><div><span>库存管理</span><b>出入库记录</b><i></i></div><div><span>会员管理</span><b>客户档案</b><i></i></div></div><div class="hn-chart"><div><b>销售趋势</b><span>销售 / 订单</span></div><svg viewBox="0 0 500 110" aria-hidden="true"><path d="M0 100H500M0 65H500M0 30H500" stroke="#e8edf3" fill="none"/><path d="M0 95 45 80 90 86 135 52 180 62 225 31 270 48 315 20 360 32 405 12 450 27 500 5V110H0Z" fill="#e8f0fe"/><path d="M0 95 45 80 90 86 135 52 180 62 225 31 270 48 315 20 360 32 405 12 450 27 500 5" stroke="#2563eb" stroke-width="3" fill="none"/></svg><div class="hn-chart-bottom"><span>业务记录</span><span>经营统计</span><span>趋势分析</span></div></div></div></div></div></div></div>
|
||||
<div class="hn-products"><article><span class="hn-small">线上交易</span><h3>商城</h3><p>商品、订单、会员与营销管理,满足线上销售与日常运营。</p><a class="hn-link" href="{:addon_url('official/web.official_product/list',[':pid'=>22,':sid'=>22])}#product-matrix">查看详情 <span aria-hidden="true">↗</span></a></article><article><span class="hn-small">门店经营</span><h3>收银</h3><p>收款、退款、防重复扣款与门店对账,衔接一线操作和总部管理。</p><a class="hn-link" href="{:addon_url('official/web.official_product/list',[':pid'=>22,':sid'=>22])}#demo-sandbox">申请演示 <span aria-hidden="true">↗</span></a></article><article><span class="hn-small">采购与库存</span><h3>进销存</h3><p>关联采购、销售、库存与往来账目,记录每一笔业务流转。</p><a class="hn-link" href="{:addon_url('official/web.official_product/list',[':pid'=>22,':sid'=>22])}#product-matrix">查看详情 <span aria-hidden="true">↗</span></a></article><article><span class="hn-small">订阅使用</span><h3>SaaS版本</h3><p>按订阅方式使用业务功能,适合希望简化部署和维护的企业。</p><a class="hn-link" href="{:addon_url('official/web.official_online_message/list',[':pid'=>18,':sid'=>18])}">咨询开通 <span aria-hidden="true">↗</span></a></article></div></div></section>
|
||||
<section class="hn-section" id="cases"><div class="hn-wrap"><div class="hn-heading"><div><p class="hn-kicker">03 / 项目案例</p><h2>项目实践与行业应用</h2></div><div><p>项目案例:业务挑战与技术方案。<br>了解不同场景下的系统建设思路。</p><a class="hn-link" href="{:addon_url('official/web.official_case_show/list',[':pid'=>14,':sid'=>14])}">浏览案例 <span aria-hidden="true">↗</span></a></div></div><div class="hn-cases"><a class="hn-case" href="{:addon_url('official/web.official_case_show/list',[':pid'=>14,':sid'=>14])}"><figure><img src="__ADDON__/images/showcases/case_distrib.svg" width="800" height="460" alt="分销订货与业务协同方案示意" loading="lazy"><figcaption>方案示意</figcaption></figure><div class="hn-case-copy"><span class="hn-small">商贸流通</span><h3>分销订货与业务协同<span aria-hidden="true">↗</span></h3><p>关联多渠道订单、库存和结算,衔接订货、审核与发货流程。</p></div></a><a class="hn-case" href="{:addon_url('official/web.official_case_show/list',[':pid'=>14,':sid'=>14])}"><figure><img src="__ADDON__/images/showcases/case_catering.svg" width="800" height="460" alt="收银与门店管理方案示意" loading="lazy"><figcaption>方案示意</figcaption></figure><div class="hn-case-copy"><span class="hn-small">连锁经营</span><h3>收银与门店管理<span aria-hidden="true">↗</span></h3><p>整合门店收款、单据同步与总部对账,统一业务记录。</p></div></a><a class="hn-case" href="{:addon_url('official/web.official_case_show/list',[':pid'=>14,':sid'=>14])}"><figure><img src="__ADDON__/images/showcases/case_manufacture.svg" width="800" height="460" alt="进销存与供应商协同方案示意" loading="lazy"><figcaption>方案示意</figcaption></figure><div class="hn-case-copy"><span class="hn-small">生产管理</span><h3>进销存与供应商协同<span aria-hidden="true">↗</span></h3><p>连接采购、物料与生产,完善库存记录和供应商协作流程。</p></div></a></div></div></section>
|
||||
<section class="hn-section hn-process-section" id="delivery"><div class="hn-wrap" id="process"><div class="hn-heading"><div><p class="hn-kicker">04 / 实施交付</p><h2>每一步,都有明确的交付</h2></div><p>项目推进流程<br>范围、进度与成果,按阶段沟通确认。</p></div><ol class="hn-process">
|
||||
<li><span>01</span><h3>需求与方案</h3><p>了解业务流程、使用对象和现有系统,确认功能范围、预算与计划。</p><small>需求说明 / 实施方案</small></li><li><span>02</span><h3>设计与开发</h3><p>确认交互原型和技术方案,分阶段开发,并及时沟通调整事项。</p><small>交互原型 / 阶段版本</small></li><li><span>03</span><h3>测试与验收</h3><p>按约定业务场景开展测试,核对功能、数据和问题处理结果。</p><small>测试记录 / 验收清单</small></li><li><span>04</span><h3>上线与维护</h3><p>完成部署、操作培训与资料移交,按约定提供后续维护。</p><small>部署文档 / 使用培训</small></li></ol><div class="hn-delivery-note"><strong>交付清楚,后续有据。</strong><p>源码交付、接口文档、代码审查记录、部署资料及维护安排,在项目启动前明确,具体以合同约定为准。</p><a class="hn-link" href="{:addon_url('official/web.official_online_message/list',[':pid'=>18,':sid'=>18])}">咨询交付安排 <span aria-hidden="true">↗</span></a></div></div></section>
|
||||
<section class="hn-section hn-about"><div class="hn-wrap hn-about-grid"><figure><picture><source srcset="__ADDON__/images/home/office-editorial-v3.webp" type="image/webp"><img src="__ADDON__/images/home/office-editorial-v3.jpg" width="1536" height="1024" loading="lazy" alt="自然光下的现代办公洽谈空间,品牌意境图"></picture><figcaption>品牌意境图</figcaption></figure><div><p class="hn-kicker">05 / 关于纳海川</p><h2>认真理解业务,<br>踏实做好研发。</h2><p>贵阳纳海川科技有限公司,专注企业软件开发与业务系统建设。我们为企业提供软件定制、移动应用、智能体开发及标准化业务产品。</p><p>重视每一次需求确认、每一个阶段成果,也关注系统交付之后的日常使用。</p><a class="hn-link" href="{:addon_url('official/web.official_home/single',[':pid'=>1,':sid'=>1])}">了解我们 <span aria-hidden="true">↗</span></a><div class="hn-about-sign"><span>纳海川</span><small>贵阳 · 中国</small></div></div></div><div class="hn-wrap hn-feedback"><div><p class="hn-kicker">合作记录</p><h2>客户反馈</h2></div><div class="hn-quotes"><blockquote><p>“订货中台重构后,大促当天订单未出现积压,库存与财务账目一致。沟通直接,变更均有记录。”</p><footer>供应链企业 · 技术负责人<span>订货中台项目</span></footer></blockquote><blockquote><p>“收银员半天即可上手。门店断网时仍可正常收银,网络恢复后单据自动补传,月底对账工作量明显减少。”</p><footer>连锁零售企业 · 运营负责人<span>门店收银项目</span></footer></blockquote></div></div></section>
|
||||
<section class="hn-section hn-soft" id="insights"><div class="hn-wrap"><div class="hn-heading"><div><p class="hn-kicker">06 / 研发记录</p><h2>技术与实践</h2></div><a class="hn-link" href="{:addon_url('official/web.official_journalism/list',[':pid'=>6,':sid'=>6])}">更多动态 <span aria-hidden="true">↗</span></a></div><div class="hn-news">{if !empty($information['data'])}{foreach name="information.data" id="art" key="idx" offset="0" length="3"}
|
||||
{php}$cover_fallbacks = ['/assets/addons/official/images/articles/article_cache.svg','/assets/addons/official/images/articles/article_mysql_page.svg','/assets/addons/official/images/articles/article_xxl_job.svg']; $img_val = !empty($art['image']) ? $art['image'] : ''; $cover_src = (empty($img_val) || strpos($img_val,'article_microservice.svg') !== false) ? (isset($cover_fallbacks[$idx]) ? $cover_fallbacks[$idx] : '/assets/addons/official/images/articles/article_microservice.svg') : $img_val;{/php}
|
||||
<article><a href="{:addon_url('official/web.official_journalism/details',[':pid'=>6,':sid'=>$art['official_category_id'],':id'=>$art['id']])}"><figure><img src="{$cover_src}" alt="{$art['title']}" width="800" height="450" loading="lazy"></figure><time datetime="{:date('Y-m-d', $art['createtime'])}">{:date('Y-m-d', $art['createtime'])}</time><h3>{$art['title']}</h3><span class="hn-read">阅读全文 <span aria-hidden="true">↗</span></span></a></article>
|
||||
{/foreach}{else/}<p class="hn-empty">项目与技术记录持续更新中,您也可以直接与我们讨论具体需求。</p>{/if}</div></div></section>
|
||||
<section class="hn-section" id="faq"><div class="hn-wrap hn-faq-grid"><div><p class="hn-kicker">合作问答</p><h2>开始之前,<br>您可能关心</h2></div><div class="hn-faq-list"><details open><summary>只有初步想法,可以先沟通吗?<span aria-hidden="true">+</span></summary><p>可以。先说明使用对象、主要业务流程和希望解决的问题,我们一起梳理建设方向;涉及详细调研或原型设计的工作,再根据工作量单独约定。</p></details><details><summary>项目费用和周期如何确定?<span aria-hidden="true">+</span></summary><p>根据功能范围、流程复杂度、终端数量和接口条件进行评估,确认阶段计划和费用清单。服务器及第三方服务费用另行说明。</p></details><details><summary>已有系统,可以改造或增加功能吗?<span aria-hidden="true">+</span></summary><p>先评估现有源码、接口、数据结构与运行环境,具备条件后确定改造范围;涉及数据迁移与系统切换时,单独安排验证。</p></details></div></div></section>
|
||||
<section class="hn-contact" id="contact"><div class="hn-wrap"><div><p class="hn-kicker">与纳海川谈谈您的项目</p><h2>从一次沟通,<br>开始您的软件项目。</h2><p>有具体的系统研发或产品选型需求?可以直接沟通</p></div><div class="hn-contact-actions"><a class="hn-btn" href="{:addon_url('official/web.official_online_message/list',[':pid'=>18,':sid'=>18])}">提交项目需求 <span aria-hidden="true">↗</span></a><a class="hn-phone" href="tel:{:__config('site_mobile','value')}"><small>电话咨询</small><span>{:__config('site_mobile','value')}</span></a><p>业务场景 / 现有系统 / 期望时间</p></div></div></section>
|
||||
<a class="hn-skip" href="#services">跳至服务内容</a>
|
||||
<section class="hn-hero">
|
||||
<picture class="hn-hero-picture">
|
||||
<source media="(max-width: 768px)" srcset="__ADDON__/images/home/ai-computing-mobile-v4.webp" type="image/webp">
|
||||
<source media="(max-width: 768px)" srcset="__ADDON__/images/home/ai-computing-mobile-v4.jpg" type="image/jpeg">
|
||||
<source srcset="__ADDON__/images/home/ai-computing-v4.webp" type="image/webp">
|
||||
<img src="__ADDON__/images/home/ai-computing-v4.jpg" width="1983" height="793" alt="蓝色玻璃计算核心连接神经网络球体与数据节点,呈现人工智能与软件技术" fetchpriority="high">
|
||||
</picture>
|
||||
<div class="hn-wrap hn-hero-content">
|
||||
<p class="hn-kicker">纳海川科技 / 企业软件服务</p>
|
||||
<h1>为企业经营,<br />做好每一套软件。</h1>
|
||||
<p class="hn-hero-desc">
|
||||
软件定制、APP与小程序、企业智能体。<br />从业务梳理到上线维护,提供完整的研发服务。
|
||||
</p>
|
||||
<div class="hn-actions">
|
||||
<a class="hn-btn" href="#contact"
|
||||
>沟通项目需求 <span aria-hidden="true">↗</span></a
|
||||
><a class="hn-outline" href="#products"
|
||||
>浏览产品 <span aria-hidden="true">↗</span></a
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
<div class="hn-wrap hn-hero-caption">
|
||||
<span>立足贵阳 · 服务全国</span
|
||||
><a href="#services">探索我们的服务 <span aria-hidden="true">↓</span></a
|
||||
><span>NAHAICHUAN TECHNOLOGY</span>
|
||||
</div>
|
||||
</section>
|
||||
<div class="hn-promise">
|
||||
<div class="hn-wrap">
|
||||
<div><b>以业务为起点</b><span>先了解流程,再确定方案</span></div>
|
||||
<div><b>以交付为依据</b><span>阶段成果确认,过程有据可查</span></div>
|
||||
<div><b>以使用为目标</b><span>兼顾上线运行与后续维护</span></div>
|
||||
</div>
|
||||
</div>
|
||||
<section class="hn-section" id="services">
|
||||
<div class="hn-wrap">
|
||||
<div class="hn-heading">
|
||||
<div>
|
||||
<p class="hn-kicker">01 / 专业服务</p>
|
||||
<h2>系统开发与长期维护</h2>
|
||||
</div>
|
||||
<div>
|
||||
<p>从企业日常经营出发,<br />把实际业务需求转化为可用的软件。</p>
|
||||
<a
|
||||
class="hn-link"
|
||||
href="{:addon_url('official/web.official_product/list',[':pid'=>19,':sid'=>19])}"
|
||||
>全部服务 <span aria-hidden="true">↗</span></a
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
<div class="hn-services">
|
||||
<article class="hn-service">
|
||||
<div class="hn-service-top">
|
||||
<svg viewBox="0 0 32 32" aria-hidden="true">
|
||||
<rect x="3" y="4" width="26" height="19" rx="2" />
|
||||
<path d="M11 29h10M16 23v6M10 11l-3 3 3 3m12-6 3 3-3 3m-4-7-4 8" /></svg
|
||||
><span>01</span>
|
||||
</div>
|
||||
<h3>软件开发</h3>
|
||||
<p>围绕订单、库存、财务与内部协同,开发符合企业实际流程的业务系统。</p>
|
||||
<div class="hn-service-tags">
|
||||
业务系统定制 · 微服务架构 · 系统集成 · 旧系统改造
|
||||
</div>
|
||||
<a
|
||||
class="hn-link"
|
||||
href="{:addon_url('official/web.official_product/service_software')}"
|
||||
>了解服务 <span aria-hidden="true">↗</span></a
|
||||
>
|
||||
</article>
|
||||
<article class="hn-service">
|
||||
<div class="hn-service-top">
|
||||
<svg viewBox="0 0 32 32" aria-hidden="true">
|
||||
<rect x="8" y="2" width="16" height="28" rx="3" />
|
||||
<path d="M13 6h6m-4 20h2M13 13l-3 3 3 3m6-6 3 3-3 3" /></svg
|
||||
><span>02</span>
|
||||
</div>
|
||||
<h3>APP与小程序定制</h3>
|
||||
<p>面向客户服务、移动办公与门店经营,连接移动终端与后台业务。</p>
|
||||
<div class="hn-service-tags">iOS / Android · 微信小程序 · 多端协同</div>
|
||||
<a
|
||||
class="hn-link"
|
||||
href="{:addon_url('official/web.official_product/service_app')}"
|
||||
>了解服务 <span aria-hidden="true">↗</span></a
|
||||
>
|
||||
</article>
|
||||
<article class="hn-service">
|
||||
<div class="hn-service-top">
|
||||
<svg viewBox="0 0 32 32" aria-hidden="true">
|
||||
<path
|
||||
d="M16 3v5m0 16v5M3 16h5m16 0h5M7 7l4 4m10 10 4 4M25 7l-4 4M11 21l-4 4"
|
||||
/>
|
||||
<rect x="10" y="10" width="12" height="12" rx="3" />
|
||||
<path d="M14 16h4m-2-2v4" /></svg
|
||||
><span>03</span>
|
||||
</div>
|
||||
<h3>智能体开发</h3>
|
||||
<p>以企业知识与业务流程为基础,提供知识问答、资料检索和任务辅助。</p>
|
||||
<div class="hn-service-tags">企业知识库 · 流程配置 · 私有化部署</div>
|
||||
<a
|
||||
class="hn-link"
|
||||
href="{:addon_url('official/web.official_product/service_agent')}"
|
||||
>了解服务 <span aria-hidden="true">↗</span></a
|
||||
>
|
||||
</article>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section class="hn-section hn-soft" id="products">
|
||||
<div class="hn-wrap">
|
||||
<div class="hn-heading">
|
||||
<div>
|
||||
<p class="hn-kicker">02 / 产品中心</p>
|
||||
<h2>标准化业务系统</h2>
|
||||
</div>
|
||||
<div>
|
||||
<p>成熟功能满足共性需求,<br />按业务需要配置、集成与扩展。</p>
|
||||
<a
|
||||
class="hn-link"
|
||||
href="{:addon_url('official/web.official_product/list',[':pid'=>22,':sid'=>22])}"
|
||||
>产品详情 <span aria-hidden="true">↗</span></a
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
<div class="hn-product-feature">
|
||||
<div class="hn-product-intro">
|
||||
<span class="hn-small">产品选型</span>
|
||||
<h3>从一笔订单,<br />到日常经营。</h3>
|
||||
<p>线上销售、门店收款、采购库存,<br />选择适合当前业务的管理工具。</p>
|
||||
<a
|
||||
class="hn-btn"
|
||||
href="{:addon_url('official/web.official_product/list',[':pid'=>22,':sid'=>22])}#demo-sandbox"
|
||||
>预约产品演示 <span aria-hidden="true">↗</span></a
|
||||
>
|
||||
</div>
|
||||
<div class="hn-product-visual">
|
||||
<div class="hn-app-window" aria-label="业务系统界面示意">
|
||||
<div class="hn-app-bar">
|
||||
<span class="hn-app-mark">川</span><strong>经营管理工作台</strong
|
||||
><span class="hn-demo-label">界面示意</span>
|
||||
</div>
|
||||
<div class="hn-app-body">
|
||||
<aside>
|
||||
<b>工作台</b><span>订单管理</span><span>商品管理</span
|
||||
><span>会员管理</span><span>库存管理</span><span>经营报表</span>
|
||||
</aside>
|
||||
<div class="hn-app-content">
|
||||
<h4>经营概览 <small>业务数据,一处查看</small></h4>
|
||||
<div class="hn-stat-row">
|
||||
<div><span>销售管理</span><b>订单汇总</b><i></i></div>
|
||||
<div><span>库存管理</span><b>出入库记录</b><i></i></div>
|
||||
<div><span>会员管理</span><b>客户档案</b><i></i></div>
|
||||
</div>
|
||||
<div class="hn-chart">
|
||||
<div><b>销售趋势</b><span>销售 / 订单</span></div>
|
||||
<svg viewBox="0 0 500 110" aria-hidden="true">
|
||||
<path d="M0 100H500M0 65H500M0 30H500" stroke="#e8edf3" fill="none" />
|
||||
<path
|
||||
d="M0 95 45 80 90 86 135 52 180 62 225 31 270 48 315 20 360 32 405 12 450 27 500 5V110H0Z"
|
||||
fill="#e8f0fe"
|
||||
/>
|
||||
<path
|
||||
d="M0 95 45 80 90 86 135 52 180 62 225 31 270 48 315 20 360 32 405 12 450 27 500 5"
|
||||
stroke="#2563eb"
|
||||
stroke-width="3"
|
||||
fill="none"
|
||||
/>
|
||||
</svg>
|
||||
<div class="hn-chart-bottom">
|
||||
<span>业务记录</span><span>经营统计</span><span>趋势分析</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="hn-products">
|
||||
<article>
|
||||
<span class="hn-small">线上交易</span>
|
||||
<h3>商城</h3>
|
||||
<p>商品、订单、会员与营销管理,满足线上销售与日常运营。</p>
|
||||
<a
|
||||
class="hn-link"
|
||||
href="{:addon_url('official/web.official_product/list',[':pid'=>22,':sid'=>22])}#product-matrix"
|
||||
>查看详情 <span aria-hidden="true">↗</span></a
|
||||
>
|
||||
</article>
|
||||
<article>
|
||||
<span class="hn-small">门店经营</span>
|
||||
<h3>收银</h3>
|
||||
<p>收款、退款、防重复扣款与门店对账,衔接一线操作和总部管理。</p>
|
||||
<a
|
||||
class="hn-link"
|
||||
href="{:addon_url('official/web.official_product/list',[':pid'=>22,':sid'=>22])}#demo-sandbox"
|
||||
>申请演示 <span aria-hidden="true">↗</span></a
|
||||
>
|
||||
</article>
|
||||
<article>
|
||||
<span class="hn-small">采购与库存</span>
|
||||
<h3>进销存</h3>
|
||||
<p>关联采购、销售、库存与往来账目,记录每一笔业务流转。</p>
|
||||
<a
|
||||
class="hn-link"
|
||||
href="{:addon_url('official/web.official_product/list',[':pid'=>22,':sid'=>22])}#product-matrix"
|
||||
>查看详情 <span aria-hidden="true">↗</span></a
|
||||
>
|
||||
</article>
|
||||
<article>
|
||||
<span class="hn-small">订阅使用</span>
|
||||
<h3>SaaS版本</h3>
|
||||
<p>按订阅方式使用业务功能,适合希望简化部署和维护的企业。</p>
|
||||
<a
|
||||
class="hn-link"
|
||||
href="{:addon_url('official/web.official_online_message/list',[':pid'=>18,':sid'=>18])}"
|
||||
>咨询开通 <span aria-hidden="true">↗</span></a
|
||||
>
|
||||
</article>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section class="hn-section" id="cases">
|
||||
<div class="hn-wrap">
|
||||
<div class="hn-heading">
|
||||
<div>
|
||||
<p class="hn-kicker">03 / 项目案例</p>
|
||||
<h2>项目实践与行业应用</h2>
|
||||
</div>
|
||||
<div>
|
||||
<p>项目案例:业务挑战与技术方案。<br />了解不同场景下的系统建设思路。</p>
|
||||
<a
|
||||
class="hn-link"
|
||||
href="{:addon_url('official/web.official_case_show/list',[':pid'=>14,':sid'=>14])}"
|
||||
>浏览案例 <span aria-hidden="true">↗</span></a
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
<div class="hn-cases">
|
||||
<a
|
||||
class="hn-case"
|
||||
href="{:addon_url('official/web.official_case_show/list',[':pid'=>14,':sid'=>14])}"
|
||||
><figure>
|
||||
<img
|
||||
src="__ADDON__/images/showcases/case_distrib.svg"
|
||||
width="800"
|
||||
height="460"
|
||||
alt="分销订货与业务协同方案示意"
|
||||
loading="lazy"
|
||||
/>
|
||||
<figcaption>方案示意</figcaption>
|
||||
</figure>
|
||||
<div class="hn-case-copy">
|
||||
<span class="hn-small">商贸流通</span>
|
||||
<h3>分销订货与业务协同<span aria-hidden="true">↗</span></h3>
|
||||
<p>关联多渠道订单、库存和结算,衔接订货、审核与发货流程。</p>
|
||||
</div></a
|
||||
><a
|
||||
class="hn-case"
|
||||
href="{:addon_url('official/web.official_case_show/list',[':pid'=>14,':sid'=>14])}"
|
||||
><figure>
|
||||
<img
|
||||
src="__ADDON__/images/showcases/case_catering.svg"
|
||||
width="800"
|
||||
height="460"
|
||||
alt="收银与门店管理方案示意"
|
||||
loading="lazy"
|
||||
/>
|
||||
<figcaption>方案示意</figcaption>
|
||||
</figure>
|
||||
<div class="hn-case-copy">
|
||||
<span class="hn-small">连锁经营</span>
|
||||
<h3>收银与门店管理<span aria-hidden="true">↗</span></h3>
|
||||
<p>整合门店收款、单据同步与总部对账,统一业务记录。</p>
|
||||
</div></a
|
||||
><a
|
||||
class="hn-case"
|
||||
href="{:addon_url('official/web.official_case_show/list',[':pid'=>14,':sid'=>14])}"
|
||||
><figure>
|
||||
<img
|
||||
src="__ADDON__/images/showcases/case_manufacture.svg"
|
||||
width="800"
|
||||
height="460"
|
||||
alt="进销存与供应商协同方案示意"
|
||||
loading="lazy"
|
||||
/>
|
||||
<figcaption>方案示意</figcaption>
|
||||
</figure>
|
||||
<div class="hn-case-copy">
|
||||
<span class="hn-small">生产管理</span>
|
||||
<h3>进销存与供应商协同<span aria-hidden="true">↗</span></h3>
|
||||
<p>连接采购、物料与生产,完善库存记录和供应商协作流程。</p>
|
||||
</div></a
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section class="hn-section hn-process-section" id="delivery">
|
||||
<div class="hn-wrap" id="process">
|
||||
<div class="hn-heading">
|
||||
<div>
|
||||
<p class="hn-kicker">04 / 实施交付</p>
|
||||
<h2>每一步,都有明确的交付</h2>
|
||||
</div>
|
||||
<p>项目推进流程<br />范围、进度与成果,按阶段沟通确认。</p>
|
||||
</div>
|
||||
<ol class="hn-process">
|
||||
<li>
|
||||
<span>01</span>
|
||||
<h3>需求与方案</h3>
|
||||
<p>了解业务流程、使用对象和现有系统,确认功能范围、预算与计划。</p>
|
||||
<small>需求说明 / 实施方案</small>
|
||||
</li>
|
||||
<li>
|
||||
<span>02</span>
|
||||
<h3>设计与开发</h3>
|
||||
<p>确认交互原型和技术方案,分阶段开发,并及时沟通调整事项。</p>
|
||||
<small>交互原型 / 阶段版本</small>
|
||||
</li>
|
||||
<li>
|
||||
<span>03</span>
|
||||
<h3>测试与验收</h3>
|
||||
<p>按约定业务场景开展测试,核对功能、数据和问题处理结果。</p>
|
||||
<small>测试记录 / 验收清单</small>
|
||||
</li>
|
||||
<li>
|
||||
<span>04</span>
|
||||
<h3>上线与维护</h3>
|
||||
<p>完成部署、操作培训与资料移交,按约定提供后续维护。</p>
|
||||
<small>部署文档 / 使用培训</small>
|
||||
</li>
|
||||
</ol>
|
||||
<div class="hn-delivery-note">
|
||||
<strong>交付清楚,后续有据。</strong>
|
||||
<p>
|
||||
源码交付、接口文档、代码审查记录、部署资料及维护安排,在项目启动前明确,具体以合同约定为准。
|
||||
</p>
|
||||
<a
|
||||
class="hn-link"
|
||||
href="{:addon_url('official/web.official_online_message/list',[':pid'=>18,':sid'=>18])}"
|
||||
>咨询交付安排 <span aria-hidden="true">↗</span></a
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section class="hn-section hn-about">
|
||||
<div class="hn-wrap hn-about-grid">
|
||||
<figure>
|
||||
<picture
|
||||
><source
|
||||
srcset="__ADDON__/images/home/office-editorial-v3.webp"
|
||||
type="image/webp" />
|
||||
<img
|
||||
src="__ADDON__/images/home/office-editorial-v3.jpg"
|
||||
width="1536"
|
||||
height="1024"
|
||||
loading="lazy"
|
||||
alt="自然光下的现代办公洽谈空间,品牌意境图"
|
||||
/></picture>
|
||||
<figcaption>品牌意境图</figcaption>
|
||||
</figure>
|
||||
<div>
|
||||
<p class="hn-kicker">05 / 关于纳海川</p>
|
||||
<h2>认真理解业务,<br />踏实做好研发。</h2>
|
||||
<p>
|
||||
贵阳纳海川科技有限公司,专注企业软件开发与业务系统建设。我们为企业提供软件定制、移动应用、智能体开发及标准化业务产品。
|
||||
</p>
|
||||
<p>重视每一次需求确认、每一个阶段成果,也关注系统交付之后的日常使用。</p>
|
||||
<a
|
||||
class="hn-link"
|
||||
href="{:addon_url('official/web.official_home/single',[':pid'=>1,':sid'=>1])}"
|
||||
>了解我们 <span aria-hidden="true">↗</span></a
|
||||
>
|
||||
<div class="hn-about-sign">
|
||||
<span>纳海川</span><small>贵阳 · 中国</small>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="hn-wrap hn-feedback">
|
||||
<div>
|
||||
<p class="hn-kicker">合作记录</p>
|
||||
<h2>客户反馈</h2>
|
||||
</div>
|
||||
<div class="hn-quotes">
|
||||
<blockquote>
|
||||
<p>
|
||||
“订货中台重构后,大促当天订单未出现积压,库存与财务账目一致。沟通直接,变更均有记录。”
|
||||
</p>
|
||||
<footer>供应链企业 · 技术负责人<span>订货中台项目</span></footer>
|
||||
</blockquote>
|
||||
<blockquote>
|
||||
<p>
|
||||
“收银员半天即可上手。门店断网时仍可正常收银,网络恢复后单据自动补传,月底对账工作量明显减少。”
|
||||
</p>
|
||||
<footer>连锁零售企业 · 运营负责人<span>门店收银项目</span></footer>
|
||||
</blockquote>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section class="hn-section hn-soft" id="insights">
|
||||
<div class="hn-wrap">
|
||||
<div class="hn-heading">
|
||||
<div>
|
||||
<p class="hn-kicker">06 / 研发记录</p>
|
||||
<h2>技术与实践</h2>
|
||||
</div>
|
||||
<a
|
||||
class="hn-link"
|
||||
href="{:addon_url('official/web.official_journalism/list',[':pid'=>6,':sid'=>6])}"
|
||||
>更多动态 <span aria-hidden="true">↗</span></a
|
||||
>
|
||||
</div>
|
||||
<div class="hn-news">
|
||||
{if !empty($information['data'])}{foreach name="information.data" id="art"
|
||||
key="idx" offset="0" length="3"} {php}$cover_fallbacks =
|
||||
['/assets/addons/official/images/articles/article_cache.svg','/assets/addons/official/images/articles/article_mysql_page.svg','/assets/addons/official/images/articles/article_xxl_job.svg'];
|
||||
$img_val = !empty($art['image']) ? $art['image'] : ''; $cover_src =
|
||||
(empty($img_val) || strpos($img_val,'article_microservice.svg') !== false) ?
|
||||
(isset($cover_fallbacks[$idx]) ? $cover_fallbacks[$idx] :
|
||||
'/assets/addons/official/images/articles/article_microservice.svg') :
|
||||
$img_val;{/php}
|
||||
<article>
|
||||
<a
|
||||
href="{:addon_url('official/web.official_journalism/details',[':pid'=>6,':sid'=>$art['official_category_id'],':id'=>$art['id']])}"
|
||||
><figure>
|
||||
<img
|
||||
src="{$cover_src}"
|
||||
alt="{$art['title']}"
|
||||
width="800"
|
||||
height="450"
|
||||
loading="lazy"
|
||||
/>
|
||||
</figure>
|
||||
<time datetime="{:date('Y-m-d', $art['createtime'])}"
|
||||
>{:date('Y-m-d', $art['createtime'])}</time
|
||||
>
|
||||
<h3>{$art['title']}</h3>
|
||||
<span class="hn-read">阅读全文 <span aria-hidden="true">↗</span></span></a
|
||||
>
|
||||
</article>
|
||||
{/foreach}{else/}
|
||||
<p class="hn-empty">
|
||||
项目与技术记录持续更新中,您也可以直接与我们讨论具体需求。
|
||||
</p>
|
||||
{/if}
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section class="hn-section" id="faq">
|
||||
<div class="hn-wrap hn-faq-grid">
|
||||
<div>
|
||||
<p class="hn-kicker">合作问答</p>
|
||||
<h2>开始之前,<br />您可能关心</h2>
|
||||
</div>
|
||||
<div class="hn-faq-list">
|
||||
<details open>
|
||||
<summary>
|
||||
只有初步想法,可以先沟通吗?<span aria-hidden="true">+</span>
|
||||
</summary>
|
||||
<p>
|
||||
可以。先说明使用对象、主要业务流程和希望解决的问题,我们一起梳理建设方向;涉及详细调研或原型设计的工作,再根据工作量单独约定。
|
||||
</p>
|
||||
</details>
|
||||
<details>
|
||||
<summary>
|
||||
项目费用和周期如何确定?<span aria-hidden="true">+</span>
|
||||
</summary>
|
||||
<p>
|
||||
根据功能范围、流程复杂度、终端数量和接口条件进行评估,确认阶段计划和费用清单。服务器及第三方服务费用另行说明。
|
||||
</p>
|
||||
</details>
|
||||
<details>
|
||||
<summary>
|
||||
已有系统,可以改造或增加功能吗?<span aria-hidden="true">+</span>
|
||||
</summary>
|
||||
<p>
|
||||
先评估现有源码、接口、数据结构与运行环境,具备条件后确定改造范围;涉及数据迁移与系统切换时,单独安排验证。
|
||||
</p>
|
||||
</details>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section class="hn-contact" id="contact">
|
||||
<div class="hn-wrap">
|
||||
<div>
|
||||
<p class="hn-kicker">与纳海川谈谈您的项目</p>
|
||||
<h2>从一次沟通,<br />开始您的软件项目。</h2>
|
||||
<p>有具体的系统研发或产品选型需求?可以直接沟通</p>
|
||||
</div>
|
||||
<div class="hn-contact-actions">
|
||||
<a
|
||||
class="hn-btn"
|
||||
href="{:addon_url('official/web.official_online_message/list',[':pid'=>18,':sid'=>18])}"
|
||||
>提交项目需求 <span aria-hidden="true">↗</span></a
|
||||
><a class="hn-phone" href="tel:{:__config('site_mobile','value')}"
|
||||
><small>电话咨询</small><span>{:__config('site_mobile','value')}</span></a
|
||||
>
|
||||
<p>业务场景 / 现有系统 / 期望时间</p>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</main>
|
||||
{/block}
|
||||
|
||||
@@ -1,32 +1,555 @@
|
||||
{extend name="web/official_common/mobile/base" /}
|
||||
{block name="css"}
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<link rel="stylesheet" href="__ADDON__/css/home-v3.css?v=20261105-v3">
|
||||
<style>body > .slide, body > .navbar, body > .sidebar-panel {display:none}</style>
|
||||
{/block}
|
||||
{block name="content"}
|
||||
{extend name="web/official_common/mobile/base" /} {block name="css"}
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<link rel="stylesheet" href="__ADDON__/css/home-v3.css?v=20261105-v3" />
|
||||
<style>
|
||||
body > .slide,
|
||||
body > .navbar,
|
||||
body > .sidebar-panel {
|
||||
display: none;
|
||||
}
|
||||
</style>
|
||||
{/block} {block name="content"}
|
||||
<main class="home-nhc" id="home-main">
|
||||
<header class="hn-mobile-header"><a class="hn-mobile-brand" href="{:addon_url('official/web.official_home/index')}">纳海川<span>NAHAICHUAN</span></a><a class="hn-mobile-contact" href="{:addon_url('official/web.official_online_message/list',[':pid'=>18,':sid'=>18])}">联系咨询</a><details class="hn-mobile-menu"><summary>菜单 <svg aria-hidden="true" viewBox="0 0 24 24"><path d="M4 7h16M4 12h16M4 17h16"/></svg></summary><nav aria-label="主菜单"><a href="{:addon_url('official/web.official_home/index')}" aria-current="page">首页</a><a href="{:addon_url('official/web.official_product/list',[':pid'=>19,':sid'=>19])}">服务</a><a href="{:addon_url('official/web.official_product/list',[':pid'=>22,':sid'=>22])}">产品</a><a href="{:addon_url('official/web.official_case_show/list',[':pid'=>14,':sid'=>14])}">案例</a><a href="{:addon_url('official/web.official_home/single',[':pid'=>1,':sid'=>1])}">关于我们</a><a href="{:addon_url('official/web.official_online_message/list',[':pid'=>18,':sid'=>18])}">联系我们</a></nav></details></header>
|
||||
<a class="hn-skip" href="#services">跳至服务内容</a>
|
||||
<section class="hn-hero">
|
||||
<picture class="hn-hero-picture"><source srcset="__ADDON__/images/home/river-courtyard-v3.webp" type="image/webp"><img src="__ADDON__/images/home/river-courtyard-v3.jpg" width="2400" height="960" alt="远山与庭院之间,蓝色玻璃曲线沿水面延展" fetchpriority="high"></picture>
|
||||
<div class="hn-wrap hn-hero-content"><p class="hn-kicker">纳海川科技 / 企业软件服务</p><h1>为企业经营,<br>做好每一套软件。</h1><p class="hn-hero-desc">软件定制、APP与小程序、企业智能体。<br>从业务梳理到上线维护,提供完整的研发服务。</p><div class="hn-actions"><a class="hn-btn" href="#contact">沟通项目需求 <span aria-hidden="true">↗</span></a><a class="hn-outline" href="#products">浏览产品 <span aria-hidden="true">↗</span></a></div></div>
|
||||
<div class="hn-wrap hn-hero-caption"><span>立足贵阳 · 服务全国</span><a href="#services">探索我们的服务 <span aria-hidden="true">↓</span></a><span>NAHAICHUAN TECHNOLOGY</span></div>
|
||||
</section>
|
||||
<div class="hn-promise"><div class="hn-wrap"><div><b>以业务为起点</b><span>先了解流程,再确定方案</span></div><div><b>以交付为依据</b><span>阶段成果确认,过程有据可查</span></div><div><b>以使用为目标</b><span>兼顾上线运行与后续维护</span></div></div></div>
|
||||
<section class="hn-section" id="services"><div class="hn-wrap"><div class="hn-heading"><div><p class="hn-kicker">01 / 专业服务</p><h2>系统开发与长期维护</h2></div><div><p>从企业日常经营出发,<br>把实际业务需求转化为可用的软件。</p><a class="hn-link" href="{:addon_url('official/web.official_product/list',[':pid'=>19,':sid'=>19])}">全部服务 <span aria-hidden="true">↗</span></a></div></div><div class="hn-services"><article class="hn-service"><div class="hn-service-top"><svg viewBox="0 0 32 32" aria-hidden="true"><rect x="3" y="4" width="26" height="19" rx="2"/><path d="M11 29h10M16 23v6M10 11l-3 3 3 3m12-6 3 3-3 3m-4-7-4 8"/></svg><span>01</span></div><h3>软件开发</h3><p>围绕订单、库存、财务与内部协同,开发符合企业实际流程的业务系统。</p><div class="hn-service-tags">业务系统定制 · 微服务架构 · 系统集成 · 旧系统改造</div><a class="hn-link" href="{:addon_url('official/web.official_product/service_software')}">了解服务 <span aria-hidden="true">↗</span></a></article><article class="hn-service"><div class="hn-service-top"><svg viewBox="0 0 32 32" aria-hidden="true"><rect x="8" y="2" width="16" height="28" rx="3"/><path d="M13 6h6m-4 20h2M13 13l-3 3 3 3m6-6 3 3-3 3"/></svg><span>02</span></div><h3>APP与小程序定制</h3><p>面向客户服务、移动办公与门店经营,连接移动终端与后台业务。</p><div class="hn-service-tags">iOS / Android · 微信小程序 · 多端协同</div><a class="hn-link" href="{:addon_url('official/web.official_product/service_app')}">了解服务 <span aria-hidden="true">↗</span></a></article><article class="hn-service"><div class="hn-service-top"><svg viewBox="0 0 32 32" aria-hidden="true"><path d="M16 3v5m0 16v5M3 16h5m16 0h5M7 7l4 4m10 10 4 4M25 7l-4 4M11 21l-4 4"/><rect x="10" y="10" width="12" height="12" rx="3"/><path d="M14 16h4m-2-2v4"/></svg><span>03</span></div><h3>智能体开发</h3><p>以企业知识与业务流程为基础,提供知识问答、资料检索和任务辅助。</p><div class="hn-service-tags">企业知识库 · 流程配置 · 私有化部署</div><a class="hn-link" href="{:addon_url('official/web.official_product/service_agent')}">了解服务 <span aria-hidden="true">↗</span></a></article></div></div></section>
|
||||
<section class="hn-section hn-soft" id="products"><div class="hn-wrap"><div class="hn-heading"><div><p class="hn-kicker">02 / 产品中心</p><h2>标准化业务系统</h2></div><div><p>成熟功能满足共性需求,<br>按业务需要配置、集成与扩展。</p><a class="hn-link" href="{:addon_url('official/web.official_product/list',[':pid'=>22,':sid'=>22])}">产品详情 <span aria-hidden="true">↗</span></a></div></div>
|
||||
<div class="hn-product-feature"><div class="hn-product-intro"><span class="hn-small">产品选型</span><h3>从一笔订单,<br>到日常经营。</h3><p>线上销售、门店收款、采购库存,<br>选择适合当前业务的管理工具。</p><a class="hn-btn" href="{:addon_url('official/web.official_product/list',[':pid'=>22,':sid'=>22])}#demo-sandbox">预约产品演示 <span aria-hidden="true">↗</span></a></div><div class="hn-product-visual"><div class="hn-app-window" aria-label="业务系统界面示意"><div class="hn-app-bar"><span class="hn-app-mark">川</span><strong>经营管理工作台</strong><span class="hn-demo-label">界面示意</span></div><div class="hn-app-body"><aside><b>工作台</b><span>订单管理</span><span>商品管理</span><span>会员管理</span><span>库存管理</span><span>经营报表</span></aside><div class="hn-app-content"><h4>经营概览 <small>业务数据,一处查看</small></h4><div class="hn-stat-row"><div><span>销售管理</span><b>订单汇总</b><i></i></div><div><span>库存管理</span><b>出入库记录</b><i></i></div><div><span>会员管理</span><b>客户档案</b><i></i></div></div><div class="hn-chart"><div><b>销售趋势</b><span>销售 / 订单</span></div><svg viewBox="0 0 500 110" aria-hidden="true"><path d="M0 100H500M0 65H500M0 30H500" stroke="#e8edf3" fill="none"/><path d="M0 95 45 80 90 86 135 52 180 62 225 31 270 48 315 20 360 32 405 12 450 27 500 5V110H0Z" fill="#e8f0fe"/><path d="M0 95 45 80 90 86 135 52 180 62 225 31 270 48 315 20 360 32 405 12 450 27 500 5" stroke="#2563eb" stroke-width="3" fill="none"/></svg><div class="hn-chart-bottom"><span>业务记录</span><span>经营统计</span><span>趋势分析</span></div></div></div></div></div></div></div>
|
||||
<div class="hn-products"><article><span class="hn-small">线上交易</span><h3>商城</h3><p>商品、订单、会员与营销管理,满足线上销售与日常运营。</p><a class="hn-link" href="{:addon_url('official/web.official_product/list',[':pid'=>22,':sid'=>22])}#product-matrix">查看详情 <span aria-hidden="true">↗</span></a></article><article><span class="hn-small">门店经营</span><h3>收银</h3><p>收款、退款、防重复扣款与门店对账,衔接一线操作和总部管理。</p><a class="hn-link" href="{:addon_url('official/web.official_product/list',[':pid'=>22,':sid'=>22])}#demo-sandbox">申请演示 <span aria-hidden="true">↗</span></a></article><article><span class="hn-small">采购与库存</span><h3>进销存</h3><p>关联采购、销售、库存与往来账目,记录每一笔业务流转。</p><a class="hn-link" href="{:addon_url('official/web.official_product/list',[':pid'=>22,':sid'=>22])}#product-matrix">查看详情 <span aria-hidden="true">↗</span></a></article><article><span class="hn-small">订阅使用</span><h3>SaaS版本</h3><p>按订阅方式使用业务功能,适合希望简化部署和维护的企业。</p><a class="hn-link" href="{:addon_url('official/web.official_online_message/list',[':pid'=>18,':sid'=>18])}">咨询开通 <span aria-hidden="true">↗</span></a></article></div></div></section>
|
||||
<section class="hn-section" id="cases"><div class="hn-wrap"><div class="hn-heading"><div><p class="hn-kicker">03 / 项目案例</p><h2>项目实践与行业应用</h2></div><div><p>项目案例:业务挑战与技术方案。<br>了解不同场景下的系统建设思路。</p><a class="hn-link" href="{:addon_url('official/web.official_case_show/list',[':pid'=>14,':sid'=>14])}">浏览案例 <span aria-hidden="true">↗</span></a></div></div><div class="hn-cases"><a class="hn-case" href="{:addon_url('official/web.official_case_show/list',[':pid'=>14,':sid'=>14])}"><figure><img src="__ADDON__/images/showcases/case_distrib.svg" width="800" height="460" alt="分销订货与业务协同方案示意" loading="lazy"><figcaption>方案示意</figcaption></figure><div class="hn-case-copy"><span class="hn-small">商贸流通</span><h3>分销订货与业务协同<span aria-hidden="true">↗</span></h3><p>关联多渠道订单、库存和结算,衔接订货、审核与发货流程。</p></div></a><a class="hn-case" href="{:addon_url('official/web.official_case_show/list',[':pid'=>14,':sid'=>14])}"><figure><img src="__ADDON__/images/showcases/case_catering.svg" width="800" height="460" alt="收银与门店管理方案示意" loading="lazy"><figcaption>方案示意</figcaption></figure><div class="hn-case-copy"><span class="hn-small">连锁经营</span><h3>收银与门店管理<span aria-hidden="true">↗</span></h3><p>整合门店收款、单据同步与总部对账,统一业务记录。</p></div></a><a class="hn-case" href="{:addon_url('official/web.official_case_show/list',[':pid'=>14,':sid'=>14])}"><figure><img src="__ADDON__/images/showcases/case_manufacture.svg" width="800" height="460" alt="进销存与供应商协同方案示意" loading="lazy"><figcaption>方案示意</figcaption></figure><div class="hn-case-copy"><span class="hn-small">生产管理</span><h3>进销存与供应商协同<span aria-hidden="true">↗</span></h3><p>连接采购、物料与生产,完善库存记录和供应商协作流程。</p></div></a></div></div></section>
|
||||
<section class="hn-section hn-process-section" id="delivery"><div class="hn-wrap" id="process"><div class="hn-heading"><div><p class="hn-kicker">04 / 实施交付</p><h2>每一步,都有明确的交付</h2></div><p>项目推进流程<br>范围、进度与成果,按阶段沟通确认。</p></div><ol class="hn-process">
|
||||
<li><span>01</span><h3>需求与方案</h3><p>了解业务流程、使用对象和现有系统,确认功能范围、预算与计划。</p><small>需求说明 / 实施方案</small></li><li><span>02</span><h3>设计与开发</h3><p>确认交互原型和技术方案,分阶段开发,并及时沟通调整事项。</p><small>交互原型 / 阶段版本</small></li><li><span>03</span><h3>测试与验收</h3><p>按约定业务场景开展测试,核对功能、数据和问题处理结果。</p><small>测试记录 / 验收清单</small></li><li><span>04</span><h3>上线与维护</h3><p>完成部署、操作培训与资料移交,按约定提供后续维护。</p><small>部署文档 / 使用培训</small></li></ol><div class="hn-delivery-note"><strong>交付清楚,后续有据。</strong><p>源码交付、接口文档、代码审查记录、部署资料及维护安排,在项目启动前明确,具体以合同约定为准。</p><a class="hn-link" href="{:addon_url('official/web.official_online_message/list',[':pid'=>18,':sid'=>18])}">咨询交付安排 <span aria-hidden="true">↗</span></a></div></div></section>
|
||||
<section class="hn-section hn-about"><div class="hn-wrap hn-about-grid"><figure><picture><source srcset="__ADDON__/images/home/office-editorial-v3.webp" type="image/webp"><img src="__ADDON__/images/home/office-editorial-v3.jpg" width="1536" height="1024" loading="lazy" alt="自然光下的现代办公洽谈空间,品牌意境图"></picture><figcaption>品牌意境图</figcaption></figure><div><p class="hn-kicker">05 / 关于纳海川</p><h2>认真理解业务,<br>踏实做好研发。</h2><p>贵阳纳海川科技有限公司,专注企业软件开发与业务系统建设。我们为企业提供软件定制、移动应用、智能体开发及标准化业务产品。</p><p>重视每一次需求确认、每一个阶段成果,也关注系统交付之后的日常使用。</p><a class="hn-link" href="{:addon_url('official/web.official_home/single',[':pid'=>1,':sid'=>1])}">了解我们 <span aria-hidden="true">↗</span></a><div class="hn-about-sign"><span>纳海川</span><small>贵阳 · 中国</small></div></div></div><div class="hn-wrap hn-feedback"><div><p class="hn-kicker">合作记录</p><h2>客户反馈</h2></div><div class="hn-quotes"><blockquote><p>“订货中台重构后,大促当天订单未出现积压,库存与财务账目一致。沟通直接,变更均有记录。”</p><footer>供应链企业 · 技术负责人<span>订货中台项目</span></footer></blockquote><blockquote><p>“收银员半天即可上手。门店断网时仍可正常收银,网络恢复后单据自动补传,月底对账工作量明显减少。”</p><footer>连锁零售企业 · 运营负责人<span>门店收银项目</span></footer></blockquote></div></div></section>
|
||||
<section class="hn-section hn-soft" id="insights"><div class="hn-wrap"><div class="hn-heading"><div><p class="hn-kicker">06 / 研发记录</p><h2>技术与实践</h2></div><a class="hn-link" href="{:addon_url('official/web.official_journalism/list',[':pid'=>6,':sid'=>6])}">更多动态 <span aria-hidden="true">↗</span></a></div><div class="hn-news">{if !empty($information['data'])}{foreach name="information.data" id="art" key="idx" offset="0" length="3"}
|
||||
{php}$cover_fallbacks = ['/assets/addons/official/images/articles/article_cache.svg','/assets/addons/official/images/articles/article_mysql_page.svg','/assets/addons/official/images/articles/article_xxl_job.svg']; $img_val = !empty($art['image']) ? $art['image'] : ''; $cover_src = (empty($img_val) || strpos($img_val,'article_microservice.svg') !== false) ? (isset($cover_fallbacks[$idx]) ? $cover_fallbacks[$idx] : '/assets/addons/official/images/articles/article_microservice.svg') : $img_val;{/php}
|
||||
<article><a href="{:addon_url('official/web.official_journalism/details',[':pid'=>6,':sid'=>$art['official_category_id'],':id'=>$art['id']])}"><figure><img src="{$cover_src}" alt="{$art['title']}" width="800" height="450" loading="lazy"></figure><time datetime="{:date('Y-m-d', $art['createtime'])}">{:date('Y-m-d', $art['createtime'])}</time><h3>{$art['title']}</h3><span class="hn-read">阅读全文 <span aria-hidden="true">↗</span></span></a></article>
|
||||
{/foreach}{else/}<p class="hn-empty">项目与技术记录持续更新中,您也可以直接与我们讨论具体需求。</p>{/if}</div></div></section>
|
||||
<section class="hn-section" id="faq"><div class="hn-wrap hn-faq-grid"><div><p class="hn-kicker">合作问答</p><h2>开始之前,<br>您可能关心</h2></div><div class="hn-faq-list"><details open><summary>只有初步想法,可以先沟通吗?<span aria-hidden="true">+</span></summary><p>可以。先说明使用对象、主要业务流程和希望解决的问题,我们一起梳理建设方向;涉及详细调研或原型设计的工作,再根据工作量单独约定。</p></details><details><summary>项目费用和周期如何确定?<span aria-hidden="true">+</span></summary><p>根据功能范围、流程复杂度、终端数量和接口条件进行评估,确认阶段计划和费用清单。服务器及第三方服务费用另行说明。</p></details><details><summary>已有系统,可以改造或增加功能吗?<span aria-hidden="true">+</span></summary><p>先评估现有源码、接口、数据结构与运行环境,具备条件后确定改造范围;涉及数据迁移与系统切换时,单独安排验证。</p></details></div></div></section>
|
||||
<section class="hn-contact" id="contact"><div class="hn-wrap"><div><p class="hn-kicker">与纳海川谈谈您的项目</p><h2>从一次沟通,<br>开始您的软件项目。</h2><p>有具体的系统研发或产品选型需求?可以直接沟通</p></div><div class="hn-contact-actions"><a class="hn-btn" href="{:addon_url('official/web.official_online_message/list',[':pid'=>18,':sid'=>18])}">提交项目需求 <span aria-hidden="true">↗</span></a><a class="hn-phone" href="tel:{:__config('site_mobile','value')}"><small>电话咨询</small><span>{:__config('site_mobile','value')}</span></a><p>业务场景 / 现有系统 / 期望时间</p></div></div></section>
|
||||
<header class="hn-mobile-header">
|
||||
<a
|
||||
class="hn-mobile-brand"
|
||||
href="{:addon_url('official/web.official_home/index')}"
|
||||
>纳海川<span>NAHAICHUAN</span></a
|
||||
><a
|
||||
class="hn-mobile-contact"
|
||||
href="{:addon_url('official/web.official_online_message/list',[':pid'=>18,':sid'=>18])}"
|
||||
>联系咨询</a
|
||||
>
|
||||
<details class="hn-mobile-menu">
|
||||
<summary>
|
||||
菜单
|
||||
<svg aria-hidden="true" viewBox="0 0 24 24">
|
||||
<path d="M4 7h16M4 12h16M4 17h16" />
|
||||
</svg>
|
||||
</summary>
|
||||
<nav aria-label="主菜单">
|
||||
<a
|
||||
href="{:addon_url('official/web.official_home/index')}"
|
||||
aria-current="page"
|
||||
>首页</a
|
||||
><a
|
||||
href="{:addon_url('official/web.official_product/list',[':pid'=>19,':sid'=>19])}"
|
||||
>服务</a
|
||||
><a
|
||||
href="{:addon_url('official/web.official_product/list',[':pid'=>22,':sid'=>22])}"
|
||||
>产品</a
|
||||
><a
|
||||
href="{:addon_url('official/web.official_case_show/list',[':pid'=>14,':sid'=>14])}"
|
||||
>案例</a
|
||||
><a
|
||||
href="{:addon_url('official/web.official_home/single',[':pid'=>1,':sid'=>1])}"
|
||||
>关于我们</a
|
||||
><a
|
||||
href="{:addon_url('official/web.official_online_message/list',[':pid'=>18,':sid'=>18])}"
|
||||
>联系我们</a
|
||||
>
|
||||
</nav>
|
||||
</details>
|
||||
</header>
|
||||
<a class="hn-skip" href="#services">跳至服务内容</a>
|
||||
<section class="hn-hero">
|
||||
<picture class="hn-hero-picture">
|
||||
<source media="(max-width: 768px)" srcset="__ADDON__/images/home/ai-computing-mobile-v4.webp" type="image/webp">
|
||||
<source media="(max-width: 768px)" srcset="__ADDON__/images/home/ai-computing-mobile-v4.jpg" type="image/jpeg">
|
||||
<source srcset="__ADDON__/images/home/ai-computing-v4.webp" type="image/webp">
|
||||
<img src="__ADDON__/images/home/ai-computing-v4.jpg" width="1983" height="793" alt="蓝色玻璃计算核心连接神经网络球体与数据节点,呈现人工智能与软件技术" fetchpriority="high">
|
||||
</picture>
|
||||
<div class="hn-wrap hn-hero-content">
|
||||
<p class="hn-kicker">纳海川科技 / 企业软件服务</p>
|
||||
<h1>为企业经营,<br />做好每一套软件。</h1>
|
||||
<p class="hn-hero-desc">
|
||||
软件定制、APP与小程序、企业智能体。<br />从业务梳理到上线维护,提供完整的研发服务。
|
||||
</p>
|
||||
<div class="hn-actions">
|
||||
<a class="hn-btn" href="#contact"
|
||||
>沟通项目需求 <span aria-hidden="true">↗</span></a
|
||||
><a class="hn-outline" href="#products"
|
||||
>浏览产品 <span aria-hidden="true">↗</span></a
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
<div class="hn-wrap hn-hero-caption">
|
||||
<span>立足贵阳 · 服务全国</span
|
||||
><a href="#services">探索我们的服务 <span aria-hidden="true">↓</span></a
|
||||
><span>NAHAICHUAN TECHNOLOGY</span>
|
||||
</div>
|
||||
</section>
|
||||
<div class="hn-promise">
|
||||
<div class="hn-wrap">
|
||||
<div><b>以业务为起点</b><span>先了解流程,再确定方案</span></div>
|
||||
<div><b>以交付为依据</b><span>阶段成果确认,过程有据可查</span></div>
|
||||
<div><b>以使用为目标</b><span>兼顾上线运行与后续维护</span></div>
|
||||
</div>
|
||||
</div>
|
||||
<section class="hn-section" id="services">
|
||||
<div class="hn-wrap">
|
||||
<div class="hn-heading">
|
||||
<div>
|
||||
<p class="hn-kicker">01 / 专业服务</p>
|
||||
<h2>系统开发与长期维护</h2>
|
||||
</div>
|
||||
<div>
|
||||
<p>从企业日常经营出发,<br />把实际业务需求转化为可用的软件。</p>
|
||||
<a
|
||||
class="hn-link"
|
||||
href="{:addon_url('official/web.official_product/list',[':pid'=>19,':sid'=>19])}"
|
||||
>全部服务 <span aria-hidden="true">↗</span></a
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
<div class="hn-services">
|
||||
<article class="hn-service">
|
||||
<div class="hn-service-top">
|
||||
<svg viewBox="0 0 32 32" aria-hidden="true">
|
||||
<rect x="3" y="4" width="26" height="19" rx="2" />
|
||||
<path d="M11 29h10M16 23v6M10 11l-3 3 3 3m12-6 3 3-3 3m-4-7-4 8" /></svg
|
||||
><span>01</span>
|
||||
</div>
|
||||
<h3>软件开发</h3>
|
||||
<p>围绕订单、库存、财务与内部协同,开发符合企业实际流程的业务系统。</p>
|
||||
<div class="hn-service-tags">
|
||||
业务系统定制 · 微服务架构 · 系统集成 · 旧系统改造
|
||||
</div>
|
||||
<a
|
||||
class="hn-link"
|
||||
href="{:addon_url('official/web.official_product/service_software')}"
|
||||
>了解服务 <span aria-hidden="true">↗</span></a
|
||||
>
|
||||
</article>
|
||||
<article class="hn-service">
|
||||
<div class="hn-service-top">
|
||||
<svg viewBox="0 0 32 32" aria-hidden="true">
|
||||
<rect x="8" y="2" width="16" height="28" rx="3" />
|
||||
<path d="M13 6h6m-4 20h2M13 13l-3 3 3 3m6-6 3 3-3 3" /></svg
|
||||
><span>02</span>
|
||||
</div>
|
||||
<h3>APP与小程序定制</h3>
|
||||
<p>面向客户服务、移动办公与门店经营,连接移动终端与后台业务。</p>
|
||||
<div class="hn-service-tags">iOS / Android · 微信小程序 · 多端协同</div>
|
||||
<a
|
||||
class="hn-link"
|
||||
href="{:addon_url('official/web.official_product/service_app')}"
|
||||
>了解服务 <span aria-hidden="true">↗</span></a
|
||||
>
|
||||
</article>
|
||||
<article class="hn-service">
|
||||
<div class="hn-service-top">
|
||||
<svg viewBox="0 0 32 32" aria-hidden="true">
|
||||
<path
|
||||
d="M16 3v5m0 16v5M3 16h5m16 0h5M7 7l4 4m10 10 4 4M25 7l-4 4M11 21l-4 4"
|
||||
/>
|
||||
<rect x="10" y="10" width="12" height="12" rx="3" />
|
||||
<path d="M14 16h4m-2-2v4" /></svg
|
||||
><span>03</span>
|
||||
</div>
|
||||
<h3>智能体开发</h3>
|
||||
<p>以企业知识与业务流程为基础,提供知识问答、资料检索和任务辅助。</p>
|
||||
<div class="hn-service-tags">企业知识库 · 流程配置 · 私有化部署</div>
|
||||
<a
|
||||
class="hn-link"
|
||||
href="{:addon_url('official/web.official_product/service_agent')}"
|
||||
>了解服务 <span aria-hidden="true">↗</span></a
|
||||
>
|
||||
</article>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section class="hn-section hn-soft" id="products">
|
||||
<div class="hn-wrap">
|
||||
<div class="hn-heading">
|
||||
<div>
|
||||
<p class="hn-kicker">02 / 产品中心</p>
|
||||
<h2>标准化业务系统</h2>
|
||||
</div>
|
||||
<div>
|
||||
<p>成熟功能满足共性需求,<br />按业务需要配置、集成与扩展。</p>
|
||||
<a
|
||||
class="hn-link"
|
||||
href="{:addon_url('official/web.official_product/list',[':pid'=>22,':sid'=>22])}"
|
||||
>产品详情 <span aria-hidden="true">↗</span></a
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
<div class="hn-product-feature">
|
||||
<div class="hn-product-intro">
|
||||
<span class="hn-small">产品选型</span>
|
||||
<h3>从一笔订单,<br />到日常经营。</h3>
|
||||
<p>线上销售、门店收款、采购库存,<br />选择适合当前业务的管理工具。</p>
|
||||
<a
|
||||
class="hn-btn"
|
||||
href="{:addon_url('official/web.official_product/list',[':pid'=>22,':sid'=>22])}#demo-sandbox"
|
||||
>预约产品演示 <span aria-hidden="true">↗</span></a
|
||||
>
|
||||
</div>
|
||||
<div class="hn-product-visual">
|
||||
<div class="hn-app-window" aria-label="业务系统界面示意">
|
||||
<div class="hn-app-bar">
|
||||
<span class="hn-app-mark">川</span><strong>经营管理工作台</strong
|
||||
><span class="hn-demo-label">界面示意</span>
|
||||
</div>
|
||||
<div class="hn-app-body">
|
||||
<aside>
|
||||
<b>工作台</b><span>订单管理</span><span>商品管理</span
|
||||
><span>会员管理</span><span>库存管理</span><span>经营报表</span>
|
||||
</aside>
|
||||
<div class="hn-app-content">
|
||||
<h4>经营概览 <small>业务数据,一处查看</small></h4>
|
||||
<div class="hn-stat-row">
|
||||
<div><span>销售管理</span><b>订单汇总</b><i></i></div>
|
||||
<div><span>库存管理</span><b>出入库记录</b><i></i></div>
|
||||
<div><span>会员管理</span><b>客户档案</b><i></i></div>
|
||||
</div>
|
||||
<div class="hn-chart">
|
||||
<div><b>销售趋势</b><span>销售 / 订单</span></div>
|
||||
<svg viewBox="0 0 500 110" aria-hidden="true">
|
||||
<path d="M0 100H500M0 65H500M0 30H500" stroke="#e8edf3" fill="none" />
|
||||
<path
|
||||
d="M0 95 45 80 90 86 135 52 180 62 225 31 270 48 315 20 360 32 405 12 450 27 500 5V110H0Z"
|
||||
fill="#e8f0fe"
|
||||
/>
|
||||
<path
|
||||
d="M0 95 45 80 90 86 135 52 180 62 225 31 270 48 315 20 360 32 405 12 450 27 500 5"
|
||||
stroke="#2563eb"
|
||||
stroke-width="3"
|
||||
fill="none"
|
||||
/>
|
||||
</svg>
|
||||
<div class="hn-chart-bottom">
|
||||
<span>业务记录</span><span>经营统计</span><span>趋势分析</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="hn-products">
|
||||
<article>
|
||||
<span class="hn-small">线上交易</span>
|
||||
<h3>商城</h3>
|
||||
<p>商品、订单、会员与营销管理,满足线上销售与日常运营。</p>
|
||||
<a
|
||||
class="hn-link"
|
||||
href="{:addon_url('official/web.official_product/list',[':pid'=>22,':sid'=>22])}#product-matrix"
|
||||
>查看详情 <span aria-hidden="true">↗</span></a
|
||||
>
|
||||
</article>
|
||||
<article>
|
||||
<span class="hn-small">门店经营</span>
|
||||
<h3>收银</h3>
|
||||
<p>收款、退款、防重复扣款与门店对账,衔接一线操作和总部管理。</p>
|
||||
<a
|
||||
class="hn-link"
|
||||
href="{:addon_url('official/web.official_product/list',[':pid'=>22,':sid'=>22])}#demo-sandbox"
|
||||
>申请演示 <span aria-hidden="true">↗</span></a
|
||||
>
|
||||
</article>
|
||||
<article>
|
||||
<span class="hn-small">采购与库存</span>
|
||||
<h3>进销存</h3>
|
||||
<p>关联采购、销售、库存与往来账目,记录每一笔业务流转。</p>
|
||||
<a
|
||||
class="hn-link"
|
||||
href="{:addon_url('official/web.official_product/list',[':pid'=>22,':sid'=>22])}#product-matrix"
|
||||
>查看详情 <span aria-hidden="true">↗</span></a
|
||||
>
|
||||
</article>
|
||||
<article>
|
||||
<span class="hn-small">订阅使用</span>
|
||||
<h3>SaaS版本</h3>
|
||||
<p>按订阅方式使用业务功能,适合希望简化部署和维护的企业。</p>
|
||||
<a
|
||||
class="hn-link"
|
||||
href="{:addon_url('official/web.official_online_message/list',[':pid'=>18,':sid'=>18])}"
|
||||
>咨询开通 <span aria-hidden="true">↗</span></a
|
||||
>
|
||||
</article>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section class="hn-section" id="cases">
|
||||
<div class="hn-wrap">
|
||||
<div class="hn-heading">
|
||||
<div>
|
||||
<p class="hn-kicker">03 / 项目案例</p>
|
||||
<h2>项目实践与行业应用</h2>
|
||||
</div>
|
||||
<div>
|
||||
<p>项目案例:业务挑战与技术方案。<br />了解不同场景下的系统建设思路。</p>
|
||||
<a
|
||||
class="hn-link"
|
||||
href="{:addon_url('official/web.official_case_show/list',[':pid'=>14,':sid'=>14])}"
|
||||
>浏览案例 <span aria-hidden="true">↗</span></a
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
<div class="hn-cases">
|
||||
<a
|
||||
class="hn-case"
|
||||
href="{:addon_url('official/web.official_case_show/list',[':pid'=>14,':sid'=>14])}"
|
||||
><figure>
|
||||
<img
|
||||
src="__ADDON__/images/showcases/case_distrib.svg"
|
||||
width="800"
|
||||
height="460"
|
||||
alt="分销订货与业务协同方案示意"
|
||||
loading="lazy"
|
||||
/>
|
||||
<figcaption>方案示意</figcaption>
|
||||
</figure>
|
||||
<div class="hn-case-copy">
|
||||
<span class="hn-small">商贸流通</span>
|
||||
<h3>分销订货与业务协同<span aria-hidden="true">↗</span></h3>
|
||||
<p>关联多渠道订单、库存和结算,衔接订货、审核与发货流程。</p>
|
||||
</div></a
|
||||
><a
|
||||
class="hn-case"
|
||||
href="{:addon_url('official/web.official_case_show/list',[':pid'=>14,':sid'=>14])}"
|
||||
><figure>
|
||||
<img
|
||||
src="__ADDON__/images/showcases/case_catering.svg"
|
||||
width="800"
|
||||
height="460"
|
||||
alt="收银与门店管理方案示意"
|
||||
loading="lazy"
|
||||
/>
|
||||
<figcaption>方案示意</figcaption>
|
||||
</figure>
|
||||
<div class="hn-case-copy">
|
||||
<span class="hn-small">连锁经营</span>
|
||||
<h3>收银与门店管理<span aria-hidden="true">↗</span></h3>
|
||||
<p>整合门店收款、单据同步与总部对账,统一业务记录。</p>
|
||||
</div></a
|
||||
><a
|
||||
class="hn-case"
|
||||
href="{:addon_url('official/web.official_case_show/list',[':pid'=>14,':sid'=>14])}"
|
||||
><figure>
|
||||
<img
|
||||
src="__ADDON__/images/showcases/case_manufacture.svg"
|
||||
width="800"
|
||||
height="460"
|
||||
alt="进销存与供应商协同方案示意"
|
||||
loading="lazy"
|
||||
/>
|
||||
<figcaption>方案示意</figcaption>
|
||||
</figure>
|
||||
<div class="hn-case-copy">
|
||||
<span class="hn-small">生产管理</span>
|
||||
<h3>进销存与供应商协同<span aria-hidden="true">↗</span></h3>
|
||||
<p>连接采购、物料与生产,完善库存记录和供应商协作流程。</p>
|
||||
</div></a
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section class="hn-section hn-process-section" id="delivery">
|
||||
<div class="hn-wrap" id="process">
|
||||
<div class="hn-heading">
|
||||
<div>
|
||||
<p class="hn-kicker">04 / 实施交付</p>
|
||||
<h2>每一步,都有明确的交付</h2>
|
||||
</div>
|
||||
<p>项目推进流程<br />范围、进度与成果,按阶段沟通确认。</p>
|
||||
</div>
|
||||
<ol class="hn-process">
|
||||
<li>
|
||||
<span>01</span>
|
||||
<h3>需求与方案</h3>
|
||||
<p>了解业务流程、使用对象和现有系统,确认功能范围、预算与计划。</p>
|
||||
<small>需求说明 / 实施方案</small>
|
||||
</li>
|
||||
<li>
|
||||
<span>02</span>
|
||||
<h3>设计与开发</h3>
|
||||
<p>确认交互原型和技术方案,分阶段开发,并及时沟通调整事项。</p>
|
||||
<small>交互原型 / 阶段版本</small>
|
||||
</li>
|
||||
<li>
|
||||
<span>03</span>
|
||||
<h3>测试与验收</h3>
|
||||
<p>按约定业务场景开展测试,核对功能、数据和问题处理结果。</p>
|
||||
<small>测试记录 / 验收清单</small>
|
||||
</li>
|
||||
<li>
|
||||
<span>04</span>
|
||||
<h3>上线与维护</h3>
|
||||
<p>完成部署、操作培训与资料移交,按约定提供后续维护。</p>
|
||||
<small>部署文档 / 使用培训</small>
|
||||
</li>
|
||||
</ol>
|
||||
<div class="hn-delivery-note">
|
||||
<strong>交付清楚,后续有据。</strong>
|
||||
<p>
|
||||
源码交付、接口文档、代码审查记录、部署资料及维护安排,在项目启动前明确,具体以合同约定为准。
|
||||
</p>
|
||||
<a
|
||||
class="hn-link"
|
||||
href="{:addon_url('official/web.official_online_message/list',[':pid'=>18,':sid'=>18])}"
|
||||
>咨询交付安排 <span aria-hidden="true">↗</span></a
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section class="hn-section hn-about">
|
||||
<div class="hn-wrap hn-about-grid">
|
||||
<figure>
|
||||
<picture
|
||||
><source
|
||||
srcset="__ADDON__/images/home/office-editorial-v3.webp"
|
||||
type="image/webp" />
|
||||
<img
|
||||
src="__ADDON__/images/home/office-editorial-v3.jpg"
|
||||
width="1536"
|
||||
height="1024"
|
||||
loading="lazy"
|
||||
alt="自然光下的现代办公洽谈空间,品牌意境图"
|
||||
/></picture>
|
||||
<figcaption>品牌意境图</figcaption>
|
||||
</figure>
|
||||
<div>
|
||||
<p class="hn-kicker">05 / 关于纳海川</p>
|
||||
<h2>认真理解业务,<br />踏实做好研发。</h2>
|
||||
<p>
|
||||
贵阳纳海川科技有限公司,专注企业软件开发与业务系统建设。我们为企业提供软件定制、移动应用、智能体开发及标准化业务产品。
|
||||
</p>
|
||||
<p>重视每一次需求确认、每一个阶段成果,也关注系统交付之后的日常使用。</p>
|
||||
<a
|
||||
class="hn-link"
|
||||
href="{:addon_url('official/web.official_home/single',[':pid'=>1,':sid'=>1])}"
|
||||
>了解我们 <span aria-hidden="true">↗</span></a
|
||||
>
|
||||
<div class="hn-about-sign">
|
||||
<span>纳海川</span><small>贵阳 · 中国</small>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="hn-wrap hn-feedback">
|
||||
<div>
|
||||
<p class="hn-kicker">合作记录</p>
|
||||
<h2>客户反馈</h2>
|
||||
</div>
|
||||
<div class="hn-quotes">
|
||||
<blockquote>
|
||||
<p>
|
||||
“订货中台重构后,大促当天订单未出现积压,库存与财务账目一致。沟通直接,变更均有记录。”
|
||||
</p>
|
||||
<footer>供应链企业 · 技术负责人<span>订货中台项目</span></footer>
|
||||
</blockquote>
|
||||
<blockquote>
|
||||
<p>
|
||||
“收银员半天即可上手。门店断网时仍可正常收银,网络恢复后单据自动补传,月底对账工作量明显减少。”
|
||||
</p>
|
||||
<footer>连锁零售企业 · 运营负责人<span>门店收银项目</span></footer>
|
||||
</blockquote>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section class="hn-section hn-soft" id="insights">
|
||||
<div class="hn-wrap">
|
||||
<div class="hn-heading">
|
||||
<div>
|
||||
<p class="hn-kicker">06 / 研发记录</p>
|
||||
<h2>技术与实践</h2>
|
||||
</div>
|
||||
<a
|
||||
class="hn-link"
|
||||
href="{:addon_url('official/web.official_journalism/list',[':pid'=>6,':sid'=>6])}"
|
||||
>更多动态 <span aria-hidden="true">↗</span></a
|
||||
>
|
||||
</div>
|
||||
<div class="hn-news">
|
||||
{if !empty($information['data'])}{foreach name="information.data" id="art"
|
||||
key="idx" offset="0" length="3"} {php}$cover_fallbacks =
|
||||
['/assets/addons/official/images/articles/article_cache.svg','/assets/addons/official/images/articles/article_mysql_page.svg','/assets/addons/official/images/articles/article_xxl_job.svg'];
|
||||
$img_val = !empty($art['image']) ? $art['image'] : ''; $cover_src =
|
||||
(empty($img_val) || strpos($img_val,'article_microservice.svg') !== false) ?
|
||||
(isset($cover_fallbacks[$idx]) ? $cover_fallbacks[$idx] :
|
||||
'/assets/addons/official/images/articles/article_microservice.svg') :
|
||||
$img_val;{/php}
|
||||
<article>
|
||||
<a
|
||||
href="{:addon_url('official/web.official_journalism/details',[':pid'=>6,':sid'=>$art['official_category_id'],':id'=>$art['id']])}"
|
||||
><figure>
|
||||
<img
|
||||
src="{$cover_src}"
|
||||
alt="{$art['title']}"
|
||||
width="800"
|
||||
height="450"
|
||||
loading="lazy"
|
||||
/>
|
||||
</figure>
|
||||
<time datetime="{:date('Y-m-d', $art['createtime'])}"
|
||||
>{:date('Y-m-d', $art['createtime'])}</time
|
||||
>
|
||||
<h3>{$art['title']}</h3>
|
||||
<span class="hn-read">阅读全文 <span aria-hidden="true">↗</span></span></a
|
||||
>
|
||||
</article>
|
||||
{/foreach}{else/}
|
||||
<p class="hn-empty">
|
||||
项目与技术记录持续更新中,您也可以直接与我们讨论具体需求。
|
||||
</p>
|
||||
{/if}
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section class="hn-section" id="faq">
|
||||
<div class="hn-wrap hn-faq-grid">
|
||||
<div>
|
||||
<p class="hn-kicker">合作问答</p>
|
||||
<h2>开始之前,<br />您可能关心</h2>
|
||||
</div>
|
||||
<div class="hn-faq-list">
|
||||
<details open>
|
||||
<summary>
|
||||
只有初步想法,可以先沟通吗?<span aria-hidden="true">+</span>
|
||||
</summary>
|
||||
<p>
|
||||
可以。先说明使用对象、主要业务流程和希望解决的问题,我们一起梳理建设方向;涉及详细调研或原型设计的工作,再根据工作量单独约定。
|
||||
</p>
|
||||
</details>
|
||||
<details>
|
||||
<summary>
|
||||
项目费用和周期如何确定?<span aria-hidden="true">+</span>
|
||||
</summary>
|
||||
<p>
|
||||
根据功能范围、流程复杂度、终端数量和接口条件进行评估,确认阶段计划和费用清单。服务器及第三方服务费用另行说明。
|
||||
</p>
|
||||
</details>
|
||||
<details>
|
||||
<summary>
|
||||
已有系统,可以改造或增加功能吗?<span aria-hidden="true">+</span>
|
||||
</summary>
|
||||
<p>
|
||||
先评估现有源码、接口、数据结构与运行环境,具备条件后确定改造范围;涉及数据迁移与系统切换时,单独安排验证。
|
||||
</p>
|
||||
</details>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section class="hn-contact" id="contact">
|
||||
<div class="hn-wrap">
|
||||
<div>
|
||||
<p class="hn-kicker">与纳海川谈谈您的项目</p>
|
||||
<h2>从一次沟通,<br />开始您的软件项目。</h2>
|
||||
<p>有具体的系统研发或产品选型需求?可以直接沟通</p>
|
||||
</div>
|
||||
<div class="hn-contact-actions">
|
||||
<a
|
||||
class="hn-btn"
|
||||
href="{:addon_url('official/web.official_online_message/list',[':pid'=>18,':sid'=>18])}"
|
||||
>提交项目需求 <span aria-hidden="true">↗</span></a
|
||||
><a class="hn-phone" href="tel:{:__config('site_mobile','value')}"
|
||||
><small>电话咨询</small><span>{:__config('site_mobile','value')}</span></a
|
||||
>
|
||||
<p>业务场景 / 现有系统 / 期望时间</p>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</main>
|
||||
{/block}
|
||||
|
||||
@@ -1,503 +1,297 @@
|
||||
{extend name="web/official_common/pc/base" /} {block name="content"}
|
||||
<!-- 纳海川官方网站 · 关于我们独立页 (About Us Page) 开始 -->
|
||||
|
||||
<!-- 1. 关于我们 Hero 视窗 -->
|
||||
<section class="nhc-page-hero nhc-lattice-pattern">
|
||||
<div class="nhc-container">
|
||||
<div class="nhc-breadcrumb">
|
||||
<a href="{:addon_url('official/web.official_home/index')}">首页</a>
|
||||
<span>/</span>
|
||||
<span>关于我们</span>
|
||||
</div>
|
||||
<div style="margin-bottom: 16px">
|
||||
<span class="nhc-seal">自主可控 · 源码交付</span>
|
||||
</div>
|
||||
<h1 class="nhc-page-title">十年技术积累 · 专注自主可控软件研发</h1>
|
||||
|
||||
<p class="nhc-page-desc">
|
||||
贵阳纳海川科技有限公司立足西南、服务全国,专注于企业级软件系统定制、全场景移动应用与小程序定制、私有化
|
||||
AI
|
||||
智能体应用及成熟商业软件研发。交付完整工程源代码与全套开发文档,实行代码审查与质量测试,为客户交付稳定可靠的软件系统。
|
||||
</p>
|
||||
{extend name="web/official_common/pc/base" /} {block name="css"}
|
||||
<meta name="viewport" content="width=device-width,initial-scale=1.0" />
|
||||
<link rel="stylesheet" href="__ADDON__/css/about-nhc.css?v=20261105a" />
|
||||
{/block} {block name="content"}
|
||||
<main class="about-nhc" id="about-main">
|
||||
<a class="ab-skip" href="#company">跳至公司介绍</a>
|
||||
<section class="ab-hero">
|
||||
<div class="ab-wrap">
|
||||
<nav class="ab-crumb" aria-label="当前位置">
|
||||
<a href="{:addon_url('official/web.official_home/index')}">首页</a
|
||||
><span>/</span><span aria-current="page">关于我们</span>
|
||||
</nav>
|
||||
<div class="ab-hero-grid">
|
||||
<div>
|
||||
<p class="ab-eyebrow">纳海川科技 / 关于我们</p>
|
||||
<h1>专注企业软件研发<br />与业务系统建设</h1>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- 2. 东方工程哲学与品牌渊源 (Brand & Philosophy) -->
|
||||
<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>
|
||||
<p class="nhc-section-desc">
|
||||
纳海川以自主可控的技术体系、统一的质量标准与行业积累,为客户交付数字化系统。
|
||||
</p>
|
||||
<div class="nhc-line-divider"><span></span></div>
|
||||
</div>
|
||||
|
||||
<!-- 三大研发原则 -->
|
||||
<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>
|
||||
</div>
|
||||
<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>
|
||||
</div>
|
||||
<h3 class="nhc-pillar-title">
|
||||
标准化开放架构 · 对接企业现有系统
|
||||
</h3>
|
||||
<p class="nhc-pillar-text">
|
||||
系统采用模块化与微服务设计,具备标准的 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>
|
||||
</div>
|
||||
<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;
|
||||
"
|
||||
>
|
||||
纳海川十年技术积累与发展历程
|
||||
</h3>
|
||||
</div>
|
||||
<div class="nhc-timeline-grid">
|
||||
<div class="nhc-timeline-item">
|
||||
<div class="nhc-timeline-year">2016</div>
|
||||
<div class="nhc-timeline-dot"></div>
|
||||
<h4 class="nhc-timeline-title">初创起步 · 专注基础软件</h4>
|
||||
<p class="nhc-timeline-desc">
|
||||
立足贵阳本地,专注于企业软件与数字化系统定制,确立自主可控的技术研发底座。
|
||||
</p>
|
||||
</div>
|
||||
<div class="nhc-timeline-item">
|
||||
<div class="nhc-timeline-year">2019</div>
|
||||
<div class="nhc-timeline-dot"></div>
|
||||
<h4 class="nhc-timeline-title">
|
||||
产品成型 · 商业系统标准化
|
||||
</h4>
|
||||
<p class="nhc-timeline-desc">
|
||||
相继发布商业商城系统、智能收银与进销存管理系统,持续服务实体商户与供应链伙伴。
|
||||
</p>
|
||||
</div>
|
||||
<div class="nhc-timeline-item">
|
||||
<div class="nhc-timeline-year">2022</div>
|
||||
<div class="nhc-timeline-dot"></div>
|
||||
<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>
|
||||
<p class="nhc-timeline-desc">
|
||||
发布支持内网私有部署的垂直领域 RAG
|
||||
智能体与私有知识库系统,帮助政企客户改善内部文档检索慢、人工初审标准不统一的问题。
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<p class="ab-hero-name">贵阳纳海川科技有限公司</p>
|
||||
<p class="ab-lead">
|
||||
立足贵阳,面向企业经营与管理需求,提供软件开发、APP
|
||||
与小程序定制、企业智能体及商业软件服务。
|
||||
</p>
|
||||
<a class="ab-text-link" href="#company"
|
||||
>了解纳海川 <span aria-hidden="true">↓</span></a
|
||||
>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
<figure class="ab-panorama">
|
||||
<picture
|
||||
><source
|
||||
srcset="__ADDON__/images/about/landscape.webp"
|
||||
type="image/webp" />
|
||||
<img
|
||||
src="__ADDON__/images/about/landscape.jpg"
|
||||
width="1440"
|
||||
height="960"
|
||||
alt="白色石材层叠成山形,蓝色玻璃水道穿行其间,表达业务与技术的连接"
|
||||
fetchpriority="high"
|
||||
/></picture>
|
||||
<figcaption>
|
||||
<span>业务与技术,在此相接。</span><span>纳海川 / 抽象建筑示意</span>
|
||||
</figcaption>
|
||||
</figure>
|
||||
</div>
|
||||
</section>
|
||||
<div class="ab-index">
|
||||
<nav class="ab-wrap" aria-label="本页导航">
|
||||
<a href="#company"><span>01</span> 公司介绍</a
|
||||
><a href="#services"><span>02</span> 服务方向</a
|
||||
><a href="#team"><span>03</span> 团队协作</a
|
||||
><a href="#credentials"><span>04</span> 资质与资料</a>
|
||||
</nav>
|
||||
</div>
|
||||
|
||||
<!-- 3. 核心研发与架构团队阵容 (Engineering Team) -->
|
||||
<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>
|
||||
<p class="nhc-section-desc">
|
||||
核心架构团队具备大型系统研发与高并发调优经验,严守代码质量底线,支撑系统长期稳定运行。
|
||||
</p>
|
||||
<div class="nhc-line-divider"><span></span></div>
|
||||
</div>
|
||||
<section class="ab-section nhc-about-brand" id="company">
|
||||
<div class="ab-wrap ab-company">
|
||||
<div>
|
||||
<p class="ab-eyebrow">01 / 公司介绍</p>
|
||||
<h2>从业务出发,<br />把系统建设做具体</h2>
|
||||
<p class="ab-location">贵州 · 贵阳<span>NAHAICHUAN</span></p>
|
||||
</div>
|
||||
<div class="ab-company-copy">
|
||||
<p class="ab-intro">
|
||||
贵阳纳海川科技有限公司成立于 2016
|
||||
年,围绕企业软件研发与业务系统建设开展服务,涵盖定制开发、现有系统改造、业务接口集成及商业软件应用。
|
||||
</p>
|
||||
<p>
|
||||
我们关注系统在实际工作中的使用方式:由谁操作、业务如何流转、数据怎样衔接,以及后续如何维护。项目从需求梳理开始,逐步确认设计、开发、测试与交付安排。
|
||||
</p>
|
||||
<dl class="ab-facts">
|
||||
<div>
|
||||
<dt>服务对象</dt>
|
||||
<dd>有软件建设与业务管理需求的企业及机构</dd>
|
||||
</div>
|
||||
<div>
|
||||
<dt>工作内容</dt>
|
||||
<dd>需求梳理、设计研发、系统集成、部署交付</dd>
|
||||
</div>
|
||||
<div>
|
||||
<dt>合作方式</dt>
|
||||
<dd>按项目范围,确认阶段计划与验收依据</dd>
|
||||
</div>
|
||||
</dl>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<div class="nhc-team-grid">
|
||||
<!-- 专家 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>
|
||||
<h3 class="nhc-team-name">首席系统架构师</h3>
|
||||
<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>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 专家 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>
|
||||
<h3 class="nhc-team-name">全栈研发总监</h3>
|
||||
<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>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 专家 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>
|
||||
<h3 class="nhc-team-name">AI 智能体算法主管</h3>
|
||||
<div class="nhc-team-exp">
|
||||
计算机应用技术硕士 · 专注于企业私有 RAG 与 Agent 工作流
|
||||
</div>
|
||||
<p class="nhc-team-desc">
|
||||
专注于开源大语言模型在政企内网环境的量化微调、向量数据库检索及多智能体协作工作流构建,支撑垂直领域业务核查与合规问答。
|
||||
</p>
|
||||
<div class="nhc-team-skills">
|
||||
<span class="nhc-team-skill-tag">私有 RAG</span>
|
||||
<span class="nhc-team-skill-tag">LLM 微调</span>
|
||||
<span class="nhc-team-skill-tag">Agent 协同</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 专家 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>
|
||||
<h3 class="nhc-team-name">软件质量与安全合规专家</h3>
|
||||
<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>
|
||||
<span class="nhc-team-skill-tag">等保三级</span>
|
||||
<span class="nhc-team-skill-tag">安全审计</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<section class="ab-section ab-soft" id="services">
|
||||
<div class="ab-wrap">
|
||||
<div class="ab-heading">
|
||||
<div>
|
||||
<p class="ab-eyebrow">02 / 服务方向</p>
|
||||
<h2>围绕业务需求,提供适合的建设方案</h2>
|
||||
</div>
|
||||
</section>
|
||||
<p>
|
||||
根据使用场景、现有系统与部署条件,选择定制开发、产品应用或分阶段改造。
|
||||
</p>
|
||||
</div>
|
||||
<div class="ab-services">
|
||||
<a href="/official/service/software.html"
|
||||
><span class="ab-number">01</span>
|
||||
<div>
|
||||
<h3>软件定制开发</h3>
|
||||
<p>企业业务系统、现有系统改造、接口集成与共用业务模块建设。</p>
|
||||
</div>
|
||||
<span class="ab-service-note">需求梳理 / 设计研发 / 系统集成</span
|
||||
><span class="ab-arrow" aria-hidden="true">↗</span></a
|
||||
>
|
||||
<a href="/official/service/app.html"
|
||||
><span class="ab-number">02</span>
|
||||
<div>
|
||||
<h3>APP 与小程序定制</h3>
|
||||
<p>结合移动端使用场景,开展应用研发、后台管理及业务系统对接。</p>
|
||||
</div>
|
||||
<span class="ab-service-note">移动应用 / 微信生态 / 多端协作</span
|
||||
><span class="ab-arrow" aria-hidden="true">↗</span></a
|
||||
>
|
||||
<a href="/official/service/agent.html"
|
||||
><span class="ab-number">03</span>
|
||||
<div>
|
||||
<h3>企业智能体开发</h3>
|
||||
<p>围绕知识查询、客户服务与业务辅助,建设知识库并衔接现有系统。</p>
|
||||
</div>
|
||||
<span class="ab-service-note">知识库 / 任务流程 / 人工复核</span
|
||||
><span class="ab-arrow" aria-hidden="true">↗</span></a
|
||||
>
|
||||
<a
|
||||
href="{:addon_url('official/web.official_product/list',[':pid'=>22,':sid'=>22])}"
|
||||
><span class="ab-number">04</span>
|
||||
<div>
|
||||
<h3>商业软件与产品服务</h3>
|
||||
<p>提供商城、收银、进销存及 SaaS 版本,按业务条件评估功能适配。</p>
|
||||
</div>
|
||||
<span class="ab-service-note">产品选型 / 功能配置 / 部署应用</span
|
||||
><span class="ab-arrow" aria-hidden="true">↗</span></a
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- 4. 法定资质、软著资产与安全合规体系 (Qualifications & Compliance) -->
|
||||
<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>
|
||||
<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>
|
||||
<h3 class="nhc-cert-name">国家高新技术企业</h3>
|
||||
<p class="nhc-cert-sub">
|
||||
遵循国家科技型企业与高新技术标准体系 ·
|
||||
全国高新技术企业认定管理机构备案认定
|
||||
</p>
|
||||
</div>
|
||||
<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>
|
||||
</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>
|
||||
<h3 class="nhc-cert-name">ISO9001:2015 质量管理体系认证</h3>
|
||||
<p class="nhc-cert-sub">
|
||||
参照 ISO9001 质量管理体系规范 ·
|
||||
全生命周期敏捷研发与质量验收交付
|
||||
</p>
|
||||
</div>
|
||||
<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>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 软著资产与私有合规承诺 -->
|
||||
<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>
|
||||
<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>
|
||||
</div>
|
||||
<section class="ab-section nhc-about-team" id="team">
|
||||
<div class="ab-wrap">
|
||||
<div class="ab-heading">
|
||||
<div>
|
||||
<p class="ab-eyebrow">03 / 团队协作</p>
|
||||
<h2>团队职责与项目协作</h2>
|
||||
</div>
|
||||
</section>
|
||||
<p>
|
||||
围绕需求、研发、测试与交付组织协作。具体参与人员与分工,在项目计划中确认。
|
||||
</p>
|
||||
</div>
|
||||
<div class="ab-team-grid">
|
||||
<figure class="ab-courtyard">
|
||||
<picture
|
||||
><source
|
||||
srcset="__ADDON__/images/about/collaboration.webp"
|
||||
type="image/webp" />
|
||||
<img
|
||||
src="__ADDON__/images/about/collaboration.jpg"
|
||||
width="1440"
|
||||
height="960"
|
||||
loading="lazy"
|
||||
alt="多组石材墙面围合成开放庭院,蓝色玻璃连接中央空间,表达团队协作"
|
||||
/></picture>
|
||||
<figcaption>分工协作,共同完成项目。<span>抽象建筑示意</span></figcaption>
|
||||
</figure>
|
||||
<ol class="ab-roles">
|
||||
<li>
|
||||
<span>01</span>
|
||||
<div>
|
||||
<h3>需求与设计</h3>
|
||||
<p>梳理业务流程、使用角色与功能优先级,以需求说明和原型核对建设范围。</p>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<span>02</span>
|
||||
<div>
|
||||
<h3>研发与集成</h3>
|
||||
<p>完成应用、数据与接口开发,记录技术约定和版本变更,推进系统联调。</p>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<span>03</span>
|
||||
<div>
|
||||
<h3>测试与交付</h3>
|
||||
<p>
|
||||
依据业务用例验证功能,跟进问题处理,准备验收资料、部署说明与操作培训。
|
||||
</p>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<span>04</span>
|
||||
<div>
|
||||
<h3>运行与维护</h3>
|
||||
<p>
|
||||
按约定安排使用支持、问题排查及版本维护;新增功能另行评估范围与工作量。
|
||||
</p>
|
||||
</div>
|
||||
</li>
|
||||
</ol>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- 5. 底部行动号召 (CTA Section) -->
|
||||
<section class="nhc-cta">
|
||||
<div class="nhc-container">
|
||||
<div class="nhc-cta-inner">
|
||||
<div class="nhc-cta-content">
|
||||
<span
|
||||
class="nhc-seal"
|
||||
style="
|
||||
background: rgba(255, 255, 255, 0.15);
|
||||
border-color: rgba(255, 255, 255, 0.4);
|
||||
color: #ffffff;
|
||||
margin-bottom: 12px;
|
||||
"
|
||||
>诚意合作</span
|
||||
>
|
||||
<h2 class="nhc-cta-title">
|
||||
找懂业务、讲规范的研发团队,让软件项目平稳落地
|
||||
</h2>
|
||||
<p class="nhc-cta-desc">
|
||||
无论是新项目的技术选型,还是已有系统的升级改造,纳海川技术顾问与架构团队可提供专业评估与实施规划。
|
||||
</p>
|
||||
</div>
|
||||
<div class="nhc-cta-buttons">
|
||||
<a
|
||||
href="{:addon_url('official/web.official_online_message/list',[':pid'=>18,':sid'=>18])}"
|
||||
class="nhc-btn nhc-cta-btn-light nhc-btn-lg"
|
||||
>
|
||||
<span>预约咨询</span>
|
||||
<svg
|
||||
width="16"
|
||||
height="16"
|
||||
viewBox="0 0 24 24"
|
||||
fill="none"
|
||||
stroke="currentColor"
|
||||
stroke-width="2"
|
||||
>
|
||||
<path d="M5 12h14M12 5l7 7-7 7" />
|
||||
</svg>
|
||||
</a>
|
||||
<a
|
||||
href="tel:{:__config('site_mobile','value')}"
|
||||
class="nhc-btn nhc-cta-btn-ghost nhc-btn-lg"
|
||||
>
|
||||
<span>电话咨询</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<section class="ab-section ab-soft nhc-about-qualifications" id="credentials">
|
||||
<div class="ab-wrap">
|
||||
<div class="ab-heading">
|
||||
<div>
|
||||
<p class="ab-eyebrow">04 / 资质与项目资料</p>
|
||||
<h2>资料与权属,逐项核对</h2>
|
||||
</div>
|
||||
</section>
|
||||
<p>
|
||||
合作所需资料按项目范围沟通,企业主体、授权范围与有效期限以核验资料为准。
|
||||
</p>
|
||||
</div>
|
||||
<div class="ab-records">
|
||||
<article>
|
||||
<span class="ab-number">01 / 企业主体</span>
|
||||
<h3>主体信息与合作资料</h3>
|
||||
<p>
|
||||
核对签约主体、经营信息及项目所需资料,使合同、实施与交付主体保持一致。
|
||||
</p>
|
||||
</article>
|
||||
<article>
|
||||
<span class="ab-number">02 / 知识产权</span>
|
||||
<h3>软件权属与授权范围</h3>
|
||||
<p>
|
||||
定制源码、计算机软件著作权及第三方组件分别说明,使用权属和交付范围以合同与授权资料为准,便于自主可控地维护系统。
|
||||
</p>
|
||||
</article>
|
||||
<article>
|
||||
<span class="ab-number">03 / 项目要求</span>
|
||||
<h3>标准要求与核验依据</h3>
|
||||
<p>
|
||||
涉及 ISO9001、ISO27001
|
||||
或等保要求时,按项目要求核对适用范围、有效资料与双方责任。具体认证情况以有效证书为准。
|
||||
</p>
|
||||
</article>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="ab-section" id="cooperation">
|
||||
<div class="ab-wrap">
|
||||
<div class="ab-heading">
|
||||
<div>
|
||||
<p class="ab-eyebrow">合作方式</p>
|
||||
<h2>明确范围,按约定交付</h2>
|
||||
</div>
|
||||
<a
|
||||
class="ab-text-link"
|
||||
href="{:addon_url('official/web.official_case_show/list',[':pid'=>14,':sid'=>14])}"
|
||||
>了解项目案例 <span aria-hidden="true">↗</span></a
|
||||
>
|
||||
</div>
|
||||
<ol class="ab-working">
|
||||
<li>
|
||||
<span>01</span>
|
||||
<h3>先了解问题</h3>
|
||||
<p>说明当前业务、现有系统和主要问题,确认调研与资料准备事项。</p>
|
||||
</li>
|
||||
<li>
|
||||
<span>02</span>
|
||||
<h3>再确认安排</h3>
|
||||
<p>明确功能范围、阶段计划、费用和配合条件,发生变更时同步核对影响。</p>
|
||||
</li>
|
||||
<li>
|
||||
<span>03</span>
|
||||
<h3>按清单交付</h3>
|
||||
<p>以业务用例和验收清单核对成果,移交约定的源码、文档与使用资料。</p>
|
||||
</li>
|
||||
</ol>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="ab-contact">
|
||||
<div class="ab-wrap">
|
||||
<div>
|
||||
<p class="ab-eyebrow">与纳海川建立联系</p>
|
||||
<h2>沟通您的软件建设需求</h2>
|
||||
<p>从当前的问题开始,一起确认适合的实施范围。</p>
|
||||
</div>
|
||||
<div>
|
||||
<a
|
||||
class="ab-button"
|
||||
href="{:addon_url('official/web.official_online_message/list',[':pid'=>18,':sid'=>18])}"
|
||||
>沟通项目需求 <span aria-hidden="true">↗</span></a
|
||||
><a class="ab-text-link" href="tel:{:__config('site_mobile','value')}"
|
||||
>电话咨询 <span>{:__config('site_mobile','value')}</span></a
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</main>
|
||||
|
||||
<!-- 纳海川官方网站 · 关于我们独立页 (About Us Page) 结束 -->
|
||||
{/block}
|
||||
|
||||
文件差异内容过多而无法显示
加载差异
@@ -1,508 +1,38 @@
|
||||
{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 视窗 -->
|
||||
<section class="nhc-page-hero nhc-lattice-pattern">
|
||||
<div class="nhc-container">
|
||||
<div class="nhc-breadcrumb">
|
||||
<a href="{:addon_url('official/web.official_home/index')}">首页</a>
|
||||
<span>/</span>
|
||||
<span>联系我们</span>
|
||||
</div>
|
||||
<div style="margin-bottom: 16px">
|
||||
<span class="nhc-seal">务实沟通 · 敏捷响应</span>
|
||||
</div>
|
||||
<h1 class="nhc-page-title">业务咨询与技术评估</h1>
|
||||
<p class="nhc-page-desc">
|
||||
告知您的业务需求或系统现状,纳海川技术与架构团队将在 2
|
||||
小时内安排专属架构师与您沟通并输出初步评估。
|
||||
</p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- 2. 主体联系与需求评估板块 (12列网格,左7右5) -->
|
||||
<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>
|
||||
<p class="nhc-form-sub">
|
||||
请详细填写您的业务需求与期望指标,我们将在 2
|
||||
小时内安排专属架构师与您对接。
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<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
|
||||
>
|
||||
<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
|
||||
>
|
||||
</div>
|
||||
<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="如:张总监 / 李经理"
|
||||
/>
|
||||
</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="请填写您的联系手机"
|
||||
/>
|
||||
</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>
|
||||
</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" /}
|
||||
</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"
|
||||
>
|
||||
<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>
|
||||
</button>
|
||||
</div>
|
||||
<div class="nhc-form-privacy">
|
||||
纳海川执行 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>
|
||||
|
||||
<!-- 直通热线与响应 SLA 卡片 -->
|
||||
<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>
|
||||
</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>
|
||||
</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>
|
||||
</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>
|
||||
</div>
|
||||
|
||||
<div class="nhc-sla-bar">
|
||||
<div class="nhc-sla-tag">SLA 响应承诺</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>
|
||||
|
||||
<!-- 营销与销售中心 -->
|
||||
<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
|
||||
>
|
||||
</div>
|
||||
<p class="nhc-location-addr">
|
||||
贵州省贵阳市南明区花果园遵义中路中环广场2号楼26楼20-21号
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<!-- 研发与技术中心 -->
|
||||
<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
|
||||
>
|
||||
</div>
|
||||
<p class="nhc-location-addr">
|
||||
贵州省贵阳市经开区数字经济产业园大数据安全产业园数楼4楼02-03号
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<!-- 地图视窗 / 示意图 -->
|
||||
<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>
|
||||
<span class="nhc-pin-label">南明营销中心</span>
|
||||
</div>
|
||||
<div class="nhc-map-pin pin-2">
|
||||
<span class="nhc-pin-pulse"></span>
|
||||
<span class="nhc-pin-label">经开技术中心</span>
|
||||
</div>
|
||||
<div class="nhc-map-grid-bg"></div>
|
||||
</div>
|
||||
<div class="nhc-map-footer">
|
||||
<span>贵阳核心产业园区 · 欢迎来访考察交流</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- 3. 常见技术咨询解答 -->
|
||||
<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">
|
||||
<span class="nhc-seal">沟通须知</span>
|
||||
<span class="nhc-tag-text">COOPERATION FAQ</span>
|
||||
</div>
|
||||
<h2 class="nhc-section-title">初次对接常见问题</h2>
|
||||
<p class="nhc-section-desc">
|
||||
我们以务实坦诚的态度,提前解答您在商务与技术合作中重点关注的核心疑问。
|
||||
</p>
|
||||
<div class="nhc-line-divider"><span></span></div>
|
||||
</div>
|
||||
|
||||
<div class="nhc-faq-grid">
|
||||
<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">
|
||||
支持。对于涉及敏感商业逻辑、政企业务规范或专属数据的项目,纳海川在深度技术交流前可先行签署具备法律效力的保密协议。
|
||||
</p>
|
||||
</div>
|
||||
<div class="nhc-faq-item">
|
||||
<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>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- 纳海川官方网站 · 联系我们独立页 (Contact Us Page) 结束 -->
|
||||
{/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 () {
|
||||
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;
|
||||
});
|
||||
});
|
||||
|
||||
$(".in_post").click(function () {
|
||||
let that = this;
|
||||
let title = $("input[name='title']").val();
|
||||
let name = $("input[name='name']").val();
|
||||
let phone = $("input[name='phone']").val();
|
||||
let __token__ = $("input[name='__token__']").val();
|
||||
let content = $("textarea[name='content']").val();
|
||||
let captcha = $("input[name='captcha']").val();
|
||||
|
||||
let stu = $(".in_post").attr("stu");
|
||||
if (stu != 1) {
|
||||
layer.msg("请勿重复点击提交");
|
||||
return false;
|
||||
}
|
||||
|
||||
if (!title) {
|
||||
layer.msg("请填写需求意向主题");
|
||||
return false;
|
||||
}
|
||||
if (!name) {
|
||||
layer.msg("请填写您的姓名或称呼");
|
||||
return false;
|
||||
}
|
||||
if (!phone) {
|
||||
layer.msg("请填写联系电话");
|
||||
return false;
|
||||
}
|
||||
if (!content) {
|
||||
layer.msg("请填写详细需求与业务背景");
|
||||
return false;
|
||||
}
|
||||
if (captchaType == "text") {
|
||||
if (!captcha) {
|
||||
layer.msg("请填写安全验证码");
|
||||
return false;
|
||||
}
|
||||
}
|
||||
|
||||
var data = {
|
||||
name: name,
|
||||
title: title,
|
||||
phone: phone,
|
||||
content: content,
|
||||
captcha: captcha,
|
||||
__token__: __token__,
|
||||
};
|
||||
|
||||
$(".in_post").attr("stu", 2);
|
||||
|
||||
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("");
|
||||
return false;
|
||||
}
|
||||
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);
|
||||
}
|
||||
});
|
||||
});
|
||||
})
|
||||
.catch(function (error) {
|
||||
$(".in_post").attr("stu", 1);
|
||||
layer.msg(
|
||||
"提交失败,请检查网络或直接拨打业务专线 13984036826",
|
||||
);
|
||||
});
|
||||
});
|
||||
});
|
||||
</script>
|
||||
{extend name="web/official_common/pc/base" /}
|
||||
{block name="css"}
|
||||
<meta name="viewport" content="width=device-width,initial-scale=1.0">
|
||||
<link rel="stylesheet" href="__ADDON__/css/contact-nhc.css?v=20261105a">
|
||||
{/block}
|
||||
{block name="content"}
|
||||
<main class="contact-nhc" id="contact-main">
|
||||
|
||||
<a class="ct-skip" href="#project-form">跳至项目咨询表单</a>
|
||||
<section class="ct-hero"><div class="ct-wrap"><nav class="ct-crumb" aria-label="当前位置"><a href="{:addon_url('official/web.official_home/index')}">首页</a><span>/</span><span aria-current="page">联系我们</span></nav><div class="ct-hero-grid"><div><p class="ct-eyebrow">纳海川科技 / 联系我们</p><h1>业务咨询与技术评估</h1><p class="ct-lead">说明您的业务需求、现有系统与主要问题。我们据此了解项目情况,沟通建设范围与实施条件。</p><div class="ct-actions"><a class="ct-button" href="#project-form">填写项目需求 <span aria-hidden="true">↓</span></a><a class="ct-text-link" href="tel:{:__config('site_mobile','value')}">电话咨询 <span>{:__config('site_mobile','value')}</span></a></div></div><figure class="ct-art"><picture><source srcset="__ADDON__/images/contact/connection.webp" type="image/webp"><img src="__ADDON__/images/contact/connection.jpg" width="1440" height="960" alt="两组白色石材门框由蓝色玻璃桥连接,表达交流与合作" fetchpriority="high"></picture><figcaption><span>从沟通开始,确认项目方向。</span><span>抽象建筑示意</span></figcaption></figure></div></div></section>
|
||||
|
||||
<section class="ct-section" id="consultation"><div class="ct-wrap ct-main-grid"><div class="ct-form-panel"><div class="ct-section-intro"><p class="ct-eyebrow">项目咨询</p><h2>告诉我们您的需求</h2><p>填写称呼、联系电话、需求主题和简要说明,便于后续联系。标注 * 的项目为必填。</p></div>
|
||||
<form class="ct-form" id="project-form" method="post" action="{:addon_url('official/web.official_online_message/list',[':pid'=>18,':sid'=>18])}" data-token-url="{:addon_url('official/web.official_home/get_token')}" novalidate>
|
||||
{:token()}
|
||||
<fieldset class="ct-direction"><legend>咨询方向 <span>可选</span></legend><div class="ct-topics"><button type="button" data-topic="软件定制开发" aria-pressed="false">软件开发</button><button type="button" data-topic="APP 与小程序定制" aria-pressed="false">APP / 小程序</button><button type="button" data-topic="企业智能体开发" aria-pressed="false">企业智能体</button><button type="button" data-topic="商业软件产品咨询" aria-pressed="false">产品咨询</button></div></fieldset>
|
||||
<div class="ct-field"><label for="ct-title">需求主题 <span aria-hidden="true">*</span></label><input id="ct-title" name="title" type="text" maxlength="100" required aria-describedby="ct-title-error" placeholder="例如:订货系统开发、现有系统改造"><p class="ct-field-error" id="ct-title-error" hidden></p></div>
|
||||
<div class="ct-field-row"><div class="ct-field"><label for="ct-name">您的称呼 <span aria-hidden="true">*</span></label><input id="ct-name" name="name" type="text" maxlength="50" autocomplete="name" required aria-describedby="ct-name-error" placeholder="请填写姓名或称呼"><p class="ct-field-error" id="ct-name-error" hidden></p></div><div class="ct-field"><label for="ct-phone">联系电话 <span aria-hidden="true">*</span></label><input id="ct-phone" name="phone" type="tel" inputmode="tel" maxlength="30" autocomplete="tel" required aria-describedby="ct-phone-hint ct-phone-error" placeholder="手机或固定电话"><p class="ct-hint" id="ct-phone-hint">固定电话请包含区号。</p><p class="ct-field-error" id="ct-phone-error" hidden></p></div></div>
|
||||
<div class="ct-field"><label for="ct-content">需求说明 <span aria-hidden="true">*</span></label><textarea id="ct-content" name="content" rows="4" maxlength="5000" required aria-describedby="ct-content-hint ct-content-error" placeholder="请简要说明业务现状、希望解决的问题和计划时间。"></textarea><p class="ct-hint" id="ct-content-hint">初次沟通无需提交账号、密码或未脱敏的业务数据。</p><p class="ct-field-error" id="ct-content-error" hidden></p></div>
|
||||
{if $captchaType == 'text'}
|
||||
<div class="ct-field"><label for="ct-captcha">图片验证码 <span aria-hidden="true">*</span></label><div class="ct-captcha"><input id="ct-captcha" name="captcha" type="text" maxlength="10" autocomplete="off" required aria-describedby="ct-captcha-hint ct-captcha-error" placeholder="输入图片字符"><button type="button" class="ct-captcha-refresh" aria-label="更换图片验证码" data-captcha-url="{:captcha_src()}"><img src="{:captcha_src()}" alt="验证码图片" width="110" height="44"><span>换一张</span></button></div><p class="ct-hint" id="ct-captcha-hint">看不清时,可点击图片更换。</p><p class="ct-field-error" id="ct-captcha-error" hidden></p></div>
|
||||
{/if}
|
||||
<p class="ct-submit-status" role="status" aria-live="polite" tabindex="-1" hidden></p>
|
||||
<div class="ct-submit-line"><button class="ct-button ct-submit" type="submit">提交项目需求 <span aria-hidden="true">↗</span></button><p>提交后,请保持联系电话畅通。</p></div>
|
||||
<p class="ct-form-note">您提交的信息将用于本次项目咨询与联系。涉及保密资料时,可先沟通保密安排,再提供相关材料。</p>
|
||||
<noscript><p class="ct-noscript">在线提交需要启用 JavaScript,也可通过电话或邮箱联系。</p></noscript>
|
||||
</form></div>
|
||||
|
||||
<aside class="ct-direct"><p class="ct-eyebrow">直接联系</p><h2>选择适合的沟通方式</h2><dl class="ct-contact-list"><div><dt>业务咨询电话</dt><dd><a class="ct-phone" href="tel:{:__config('site_mobile','value')}">{:__config('site_mobile','value')}</a></dd></div><div><dt>电子邮箱</dt><dd><a href="mailto:{:__config('site_email','value')}">{:__config('site_email','value')}</a></dd></div><div><dt>工作时间</dt><dd>周一至周五 09:00—18:00</dd></div></dl><div class="ct-prepare"><h3>沟通前,可先准备</h3><ol><li><span>01</span>主要业务流程与使用对象</li><li><span>02</span>现有系统、设备或接口情况</li><li><span>03</span>需要处理的问题与计划时间</li></ol><p>暂时没有完整需求文档,也可以先做简要说明。</p></div><div class="ct-next"><h3>提交后的沟通安排</h3><p>收到信息后,我们会根据需求与工作安排联系您,进一步确认项目范围、资料条件和评估方式。</p></div></aside></div></section>
|
||||
|
||||
<section class="ct-section ct-soft nhc-contact-map" id="visit"><div class="ct-wrap"><div class="ct-heading"><div><p class="ct-eyebrow">到访信息</p><h2>来访前,请先联系确认</h2></div><p>请先确认接待地点、时间与交流内容。以下提供地址及地图查询入口,具体路线请以地图查询结果为准。</p></div><div class="ct-offices"><article><span class="ct-eyebrow">01 / 营销中心</span><h3>花果园中环广场</h3><address>贵州省贵阳市南明区花果园遵义中路中环广场2号楼26楼20-21号</address><a class="ct-text-link" href="https://uri.amap.com/search?keyword=%E8%B4%B5%E9%98%B3%E8%8A%B1%E6%9E%9C%E5%9B%AD%E4%B8%AD%E7%8E%AF%E5%B9%BF%E5%9C%BA2%E5%8F%B7%E6%A5%BC&city=%E8%B4%B5%E9%98%B3&view=map" target="_blank" rel="noopener noreferrer">查询地图 <span aria-hidden="true">↗</span><span class="ct-sr">(在新窗口打开高德地图)</span></a></article><article><span class="ct-eyebrow">02 / 技术中心</span><h3>经开区大数据安全产业园</h3><address>贵州省贵阳市经开区数字经济产业园大数据安全产业园数楼4楼02-03号</address><a class="ct-text-link" href="https://uri.amap.com/search?keyword=%E8%B4%B5%E9%98%B3%E7%BB%8F%E5%BC%80%E5%8C%BA%E5%A4%A7%E6%95%B0%E6%8D%AE%E5%AE%89%E5%85%A8%E4%BA%A7%E4%B8%9A%E5%9B%AD&city=%E8%B4%B5%E9%98%B3&view=map" target="_blank" rel="noopener noreferrer">查询地图 <span aria-hidden="true">↗</span><span class="ct-sr">(在新窗口打开高德地图)</span></a></article></div></div></section>
|
||||
|
||||
<section class="ct-section" id="faq"><div class="ct-wrap ct-faq-layout"><div><p class="ct-eyebrow">沟通须知</p><h2>初次咨询,<br>您可能关心这些</h2></div><div class="ct-faq"><details><summary>只有初步想法,可以先沟通吗?<span aria-hidden="true"></span></summary><p>可以。先说明使用对象、当前的操作方式和主要问题,再逐步梳理功能范围与优先级。涉及详细调研、原型或专项验证时,另行确认工作内容。</p></details><details><summary>何时可以确定方案、周期与费用?<span aria-hidden="true"></span></summary><p>需要先了解业务流程、功能范围、接口与资料条件。评估后再确认实施计划与费用清单;初次留言不等同于已完成方案评估。</p></details><details><summary>涉及商业资料,如何安排沟通?<span aria-hidden="true"></span></summary><p>可先用脱敏资料说明业务,必要时在进一步交流前沟通保密协议、资料范围与使用方式。请勿通过留言提交账号密码或完整的敏感业务数据。</p></details><details><summary>能否线上交流或当面讨论?<span aria-hidden="true"></span></summary><p>可先通过电话或线上会议确认需求。需要到访或现场调研时,提前沟通地点、人员、内容及相关安排。</p></details></div></div></section>
|
||||
</main>
|
||||
|
||||
{/block}
|
||||
{block name="js"}
|
||||
<script src="__ADDON__/js/contact-nhc.js?v=20261105a" defer></script>
|
||||
{/block}
|
||||
|
||||
@@ -1,535 +1,38 @@
|
||||
{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"
|
||||
>
|
||||
<!-- 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>
|
||||
<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>
|
||||
<p style="font-size: 13px; color: #64748b; margin: 0; line-height: 1.6">
|
||||
贵阳纳海川科技有限公司技术团队立足贵阳、服务全国,提供专业的技术方案评估与
|
||||
24 小时快速响应对接。
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<!-- 2. 直通热线与 SLA 响应卡片 -->
|
||||
<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>
|
||||
|
||||
<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>
|
||||
<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;
|
||||
"
|
||||
>
|
||||
<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;
|
||||
"
|
||||
>
|
||||
预约架构师 1 对 1 方案研讨
|
||||
</h2>
|
||||
<p style="font-size: 12px; color: #64748b; margin: 0">
|
||||
提交您的业务需求,架构师将在 2 小时内回访
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<form enctype="multipart/form-data" id="frmMobileContact">
|
||||
{: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>
|
||||
</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;
|
||||
"
|
||||
/>
|
||||
</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>
|
||||
</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;
|
||||
"
|
||||
/>
|
||||
</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>
|
||||
</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;
|
||||
"
|
||||
/>
|
||||
</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>
|
||||
</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>
|
||||
</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>
|
||||
</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>
|
||||
</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>
|
||||
<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>
|
||||
<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>
|
||||
<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"}
|
||||
<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");
|
||||
if (!postBtn) return;
|
||||
|
||||
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 captchaInput = form.querySelector("#captcha_input_m");
|
||||
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;
|
||||
}
|
||||
|
||||
postBtn.disabled = true;
|
||||
postBtn.innerText = "正在提交...";
|
||||
|
||||
var data = {
|
||||
name: name,
|
||||
title: title,
|
||||
phone: phone,
|
||||
content: content,
|
||||
captcha: captcha,
|
||||
__token__: token,
|
||||
};
|
||||
|
||||
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 = "";
|
||||
} 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
|
||||
) {
|
||||
tokenInput.value = tRes.data.data;
|
||||
}
|
||||
});
|
||||
}
|
||||
})
|
||||
.catch(function (err) {
|
||||
postBtn.disabled = false;
|
||||
postBtn.innerText = "立即提交需求评估";
|
||||
alert("提交失败,请检查网络或直接拨打电话 13984036826");
|
||||
});
|
||||
});
|
||||
});
|
||||
</script>
|
||||
{extend name="web/official_common/mobile/base" /}
|
||||
{block name="css"}
|
||||
<style>body > .slide,body > .navbar,body > .sidebar-panel{display:none}</style>
|
||||
<link rel="stylesheet" href="__ADDON__/css/contact-nhc.css?v=20261105a">
|
||||
{/block}
|
||||
{block name="content"}
|
||||
<main class="contact-nhc" id="contact-main">
|
||||
<header class="ct-mobile-header"><a class="ct-brand" href="{:addon_url('official/web.official_home/index')}">纳海川<span>NAHAICHUAN</span></a><a class="ct-header-contact" href="tel:{:__config('site_mobile','value')}">电话咨询</a><details class="ct-menu"><summary>菜单 <svg aria-hidden="true" viewBox="0 0 24 24"><path d="M4 7h16M4 12h16M4 17h16"/></svg></summary><nav aria-label="主菜单"><a href="{:addon_url('official/web.official_home/index')}">首页</a><a href="{:addon_url('official/web.official_product/list',[':pid'=>19,':sid'=>19])}">服务</a><a href="{:addon_url('official/web.official_product/list',[':pid'=>22,':sid'=>22])}">产品</a><a href="{:addon_url('official/web.official_case_show/list',[':pid'=>14,':sid'=>14])}">案例</a><a href="{:addon_url('official/web.official_home/single',[':pid'=>1,':sid'=>1])}">关于我们</a><a href="{:addon_url('official/web.official_online_message/list',[':pid'=>18,':sid'=>18])}" aria-current="page">联系我们</a></nav></details></header>
|
||||
<a class="ct-skip" href="#project-form">跳至项目咨询表单</a>
|
||||
<section class="ct-hero"><div class="ct-wrap"><nav class="ct-crumb" aria-label="当前位置"><a href="{:addon_url('official/web.official_home/index')}">首页</a><span>/</span><span aria-current="page">联系我们</span></nav><div class="ct-hero-grid"><div><p class="ct-eyebrow">纳海川科技 / 联系我们</p><h1>业务咨询与技术评估</h1><p class="ct-lead">说明您的业务需求、现有系统与主要问题。我们据此了解项目情况,沟通建设范围与实施条件。</p><div class="ct-actions"><a class="ct-button" href="#project-form">填写项目需求 <span aria-hidden="true">↓</span></a><a class="ct-text-link" href="tel:{:__config('site_mobile','value')}">电话咨询 <span>{:__config('site_mobile','value')}</span></a></div></div><figure class="ct-art"><picture><source srcset="__ADDON__/images/contact/connection.webp" type="image/webp"><img src="__ADDON__/images/contact/connection.jpg" width="1440" height="960" alt="两组白色石材门框由蓝色玻璃桥连接,表达交流与合作" fetchpriority="high"></picture><figcaption><span>从沟通开始,确认项目方向。</span><span>抽象建筑示意</span></figcaption></figure></div></div></section>
|
||||
|
||||
<section class="ct-section" id="consultation"><div class="ct-wrap ct-main-grid"><div class="ct-form-panel"><div class="ct-section-intro"><p class="ct-eyebrow">项目咨询</p><h2>告诉我们您的需求</h2><p>填写称呼、联系电话、需求主题和简要说明,便于后续联系。标注 * 的项目为必填。</p></div>
|
||||
<form class="ct-form" id="project-form" method="post" action="{:addon_url('official/web.official_online_message/list',[':pid'=>18,':sid'=>18])}" data-token-url="{:addon_url('official/web.official_home/get_token')}" novalidate>
|
||||
{:token()}
|
||||
<fieldset class="ct-direction"><legend>咨询方向 <span>可选</span></legend><div class="ct-topics"><button type="button" data-topic="软件定制开发" aria-pressed="false">软件开发</button><button type="button" data-topic="APP 与小程序定制" aria-pressed="false">APP / 小程序</button><button type="button" data-topic="企业智能体开发" aria-pressed="false">企业智能体</button><button type="button" data-topic="商业软件产品咨询" aria-pressed="false">产品咨询</button></div></fieldset>
|
||||
<div class="ct-field"><label for="ct-title">需求主题 <span aria-hidden="true">*</span></label><input id="ct-title" name="title" type="text" maxlength="100" required aria-describedby="ct-title-error" placeholder="例如:订货系统开发、现有系统改造"><p class="ct-field-error" id="ct-title-error" hidden></p></div>
|
||||
<div class="ct-field-row"><div class="ct-field"><label for="ct-name">您的称呼 <span aria-hidden="true">*</span></label><input id="ct-name" name="name" type="text" maxlength="50" autocomplete="name" required aria-describedby="ct-name-error" placeholder="请填写姓名或称呼"><p class="ct-field-error" id="ct-name-error" hidden></p></div><div class="ct-field"><label for="ct-phone">联系电话 <span aria-hidden="true">*</span></label><input id="ct-phone" name="phone" type="tel" inputmode="tel" maxlength="30" autocomplete="tel" required aria-describedby="ct-phone-hint ct-phone-error" placeholder="手机或固定电话"><p class="ct-hint" id="ct-phone-hint">固定电话请包含区号。</p><p class="ct-field-error" id="ct-phone-error" hidden></p></div></div>
|
||||
<div class="ct-field"><label for="ct-content">需求说明 <span aria-hidden="true">*</span></label><textarea id="ct-content" name="content" rows="4" maxlength="5000" required aria-describedby="ct-content-hint ct-content-error" placeholder="请简要说明业务现状、希望解决的问题和计划时间。"></textarea><p class="ct-hint" id="ct-content-hint">初次沟通无需提交账号、密码或未脱敏的业务数据。</p><p class="ct-field-error" id="ct-content-error" hidden></p></div>
|
||||
{if $captchaType == 'text'}
|
||||
<div class="ct-field"><label for="ct-captcha">图片验证码 <span aria-hidden="true">*</span></label><div class="ct-captcha"><input id="ct-captcha" name="captcha" type="text" maxlength="10" autocomplete="off" required aria-describedby="ct-captcha-hint ct-captcha-error" placeholder="输入图片字符"><button type="button" class="ct-captcha-refresh" aria-label="更换图片验证码" data-captcha-url="{:captcha_src()}"><img src="{:captcha_src()}" alt="验证码图片" width="110" height="44"><span>换一张</span></button></div><p class="ct-hint" id="ct-captcha-hint">看不清时,可点击图片更换。</p><p class="ct-field-error" id="ct-captcha-error" hidden></p></div>
|
||||
{/if}
|
||||
<p class="ct-submit-status" role="status" aria-live="polite" tabindex="-1" hidden></p>
|
||||
<div class="ct-submit-line"><button class="ct-button ct-submit" type="submit">提交项目需求 <span aria-hidden="true">↗</span></button><p>提交后,请保持联系电话畅通。</p></div>
|
||||
<p class="ct-form-note">您提交的信息将用于本次项目咨询与联系。涉及保密资料时,可先沟通保密安排,再提供相关材料。</p>
|
||||
<noscript><p class="ct-noscript">在线提交需要启用 JavaScript,也可通过电话或邮箱联系。</p></noscript>
|
||||
</form></div>
|
||||
|
||||
<aside class="ct-direct"><p class="ct-eyebrow">直接联系</p><h2>选择适合的沟通方式</h2><dl class="ct-contact-list"><div><dt>业务咨询电话</dt><dd><a class="ct-phone" href="tel:{:__config('site_mobile','value')}">{:__config('site_mobile','value')}</a></dd></div><div><dt>电子邮箱</dt><dd><a href="mailto:{:__config('site_email','value')}">{:__config('site_email','value')}</a></dd></div><div><dt>工作时间</dt><dd>周一至周五 09:00—18:00</dd></div></dl><div class="ct-prepare"><h3>沟通前,可先准备</h3><ol><li><span>01</span>主要业务流程与使用对象</li><li><span>02</span>现有系统、设备或接口情况</li><li><span>03</span>需要处理的问题与计划时间</li></ol><p>暂时没有完整需求文档,也可以先做简要说明。</p></div><div class="ct-next"><h3>提交后的沟通安排</h3><p>收到信息后,我们会根据需求与工作安排联系您,进一步确认项目范围、资料条件和评估方式。</p></div></aside></div></section>
|
||||
|
||||
<section class="ct-section ct-soft nhc-contact-map" id="visit"><div class="ct-wrap"><div class="ct-heading"><div><p class="ct-eyebrow">到访信息</p><h2>来访前,请先联系确认</h2></div><p>请先确认接待地点、时间与交流内容。以下提供地址及地图查询入口,具体路线请以地图查询结果为准。</p></div><div class="ct-offices"><article><span class="ct-eyebrow">01 / 营销中心</span><h3>花果园中环广场</h3><address>贵州省贵阳市南明区花果园遵义中路中环广场2号楼26楼20-21号</address><a class="ct-text-link" href="https://uri.amap.com/search?keyword=%E8%B4%B5%E9%98%B3%E8%8A%B1%E6%9E%9C%E5%9B%AD%E4%B8%AD%E7%8E%AF%E5%B9%BF%E5%9C%BA2%E5%8F%B7%E6%A5%BC&city=%E8%B4%B5%E9%98%B3&view=map" target="_blank" rel="noopener noreferrer">查询地图 <span aria-hidden="true">↗</span><span class="ct-sr">(在新窗口打开高德地图)</span></a></article><article><span class="ct-eyebrow">02 / 技术中心</span><h3>经开区大数据安全产业园</h3><address>贵州省贵阳市经开区数字经济产业园大数据安全产业园数楼4楼02-03号</address><a class="ct-text-link" href="https://uri.amap.com/search?keyword=%E8%B4%B5%E9%98%B3%E7%BB%8F%E5%BC%80%E5%8C%BA%E5%A4%A7%E6%95%B0%E6%8D%AE%E5%AE%89%E5%85%A8%E4%BA%A7%E4%B8%9A%E5%9B%AD&city=%E8%B4%B5%E9%98%B3&view=map" target="_blank" rel="noopener noreferrer">查询地图 <span aria-hidden="true">↗</span><span class="ct-sr">(在新窗口打开高德地图)</span></a></article></div></div></section>
|
||||
|
||||
<section class="ct-section" id="faq"><div class="ct-wrap ct-faq-layout"><div><p class="ct-eyebrow">沟通须知</p><h2>初次咨询,<br>您可能关心这些</h2></div><div class="ct-faq"><details><summary>只有初步想法,可以先沟通吗?<span aria-hidden="true"></span></summary><p>可以。先说明使用对象、当前的操作方式和主要问题,再逐步梳理功能范围与优先级。涉及详细调研、原型或专项验证时,另行确认工作内容。</p></details><details><summary>何时可以确定方案、周期与费用?<span aria-hidden="true"></span></summary><p>需要先了解业务流程、功能范围、接口与资料条件。评估后再确认实施计划与费用清单;初次留言不等同于已完成方案评估。</p></details><details><summary>涉及商业资料,如何安排沟通?<span aria-hidden="true"></span></summary><p>可先用脱敏资料说明业务,必要时在进一步交流前沟通保密协议、资料范围与使用方式。请勿通过留言提交账号密码或完整的敏感业务数据。</p></details><details><summary>能否线上交流或当面讨论?<span aria-hidden="true"></span></summary><p>可先通过电话或线上会议确认需求。需要到访或现场调研时,提前沟通地点、人员、内容及相关安排。</p></details></div></div></section>
|
||||
</main>
|
||||
|
||||
{/block}
|
||||
{block name="js"}
|
||||
<script src="__ADDON__/js/contact-nhc.js?v=20261105a" defer></script>
|
||||
{/block}
|
||||
|
||||
在新工单中引用
屏蔽一个用户