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

331
product_full_logistics_chain_platform.html
View File

@@ -7,7 +7,7 @@
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="author" content="irstheme">
<title> 产品中心-岸基科技-岸基全程物流链平台 </title>
<title> 产品中心-岸基科技-岸基全程物流链系统 </title>
<meta name="title" content="烟台岸基网络科技有限公司">
<meta name="Description"
content="烟台岸基网络科技有限公司是从事于全程物流链科技服务的互联网软件公司，致力于打造港航企业的互联网生态圈，研发出了航运电子商务平台系统、多码头智能操作系统、全程物流链管理系统等软件产品。">
@@ -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;">
平台致力于解决物流信息链条割裂的痛点，通过“互联网+物流”的创新模式，无缝连接船公司、货代、车队、港口及仓储等各个环节。依托全流程在线协同与实时数据互通，平台构建了覆盖海运、陆运、仓储的一体化操作界面，有效提升供应链透明度与整体协作效率。
<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 -->
@@ -140,75 +92,133 @@
</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>
</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/ilog/shujuzidongliuzhuan.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>手机电脑都能用：在哪都能办公</h2>
<p>支持 PC、APP、微信公众号和小程序，覆盖不同岗位与作业场景的协同需求。</p>
<ul class="feature-highlight-points">
<li>办公室可用电脑处理批量订舱与单证。</li>
<li>出差场景下可通过手机查看订单与审批进度。</li>
<li>司机通过小程序接收派车并上传回单。</li>
<li>客户通过公众号查货、查费、查船期。</li>
</ul>
</div>
<div class="feature-highlight-visual">
<div class="feature-highlight-visual-card">
<img src="assets/images/product/ilog/duoduanxietongbangong.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/ilog/jituantongyiguanli.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>模块化灵活配置：按需建设</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/ilog/mokuaihuapeizhi.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/ilog/duiwaixitongduijie.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>
<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>十年物流平台IT服务经验团队 + 阿里开发框架资深架构师引领，确保业务需求与技术创新无缝融合。</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>支持PC端访问，同步融入移动应用、微信公众号等互联网访问方式，满足多场景操作需求。</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/编组-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>
<!-- 产品架构图区域 - 全宽背景 -->
<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/product_full_logistics_chain_platform/platform.webp"
class="img-responsive center-block" />
</div>
@@ -216,72 +226,80 @@
</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: 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>PC、APP、微信全渠道覆盖，业务、管理、外场角色都能在统一平台协同操作。</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 feature-card-advantage">
<div class="feature-card">
<div class="feature-card-icon">
<h4>高可靠性设计</h4>
<img src="assets/images/project/common/编组-2-copy-5.svg" alt="自动对接降误差">
</div>
<div class="feature-card-body">
<p>支持负载均衡<br>支持多项目资源隔离<br>支持多应用集群数据读写分离</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/编组-14.svg" alt="高可用与数据安全">
</div>
<div class="feature-card-body">
<p>基于openstack主流云平台构建，确保技术生态兼容性与可持续性。</p>
<h4>高可用与数据安全</h4>
<p>通过多副本备份与资源隔离提升可靠性，在业务高峰期保持持续可用与数据安全。</p>
</div>
</div>
</div>
</div>
</div>
</div> <!-- end container -->
</div>
</section>
<!-- start site-footer -->
<!-- start site-footer -->
<div id="footer"></div>
@@ -302,35 +320,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>