1
0
This commit is contained in:
2026-04-15 17:35:22 +08:00
parent 188f5274fe
commit d6dc28f62c
140 changed files with 3464 additions and 3137 deletions

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>
@@ -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">
岸基车辆运输管理系统TMS以业财一体化为核心聚焦车队调度、成本核算、费用结算等关键场景。系统通过智能调度和全程可视化能力帮助运输企业优化运力配置实现运输收入与成本精细化管理,提升运营效
</p>
</div>
<div class="cargo-info-right"></div>
</div>
</div> <!-- end row -->
@@ -140,75 +92,37 @@
</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>
</div>
<div class="feature-highlight-heading">
<h1>产品核心功能与价值</h1>
<p>从路线、跟踪、成本到结算与异常处置,构建运输全流程数字化闭环</p>
</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>TMS系统集成GIS地理信息系统、实时交通数据与算法模型根据货物属性重量、体积、温控需求、车辆资源载重、司机资质及外部因素自动生成最优路线。</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>TMS通过GPS定位、人工录入动态信息、通关闸口信息录入及视频监控设备实现运输全程监控动态实时跟踪。</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>TMS构建精细化成本模型覆盖运费、燃油费、过路费等全部支出并支持多种计费规则重量、体积、里程、件数。通过小程序、公众号或APP实时查看车辆与货物位置、状态及预计到达时间响应时间从30分钟缩短至1分钟。</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>TMS实现结算管理自动化可按照费率自动计算费用、生成对账单、发票及核销信息自动生成利润分析、承运商对账等报表减少人工录入错误降低运维成本。</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>TMS通过监控与多节点跟踪实现异常状况快速处理在途监控支持分段记录行驶时间、停留时长分析异常停留原因。系统自动规划新路线或调配资源协调运输过程保障安全。</p>
</div>
</div>
</div>
</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>系统基于 GIS、实时交通与车辆约束条件自动生成建议路线降低调度经验依赖。</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/cheliangyunshu/zhinengluxianguihua.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>通过 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/cheliangyunshu/yunshushijiankeshihua.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/cheliangyunshu/chengbenjingxihesuan.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/cheliangyunshu/feiyongzidongjiesuan.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/cheliangyunshu/yichangkuaisuchuli.png" alt="异常快速处理"></div></div></div></div>
</div>
</div> <!-- end container -->
</div>
</section>
<!-- 产品架构图区域 - 全宽背景 -->
<section style="background-color: #eaf5fd; padding: 60px 0;">
<section class="product-architecture-section--soft">
<div class="container">
<div class="row">
<div class="col col-xs-12 text-center">
<h1>产品架构</h1>
<p>从底层到应用,构建全链路协同骨架</p>
<img src="assets/images/project/product_full_logistics_chain_platform/car_management.webp"
class="img-responsive center-block" />
</div>
@@ -216,48 +130,24 @@
</div>
</section>
<section >
<section >
<div class="container">
<div class="row">
<div style="text-align: center;padding-top: 60px;">
<div>
<h1 style="margin-bottom: 30px;">产品优势</h1>
</div>
</div>
</div>
<div class="row"><div class="product-advantages-header"><div><h1 class="product-advantages-title product-advantages-title--spacious">产品优势</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>
<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 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/编组-14.svg" alt="路线更省"></div><div class="feature-card-body"><h4>路线更省</h4><p>GIS 与实时交通数据联动,自动规划更优路线,减少绕行与燃油消耗。</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>GPS、闸口与视频数据整合车辆与货物状态全程可见响应更及时。</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 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>
<!-- start site-footer -->
<!-- start site-footer -->
<div id="footer"></div>
@@ -278,35 +168,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>