up
This commit is contained in:
@@ -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;">
|
||||
WMS仓储管理系统是一种用于优化仓库内部操作的软件系统。它通过集成智能设备和执行分配,实现仓库作业的动态管控和实时跟踪。是一种用于管理和控制仓库操作的软件系统,主要目的是帮助仓库管理人员实现对仓库内货物的准确记录、库存跟踪以及库存调度等功能,从而实现对仓库运作的全面监控和管理。WMS能够确保仓库作业的流畅性和准确性。
|
||||
<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,66 +92,35 @@
|
||||
</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>WMS系统实时采集库存数据,消除人工记录误差。WMS整合库存数据,生成可视化报表,帮助管理者优化采购计划。</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>WMS系统可按照批次、总量或体积等条件,智能化的给出货物分类建议,高频商品(如快消品)被分配至靠近出入口的"黄金区域",低频商品(如季节性商品)存放至高层货架。</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>拣货员通过手持端接收系统推送的订单任务,进行入库、出库或移库等操作,简化操作减少无效行走,WMS替代纸质单据,通过移动端实时同步作业数据,减少信息传递延误。</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>WMS提供库存、订单、作业效率等数据的实时报表,管理层可随时掌握仓库运营状态。</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>
|
||||
</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/cangchu/kucunshishizhuizong.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>根据批次、销量、货品属性等因素推荐货位,提高拣货效率并降低体力消耗。</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/cangchu/zhinenghuoweibuju.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/cangchu/zuoyezidonghua.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/cangchu/shujuqudongjuece.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/warehouse.webp"
|
||||
class="img-responsive center-block" />
|
||||
</div>
|
||||
@@ -207,48 +128,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>通过智能化设备(例如手机移动端或扫码终端设备)替代过剩人工,人力需求减少50%-70%,实时库存监控和效期管理功能将损耗率控制在1%以内。</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>库存实时采集与可视化报表结合,扫码即更新,减少账实偏差。</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 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>
|
||||
@@ -269,35 +166,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>
|
||||
|
||||
Reference in New Issue
Block a user