更新官网首页、服务与案例页面及配套视觉资源
这个提交包含在：
wikiboss
@@ -1,225 +1,747 @@
|
||||
{extend name="web/official_common/pc/base" /} {block name="content"}
|
||||
<!-- 纳海川官方网站 客户案例详情页 开始 -->
|
||||
<style>
|
||||
.nhc-case-detail-art svg{display:block;width:100%;height:auto}
|
||||
.nhc-case-body{font-size:16px;line-height:1.8;color:var(--text-primary);overflow-wrap:break-word}
|
||||
.nhc-case-body p{margin:0 0 1em 0}
|
||||
.nhc-case-body img{max-width:100%!important;height:auto!important;border-radius:6px;display:block;margin:1.5em auto}
|
||||
.nhc-case-body h2{font-family:var(--font-serif);font-size:22px;font-weight:700;color:var(--text-primary);margin:2em 0 0.8em 0;padding-bottom:0.5em;border-bottom:1px solid var(--border-color)}
|
||||
.nhc-case-body h3{font-family:var(--font-serif);font-size:18px;font-weight:700;color:var(--text-primary);margin:1.8em 0 0.7em 0}
|
||||
.nhc-case-body ul,.nhc-case-body ol{margin:0 0 1em 0;padding-left:1.6em}
|
||||
.nhc-case-body li{margin-bottom:0.4em}
|
||||
.nhc-case-body a{color:var(--primary);text-underline-offset:3px}
|
||||
.nhc-case-body a:hover{color:var(--primary-hover)}
|
||||
.nhc-case-body table{display:block;width:100%;overflow-x:auto;border-collapse:collapse;margin:1.5em 0}
|
||||
.nhc-case-body th,.nhc-case-body td{border:1px solid var(--border-color);padding:10px 14px;font-size:14px;text-align:left}
|
||||
.nhc-case-body th{background:#F8FAFC;font-weight:600}
|
||||
.nhc-case-body blockquote{margin:1.5em 0;padding:14px 18px;background:#F8FAFC;border-left:3px solid var(--primary);border-radius:0 var(--radius-sm) var(--radius-sm) 0;color:var(--text-secondary)}
|
||||
.nhc-case-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 28px;border-radius:var(--radius-sm);font-size:15px;font-weight:600;text-decoration:none;transition:background-color 200ms ease-out,border-color 200ms ease-out,transform 200ms ease-out}
|
||||
.nhc-case-btn-primary{background:var(--primary);color:#FFFFFF}
|
||||
.nhc-case-btn-primary:hover{background:var(--primary-hover);color:#FFFFFF;transform:translateY(-1px)}
|
||||
.nhc-case-btn-ghost{border:1px solid var(--border-color);color:var(--text-primary);background:#FFFFFF}
|
||||
.nhc-case-btn-ghost:hover{border-color:var(--primary);color:var(--primary);transform:translateY(-1px)}
|
||||
.nhc-case-btn-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}
|
||||
a:focus-visible,.nhc-case-btn:focus-visible{outline:2px solid var(--primary);outline-offset:2px}
|
||||
.nhc-case-nav-card{display:block;height:100%;padding:22px 24px;background:#F8FAFC;border:1px solid var(--border-color);border-radius:var(--radius-sm);text-decoration:none;transition:transform 200ms ease-out,border-color 200ms ease-out,background-color 200ms ease-out}
|
||||
a.nhc-case-nav-card:hover{transform:translateY(-2px);border-color:var(--primary);background:#FFFFFF}
|
||||
.nhc-case-nav-label{display:block;font-size:13px;color:var(--text-muted);margin-bottom:8px}
|
||||
.nhc-case-nav-title{display:block;font-family:var(--font-serif);font-size:16px;font-weight:700;color:var(--text-primary);line-height:1.5}
|
||||
.nhc-case-nav-empty{opacity:0.6;cursor:not-allowed}
|
||||
@media (prefers-reduced-motion: reduce){
|
||||
.nhc-case-btn,.nhc-case-nav-card{transition:none}
|
||||
a.nhc-case-nav-card:hover,.nhc-case-btn-primary:hover,.nhc-case-btn-ghost:hover{transform:none}
|
||||
}
|
||||
</style>
|
||||
<div class="nhc-article-detail-wrap">
|
||||
<div class="nhc-container" style="max-width: 980px">
|
||||
<!-- 面包屑导航 -->
|
||||
<nav class="nhc-breadcrumb" aria-label="当前位置">
|
||||
<a href="{:addon_url('official/web.official_home/index')}">首页</a>
|
||||
<span class="sep">></span>
|
||||
<a href="{:addon_url('official/web.official_case_show/list',[':pid'=>(int)input('param.pid'),':sid'=>(int)input('param.sid')])}">客户案例</a>
|
||||
<span class="sep">></span>
|
||||
<span style="color: var(--text-primary); font-weight: 500">正文</span>
|
||||
</nav>
|
||||
|
||||
{if empty($data)}
|
||||
<!-- 空状态：案例不存在或已下架 -->
|
||||
<article style="background: #FFFFFF;border: 1px solid var(--border-color);border-radius: var(--radius-sm);padding: 64px 48px;box-shadow: var(--shadow-subtle);text-align: center">
|
||||
<div style="margin-bottom: 16px"><span class="nhc-seal">暂无内容</span></div>
|
||||
<h1 style="font-family: var(--font-serif);font-size: 26px;font-weight: 700;color: var(--text-primary);margin: 0 0 12px 0">该案例不存在或已下架</h1>
|
||||
<p style="font-size: 14px;color: var(--text-secondary);line-height: 1.7;margin: 0 0 8px 0">页面可能已被归档，可返回案例列表查看其他项目实录。</p>
|
||||
<div class="nhc-case-btn-row" style="justify-content: center">
|
||||
<a class="nhc-case-btn nhc-case-btn-primary" href="{:addon_url('official/web.official_case_show/list',[':pid'=>(int)input('param.pid'),':sid'=>(int)input('param.sid')])}">返回案例列表</a>
|
||||
<a class="nhc-case-btn nhc-case-btn-ghost" href="{:addon_url('official/web.official_online_message/list',[':pid'=>18,':sid'=>18])}">预约咨询</a>
|
||||
</div>
|
||||
</article>
|
||||
{else/}
|
||||
<!-- 案例主体卡片 -->
|
||||
<article style="background: #FFFFFF;border: 1px solid var(--border-color);border-radius: var(--radius-sm);padding: 48px;box-shadow: var(--shadow-subtle)">
|
||||
<!-- 案例头部信息 -->
|
||||
<header class="nhc-article-header">
|
||||
<div style="display: flex;align-items: center;gap: 8px;margin-bottom: 16px">
|
||||
<span class="nhc-seal">项目实录</span>
|
||||
<span class="nhc-article-category-badge">{:ze($category,'name')}</span>
|
||||
</div>
|
||||
<h1 class="nhc-article-detail-title">{$data['title']}</h1>
|
||||
<div class="nhc-article-detail-meta">
|
||||
<span>
|
||||
<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true"><rect x="3" y="4" width="18" height="18" rx="2" ry="2"/><line x1="16" y1="2" x2="16" y2="6"/><line x1="8" y1="2" x2="8" y2="6"/><line x1="3" y1="10" x2="21" y2="10"/></svg>
|
||||
发布时间：{:date('Y-m-d H:i', $data['createtime'])}
|
||||
</span>
|
||||
<span>
|
||||
<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true"><path d="M4 7V4h16v3"/><path d="M9 20h6"/><path d="M12 4v16"/></svg>
|
||||
所属分类：{:ze($category,'name')}
|
||||
</span>
|
||||
{if !empty($data['source'])}
|
||||
<span>
|
||||
<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true"><path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"/><circle cx="12" cy="7" r="4"/></svg>
|
||||
合作客户：
|
||||
{if !empty($data['source_url'])}
|
||||
<a href="{$data['source_url']}" target="_blank" rel="noopener noreferrer" style="color: var(--primary)">{$data['source']}</a>
|
||||
{else/}
|
||||
<span>{$data['source']}</span>
|
||||
{/if}
|
||||
</span>
|
||||
{/if}
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<!-- 抽象配图：远山叠嶂 · 窗棂日月 -->
|
||||
<figure class="nhc-case-detail-art" style="margin: 0 0 36px 0;border: 1px solid var(--border-color);border-radius: var(--radius-sm);overflow: hidden" aria-hidden="true">
|
||||
<svg viewBox="0 0 1200 360" preserveAspectRatio="xMidYMid slice" focusable="false">
|
||||
<defs>
|
||||
<linearGradient id="nhcCaseSky" x1="0" y1="0" x2="0" y2="1">
|
||||
<stop offset="0" stop-color="#FFFFFF"/>
|
||||
<stop offset="1" stop-color="#EFF6FF"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="nhcCaseSun" x1="0" y1="0" x2="0" y2="1">
|
||||
<stop offset="0" stop-color="#7DD3FC"/>
|
||||
<stop offset="1" stop-color="#2563EB"/>
|
||||
</linearGradient>
|
||||
<radialGradient id="nhcCaseDots" cx="0.5" cy="0.5" r="0.5">
|
||||
<stop offset="0" stop-color="#2563EB" stop-opacity="0.10"/>
|
||||
<stop offset="1" stop-color="#2563EB" stop-opacity="0"/>
|
||||
</radialGradient>
|
||||
</defs>
|
||||
<rect x="0" y="0" width="1200" height="360" fill="url(#nhcCaseSky)"/>
|
||||
<rect x="0" y="0" width="1200" height="360" fill="url(#nhcCaseDots)"/>
|
||||
<!-- 远山三叠 -->
|
||||
<polygon points="0,250 140,150 260,230 400,120 540,240 700,170 860,250 1000,180 1200,250 1200,360 0,360" fill="#DBEAFE"/>
|
||||
<polygon points="0,280 180,190 330,260 470,170 640,270 800,210 960,280 1120,220 1200,260 1200,360 0,360" fill="#BFDBFE" opacity="0.85"/>
|
||||
<polygon points="60,300 220,230 360,290 520,225 700,300 880,245 1040,300 1200,255 1200,360 0,360" fill="#93C5FD" opacity="0.55"/>
|
||||
<!-- 山体几何切面 -->
|
||||
<polygon points="400,120 470,170 400,240 330,260" fill="#FFFFFF" opacity="0.35"/>
|
||||
<polygon points="700,170 800,210 700,270 640,270" fill="#FFFFFF" opacity="0.28"/>
|
||||
<!-- 日月 -->
|
||||
<circle cx="880" cy="105" r="48" fill="url(#nhcCaseSun)" opacity="0.92"/>
|
||||
<circle cx="880" cy="105" r="60" fill="none" stroke="#2563EB" stroke-width="1.5" opacity="0.25"/>
|
||||
<circle cx="880" cy="105" r="72" fill="none" stroke="#2563EB" stroke-width="1" opacity="0.12"/>
|
||||
<!-- 窗棂 -->
|
||||
<g stroke="#1E40AF" stroke-width="2" opacity="0.14">
|
||||
<rect x="988" y="60" width="148" height="180" fill="none"/>
|
||||
<line x1="1025" y1="60" x2="1025" y2="240"/>
|
||||
<line x1="1062" y1="60" x2="1062" y2="240"/>
|
||||
<line x1="1099" y1="60" x2="1099" y2="240"/>
|
||||
<line x1="988" y1="105" x2="1136" y2="105"/>
|
||||
<line x1="988" y1="150" x2="1136" y2="150"/>
|
||||
<line x1="988" y1="195" x2="1136" y2="195"/>
|
||||
</g>
|
||||
<!-- 水纹 -->
|
||||
<g stroke="#2563EB" stroke-linecap="round" fill="none">
|
||||
<line x1="80" y1="296" x2="420" y2="296" stroke-width="2" opacity="0.20"/>
|
||||
<line x1="180" y1="312" x2="560" y2="312" stroke-width="2" opacity="0.14"/>
|
||||
<line x1="60" y1="328" x2="340" y2="328" stroke-width="2" opacity="0.10"/>
|
||||
<line x1="470" y1="296" x2="540" y2="296" stroke-width="3" opacity="0.28"/>
|
||||
<line x1="620" y1="312" x2="700" y2="312" stroke-width="3" opacity="0.22"/>
|
||||
</g>
|
||||
<g fill="#06B6D4">
|
||||
<circle cx="500" cy="250" r="3" opacity="0.5"/>
|
||||
<circle cx="540" cy="238" r="2.4" opacity="0.45"/>
|
||||
<circle cx="576" cy="228" r="2" opacity="0.4"/>
|
||||
</g>
|
||||
<!-- 紫点弧线点缀 -->
|
||||
<g fill="#7C3AED">
|
||||
<circle cx="240" cy="120" r="3" opacity="0.35"/>
|
||||
<circle cx="268" cy="100" r="2.4" opacity="0.3"/>
|
||||
<circle cx="292" cy="82" r="2" opacity="0.25"/>
|
||||
</g>
|
||||
<!-- 印章 -->
|
||||
<g>
|
||||
<rect x="72" y="196" width="58" height="58" rx="6" fill="#C73E3A"/>
|
||||
<rect x="78" y="202" width="46" height="46" rx="3" fill="none" stroke="#FFFFFF" stroke-width="1.5" opacity="0.85"/>
|
||||
<text x="101" y="238" text-anchor="middle" font-family="SimSun, Songti SC, serif" font-size="30" fill="#FFFFFF">案</text>
|
||||
</g>
|
||||
</svg>
|
||||
</figure>
|
||||
|
||||
<!-- 案例摘要引用条 -->
|
||||
{if !empty($data['subheading'])}
|
||||
<div style="background: #F8FAFC;border-left: 3px solid var(--primary);padding: 16px 20px;margin-bottom: 32px;border-radius: 0 var(--radius-sm) var(--radius-sm) 0;font-size: 14px;color: var(--text-secondary);line-height: 1.7">
|
||||
<strong>核心要点：</strong>{$data['subheading']}
|
||||
</div>
|
||||
{/if}
|
||||
|
||||
<!-- 正文区域 -->
|
||||
<div class="nhc-case-body">
|
||||
{$data['content']|htmlspecialchars_decode}
|
||||
</div>
|
||||
|
||||
<!-- 文末项目团队说明与咨询 -->
|
||||
<div style="margin-top: 48px;padding: 24px;background: #F8FAFC;border: 1px solid var(--border-color);border-radius: var(--radius-sm)">
|
||||
<div style="display: flex;align-items: flex-start;gap: 16px">
|
||||
<div style="width: 44px;height: 44px;border-radius: var(--radius-sm);background: var(--primary);color: #FFFFFF;display: flex;align-items: center;justify-content: center;font-weight: 700;font-size: 18px;flex-shrink: 0" aria-hidden="true">川</div>
|
||||
<div>
|
||||
<div style="display: flex;align-items: center;gap: 8px;margin-bottom: 6px">
|
||||
<span style="font-family: var(--font-serif);font-size: 16px;font-weight: 700;color: var(--text-primary)">贵阳纳海川科技有限公司 · 项目团队</span>
|
||||
<span class="nhc-seal" style="font-size: 10px;padding: 1px 6px">项目实录</span>
|
||||
</div>
|
||||
<p style="font-size: 13px;color: var(--text-secondary);line-height: 1.6;margin: 0">以上案例来自纳海川实际交付项目。如有同类业务需求，可预约沟通，我们结合具体场景提供针对性方案，支持源码交付与私有化部署。</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="nhc-case-btn-row">
|
||||
<a class="nhc-case-btn nhc-case-btn-primary" href="{:addon_url('official/web.official_online_message/list',[':pid'=>18,':sid'=>18])}">预约咨询</a>
|
||||
<a class="nhc-case-btn nhc-case-btn-ghost" href="tel:{:__config('site_mobile','value')}">电话咨询</a>
|
||||
<a class="nhc-case-btn nhc-case-btn-ghost" href="{:addon_url('official/web.official_case_show/list',[':pid'=>(int)input('param.pid'),':sid'=>(int)input('param.sid')])}">返回案例列表</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 上一篇与下一篇 -->
|
||||
<div class="info_previous_next_wrap nhc-article-nav-wrap" style="margin-top: 32px;padding-top: 24px;border-top: 1px dashed var(--border-color)">
|
||||
<div style="display: grid;grid-template-columns: 1fr 1fr;gap: 16px">
|
||||
<div class="Previous">
|
||||
{if empty($before)}
|
||||
<div class="nhc-case-nav-card nhc-case-nav-empty">
|
||||
<span class="nhc-case-nav-label">上一篇案例</span>
|
||||
<span class="nhc-case-nav-title">{:__l('index','There no data')}</span>
|
||||
</div>
|
||||
{else/}
|
||||
<a href="{:addon_url('official/web.official_case_show/details',[':pid'=>(int)input('param.pid'),':sid'=>(int)input('param.sid'),':id'=>$before['id']])}" class="nhc-case-nav-card" title="{$before['title']}">
|
||||
<span class="nhc-case-nav-label">← 上一篇案例</span>
|
||||
<span class="nhc-case-nav-title">{$before['title']}</span>
|
||||
</a>
|
||||
{/if}
|
||||
</div>
|
||||
<div class="Next">
|
||||
{if empty($after)}
|
||||
<div class="nhc-case-nav-card nhc-case-nav-empty" style="text-align: right">
|
||||
<span class="nhc-case-nav-label">下一篇案例</span>
|
||||
<span class="nhc-case-nav-title">{:__l('index','There no data')}</span>
|
||||
</div>
|
||||
{else/}
|
||||
<a href="{:addon_url('official/web.official_case_show/details',[':pid'=>(int)input('param.pid'),':sid'=>(int)input('param.sid'),':id'=>$after['id']])}" class="nhc-case-nav-card" style="text-align: right" title="{$after['title']}">
|
||||
<span class="nhc-case-nav-label">下一篇案例 →</span>
|
||||
<span class="nhc-case-nav-title">{$after['title']}</span>
|
||||
</a>
|
||||
{/if}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</article>
|
||||
{/if}
|
||||
</div>
|
||||
</div>
|
||||
<!-- 客户案例详情页 结束 -->
|
||||
{/block}
|
||||
{extend name="web/official_common/pc/base" /} {block name="content"}
|
||||
<!-- 纳海川官方网站 客户案例详情页 开始 -->
|
||||
<style>
|
||||
.nhc-case-detail-art svg {
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: auto;
|
||||
}
|
||||
.nhc-case-body {
|
||||
font-size: 16px;
|
||||
line-height: 1.8;
|
||||
color: var(--text-primary);
|
||||
overflow-wrap: break-word;
|
||||
}
|
||||
.nhc-case-body p {
|
||||
margin: 0 0 1em 0;
|
||||
}
|
||||
.nhc-case-body img {
|
||||
max-width: 100% !important;
|
||||
height: auto !important;
|
||||
border-radius: 6px;
|
||||
display: block;
|
||||
margin: 1.5em auto;
|
||||
}
|
||||
.nhc-case-body h2 {
|
||||
font-family: var(--font-serif);
|
||||
font-size: 22px;
|
||||
font-weight: 700;
|
||||
color: var(--text-primary);
|
||||
margin: 2em 0 0.8em 0;
|
||||
padding-bottom: 0.5em;
|
||||
border-bottom: 1px solid var(--border-color);
|
||||
}
|
||||
.nhc-case-body h3 {
|
||||
font-family: var(--font-serif);
|
||||
font-size: 18px;
|
||||
font-weight: 700;
|
||||
color: var(--text-primary);
|
||||
margin: 1.8em 0 0.7em 0;
|
||||
}
|
||||
.nhc-case-body ul,
|
||||
.nhc-case-body ol {
|
||||
margin: 0 0 1em 0;
|
||||
padding-left: 1.6em;
|
||||
}
|
||||
.nhc-case-body li {
|
||||
margin-bottom: 0.4em;
|
||||
}
|
||||
.nhc-case-body a {
|
||||
color: var(--primary);
|
||||
text-underline-offset: 3px;
|
||||
}
|
||||
.nhc-case-body a:hover {
|
||||
color: var(--primary-hover);
|
||||
}
|
||||
.nhc-case-body table {
|
||||
display: block;
|
||||
width: 100%;
|
||||
overflow-x: auto;
|
||||
border-collapse: collapse;
|
||||
margin: 1.5em 0;
|
||||
}
|
||||
.nhc-case-body th,
|
||||
.nhc-case-body td {
|
||||
border: 1px solid var(--border-color);
|
||||
padding: 10px 14px;
|
||||
font-size: 14px;
|
||||
text-align: left;
|
||||
}
|
||||
.nhc-case-body th {
|
||||
background: #f8fafc;
|
||||
font-weight: 600;
|
||||
}
|
||||
.nhc-case-body blockquote {
|
||||
margin: 1.5em 0;
|
||||
padding: 14px 18px;
|
||||
background: #f8fafc;
|
||||
border-left: 3px solid var(--primary);
|
||||
border-radius: 0 var(--radius-sm) var(--radius-sm) 0;
|
||||
color: var(--text-secondary);
|
||||
}
|
||||
.nhc-case-btn {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
gap: 8px;
|
||||
min-height: 44px;
|
||||
padding: 0 28px;
|
||||
border-radius: var(--radius-sm);
|
||||
font-size: 15px;
|
||||
font-weight: 600;
|
||||
text-decoration: none;
|
||||
transition:
|
||||
background-color 200ms ease-out,
|
||||
border-color 200ms ease-out,
|
||||
transform 200ms ease-out;
|
||||
}
|
||||
.nhc-case-btn-primary {
|
||||
background: var(--primary);
|
||||
color: #ffffff;
|
||||
}
|
||||
.nhc-case-btn-primary:hover {
|
||||
background: var(--primary-hover);
|
||||
color: #ffffff;
|
||||
transform: translateY(-1px);
|
||||
}
|
||||
.nhc-case-btn-ghost {
|
||||
border: 1px solid var(--border-color);
|
||||
color: var(--text-primary);
|
||||
background: #ffffff;
|
||||
}
|
||||
.nhc-case-btn-ghost:hover {
|
||||
border-color: var(--primary);
|
||||
color: var(--primary);
|
||||
transform: translateY(-1px);
|
||||
}
|
||||
.nhc-case-btn-row {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
gap: 12px;
|
||||
margin-top: 20px;
|
||||
}
|
||||
a:focus-visible,
|
||||
.nhc-case-btn:focus-visible {
|
||||
outline: 2px solid var(--primary);
|
||||
outline-offset: 2px;
|
||||
}
|
||||
.nhc-case-nav-card {
|
||||
display: block;
|
||||
height: 100%;
|
||||
padding: 22px 24px;
|
||||
background: #f8fafc;
|
||||
border: 1px solid var(--border-color);
|
||||
border-radius: var(--radius-sm);
|
||||
text-decoration: none;
|
||||
transition:
|
||||
transform 200ms ease-out,
|
||||
border-color 200ms ease-out,
|
||||
background-color 200ms ease-out;
|
||||
}
|
||||
a.nhc-case-nav-card:hover {
|
||||
transform: translateY(-2px);
|
||||
border-color: var(--primary);
|
||||
background: #ffffff;
|
||||
}
|
||||
.nhc-case-nav-label {
|
||||
display: block;
|
||||
font-size: 13px;
|
||||
color: var(--text-muted);
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
.nhc-case-nav-title {
|
||||
display: block;
|
||||
font-family: var(--font-serif);
|
||||
font-size: 16px;
|
||||
font-weight: 700;
|
||||
color: var(--text-primary);
|
||||
line-height: 1.5;
|
||||
}
|
||||
.nhc-case-nav-empty {
|
||||
opacity: 0.6;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
@media (prefers-reduced-motion: reduce) {
|
||||
.nhc-case-btn,
|
||||
.nhc-case-nav-card {
|
||||
transition: none;
|
||||
}
|
||||
a.nhc-case-nav-card:hover,
|
||||
.nhc-case-btn-primary:hover,
|
||||
.nhc-case-btn-ghost:hover {
|
||||
transform: none;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
<div class="nhc-article-detail-wrap">
|
||||
<div class="nhc-container" style="max-width: 980px">
|
||||
<!-- 面包屑导航 -->
|
||||
<nav class="nhc-breadcrumb" aria-label="当前位置">
|
||||
<a href="{:addon_url('official/web.official_home/index')}">首页</a>
|
||||
<span class="sep">></span>
|
||||
<a
|
||||
href="{:addon_url('official/web.official_case_show/list',[':pid'=>(int)input('param.pid'),':sid'=>(int)input('param.sid')])}"
|
||||
>客户案例</a
|
||||
>
|
||||
<span class="sep">></span>
|
||||
<span style="color: var(--text-primary); font-weight: 500"
|
||||
>正文</span
|
||||
>
|
||||
</nav>
|
||||
|
||||
{if empty($data)}
|
||||
<!-- 空状态：案例不存在或已下架 -->
|
||||
<article
|
||||
style="
|
||||
background: #ffffff;
|
||||
border: 1px solid var(--border-color);
|
||||
border-radius: var(--radius-sm);
|
||||
padding: 64px 48px;
|
||||
box-shadow: var(--shadow-subtle);
|
||||
text-align: center;
|
||||
"
|
||||
>
|
||||
<div style="margin-bottom: 16px">
|
||||
<span class="nhc-seal">暂无内容</span>
|
||||
</div>
|
||||
<h1
|
||||
style="
|
||||
font-family: var(--font-serif);
|
||||
font-size: 26px;
|
||||
font-weight: 700;
|
||||
color: var(--text-primary);
|
||||
margin: 0 0 12px 0;
|
||||
"
|
||||
>
|
||||
该案例不存在或已下架
|
||||
</h1>
|
||||
<p
|
||||
style="
|
||||
font-size: 14px;
|
||||
color: var(--text-secondary);
|
||||
line-height: 1.7;
|
||||
margin: 0 0 8px 0;
|
||||
"
|
||||
>
|
||||
页面可能已被归档，可返回案例列表查看其他项目实录。
|
||||
</p>
|
||||
<div class="nhc-case-btn-row" style="justify-content: center">
|
||||
<a
|
||||
class="nhc-case-btn nhc-case-btn-primary"
|
||||
href="{:addon_url('official/web.official_case_show/list',[':pid'=>(int)input('param.pid'),':sid'=>(int)input('param.sid')])}"
|
||||
>返回案例列表</a
|
||||
>
|
||||
<a
|
||||
class="nhc-case-btn nhc-case-btn-ghost"
|
||||
href="{:addon_url('official/web.official_online_message/list',[':pid'=>18,':sid'=>18])}"
|
||||
>预约咨询</a
|
||||
>
|
||||
</div>
|
||||
</article>
|
||||
{else/}
|
||||
<!-- 案例主体卡片 -->
|
||||
<article
|
||||
style="
|
||||
background: #ffffff;
|
||||
border: 1px solid var(--border-color);
|
||||
border-radius: var(--radius-sm);
|
||||
padding: 48px;
|
||||
box-shadow: var(--shadow-subtle);
|
||||
"
|
||||
>
|
||||
<!-- 案例头部信息 -->
|
||||
<header class="nhc-article-header">
|
||||
<div
|
||||
style="
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 8px;
|
||||
margin-bottom: 16px;
|
||||
"
|
||||
>
|
||||
<span class="nhc-seal">项目实录</span>
|
||||
<span class="nhc-article-category-badge"
|
||||
>{:ze($category,'name')}</span
|
||||
>
|
||||
</div>
|
||||
<h1 class="nhc-article-detail-title">{$data['title']}</h1>
|
||||
<div class="nhc-article-detail-meta">
|
||||
<span>
|
||||
<svg
|
||||
width="14"
|
||||
height="14"
|
||||
viewBox="0 0 24 24"
|
||||
fill="none"
|
||||
stroke="currentColor"
|
||||
stroke-width="2"
|
||||
aria-hidden="true"
|
||||
>
|
||||
<rect
|
||||
x="3"
|
||||
y="4"
|
||||
width="18"
|
||||
height="18"
|
||||
rx="2"
|
||||
ry="2"
|
||||
/>
|
||||
<line x1="16" y1="2" x2="16" y2="6" />
|
||||
<line x1="8" y1="2" x2="8" y2="6" />
|
||||
<line x1="3" y1="10" x2="21" y2="10" />
|
||||
</svg>
|
||||
发布时间：{:date('Y-m-d H:i', $data['createtime'])}
|
||||
</span>
|
||||
<span>
|
||||
<svg
|
||||
width="14"
|
||||
height="14"
|
||||
viewBox="0 0 24 24"
|
||||
fill="none"
|
||||
stroke="currentColor"
|
||||
stroke-width="2"
|
||||
aria-hidden="true"
|
||||
>
|
||||
<path d="M4 7V4h16v3" />
|
||||
<path d="M9 20h6" />
|
||||
<path d="M12 4v16" />
|
||||
</svg>
|
||||
所属分类：{:ze($category,'name')}
|
||||
</span>
|
||||
{if !empty($data['source'])}
|
||||
<span>
|
||||
<svg
|
||||
width="14"
|
||||
height="14"
|
||||
viewBox="0 0 24 24"
|
||||
fill="none"
|
||||
stroke="currentColor"
|
||||
stroke-width="2"
|
||||
aria-hidden="true"
|
||||
>
|
||||
<path
|
||||
d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"
|
||||
/>
|
||||
<circle cx="12" cy="7" r="4" />
|
||||
</svg>
|
||||
合作客户： {if !empty($data['source_url'])}
|
||||
<a
|
||||
href="{$data['source_url']}"
|
||||
target="_blank"
|
||||
rel="noopener noreferrer"
|
||||
style="color: var(--primary)"
|
||||
>{$data['source']}</a
|
||||
>
|
||||
{else/}
|
||||
<span>{$data['source']}</span>
|
||||
{/if}
|
||||
</span>
|
||||
{/if}
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<!-- 抽象配图：远山叠嶂 · 窗棂日月 -->
|
||||
<figure
|
||||
class="nhc-case-detail-art"
|
||||
style="
|
||||
margin: 0 0 36px 0;
|
||||
border: 1px solid var(--border-color);
|
||||
border-radius: var(--radius-sm);
|
||||
overflow: hidden;
|
||||
"
|
||||
aria-hidden="true"
|
||||
>
|
||||
<svg
|
||||
viewBox="0 0 1200 360"
|
||||
preserveAspectRatio="xMidYMid slice"
|
||||
focusable="false"
|
||||
>
|
||||
<defs>
|
||||
<linearGradient
|
||||
id="nhcCaseSky"
|
||||
x1="0"
|
||||
y1="0"
|
||||
x2="0"
|
||||
y2="1"
|
||||
>
|
||||
<stop offset="0" stop-color="#FFFFFF" />
|
||||
<stop offset="1" stop-color="#EFF6FF" />
|
||||
</linearGradient>
|
||||
<linearGradient
|
||||
id="nhcCaseSun"
|
||||
x1="0"
|
||||
y1="0"
|
||||
x2="0"
|
||||
y2="1"
|
||||
>
|
||||
<stop offset="0" stop-color="#7DD3FC" />
|
||||
<stop offset="1" stop-color="#2563EB" />
|
||||
</linearGradient>
|
||||
<radialGradient
|
||||
id="nhcCaseDots"
|
||||
cx="0.5"
|
||||
cy="0.5"
|
||||
r="0.5"
|
||||
>
|
||||
<stop
|
||||
offset="0"
|
||||
stop-color="#2563EB"
|
||||
stop-opacity="0.10"
|
||||
/>
|
||||
<stop
|
||||
offset="1"
|
||||
stop-color="#2563EB"
|
||||
stop-opacity="0"
|
||||
/>
|
||||
</radialGradient>
|
||||
</defs>
|
||||
<rect
|
||||
x="0"
|
||||
y="0"
|
||||
width="1200"
|
||||
height="360"
|
||||
fill="url(#nhcCaseSky)"
|
||||
/>
|
||||
<rect
|
||||
x="0"
|
||||
y="0"
|
||||
width="1200"
|
||||
height="360"
|
||||
fill="url(#nhcCaseDots)"
|
||||
/>
|
||||
<!-- 远山三叠 -->
|
||||
<polygon
|
||||
points="0,250 140,150 260,230 400,120 540,240 700,170 860,250 1000,180 1200,250 1200,360 0,360"
|
||||
fill="#DBEAFE"
|
||||
/>
|
||||
<polygon
|
||||
points="0,280 180,190 330,260 470,170 640,270 800,210 960,280 1120,220 1200,260 1200,360 0,360"
|
||||
fill="#BFDBFE"
|
||||
opacity="0.85"
|
||||
/>
|
||||
<polygon
|
||||
points="60,300 220,230 360,290 520,225 700,300 880,245 1040,300 1200,255 1200,360 0,360"
|
||||
fill="#93C5FD"
|
||||
opacity="0.55"
|
||||
/>
|
||||
<!-- 山体几何切面 -->
|
||||
<polygon
|
||||
points="400,120 470,170 400,240 330,260"
|
||||
fill="#FFFFFF"
|
||||
opacity="0.35"
|
||||
/>
|
||||
<polygon
|
||||
points="700,170 800,210 700,270 640,270"
|
||||
fill="#FFFFFF"
|
||||
opacity="0.28"
|
||||
/>
|
||||
<!-- 日月 -->
|
||||
<circle
|
||||
cx="880"
|
||||
cy="105"
|
||||
r="48"
|
||||
fill="url(#nhcCaseSun)"
|
||||
opacity="0.92"
|
||||
/>
|
||||
<circle
|
||||
cx="880"
|
||||
cy="105"
|
||||
r="60"
|
||||
fill="none"
|
||||
stroke="#2563EB"
|
||||
stroke-width="1.5"
|
||||
opacity="0.25"
|
||||
/>
|
||||
<circle
|
||||
cx="880"
|
||||
cy="105"
|
||||
r="72"
|
||||
fill="none"
|
||||
stroke="#2563EB"
|
||||
stroke-width="1"
|
||||
opacity="0.12"
|
||||
/>
|
||||
<!-- 窗棂 -->
|
||||
<g stroke="#1E40AF" stroke-width="2" opacity="0.14">
|
||||
<rect
|
||||
x="988"
|
||||
y="60"
|
||||
width="148"
|
||||
height="180"
|
||||
fill="none"
|
||||
/>
|
||||
<line x1="1025" y1="60" x2="1025" y2="240" />
|
||||
<line x1="1062" y1="60" x2="1062" y2="240" />
|
||||
<line x1="1099" y1="60" x2="1099" y2="240" />
|
||||
<line x1="988" y1="105" x2="1136" y2="105" />
|
||||
<line x1="988" y1="150" x2="1136" y2="150" />
|
||||
<line x1="988" y1="195" x2="1136" y2="195" />
|
||||
</g>
|
||||
<!-- 水纹 -->
|
||||
<g stroke="#2563EB" stroke-linecap="round" fill="none">
|
||||
<line
|
||||
x1="80"
|
||||
y1="296"
|
||||
x2="420"
|
||||
y2="296"
|
||||
stroke-width="2"
|
||||
opacity="0.20"
|
||||
/>
|
||||
<line
|
||||
x1="180"
|
||||
y1="312"
|
||||
x2="560"
|
||||
y2="312"
|
||||
stroke-width="2"
|
||||
opacity="0.14"
|
||||
/>
|
||||
<line
|
||||
x1="60"
|
||||
y1="328"
|
||||
x2="340"
|
||||
y2="328"
|
||||
stroke-width="2"
|
||||
opacity="0.10"
|
||||
/>
|
||||
<line
|
||||
x1="470"
|
||||
y1="296"
|
||||
x2="540"
|
||||
y2="296"
|
||||
stroke-width="3"
|
||||
opacity="0.28"
|
||||
/>
|
||||
<line
|
||||
x1="620"
|
||||
y1="312"
|
||||
x2="700"
|
||||
y2="312"
|
||||
stroke-width="3"
|
||||
opacity="0.22"
|
||||
/>
|
||||
</g>
|
||||
<g fill="#06B6D4">
|
||||
<circle cx="500" cy="250" r="3" opacity="0.5" />
|
||||
<circle cx="540" cy="238" r="2.4" opacity="0.45" />
|
||||
<circle cx="576" cy="228" r="2" opacity="0.4" />
|
||||
</g>
|
||||
<!-- 紫点弧线点缀 -->
|
||||
<g fill="#7C3AED">
|
||||
<circle cx="240" cy="120" r="3" opacity="0.35" />
|
||||
<circle cx="268" cy="100" r="2.4" opacity="0.3" />
|
||||
<circle cx="292" cy="82" r="2" opacity="0.25" />
|
||||
</g>
|
||||
<!-- 印章 -->
|
||||
<g>
|
||||
<rect
|
||||
x="72"
|
||||
y="196"
|
||||
width="58"
|
||||
height="58"
|
||||
rx="6"
|
||||
fill="#C73E3A"
|
||||
/>
|
||||
<rect
|
||||
x="78"
|
||||
y="202"
|
||||
width="46"
|
||||
height="46"
|
||||
rx="3"
|
||||
fill="none"
|
||||
stroke="#FFFFFF"
|
||||
stroke-width="1.5"
|
||||
opacity="0.85"
|
||||
/>
|
||||
<text
|
||||
x="101"
|
||||
y="238"
|
||||
text-anchor="middle"
|
||||
font-family="SimSun, Songti SC, serif"
|
||||
font-size="30"
|
||||
fill="#FFFFFF"
|
||||
>
|
||||
案
|
||||
</text>
|
||||
</g>
|
||||
</svg>
|
||||
</figure>
|
||||
|
||||
<!-- 案例摘要引用条 -->
|
||||
{if !empty($data['subheading'])}
|
||||
<div
|
||||
style="
|
||||
background: #f8fafc;
|
||||
border-left: 3px solid var(--primary);
|
||||
padding: 16px 20px;
|
||||
margin-bottom: 32px;
|
||||
border-radius: 0 var(--radius-sm) var(--radius-sm) 0;
|
||||
font-size: 14px;
|
||||
color: var(--text-secondary);
|
||||
line-height: 1.7;
|
||||
"
|
||||
>
|
||||
<strong>核心要点：</strong>{$data['subheading']}
|
||||
</div>
|
||||
{/if}
|
||||
|
||||
<!-- 正文区域 -->
|
||||
<div class="nhc-case-body">
|
||||
{$data['content']|htmlspecialchars_decode}
|
||||
</div>
|
||||
|
||||
<!-- 文末项目团队说明与咨询 -->
|
||||
<div
|
||||
style="
|
||||
margin-top: 48px;
|
||||
padding: 24px;
|
||||
background: #f8fafc;
|
||||
border: 1px solid var(--border-color);
|
||||
border-radius: var(--radius-sm);
|
||||
"
|
||||
>
|
||||
<div style="display: flex; align-items: flex-start; gap: 16px">
|
||||
<div
|
||||
style="
|
||||
width: 44px;
|
||||
height: 44px;
|
||||
border-radius: var(--radius-sm);
|
||||
background: var(--primary);
|
||||
color: #ffffff;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
font-weight: 700;
|
||||
font-size: 18px;
|
||||
flex-shrink: 0;
|
||||
"
|
||||
aria-hidden="true"
|
||||
>
|
||||
川
|
||||
</div>
|
||||
<div>
|
||||
<div
|
||||
style="
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 8px;
|
||||
margin-bottom: 6px;
|
||||
"
|
||||
>
|
||||
<span
|
||||
style="
|
||||
font-family: var(--font-serif);
|
||||
font-size: 16px;
|
||||
font-weight: 700;
|
||||
color: var(--text-primary);
|
||||
"
|
||||
>贵阳纳海川科技有限公司 · 项目团队</span
|
||||
>
|
||||
<span
|
||||
class="nhc-seal"
|
||||
style="font-size: 10px; padding: 1px 6px"
|
||||
>项目实录</span
|
||||
>
|
||||
</div>
|
||||
<p
|
||||
style="
|
||||
font-size: 13px;
|
||||
color: var(--text-secondary);
|
||||
line-height: 1.6;
|
||||
margin: 0;
|
||||
"
|
||||
>
|
||||
以上案例来自纳海川实际交付项目。如有同类业务需求，可预约沟通，我们结合具体场景提供针对性方案，支持源码交付与私有化部署。
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="nhc-case-btn-row">
|
||||
<a
|
||||
class="nhc-case-btn nhc-case-btn-primary"
|
||||
href="{:addon_url('official/web.official_online_message/list',[':pid'=>18,':sid'=>18])}"
|
||||
>预约咨询</a
|
||||
>
|
||||
<a
|
||||
class="nhc-case-btn nhc-case-btn-ghost"
|
||||
href="tel:{:__config('site_mobile','value')}"
|
||||
>电话咨询</a
|
||||
>
|
||||
<a
|
||||
class="nhc-case-btn nhc-case-btn-ghost"
|
||||
href="{:addon_url('official/web.official_case_show/list',[':pid'=>(int)input('param.pid'),':sid'=>(int)input('param.sid')])}"
|
||||
>返回案例列表</a
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 上一篇与下一篇 -->
|
||||
<div
|
||||
class="info_previous_next_wrap nhc-article-nav-wrap"
|
||||
style="
|
||||
margin-top: 32px;
|
||||
padding-top: 24px;
|
||||
border-top: 1px dashed var(--border-color);
|
||||
"
|
||||
>
|
||||
<div
|
||||
style="
|
||||
display: grid;
|
||||
grid-template-columns: 1fr 1fr;
|
||||
gap: 16px;
|
||||
"
|
||||
>
|
||||
<div class="Previous">
|
||||
{if empty($before)}
|
||||
<div class="nhc-case-nav-card nhc-case-nav-empty">
|
||||
<span class="nhc-case-nav-label">上一篇案例</span>
|
||||
<span class="nhc-case-nav-title"
|
||||
>{:__l('index','There no data')}</span
|
||||
>
|
||||
</div>
|
||||
{else/}
|
||||
<a
|
||||
href="{:addon_url('official/web.official_case_show/details',[':pid'=>(int)input('param.pid'),':sid'=>(int)input('param.sid'),':id'=>$before['id']])}"
|
||||
class="nhc-case-nav-card"
|
||||
title="{$before['title']}"
|
||||
>
|
||||
<span class="nhc-case-nav-label"
|
||||
>← 上一篇案例</span
|
||||
>
|
||||
<span class="nhc-case-nav-title"
|
||||
>{$before['title']}</span
|
||||
>
|
||||
</a>
|
||||
{/if}
|
||||
</div>
|
||||
<div class="Next">
|
||||
{if empty($after)}
|
||||
<div
|
||||
class="nhc-case-nav-card nhc-case-nav-empty"
|
||||
style="text-align: right"
|
||||
>
|
||||
<span class="nhc-case-nav-label">下一篇案例</span>
|
||||
<span class="nhc-case-nav-title"
|
||||
>{:__l('index','There no data')}</span
|
||||
>
|
||||
</div>
|
||||
{else/}
|
||||
<a
|
||||
href="{:addon_url('official/web.official_case_show/details',[':pid'=>(int)input('param.pid'),':sid'=>(int)input('param.sid'),':id'=>$after['id']])}"
|
||||
class="nhc-case-nav-card"
|
||||
style="text-align: right"
|
||||
title="{$after['title']}"
|
||||
>
|
||||
<span class="nhc-case-nav-label"
|
||||
>下一篇案例 →</span
|
||||
>
|
||||
<span class="nhc-case-nav-title"
|
||||
>{$after['title']}</span
|
||||
>
|
||||
</a>
|
||||
{/if}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</article>
|
||||
{/if}
|
||||
</div>
|
||||
</div>
|
||||
<!-- 客户案例详情页 结束 -->
|
||||
{/block}
|
||||
|
||||
@@ -1,155 +1,497 @@
|
||||
{extend name="web/official_common/mobile/base" /}
|
||||
|
||||
{block name="content"}
|
||||
<!-- 纳海川移动端客户案例详情页 开始 -->
|
||||
<style>
|
||||
.nhc-mcase-art svg{display:block;width:100%;height:auto}
|
||||
.nhc-mcase-body{font-size:15px;line-height:1.75;color:var(--text-primary);overflow-wrap:break-word}
|
||||
.nhc-mcase-body p{margin:0 0 1em 0}
|
||||
.nhc-mcase-body img{max-width:100%!important;height:auto!important;border-radius:6px;display:block;margin:1.2em auto}
|
||||
.nhc-mcase-body h2{font-family:var(--font-serif);font-size:18px;font-weight:700;color:var(--text-primary);margin:1.6em 0 0.7em 0;padding-bottom:0.4em;border-bottom:1px solid var(--border-color)}
|
||||
.nhc-mcase-body h3{font-family:var(--font-serif);font-size:16px;font-weight:700;color:var(--text-primary);margin:1.4em 0 0.6em 0}
|
||||
.nhc-mcase-body ul,.nhc-mcase-body ol{margin:0 0 1em 0;padding-left:1.5em}
|
||||
.nhc-mcase-body a{color:var(--primary);text-underline-offset:3px}
|
||||
.nhc-mcase-body table{display:block;width:100%;overflow-x:auto;border-collapse:collapse;margin:1.2em 0}
|
||||
.nhc-mcase-body th,.nhc-mcase-body td{border:1px solid var(--border-color);padding:8px 10px;font-size:13px;text-align:left}
|
||||
.nhc-mcase-btn{display:flex;align-items:center;justify-content:center;min-height:44px;border-radius:var(--radius-sm);font-size:15px;font-weight:600;text-decoration:none}
|
||||
.nhc-mcase-btn-primary{background:var(--primary);color:#FFFFFF}
|
||||
.nhc-mcase-btn-ghost{border:1px solid var(--border-color);color:var(--text-primary);background:#FFFFFF}
|
||||
a:focus-visible{outline:2px solid var(--primary);outline-offset:2px}
|
||||
@media (prefers-reduced-motion: reduce){
|
||||
*{transition:none!important}
|
||||
}
|
||||
</style>
|
||||
<div class="nhc-mobile-wrap" style="padding: 16px; background: var(--bg-primary);">
|
||||
|
||||
<!-- 移动端面包屑导航 -->
|
||||
<nav aria-label="当前位置" style="font-size: 12px; color: var(--text-muted); margin-bottom: 16px; display: flex; align-items: center; gap: 6px;">
|
||||
<a href="/" style="color: var(--text-secondary);">首页</a>
|
||||
<span>></span>
|
||||
<a href="{:addon_url('official/web.official_case_show/list',[':pid'=>(int)input('param.pid'),':sid'=>(int)input('param.sid')])}" style="color: var(--primary);">客户案例</a>
|
||||
<span>></span>
|
||||
<span>正文</span>
|
||||
</nav>
|
||||
|
||||
{if empty($data)}
|
||||
<!-- 空状态：案例不存在或已下架 -->
|
||||
<article style="background: #FFFFFF; border: 1px solid var(--border-color); border-radius: var(--radius-sm); padding: 48px 20px; text-align: center;">
|
||||
<div style="margin-bottom: 12px;"><span class="nhc-seal" style="font-size: 10px; padding: 1px 5px;">暂无内容</span></div>
|
||||
<h1 style="font-family: var(--font-serif); font-size: 20px; font-weight: 700; color: var(--text-primary); line-height: 1.4; margin: 0 0 10px 0;">该案例不存在或已下架</h1>
|
||||
<p style="font-size: 13px; color: var(--text-secondary); line-height: 1.6; margin: 0 0 20px 0;">页面可能已被归档，可返回案例列表查看其他项目实录。</p>
|
||||
<div style="display: flex; flex-direction: column; gap: 10px;">
|
||||
<a class="nhc-mcase-btn nhc-mcase-btn-primary" href="{:addon_url('official/web.official_case_show/list',[':pid'=>(int)input('param.pid'),':sid'=>(int)input('param.sid')])}">返回案例列表</a>
|
||||
<a class="nhc-mcase-btn nhc-mcase-btn-ghost" href="{:addon_url('official/web.official_online_message/list',[':pid'=>18,':sid'=>18])}">预约咨询</a>
|
||||
</div>
|
||||
</article>
|
||||
{else/}
|
||||
<!-- 案例卡片主体 -->
|
||||
<article style="background: #FFFFFF; border: 1px solid var(--border-color); border-radius: var(--radius-sm); padding: 20px; box-shadow: var(--shadow-subtle);">
|
||||
|
||||
<header style="border-bottom: 1px solid var(--border-color); padding-bottom: 16px; margin-bottom: 16px;">
|
||||
<div style="display: flex; align-items: center; gap: 6px; margin-bottom: 10px;">
|
||||
<span class="nhc-seal" style="font-size: 10px; padding: 1px 5px;">项目实录</span>
|
||||
<span style="font-size: 11px; padding: 1px 6px; background: var(--primary-light); color: var(--primary); border-radius: 2px;">{:ze($category,'name')}</span>
|
||||
</div>
|
||||
<h1 style="font-family: var(--font-serif); font-size: 20px; font-weight: 700; color: var(--text-primary); line-height: 1.4; margin: 0 0 12px 0;">
|
||||
{$data['title']}
|
||||
</h1>
|
||||
<div style="display: flex; flex-wrap: wrap; gap: 12px; font-size: 12px; color: var(--text-muted);">
|
||||
<span>{:date('Y-m-d H:i', $data['createtime'])}</span>
|
||||
<span>{:ze($category,'name')}</span>
|
||||
{if !empty($data['source'])}
|
||||
<span>合作客户：{$data['source']}</span>
|
||||
{/if}
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<!-- 抽象配图：远山叠嶂 · 窗棂日月 -->
|
||||
<figure class="nhc-mcase-art" style="margin: 0 0 20px 0; border: 1px solid var(--border-color); border-radius: var(--radius-sm); overflow: hidden;" aria-hidden="true">
|
||||
<svg viewBox="0 0 1200 360" preserveAspectRatio="xMidYMid slice" focusable="false">
|
||||
<defs>
|
||||
<linearGradient id="nhcMCaseSky" x1="0" y1="0" x2="0" y2="1">
|
||||
<stop offset="0" stop-color="#FFFFFF"/>
|
||||
<stop offset="1" stop-color="#EFF6FF"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="nhcMCaseSun" x1="0" y1="0" x2="0" y2="1">
|
||||
<stop offset="0" stop-color="#7DD3FC"/>
|
||||
<stop offset="1" stop-color="#2563EB"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
<rect x="0" y="0" width="1200" height="360" fill="url(#nhcMCaseSky)"/>
|
||||
<polygon points="0,250 140,150 260,230 400,120 540,240 700,170 860,250 1000,180 1200,250 1200,360 0,360" fill="#DBEAFE"/>
|
||||
<polygon points="0,280 180,190 330,260 470,170 640,270 800,210 960,280 1120,220 1200,260 1200,360 0,360" fill="#BFDBFE" opacity="0.85"/>
|
||||
<polygon points="60,300 220,230 360,290 520,225 700,300 880,245 1040,300 1200,255 1200,360 0,360" fill="#93C5FD" opacity="0.55"/>
|
||||
<polygon points="400,120 470,170 400,240 330,260" fill="#FFFFFF" opacity="0.35"/>
|
||||
<circle cx="880" cy="105" r="48" fill="url(#nhcMCaseSun)" opacity="0.92"/>
|
||||
<circle cx="880" cy="105" r="60" fill="none" stroke="#2563EB" stroke-width="1.5" opacity="0.25"/>
|
||||
<g stroke="#1E40AF" stroke-width="2" opacity="0.14">
|
||||
<rect x="988" y="60" width="148" height="180" fill="none"/>
|
||||
<line x1="1025" y1="60" x2="1025" y2="240"/>
|
||||
<line x1="1062" y1="60" x2="1062" y2="240"/>
|
||||
<line x1="1099" y1="60" x2="1099" y2="240"/>
|
||||
<line x1="988" y1="105" x2="1136" y2="105"/>
|
||||
<line x1="988" y1="150" x2="1136" y2="150"/>
|
||||
<line x1="988" y1="195" x2="1136" y2="195"/>
|
||||
</g>
|
||||
<g stroke="#2563EB" stroke-linecap="round" fill="none">
|
||||
<line x1="80" y1="296" x2="420" y2="296" stroke-width="2" opacity="0.20"/>
|
||||
<line x1="180" y1="312" x2="560" y2="312" stroke-width="2" opacity="0.14"/>
|
||||
<line x1="470" y1="296" x2="540" y2="296" stroke-width="3" opacity="0.28"/>
|
||||
</g>
|
||||
<g>
|
||||
<rect x="72" y="196" width="58" height="58" rx="6" fill="#C73E3A"/>
|
||||
<rect x="78" y="202" width="46" height="46" rx="3" fill="none" stroke="#FFFFFF" stroke-width="1.5" opacity="0.85"/>
|
||||
<text x="101" y="238" text-anchor="middle" font-family="SimSun, Songti SC, serif" font-size="30" fill="#FFFFFF">案</text>
|
||||
</g>
|
||||
</svg>
|
||||
</figure>
|
||||
|
||||
{if !empty($data['subheading'])}
|
||||
<div style="background: #F8FAFC; border-left: 3px solid var(--primary); padding: 12px 14px; font-size: 13px; color: var(--text-secondary); line-height: 1.6; margin-bottom: 20px; border-radius: 0 var(--radius-sm) var(--radius-sm) 0;">
|
||||
{$data['subheading']}
|
||||
</div>
|
||||
{/if}
|
||||
|
||||
<!-- 正文排版 -->
|
||||
<div class="nhc-mcase-body">
|
||||
{$data['content']|htmlspecialchars_decode}
|
||||
</div>
|
||||
|
||||
<!-- 移动端文末项目说明与咨询 -->
|
||||
<div style="margin-top: 28px; padding: 16px; background: #F8FAFC; border: 1px solid var(--border-color); border-radius: var(--radius-sm); font-size: 12px; color: var(--text-secondary); line-height: 1.6;">
|
||||
<strong>项目团队说明：</strong>以上案例来自纳海川实际交付项目。如有同类业务需求，可预约沟通，我们结合具体场景提供针对性方案，支持源码交付与私有化部署。
|
||||
</div>
|
||||
<div style="display: flex; flex-direction: column; gap: 10px; margin-top: 14px;">
|
||||
<a class="nhc-mcase-btn nhc-mcase-btn-primary" href="{:addon_url('official/web.official_online_message/list',[':pid'=>18,':sid'=>18])}">预约咨询</a>
|
||||
<a class="nhc-mcase-btn nhc-mcase-btn-ghost" href="tel:{:__config('site_mobile','value')}">电话咨询</a>
|
||||
<a class="nhc-mcase-btn nhc-mcase-btn-ghost" href="{:addon_url('official/web.official_case_show/list',[':pid'=>(int)input('param.pid'),':sid'=>(int)input('param.sid')])}">返回案例列表</a>
|
||||
</div>
|
||||
|
||||
<!-- 移动端上一篇/下一篇 -->
|
||||
<div class="info_previous_next_wrap" style="margin-top: 24px; padding-top: 16px; border-top: 1px dashed var(--border-color); display: flex; flex-direction: column; gap: 10px;">
|
||||
<div class="Previous" style="font-size: 13px;">
|
||||
<span style="color: var(--text-muted);">上一篇案例：</span>
|
||||
{if empty($before)}
|
||||
<span style="color: #94A3B8;">{:__l('index','There no data')}</span>
|
||||
{else/}
|
||||
<a href="{:addon_url('official/web.official_case_show/details',[':pid'=>(int)input('param.pid'),':sid'=>(int)input('param.sid'),':id'=>$before['id']])}" style="color: var(--primary);">{$before['title']}</a>
|
||||
{/if}
|
||||
</div>
|
||||
<div class="Next" style="font-size: 13px;">
|
||||
<span style="color: var(--text-muted);">下一篇案例：</span>
|
||||
{if empty($after)}
|
||||
<span style="color: #94A3B8;">{:__l('index','There no data')}</span>
|
||||
{else/}
|
||||
<a href="{:addon_url('official/web.official_case_show/details',[':pid'=>(int)input('param.pid'),':sid'=>(int)input('param.sid'),':id'=>$after['id']])}" style="color: var(--primary);">{$after['title']}</a>
|
||||
{/if}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</article>
|
||||
{/if}
|
||||
|
||||
</div>
|
||||
<!-- 纳海川移动端客户案例详情页 结束 -->
|
||||
{/block}
|
||||
{extend name="web/official_common/mobile/base" /} {block name="content"}
|
||||
<!-- 纳海川移动端客户案例详情页 开始 -->
|
||||
<style>
|
||||
.nhc-mcase-art svg {
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: auto;
|
||||
}
|
||||
.nhc-mcase-body {
|
||||
font-size: 15px;
|
||||
line-height: 1.75;
|
||||
color: var(--text-primary);
|
||||
overflow-wrap: break-word;
|
||||
}
|
||||
.nhc-mcase-body p {
|
||||
margin: 0 0 1em 0;
|
||||
}
|
||||
.nhc-mcase-body img {
|
||||
max-width: 100% !important;
|
||||
height: auto !important;
|
||||
border-radius: 6px;
|
||||
display: block;
|
||||
margin: 1.2em auto;
|
||||
}
|
||||
.nhc-mcase-body h2 {
|
||||
font-family: var(--font-serif);
|
||||
font-size: 18px;
|
||||
font-weight: 700;
|
||||
color: var(--text-primary);
|
||||
margin: 1.6em 0 0.7em 0;
|
||||
padding-bottom: 0.4em;
|
||||
border-bottom: 1px solid var(--border-color);
|
||||
}
|
||||
.nhc-mcase-body h3 {
|
||||
font-family: var(--font-serif);
|
||||
font-size: 16px;
|
||||
font-weight: 700;
|
||||
color: var(--text-primary);
|
||||
margin: 1.4em 0 0.6em 0;
|
||||
}
|
||||
.nhc-mcase-body ul,
|
||||
.nhc-mcase-body ol {
|
||||
margin: 0 0 1em 0;
|
||||
padding-left: 1.5em;
|
||||
}
|
||||
.nhc-mcase-body a {
|
||||
color: var(--primary);
|
||||
text-underline-offset: 3px;
|
||||
}
|
||||
.nhc-mcase-body table {
|
||||
display: block;
|
||||
width: 100%;
|
||||
overflow-x: auto;
|
||||
border-collapse: collapse;
|
||||
margin: 1.2em 0;
|
||||
}
|
||||
.nhc-mcase-body th,
|
||||
.nhc-mcase-body td {
|
||||
border: 1px solid var(--border-color);
|
||||
padding: 8px 10px;
|
||||
font-size: 13px;
|
||||
text-align: left;
|
||||
}
|
||||
.nhc-mcase-btn {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
min-height: 44px;
|
||||
border-radius: var(--radius-sm);
|
||||
font-size: 15px;
|
||||
font-weight: 600;
|
||||
text-decoration: none;
|
||||
}
|
||||
.nhc-mcase-btn-primary {
|
||||
background: var(--primary);
|
||||
color: #ffffff;
|
||||
}
|
||||
.nhc-mcase-btn-ghost {
|
||||
border: 1px solid var(--border-color);
|
||||
color: var(--text-primary);
|
||||
background: #ffffff;
|
||||
}
|
||||
a:focus-visible {
|
||||
outline: 2px solid var(--primary);
|
||||
outline-offset: 2px;
|
||||
}
|
||||
@media (prefers-reduced-motion: reduce) {
|
||||
* {
|
||||
transition: none !important;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
<div
|
||||
class="nhc-mobile-wrap"
|
||||
style="padding: 16px; background: var(--bg-primary)"
|
||||
>
|
||||
<!-- 移动端面包屑导航 -->
|
||||
<nav
|
||||
aria-label="当前位置"
|
||||
style="
|
||||
font-size: 12px;
|
||||
color: var(--text-muted);
|
||||
margin-bottom: 16px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 6px;
|
||||
"
|
||||
>
|
||||
<a href="/" style="color: var(--text-secondary)">首页</a>
|
||||
<span>></span>
|
||||
<a
|
||||
href="{:addon_url('official/web.official_case_show/list',[':pid'=>(int)input('param.pid'),':sid'=>(int)input('param.sid')])}"
|
||||
style="color: var(--primary)"
|
||||
>客户案例</a
|
||||
>
|
||||
<span>></span>
|
||||
<span>正文</span>
|
||||
</nav>
|
||||
|
||||
{if empty($data)}
|
||||
<!-- 空状态：案例不存在或已下架 -->
|
||||
<article
|
||||
style="
|
||||
background: #ffffff;
|
||||
border: 1px solid var(--border-color);
|
||||
border-radius: var(--radius-sm);
|
||||
padding: 48px 20px;
|
||||
text-align: center;
|
||||
"
|
||||
>
|
||||
<div style="margin-bottom: 12px">
|
||||
<span class="nhc-seal" style="font-size: 10px; padding: 1px 5px"
|
||||
>暂无内容</span
|
||||
>
|
||||
</div>
|
||||
<h1
|
||||
style="
|
||||
font-family: var(--font-serif);
|
||||
font-size: 20px;
|
||||
font-weight: 700;
|
||||
color: var(--text-primary);
|
||||
line-height: 1.4;
|
||||
margin: 0 0 10px 0;
|
||||
"
|
||||
>
|
||||
该案例不存在或已下架
|
||||
</h1>
|
||||
<p
|
||||
style="
|
||||
font-size: 13px;
|
||||
color: var(--text-secondary);
|
||||
line-height: 1.6;
|
||||
margin: 0 0 20px 0;
|
||||
"
|
||||
>
|
||||
页面可能已被归档，可返回案例列表查看其他项目实录。
|
||||
</p>
|
||||
<div style="display: flex; flex-direction: column; gap: 10px">
|
||||
<a
|
||||
class="nhc-mcase-btn nhc-mcase-btn-primary"
|
||||
href="{:addon_url('official/web.official_case_show/list',[':pid'=>(int)input('param.pid'),':sid'=>(int)input('param.sid')])}"
|
||||
>返回案例列表</a
|
||||
>
|
||||
<a
|
||||
class="nhc-mcase-btn nhc-mcase-btn-ghost"
|
||||
href="{:addon_url('official/web.official_online_message/list',[':pid'=>18,':sid'=>18])}"
|
||||
>预约咨询</a
|
||||
>
|
||||
</div>
|
||||
</article>
|
||||
{else/}
|
||||
<!-- 案例卡片主体 -->
|
||||
<article
|
||||
style="
|
||||
background: #ffffff;
|
||||
border: 1px solid var(--border-color);
|
||||
border-radius: var(--radius-sm);
|
||||
padding: 20px;
|
||||
box-shadow: var(--shadow-subtle);
|
||||
"
|
||||
>
|
||||
<header
|
||||
style="
|
||||
border-bottom: 1px solid var(--border-color);
|
||||
padding-bottom: 16px;
|
||||
margin-bottom: 16px;
|
||||
"
|
||||
>
|
||||
<div
|
||||
style="
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 6px;
|
||||
margin-bottom: 10px;
|
||||
"
|
||||
>
|
||||
<span class="nhc-seal" style="font-size: 10px; padding: 1px 5px"
|
||||
>项目实录</span
|
||||
>
|
||||
<span
|
||||
style="
|
||||
font-size: 11px;
|
||||
padding: 1px 6px;
|
||||
background: var(--primary-light);
|
||||
color: var(--primary);
|
||||
border-radius: 2px;
|
||||
"
|
||||
>{:ze($category,'name')}</span
|
||||
>
|
||||
</div>
|
||||
<h1
|
||||
style="
|
||||
font-family: var(--font-serif);
|
||||
font-size: 20px;
|
||||
font-weight: 700;
|
||||
color: var(--text-primary);
|
||||
line-height: 1.4;
|
||||
margin: 0 0 12px 0;
|
||||
"
|
||||
>
|
||||
{$data['title']}
|
||||
</h1>
|
||||
<div
|
||||
style="
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
gap: 12px;
|
||||
font-size: 12px;
|
||||
color: var(--text-muted);
|
||||
"
|
||||
>
|
||||
<span>{:date('Y-m-d H:i', $data['createtime'])}</span>
|
||||
<span>{:ze($category,'name')}</span>
|
||||
{if !empty($data['source'])}
|
||||
<span>合作客户：{$data['source']}</span>
|
||||
{/if}
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<!-- 抽象配图：远山叠嶂 · 窗棂日月 -->
|
||||
<figure
|
||||
class="nhc-mcase-art"
|
||||
style="
|
||||
margin: 0 0 20px 0;
|
||||
border: 1px solid var(--border-color);
|
||||
border-radius: var(--radius-sm);
|
||||
overflow: hidden;
|
||||
"
|
||||
aria-hidden="true"
|
||||
>
|
||||
<svg
|
||||
viewBox="0 0 1200 360"
|
||||
preserveAspectRatio="xMidYMid slice"
|
||||
focusable="false"
|
||||
>
|
||||
<defs>
|
||||
<linearGradient
|
||||
id="nhcMCaseSky"
|
||||
x1="0"
|
||||
y1="0"
|
||||
x2="0"
|
||||
y2="1"
|
||||
>
|
||||
<stop offset="0" stop-color="#FFFFFF" />
|
||||
<stop offset="1" stop-color="#EFF6FF" />
|
||||
</linearGradient>
|
||||
<linearGradient
|
||||
id="nhcMCaseSun"
|
||||
x1="0"
|
||||
y1="0"
|
||||
x2="0"
|
||||
y2="1"
|
||||
>
|
||||
<stop offset="0" stop-color="#7DD3FC" />
|
||||
<stop offset="1" stop-color="#2563EB" />
|
||||
</linearGradient>
|
||||
</defs>
|
||||
<rect
|
||||
x="0"
|
||||
y="0"
|
||||
width="1200"
|
||||
height="360"
|
||||
fill="url(#nhcMCaseSky)"
|
||||
/>
|
||||
<polygon
|
||||
points="0,250 140,150 260,230 400,120 540,240 700,170 860,250 1000,180 1200,250 1200,360 0,360"
|
||||
fill="#DBEAFE"
|
||||
/>
|
||||
<polygon
|
||||
points="0,280 180,190 330,260 470,170 640,270 800,210 960,280 1120,220 1200,260 1200,360 0,360"
|
||||
fill="#BFDBFE"
|
||||
opacity="0.85"
|
||||
/>
|
||||
<polygon
|
||||
points="60,300 220,230 360,290 520,225 700,300 880,245 1040,300 1200,255 1200,360 0,360"
|
||||
fill="#93C5FD"
|
||||
opacity="0.55"
|
||||
/>
|
||||
<polygon
|
||||
points="400,120 470,170 400,240 330,260"
|
||||
fill="#FFFFFF"
|
||||
opacity="0.35"
|
||||
/>
|
||||
<circle
|
||||
cx="880"
|
||||
cy="105"
|
||||
r="48"
|
||||
fill="url(#nhcMCaseSun)"
|
||||
opacity="0.92"
|
||||
/>
|
||||
<circle
|
||||
cx="880"
|
||||
cy="105"
|
||||
r="60"
|
||||
fill="none"
|
||||
stroke="#2563EB"
|
||||
stroke-width="1.5"
|
||||
opacity="0.25"
|
||||
/>
|
||||
<g stroke="#1E40AF" stroke-width="2" opacity="0.14">
|
||||
<rect x="988" y="60" width="148" height="180" fill="none" />
|
||||
<line x1="1025" y1="60" x2="1025" y2="240" />
|
||||
<line x1="1062" y1="60" x2="1062" y2="240" />
|
||||
<line x1="1099" y1="60" x2="1099" y2="240" />
|
||||
<line x1="988" y1="105" x2="1136" y2="105" />
|
||||
<line x1="988" y1="150" x2="1136" y2="150" />
|
||||
<line x1="988" y1="195" x2="1136" y2="195" />
|
||||
</g>
|
||||
<g stroke="#2563EB" stroke-linecap="round" fill="none">
|
||||
<line
|
||||
x1="80"
|
||||
y1="296"
|
||||
x2="420"
|
||||
y2="296"
|
||||
stroke-width="2"
|
||||
opacity="0.20"
|
||||
/>
|
||||
<line
|
||||
x1="180"
|
||||
y1="312"
|
||||
x2="560"
|
||||
y2="312"
|
||||
stroke-width="2"
|
||||
opacity="0.14"
|
||||
/>
|
||||
<line
|
||||
x1="470"
|
||||
y1="296"
|
||||
x2="540"
|
||||
y2="296"
|
||||
stroke-width="3"
|
||||
opacity="0.28"
|
||||
/>
|
||||
</g>
|
||||
<g>
|
||||
<rect
|
||||
x="72"
|
||||
y="196"
|
||||
width="58"
|
||||
height="58"
|
||||
rx="6"
|
||||
fill="#C73E3A"
|
||||
/>
|
||||
<rect
|
||||
x="78"
|
||||
y="202"
|
||||
width="46"
|
||||
height="46"
|
||||
rx="3"
|
||||
fill="none"
|
||||
stroke="#FFFFFF"
|
||||
stroke-width="1.5"
|
||||
opacity="0.85"
|
||||
/>
|
||||
<text
|
||||
x="101"
|
||||
y="238"
|
||||
text-anchor="middle"
|
||||
font-family="SimSun, Songti SC, serif"
|
||||
font-size="30"
|
||||
fill="#FFFFFF"
|
||||
>
|
||||
案
|
||||
</text>
|
||||
</g>
|
||||
</svg>
|
||||
</figure>
|
||||
|
||||
{if !empty($data['subheading'])}
|
||||
<div
|
||||
style="
|
||||
background: #f8fafc;
|
||||
border-left: 3px solid var(--primary);
|
||||
padding: 12px 14px;
|
||||
font-size: 13px;
|
||||
color: var(--text-secondary);
|
||||
line-height: 1.6;
|
||||
margin-bottom: 20px;
|
||||
border-radius: 0 var(--radius-sm) var(--radius-sm) 0;
|
||||
"
|
||||
>
|
||||
{$data['subheading']}
|
||||
</div>
|
||||
{/if}
|
||||
|
||||
<!-- 正文排版 -->
|
||||
<div class="nhc-mcase-body">
|
||||
{$data['content']|htmlspecialchars_decode}
|
||||
</div>
|
||||
|
||||
<!-- 移动端文末项目说明与咨询 -->
|
||||
<div
|
||||
style="
|
||||
margin-top: 28px;
|
||||
padding: 16px;
|
||||
background: #f8fafc;
|
||||
border: 1px solid var(--border-color);
|
||||
border-radius: var(--radius-sm);
|
||||
font-size: 12px;
|
||||
color: var(--text-secondary);
|
||||
line-height: 1.6;
|
||||
"
|
||||
>
|
||||
<strong>项目团队说明：</strong
|
||||
>以上案例来自纳海川实际交付项目。如有同类业务需求，可预约沟通，我们结合具体场景提供针对性方案，支持源码交付与私有化部署。
|
||||
</div>
|
||||
<div
|
||||
style="
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 10px;
|
||||
margin-top: 14px;
|
||||
"
|
||||
>
|
||||
<a
|
||||
class="nhc-mcase-btn nhc-mcase-btn-primary"
|
||||
href="{:addon_url('official/web.official_online_message/list',[':pid'=>18,':sid'=>18])}"
|
||||
>预约咨询</a
|
||||
>
|
||||
<a
|
||||
class="nhc-mcase-btn nhc-mcase-btn-ghost"
|
||||
href="tel:{:__config('site_mobile','value')}"
|
||||
>电话咨询</a
|
||||
>
|
||||
<a
|
||||
class="nhc-mcase-btn nhc-mcase-btn-ghost"
|
||||
href="{:addon_url('official/web.official_case_show/list',[':pid'=>(int)input('param.pid'),':sid'=>(int)input('param.sid')])}"
|
||||
>返回案例列表</a
|
||||
>
|
||||
</div>
|
||||
|
||||
<!-- 移动端上一篇/下一篇 -->
|
||||
<div
|
||||
class="info_previous_next_wrap"
|
||||
style="
|
||||
margin-top: 24px;
|
||||
padding-top: 16px;
|
||||
border-top: 1px dashed var(--border-color);
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 10px;
|
||||
"
|
||||
>
|
||||
<div class="Previous" style="font-size: 13px">
|
||||
<span style="color: var(--text-muted)">上一篇案例：</span>
|
||||
{if empty($before)}
|
||||
<span style="color: #94a3b8"
|
||||
>{:__l('index','There no data')}</span
|
||||
>
|
||||
{else/}
|
||||
<a
|
||||
href="{:addon_url('official/web.official_case_show/details',[':pid'=>(int)input('param.pid'),':sid'=>(int)input('param.sid'),':id'=>$before['id']])}"
|
||||
style="color: var(--primary)"
|
||||
>{$before['title']}</a
|
||||
>
|
||||
{/if}
|
||||
</div>
|
||||
<div class="Next" style="font-size: 13px">
|
||||
<span style="color: var(--text-muted)">下一篇案例：</span>
|
||||
{if empty($after)}
|
||||
<span style="color: #94a3b8"
|
||||
>{:__l('index','There no data')}</span
|
||||
>
|
||||
{else/}
|
||||
<a
|
||||
href="{:addon_url('official/web.official_case_show/details',[':pid'=>(int)input('param.pid'),':sid'=>(int)input('param.sid'),':id'=>$after['id']])}"
|
||||
style="color: var(--primary)"
|
||||
>{$after['title']}</a
|
||||
>
|
||||
{/if}
|
||||
</div>
|
||||
</div>
|
||||
</article>
|
||||
{/if}
|
||||
</div>
|
||||
<!-- 纳海川移动端客户案例详情页 结束 -->
|
||||
{/block}
|
||||
|
||||
@@ -1,527 +1,21 @@
|
||||
{extend name="web/official_common/pc/base" /} {block name="content"}
|
||||
<!-- 纳海川官方网站 · 客户案例独立页 (Cases Page) 开始 -->
|
||||
|
||||
<!-- 1. 案例页 Hero 视窗 -->
|
||||
<section class="nhc-page-hero nhc-lattice-pattern">
|
||||
<div class="nhc-container">
|
||||
<div class="nhc-breadcrumb">
|
||||
<a href="{:addon_url('official/web.official_home/index')}">首页</a>
|
||||
<span>/</span>
|
||||
<span>客户案例</span>
|
||||
</div>
|
||||
<div style="margin-bottom: 16px">
|
||||
<span class="nhc-seal">项目实效 · 业务复盘</span>
|
||||
</div>
|
||||
<h1 class="nhc-page-title">客户项目案例 · 问题与解决方式</h1>
|
||||
<p class="nhc-page-desc">
|
||||
纳海川以严格的工程规范，为政企单位、智能制造、连锁商业零售及供应链企业定制稳定好用的数字化系统，交付完整源码。
|
||||
</p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- 2. 案例筛选与深度案例档案板块 -->
|
||||
<section class="nhc-cases nhc-cases-section" style="padding: 70px 0 90px">
|
||||
<div class="nhc-container">
|
||||
<!-- 多维业务与行业分类筛选器 (Filter) -->
|
||||
<div class="nhc-case-filter-wrap nhc-case-filter" id="nhcCaseFilter">
|
||||
<button class="nhc-case-filter-btn active" data-category="all">
|
||||
全部案例
|
||||
</button>
|
||||
<button class="nhc-case-filter-btn" data-category="middle">
|
||||
中台与软件开发
|
||||
</button>
|
||||
<button class="nhc-case-filter-btn" data-category="mobile">
|
||||
移动端与小程序定制
|
||||
</button>
|
||||
<button class="nhc-case-filter-btn" data-category="agent">
|
||||
企业级 AI 智能体
|
||||
</button>
|
||||
<button class="nhc-case-filter-btn" data-category="product">
|
||||
商城与商业产品
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<!-- 深度标杆案例卡片网格 (2×2 布局) -->
|
||||
<div class="nhc-cases-grid" id="nhcCasesContainer">
|
||||
<!-- 案例 1：大型商贸流通集团 -->
|
||||
<div
|
||||
class="nhc-case-card nhc-corner-card"
|
||||
data-category="middle product"
|
||||
>
|
||||
<div class="nhc-case-header">
|
||||
<span class="nhc-case-tag">商贸批发 · 数字中台</span>
|
||||
<span class="nhc-case-status">成果验证</span>
|
||||
</div>
|
||||
<h3 class="nhc-case-title">
|
||||
大型快消供应链集团「全渠道分销商城与订货中台」
|
||||
</h3>
|
||||
<div class="nhc-case-dossier">
|
||||
<div class="nhc-case-dossier-row">
|
||||
<span class="nhc-dossier-label"
|
||||
>业务挑战 CHALLENGE</span
|
||||
>
|
||||
<p class="nhc-dossier-text">
|
||||
跨区域经销商传统订货繁杂，人工拆单对账耗时久，高峰期锁库超时常导致断货漏单。
|
||||
</p>
|
||||
</div>
|
||||
<div class="nhc-case-dossier-row">
|
||||
<span class="nhc-dossier-label">技术方案 SOLUTION</span>
|
||||
<p class="nhc-dossier-text">
|
||||
重构分布式微服务订货中台，接入等级阶梯价、信用授信账期管控及自动分单对账功能。
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="nhc-case-preview-window">
|
||||
<div class="nhc-window-bar">
|
||||
<span class="nhc-window-dot"></span>
|
||||
<span class="nhc-window-dot"></span>
|
||||
<span class="nhc-window-dot"></span>
|
||||
<span class="nhc-window-title"
|
||||
>系统功能界面 ·
|
||||
B2B分销调度看板与多商户分账中心</span
|
||||
>
|
||||
</div>
|
||||
<div class="nhc-window-screen">
|
||||
<div class="nhc-window-module-tag">
|
||||
分布式微服务弹性架构
|
||||
</div>
|
||||
<div class="nhc-window-stats-row">
|
||||
<span>架构分层: <strong>微服务集群</strong></span>
|
||||
<span>数据治理: <strong>主从读写分离</strong></span>
|
||||
<span
|
||||
>交易对账:
|
||||
<strong>防重复扣款与对账</strong></span
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="nhc-case-img-wrap">
|
||||
<img
|
||||
src="__ADDON__/images/showcases/case_distrib.svg"
|
||||
alt="快消供应链集团全渠道分销中台大屏视窗"
|
||||
loading="lazy"
|
||||
/>
|
||||
</div>
|
||||
<div class="nhc-case-metrics">
|
||||
<div class="nhc-case-metric-item">
|
||||
<div class="nhc-case-metric-val">峰值调度</div>
|
||||
<div class="nhc-case-metric-name">跨区域订单拆单</div>
|
||||
</div>
|
||||
<div class="nhc-case-metric-item">
|
||||
<div class="nhc-case-metric-val">耗时缩短</div>
|
||||
<div class="nhc-case-metric-name">
|
||||
跨区域多仓对账时效
|
||||
</div>
|
||||
</div>
|
||||
<div class="nhc-case-metric-item">
|
||||
<div class="nhc-case-metric-val">集群保障</div>
|
||||
<div class="nhc-case-metric-name">微服务集群保障</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="nhc-case-proof-bar">
|
||||
<svg
|
||||
class="nhc-proof-icon"
|
||||
width="14"
|
||||
height="14"
|
||||
viewBox="0 0 24 24"
|
||||
fill="none"
|
||||
stroke="currentColor"
|
||||
stroke-width="2.5"
|
||||
>
|
||||
<polyline points="20 6 9 17 4 12" />
|
||||
</svg>
|
||||
<span
|
||||
>已通过客户信息技术中心联合终验，各项业务流程已上线运行。</span
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 案例 2：知名连锁新零售 -->
|
||||
<div
|
||||
class="nhc-case-card nhc-corner-card"
|
||||
data-category="mobile product"
|
||||
>
|
||||
<div class="nhc-case-header">
|
||||
<span class="nhc-case-tag">连锁零售 · 软硬一体</span>
|
||||
<span class="nhc-case-status">成果验证</span>
|
||||
</div>
|
||||
<h3 class="nhc-case-title">
|
||||
知名区域连锁餐饮「全场景智能收银与门店一体化」
|
||||
</h3>
|
||||
<div class="nhc-case-dossier">
|
||||
<div class="nhc-case-dossier-row">
|
||||
<span class="nhc-dossier-label"
|
||||
>业务挑战 CHALLENGE</span
|
||||
>
|
||||
<p class="nhc-dossier-text">
|
||||
就餐高峰期前台排队拥堵严重，断网断电导致收银死机与掉单丢单，前后端数据脱节导致物料报表失真。
|
||||
</p>
|
||||
</div>
|
||||
<div class="nhc-case-dossier-row">
|
||||
<span class="nhc-dossier-label">技术方案 SOLUTION</span>
|
||||
<p class="nhc-dossier-text">
|
||||
部署软硬一体化收银系统与后厨 KDS
|
||||
联动看板，对接微信扫码点餐、离线聚合支付与实时扣料核销。
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="nhc-case-preview-window">
|
||||
<div class="nhc-window-bar">
|
||||
<span class="nhc-window-dot"></span>
|
||||
<span class="nhc-window-dot"></span>
|
||||
<span class="nhc-window-dot"></span>
|
||||
<span class="nhc-window-title"
|
||||
>系统功能界面 · 软硬件一体收银台与后厨 KDS
|
||||
联动看板</span
|
||||
>
|
||||
</div>
|
||||
<div class="nhc-window-screen">
|
||||
<div class="nhc-window-module-tag">
|
||||
断网离线双向同步
|
||||
</div>
|
||||
<div class="nhc-window-stats-row">
|
||||
<span>脱机存储: <strong>本地 SQLite</strong></span>
|
||||
<span
|
||||
>联网回传: <strong>自动同步防重复</strong></span
|
||||
>
|
||||
<span
|
||||
>外设硬件兼容:
|
||||
<strong>主流设备适配</strong></span
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="nhc-case-img-wrap">
|
||||
<img
|
||||
src="__ADDON__/images/showcases/case_catering.svg"
|
||||
alt="全国连锁餐饮智能收银与后厨KDS联动视窗"
|
||||
loading="lazy"
|
||||
/>
|
||||
</div>
|
||||
<div class="nhc-case-metrics">
|
||||
<div class="nhc-case-metric-item">
|
||||
<div class="nhc-case-metric-val">多门店覆盖</div>
|
||||
<div class="nhc-case-metric-name">
|
||||
软硬一体化门店覆盖
|
||||
</div>
|
||||
</div>
|
||||
<div class="nhc-case-metric-item">
|
||||
<div class="nhc-case-metric-val">用时缩短</div>
|
||||
<div class="nhc-case-metric-name">
|
||||
高峰期前台排队用时
|
||||
</div>
|
||||
</div>
|
||||
<div class="nhc-case-metric-item">
|
||||
<div class="nhc-case-metric-val">离线可用</div>
|
||||
<div class="nhc-case-metric-name">
|
||||
断网断电脱机正常收银
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="nhc-case-proof-bar">
|
||||
<svg
|
||||
class="nhc-proof-icon"
|
||||
width="14"
|
||||
height="14"
|
||||
viewBox="0 0 24 24"
|
||||
fill="none"
|
||||
stroke="currentColor"
|
||||
stroke-width="2.5"
|
||||
>
|
||||
<polyline points="20 6 9 17 4 12" />
|
||||
</svg>
|
||||
<span
|
||||
>已通过连锁品牌运营管理中心联合终验，通过断网断电压力测试。</span
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 案例 3：高端装备制造企业 -->
|
||||
<div class="nhc-case-card nhc-corner-card" data-category="middle">
|
||||
<div class="nhc-case-header">
|
||||
<span class="nhc-case-tag">智能制造 · 进销存 ERP</span>
|
||||
<span class="nhc-case-status">成果验证</span>
|
||||
</div>
|
||||
<h3 class="nhc-case-title">
|
||||
高端装备制造企业「生产进销存与供应链敏捷协同」
|
||||
</h3>
|
||||
<div class="nhc-case-dossier">
|
||||
<div class="nhc-case-dossier-row">
|
||||
<span class="nhc-dossier-label"
|
||||
>业务挑战 CHALLENGE</span
|
||||
>
|
||||
<p class="nhc-dossier-text">
|
||||
零配件品类繁杂，采购节拍与装配生产脱节，呆滞物料占用资金且难以追溯批次质量。
|
||||
</p>
|
||||
</div>
|
||||
<div class="nhc-case-dossier-row">
|
||||
<span class="nhc-dossier-label">技术方案 SOLUTION</span>
|
||||
<p class="nhc-dossier-text">
|
||||
定制进销存管理系统，建立动态物料 BOM
|
||||
匹配、安全库存预警与供应商端协同门户。
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="nhc-case-preview-window">
|
||||
<div class="nhc-window-bar">
|
||||
<span class="nhc-window-dot"></span>
|
||||
<span class="nhc-window-dot"></span>
|
||||
<span class="nhc-window-dot"></span>
|
||||
<span class="nhc-window-title"
|
||||
>系统功能界面 · 物料 BOM
|
||||
批次全流程溯源与多仓动态调拨</span
|
||||
>
|
||||
</div>
|
||||
<div class="nhc-window-screen">
|
||||
<div class="nhc-window-module-tag">
|
||||
精益进销存与业财联动
|
||||
</div>
|
||||
<div class="nhc-window-stats-row">
|
||||
<span
|
||||
>物料BOM: <strong>多层级装配结构</strong></span
|
||||
>
|
||||
<span>安全库存: <strong>动态阈值告警</strong></span>
|
||||
<span>业财对接: <strong>凭证联查追溯</strong></span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="nhc-case-img-wrap">
|
||||
<img
|
||||
src="__ADDON__/images/showcases/case_manufacture.svg"
|
||||
alt="装备制造进销存与数字化车间MES视窗"
|
||||
loading="lazy"
|
||||
/>
|
||||
</div>
|
||||
<div class="nhc-case-metrics">
|
||||
<div class="nhc-case-metric-item">
|
||||
<div class="nhc-case-metric-val">动态BOM</div>
|
||||
<div class="nhc-case-metric-name">
|
||||
多层装配与缺料预警
|
||||
</div>
|
||||
</div>
|
||||
<div class="nhc-case-metric-item">
|
||||
<div class="nhc-case-metric-val">批次追溯</div>
|
||||
<div class="nhc-case-metric-name">一物一码生命周期</div>
|
||||
</div>
|
||||
<div class="nhc-case-metric-item">
|
||||
<div class="nhc-case-metric-val">协同门户</div>
|
||||
<div class="nhc-case-metric-name">
|
||||
供应商在线协同送货
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="nhc-case-proof-bar">
|
||||
<svg
|
||||
class="nhc-proof-icon"
|
||||
width="14"
|
||||
height="14"
|
||||
viewBox="0 0 24 24"
|
||||
fill="none"
|
||||
stroke="currentColor"
|
||||
stroke-width="2.5"
|
||||
>
|
||||
<polyline points="20 6 9 17 4 12" />
|
||||
</svg>
|
||||
<span
|
||||
>已通过装备制造集团信息化专家组终验验收，实现与既有 ERP
|
||||
系统集成。</span
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 案例 4：知识密集型政企机构 -->
|
||||
<div class="nhc-case-card nhc-corner-card" data-category="agent">
|
||||
<div class="nhc-case-header">
|
||||
<span class="nhc-case-tag">政企服务 · AI 智能体</span>
|
||||
<span class="nhc-case-status">成果验证</span>
|
||||
</div>
|
||||
<h3 class="nhc-case-title">
|
||||
知识密集型政务机构「专属 RAG 业务审核智能体」
|
||||
</h3>
|
||||
<div class="nhc-case-dossier">
|
||||
<div class="nhc-case-dossier-row">
|
||||
<span class="nhc-dossier-label"
|
||||
>业务挑战 CHALLENGE</span
|
||||
>
|
||||
<p class="nhc-dossier-text">
|
||||
政策法规与历史案例分散在多个库中，人工跨部门查重检索耗时耗力，初审标准难统一且存在合规漏洞。
|
||||
</p>
|
||||
</div>
|
||||
<div class="nhc-case-dossier-row">
|
||||
<span class="nhc-dossier-label">技术方案 SOLUTION</span>
|
||||
<p class="nhc-dossier-text">
|
||||
构建基于私有大模型与向量数据库的 RAG
|
||||
智能体，自动检索法规依据并输出规范化核查报告。
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="nhc-case-preview-window">
|
||||
<div class="nhc-window-bar">
|
||||
<span class="nhc-window-dot"></span>
|
||||
<span class="nhc-window-dot"></span>
|
||||
<span class="nhc-window-dot"></span>
|
||||
<span class="nhc-window-title"
|
||||
>系统功能界面 · 政策法规 RAG
|
||||
向量检索与合规审核视窗</span
|
||||
>
|
||||
</div>
|
||||
<div class="nhc-window-screen">
|
||||
<div class="nhc-window-module-tag">
|
||||
私域大模型内网隔离
|
||||
</div>
|
||||
<div class="nhc-window-stats-row">
|
||||
<span>部署形态: <strong>内网隔离部署</strong></span>
|
||||
<span>检索机制: <strong>语义检索</strong></span>
|
||||
<span>安全审计: <strong>溯源留痕可查</strong></span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="nhc-case-img-wrap">
|
||||
<img
|
||||
src="__ADDON__/images/showcases/case_gov_agent.svg"
|
||||
alt="政企专属AI知识库与审批智能体操作视窗"
|
||||
loading="lazy"
|
||||
/>
|
||||
</div>
|
||||
<div class="nhc-case-metrics">
|
||||
<div class="nhc-case-metric-item">
|
||||
<div class="nhc-case-metric-val">纯内网部署</div>
|
||||
<div class="nhc-case-metric-name">内网部署数据可控</div>
|
||||
</div>
|
||||
<div class="nhc-case-metric-item">
|
||||
<div class="nhc-case-metric-val">法规溯源</div>
|
||||
<div class="nhc-case-metric-name">标注原文出处</div>
|
||||
</div>
|
||||
<div class="nhc-case-metric-item">
|
||||
<div class="nhc-case-metric-val">人机协同</div>
|
||||
<div class="nhc-case-metric-name">初审辅助专家终审</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="nhc-case-proof-bar">
|
||||
<svg
|
||||
class="nhc-proof-icon"
|
||||
width="14"
|
||||
height="14"
|
||||
viewBox="0 0 24 24"
|
||||
fill="none"
|
||||
stroke="currentColor"
|
||||
stroke-width="2.5"
|
||||
>
|
||||
<polyline points="20 6 9 17 4 12" />
|
||||
</svg>
|
||||
<span
|
||||
>已通过政企网络安全与合规审计部门联合终验，符合等保合规要求，数据不出内网</span
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- 4. 合作企业展位 -->
|
||||
<div class="nhc-container" style="padding: 70px 0 40px; text-align: center">
|
||||
<span
|
||||
style="
|
||||
font-size: 13px;
|
||||
letter-spacing: 2px;
|
||||
color: var(--text-muted);
|
||||
text-transform: uppercase;
|
||||
"
|
||||
>服务涵盖政企金融、先进制造、新零售及现代物流领域的客户</span
|
||||
>
|
||||
<div class="nhc-clients-grid" style="margin-top: 24px">
|
||||
<div class="nhc-client-item">商贸流通企业</div>
|
||||
<div class="nhc-client-item">装备制造企业</div>
|
||||
<div class="nhc-client-item">信息技术企业</div>
|
||||
<div class="nhc-client-item">连锁零售企业</div>
|
||||
<div class="nhc-client-item">农特产品企业</div>
|
||||
<div class="nhc-client-item">医药物流企业</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 5. 底部行动号召 (CTA Section) -->
|
||||
<section class="nhc-cta">
|
||||
<div class="nhc-container">
|
||||
<div class="nhc-cta-inner">
|
||||
<div class="nhc-cta-content">
|
||||
<span
|
||||
class="nhc-seal"
|
||||
style="
|
||||
background: rgba(255, 255, 255, 0.15);
|
||||
border-color: rgba(255, 255, 255, 0.4);
|
||||
color: #ffffff;
|
||||
margin-bottom: 12px;
|
||||
"
|
||||
>务实方案</span
|
||||
>
|
||||
<h2 class="nhc-cta-title">
|
||||
面临类似的业务系统瓶颈？我们可以提供针对性方案
|
||||
</h2>
|
||||
<p class="nhc-cta-desc">
|
||||
无论是现有系统升级改造，还是新业务急需上线，纳海川可提供架构设计与实操建议，帮助控制试错成本。
|
||||
</p>
|
||||
</div>
|
||||
<div class="nhc-cta-buttons">
|
||||
<a
|
||||
href="{:addon_url('official/web.official_online_message/list',[':pid'=>18,':sid'=>18])}"
|
||||
class="nhc-btn nhc-cta-btn-light nhc-btn-lg"
|
||||
>
|
||||
<span>预约咨询</span>
|
||||
<svg
|
||||
width="16"
|
||||
height="16"
|
||||
viewBox="0 0 24 24"
|
||||
fill="none"
|
||||
stroke="currentColor"
|
||||
stroke-width="2"
|
||||
>
|
||||
<path d="M5 12h14M12 5l7 7-7 7" />
|
||||
</svg>
|
||||
</a>
|
||||
<a
|
||||
href="tel:{:__config('site_mobile','value')}"
|
||||
class="nhc-btn nhc-cta-btn-ghost nhc-btn-lg"
|
||||
>
|
||||
<span>电话咨询</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- 客户端分类筛选交互脚本 -->
|
||||
<script>
|
||||
document.addEventListener("DOMContentLoaded", function () {
|
||||
var filterBtns = document.querySelectorAll(".nhc-case-filter-btn");
|
||||
var caseCards = document.querySelectorAll(
|
||||
"#nhcCasesContainer .nhc-case-card",
|
||||
);
|
||||
|
||||
filterBtns.forEach(function (btn) {
|
||||
btn.addEventListener("click", function () {
|
||||
var category = this.getAttribute("data-category");
|
||||
|
||||
filterBtns.forEach(function (b) {
|
||||
b.classList.remove("active");
|
||||
});
|
||||
this.classList.add("active");
|
||||
|
||||
caseCards.forEach(function (card) {
|
||||
var cardCats = card.getAttribute("data-category") || "";
|
||||
if (
|
||||
category === "all" ||
|
||||
cardCats.indexOf(category) !== -1
|
||||
) {
|
||||
card.style.display = "block";
|
||||
card.style.opacity = "1";
|
||||
} else {
|
||||
card.style.display = "none";
|
||||
}
|
||||
});
|
||||
});
|
||||
});
|
||||
});
|
||||
</script>
|
||||
<!-- 纳海川官方网站 · 客户案例独立页 (Cases Page) 结束 -->
|
||||
{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/cases-nhc.css?v=20261105a">
|
||||
{/block}
|
||||
{block name="content"}
|
||||
<main class="cases-nhc" id="cases-main">
|
||||
|
||||
<a class="cs-skip" href="#case-list">跳至案例列表</a>
|
||||
<section class="cs-hero"><div class="cs-wrap"><nav class="cs-crumb" aria-label="当前位置"><a href="{:addon_url('official/web.official_home/index')}">首页</a><span>/</span><span aria-current="page">项目案例</span></nav><div class="cs-hero-grid"><div><p class="cs-kicker">纳海川 / 项目案例</p><h1>从业务问题，<br>了解系统建设。</h1></div><div><p>围绕交易、门店、生产与知识管理，介绍数字化系统的业务挑战、实施方案和交付内容，供项目选型与需求沟通参考。</p><a class="cs-link" href="#case-list">浏览项目 <span aria-hidden="true">↓</span></a></div></div><p class="cs-disclosure">案例隐去客户名称与联系人；配图为抽象示意。具体实施范围、运行条件与验收资料，可在沟通中按约定确认。</p></div></section>
|
||||
<section class="cs-list-section" id="case-list"><div class="cs-wrap"><h2 class="cs-sr">按服务类型浏览案例</h2><div class="cs-filter-line"><div class="cs-filters nhc-case-filter" role="group" aria-label="按服务类型筛选"><button type="button" data-filter="all" aria-pressed="true">全部案例</button><button type="button" data-filter="software" aria-pressed="false">软件开发</button><button type="button" data-filter="mobile" aria-pressed="false">移动应用</button><button type="button" data-filter="agent" aria-pressed="false">企业智能体</button><button type="button" data-filter="product" aria-pressed="false">商业产品</button></div><p class="cs-result" role="status" aria-live="polite" aria-atomic="true">共 4 个项目</p></div><div class="cs-grid">
|
||||
<article class="cs-card" data-category="software product" id="case-distribution"><figure><picture><source srcset="__ADDON__/images/cases/distribution.webp" type="image/webp"><img src="__ADDON__/images/cases/distribution.jpg" alt="商贸流通业务的抽象建筑模型" width="1440" height="960" loading="lazy"></picture><figcaption><span>01 / 商贸流通</span><span>抽象示意</span></figcaption></figure><div class="cs-card-body"><div class="cs-meta"><span>商贸流通</span><span>软件开发 / 商城</span></div><h3>分销商城与订货管理</h3><p class="cs-intro">衔接经销商订货、库存分配与结算，整理多渠道订单的处理规则。</p><ul class="cs-features nhc-case-metrics"><li>自动分单与规则配置</li><li>客户等级与账期管理</li><li>多仓库存与业务对账</li></ul><details class="cs-dossier"><summary>项目说明 <span aria-hidden="true"></span></summary><dl><div><dt>业务挑战</dt><dd>跨区域订货涉及客户等级、价格与账期，人工拆单和多仓对账工作较多，高峰时段需要协调订单与库存。</dd></div><div><dt>实施方案</dt><dd>梳理客户、商品、订单和库存关系，配置等级价格、授信账期及自动分单，对接仓储与结算流程。</dd></div><div><dt>交付内容</dt><dd>订货、订单拆分、库存记录与对账等业务模块，以及项目约定的接口、部署资料和验收清单。</dd></div></dl><figure class="cs-original"><img src="__ADDON__/images/showcases/case_distrib.svg" alt="业务结构抽象示意，非客户系统截图" width="800" height="460" loading="lazy"><figcaption>业务结构示意 · 用于说明方案</figcaption></figure></details></div></article>
|
||||
<article class="cs-card" data-category="mobile product" id="case-retail"><figure><picture><source srcset="__ADDON__/images/cases/retail.webp" type="image/webp"><img src="__ADDON__/images/cases/retail.jpg" alt="连锁餐饮业务的抽象建筑模型" width="1440" height="960" loading="lazy"></picture><figcaption><span>02 / 连锁餐饮</span><span>抽象示意</span></figcaption></figure><div class="cs-card-body"><div class="cs-meta"><span>连锁餐饮</span><span>移动应用 / 收银</span></div><h3>门店收银与后厨协同</h3><p class="cs-intro">围绕前台收款、后厨出餐与总部对账，衔接门店日常操作。</p><ul class="cs-features nhc-case-metrics"><li>点单与后厨状态联动</li><li>本地记录与自动同步防重复</li><li>门店销售与总部对账</li></ul><details class="cs-dossier"><summary>项目说明 <span aria-hidden="true"></span></summary><dl><div><dt>业务挑战</dt><dd>就餐高峰的点单、出餐和收款需要协同，网络异常时的单据保存与恢复同步也需要明确处理方式。</dd></div><div><dt>实施方案</dt><dd>连接收银、微信扫码点餐与后厨看板，按业务规则处理订单流转、物料核销及本地记录补传。</dd></div><div><dt>交付内容</dt><dd>门店点单、收银记录、后厨协同与对账等功能。离线操作范围及支付可用性需区分设备、网络和支付渠道条件。</dd></div></dl><figure class="cs-original"><img src="__ADDON__/images/showcases/case_catering.svg" alt="业务结构抽象示意，非客户系统截图" width="800" height="460" loading="lazy"><figcaption>业务结构示意 · 用于说明方案</figcaption></figure></details></div></article>
|
||||
<article class="cs-card" data-category="software product" id="case-manufacturing"><figure><picture><source srcset="__ADDON__/images/cases/manufacturing.webp" type="image/webp"><img src="__ADDON__/images/cases/manufacturing.jpg" alt="装备制造业务的抽象建筑模型" width="1440" height="960" loading="lazy"></picture><figcaption><span>03 / 装备制造</span><span>抽象示意</span></figcaption></figure><div class="cs-card-body"><div class="cs-meta"><span>装备制造</span><span>软件开发 / 进销存</span></div><h3>生产进销存与供应商协同</h3><p class="cs-intro">关联物料、采购、生产与交付记录，完善多部门之间的业务衔接。</p><ul class="cs-features nhc-case-metrics"><li>动态 BOM 与物料结构</li><li>批次记录与多仓调拨</li><li>采购与供应商业务协同</li></ul><details class="cs-dossier"><summary>项目说明 <span aria-hidden="true"></span></summary><dl><div><dt>业务挑战</dt><dd>物料层级和生产用料关系较复杂，采购、仓储与生产记录分散，批次追踪及多仓调拨需要统一规则。</dd></div><div><dt>实施方案</dt><dd>建立动态 BOM 物料结构，整理采购、出入库与生产领料流程，配置批次追踪和多仓调拨记录。</dd></div><div><dt>交付内容</dt><dd>物料结构、采购库存、生产用料及供应商协作等模块，按项目范围核对业务单据、数据关系与接口记录。</dd></div></dl><figure class="cs-original"><img src="__ADDON__/images/showcases/case_manufacture.svg" alt="业务结构抽象示意，非客户系统截图" width="800" height="460" loading="lazy"><figcaption>业务结构示意 · 用于说明方案</figcaption></figure></details></div></article>
|
||||
<article class="cs-card" data-category="agent" id="case-knowledge"><figure><picture><source srcset="__ADDON__/images/cases/knowledge.webp" type="image/webp"><img src="__ADDON__/images/cases/knowledge.jpg" alt="知识管理业务的抽象建筑模型" width="1440" height="960" loading="lazy"></picture><figcaption><span>04 / 知识管理</span><span>抽象示意</span></figcaption></figure><div class="cs-card-body"><div class="cs-meta"><span>知识管理</span><span>企业智能体</span></div><h3>知识库与业务审核辅助</h3><p class="cs-intro">将制度与业务资料整理入库，为资料查询和初步核对提供依据。</p><ul class="cs-features nhc-case-metrics"><li>知识检索与原文引用</li><li>按角色管理资料访问</li><li>初步核对与人工复核</li></ul><details class="cs-dossier"><summary>项目说明 <span aria-hidden="true"></span></summary><dl><div><dt>业务挑战</dt><dd>制度和业务资料分散，人工查询、比对材料耗时，审核过程需要保留引用来源并区分辅助判断与人工结论。</dd></div><div><dt>实施方案</dt><dd>通过检索增强生成（RAG）关联业务文档，配置访问权限、原文引用和审核辅助流程，关键结论交由业务人员复核。</dd></div><div><dt>交付内容</dt><dd>知识检索、引用展示、权限管理及业务辅助流程。按约定资料与问题集开展效果评测，部署边界另行确认。</dd></div></dl><figure class="cs-original"><img src="__ADDON__/images/showcases/case_gov_agent.svg" alt="业务结构抽象示意，非客户系统截图" width="800" height="460" loading="lazy"><figcaption>业务结构示意 · 用于说明方案</figcaption></figure></details></div></article>
|
||||
</div><p class="cs-empty" hidden>当前分类暂无案例，请查看其他分类或直接沟通需求。</p></div></section>
|
||||
<section class="cs-review"><div class="cs-wrap"><div><p class="cs-kicker">项目沟通</p><h2>比对案例时，可以先看这三点</h2></div><ol><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="cs-contact"><div class="cs-wrap"><div><p class="cs-kicker">讨论您的项目</p><h2>你的业务也遇到类似问题？</h2><p>说明当前业务、现有系统与主要问题，我们据此评估实施范围。</p></div><div><a class="cs-btn" href="{:addon_url('official/web.official_online_message/list',[':pid'=>18,':sid'=>18])}">沟通项目需求 <span aria-hidden="true">↗</span></a><a class="cs-link" href="tel:{:__config('site_mobile','value')}">电话咨询 <span>{:__config('site_mobile','value')}</span></a></div></div></section>
|
||||
</main>
|
||||
{/block}
|
||||
{block name="js"}<script src="__ADDON__/js/cases-nhc.js?v=20261105a" defer></script>{/block}
|
||||
|
||||
@@ -1,832 +1,21 @@
|
||||
{extend name="web/official_common/mobile/base" /} {block name="content"}
|
||||
<!-- 纳海川官方网站 · 移动端标杆案例独立页 (Cases Page Mobile) 开始 -->
|
||||
<div
|
||||
class="nhc-mobile-cases-page"
|
||||
style="background: #f8fafc; min-height: 100vh; padding-bottom: 60px"
|
||||
>
|
||||
<!-- 1. 移动端 Hero 视窗 -->
|
||||
<div
|
||||
style="
|
||||
background: #ffffff;
|
||||
padding: 28px 16px 22px;
|
||||
border-bottom: 1px solid #e2e8f0;
|
||||
text-align: center;
|
||||
"
|
||||
>
|
||||
<div style="margin-bottom: 10px">
|
||||
<span class="nhc-seal" style="padding: 2px 10px; font-size: 11px"
|
||||
>项目实效 · 业务复盘</span
|
||||
>
|
||||
</div>
|
||||
<h1
|
||||
style="
|
||||
font-family:
|
||||
"Noto Serif SC", "SimSun", serif;
|
||||
font-size: 20px;
|
||||
font-weight: 700;
|
||||
color: #0f172a;
|
||||
margin: 0 0 8px 0;
|
||||
line-height: 1.4;
|
||||
"
|
||||
>
|
||||
客户项目案例 · 问题与解决方式
|
||||
</h1>
|
||||
<p style="font-size: 13px; color: #64748b; margin: 0; line-height: 1.6">
|
||||
纳海川坚持严谨工程标准，为政企单位、智能制造与连锁商超开发稳定可控的数字化系统。
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<!-- 2. 横向滑动筛选器 (Filter) -->
|
||||
<div
|
||||
style="
|
||||
background: #ffffff;
|
||||
border-bottom: 1px solid #e2e8f0;
|
||||
padding: 12px 16px;
|
||||
overflow-x: auto;
|
||||
white-space: nowrap;
|
||||
-webkit-overflow-scrolling: touch;
|
||||
"
|
||||
class="nhc-case-filter"
|
||||
id="nhcMobileCaseFilter"
|
||||
>
|
||||
<button
|
||||
class="nhc-case-filter-btn active"
|
||||
data-category="all"
|
||||
style="
|
||||
padding: 6px 14px;
|
||||
font-size: 13px;
|
||||
border-radius: 4px;
|
||||
border: 1px solid #2563eb;
|
||||
background: #2563eb;
|
||||
color: #ffffff;
|
||||
margin-right: 8px;
|
||||
"
|
||||
>
|
||||
全部案例
|
||||
</button>
|
||||
<button
|
||||
class="nhc-case-filter-btn"
|
||||
data-category="middle"
|
||||
style="
|
||||
padding: 6px 14px;
|
||||
font-size: 13px;
|
||||
border-radius: 4px;
|
||||
border: 1px solid #e2e8f0;
|
||||
background: #f8fafc;
|
||||
color: #475569;
|
||||
margin-right: 8px;
|
||||
"
|
||||
>
|
||||
软件开发与中台
|
||||
</button>
|
||||
<button
|
||||
class="nhc-case-filter-btn"
|
||||
data-category="mobile"
|
||||
style="
|
||||
padding: 6px 14px;
|
||||
font-size: 13px;
|
||||
border-radius: 4px;
|
||||
border: 1px solid #e2e8f0;
|
||||
background: #f8fafc;
|
||||
color: #475569;
|
||||
margin-right: 8px;
|
||||
"
|
||||
>
|
||||
APP与小程序
|
||||
</button>
|
||||
<button
|
||||
class="nhc-case-filter-btn"
|
||||
data-category="agent"
|
||||
style="
|
||||
padding: 6px 14px;
|
||||
font-size: 13px;
|
||||
border-radius: 4px;
|
||||
border: 1px solid #e2e8f0;
|
||||
background: #f8fafc;
|
||||
color: #475569;
|
||||
margin-right: 8px;
|
||||
"
|
||||
>
|
||||
企业级 AI 智能体
|
||||
</button>
|
||||
<button
|
||||
class="nhc-case-filter-btn"
|
||||
data-category="product"
|
||||
style="
|
||||
padding: 6px 14px;
|
||||
font-size: 13px;
|
||||
border-radius: 4px;
|
||||
border: 1px solid #e2e8f0;
|
||||
background: #f8fafc;
|
||||
color: #475569;
|
||||
"
|
||||
>
|
||||
商城与商业产品
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<!-- 3. 案例卡片列表容器 -->
|
||||
<div style="padding: 16px" id="nhcMobileCasesContainer">
|
||||
<!-- 案例 1 -->
|
||||
<div
|
||||
class="nhc-mobile-case-card nhc-case-card"
|
||||
data-category="middle product"
|
||||
style="
|
||||
background: #ffffff;
|
||||
border-radius: 6px;
|
||||
border: 1px solid #e2e8f0;
|
||||
padding: 18px;
|
||||
margin-bottom: 16px;
|
||||
"
|
||||
>
|
||||
<div
|
||||
style="
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
margin-bottom: 10px;
|
||||
"
|
||||
>
|
||||
<span style="font-size: 12px; color: #2563eb; font-weight: 600"
|
||||
>商贸批发 · 数字中台</span
|
||||
>
|
||||
<span class="nhc-seal" style="padding: 1px 6px; font-size: 10px"
|
||||
>成果验证</span
|
||||
>
|
||||
</div>
|
||||
<h3
|
||||
style="
|
||||
font-family:
|
||||
"Noto Serif SC", "SimSun", serif;
|
||||
font-size: 16px;
|
||||
font-weight: 700;
|
||||
color: #0f172a;
|
||||
margin: 0 0 12px 0;
|
||||
line-height: 1.4;
|
||||
"
|
||||
>
|
||||
大型快消供应链集团「全渠道分销商城与订货中台」
|
||||
</h3>
|
||||
<div class="nhc-case-img-wrap">
|
||||
<img
|
||||
src="__ADDON__/images/showcases/case_distrib.svg"
|
||||
alt="快消供应链集团全渠道分销中台大屏视窗"
|
||||
loading="lazy"
|
||||
/>
|
||||
</div>
|
||||
<div
|
||||
style="
|
||||
background: #f8fafc;
|
||||
border-radius: 4px;
|
||||
padding: 12px;
|
||||
margin-bottom: 14px;
|
||||
border-left: 3px solid #2563eb;
|
||||
"
|
||||
>
|
||||
<div style="margin-bottom: 8px">
|
||||
<div
|
||||
style="
|
||||
font-size: 11px;
|
||||
font-weight: 700;
|
||||
color: #64748b;
|
||||
letter-spacing: 1px;
|
||||
"
|
||||
>
|
||||
业务挑战 CHALLENGE
|
||||
</div>
|
||||
<p
|
||||
style="
|
||||
font-size: 12px;
|
||||
color: #334155;
|
||||
margin: 2px 0 0;
|
||||
line-height: 1.5;
|
||||
"
|
||||
>
|
||||
跨区域经销商传统订货繁杂，人工拆单对账耗时久，高峰期锁库超时常导致断货漏单。
|
||||
</p>
|
||||
</div>
|
||||
<div>
|
||||
<div
|
||||
style="
|
||||
font-size: 11px;
|
||||
font-weight: 700;
|
||||
color: #64748b;
|
||||
letter-spacing: 1px;
|
||||
"
|
||||
>
|
||||
技术方案 SOLUTION
|
||||
</div>
|
||||
<p
|
||||
style="
|
||||
font-size: 12px;
|
||||
color: #334155;
|
||||
margin: 2px 0 0;
|
||||
line-height: 1.5;
|
||||
"
|
||||
>
|
||||
重构分布式微服务订货中台，接入等级阶梯价、信用授信账期管控及自动分单对账功能。
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="nhc-case-metrics"
|
||||
style="
|
||||
display: grid;
|
||||
grid-template-columns: repeat(3, 1fr);
|
||||
gap: 8px;
|
||||
text-align: center;
|
||||
border-top: 1px solid #f1f5f9;
|
||||
padding-top: 10px;
|
||||
"
|
||||
>
|
||||
<div>
|
||||
<div
|
||||
style="
|
||||
font-size: 13px;
|
||||
font-weight: 700;
|
||||
color: #2563eb;
|
||||
"
|
||||
>
|
||||
峰值调度
|
||||
</div>
|
||||
<div style="font-size: 11px; color: #64748b">
|
||||
跨区域订单拆单
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div
|
||||
style="
|
||||
font-size: 13px;
|
||||
font-weight: 700;
|
||||
color: #0f172a;
|
||||
"
|
||||
>
|
||||
耗时缩短
|
||||
</div>
|
||||
<div style="font-size: 11px; color: #64748b">
|
||||
多仓对账时效
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div
|
||||
style="
|
||||
font-size: 13px;
|
||||
font-weight: 700;
|
||||
color: #0f172a;
|
||||
"
|
||||
>
|
||||
集群保障
|
||||
</div>
|
||||
<div style="font-size: 11px; color: #64748b">
|
||||
集群运行保障
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 案例 2 -->
|
||||
<div
|
||||
class="nhc-mobile-case-card nhc-case-card"
|
||||
data-category="mobile product"
|
||||
style="
|
||||
background: #ffffff;
|
||||
border-radius: 6px;
|
||||
border: 1px solid #e2e8f0;
|
||||
padding: 18px;
|
||||
margin-bottom: 16px;
|
||||
"
|
||||
>
|
||||
<div
|
||||
style="
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
margin-bottom: 10px;
|
||||
"
|
||||
>
|
||||
<span style="font-size: 12px; color: #2563eb; font-weight: 600"
|
||||
>连锁零售 · 软硬一体</span
|
||||
>
|
||||
<span class="nhc-seal" style="padding: 1px 6px; font-size: 10px"
|
||||
>成果验证</span
|
||||
>
|
||||
</div>
|
||||
<h3
|
||||
style="
|
||||
font-family:
|
||||
"Noto Serif SC", "SimSun", serif;
|
||||
font-size: 16px;
|
||||
font-weight: 700;
|
||||
color: #0f172a;
|
||||
margin: 0 0 12px 0;
|
||||
line-height: 1.4;
|
||||
"
|
||||
>
|
||||
知名区域连锁餐饮「全场景智能收银与门店一体化」
|
||||
</h3>
|
||||
<div class="nhc-case-img-wrap">
|
||||
<img
|
||||
src="__ADDON__/images/showcases/case_catering.svg"
|
||||
alt="全国连锁餐饮智能收银与后厨KDS联动视窗"
|
||||
loading="lazy"
|
||||
/>
|
||||
</div>
|
||||
<div
|
||||
style="
|
||||
background: #f8fafc;
|
||||
border-radius: 4px;
|
||||
padding: 12px;
|
||||
margin-bottom: 14px;
|
||||
border-left: 3px solid #06b6d4;
|
||||
"
|
||||
>
|
||||
<div style="margin-bottom: 8px">
|
||||
<div
|
||||
style="
|
||||
font-size: 11px;
|
||||
font-weight: 700;
|
||||
color: #64748b;
|
||||
letter-spacing: 1px;
|
||||
"
|
||||
>
|
||||
业务挑战 CHALLENGE
|
||||
</div>
|
||||
<p
|
||||
style="
|
||||
font-size: 12px;
|
||||
color: #334155;
|
||||
margin: 2px 0 0;
|
||||
line-height: 1.5;
|
||||
"
|
||||
>
|
||||
就餐高峰期前台排队拥堵严重，断网断电导致收银死机与掉单丢单，前后端数据脱节导致物料报表失真。
|
||||
</p>
|
||||
</div>
|
||||
<div>
|
||||
<div
|
||||
style="
|
||||
font-size: 11px;
|
||||
font-weight: 700;
|
||||
color: #64748b;
|
||||
letter-spacing: 1px;
|
||||
"
|
||||
>
|
||||
技术方案 SOLUTION
|
||||
</div>
|
||||
<p
|
||||
style="
|
||||
font-size: 12px;
|
||||
color: #334155;
|
||||
margin: 2px 0 0;
|
||||
line-height: 1.5;
|
||||
"
|
||||
>
|
||||
部署软硬一体化收银系统与后厨 KDS
|
||||
联动看板，对接微信扫码点餐、离线聚合支付与实时扣料核销。
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="nhc-case-metrics"
|
||||
style="
|
||||
display: grid;
|
||||
grid-template-columns: repeat(3, 1fr);
|
||||
gap: 8px;
|
||||
text-align: center;
|
||||
border-top: 1px solid #f1f5f9;
|
||||
padding-top: 10px;
|
||||
"
|
||||
>
|
||||
<div>
|
||||
<div
|
||||
style="
|
||||
font-size: 13px;
|
||||
font-weight: 700;
|
||||
color: #2563eb;
|
||||
"
|
||||
>
|
||||
多门店覆盖
|
||||
</div>
|
||||
<div style="font-size: 11px; color: #64748b">
|
||||
门店网点覆盖
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div
|
||||
style="
|
||||
font-size: 13px;
|
||||
font-weight: 700;
|
||||
color: #0f172a;
|
||||
"
|
||||
>
|
||||
用时缩短
|
||||
</div>
|
||||
<div style="font-size: 11px; color: #64748b">
|
||||
排队等候耗时
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div
|
||||
style="
|
||||
font-size: 13px;
|
||||
font-weight: 700;
|
||||
color: #0f172a;
|
||||
"
|
||||
>
|
||||
离线可用
|
||||
</div>
|
||||
<div style="font-size: 11px; color: #64748b">
|
||||
脱机正常收银
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 案例 3 -->
|
||||
<div
|
||||
class="nhc-mobile-case-card nhc-case-card"
|
||||
data-category="middle"
|
||||
style="
|
||||
background: #ffffff;
|
||||
border-radius: 6px;
|
||||
border: 1px solid #e2e8f0;
|
||||
padding: 18px;
|
||||
margin-bottom: 16px;
|
||||
"
|
||||
>
|
||||
<div
|
||||
style="
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
margin-bottom: 10px;
|
||||
"
|
||||
>
|
||||
<span style="font-size: 12px; color: #2563eb; font-weight: 600"
|
||||
>智能制造 · 进销存 ERP</span
|
||||
>
|
||||
<span class="nhc-seal" style="padding: 1px 6px; font-size: 10px"
|
||||
>成果验证</span
|
||||
>
|
||||
</div>
|
||||
<h3
|
||||
style="
|
||||
font-family:
|
||||
"Noto Serif SC", "SimSun", serif;
|
||||
font-size: 16px;
|
||||
font-weight: 700;
|
||||
color: #0f172a;
|
||||
margin: 0 0 12px 0;
|
||||
line-height: 1.4;
|
||||
"
|
||||
>
|
||||
高端装备制造企业「生产进销存与供应链敏捷协同」
|
||||
</h3>
|
||||
<div class="nhc-case-img-wrap">
|
||||
<img
|
||||
src="__ADDON__/images/showcases/case_manufacture.svg"
|
||||
alt="装备制造进销存与数字化车间MES视窗"
|
||||
loading="lazy"
|
||||
/>
|
||||
</div>
|
||||
<div
|
||||
style="
|
||||
background: #f8fafc;
|
||||
border-radius: 4px;
|
||||
padding: 12px;
|
||||
margin-bottom: 14px;
|
||||
border-left: 3px solid #7c3aed;
|
||||
"
|
||||
>
|
||||
<div style="margin-bottom: 8px">
|
||||
<div
|
||||
style="
|
||||
font-size: 11px;
|
||||
font-weight: 700;
|
||||
color: #64748b;
|
||||
letter-spacing: 1px;
|
||||
"
|
||||
>
|
||||
业务挑战 CHALLENGE
|
||||
</div>
|
||||
<p
|
||||
style="
|
||||
font-size: 12px;
|
||||
color: #334155;
|
||||
margin: 2px 0 0;
|
||||
line-height: 1.5;
|
||||
"
|
||||
>
|
||||
零配件品类繁杂，采购节拍与装配生产脱节，呆滞物料占用资金且难以追溯批次质量。
|
||||
</p>
|
||||
</div>
|
||||
<div>
|
||||
<div
|
||||
style="
|
||||
font-size: 11px;
|
||||
font-weight: 700;
|
||||
color: #64748b;
|
||||
letter-spacing: 1px;
|
||||
"
|
||||
>
|
||||
技术方案 SOLUTION
|
||||
</div>
|
||||
<p
|
||||
style="
|
||||
font-size: 12px;
|
||||
color: #334155;
|
||||
margin: 2px 0 0;
|
||||
line-height: 1.5;
|
||||
"
|
||||
>
|
||||
定制进销存管理系统，建立动态物料 BOM
|
||||
匹配、安全库存预警与供应商端协同门户。
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="nhc-case-metrics"
|
||||
style="
|
||||
display: grid;
|
||||
grid-template-columns: repeat(3, 1fr);
|
||||
gap: 8px;
|
||||
text-align: center;
|
||||
border-top: 1px solid #f1f5f9;
|
||||
padding-top: 10px;
|
||||
"
|
||||
>
|
||||
<div>
|
||||
<div
|
||||
style="
|
||||
font-size: 13px;
|
||||
font-weight: 700;
|
||||
color: #2563eb;
|
||||
"
|
||||
>
|
||||
动态BOM
|
||||
</div>
|
||||
<div style="font-size: 11px; color: #64748b">
|
||||
装配缺料预警
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div
|
||||
style="
|
||||
font-size: 13px;
|
||||
font-weight: 700;
|
||||
color: #0f172a;
|
||||
"
|
||||
>
|
||||
批次追溯
|
||||
</div>
|
||||
<div style="font-size: 11px; color: #64748b">
|
||||
一物一码追溯
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div
|
||||
style="
|
||||
font-size: 13px;
|
||||
font-weight: 700;
|
||||
color: #0f172a;
|
||||
"
|
||||
>
|
||||
协同门户
|
||||
</div>
|
||||
<div style="font-size: 11px; color: #64748b">
|
||||
供应商在线送货
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 案例 4 -->
|
||||
<div
|
||||
class="nhc-mobile-case-card nhc-case-card"
|
||||
data-category="agent"
|
||||
style="
|
||||
background: #ffffff;
|
||||
border-radius: 6px;
|
||||
border: 1px solid #e2e8f0;
|
||||
padding: 18px;
|
||||
margin-bottom: 16px;
|
||||
"
|
||||
>
|
||||
<div
|
||||
style="
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
margin-bottom: 10px;
|
||||
"
|
||||
>
|
||||
<span style="font-size: 12px; color: #2563eb; font-weight: 600"
|
||||
>政企服务 · AI 智能体</span
|
||||
>
|
||||
<span class="nhc-seal" style="padding: 1px 6px; font-size: 10px"
|
||||
>成果验证</span
|
||||
>
|
||||
</div>
|
||||
<h3
|
||||
style="
|
||||
font-family:
|
||||
"Noto Serif SC", "SimSun", serif;
|
||||
font-size: 16px;
|
||||
font-weight: 700;
|
||||
color: #0f172a;
|
||||
margin: 0 0 12px 0;
|
||||
line-height: 1.4;
|
||||
"
|
||||
>
|
||||
知识密集型政务机构「专属 RAG 业务审核智能体」
|
||||
</h3>
|
||||
<div class="nhc-case-img-wrap">
|
||||
<img
|
||||
src="__ADDON__/images/showcases/case_gov_agent.svg"
|
||||
alt="政企专属AI知识库与审批智能体操作视窗"
|
||||
loading="lazy"
|
||||
/>
|
||||
</div>
|
||||
<div
|
||||
style="
|
||||
background: #f8fafc;
|
||||
border-radius: 4px;
|
||||
padding: 12px;
|
||||
margin-bottom: 14px;
|
||||
border-left: 3px solid #2563eb;
|
||||
"
|
||||
>
|
||||
<div style="margin-bottom: 8px">
|
||||
<div
|
||||
style="
|
||||
font-size: 11px;
|
||||
font-weight: 700;
|
||||
color: #64748b;
|
||||
letter-spacing: 1px;
|
||||
"
|
||||
>
|
||||
业务挑战 CHALLENGE
|
||||
</div>
|
||||
<p
|
||||
style="
|
||||
font-size: 12px;
|
||||
color: #334155;
|
||||
margin: 2px 0 0;
|
||||
line-height: 1.5;
|
||||
"
|
||||
>
|
||||
政策法规与历史案例分散在多个库中，人工跨部门查重检索耗时耗力，初审标准难统一且存在合规漏洞。
|
||||
</p>
|
||||
</div>
|
||||
<div>
|
||||
<div
|
||||
style="
|
||||
font-size: 11px;
|
||||
font-weight: 700;
|
||||
color: #64748b;
|
||||
letter-spacing: 1px;
|
||||
"
|
||||
>
|
||||
技术方案 SOLUTION
|
||||
</div>
|
||||
<p
|
||||
style="
|
||||
font-size: 12px;
|
||||
color: #334155;
|
||||
margin: 2px 0 0;
|
||||
line-height: 1.5;
|
||||
"
|
||||
>
|
||||
构建基于私有大模型与向量数据库的 RAG
|
||||
智能体，自动检索法规依据并输出规范化核查报告。
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="nhc-case-metrics"
|
||||
style="
|
||||
display: grid;
|
||||
grid-template-columns: repeat(3, 1fr);
|
||||
gap: 8px;
|
||||
text-align: center;
|
||||
border-top: 1px solid #f1f5f9;
|
||||
padding-top: 10px;
|
||||
"
|
||||
>
|
||||
<div>
|
||||
<div
|
||||
style="
|
||||
font-size: 13px;
|
||||
font-weight: 700;
|
||||
color: #2563eb;
|
||||
"
|
||||
>
|
||||
纯内网部署
|
||||
</div>
|
||||
<div style="font-size: 11px; color: #64748b">
|
||||
内网隔离不外泄
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div
|
||||
style="
|
||||
font-size: 13px;
|
||||
font-weight: 700;
|
||||
color: #0f172a;
|
||||
"
|
||||
>
|
||||
法规溯源
|
||||
</div>
|
||||
<div style="font-size: 11px; color: #64748b">
|
||||
标注原文出处
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div
|
||||
style="
|
||||
font-size: 13px;
|
||||
font-weight: 700;
|
||||
color: #0f172a;
|
||||
"
|
||||
>
|
||||
人机协同
|
||||
</div>
|
||||
<div style="font-size: 11px; color: #64748b">
|
||||
初审辅助专家终审
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 5. 底部行动号召 CTA -->
|
||||
<div style="padding: 24px 16px; text-align: center">
|
||||
<h3
|
||||
style="
|
||||
font-family: "Noto Serif SC", serif;
|
||||
font-size: 16px;
|
||||
font-weight: 700;
|
||||
color: #0f172a;
|
||||
margin: 0 0 8px 0;
|
||||
"
|
||||
>
|
||||
预约架构师 1 对 1 方案研讨
|
||||
</h3>
|
||||
<p style="font-size: 12px; color: #64748b; margin: 0 0 16px 0">
|
||||
纳海川团队 24 小时内响应，输出定制方案
|
||||
</p>
|
||||
<a
|
||||
href="{:addon_url('official/web.official_online_message/list',[':pid'=>18,':sid'=>18])}"
|
||||
style="
|
||||
display: block;
|
||||
width: 100%;
|
||||
background: #2563eb;
|
||||
color: #ffffff;
|
||||
font-size: 14px;
|
||||
font-weight: 600;
|
||||
padding: 12px 0;
|
||||
border-radius: 4px;
|
||||
text-decoration: none;
|
||||
"
|
||||
>
|
||||
立即预约业务诊断
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 移动端筛选 JS 脚本 -->
|
||||
<script>
|
||||
document.addEventListener("DOMContentLoaded", function () {
|
||||
var btns = document.querySelectorAll(
|
||||
"#nhcMobileCaseFilter .nhc-case-filter-btn",
|
||||
);
|
||||
var cards = document.querySelectorAll(
|
||||
"#nhcMobileCasesContainer .nhc-mobile-case-card",
|
||||
);
|
||||
|
||||
btns.forEach(function (btn) {
|
||||
btn.addEventListener("click", function () {
|
||||
var category = this.getAttribute("data-category");
|
||||
btns.forEach(function (b) {
|
||||
b.style.background = "#F8FAFC";
|
||||
b.style.color = "#475569";
|
||||
b.style.borderColor = "#E2E8F0";
|
||||
});
|
||||
this.style.background = "#2563EB";
|
||||
this.style.color = "#FFFFFF";
|
||||
this.style.borderColor = "#2563EB";
|
||||
|
||||
cards.forEach(function (card) {
|
||||
var cCats = card.getAttribute("data-category") || "";
|
||||
if (category === "all" || cCats.indexOf(category) !== -1) {
|
||||
card.style.display = "block";
|
||||
} else {
|
||||
card.style.display = "none";
|
||||
}
|
||||
});
|
||||
});
|
||||
});
|
||||
});
|
||||
</script>
|
||||
<!-- 纳海川官方网站 · 移动端标杆案例独立页 (Cases Page Mobile) 结束 -->
|
||||
{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/cases-nhc.css?v=20261105a">
|
||||
{/block}
|
||||
{block name="content"}
|
||||
<main class="cases-nhc" id="cases-main">
|
||||
<header class="cs-mobile-header"><a class="cs-brand" href="{:addon_url('official/web.official_home/index')}">纳海川<span>NAHAICHUAN</span></a><a class="cs-header-contact" href="{:addon_url('official/web.official_online_message/list',[':pid'=>18,':sid'=>18])}">联系咨询</a><details class="cs-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])}" aria-current="page">案例</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="cs-skip" href="#case-list">跳至案例列表</a>
|
||||
<section class="cs-hero"><div class="cs-wrap"><nav class="cs-crumb" aria-label="当前位置"><a href="{:addon_url('official/web.official_home/index')}">首页</a><span>/</span><span aria-current="page">项目案例</span></nav><div class="cs-hero-grid"><div><p class="cs-kicker">纳海川 / 项目案例</p><h1>从业务问题，<br>了解系统建设。</h1></div><div><p>围绕交易、门店、生产与知识管理，介绍数字化系统的业务挑战、实施方案和交付内容，供项目选型与需求沟通参考。</p><a class="cs-link" href="#case-list">浏览项目 <span aria-hidden="true">↓</span></a></div></div><p class="cs-disclosure">案例隐去客户名称与联系人；配图为抽象示意。具体实施范围、运行条件与验收资料，可在沟通中按约定确认。</p></div></section>
|
||||
<section class="cs-list-section" id="case-list"><div class="cs-wrap"><h2 class="cs-sr">按服务类型浏览案例</h2><div class="cs-filter-line"><div class="cs-filters nhc-case-filter" role="group" aria-label="按服务类型筛选"><button type="button" data-filter="all" aria-pressed="true">全部案例</button><button type="button" data-filter="software" aria-pressed="false">软件开发</button><button type="button" data-filter="mobile" aria-pressed="false">移动应用</button><button type="button" data-filter="agent" aria-pressed="false">企业智能体</button><button type="button" data-filter="product" aria-pressed="false">商业产品</button></div><p class="cs-result" role="status" aria-live="polite" aria-atomic="true">共 4 个项目</p></div><div class="cs-grid">
|
||||
<article class="cs-card" data-category="software product" id="case-distribution"><figure><picture><source srcset="__ADDON__/images/cases/distribution.webp" type="image/webp"><img src="__ADDON__/images/cases/distribution.jpg" alt="商贸流通业务的抽象建筑模型" width="1440" height="960" loading="lazy"></picture><figcaption><span>01 / 商贸流通</span><span>抽象示意</span></figcaption></figure><div class="cs-card-body"><div class="cs-meta"><span>商贸流通</span><span>软件开发 / 商城</span></div><h3>分销商城与订货管理</h3><p class="cs-intro">衔接经销商订货、库存分配与结算，整理多渠道订单的处理规则。</p><ul class="cs-features nhc-case-metrics"><li>自动分单与规则配置</li><li>客户等级与账期管理</li><li>多仓库存与业务对账</li></ul><details class="cs-dossier"><summary>项目说明 <span aria-hidden="true"></span></summary><dl><div><dt>业务挑战</dt><dd>跨区域订货涉及客户等级、价格与账期，人工拆单和多仓对账工作较多，高峰时段需要协调订单与库存。</dd></div><div><dt>实施方案</dt><dd>梳理客户、商品、订单和库存关系，配置等级价格、授信账期及自动分单，对接仓储与结算流程。</dd></div><div><dt>交付内容</dt><dd>订货、订单拆分、库存记录与对账等业务模块，以及项目约定的接口、部署资料和验收清单。</dd></div></dl><figure class="cs-original"><img src="__ADDON__/images/showcases/case_distrib.svg" alt="业务结构抽象示意，非客户系统截图" width="800" height="460" loading="lazy"><figcaption>业务结构示意 · 用于说明方案</figcaption></figure></details></div></article>
|
||||
<article class="cs-card" data-category="mobile product" id="case-retail"><figure><picture><source srcset="__ADDON__/images/cases/retail.webp" type="image/webp"><img src="__ADDON__/images/cases/retail.jpg" alt="连锁餐饮业务的抽象建筑模型" width="1440" height="960" loading="lazy"></picture><figcaption><span>02 / 连锁餐饮</span><span>抽象示意</span></figcaption></figure><div class="cs-card-body"><div class="cs-meta"><span>连锁餐饮</span><span>移动应用 / 收银</span></div><h3>门店收银与后厨协同</h3><p class="cs-intro">围绕前台收款、后厨出餐与总部对账，衔接门店日常操作。</p><ul class="cs-features nhc-case-metrics"><li>点单与后厨状态联动</li><li>本地记录与自动同步防重复</li><li>门店销售与总部对账</li></ul><details class="cs-dossier"><summary>项目说明 <span aria-hidden="true"></span></summary><dl><div><dt>业务挑战</dt><dd>就餐高峰的点单、出餐和收款需要协同，网络异常时的单据保存与恢复同步也需要明确处理方式。</dd></div><div><dt>实施方案</dt><dd>连接收银、微信扫码点餐与后厨看板，按业务规则处理订单流转、物料核销及本地记录补传。</dd></div><div><dt>交付内容</dt><dd>门店点单、收银记录、后厨协同与对账等功能。离线操作范围及支付可用性需区分设备、网络和支付渠道条件。</dd></div></dl><figure class="cs-original"><img src="__ADDON__/images/showcases/case_catering.svg" alt="业务结构抽象示意，非客户系统截图" width="800" height="460" loading="lazy"><figcaption>业务结构示意 · 用于说明方案</figcaption></figure></details></div></article>
|
||||
<article class="cs-card" data-category="software product" id="case-manufacturing"><figure><picture><source srcset="__ADDON__/images/cases/manufacturing.webp" type="image/webp"><img src="__ADDON__/images/cases/manufacturing.jpg" alt="装备制造业务的抽象建筑模型" width="1440" height="960" loading="lazy"></picture><figcaption><span>03 / 装备制造</span><span>抽象示意</span></figcaption></figure><div class="cs-card-body"><div class="cs-meta"><span>装备制造</span><span>软件开发 / 进销存</span></div><h3>生产进销存与供应商协同</h3><p class="cs-intro">关联物料、采购、生产与交付记录，完善多部门之间的业务衔接。</p><ul class="cs-features nhc-case-metrics"><li>动态 BOM 与物料结构</li><li>批次记录与多仓调拨</li><li>采购与供应商业务协同</li></ul><details class="cs-dossier"><summary>项目说明 <span aria-hidden="true"></span></summary><dl><div><dt>业务挑战</dt><dd>物料层级和生产用料关系较复杂，采购、仓储与生产记录分散，批次追踪及多仓调拨需要统一规则。</dd></div><div><dt>实施方案</dt><dd>建立动态 BOM 物料结构，整理采购、出入库与生产领料流程，配置批次追踪和多仓调拨记录。</dd></div><div><dt>交付内容</dt><dd>物料结构、采购库存、生产用料及供应商协作等模块，按项目范围核对业务单据、数据关系与接口记录。</dd></div></dl><figure class="cs-original"><img src="__ADDON__/images/showcases/case_manufacture.svg" alt="业务结构抽象示意，非客户系统截图" width="800" height="460" loading="lazy"><figcaption>业务结构示意 · 用于说明方案</figcaption></figure></details></div></article>
|
||||
<article class="cs-card" data-category="agent" id="case-knowledge"><figure><picture><source srcset="__ADDON__/images/cases/knowledge.webp" type="image/webp"><img src="__ADDON__/images/cases/knowledge.jpg" alt="知识管理业务的抽象建筑模型" width="1440" height="960" loading="lazy"></picture><figcaption><span>04 / 知识管理</span><span>抽象示意</span></figcaption></figure><div class="cs-card-body"><div class="cs-meta"><span>知识管理</span><span>企业智能体</span></div><h3>知识库与业务审核辅助</h3><p class="cs-intro">将制度与业务资料整理入库，为资料查询和初步核对提供依据。</p><ul class="cs-features nhc-case-metrics"><li>知识检索与原文引用</li><li>按角色管理资料访问</li><li>初步核对与人工复核</li></ul><details class="cs-dossier"><summary>项目说明 <span aria-hidden="true"></span></summary><dl><div><dt>业务挑战</dt><dd>制度和业务资料分散，人工查询、比对材料耗时，审核过程需要保留引用来源并区分辅助判断与人工结论。</dd></div><div><dt>实施方案</dt><dd>通过检索增强生成（RAG）关联业务文档，配置访问权限、原文引用和审核辅助流程，关键结论交由业务人员复核。</dd></div><div><dt>交付内容</dt><dd>知识检索、引用展示、权限管理及业务辅助流程。按约定资料与问题集开展效果评测，部署边界另行确认。</dd></div></dl><figure class="cs-original"><img src="__ADDON__/images/showcases/case_gov_agent.svg" alt="业务结构抽象示意，非客户系统截图" width="800" height="460" loading="lazy"><figcaption>业务结构示意 · 用于说明方案</figcaption></figure></details></div></article>
|
||||
</div><p class="cs-empty" hidden>当前分类暂无案例，请查看其他分类或直接沟通需求。</p></div></section>
|
||||
<section class="cs-review"><div class="cs-wrap"><div><p class="cs-kicker">项目沟通</p><h2>比对案例时，可以先看这三点</h2></div><ol><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="cs-contact"><div class="cs-wrap"><div><p class="cs-kicker">讨论您的项目</p><h2>你的业务也遇到类似问题？</h2><p>说明当前业务、现有系统与主要问题，我们据此评估实施范围。</p></div><div><a class="cs-btn" href="{:addon_url('official/web.official_online_message/list',[':pid'=>18,':sid'=>18])}">沟通项目需求 <span aria-hidden="true">↗</span></a><a class="cs-link" href="tel:{:__config('site_mobile','value')}">电话咨询 <span>{:__config('site_mobile','value')}</span></a></div></div></section>
|
||||
</main>
|
||||
{/block}
|
||||
{block name="js"}<script src="__ADDON__/js/cases-nhc.js?v=20261105a" defer></script>{/block}
|
||||
|
||||
@@ -1,4 +1,5 @@
|
||||
<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">
|
||||
@@ -8,4 +9,4 @@
|
||||
<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 src="__ADDON__/m/js/lightbox.js"></script>-->
|
||||
|
||||
@@ -1,11 +1,12 @@
|
||||
<link href="__ADDON__/images/favicon.ico" type="image/x-icon" rel="icon">
|
||||
<link href="__ADDON__/css/modern_nhc.css?v=20261009_grand" rel="stylesheet" type="text/css">
|
||||
<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">
|
||||
<script type="text/javascript" src="__ADDON__/js/jquery-1.7.2.min.js"></script>
|
||||
<script type="text/javascript" src="__ADDON__/js/common.js"></script>
|
||||
<script type="text/javascript" src="__ADDON__/js/jquery.SuperSlide.js"></script>
|
||||
<script type="text/javascript" src="__ADDON__/js/animate.js"></script>
|
||||
|
||||
|
||||
<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 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">
|
||||
<script type="text/javascript" src="__ADDON__/js/jquery-1.7.2.min.js"></script>
|
||||
<script type="text/javascript" src="__ADDON__/js/common.js"></script>
|
||||
<script type="text/javascript" src="__ADDON__/js/jquery.SuperSlide.js"></script>
|
||||
<script type="text/javascript" src="__ADDON__/js/animate.js"></script>
|
||||
|
||||
|
||||
|
||||
@@ -4,31 +4,70 @@
|
||||
<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;">
|
||||
<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;">
|
||||
<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>
|
||||
<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>
|
||||
<span class="nhc-seal" style="margin-left: 8px">纳海川</span>
|
||||
</div>
|
||||
|
||||
<!-- 主导航菜单 (服务、产品、案例、关于我们、联系我们) -->
|
||||
<nav>
|
||||
<ul class="nhc-nav-menu">
|
||||
<li>
|
||||
<a href="{:addon_url('official/web.official_home/index')}" class="nhc-nav-link {if empty(input('param.pid'))}active{/if}">首页</a>
|
||||
<a
|
||||
href="{:addon_url('official/web.official_home/index')}"
|
||||
class="nhc-nav-link {if empty(input('param.pid'))}active{/if}"
|
||||
>首页</a
|
||||
>
|
||||
</li>
|
||||
<!-- 1. 服务菜单与二级卡片面板 -->
|
||||
<li class="nhc-nav-item nhc-has-dropdown">
|
||||
<a href="{:addon_url('official/web.official_product/list',[':pid'=>19,':sid'=>19])}" class="nhc-nav-link {if input('param.pid') == 19}active{/if}">
|
||||
<a
|
||||
href="{:addon_url('official/web.official_product/list',[':pid'=>19,':sid'=>19])}"
|
||||
class="nhc-nav-link {if input('param.pid') == 19}active{/if}"
|
||||
>
|
||||
<span>服务</span>
|
||||
<svg class="nhc-caret" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><path d="M6 9l6 6 6-6"/></svg>
|
||||
<svg
|
||||
class="nhc-caret"
|
||||
width="12"
|
||||
height="12"
|
||||
viewBox="0 0 24 24"
|
||||
fill="none"
|
||||
stroke="currentColor"
|
||||
stroke-width="2.5"
|
||||
>
|
||||
<path d="M6 9l6 6 6-6" />
|
||||
</svg>
|
||||
</a>
|
||||
<!-- 服务二级大卡片面板 (Mega Panel) -->
|
||||
<div class="nhc-mega-panel">
|
||||
@@ -40,56 +79,168 @@
|
||||
</div>
|
||||
<div class="nhc-mega-cards-grid-3">
|
||||
<!-- 领域 1：软件开发 -->
|
||||
<a href="{:addon_url('official/web.official_product/service_software')}" target="_blank" class="nhc-mega-card">
|
||||
<a
|
||||
href="{:addon_url('official/web.official_product/service_software')}"
|
||||
target="_blank"
|
||||
class="nhc-mega-card"
|
||||
>
|
||||
<div class="nhc-mega-card-top">
|
||||
<div class="nhc-mega-card-icon">
|
||||
<svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="2" y="3" width="20" height="14" rx="2"/><line x1="8" y1="21" x2="16" y2="21"/><line x1="12" y1="17" x2="12" y2="21"/></svg>
|
||||
<svg
|
||||
width="18"
|
||||
height="18"
|
||||
viewBox="0 0 24 24"
|
||||
fill="none"
|
||||
stroke="currentColor"
|
||||
stroke-width="2"
|
||||
>
|
||||
<rect
|
||||
x="2"
|
||||
y="3"
|
||||
width="20"
|
||||
height="14"
|
||||
rx="2"
|
||||
/>
|
||||
<line
|
||||
x1="8"
|
||||
y1="21"
|
||||
x2="16"
|
||||
y2="21"
|
||||
/>
|
||||
<line
|
||||
x1="12"
|
||||
y1="17"
|
||||
x2="12"
|
||||
y2="21"
|
||||
/>
|
||||
</svg>
|
||||
</div>
|
||||
<div class="nhc-mega-card-title">
|
||||
<div
|
||||
class="nhc-mega-card-title"
|
||||
>
|
||||
<span>软件开发</span>
|
||||
<span class="nhc-mega-card-arrow">→</span>
|
||||
<span
|
||||
class="nhc-mega-card-arrow"
|
||||
>→</span
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
<p class="nhc-mega-card-desc">高并发业务中台定制，分布式微服务架构，完整交付工程源代码。</p>
|
||||
<p class="nhc-mega-card-desc">
|
||||
高并发业务中台定制，分布式微服务架构，完整交付工程源代码。
|
||||
</p>
|
||||
<div class="nhc-mega-card-tags">
|
||||
<span class="nhc-mega-card-tag">微服务中台</span>
|
||||
<span class="nhc-mega-card-tag">源码移交</span>
|
||||
<span class="nhc-mega-card-tag"
|
||||
>微服务中台</span
|
||||
>
|
||||
<span class="nhc-mega-card-tag"
|
||||
>源码移交</span
|
||||
>
|
||||
</div>
|
||||
</a>
|
||||
|
||||
<!-- 领域 2：APP与小程序定制 -->
|
||||
<a href="{:addon_url('official/web.official_product/service_app')}" target="_blank" class="nhc-mega-card">
|
||||
<a
|
||||
href="{:addon_url('official/web.official_product/service_app')}"
|
||||
target="_blank"
|
||||
class="nhc-mega-card"
|
||||
>
|
||||
<div class="nhc-mega-card-top">
|
||||
<div class="nhc-mega-card-icon">
|
||||
<svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="5" y="2" width="14" height="20" rx="2" ry="2"/><line x1="12" y1="18" x2="12.01" y2="18"/></svg>
|
||||
<svg
|
||||
width="18"
|
||||
height="18"
|
||||
viewBox="0 0 24 24"
|
||||
fill="none"
|
||||
stroke="currentColor"
|
||||
stroke-width="2"
|
||||
>
|
||||
<rect
|
||||
x="5"
|
||||
y="2"
|
||||
width="14"
|
||||
height="20"
|
||||
rx="2"
|
||||
ry="2"
|
||||
/>
|
||||
<line
|
||||
x1="12"
|
||||
y1="18"
|
||||
x2="12.01"
|
||||
y2="18"
|
||||
/>
|
||||
</svg>
|
||||
</div>
|
||||
<div class="nhc-mega-card-title">
|
||||
<div
|
||||
class="nhc-mega-card-title"
|
||||
>
|
||||
<span>APP与小程序定制</span>
|
||||
<span class="nhc-mega-card-arrow">→</span>
|
||||
<span
|
||||
class="nhc-mega-card-arrow"
|
||||
>→</span
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
<p class="nhc-mega-card-desc">覆盖 iOS / Android 与微信生态，60fps 丝滑交互与蓝牙物联网硬件直连。</p>
|
||||
<p class="nhc-mega-card-desc">
|
||||
覆盖 iOS / Android
|
||||
与微信生态，60fps
|
||||
丝滑交互与蓝牙物联网硬件直连。
|
||||
</p>
|
||||
<div class="nhc-mega-card-tags">
|
||||
<span class="nhc-mega-card-tag">Flutter/Uni-app</span>
|
||||
<span class="nhc-mega-card-tag">全端协同</span>
|
||||
<span class="nhc-mega-card-tag"
|
||||
>Flutter/Uni-app</span
|
||||
>
|
||||
<span class="nhc-mega-card-tag"
|
||||
>全端协同</span
|
||||
>
|
||||
</div>
|
||||
</a>
|
||||
|
||||
<!-- 领域 3：智能体开发 -->
|
||||
<a href="{:addon_url('official/web.official_product/service_agent')}" target="_blank" class="nhc-mega-card">
|
||||
<a
|
||||
href="{:addon_url('official/web.official_product/service_agent')}"
|
||||
target="_blank"
|
||||
class="nhc-mega-card"
|
||||
>
|
||||
<div class="nhc-mega-card-top">
|
||||
<div class="nhc-mega-card-icon">
|
||||
<svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="12" cy="12" r="3"/><path d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z"/></svg>
|
||||
<svg
|
||||
width="18"
|
||||
height="18"
|
||||
viewBox="0 0 24 24"
|
||||
fill="none"
|
||||
stroke="currentColor"
|
||||
stroke-width="2"
|
||||
>
|
||||
<circle
|
||||
cx="12"
|
||||
cy="12"
|
||||
r="3"
|
||||
/>
|
||||
<path
|
||||
d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z"
|
||||
/>
|
||||
</svg>
|
||||
</div>
|
||||
<div class="nhc-mega-card-title">
|
||||
<div
|
||||
class="nhc-mega-card-title"
|
||||
>
|
||||
<span>智能体开发</span>
|
||||
<span class="nhc-mega-card-arrow">→</span>
|
||||
<span
|
||||
class="nhc-mega-card-arrow"
|
||||
>→</span
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
<p class="nhc-mega-card-desc">企业知识库问答与业务系统对接，内网物理隔离，资料不外传。</p>
|
||||
<p class="nhc-mega-card-desc">
|
||||
企业知识库问答与业务系统对接，内网物理隔离，资料不外传。
|
||||
</p>
|
||||
<div class="nhc-mega-card-tags">
|
||||
<span class="nhc-mega-card-tag">知识库问答</span>
|
||||
<span class="nhc-mega-card-tag">内网部署</span>
|
||||
<span class="nhc-mega-card-tag"
|
||||
>知识库问答</span
|
||||
>
|
||||
<span class="nhc-mega-card-tag"
|
||||
>内网部署</span
|
||||
>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
@@ -99,24 +250,55 @@
|
||||
<div class="nhc-mega-sidebar">
|
||||
<div>
|
||||
<div class="nhc-mega-sidebar-title">
|
||||
<span class="nhc-mega-sidebar-heading">软件工程规范</span>
|
||||
<span class="nhc-seal">规范交付</span>
|
||||
<span
|
||||
class="nhc-mega-sidebar-heading"
|
||||
>软件工程规范</span
|
||||
>
|
||||
<span class="nhc-seal"
|
||||
>规范交付</span
|
||||
>
|
||||
</div>
|
||||
<p class="nhc-mega-sidebar-desc">严格遵循标准化研发流程与质量把控，提供全套工程源码、架构设计文档与数据库字典。</p>
|
||||
<p class="nhc-mega-sidebar-desc">
|
||||
严格遵循标准化研发流程与质量把控，提供全套工程源码、架构设计文档与数据库字典。
|
||||
</p>
|
||||
<div class="nhc-mega-sidebar-metrics">
|
||||
<div class="nhc-mega-metric-row">
|
||||
<span class="nhc-mega-metric-label">响应时效保障</span>
|
||||
<span class="nhc-mega-metric-val">< 15分钟 SLA</span>
|
||||
<span
|
||||
class="nhc-mega-metric-label"
|
||||
>响应时效保障</span
|
||||
>
|
||||
<span
|
||||
class="nhc-mega-metric-val"
|
||||
>< 15分钟 SLA</span
|
||||
>
|
||||
</div>
|
||||
<div class="nhc-mega-metric-row">
|
||||
<span class="nhc-mega-metric-label">首年质保服务</span>
|
||||
<span class="nhc-mega-metric-val">365天 免费维保</span>
|
||||
<span
|
||||
class="nhc-mega-metric-label"
|
||||
>首年质保服务</span
|
||||
>
|
||||
<span
|
||||
class="nhc-mega-metric-val"
|
||||
>365天 免费维保</span
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<a href="{:addon_url('official/web.official_online_message/list',[':pid'=>18,':sid'=>18])}" class="nhc-mega-sidebar-link">
|
||||
<a
|
||||
href="{:addon_url('official/web.official_online_message/list',[':pid'=>18,':sid'=>18])}"
|
||||
class="nhc-mega-sidebar-link"
|
||||
>
|
||||
<span>在线预约</span>
|
||||
<svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><path d="M5 12h14M12 5l7 7-7 7"/></svg>
|
||||
<svg
|
||||
width="12"
|
||||
height="12"
|
||||
viewBox="0 0 24 24"
|
||||
fill="none"
|
||||
stroke="currentColor"
|
||||
stroke-width="2.5"
|
||||
>
|
||||
<path d="M5 12h14M12 5l7 7-7 7" />
|
||||
</svg>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
@@ -125,9 +307,22 @@
|
||||
|
||||
<!-- 2. 产品菜单与二级卡片面板 -->
|
||||
<li class="nhc-nav-item nhc-has-dropdown">
|
||||
<a href="{:addon_url('official/web.official_product/list',[':pid'=>22,':sid'=>22])}" class="nhc-nav-link {if input('param.pid') == 22}active{/if}">
|
||||
<a
|
||||
href="{:addon_url('official/web.official_product/list',[':pid'=>22,':sid'=>22])}"
|
||||
class="nhc-nav-link {if input('param.pid') == 22}active{/if}"
|
||||
>
|
||||
<span>产品</span>
|
||||
<svg class="nhc-caret" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><path d="M6 9l6 6 6-6"/></svg>
|
||||
<svg
|
||||
class="nhc-caret"
|
||||
width="12"
|
||||
height="12"
|
||||
viewBox="0 0 24 24"
|
||||
fill="none"
|
||||
stroke="currentColor"
|
||||
stroke-width="2.5"
|
||||
>
|
||||
<path d="M6 9l6 6 6-6" />
|
||||
</svg>
|
||||
</a>
|
||||
<!-- 产品二级大卡片面板 (Mega Panel) -->
|
||||
<div class="nhc-mega-panel">
|
||||
@@ -139,75 +334,210 @@
|
||||
</div>
|
||||
<div class="nhc-mega-cards-grid-2">
|
||||
<!-- 产品 1：商城系统 -->
|
||||
<a href="{:addon_url('official/web.official_home/index')}#products" class="nhc-mega-card">
|
||||
<a
|
||||
href="{:addon_url('official/web.official_home/index')}#products"
|
||||
class="nhc-mega-card"
|
||||
>
|
||||
<div class="nhc-mega-card-top">
|
||||
<div class="nhc-mega-card-icon">
|
||||
<svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="9" cy="21" r="1"/><circle cx="20" cy="21" r="1"/><path d="M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6"/></svg>
|
||||
<svg
|
||||
width="18"
|
||||
height="18"
|
||||
viewBox="0 0 24 24"
|
||||
fill="none"
|
||||
stroke="currentColor"
|
||||
stroke-width="2"
|
||||
>
|
||||
<circle
|
||||
cx="9"
|
||||
cy="21"
|
||||
r="1"
|
||||
/>
|
||||
<circle
|
||||
cx="20"
|
||||
cy="21"
|
||||
r="1"
|
||||
/>
|
||||
<path
|
||||
d="M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6"
|
||||
/>
|
||||
</svg>
|
||||
</div>
|
||||
<div class="nhc-mega-card-title">
|
||||
<div
|
||||
class="nhc-mega-card-title"
|
||||
>
|
||||
<span>全场景商城系统</span>
|
||||
<span class="nhc-mega-card-arrow">→</span>
|
||||
<span
|
||||
class="nhc-mega-card-arrow"
|
||||
>→</span
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
<p class="nhc-mega-card-desc">B2B2C / S2B2C 多商户入驻，全渠道统一订单汇聚与分销裂变体系。</p>
|
||||
<p class="nhc-mega-card-desc">
|
||||
B2B2C / S2B2C
|
||||
多商户入驻，全渠道统一订单汇聚与分销裂变体系。
|
||||
</p>
|
||||
<div class="nhc-mega-card-tags">
|
||||
<span class="nhc-mega-card-tag">多商户</span>
|
||||
<span class="nhc-mega-card-tag">社交裂变</span>
|
||||
<span class="nhc-mega-card-tag"
|
||||
>多商户</span
|
||||
>
|
||||
<span class="nhc-mega-card-tag"
|
||||
>社交裂变</span
|
||||
>
|
||||
</div>
|
||||
</a>
|
||||
|
||||
<!-- 产品 2：智能收银系统 -->
|
||||
<a href="{:addon_url('official/web.official_home/index')}#products" class="nhc-mega-card">
|
||||
<a
|
||||
href="{:addon_url('official/web.official_home/index')}#products"
|
||||
class="nhc-mega-card"
|
||||
>
|
||||
<div class="nhc-mega-card-top">
|
||||
<div class="nhc-mega-card-icon">
|
||||
<svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="2" y="4" width="20" height="16" rx="2"/><line x1="2" y1="10" x2="22" y2="10"/></svg>
|
||||
<svg
|
||||
width="18"
|
||||
height="18"
|
||||
viewBox="0 0 24 24"
|
||||
fill="none"
|
||||
stroke="currentColor"
|
||||
stroke-width="2"
|
||||
>
|
||||
<rect
|
||||
x="2"
|
||||
y="4"
|
||||
width="20"
|
||||
height="16"
|
||||
rx="2"
|
||||
/>
|
||||
<line
|
||||
x1="2"
|
||||
y1="10"
|
||||
x2="22"
|
||||
y2="10"
|
||||
/>
|
||||
</svg>
|
||||
</div>
|
||||
<div class="nhc-mega-card-title">
|
||||
<span>智能商业收银系统</span>
|
||||
<span class="nhc-mega-card-arrow">→</span>
|
||||
<div
|
||||
class="nhc-mega-card-title"
|
||||
>
|
||||
<span
|
||||
>智能商业收银系统</span
|
||||
>
|
||||
<span
|
||||
class="nhc-mega-card-arrow"
|
||||
>→</span
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
<p class="nhc-mega-card-desc">软硬一体，秒级聚合扫码付，网络中断离线记账自动回传同步。</p>
|
||||
<p class="nhc-mega-card-desc">
|
||||
软硬一体，秒级聚合扫码付，网络中断离线记账自动回传同步。
|
||||
</p>
|
||||
<div class="nhc-mega-card-tags">
|
||||
<span class="nhc-mega-card-tag">秒级聚合付</span>
|
||||
<span class="nhc-mega-card-tag">离线记账</span>
|
||||
<span class="nhc-mega-card-tag"
|
||||
>秒级聚合付</span
|
||||
>
|
||||
<span class="nhc-mega-card-tag"
|
||||
>离线记账</span
|
||||
>
|
||||
</div>
|
||||
</a>
|
||||
|
||||
<!-- 产品 3：一体化进销存 -->
|
||||
<a href="{:addon_url('official/web.official_home/index')}#products" class="nhc-mega-card">
|
||||
<a
|
||||
href="{:addon_url('official/web.official_home/index')}#products"
|
||||
class="nhc-mega-card"
|
||||
>
|
||||
<div class="nhc-mega-card-top">
|
||||
<div class="nhc-mega-card-icon">
|
||||
<svg width="18" height="18" 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"/><polyline points="3.27 6.96 12 12.01 20.73 6.96"/><line x1="12" y1="22.08" x2="12" y2="12"/></svg>
|
||||
<svg
|
||||
width="18"
|
||||
height="18"
|
||||
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"
|
||||
/>
|
||||
<polyline
|
||||
points="3.27 6.96 12 12.01 20.73 6.96"
|
||||
/>
|
||||
<line
|
||||
x1="12"
|
||||
y1="22.08"
|
||||
x2="12"
|
||||
y2="12"
|
||||
/>
|
||||
</svg>
|
||||
</div>
|
||||
<div class="nhc-mega-card-title">
|
||||
<span>一体化进销存系统</span>
|
||||
<span class="nhc-mega-card-arrow">→</span>
|
||||
<div
|
||||
class="nhc-mega-card-title"
|
||||
>
|
||||
<span
|
||||
>一体化进销存系统</span
|
||||
>
|
||||
<span
|
||||
class="nhc-mega-card-arrow"
|
||||
>→</span
|
||||
>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<p class="nhc-mega-card-desc">采购、销售、仓储与财务业财一体化，批次批号管理与动态盘点预警。</p>
|
||||
<p class="nhc-mega-card-desc">
|
||||
采购、销售、仓储与财务业财一体化，批次批号管理与动态盘点预警。
|
||||
</p>
|
||||
<div class="nhc-mega-card-tags">
|
||||
<span class="nhc-mega-card-tag">业财一体</span>
|
||||
<span class="nhc-mega-card-tag">智能补货</span>
|
||||
<span class="nhc-mega-card-tag"
|
||||
>业财一体</span
|
||||
>
|
||||
<span class="nhc-mega-card-tag"
|
||||
>智能补货</span
|
||||
>
|
||||
</div>
|
||||
</a>
|
||||
|
||||
<!-- 产品 4：云原生 SaaS 版本 -->
|
||||
<a href="{:addon_url('official/web.official_home/index')}#products" class="nhc-mega-card">
|
||||
<a
|
||||
href="{:addon_url('official/web.official_home/index')}#products"
|
||||
class="nhc-mega-card"
|
||||
>
|
||||
<div class="nhc-mega-card-top">
|
||||
<div class="nhc-mega-card-icon">
|
||||
<svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M18 10h-1.26A8 8 0 1 0 9 20h9a5 5 0 0 0 0-10z"/></svg>
|
||||
<svg
|
||||
width="18"
|
||||
height="18"
|
||||
viewBox="0 0 24 24"
|
||||
fill="none"
|
||||
stroke="currentColor"
|
||||
stroke-width="2"
|
||||
>
|
||||
<path
|
||||
d="M18 10h-1.26A8 8 0 1 0 9 20h9a5 5 0 0 0 0-10z"
|
||||
/>
|
||||
</svg>
|
||||
</div>
|
||||
<div class="nhc-mega-card-title">
|
||||
<span>云原生 SaaS 平台</span>
|
||||
<span class="nhc-mega-card-arrow">→</span>
|
||||
<div
|
||||
class="nhc-mega-card-title"
|
||||
>
|
||||
<span
|
||||
>云原生 SaaS 平台</span
|
||||
>
|
||||
<span
|
||||
class="nhc-mega-card-arrow"
|
||||
>→</span
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
<p class="nhc-mega-card-desc">多租户金融级数据逻辑与物理隔离，高弹性伸缩云集群，即开即用。</p>
|
||||
<p class="nhc-mega-card-desc">
|
||||
多租户金融级数据逻辑与物理隔离，高弹性伸缩云集群，即开即用。
|
||||
</p>
|
||||
<div class="nhc-mega-card-tags">
|
||||
<span class="nhc-mega-card-tag">多租户隔离</span>
|
||||
<span class="nhc-mega-card-tag">弹性扩容</span>
|
||||
<span class="nhc-mega-card-tag"
|
||||
>多租户隔离</span
|
||||
>
|
||||
<span class="nhc-mega-card-tag"
|
||||
>弹性扩容</span
|
||||
>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
@@ -217,49 +547,106 @@
|
||||
<div class="nhc-mega-sidebar">
|
||||
<div>
|
||||
<div class="nhc-mega-sidebar-title">
|
||||
<span class="nhc-mega-sidebar-heading">成熟商业开箱即用</span>
|
||||
<span class="nhc-seal">成熟商用</span>
|
||||
<span
|
||||
class="nhc-mega-sidebar-heading"
|
||||
>成熟商业开箱即用</span
|
||||
>
|
||||
<span class="nhc-seal"
|
||||
>成熟商用</span
|
||||
>
|
||||
</div>
|
||||
<p class="nhc-mega-sidebar-desc">采用高并发高可用微服务架构，支持公有云敏捷订阅与企业专有云私有化源码交付。</p>
|
||||
<p class="nhc-mega-sidebar-desc">
|
||||
采用高并发高可用微服务架构，支持公有云敏捷订阅与企业专有云私有化源码交付。
|
||||
</p>
|
||||
<div class="nhc-mega-sidebar-metrics">
|
||||
<div class="nhc-mega-metric-row">
|
||||
<span class="nhc-mega-metric-label">高并发承载能力</span>
|
||||
<span class="nhc-mega-metric-val">微服务弹性水平扩容</span>
|
||||
<span
|
||||
class="nhc-mega-metric-label"
|
||||
>高并发承载能力</span
|
||||
>
|
||||
<span
|
||||
class="nhc-mega-metric-val"
|
||||
>微服务弹性水平扩容</span
|
||||
>
|
||||
</div>
|
||||
<div class="nhc-mega-metric-row">
|
||||
<span class="nhc-mega-metric-label">硬件生态适配</span>
|
||||
<span class="nhc-mega-metric-val">收银外设即插即用</span>
|
||||
<span
|
||||
class="nhc-mega-metric-label"
|
||||
>硬件生态适配</span
|
||||
>
|
||||
<span
|
||||
class="nhc-mega-metric-val"
|
||||
>收银外设即插即用</span
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<a href="{:addon_url('official/web.official_home/index')}#contact" class="nhc-mega-sidebar-link">
|
||||
<a
|
||||
href="{:addon_url('official/web.official_home/index')}#contact"
|
||||
class="nhc-mega-sidebar-link"
|
||||
>
|
||||
<span>申请演示</span>
|
||||
<svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><path d="M5 12h14M12 5l7 7-7 7"/></svg>
|
||||
<svg
|
||||
width="12"
|
||||
height="12"
|
||||
viewBox="0 0 24 24"
|
||||
fill="none"
|
||||
stroke="currentColor"
|
||||
stroke-width="2.5"
|
||||
>
|
||||
<path d="M5 12h14M12 5l7 7-7 7" />
|
||||
</svg>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<a href="{:addon_url('official/web.official_case_show/list',[':pid'=>14,':sid'=>14])}" class="nhc-nav-link {if input('param.pid') == 14}active{/if}">案例</a>
|
||||
<a
|
||||
href="{:addon_url('official/web.official_case_show/list',[':pid'=>14,':sid'=>14])}"
|
||||
class="nhc-nav-link {if input('param.pid') == 14}active{/if}"
|
||||
>案例</a
|
||||
>
|
||||
</li>
|
||||
<li>
|
||||
<a href="{:addon_url('official/web.official_home/single',[':pid'=>1,':sid'=>1])}" class="nhc-nav-link {if input('param.pid') == 1}active{/if}">关于我们</a>
|
||||
<a
|
||||
href="{:addon_url('official/web.official_home/single',[':pid'=>1,':sid'=>1])}"
|
||||
class="nhc-nav-link {if input('param.pid') == 1}active{/if}"
|
||||
>关于我们</a
|
||||
>
|
||||
</li>
|
||||
<li>
|
||||
<a href="{:addon_url('official/web.official_online_message/list',[':pid'=>18,':sid'=>18])}" class="nhc-nav-link {if input('param.pid') == 18}active{/if}">联系我们</a>
|
||||
<a
|
||||
href="{:addon_url('official/web.official_online_message/list',[':pid'=>18,':sid'=>18])}"
|
||||
class="nhc-nav-link {if input('param.pid') == 18}active{/if}"
|
||||
>联系我们</a
|
||||
>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
|
||||
<!-- 右侧行动按钮 -->
|
||||
<div class="nhc-nav-actions">
|
||||
<a href="{:addon_url('official/web.official_home/index')}#contact" class="nhc-btn nhc-btn-primary nhc-btn-sm">
|
||||
<a
|
||||
href="{:addon_url('official/web.official_home/index')}#contact"
|
||||
class="nhc-btn nhc-btn-primary nhc-btn-sm"
|
||||
>
|
||||
<span>预约演示</span>
|
||||
<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14M12 5l7 7-7 7"/></svg>
|
||||
<svg
|
||||
width="14"
|
||||
height="14"
|
||||
viewBox="0 0 24 24"
|
||||
fill="none"
|
||||
stroke="currentColor"
|
||||
stroke-width="2"
|
||||
stroke-linecap="round"
|
||||
stroke-linejoin="round"
|
||||
>
|
||||
<path d="M5 12h14M12 5l7 7-7 7" />
|
||||
</svg>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
<!-- 导航栏 结束 -->
|
||||
<!-- 导航栏 结束 -->
|
||||
|
||||
文件差异内容过多而无法显示
加载差异
文件差异内容过多而无法显示
加载差异
@@ -1,78 +1,84 @@
|
||||
{extend name="web/official_common/pc/base" /}
|
||||
|
||||
{block name="content"}
|
||||
|
||||
{if input('param.service') == 'software'}
|
||||
<!-- 引入软件开发专属独立页 -->
|
||||
{include file="web/official_product/service_software" /}
|
||||
{elseif input('param.service') == 'app' /}
|
||||
<!-- 引入APP与小程序定制专属独立页 -->
|
||||
{include file="web/official_product/service_app" /}
|
||||
{elseif input('param.service') == 'agent' /}
|
||||
<!-- 引入智能体开发专属独立页 -->
|
||||
{include file="web/official_product/service_agent" /}
|
||||
{elseif input('param.pid') == 19 || (isset($res['name']) && strpos($res['name'],'服务') !== false) /}
|
||||
<!-- 引入纳海川服务综合独立页 -->
|
||||
{include file="web/official_product/service_page" /}
|
||||
{elseif input('param.pid') == 22 || (isset($res['name']) && strpos($res['name'],'产品') !== false) /}
|
||||
<!-- 引入纳海川产品独立页 -->
|
||||
{include file="web/official_product/product_page" /}
|
||||
{else/}
|
||||
<!-- 通用产品/服务列表 开始 -->
|
||||
<div class="product nhc-container" style="padding: 110px 0 60px;">
|
||||
<div id="right" style="width: 100%;">
|
||||
<div class="right_title" style="margin-bottom: 24px;">
|
||||
<div id="location" class="nhc-breadcrumb">
|
||||
<a href="/" target="_self">首页</a> >>
|
||||
<a href="javascript:;">{:ze($res,'name')}</a>
|
||||
{if !empty($son_data)}
|
||||
>> <a href="javascript:;">{:ze($son_data,'name')}</a>
|
||||
{/if}
|
||||
</div>
|
||||
<h2 style="font-family: var(--font-serif); font-size: 28px; color: var(--text-primary); margin-top: 12px;">
|
||||
{:ze($res,'name')}
|
||||
</h2>
|
||||
</div>
|
||||
{if !empty($res['son'])}
|
||||
<div id="subchannel_main" style="margin-bottom: 32px;">
|
||||
<div id="subchannel">
|
||||
<ul class="subchannellist" style="display: flex; gap: 12px; list-style: none;">
|
||||
{foreach $res['son'] as $item}
|
||||
<li class="depth1 {if $item['is_choose']}active{/if}" style="padding: 6px 18px; border: 1px solid var(--border-color); border-radius: 4px; background: {if $item['is_choose']}var(--primary){else}#FFF{/if};">
|
||||
<a href="{:get_cate_url($item)}" style="color: {if $item['is_choose']}#FFF{else}var(--text-secondary){/if};">{:ze($item,'name')}</a>
|
||||
</li>
|
||||
{/foreach}
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
{/if}
|
||||
<div class="right_body minwidth">
|
||||
<ul class="productlist" style="display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; list-style: none;">
|
||||
{foreach $data as $index => $item}
|
||||
<li style="background: #FFF; border: 1px solid var(--border-color); border-radius: var(--radius-sm); overflow: hidden; box-shadow: var(--shadow-subtle);">
|
||||
<a href="{:addon_url('official/web.official_product/details',[':pid'=>(int)input('param.pid'),':sid'=>(int)input('param.sid'),':id'=>$item['id']])}" target="_blank" class="info_wrap" style="display: block; text-decoration: none;">
|
||||
<div class="InfoPicture" style="height: 180px; overflow: hidden; background: #F8FAFC; display: flex; align-items: center; justify-content: center;">
|
||||
<img src="{$item['image']}" title="{$item['title']}" alt="{$item['title']}" style="max-width: 100%; max-height: 100%; object-fit: cover;">
|
||||
</div>
|
||||
<div class="InfoWrap" style="padding: 16px;">
|
||||
<div class="InfoTitle" style="font-family: var(--font-serif); font-size: 16px; font-weight: 600; color: var(--text-primary);">
|
||||
{$item['title']}
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</li>
|
||||
{/foreach}
|
||||
</ul>
|
||||
<div class="page_custom" style="margin-top: 40px; text-align: center;">
|
||||
<div class="page_son">
|
||||
{$data->render(['pid'=>(int)input('param.pid'),'sid'=>(int)input('param.sid')])}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="clear"></div>
|
||||
</div>
|
||||
<!-- 通用产品/服务列表 结束 -->
|
||||
{/if}
|
||||
|
||||
{/block}
|
||||
{extend name="web/official_common/pc/base" /}
|
||||
|
||||
{block name="css"}
|
||||
{if input('param.service') == 'agent' || input('param.service') == 'app' || input('param.service') == 'software'}
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
{/if}
|
||||
{/block}
|
||||
|
||||
{block name="content"}
|
||||
|
||||
{if input('param.service') == 'software'}
|
||||
<!-- 引入软件开发专属独立页 -->
|
||||
{include file="web/official_product/service_software" /}
|
||||
{elseif input('param.service') == 'app' /}
|
||||
<!-- 引入APP与小程序定制专属独立页 -->
|
||||
{include file="web/official_product/service_app" /}
|
||||
{elseif input('param.service') == 'agent' /}
|
||||
<!-- 引入智能体开发专属独立页 -->
|
||||
{include file="web/official_product/service_agent" /}
|
||||
{elseif input('param.pid') == 19 || (isset($res['name']) && strpos($res['name'],'服务') !== false) /}
|
||||
<!-- 引入纳海川服务综合独立页 -->
|
||||
{include file="web/official_product/service_page" /}
|
||||
{elseif input('param.pid') == 22 || (isset($res['name']) && strpos($res['name'],'产品') !== false) /}
|
||||
<!-- 引入纳海川产品独立页 -->
|
||||
{include file="web/official_product/product_page" /}
|
||||
{else/}
|
||||
<!-- 通用产品/服务列表 开始 -->
|
||||
<div class="product nhc-container" style="padding: 110px 0 60px;">
|
||||
<div id="right" style="width: 100%;">
|
||||
<div class="right_title" style="margin-bottom: 24px;">
|
||||
<div id="location" class="nhc-breadcrumb">
|
||||
<a href="/" target="_self">首页</a> >>
|
||||
<a href="javascript:;">{:ze($res,'name')}</a>
|
||||
{if !empty($son_data)}
|
||||
>> <a href="javascript:;">{:ze($son_data,'name')}</a>
|
||||
{/if}
|
||||
</div>
|
||||
<h2 style="font-family: var(--font-serif); font-size: 28px; color: var(--text-primary); margin-top: 12px;">
|
||||
{:ze($res,'name')}
|
||||
</h2>
|
||||
</div>
|
||||
{if !empty($res['son'])}
|
||||
<div id="subchannel_main" style="margin-bottom: 32px;">
|
||||
<div id="subchannel">
|
||||
<ul class="subchannellist" style="display: flex; gap: 12px; list-style: none;">
|
||||
{foreach $res['son'] as $item}
|
||||
<li class="depth1 {if $item['is_choose']}active{/if}" style="padding: 6px 18px; border: 1px solid var(--border-color); border-radius: 4px; background: {if $item['is_choose']}var(--primary){else}#FFF{/if};">
|
||||
<a href="{:get_cate_url($item)}" style="color: {if $item['is_choose']}#FFF{else}var(--text-secondary){/if};">{:ze($item,'name')}</a>
|
||||
</li>
|
||||
{/foreach}
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
{/if}
|
||||
<div class="right_body minwidth">
|
||||
<ul class="productlist" style="display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; list-style: none;">
|
||||
{foreach $data as $index => $item}
|
||||
<li style="background: #FFF; border: 1px solid var(--border-color); border-radius: var(--radius-sm); overflow: hidden; box-shadow: var(--shadow-subtle);">
|
||||
<a href="{:addon_url('official/web.official_product/details',[':pid'=>(int)input('param.pid'),':sid'=>(int)input('param.sid'),':id'=>$item['id']])}" target="_blank" class="info_wrap" style="display: block; text-decoration: none;">
|
||||
<div class="InfoPicture" style="height: 180px; overflow: hidden; background: #F8FAFC; display: flex; align-items: center; justify-content: center;">
|
||||
<img src="{$item['image']}" title="{$item['title']}" alt="{$item['title']}" style="max-width: 100%; max-height: 100%; object-fit: cover;">
|
||||
</div>
|
||||
<div class="InfoWrap" style="padding: 16px;">
|
||||
<div class="InfoTitle" style="font-family: var(--font-serif); font-size: 16px; font-weight: 600; color: var(--text-primary);">
|
||||
{$item['title']}
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</li>
|
||||
{/foreach}
|
||||
</ul>
|
||||
<div class="page_custom" style="margin-top: 40px; text-align: center;">
|
||||
<div class="page_son">
|
||||
{$data->render(['pid'=>(int)input('param.pid'),'sid'=>(int)input('param.sid')])}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="clear"></div>
|
||||
</div>
|
||||
<!-- 通用产品/服务列表 结束 -->
|
||||
{/if}
|
||||
|
||||
{/block}
|
||||
|
||||
@@ -1,70 +1,80 @@
|
||||
{extend name="web/official_common/mobile/base" /}
|
||||
|
||||
{block name="content"}
|
||||
|
||||
{if input('param.service') == 'software'}
|
||||
<!-- 引入移动端软件开发专属独立页 -->
|
||||
{include file="web/official_product/service_software" /}
|
||||
{elseif input('param.service') == 'app' /}
|
||||
<!-- 引入移动端APP与小程序定制专属独立页 -->
|
||||
{include file="web/official_product/service_app" /}
|
||||
{elseif input('param.service') == 'agent' /}
|
||||
<!-- 引入移动端智能体开发专属独立页 -->
|
||||
{include file="web/official_product/service_agent" /}
|
||||
{elseif input('param.pid') == 19 || (isset($res['name']) && strpos($res['name'],'服务') !== false) /}
|
||||
<!-- 引入移动端纳海川服务综合独立页 -->
|
||||
{include file="web/official_product/service_page" /}
|
||||
{elseif input('param.pid') == 22 || (isset($res['name']) && strpos($res['name'],'产品') !== false) /}
|
||||
<!-- 引入移动端纳海川产品独立页 -->
|
||||
{include file="web/official_product/product_page" /}
|
||||
{else/}
|
||||
<!-- 通用产品/服务移动端列表 开始 -->
|
||||
<div class="product nhc-container" style="padding: 80px 16px 40px;">
|
||||
<div id="right">
|
||||
<div class="right_title" style="margin-bottom: 20px;">
|
||||
<h2 style="font-family: var(--font-serif); font-size: 24px; color: var(--text-primary);">
|
||||
{:ze($res,'name')}
|
||||
</h2>
|
||||
</div>
|
||||
{if !empty($res['son'])}
|
||||
<div id="subchannel_main" style="margin-bottom: 24px;">
|
||||
<div id="subchannel">
|
||||
<ul class="subchannellist" style="display: flex; flex-wrap: wrap; gap: 8px; list-style: none;">
|
||||
{foreach $res['son'] as $item}
|
||||
<li class="depth1 {if $item['is_choose']}active{/if}" style="padding: 6px 14px; border: 1px solid var(--border-color); border-radius: 4px; background: {if $item['is_choose']}var(--primary){else}#FFF{/if};">
|
||||
<a href="{:get_cate_url($item)}" style="font-size: 13px; color: {if $item['is_choose']}#FFF{else}var(--text-secondary){/if};">{:ze($item,'name')}</a>
|
||||
</li>
|
||||
{/foreach}
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
{/if}
|
||||
<div class="right_body minwidth">
|
||||
<ul class="productlist" style="display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; list-style: none;">
|
||||
{foreach $data as $key => $item}
|
||||
<li style="background: #FFF; border: 1px solid var(--border-color); border-radius: var(--radius-sm); overflow: hidden; box-shadow: var(--shadow-subtle);">
|
||||
<div class="content new_xinwen">
|
||||
<img src="{$item['image']}" title="{$item['title']}" class="new_xinwen_image" style="width: 100%; height: 120px; object-fit: cover;"
|
||||
onclick='location.href="{:addon_url('official/web.official_product/details',[':pid'=>(int)input('param.pid'),':sid'=>(int)input('param.sid'),':id'=>$item['id']])}"'>
|
||||
<div style="padding: 10px;">
|
||||
<a class="new_xinwen_A" href="{:addon_url('official/web.official_product/details',[':pid'=>(int)input('param.pid'),':sid'=>(int)input('param.sid'),':id'=>$item['id']])}" style="font-size: 13px; color: var(--text-primary); text-decoration: none; font-weight: 600;">
|
||||
{$item['title']}
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
{/foreach}
|
||||
</ul>
|
||||
<div class="page_custom" style="margin-top: 24px; text-align: center;">
|
||||
<div class="page_son">
|
||||
{$data->render(['pid'=>(int)input('param.pid'),'sid'=>(int)input('param.sid')])}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="clear"></div>
|
||||
</div>
|
||||
<!-- 通用产品/服务移动端列表 结束 -->
|
||||
{/if}
|
||||
|
||||
{/block}
|
||||
{extend name="web/official_common/mobile/base" /}
|
||||
|
||||
{block name="css"}
|
||||
{if input('param.service') == 'agent'}
|
||||
<style>body > .slide { display: none; }</style>
|
||||
{elseif input('param.service') == 'app' || input('param.service') == 'software' /}
|
||||
<style>body > .slide, body > .navbar, body > .sidebar-panel { display: none; }</style>
|
||||
{/if}
|
||||
{/block}
|
||||
|
||||
{block name="content"}
|
||||
|
||||
{if input('param.service') == 'software'}
|
||||
<!-- 引入移动端软件开发专属独立页 -->
|
||||
{assign name="software_mobile_header" value="1" /}
|
||||
{include file="web/official_product/service_software" /}
|
||||
{elseif input('param.service') == 'app' /}
|
||||
<!-- 引入移动端APP与小程序定制专属独立页 -->
|
||||
{assign name="app_mobile_header" value="1" /}
|
||||
{include file="web/official_product/service_app" /}
|
||||
{elseif input('param.service') == 'agent' /}
|
||||
<!-- 引入移动端智能体开发专属独立页 -->
|
||||
{include file="web/official_product/service_agent" /}
|
||||
{elseif input('param.pid') == 19 || (isset($res['name']) && strpos($res['name'],'服务') !== false) /}
|
||||
<!-- 引入移动端纳海川服务综合独立页 -->
|
||||
{include file="web/official_product/service_page" /}
|
||||
{elseif input('param.pid') == 22 || (isset($res['name']) && strpos($res['name'],'产品') !== false) /}
|
||||
<!-- 引入移动端纳海川产品独立页 -->
|
||||
{include file="web/official_product/product_page" /}
|
||||
{else/}
|
||||
<!-- 通用产品/服务移动端列表 开始 -->
|
||||
<div class="product nhc-container" style="padding: 80px 16px 40px;">
|
||||
<div id="right">
|
||||
<div class="right_title" style="margin-bottom: 20px;">
|
||||
<h2 style="font-family: var(--font-serif); font-size: 24px; color: var(--text-primary);">
|
||||
{:ze($res,'name')}
|
||||
</h2>
|
||||
</div>
|
||||
{if !empty($res['son'])}
|
||||
<div id="subchannel_main" style="margin-bottom: 24px;">
|
||||
<div id="subchannel">
|
||||
<ul class="subchannellist" style="display: flex; flex-wrap: wrap; gap: 8px; list-style: none;">
|
||||
{foreach $res['son'] as $item}
|
||||
<li class="depth1 {if $item['is_choose']}active{/if}" style="padding: 6px 14px; border: 1px solid var(--border-color); border-radius: 4px; background: {if $item['is_choose']}var(--primary){else}#FFF{/if};">
|
||||
<a href="{:get_cate_url($item)}" style="font-size: 13px; color: {if $item['is_choose']}#FFF{else}var(--text-secondary){/if};">{:ze($item,'name')}</a>
|
||||
</li>
|
||||
{/foreach}
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
{/if}
|
||||
<div class="right_body minwidth">
|
||||
<ul class="productlist" style="display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; list-style: none;">
|
||||
{foreach $data as $key => $item}
|
||||
<li style="background: #FFF; border: 1px solid var(--border-color); border-radius: var(--radius-sm); overflow: hidden; box-shadow: var(--shadow-subtle);">
|
||||
<div class="content new_xinwen">
|
||||
<img src="{$item['image']}" title="{$item['title']}" class="new_xinwen_image" style="width: 100%; height: 120px; object-fit: cover;"
|
||||
onclick='location.href="{:addon_url('official/web.official_product/details',[':pid'=>(int)input('param.pid'),':sid'=>(int)input('param.sid'),':id'=>$item['id']])}"'>
|
||||
<div style="padding: 10px;">
|
||||
<a class="new_xinwen_A" href="{:addon_url('official/web.official_product/details',[':pid'=>(int)input('param.pid'),':sid'=>(int)input('param.sid'),':id'=>$item['id']])}" style="font-size: 13px; color: var(--text-primary); text-decoration: none; font-weight: 600;">
|
||||
{$item['title']}
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
{/foreach}
|
||||
</ul>
|
||||
<div class="page_custom" style="margin-top: 24px; text-align: center;">
|
||||
<div class="page_son">
|
||||
{$data->render(['pid'=>(int)input('param.pid'),'sid'=>(int)input('param.sid')])}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="clear"></div>
|
||||
</div>
|
||||
<!-- 通用产品/服务移动端列表 结束 -->
|
||||
{/if}
|
||||
|
||||
{/block}
|
||||
|
||||
文件差异内容过多而无法显示
加载差异
文件差异内容过多而无法显示
加载差异
文件差异内容过多而无法显示
加载差异
在新工单中引用
屏蔽一个用户