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

325
product_ecommerce_bctp.html
View File

@@ -29,59 +29,7 @@
<!--<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">
<!-- 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>
<link href="assets/css/product.css" rel="stylesheet">
<!-- 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 +60,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-platform1">
<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 cargo-info-left--compact">
<h2 id="cargoTitle" class="product-hero-title">岸基大宗商品贸易平台</h2>
<p class="product-hero-description">
岸基大宗商品贸易平台，集信息发布、在线交易、水上运输、多式联运于一体。支持小程序及网站访问，为货主、贸易商、船主、车主提供一站式贸易与运输服务，推动多式联运“一单制”，实现物流全程数字化、智能化。 </p>
</div>
<div class="cargo-info-right"></div>
</div>
@@ -139,72 +87,139 @@
</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>
</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/bctp/chuanhuotong.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/bctp/wumaoyi.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>平台汇聚航道水文、气象信息与水闸拥挤等关键数据，为客户提供及时、可用的航行辅助信息支持。</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/bctp/wudaozhi.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>解决船舶航行安全所需航道水文、气象、水闸拥挤等相关痛点问题，为平台客户提供实时资讯</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>针对多式联运协同复杂、报价拆解繁琐的问题，平台将下单、报价分解和全程跟踪整合到统一业务入口。</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/bctp/wujiujishuyi.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-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/bctp/xiaochengxuzuoye.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 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/bctp/sanweiwuzhou.png" alt="三维梧州功能图示">
</div>
</div>
</div>
</div>
</div>
@@ -212,11 +227,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 product-architecture-title--compact">产品架构</h1>
<p>从底层到应用，构建全链路协同骨架</p>
<img src="assets/images/project/ecommerce/bctp.webp"
class="img-responsive center-block" />
</div>
@@ -227,60 +243,67 @@
<section >
<div class="container">
<div class="row">
<div style="text-align: center;padding-top: 60px;">
<div class="product-advantages-header product-advantages-header--compact">
<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="service-grids services-slider clearfix bctp-advantage-grid">
<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">
<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">
<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">
<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/资源_9.svg" alt="数据资源一体化">
</div>
<div class="feature-card-body">
<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">
<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">
<h4>港口服务品质化</h4>
<p>提供水文气象、航标显示、航道信息、船舶显示、气象信息等查询和提醒服务，提高服务品质，保障物流运输安全。</p>
</div>
</div>
@@ -314,31 +337,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>