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

352
product_port_cdi_bulk.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客户服务、决策支持、维护服务及场站等核心子系统。平台通过图形化操作和智能算法支撑自动排产、实时监控、自动配载与协同调度，满足散杂货码头高频作业场景，在提升效率的同时降低IT建设与运维成本。 </p>
</div>
<div class="cargo-info-right"></div>
</div>
@@ -139,63 +90,160 @@
</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">BS架构便捷使用</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>运用OCR、RFID等技术自动识别车辆与单证信息，将人工登记为主的闸口流程升级为自动采集与自动放行。</p>
<ul class="feature-highlight-points">
<li>车牌自动识别快速通行，无需停车重复登记。</li>
<li>单证OCR录入减少人工输入，降低录入误差。</li>
<li>闸口数据实时采集回传，提升现场作业效率。</li>
</ul>
</div>
<div class="feature-highlight-visual">
<div class="feature-highlight-visual-card">
<img src="assets/images/product/sanzahuo/zhinengzhaokouyuzidongshibie.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/Group-5-Copy-3.svg" alt="智能化码头管理系统">
</div>
<div class="feature-card-body">
<h4>智能化码头管理系统</h4>
<p>系统运用先进算法，实现了智能闸口，OCR，RFID，GPS差分，移动互联方面的智能化。</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>通过GPS差分定位与移动终端采集，实时追踪货物位置、作业状态与异常变化，提升现场协同准确性。</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/sanzahuo/huowushishidingweiyuzhuizong.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>系统集业务操作，财务计费，决策支持，智能分析为一体，涵盖了码头、货主、货代、船东、船代、一关三检的相关业务管理及对接。</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>打通业务作业与财务计费流程，实现费用自动归集、账单自动生成和对账闭环，提升经营数据一致性。</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/sanzahuo/yecaiyitihuaguanli.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>系统支持SaaS模式的多码头运营管理，适合于集团下多个码头的统一部署和分布式独立操作。</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>支持SaaS模式下多码头统一部署、独立运行，既满足集团标准管控，又保障单码头运营自治。</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/sanzahuo/duomatoutongyiguankong.png" alt="多码头统一管控图示">
</div>
<div class="feature-card">
<div class="feature-card-icon">
<img src="assets/images/project/common/资源_6.svg" alt="互联网模式码头管理系统">
</div>
<div class="feature-card-body">
<h4>互联网模式码头管理系统</h4>
<p>系统采用BS模式设计实现，简化了系统的开发、维护和使用。系统支持B2C，B2C商业模式。</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>BS架构便捷使用：部署与运维更轻量</h2>
<p>采用浏览器访问模式，无需逐台安装客户端，升级维护集中在服务端统一完成，降低IT维护门槛。</p>
<ul class="feature-highlight-points">
<li>终端具备浏览器即可使用，推广部署更快捷。</li>
<li>系统升级后台统一发布，减少现场运维负担。</li>
<li>支持PC与平板协同访问，办公灵活性更高。</li>
</ul>
</div>
<div class="feature-highlight-visual">
<div class="feature-highlight-visual-card">
<img src="assets/images/product/sanzahuo/bsjiagoubianjieshiyong.png" alt="BS架构便捷使用图示">
</div>
<div class="feature-card">
<div class="feature-card-icon">
<img src="assets/images/project/common/智慧物业-copy-2.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/sanzahuo/guojihuaduoyuyanzhichi.png" alt="国际化多语言支持图示">
</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>与货主、货代、船东、船代、海关等系统实现自动数据交换，减少多方重复录入，提升联动效率。</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/sanzahuo/shangxiayouxitongduijie.png" alt="上下游系统对接图示">
</div>
</div>
</div>
</div>
</div>
@@ -203,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/bulk.webp"
class="img-responsive center-block" />
</div>
@@ -218,61 +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/Group-5-Copy-3.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">
<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">
<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/资源_6.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/智慧物业-copy-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">
<h4>开放标准云平台</h4>
<img src="assets/images/project/common/Group-5-Copy-3.svg" alt="开放标准云平台">
</div>
<div class="feature-card-body">
<p>基于OpenStack主流云架构，确保技术兼容性与生态扩展性，规避厂商绑定风险。</p>
<h4>开放标准云平台</h4>
<p>基于OpenStack主流架构构建，具备良好兼容性与扩展性，降低长期厂商绑定风险。</p>
</div>
</div>
</div>
@@ -305,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>