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

282
product_full_logistics_chain_cargo_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,15 +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;">
岸基全程物流链核心产品之一，针对货代业务特点，运用先进计算机技术，提升业务单证的智能识别、费用智能对账等服务能力，实现业务的标准化、流程化、智能化操作，实现货物委托、提单确认、海关预配、EDI、费用结算、客户服务等业务的高效操作。
<div class="cargo-info-left">
<h2 id="cargoTitle" class="product-hero-title">岸基全程物流链平台-货运代理系统</h2>
<p class="product-hero-description">
货运代理系统是全程物流链平台核心产品之一，针对货代业务特点，实现货物委托、提单确认、海关预配、EDI、费用结算等关键环节的高效操作。系统通过 AI 提升单证识别与费用对账能力，帮助企业减少人工处理、提升作业效率。
</p>
</div>
<div class="cargo-info-right"></div>
</div>
</div> <!-- end row -->
@@ -140,57 +92,111 @@
</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 class="feature-highlight-heading">
<h1>产品核心功能与价值</h1>
<p>围绕货代作业标准化与自动化，提升效率、准确性与协同能力</p>
</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">录单智能化</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">计费灵活化</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">EDI自动对接</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>建立数据 SOP 标准，明确各业务节点的操作责任与数据流转方式，降低协作不确定性。</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/huoyundaili/liuchengbiaozhunhua.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/huoyundaili/ludanzhinenghua.png" alt="录单智能化">
</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>计费灵活化：不同客户不同价，系统自动算</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/huoyundaili/jifeilinghuohua.png" alt="计费灵活化">
</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>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/huoyundaili/edizidongduijie.png" alt="EDI自动对接">
</div>
</div>
</div>
</div>
</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="流程标准化">
</div>
<div class="feature-card-body">
<h4>流程标准化</h4>
<p>建立数据SOP标准，明确货物委托、提单确认等每项业务环节节点，数据流转对象、交互方式、数据标准等，实现系统业务的标准化、流程化操作，提高操作效率。</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>配置录单自动化流程，实现数据的快速录入等处理。比如智能发送海关预配舱单、智能实现船公司订舱、提单确认、VGM等操作，整体工作效率提高30%，大大降低人工成本。</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>自定义设置各费目计费要素、计费事件、计费规则等内容，依据设定规则实现费用的自动计算处理，提高计费业务人员的工作效率，减少误差。同时可以根据费目对应的业务节点完成时自动触发计费事件，实现费用的智能计算操作。</p>
</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/cargo_agent.webp"
class="img-responsive center-block" />
</div>
@@ -198,48 +204,71 @@
</div>
</section>
<section >
<section >
<div class="container">
<div class="row">
<div style="text-align: center;padding-top: 60px;">
<div class="product-advantages-header">
<div>
<h1 style="margin-bottom: 30px;">产品优势</h1>
<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">
<div class="feature-card-icon">
<h4>分布式部署+微服务模式</h4>
<img src="assets/images/project/common/编组-14.svg" alt="流程标准省心">
</div>
<div class="feature-card-body">
<p>系统采用先进的互联网分布式架构，无需一次性投入高额硬件成本，资源利用率提升 40% 以上。同时基于微服务、热加载的技术架构，实现系统模块独立开发，无需暂停系统进行升级，提高系统的兼容性和可扩展性。</p>
<h4>流程标准省心</h4>
<p>SOP 标准明确环节边界，岗位协同更清晰，问题可追溯，降低运营不确定性。</p>
</div>
</div>
<div class="feature-card feature-card-advantage">
<div class="feature-card">
<div class="feature-card-icon">
<h4>AI技术应用</h4>
<img src="assets/images/project/common/资源_5.svg" alt="AI录单省力">
</div>
<div class="feature-card-body">
<p>通过收集船期、订单等关键的业务数据，建立AI模型与规则引擎，实现系统智能录单秒级完成，告别人工重复录入，错误率降低 95% 以上；通过AI引擎实时监控邮箱，智能解析邮件中、订舱回执等信息，分钟级更新订单状态，实现订单流转无人盯守，提高操作效率。</p>
<h4>AI录单省力</h4>
<p>借助 AI 模型与规则引擎自动处理录单与识别任务，减少重复劳动并提高处理速度。</p>
</div>
</div>
<div class="feature-card feature-card-advantage">
<div class="feature-card">
<div class="feature-card-icon">
<h4>数据可视监管</h4>
<img src="assets/images/project/common/资源_3.svg" alt="计费灵活省事">
</div>
<div class="feature-card-body">
<p>深层挖掘业务、财务数据，搭建多维度可视化看板，直观查看数据流程节点运行情况，监控异常数据信息并实时告警提示；同时对业务数据进行同比、环比分析，让领导层掌握公司的经营情况，为公司发展决策提供依据。</p>
<h4>计费灵活省事</h4>
<p>费目与规则可按客户及业务灵活配置，系统自动计费，减少人工核算与争议。</p>
</div>
</div>
<div class="feature-card">
<div class="feature-card-icon">
<img src="assets/images/project/common/资源_9.svg" alt="EDI协同省时">
</div>
<div class="feature-card-body">
<h4>EDI协同省时</h4>
<p>外部系统自动对接与报文交换，减少重复录入，提升跨系统协同效率。</p>
</div>
</div>
<div class="feature-card">
<div class="feature-card-icon">
<img src="assets/images/project/common/编组-2-copy-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>
@@ -260,35 +289,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>