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

354
product_port_cdi_container.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>
@@ -112,14 +63,14 @@
<!-- start page-title -->
<section class="page-title page-title-cargo-platform">
<div class="container" style="padding-top:0px">
<section class="page-title page-title-cargo-platform2">
<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;">
岸基云码头集装箱操作系统是一款基于云端的多租户软件，集成了码头运营所需的九大核心子系统。它通过智能算法与图形化界面，实现从自动计划到实时调度的全流程智能化管理，并能灵活适配各类码头设备与工艺，有效提升作业效率、优化资源配置。其模块化设计支持弹性扩展，在降低成本的同时保障系统安全可靠。 </p>
<h2 id="cargoTitle" class="product-hero-title">岸基云码头集装箱智能操作系统</h2>
<p class="product-hero-description">
岸基云码头集装箱操作系统基于云端多租户架构，集成码头操作、智能计划、智能调度、费收管理、EDI报文转换、统计分析、WEB客户服务、决策支持、维护服务及场站等核心子系统。系统通过图形化界面与智能算法实现自动计划排产、实时作业监控、自动船舶配载和智能集卡调度，提升集装箱码头作业效率，并以模块化能力支持低成本扩展与稳定运行。 </p>
</div>
<div class="cargo-info-right"></div>
</div>
@@ -133,87 +84,166 @@
<div class="row">
<div class="col col-xs-12">
<div class="page-path">
<a href="../index.html">首页</a> &gt; <a href="../product_eCommerce.html">产品中心</a> &gt; 岸基云码头集装箱操作系统
<a href="../index.html">首页</a> &gt; <a href="../product_eCommerce.html">产品中心</a> &gt; 岸基云码头集装箱智能操作系统
</div>
</div>
</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">堆场全景可视化</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>
<li role="presentation">
<button class="feature-highlight-tab" type="button" role="tab" aria-selected="false" aria-controls="feature-panel-7" data-target="#feature-panel-7">查验作业全流程可视</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/jizhuangxiang/zhinengduichangyouhua.png" alt="智能堆场优化图示">
</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/资源_2.svg" alt="智能堆场优化">
</div>
<div class="feature-card-body">
<h4>智能堆场优化</h4>
<p>通过图形界面与数学算法提升堆场堆码密度，显著减少集装箱二次翻捣率，使堆场策划更简单智能，降低操作成本。</p>
</div>
<div id="feature-panel-2" 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/jizhuangxiang/quanzidongduichangjihua.png" alt="全自动堆场计划图示">
</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>
</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>支持手工与EDI预配，结合专家知识库生成可优化的配载队列，提升计划质量并缩短配载准备周期。</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/jizhuangxiang/zhinengchuanbopeizai.png" alt="智能船舶配载图示">
</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>支持手工/EDI报文预配，自动生成可拆分合并的配载队列，结合分桥操作优化与专家知识库，通过参数调整生成差异化方案，提供配载报告分析与智能修正。</p>
</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>BS图形化实时展示整船进度、机械位置与箱位分布，帮助调度与现场人员快速协同、快速响应异常。</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/jizhuangxiang/duichangquanjingkeshihua.png" alt="堆场全景可视化图示">
</div>
<div class="feature-card">
<div class="feature-card-icon">
<img src="assets/images/project/common/资源_10.svg" alt="堆场全景可视化">
</div>
<div class="feature-card-body">
<h4>堆场全景可视化</h4>
<p>BS架构图形化实时展示整船箱进度、堆场机械位置及箱位分布，模拟真实堆场动态，提升作业监控精度。</p>
</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/jizhuangxiang/duoluzuoyezhinengjunheng.png" alt="多路作业智能均衡图示">
</div>
<div class="feature-card">
<div class="feature-card-icon">
<img src="assets/images/project/common/Group-15-Copy-3.svg" alt="多路作业智能均衡">
</div>
<div class="feature-card-body">
<h4>多路作业智能均衡</h4>
<p>基于堆场策划自动分配闸口进箱与卸船位置，结合机械分布状态动态平衡作业量，优化资源调度效率。</p>
</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/jizhuangxiang/wurenzhishouzidonghuazhakou.png" alt="无人值守自动化闸口图示">
</div>
<div class="feature-card">
<div class="feature-card-icon">
<img src="assets/images/project/common/资源_4.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/Group-5-Copy-3.svg" alt="查验作业全流程可视">
</div>
<div class="feature-card-body">
<h4>查验作业全流程可视</h4>
<p>图形化展示机查/人查排队队列、作业区箱位状态及实时进度，通过EDI与海关同步查验指令与结果，集成地磅数据自动采集，实现残损登记可视化。</p>
</div>
</div>
</div>
</div>
<div id="feature-panel-7" class="feature-highlight-panel" role="tabpanel">
<div class="feature-highlight-detail">
<div class="feature-highlight-copy">
<h2>查验作业全流程可视：跨部门协同提速</h2>
<p>图形化展示机查/人查队列与作业区状态，并通过EDI同步查验指令和结果，提升查验过程的透明与协作效率。</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/jizhuangxiang/chayanzuoyequanliuchengkeshihua.png" alt="查验作业全流程可视图示">
</div>
</div>
</div>
</div>
</div>
@@ -221,11 +251,12 @@
</section>
<!-- 产品架构图区域 - 全宽背景 -->
<section style="background: linear-gradient(135deg, #d2e5fa 0%, #f0f7ff 30%, #f5f9ff 70%, #d2e7fd 100%)">
<div class="container" style="padding:40px;">
<section class="product-architecture-section--gradient">
<div class="container product-architecture-container">
<div class="row">
<div class="col col-xs-12 text-center">
<h1 style="margin:40px 0 30px 0;">产品架构</h1>
<h1 class="product-architecture-title">产品架构</h1>
<p>从底层到应用，构建全链路协同骨架</p>
<img src="assets/images/project/port/cdi2.webp" class="img-responsive center-block" />
</div>
</div>
@@ -235,45 +266,50 @@
<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: 10px;">产品优势</h1>
<h1 class="product-advantages-title">产品优势</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">
<img src="assets/images/project/common/资源_2.svg" alt="流程标准化与无纸化">
</div>
<div class="feature-card-body">
<h4>流程标准化与无纸化</h4>
</div>
<div class="feature-card-body">
<p>通过系统固化港口业务管理流程，强化操作规范性，取消部分内部纸质单证，实现全流程无纸化运作，显著提升作业效率与合规性。</p>
<p>通过系统固化作业规则和关键节点，推动内部单证电子化流转，形成可执行、可追溯的标准化生产流程。</p>
</div>
</div>
<div class="feature-card feature-card-advantage">
<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>
</div>
<div class="feature-card-body">
<p>地磅自动称重、闸口智能识别、手机理货数据同步、车载终端实时回传等技术实现关键业务自动化，数据采集时效性提升，赋能高效监管与动态决策。</p>
<p>围绕地磅、闸口、移动终端与车载设备实现关键数据自动采集，显著提升监管时效与现场决策响应速度。</p>
</div>
</div>
<div class="feature-card feature-card-advantage">
<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>
</div>
<div class="feature-card-body">
<p>图形化界面直观展示货物状态、作业计划及执行进度，实现计划、货物、作业等核心信息的可视化管理，提升运营透明度。</p>
<p>图形化汇总展示计划、货物、设备与执行进度，让管理层和调度层基于统一视图进行协同与管控。</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/资源_10.svg" alt="全域运行实时监控">
</div>
<div class="feature-card-body">
<p>对港口船舶动态、货物位置、机械状态、车辆轨迹进行在线监控，即时发现运营异常，加速问题响应，提升货物流转效率。</p>
<h4>全域运行实时监控</h4>
<p>对船舶动态、货物位置、机械状态和车辆轨迹进行实时监控，快速识别异常并推动闭环处置，保障码头连续高效运行。</p>
</div>
</div>
</div>
@@ -306,31 +342,19 @@
$("#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>