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

366
product_port_cdi.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;">
针对码头全流程管理的通用软件套装，集成码头操作、智能计划、调度、费收、EDI报文、统计分析、客户服务、决策支持与维护服务等九大核心系统。平台支持集装箱、散杂货、液化及综合型码头全周期作业管理，助力港口集团实现统一、标准化运营。通过自动排产、实时监控、智能配载与集卡调度等功能，持续提升码头运营效率与智能化水平。 </p>
<h2 id="cargoTitle" class="product-hero-title">岸基云码头集散一体化智能操作系统</h2>
<p class="product-hero-description">
云码头智能操作平台——适配集装箱、散杂货、液化等全货种码头。集成操作、计划、调度、费收、EDI、客服、决策等核心模块，以自动排产、智能配载、实时监控、集卡调度，赋能集团化统一运营，提效增智。 </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/yitihua/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/编组-14.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/yitihua/quanzidongduichangjihua.png" alt="全自动堆场计划图示">
</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 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/yitihua/zhinengchuanbopeizai.png" alt="智能船舶配载图示">
</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>支持手工/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/yitihua/duichangquanjingkeshihua.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>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/yitihua/duoluzuoyezhinengjunheng.png" alt="多路作业智能均衡图示">
</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>
</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/yitihua/wurenzhishouzidonghuazhakou.png" alt="无人值守自动化闸口图示">
</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 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>图形化展示机查/人查排队队列、作业区箱位状态及实时进度，通过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/yitihua/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/cdi.webp"
class="img-responsive center-block" />
</div>
@@ -236,45 +267,68 @@
<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">
<h4>智能流程重塑运营标准</h4>
<img src="assets/images/project/common/编组-14.svg" alt="翻倒降低与堆位增效">
</div>
<div class="feature-card-body">
<p>通过系统固化港口业务管理流程，强化操作规范性，取消部分内部纸质单证，实现全流程无纸化运作，显著提升作业效率与合规性。</p>
<h4>翻倒降低与堆位增效</h4>
<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/资源_5.svg" alt="自动派位与均衡作业">
</div>
<div class="feature-card-body">
<p>地磅自动称重、闸口智能识别、手机理货数据同步、车载终端实时回传等技术实现关键业务自动化，数据采集时效性提升，赋能高效监管与动态决策。</p>
<h4>自动派位与均衡作业</h4>
<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/资源_3.svg" alt="智能配载提质增效">
</div>
<div class="feature-card-body">
<p>图形化界面直观展示货物状态、作业计划及执行进度，实现计划、货物、作业等核心信息的可视化管理，提升运营透明度。</p>
<h4>智能配载提质增效</h4>
<p>支持EDI预配与专家知识库优化，自动生成多套配载方案并快速比选，缩短计划编制周期并提升装船质量。</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/资源_9.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/编组-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>
@@ -307,31 +361,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>