fengjun/ag-index
1
0
Fork 0
Code Activity

up

Browse Source
This commit is contained in:
fengjun
2026-04-15 17:35:22 +08:00
parent 188f5274fe
commit d6dc28f62c
140 changed files with 3464 additions and 3137 deletions
Download Patch File Download Diff File Expand all files Collapse all files

240
product_full_logistics_chain_ship_agent.html
View File

@@ -29,59 +29,10 @@
<!--<link href="assets/css/style 2.css" rel="stylesheet">-->
<link href="assets/css/style.css" rel="stylesheet">
<link href="assets/css/pro.css" rel="stylesheet">
<link href="assets/css/product.css" rel="stylesheet">
<!-- Custom styles for cargo platform page title -->
<style>
/* 产品页面双列布局样式 */
.cargo-platform-content {
display: flex;
flex-wrap: wrap;
}
.cargo-info-left {
width: 580px;
flex: 0 0 580px;
padding-right: 30px;
box-sizing: border-box;
text-align: left;
}
.cargo-info-left h2,
.cargo-info-left p {
text-align: left;
}
.cargo-info-right {
flex: 1;
min-width: 0;
box-sizing: border-box;
}
/* 响应式设计 - 移动端调整为垂直布局 */
@media (max-width: 768px) {
.cargo-platform-content {
flex-direction: column;
}
.cargo-info-left {
width: 100%;
flex: 1;
padding-right: 0;
margin-bottom: 20px;
}
.cargo-info-right {
width: 100%;
}
}
/* Swiper轮播居中父容器 */
.main2 {
display: flex;
justify-content: center;
width: 100%;
}
</style>
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
@@ -113,16 +64,16 @@
<!-- start page-title -->
<section class="page-title page-title-cargo-platform">
<div class="container" style="padding-top:0px">
<div class="container product-hero-container">
<div class="row">
<div class="cargo-platform-content col col-xs-12 col-md-12">
<div class="cargo-info-left">
<h2 id="cargoTitle" style="margin-bottom: 20px;color:black;">岸基船舶代理系统</h2>
<p style="font-size: 16px; line-height: 1.8;color:black;">
面向船代公司提供完整业务操作解决方案，通过“互联网+”服务模式满足企业内部操作需求。支持船务、单证、箱管、商务、财务等多部门协同，搭建智能高效业务平台，实现线上线下“一站式”服务。
适用于集装箱/散杂货、干线/支线、外贸/内贸等全代理模式。
<div class="cargo-info-left">
<h2 id="cargoTitle" class="product-hero-title">岸基全程物流链平台-船舶代理系统</h2>
<p class="product-hero-description">
船舶代理系统面向船代公司提供完整业务操作解决方案，支持船务、单证、箱管、商务、财务等多部门协同办公。系统适用于集装箱/散杂货、干线/支线、外贸/内贸等全代理模式，帮助企业实现线上线下一站式服务，提升作业效率与管理精度。
</p>
</div>
<div class="cargo-info-right"></div>
</div>
</div> <!-- end row -->
@@ -141,66 +92,39 @@
</div>
</div>
<section class="section-padding">
<section class="feature-highlight-section fun-fact-section">
<div class="container">
<div class="row">
<div style="text-align: center;">
<div>
<h1 style="margin-bottom: 30px;">产品功能亮点</h1>
</div>
</div>
<div class="feature-highlight-heading">
<h1>产品核心功能与价值</h1>
<p>覆盖船代核心作业链条，强化集团管控、自动化处理与经营可视</p>
</div>
<div class="row">
<div class="col col-xs-12">
<div class="service-grids services-slider clearfix">
<div class="feature-card">
<div class="feature-card-icon">
<img src="assets/images/project/common/编组-14.svg" alt="SAAS模式化">
</div>
<div class="feature-card-body">
<h4>系统SAAS模式化与集团化管理</h4>
<p>支持集团多公司模式的统一业务操作，规范数据标准及业务流程，实现跨公司协同管控。</p>
</div>
</div>
<div class="feature-card">
<div class="feature-card-icon">
<img src="assets/images/project/common/资源_5.svg" alt="AI+RPA技术">
</div>
<div class="feature-card-body">
<h4>智能AI+RPA技术应用</h4>
<p>通过AI与RPA技术实现发票智能识别、海关预配自动登录与发送功能，提升操作自动化水平。</p>
</div>
</div>
<div class="feature-card">
<div class="feature-card-icon">
<img src="assets/images/project/common/资源_3.svg" alt="EDI自定义">
</div>
<div class="feature-card-body">
<h4>EDI与界面深度自定义</h4>
<p>支持EDI所有报文格式、费用导入清单及功能界面的自定义配置，满足个性化数据处理需求。</p>
</div>
</div>
<div class="feature-card">
<div class="feature-card-icon">
<img src="assets/images/project/common/资源_9.svg" alt="全渠道服务">
</div>
<div class="feature-card-body">
<h4>全渠道服务多样化</h4>
<p>提供网站及移动端（APP、微信）等多平台应用，实现客户数据精准推送服务。</p>
</div>
</div>
</div>
</div>
<ul class="feature-highlight-tabs" role="tablist">
<li role="presentation"><button class="feature-highlight-tab active" type="button" role="tab" aria-selected="true" aria-controls="feature-panel-1" data-target="#feature-panel-1">集团统一管理</button></li>
<li role="presentation"><button class="feature-highlight-tab" type="button" role="tab" aria-selected="false" aria-controls="feature-panel-2" data-target="#feature-panel-2">AI智能作业</button></li>
<li role="presentation"><button class="feature-highlight-tab" type="button" role="tab" aria-selected="false" aria-controls="feature-panel-3" data-target="#feature-panel-3">EDI灵活配置</button></li>
<li role="presentation"><button class="feature-highlight-tab" type="button" role="tab" aria-selected="false" aria-controls="feature-panel-4" data-target="#feature-panel-4">全渠道服务</button></li>
<li role="presentation"><button class="feature-highlight-tab" type="button" role="tab" aria-selected="false" aria-controls="feature-panel-5" data-target="#feature-panel-5">业财一体化</button></li>
<li role="presentation"><button class="feature-highlight-tab" type="button" role="tab" aria-selected="false" aria-controls="feature-panel-6" data-target="#feature-panel-6">数据可视化</button></li>
</ul>
<div class="feature-highlight-panels">
<div id="feature-panel-1" class="feature-highlight-panel active" role="tabpanel"><div class="feature-highlight-detail"><div class="feature-highlight-copy"><h2>集团多公司统一管理</h2><p>通过统一规则与标准，实现集团化船代业务协同和子公司独立运营并行。</p><ul class="feature-highlight-points"><li>集团统一配置业务规则、审批流程与收费标准。</li><li>子公司独立操作且数据隔离，互不干扰。</li><li>管理层一屏掌握集团业务全貌。</li></ul></div><div class="feature-highlight-visual"><div class="feature-highlight-visual-card"><img src="assets/images/product/chuanbodaili/jituanduogongsiguanli.png" alt="集团统一管理"></div></div></div></div>
<div id="feature-panel-2" class="feature-highlight-panel" role="tabpanel"><div class="feature-highlight-detail"><div class="feature-highlight-copy"><h2>AI智能识别与自动化操作</h2><p>将高频、重复、易错的单证处理流程自动化，提升作业准确性与效率。</p><ul class="feature-highlight-points"><li>发票拍照上传后系统自动识别核心信息。</li><li>海关舱单自动发送，减少人工登录操作。</li><li>危险品单证自动标记风险点，提升审单质量。</li></ul></div><div class="feature-highlight-visual"><div class="feature-highlight-visual-card"><img src="assets/images/product/chuanbodaili/aizhinenyunzuo.png" alt="AI智能作业"></div></div></div></div>
<div id="feature-panel-3" class="feature-highlight-panel" role="tabpanel"><div class="feature-highlight-detail"><div class="feature-highlight-copy"><h2>EDI与界面自定义配置</h2><p>支持报文、费率、界面按客户与岗位差异化配置，增强业务适配能力。</p><ul class="feature-highlight-points"><li>不同船公司报文格式可自动转换。</li><li>费用项目与费率按客户维度灵活配置。</li><li>按岗位显示功能，简化操作界面。</li></ul></div><div class="feature-highlight-visual"><div class="feature-highlight-visual-card"><img src="assets/images/product/chuanbodaili/edipeizhi.png" alt="EDI灵活配置"></div></div></div></div>
<div id="feature-panel-4" class="feature-highlight-panel" role="tabpanel"><div class="feature-highlight-detail"><div class="feature-highlight-copy"><h2>全渠道服务能力</h2><p>通过网站、APP、微信多端协同，实现客户服务与内部作业统一联动。</p><ul class="feature-highlight-points"><li>客户可在微信端查船期、查费用、查进度。</li><li>操作人员在电脑端处理批量业务。</li><li>管理层在移动端审批和查看经营数据。</li></ul></div><div class="feature-highlight-visual"><div class="feature-highlight-visual-card"><img src="assets/images/product/chuanbodaili/quandaofuwu.png" alt="全渠道服务"></div></div></div></div>
<div id="feature-panel-5" class="feature-highlight-panel" role="tabpanel"><div class="feature-highlight-detail"><div class="feature-highlight-copy"><h2>业务财务一体化</h2><p>打通业务与财务数据链路，实现费用自动归集、对账与收支跟踪闭环。</p><ul class="feature-highlight-points"><li>船舶靠港后费用自动归集，减少月底集中处理。</li><li>对账单可一键生成并联动发票流程。</li><li>应收应付实时可见，资金占用更透明。</li></ul></div><div class="feature-highlight-visual"><div class="feature-highlight-visual-card"><img src="assets/images/product/chuanbodaili/yecaiyitihua.png" alt="业财一体化"></div></div></div></div>
<div id="feature-panel-6" class="feature-highlight-panel" role="tabpanel"><div class="feature-highlight-detail"><div class="feature-highlight-copy"><h2>数据可视化决策</h2><p>通过图形化展现船舶、业务、财务数据，帮助管理层快速判断运营表现。</p><ul class="feature-highlight-points"><li>船舶在港/在途状态图形化展示。</li><li>业务进度实时跟踪，节点状态清晰可查。</li><li>收入与成本对比可视化，航线盈亏一眼可见。</li></ul></div><div class="feature-highlight-visual"><div class="feature-highlight-visual-card"><img src="assets/images/product/chuanbodaili/shujukeshihua.png" alt="数据可视化"></div></div></div></div>
</div>
</div> <!-- end container -->
</div>
</section>
<!-- 产品架构图区域 - 全宽背景 -->
<section style="background-color: #eaf5fd; padding: 60px 0;">
<section class="product-architecture-section--soft">
<div class="container">
<div class="row">
<div class="col col-xs-12 text-center">
<h1>产品架构</h1>
<p>从底层到应用，构建全链路协同骨架</p>
<img src="assets/images/project/product_full_logistics_chain_platform/ship_agent.webp"
class="img-responsive center-block" />
</div>
@@ -208,72 +132,25 @@
</div>
</section>
<section >
<section >
<div class="container">
<div class="row">
<div style="text-align: center;padding-top: 60px;">
<div>
<h1 style="margin-bottom: 30px;">产品优势</h1>
</div>
</div>
</div>
<div class="row"><div class="product-advantages-header"><div><h1 class="product-advantages-title product-advantages-title--spacious">产品优势</h1><p>我们不止于功能领先，更在于价值落地</p></div></div></div>
<div class="row">
<div class="col col-xs-12">
<div class="service-grids services-slider clearfix">
<div class="feature-card feature-card-advantage">
<div class="feature-card-icon">
<h4>标准化架构与管控</h4>
</div>
<div class="feature-card-body">
<p>统一架构定义数据标准、流程标准与业务规则，实现业务流程标准化操作，支持集团化经营模式，确保数据一体化管控。</p>
</div>
</div>
<div class="feature-card feature-card-advantage">
<div class="feature-card-icon">
<h4>智能化技术应用</h4>
</div>
<div class="feature-card-body">
<p>应用AI大模型与规则引擎，实现海关品名负面清单智能校验、海关预配装载舱单智能发送、邮件智能解析转发、危险品智能审单，提升操作效率与准确性。</p>
</div>
</div>
<div class="feature-card feature-card-advantage">
<div class="feature-card-icon">
<h4>自动化业务操作</h4>
</div>
<div class="feature-card-body">
<p>基于标准业务环节，实现出口自动化做船、费用自动计算及RPA自动化操作，显著提升效率并节约人力成本。</p>
</div>
</div>
<div class="feature-card feature-card-advantage">
<div class="feature-card-icon">
<h4>灵活化配置生态</h4>
</div>
<div class="feature-card-body">
<p>采用"基础平台+业务插件"模块化配置模式，支持审批流程、操作界面、EDI格式及邮件模板的自定义，快速适应业务多变与增长需求。</p>
</div>
</div>
<div class="feature-card feature-card-advantage">
<div class="feature-card-icon">
<h4>可视化决策支持</h4>
</div>
<div class="feature-card-body">
<p>深度挖掘业务数据，图形化实时展现船舶信息、业务进度与财务数据，全局掌控运营状态，辅助精准决策。</p>
</div>
</div>
<div class="feature-card feature-card-advantage">
<div class="feature-card-icon">
<h4>高可靠技术保障</h4>
</div>
<div class="feature-card-body">
<p>基于分布式私有PaaS平台，通过微服务架构、负载均衡与数据安全机制，保障系统稳定运行与运维安全。</p>
</div>
</div>
<div class="feature-card"><div class="feature-card-icon"><img src="assets/images/project/common/编组-14.svg" alt="集团管控省力"></div><div class="feature-card-body"><h4>集团管控省力</h4><p>统一架构定义数据标准与流程规则，多公司统一管理且保持独立运营边界。</p></div></div>
<div class="feature-card"><div class="feature-card-icon"><img src="assets/images/project/common/资源_5.svg" alt="AI操作省人"></div><div class="feature-card-body"><h4>AI操作省人</h4><p>智能识别与规则引擎覆盖高频场景，减少人工录入和重复校验负担。</p></div></div>
<div class="feature-card"><div class="feature-card-icon"><img src="assets/images/project/common/资源_3.svg" alt="自动化业务省时"></div><div class="feature-card-body"><h4>自动化业务省时</h4><p>RPA 自动处理与费用自动计算协同，缩短作业链条，提升交付效率。</p></div></div>
<div class="feature-card"><div class="feature-card-icon"><img src="assets/images/project/common/资源_9.svg" alt="灵活配置省事"></div><div class="feature-card-body"><h4>灵活配置省事</h4><p>基础平台与插件化能力支持界面、审批、报文按需配置，无需频繁改造系统。</p></div></div>
<div class="feature-card"><div class="feature-card-icon"><img src="assets/images/project/common/编组-14.svg" alt="数据可视省心"></div><div class="feature-card-body"><h4>数据可视省心</h4><p>船舶动态、业务进度、收入成本统一可视，辅助管理层快速做经营判断。</p></div></div>
<div class="feature-card"><div class="feature-card-icon"><img src="assets/images/project/common/资源_5.svg" alt="高可靠保障"></div><div class="feature-card-body"><h4>高可靠保障</h4><p>分布式平台与负载均衡机制保障系统稳定，满足高并发与持续运行需求。</p></div></div>
</div>
</div>
</div>
</div> <!-- end container -->
</div>
</section>
<!-- start site-footer -->
<!-- start site-footer -->
<div id="footer"></div>
@@ -294,35 +171,24 @@
<!-- Custom script for this template -->
<script src="assets/js/script.js"></script>
<script type="text/javascript">
<script type="text/javascript">
$("#footer").load("footer.html");
$("#header").load("header.html");
// 初始化功能卡片轮播 - 使用 Owl Carousel
$(document).ready(function() {
$(".feature-cards-slider").owlCarousel({
loop: true,
margin: 25,
smartSpeed: 500,
autoplay: true,
autoplayTimeout: 5000,
autoplayHoverPause: true,
dots: false,
nav: false,
responsive: {
0: {
items: 1
},
768: {
items: 2
},
992: {
items: 3
}
}
$(".feature-highlight-tab").on("click", function() {
var $tab = $(this);
var target = $tab.data("target");
$(".feature-highlight-tab").removeClass("active").attr("aria-selected", "false");
$(".feature-highlight-panel").removeClass("active");
$tab.addClass("active").attr("aria-selected", "true");
$(target).addClass("active");
});
});
</script>
</body>
</html>
</html>