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,16 +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;">
|
||||
船舶管理系统是根据船公司的经营和运营管理特点，定制化开发符合船公司适用的船舶综合管理系统。实现经营管理和运营管理一体化、体系和经营一体化、业务财务一体化，提升各部门间的数据共享和协同能力。<br><br>
|
||||
|
||||
<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 -->
|
||||
@@ -141,77 +92,41 @@
|
||||
</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>金蝶费用报销系统停止使用，全部费用报销在本系统统一管理。显著提升企业管理水平，直接节约运营成本。</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>BI系统：数据可视化驱动决策</h4>
|
||||
<p>集成现有BI工具，提供大数据可视化统计。深度整合各部门业务数据，支撑集团级数据分析与战略制定。</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>EAS财务系统：业财无缝协同</h4>
|
||||
<p>通过中间库对接金蝶EAS财务系统，自动同步费用、发票、收付款数据至财务中间库，确保财务凭证高效生成。</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>
|
||||
<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>
|
||||
<li role="presentation"><button class="feature-highlight-tab" type="button" role="tab" aria-selected="false" aria-controls="feature-panel-7" data-target="#feature-panel-7">BI数据可视</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/chuanboguanli/feiyongbaoxiaotongyi.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/chuanboguanli/gongzuoliuchengtongyi.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/chuanboguanli/yecaiduidong.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>内置计算引擎处理薪资、补贴、扣款等复杂规则，减少 Excel 手工核算风险。</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/chuanboguanli/chuanyuanxinzizidong.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/chuanboguanli/zhengshuyujing.png" alt="证书到期预警"></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/chuanboguanli/tixiwendangwuzhihua.png" alt="体系文件无纸化"></div></div></div></div>
|
||||
<div id="feature-panel-7" class="feature-highlight-panel" role="tabpanel"><div class="feature-highlight-detail"><div class="feature-highlight-copy"><h2>BI数据可视：决策有数</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/chuanboguanli/bikanban.png" alt="BI数据可视"></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/shipping/boat.webp"
|
||||
class="img-responsive center-block" />
|
||||
</div>
|
||||
@@ -219,64 +134,26 @@
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section >
|
||||
<section >
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div style="text-align: center;padding-top: 60px;">
|
||||
<div>
|
||||
<h1 style="margin-bottom: 10px;">产品优势</h1>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row"><div class="product-advantages-header"><div><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>
|
||||
<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 feature-card-advantage">
|
||||
<div class="feature-card-icon">
|
||||
<h4>智能预警与任务推动，实现主动式管理</h4>
|
||||
</div>
|
||||
<div class="feature-card-body">
|
||||
<p>系统具备主动监控与消息驱动能力。对证书、合同等关键节点进行自动跟踪，并及时发出预警。同时，流程中产生的所有待办任务都会实时推送至负责人，确保事项无遗漏、进度可视化。变被动等待为主动推动，极大提升了流程执行的实时性与管理便捷性。</p>
|
||||
</div>
|
||||
</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/编组-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="BI数据可视"></div><div class="feature-card-body"><h4>BI数据可视</h4><p>多维图表集中呈现经营指标，支持管理层实时掌握运营状态并快速决策。</p></div></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div> <!-- end container -->
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
<!-- start site-footer -->
|
||||
<!-- start site-footer -->
|
||||
<div id="footer"></div>
|
||||
@@ -297,35 +174,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