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

372
product_ecommerce_net_cargo.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-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;">
供应链平台核心组件，依托大数据与云计算技术直连终端客户。聚焦智能车货匹配、动态路径调度、自动化作业三大功能。集成订单管理、车辆定位、进度可视化、决策分析、电子结算，构建全链路数字化闭环。深度融合智能调度与路径优化，提升港口拖车全流程协同效率与服务品质。
<h2 id="cargoTitle" class="product-hero-title">岸基网络货运平台</h2>
<p class="product-hero-description">
岸基网络货运平台是供应链平台核心组件，依托大数据与云计算技术直连终端客户，聚焦智能车货匹配、动态路径调度与自动化作业，集成订单管理、车辆定位、进度可视化、决策分析与电子结算，构建全链路数字化闭环，持续提升港口拖车协同效率与服务品质。
</p>
</div>
<div class="cargo-info-right"></div>
@@ -140,63 +91,118 @@
</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/wangluohuoyun/huowuquanchengzhuisu.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/wangluohuoyun/tishengjishuyunnengli.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/wangluohuoyun/tishengfuwujingzhengli.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/wangluohuoyun/jiangdijishuyunchengben.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 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-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/wangluohuoyun/xietongdashujufenxi.png" alt="增强协同大数据分析能力图示">
</div>
</div>
</div>
</div>
</div>
@@ -204,11 +210,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/ecommerce/cargo.webp"
class="img-responsive center-block" />
</div>
@@ -216,66 +223,91 @@
</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-icon">
<h4>解决开票难题：合规化税务支撑</h4>
</div>
<div class="feature-card-body">
<p>"营改增"政策下普通货运发票开具困难，个体运输户无法提供增值税发票。平台通过税控系统对接，基于真实交易数据化解开票壁垒。</p>
</div>
<div class="feature-card">
<div class="feature-card-icon">
<img src="assets/images/project/common/编组-14.svg" alt="税务合规无忧">
</div>
<div class="feature-card feature-card-advantage">
<div class="feature-card-icon">
<h4>三方资金监管：交易安全闭环</h4>
</div>
<div class="feature-card-body">
<p>货主/车主通过平台、物流企业、银行三方监管体系，实现快捷在线支付，保障各方资金安全与权益。</p>
</div>
<div class="feature-card-body">
<h4>税务合规无忧</h4>
<p>对接税控系统并沉淀“三流合一”数据链路，有效解决开票难题，降低企业税务风险。</p>
</div>
<div class="feature-card feature-card-advantage">
<div class="feature-card-icon">
<h4>增值税发票赋能：降低财务风险</h4>
</div>
<div class="feature-card-body">
<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 feature-card-advantage">
<div class="feature-card-icon">
<h4>小微企业管理提效：全功能工具赋能</h4>
</div>
<div class="feature-card-body">
<p>为小微车队/承运商提供运单、司机、车辆、调度、轨迹、结算、发票管理等全链条工具，显著提升其管理效率与平台黏性。</p>
</div>
<div class="feature-card-body">
<h4>资金安全放心</h4>
<p>平台、物流企业、银行三方监管机制确保交易资金安全，增强交易双方信任基础。</p>
</div>
<div class="feature-card feature-card-advantage">
<div class="feature-card-icon">
<h4>物流分包网络覆盖：线上线下服务贯通</h4>
</div>
<div class="feature-card-body">
<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 feature-card-advantage">
<div class="feature-card-icon">
<h4>电子签单认证：无纸化操作升级</h4>
</div>
<div class="feature-card-body">
<p>支持手持终端收货人签字确认及网站/APP在线评价，推动签收流程数字化变革。</p>
</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/资源_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 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 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>
@@ -306,31 +338,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>