nuxt初始化
This commit is contained in:
6
.vsls.json
Normal file
6
.vsls.json
Normal file
@@ -0,0 +1,6 @@
|
||||
{
|
||||
"$schema": "https://json.schemastore.org/vsls.json",
|
||||
"excludeFiles": [
|
||||
"nuxt-web"
|
||||
]
|
||||
}
|
||||
24
nuxt-web/.gitignore
vendored
Normal file
24
nuxt-web/.gitignore
vendored
Normal file
@@ -0,0 +1,24 @@
|
||||
# Nuxt dev/build outputs
|
||||
.output
|
||||
.data
|
||||
.nuxt
|
||||
.nitro
|
||||
.cache
|
||||
dist
|
||||
|
||||
# Node dependencies
|
||||
node_modules
|
||||
|
||||
# Logs
|
||||
logs
|
||||
*.log
|
||||
|
||||
# Misc
|
||||
.DS_Store
|
||||
.fleet
|
||||
.idea
|
||||
|
||||
# Local env files
|
||||
.env
|
||||
.env.*
|
||||
!.env.example
|
||||
31
nuxt-web/BOOTSTRAP_NOTES.md
Normal file
31
nuxt-web/BOOTSTRAP_NOTES.md
Normal file
@@ -0,0 +1,31 @@
|
||||
# Bootstrap Notes
|
||||
|
||||
Use this file as the short operational companion to the planning docs when initializing `nuxt-web/`.
|
||||
|
||||
## Preconditions
|
||||
|
||||
- Branch: `feat/nuxt-migration`
|
||||
- Planning docs under `../docs/plan-nuxt-migration/` have been reviewed
|
||||
- Root-level static files remain untouched
|
||||
|
||||
## Bootstrap Order
|
||||
|
||||
1. Create the Nuxt seed in `/tmp/agweb-nuxt-seed`
|
||||
2. Copy only the framework baseline into `nuxt-web/`
|
||||
3. Rewrite dependencies for AgWeb
|
||||
4. Install packages inside `nuxt-web/`
|
||||
5. Add the minimal app shell
|
||||
6. Verify:
|
||||
- `cd nuxt-web && npm run dev`
|
||||
- `cd nuxt-web && npm run generate`
|
||||
|
||||
## Do Not
|
||||
|
||||
- Do not copy `node_modules/` or `.output/` from the seed
|
||||
- Do not modify root-level legacy HTML, CSS, JS, or images
|
||||
- Do not start page migration before bootstrap verification passes
|
||||
|
||||
## Script Entry Points
|
||||
|
||||
- `./scripts/init-nuxt-foundation.sh`
|
||||
- `./scripts/verify-generated-site.sh`
|
||||
48
nuxt-web/README.md
Normal file
48
nuxt-web/README.md
Normal file
@@ -0,0 +1,48 @@
|
||||
# nuxt-web
|
||||
|
||||
This directory is the new Nuxt 3 application for the AgWeb migration.
|
||||
|
||||
## Boundary
|
||||
|
||||
- Write all new application code here.
|
||||
- Do not modify the legacy root-level static site files during migration.
|
||||
- Use the root-level static files as read-only reference sources.
|
||||
|
||||
## Purpose
|
||||
|
||||
`nuxt-web/` will eventually contain:
|
||||
|
||||
- Nuxt application config
|
||||
- pages
|
||||
- layouts
|
||||
- components
|
||||
- composables
|
||||
- content collections
|
||||
- public assets
|
||||
- verification scripts
|
||||
|
||||
## Bootstrap Entry Points
|
||||
|
||||
Planning references:
|
||||
|
||||
- `../docs/plan-nuxt-migration/task-2-bootstrap-steps.md`
|
||||
- `../docs/plan-nuxt-migration/source-reference-workflow.md`
|
||||
- `../docs/plan-nuxt-migration/verification-matrix.md`
|
||||
|
||||
Scripts:
|
||||
|
||||
- `scripts/init-nuxt-foundation.sh`
|
||||
- `scripts/verify-generated-site.sh`
|
||||
|
||||
## Expected Workflow
|
||||
|
||||
1. Bootstrap the Nuxt foundation in this directory.
|
||||
2. Add shared assets and shared shell components.
|
||||
3. Migrate content collections.
|
||||
4. Migrate page batches.
|
||||
5. Wire SEO, prerender, and redirects.
|
||||
6. Run generated-site smoke tests.
|
||||
|
||||
## Current Status
|
||||
|
||||
This directory is intentionally minimal and is being prepared before the first real framework bootstrap.
|
||||
5
nuxt-web/app.vue
Normal file
5
nuxt-web/app.vue
Normal file
@@ -0,0 +1,5 @@
|
||||
<template>
|
||||
<NuxtLayout>
|
||||
<NuxtPage />
|
||||
</NuxtLayout>
|
||||
</template>
|
||||
1
nuxt-web/assets/fonts
Symbolic link
1
nuxt-web/assets/fonts
Symbolic link
@@ -0,0 +1 @@
|
||||
../public/fonts
|
||||
1
nuxt-web/assets/images
Symbolic link
1
nuxt-web/assets/images
Symbolic link
@@ -0,0 +1 @@
|
||||
../public/images
|
||||
119
nuxt-web/assets/styles/base/about.css
Normal file
119
nuxt-web/assets/styles/base/about.css
Normal file
@@ -0,0 +1,119 @@
|
||||
/*= Reset =*/
|
||||
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,p,blockquote,th,td,figure{margin:0;padding:0;}
|
||||
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
|
||||
table{border-collapse:collapse;border-spacing:0;}
|
||||
caption,th{font-weight:normal;text-align:left;}
|
||||
fieldset,img{border:0;}
|
||||
ul li{list-style:none;}
|
||||
h1,h2,h3,h4,h5,h6{font-size:100%;}
|
||||
h5{font-size:18px;margin-bottom:20px;color:#666;}
|
||||
h5 span{font-size:12px;color:#ccc;font-weight:normal;}
|
||||
blockquote:before,blockquote:after,q:before,q:after{content:"";}
|
||||
html{-webkit-text-size-adjust:none;-ms-text-size-adjust:none;}
|
||||
body{font:normal 14px/24px "Helvetica Neue",Helvetica,STheiti,"Microsoft Yahei","冬青黑体简体中文 w3",宋体,Arial,Tahoma,sans-serif,serif;word-wrap:break-word;background: #F0F0F0;}
|
||||
input,button,textarea,select,option,optiongroup{font-family:inherit;font-size:inherit;}
|
||||
code,pre{font-family:"Microsoft YaHei",Consolas,"Courier New",monospace;}
|
||||
.bw0{border: none !important;}
|
||||
*:focus{outline:0;}
|
||||
legend{color:#000;}
|
||||
input,select{vertical-align:middle;}
|
||||
button{overflow:visible;}
|
||||
input.button,button{cursor:pointer;}
|
||||
button,input,select,textarea{margin:0;}
|
||||
textarea{overflow:auto;resize:none;}
|
||||
label[for],input[type="button"],input[type="submit"],input[type="reset"]{cursor:pointer;}
|
||||
input[type="button"]::-moz-focus-inner,input[type="submit"]::-moz-focus-inner,input[type="reset"]::-moz-focus-inner,button::-moz-focus-inner{border:0;padding:0;}
|
||||
a { text-decoration:none;color:#1C3D72 }
|
||||
img{-ms-interpolation-mode:bicubic;}
|
||||
/* new clearfix */
|
||||
.clearfix:after {
|
||||
visibility: hidden;
|
||||
display: block;
|
||||
font-size: 0;
|
||||
content: " ";
|
||||
clear: both;
|
||||
height: 0;
|
||||
}
|
||||
* html .clearfix { zoom: 1; } /* IE6 */
|
||||
*:first-child+html .clearfix { zoom: 1; } /* IE7 */
|
||||
.hidden{display:none;}
|
||||
.last{border-bottom:none !important;}
|
||||
blockquote{background:#f9f9f9;padding:8px 20px;border:1px solid #ccc;}
|
||||
.page { display:table;margin:0 auto;background:#fff;-moz-box-shadow: 0 5px 20px #CCCCCC;-webkit-box-shadow: 0 5px 20px #CCCCCC;box-shadow: 0 5px 20px #CCCCCC;}
|
||||
.about { box-shadow:0;-webkit-box-shadow:0;-moz-box-shadow:0; }
|
||||
.header { width:940px;height:90px;margin:0 auto;z-index:8; }
|
||||
.logo { margin:22px 0 0 0;float:left;display:inline; }
|
||||
.link { margin-top:30px;float:right;text-align:right; _width:718px; }
|
||||
.link li { float:left;display:inline;margin-left:60px; }
|
||||
.link li a{color:#4F4E4E;font-size:16px;font-weight:500;padding-bottom:6px;display:block;}
|
||||
.link li.active{border-bottom:2px solid #0066ff;}
|
||||
.link li.active a{color:#0066FF }
|
||||
.link li:hover { border-bottom:2px solid #0066ff;color:#0066FF }
|
||||
.link li a:hover{color:#0066FF }
|
||||
.adlist{padding:20px;}
|
||||
.adlist li{float:left;display:inline;margin-left:30px;margin-bottom:20px;width:110px;}
|
||||
|
||||
.main { width:100%;margin:40px auto 10px auto;font-size:14px;display:table;padding-bottom:10px; border-bottom:1px solid #EEEEEE}
|
||||
.info { width:300px;float:left;margin-right:20px; }
|
||||
.info h3 { width:300px;height:26px;background:url('../../images/ictb.png') no-repeat;font-size:0;margin-bottom:8px; }
|
||||
.info ul{margin-left:-10px;}
|
||||
.info ul li{list-style:none;float:left;width:140px;padding-left:0;background:none;margin-left:10px;}
|
||||
.info ul{margin-left:-10px;}
|
||||
.b2 h3 { background-position:0 -26px; }
|
||||
.b3 { margin:0;position:relative; }
|
||||
.b3 span{position:absolute;right:10px;top:0;background:url('../../images/morelink.gif') no-repeat left center;padding-left:12px;}
|
||||
.b3 span a{color:#8C8C8C;font-weight:600}
|
||||
.b3 h3 { background-position:0 -52px; }
|
||||
.info li { padding:3px 0 3px 12px;background:url('../../images/dian.png') 2px center no-repeat; }
|
||||
.info li a { color:#8c8c8c; }
|
||||
.info p { color:#8c8c8c; }
|
||||
.info p img { display:table;margin:10px 0; }
|
||||
.morelink{padding-top:20px;}
|
||||
.morelink li{float:left;width:180px;}
|
||||
|
||||
.box { width:940px;margin:18px auto 0 auto; }
|
||||
.left { width:140px;border-bottom:2px solid #DDD;background:#FFF;float:left; }
|
||||
.left li:hover { border-left:3px solid #0066ff; }
|
||||
.left li a { height:40px;line-height:40px;display:block;color:#333 }
|
||||
.left li a:hover,.left li.active a{color:#0066FF}
|
||||
.left li.active{border-left:3px solid #0066ff;}
|
||||
.left li {
|
||||
border-left:3px solid #fff;
|
||||
border-bottom: 1px solid #EEEEEE;
|
||||
font-size: 14px;
|
||||
height: 40px;
|
||||
margin-bottom: 1px;
|
||||
overflow: hidden;
|
||||
padding-left: 25px;
|
||||
}
|
||||
|
||||
.event_year { width:60px;border-bottom:2px solid #DDD;text-align:center;float:left;margin-top:10px; }
|
||||
.event_year li { height:40px;line-height:40px;background:#FFF;margin-bottom:1px;font-size:18px;color:#828282;cursor:pointer; }
|
||||
.event_year li.current { width:61px;background:#0066ff url('../../images/jian.png') 60px 0 no-repeat;color:#FFF;text-align:left;padding-left:9px; }
|
||||
.event_list { width:850px;float:right;background:url('../../images/dian3.png') 139px 0 repeat-y;margin:10px 0 20px 0; }
|
||||
.event_list h3 { margin:0 0 10px 132px;font-size:24px;font-family:Georgia;color:#0066ff;padding-left:25px;background:url('../../images/jian.png') 0 -45px no-repeat;height:38px;line-height:30px;font-style:italic; }
|
||||
.event_list li { background:url('../../images/jian.png') 136px -80px no-repeat; }
|
||||
.event_list li span { width:127px;text-align:right;display:block;float:left;margin-top:10px; }
|
||||
.event_list li p { width:680px;margin-left:24px;display:inline-block;padding-left:10px;background:url('../../images/jian.png') -21px 0 no-repeat;line-height:25px;_float:left; }
|
||||
.event_list li p span { width:650px;text-align:left;border-bottom:2px solid #DDD;padding:10px 15px;background:#FFF;margin:0; }
|
||||
|
||||
.titlelist{line-height:24px;color: #8C8C8C;padding-bottom:20px;}
|
||||
.titlelist dt { font-weight: bold;color:#666;white-space: nowrap;margin:10px;}
|
||||
.titlelist dd {padding-left: 13px;}
|
||||
h1 {
|
||||
font-family: Tahoma,Arial,sans-serif;
|
||||
font-size: 14px;
|
||||
margin-bottom: 15px;
|
||||
padding-bottom: 12px;
|
||||
}
|
||||
.hr {
|
||||
border-top: 1px solid #CCD5DE;
|
||||
font-size: 0;
|
||||
height: 0;
|
||||
line-height: 0;
|
||||
margin: 15px 0;
|
||||
}
|
||||
.red {
|
||||
color: #0065CB;
|
||||
font-size:15px;
|
||||
}
|
||||
189
nuxt-web/assets/styles/base/component.css
Normal file
189
nuxt-web/assets/styles/base/component.css
Normal file
@@ -0,0 +1,189 @@
|
||||
@font-face {
|
||||
font-family: 'ecoico';
|
||||
src:url('/fonts/timelineicons/ecoico.eot');
|
||||
src:url('/fonts/timelineicons/ecoico.eot?#iefix') format('embedded-opentype'),
|
||||
url('/fonts/timelineicons/ecoico.woff') format('woff'),
|
||||
url('/fonts/timelineicons/ecoico.ttf') format('truetype'),
|
||||
url('/fonts/timelineicons/ecoico.svg#ecoico') format('svg');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
} /* Made with http://icomoon.io/ */
|
||||
|
||||
.cbp_tmtimeline {
|
||||
margin: 30px 0 0 0;
|
||||
padding: 0;
|
||||
list-style: none;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
/* The line */
|
||||
.cbp_tmtimeline:before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
width: 5px;
|
||||
background: #afdcf8;
|
||||
left: 12.3%;
|
||||
margin-left: -10px;
|
||||
}
|
||||
|
||||
/* The date/time */
|
||||
.cbp_tmtimeline > li .cbp_tmtime {
|
||||
display: block;
|
||||
width: ;
|
||||
padding-right: 100px;
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
.cbp_tmtimeline > li .cbp_tmtime span {
|
||||
display: block;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.cbp_tmtimeline > li .cbp_tmtime span:first-child {
|
||||
font-size: 0.9em;
|
||||
color: #bdd0db;
|
||||
}
|
||||
|
||||
.cbp_tmtimeline > li .cbp_tmtime span:last-child {
|
||||
font-size: 1.9em;
|
||||
color: #3594cb;
|
||||
}
|
||||
|
||||
.cbp_tmtimeline > li:nth-child(odd) .cbp_tmtime span:last-child {
|
||||
color: #6cbfee;
|
||||
}
|
||||
|
||||
/* Right content */
|
||||
.cbp_tmtimeline > li .cbp_tmlabel {
|
||||
margin: 0 0 15px 17%;
|
||||
background: #3594cb;
|
||||
color: #fff;
|
||||
padding: .5em;
|
||||
font-size: 14px;
|
||||
font-weight: 300;
|
||||
line-height: 1.4;
|
||||
position: relative;
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
||||
.cbp_tmtimeline > li:nth-child(odd) .cbp_tmlabel {
|
||||
background: #6cbfee;
|
||||
}
|
||||
|
||||
.cbp_tmtimeline > li .cbp_tmlabel h2 {
|
||||
margin-top: 0px;
|
||||
padding: 0 0 10px 0;
|
||||
border-bottom: 1px solid rgba(255,255,255,0.4);
|
||||
}
|
||||
|
||||
/* The triangle */
|
||||
.cbp_tmtimeline > li .cbp_tmlabel:after {
|
||||
right: 100%;
|
||||
border: solid transparent;
|
||||
content: " ";
|
||||
height: 0;
|
||||
width: 0;
|
||||
position: absolute;
|
||||
pointer-events: none;
|
||||
border-right-color: #3594cb;
|
||||
border-width: 10px;
|
||||
top: 10px;
|
||||
}
|
||||
|
||||
.cbp_tmtimeline > li:nth-child(odd) .cbp_tmlabel:after {
|
||||
border-right-color: #6cbfee;
|
||||
}
|
||||
|
||||
/* The icons */
|
||||
.cbp_tmtimeline > li .cbp_tmicon {
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
font-family: 'ecoico';
|
||||
speak: none;
|
||||
font-style: normal;
|
||||
font-weight: normal;
|
||||
font-variant: normal;
|
||||
text-transform: none;
|
||||
font-size: 1.4em;
|
||||
line-height: 40px;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
position: absolute;
|
||||
color: #fff;
|
||||
background: #46a4da;
|
||||
border-radius: 50%;
|
||||
box-shadow: 0 0 0 8px #afdcf8;
|
||||
text-align: center;
|
||||
left: 12%;
|
||||
top: 0;
|
||||
margin: 0 0 0 -25px;
|
||||
}
|
||||
|
||||
.cbp_tmicon-phone:before {
|
||||
content: "\e000";
|
||||
}
|
||||
|
||||
.cbp_tmicon-screen:before {
|
||||
content: "\e001";
|
||||
}
|
||||
|
||||
.cbp_tmicon-mail:before {
|
||||
content: "\e002";
|
||||
}
|
||||
|
||||
.cbp_tmicon-earth:before {
|
||||
content: "\e003";
|
||||
}
|
||||
|
||||
/* Example Media Queries */
|
||||
@media screen and (max-width: 65.375em) {
|
||||
|
||||
.cbp_tmtimeline > li .cbp_tmtime span:last-child {
|
||||
font-size: 1.5em;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 47.2em) {
|
||||
.cbp_tmtimeline:before {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.cbp_tmtimeline > li .cbp_tmtime {
|
||||
width: 100%;
|
||||
position: relative;
|
||||
padding: 0 0 20px 0;
|
||||
}
|
||||
|
||||
.cbp_tmtimeline > li .cbp_tmtime span {
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.cbp_tmtimeline > li .cbp_tmlabel {
|
||||
margin: 0 0 30px 0;
|
||||
padding: 1em;
|
||||
font-weight: 400;
|
||||
font-size: 95%;
|
||||
}
|
||||
|
||||
.cbp_tmtimeline > li .cbp_tmlabel:after {
|
||||
right: auto;
|
||||
left: 20px;
|
||||
border-right-color: transparent;
|
||||
border-bottom-color: #3594cb;
|
||||
top: -20px;
|
||||
}
|
||||
|
||||
.cbp_tmtimeline > li:nth-child(odd) .cbp_tmlabel:after {
|
||||
border-right-color: transparent;
|
||||
border-bottom-color: #6cbfee;
|
||||
}
|
||||
|
||||
.cbp_tmtimeline > li .cbp_tmicon {
|
||||
position: relative;
|
||||
float: right;
|
||||
left: auto;
|
||||
margin: -55px 5px 0 0px;
|
||||
}
|
||||
}
|
||||
|
||||
253
nuxt-web/assets/styles/base/css.css
Normal file
253
nuxt-web/assets/styles/base/css.css
Normal file
@@ -0,0 +1,253 @@
|
||||
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0; padding:0;}
|
||||
fieldset,img{border:0;}
|
||||
table{border-collapse:collapse; border-spacing:0;}
|
||||
ol,ul{list-style:none;}
|
||||
address,caption,cite,code,dfn,em,strong,th,var{font-weight:normal; font-style:normal;}
|
||||
caption,th{text-align:left;}
|
||||
h1,h2,h3,h4,h5,h6{font-weight:normal; font-size:100%;}
|
||||
q:before,q:after{content:'';}
|
||||
abbr,acronym{border:0;}
|
||||
/*--clearfix--*/
|
||||
.clearfix:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}
|
||||
.clearfix{display:inline-block;}
|
||||
/*--Hides from IE-mac--*/
|
||||
* html .clearfix{height:1%;}
|
||||
.clearfix{display:block;}
|
||||
|
||||
body {
|
||||
font:14px '微软雅黑',sans-serif;
|
||||
color:#333!important
|
||||
}
|
||||
a {
|
||||
text-decoration:none;
|
||||
color:#5a5a5a;
|
||||
outline:0;
|
||||
blr:expression(this.onFocus=this.blur())
|
||||
}
|
||||
.fl {
|
||||
float:left
|
||||
}
|
||||
.fr {
|
||||
float:right
|
||||
}
|
||||
|
||||
/* history */
|
||||
.history {
|
||||
width:100%;
|
||||
height:1100px;
|
||||
position:relative;
|
||||
background:url("/images/history_bg.webp") center no-repeat
|
||||
}
|
||||
.start-history {
|
||||
width:100%;
|
||||
height:1200px;
|
||||
/*margin:30px auto;*/
|
||||
text-align:center;
|
||||
background:url("/images/history_start.png") no-repeat top center;
|
||||
display:block
|
||||
}
|
||||
.cc_history {
|
||||
color:#2b2b2b;
|
||||
font-size:33px;
|
||||
line-height: 34px;
|
||||
font-weight:400;
|
||||
display:block;
|
||||
padding-top:0px
|
||||
}
|
||||
.next_history {
|
||||
color:#bbb;
|
||||
font-size:16px;
|
||||
line-height: 30px;
|
||||
width:160px;
|
||||
margin:0 auto;
|
||||
/*border-bottom:1px solid #d1d1d1*/
|
||||
}
|
||||
.history-img {
|
||||
height:2050px;
|
||||
width:10%;
|
||||
overflow:hidden;
|
||||
float:left;
|
||||
margin-top:24px;
|
||||
margin-left:8px
|
||||
}
|
||||
.history_mid {
|
||||
width:100%;
|
||||
height:auto;
|
||||
margin:0 auto;
|
||||
background:0
|
||||
}
|
||||
.history_left {
|
||||
width:43%;
|
||||
height:2050px;
|
||||
float:left;
|
||||
clear:left;
|
||||
position:relative;
|
||||
overflow:hidden
|
||||
}
|
||||
.tech_left{
|
||||
width:100%;
|
||||
margin:30px auto;
|
||||
clear:left;
|
||||
position:relative;
|
||||
overflow:hidden
|
||||
}
|
||||
.history_right {
|
||||
width:43%;
|
||||
height:2050px;
|
||||
float:left;
|
||||
position:relative;
|
||||
overflow:hidden
|
||||
}
|
||||
.history_R {
|
||||
width:100%;
|
||||
height:100px;
|
||||
margin-left:500px
|
||||
}
|
||||
.history_L {
|
||||
width:100%;
|
||||
height:100px;
|
||||
float:right;
|
||||
margin-right:500px
|
||||
}
|
||||
.history_r_2005 {
|
||||
margin-top:120px
|
||||
}
|
||||
.history_2007 {
|
||||
width:41%;
|
||||
height:100px;
|
||||
background:#FFF;
|
||||
margin-top:73px
|
||||
}
|
||||
.history_2005_span {
|
||||
float:left;
|
||||
line-height:24px;
|
||||
font-size:18px;
|
||||
color:#0169d7
|
||||
}
|
||||
.history_2005_b {
|
||||
float:left;
|
||||
width:80%;
|
||||
/*height:58px;*/
|
||||
padding: 5px 5px 5px;
|
||||
margin-left:15px;
|
||||
background: #0070d2;
|
||||
border-radius: 4px;
|
||||
background-position:0 -1300px
|
||||
}
|
||||
.history_r_month {
|
||||
float:left;
|
||||
color:#FFF;
|
||||
display:block;
|
||||
width:30px;
|
||||
line-height:25px;
|
||||
height:58px;
|
||||
border-right:1px solid #FFF;
|
||||
margin-left:25px
|
||||
}
|
||||
.history_r_text {
|
||||
float:left;
|
||||
font-size:14px;
|
||||
color:#FFF;
|
||||
display:block;
|
||||
line-height:25px;
|
||||
padding-left:5px;
|
||||
text-align:left
|
||||
}
|
||||
.year2006 {
|
||||
margin-top:175px
|
||||
}
|
||||
.year2009 {
|
||||
margin-top:65px
|
||||
}
|
||||
.year2011 {
|
||||
margin-top:53px
|
||||
}
|
||||
.year211 {
|
||||
margin-top:43px
|
||||
}
|
||||
.year2013 {
|
||||
margin-top:62px
|
||||
}
|
||||
.yearalmost {
|
||||
margin-top:5px
|
||||
}
|
||||
.yearalmostr {
|
||||
margin-top:12px
|
||||
}
|
||||
.history_2008 {
|
||||
width:41%;
|
||||
height:100px;
|
||||
background:#FFF;
|
||||
margin-top:73px;
|
||||
float:right
|
||||
}
|
||||
.history_2011 {
|
||||
width:41%;
|
||||
height:100px;
|
||||
background:#FFF;
|
||||
margin-top:43px;
|
||||
float:right
|
||||
}
|
||||
.history_2006_span {
|
||||
float:right;
|
||||
line-height:24px;
|
||||
font-size:18px;
|
||||
color:#0169d7
|
||||
}
|
||||
.history_2006_b {
|
||||
width:80%;
|
||||
/*height:58px;*/
|
||||
float:right;
|
||||
padding: 5px 5px 5px;
|
||||
margin-right:15px;
|
||||
background:#0070d2;
|
||||
border-radius: 4px;
|
||||
/*background:url("/images/sprites.png") center;*/
|
||||
background-position:0 -1200px
|
||||
}
|
||||
.blue {
|
||||
background-position:0 -1400px!important
|
||||
}
|
||||
.blue_R {
|
||||
background-position:0 -1500px!important
|
||||
}
|
||||
.yellow {
|
||||
background-position:0 -1600px!important
|
||||
}
|
||||
.yellow_R {
|
||||
background-position:0 -1700px!important
|
||||
}
|
||||
.history_l_month {
|
||||
float:right;
|
||||
color:#FFF;
|
||||
display:block;
|
||||
width:30px;
|
||||
line-height:25px;
|
||||
/*height:58px;*/
|
||||
border-left:1px solid #FFF;
|
||||
margin-right:37px
|
||||
}
|
||||
span.blue {
|
||||
color:#0169d7
|
||||
}
|
||||
span.yellow {
|
||||
color:#f76d02
|
||||
}
|
||||
.history_l_text {
|
||||
float:right;
|
||||
font-size:14px;
|
||||
color:#FFF;
|
||||
display:block;
|
||||
/*height:58px;*/
|
||||
line-height:25px;
|
||||
padding-top:3px;
|
||||
text-align:right;
|
||||
padding-right:5px
|
||||
}
|
||||
.smalltext {
|
||||
font-size:14px;
|
||||
line-height:18px
|
||||
}
|
||||
.smalltxt {
|
||||
font-size:14px
|
||||
}
|
||||
64
nuxt-web/assets/styles/base/default.css
Normal file
64
nuxt-web/assets/styles/base/default.css
Normal file
@@ -0,0 +1,64 @@
|
||||
/* General Blueprint Style */
|
||||
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,600&subset=latin,latin-ext);
|
||||
@font-face {
|
||||
font-family: 'fontawesome';
|
||||
src:url('/fonts/fontawesome.eot');
|
||||
src:url('/fonts/fontawesome.eot?#iefix') format('embedded-opentype'),
|
||||
url('/fonts/fontawesome.svg#fontawesome') format('svg'),
|
||||
url('/fonts/fontawesome.woff') format('woff'),
|
||||
url('/fonts/fontawesome.ttf') format('truetype');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
|
||||
body, html { font-size: 100%; padding: 0; margin: 0;}
|
||||
|
||||
/* Clearfix hack by Nicolas Gallagher: http://nicolasgallagher.com/micro-clearfix-hack/ */
|
||||
.clearfix:before, .clearfix:after { content: " "; display: table; }
|
||||
.clearfix:after { clear: both; }
|
||||
|
||||
body {
|
||||
font-family: 'Lato', Calibri, Arial, sans-serif;
|
||||
color: #47a3da;
|
||||
}
|
||||
|
||||
a {
|
||||
color: #f0f0f0;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
a:hover {
|
||||
color: #000;
|
||||
}
|
||||
|
||||
|
||||
.icon-drop:before,
|
||||
.icon-arrow-left:before {
|
||||
font-family: 'fontawesome';
|
||||
position: absolute;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
speak: none;
|
||||
font-style: normal;
|
||||
font-weight: normal;
|
||||
line-height: 2;
|
||||
text-align: center;
|
||||
color: #47a3da;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
text-indent: 8000px;
|
||||
padding-left: 8px;
|
||||
}
|
||||
|
||||
.container > header nav a:hover:before {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.icon-drop:before {
|
||||
content: "\e000";
|
||||
}
|
||||
|
||||
.icon-arrow-left:before {
|
||||
content: "\f060";
|
||||
}
|
||||
96
nuxt-web/assets/styles/base/history.css
Normal file
96
nuxt-web/assets/styles/base/history.css
Normal file
@@ -0,0 +1,96 @@
|
||||
*{margin:0;padding:0;list-style-type:none;}
|
||||
a,img{border:0;}
|
||||
body{_background-image:url(about:blank);/*用浏览器空白页面作为背景*/_background-attachment:fixed; /* prevent screen flash in IE6 确保滚动条滚动时，元素不闪动*/ }
|
||||
body{color:#535353;font-size:12px;font-family: "arial","微软雅黑";background:#f0f1f1;}
|
||||
.clear{clear:both;display:block;height:0;overflow:hidden;}
|
||||
|
||||
/* history */
|
||||
#history{width:880px;height:450px;position:relative;margin:50px auto 0 auto;}
|
||||
.title{height:95px;line-height:95px;text-indent:280px;}
|
||||
.title h2{color:#7c7c7c;font-size:18px;font-weight:500;}
|
||||
#circle{
|
||||
width:83px;height:83px;position:absolute;top:0;left:390px;border:6px solid rgba(0,0,0,0.15);border-radius:95px;text-indent:0;text-align:center;
|
||||
-webkit-transition:all 0.3s linear;
|
||||
-moz-transition:all 0.3s linear;
|
||||
-o-transition:all 0.3s linear;
|
||||
transition:all 0.3s linear;
|
||||
}
|
||||
#circle .cmsk{height:83px;position:absolute;width:83px;top:0;left:0;}
|
||||
#circle:hover{
|
||||
transform:rotate(360deg);
|
||||
-ms-transform:rotate(360deg);
|
||||
-moz-transform:rotate(360deg);
|
||||
-webkit-transform:rotate(360deg);
|
||||
-o-transform:rotate(360deg);
|
||||
border-color:rgba(0,0,0,0);
|
||||
}
|
||||
.clock{display:block;}
|
||||
#circle:hover {border-color:rgba(255,255,255,0.6);background-color:#6bc30d;}
|
||||
#circle:hover .clock{display:block;}
|
||||
#circle:hover .circlecontent{display:none;}
|
||||
#circle span{font-size:18px;color:#b0b0b0;}
|
||||
#circle .clock{
|
||||
background:url(/images/clock.png) no-repeat 0 0;width:83px;height:83px;position:absolute;top:0;left:0;display:none;
|
||||
-webkit-transition:all 0.5s linear;
|
||||
-moz-transition:all 0.5s linear;
|
||||
-o-transition:all 0.5s linear;
|
||||
transition:all 0.5s linear;
|
||||
border-radius:0;
|
||||
}
|
||||
#circle:hover .clock{border-radius:83px;}
|
||||
.timeyear{color:#b0b0b0;font-size:18px;line-height:20px;}
|
||||
.timeblock{height:28px;margin-top:22px;margin-left:5px;}
|
||||
.timeblock span{display:block;height:24px;width:18px;background:url(/images/date.png) no-repeat 0 0;float:left;}
|
||||
.timeblock .numf{background-position:0px -48px;}
|
||||
.timeblock .nums{background-position:0px 0px;}
|
||||
.timeblock .numt{background-position:0px -24px;}
|
||||
.timeblock .numfo{background-position:0px -72px;}
|
||||
#content{height:355px;width:880px;overflow:hidden;background:url(/images/vertical.png) no-repeat 134px 2px;padding-top:10px;}
|
||||
.list{overflow:hidden;position:relative;}
|
||||
.list li{height:110px;vertical-align:bottom;overflow:hidden;position:relative;}
|
||||
.liwrap{height:55px;margin-top:28px;}
|
||||
.lileft{position:absolute;top:0;left:0px;height:55px;width:100px;line-height:55px;text-align:right;}
|
||||
.liright{position:absolute;top:0;left:180px;height:55px;}
|
||||
.histt{height:35px;line-height:35px;}
|
||||
.hisct{font-size:14px;color:#6e6e6e;}
|
||||
.md{font-size:18px;color:#AEAEAE;}
|
||||
.year{font-size:12px;color:#AEAEAE;margin-right:10px;}
|
||||
.point{width:55px;height:55px;position:absolute;top:0;left:109px;background:url(/images/point.png) no-repeat 0px 18px;overflow:hidden;}
|
||||
.point b{
|
||||
height:16px;width:16px;background:#fff;display:block;margin:17px 0 0 19px;border-radius:18px;border:2px solid #6bc30d;
|
||||
-webkit-transition:all 0.1s linear;
|
||||
-moz-transition:all 0.1s linear;
|
||||
-o-transition:all 0.1s linear;
|
||||
transition:all 0.1s linear;
|
||||
position:absolute;
|
||||
top:0;left:0;
|
||||
}
|
||||
.thiscur .point b{border:7px solid rgba(107,195,13,0.6);margin:12px 0px 0px 14px;border-radius:52px;}
|
||||
.thiscur .histt a{color:#6bc30d;}
|
||||
.histt a{
|
||||
font-size:24px;color:#747474;
|
||||
-webkit-transition:all 0.3s linear;
|
||||
-moz-transition:all 0.3s linear;
|
||||
-o-transition:all 0.3s linear;
|
||||
transition:all 0.3s linear;
|
||||
}
|
||||
#arrow{position:fixed;top:50%;right:30px;}
|
||||
*html #arrow{position:absolute;top:expression(eval(document.documentElement.scrollTop));margin-top:350px;}
|
||||
|
||||
#arrow ul li{
|
||||
display:block;height:20px;width:20px;background:url(/images/icons.png) no-repeat 0 0;cursor:pointer;
|
||||
-webkit-transition:all 0.2s ease-out;
|
||||
-moz-transition:all 0.2s ease-out;
|
||||
-o-transition:all 0.2s ease-out;
|
||||
transition:all 0.2s ease-out;
|
||||
}
|
||||
#arrow ul li:active{background-color:#000;}
|
||||
#arrow ul .arrow_active{
|
||||
background-color:#000;
|
||||
-webkit-transition:all 0.1s ease-in;
|
||||
-moz-transition:all 0.1s ease-in;
|
||||
-o-transition:all 0.1s ease-in;
|
||||
transition:all 0.1s ease-in;
|
||||
}
|
||||
#arrow ul .arrowup{background-position:0px -26px;margin-bottom:10px;}
|
||||
#arrow ul .arrowdown{background-position:0px 0px;}
|
||||
492
nuxt-web/assets/styles/base/navigation2.css
Normal file
492
nuxt-web/assets/styles/base/navigation2.css
Normal file
@@ -0,0 +1,492 @@
|
||||
|
||||
.fl {
|
||||
float: left;
|
||||
}
|
||||
|
||||
.fr {
|
||||
float: right;
|
||||
}
|
||||
|
||||
.of {
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.cl {
|
||||
clear: both;
|
||||
}
|
||||
|
||||
.fixDiv{
|
||||
position:fixed !important;
|
||||
top:0;
|
||||
left:0;
|
||||
z-index: 9999 !important;
|
||||
}
|
||||
|
||||
.header-b {
|
||||
background: url("/images/bg.jpg");
|
||||
height: 60px;
|
||||
background-size: 100% 100%;
|
||||
/* overflow: hidden; */
|
||||
line-height: 60px;
|
||||
z-index: 51;
|
||||
width: 100%;
|
||||
position: relative;
|
||||
left: 0;
|
||||
top: 0;
|
||||
}
|
||||
|
||||
.header-b .logo img {
|
||||
max-width: 300px;
|
||||
width: 80%;
|
||||
margin-right: 20px;
|
||||
}
|
||||
|
||||
.header-b ul {
|
||||
margin-right: 30px;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.header-b ul li {
|
||||
float: left;
|
||||
font-size: 16px;
|
||||
padding: 0 10px;
|
||||
line-height: 57px;
|
||||
width: 100px;
|
||||
}
|
||||
|
||||
.header-b ul li a img {
|
||||
height: 36px;
|
||||
line-height: 20px;
|
||||
display: inline-block;
|
||||
margin-top: -20px;
|
||||
}
|
||||
|
||||
.header-b ul li a p {
|
||||
line-height: 16px;
|
||||
color: #fff;
|
||||
margin-top: -24px;
|
||||
font-size: 13px;
|
||||
}
|
||||
|
||||
.header-w {
|
||||
background-color: #0095ff;
|
||||
height: 60px;
|
||||
/* overflow: hidden; */
|
||||
line-height: 60px;
|
||||
z-index: 51;
|
||||
width: 100%;
|
||||
position: relative;
|
||||
left: 0;
|
||||
top: 0;
|
||||
}
|
||||
|
||||
.header-w .logo {
|
||||
height: 60px;
|
||||
}
|
||||
|
||||
.header-w .logo img {
|
||||
max-width: 300px;
|
||||
width: 80%;
|
||||
margin-top: 6px;
|
||||
margin-right: 20px;
|
||||
}
|
||||
|
||||
.header-w ul {
|
||||
margin-right: 30px;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.header-w ul li {
|
||||
float: left;
|
||||
font-size: 16px;
|
||||
padding: 0 30px;
|
||||
line-height: 57px;
|
||||
}
|
||||
|
||||
.header {
|
||||
background-color: #fff;
|
||||
height: 60px;
|
||||
/* overflow: hidden; */
|
||||
line-height: 60px;
|
||||
z-index: 51;
|
||||
width: 100%;
|
||||
position: relative;
|
||||
left: 0;
|
||||
top: 0;
|
||||
box-shadow: 0 0 5px 2px rgba(0, 0, 0, .1);
|
||||
/*-webkit-transition: all 0.2s ease;*/
|
||||
/*transition: all 0.2s ease;*/
|
||||
}
|
||||
|
||||
.header .logo {
|
||||
height: 60px;
|
||||
}
|
||||
|
||||
.header .logo img {
|
||||
margin-top: -3px;
|
||||
max-width: 300px;
|
||||
width: 80%;
|
||||
margin-right: 20px;
|
||||
}
|
||||
|
||||
.header ul {
|
||||
margin-right: 30px;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.header ul li {
|
||||
float: left;
|
||||
font-size: 16px;
|
||||
padding: 0 30px;
|
||||
|
||||
line-height: 57px;
|
||||
}
|
||||
|
||||
.header_right {
|
||||
height: 60px;
|
||||
/*margin-right: 100px;*/
|
||||
}
|
||||
|
||||
.head-cur {
|
||||
/*background: #0077e6;*/
|
||||
/*color: #FFFFFF ;*/
|
||||
height: 58px;
|
||||
color: #0077e6 !important;
|
||||
border-bottom: 2px solid #0077e6;
|
||||
/*margin-top: -2px;*/
|
||||
}
|
||||
|
||||
.head-cur a {
|
||||
color: #0077e6;
|
||||
}
|
||||
|
||||
.header ul li a {
|
||||
padding: 0;
|
||||
display: block;
|
||||
line-height: 57px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.login_btn {
|
||||
float: left;
|
||||
color: #0077e6;
|
||||
font-size: 16px;
|
||||
font-weight: normal;
|
||||
padding: 0 8px;
|
||||
height: 16px;
|
||||
margin-top: 22px;
|
||||
line-height: 16px;
|
||||
}
|
||||
|
||||
.login_btn2 {
|
||||
float: left;
|
||||
color: #0077e6;
|
||||
font-size: 16px;
|
||||
font-weight: normal;
|
||||
padding: 0 8px;
|
||||
height: 16px;
|
||||
margin-top: 22px;
|
||||
border-left: 1.5px solid #0077e6;
|
||||
line-height: 16px;
|
||||
}
|
||||
|
||||
/*.header ul li a:hover {*/
|
||||
/*border-bottom: 3px solid #001c77;*/
|
||||
/*}*/
|
||||
|
||||
.header .right a {
|
||||
color: #1034aa;
|
||||
padding: 6px 25px;
|
||||
font-size: 16px;
|
||||
border: 1px solid #1034aa;
|
||||
line-height: 36px;
|
||||
height: 36px;
|
||||
border-radius: 26px;
|
||||
}
|
||||
|
||||
.head-nav {
|
||||
/*position: relative;*/
|
||||
width: 1280px;
|
||||
/*z-index: 9999;*/
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.head-nav-con {
|
||||
width: 1280px;
|
||||
margin: auto;
|
||||
/*position: absolute;*/
|
||||
}
|
||||
|
||||
.head-nav-con ul li {
|
||||
/*width: 100px;*/
|
||||
float: left;
|
||||
font-size: 16px;
|
||||
text-align: center;
|
||||
line-height: 57px;
|
||||
}
|
||||
|
||||
.nav > ul {
|
||||
*zoom: 1;
|
||||
*clear: both;
|
||||
}
|
||||
|
||||
.nav > ul:before, .nav > ul:after {
|
||||
display: table;
|
||||
clear: both;
|
||||
content: '';
|
||||
}
|
||||
|
||||
.nav > ul > li {
|
||||
/*width: 13%;*/
|
||||
/*float: left;*/
|
||||
/*margin-left: 1%;*/
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.nav > ul > li > a {
|
||||
display: block;
|
||||
white-space: nowrap;
|
||||
font-size: 16px;
|
||||
text-align: center;
|
||||
line-height: 60px;
|
||||
height: 60px;
|
||||
position: relative;
|
||||
/* font-weight: bold; */
|
||||
/*color: #313131;*/
|
||||
}
|
||||
|
||||
.nav > ul > li > a:after {
|
||||
content: '';
|
||||
/*display: block;*/
|
||||
width: 0;
|
||||
height: 2px;
|
||||
background-color: #117be5;
|
||||
overflow: hidden;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
bottom: 0;
|
||||
-webkit-transition: all 0.3s ease;
|
||||
transition: all 0.3s ease;
|
||||
display: none;
|
||||
}
|
||||
|
||||
.nav > ul > li.cur > a:after, .nav > ul > li:hover > a:after {
|
||||
width: 100%;
|
||||
left: 0;
|
||||
}
|
||||
|
||||
.nav > ul > li.cur > a, .nav > ul > li:hover > a {
|
||||
/*color: #001c77;*/
|
||||
color: #0077e6;
|
||||
}
|
||||
|
||||
.nav > ul ul {
|
||||
width: 170px;
|
||||
/*border: #ccc 1px solid;*/
|
||||
/*border-top: #001c77 2px solid;*/
|
||||
background-color:#134a95;
|
||||
position: absolute;
|
||||
color: #fff;
|
||||
padding: 10px 0;
|
||||
/*left: 0;*/
|
||||
top: 60px;
|
||||
opacity: 0;
|
||||
visibility: hidden;
|
||||
left: 50%;
|
||||
margin-left: -75px; /* box-shadow:0 0 5px #333; */
|
||||
/*transition: all 0.25s ease 0s;*/
|
||||
/*-webkit-transform: translate(0, 20px);*/
|
||||
/*-moz-transform: translate(0, 20px);*/
|
||||
/*-ms-transform: translate(0, 20px);*/
|
||||
/*-o-transform: translate(0, 20px);*/
|
||||
/*-webkit-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);*/
|
||||
/*-moz-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);*/
|
||||
/*-o-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);*/
|
||||
/*transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);*/
|
||||
}
|
||||
|
||||
|
||||
.list {
|
||||
width: 1100px;
|
||||
background-color: #134a95;
|
||||
padding: 0 30px;
|
||||
color: #fff;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 60px;
|
||||
opacity: 0;
|
||||
overflow: hidden;
|
||||
visibility: hidden;
|
||||
left: 50%;
|
||||
margin-left: -600px; /* box-shadow:0 0 5px #333; */
|
||||
/*transition: all 0.25s ease 0s;*/
|
||||
/*-webkit-transform: translate(0, 20px);*/
|
||||
/*-moz-transform: translate(0, 20px);*/
|
||||
/*-ms-transform: translate(0, 20px);*/
|
||||
/*-o-transform: translate(0, 20px);*/
|
||||
/*-webkit-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);*/
|
||||
/*-moz-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);*/
|
||||
/*-o-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);*/
|
||||
/*transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);*/
|
||||
}
|
||||
.list .pd {
|
||||
float: left;
|
||||
width: 190px;
|
||||
overflow: hidden;
|
||||
margin: 10px 10px;
|
||||
}
|
||||
|
||||
.list h2{
|
||||
font-size: 14px;
|
||||
color: rgba(187, 208, 239, 0.96);
|
||||
line-height: 35px;
|
||||
float: left;
|
||||
padding-left: 30px;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.list .pd li {
|
||||
width: 250px;
|
||||
padding-left: 0;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
|
||||
.list .pd ul{
|
||||
position: static;
|
||||
opacity: 1;
|
||||
margin-left: 0;
|
||||
border: none;
|
||||
border-top: none;
|
||||
width: 250px;}
|
||||
|
||||
.nav > ul ul li {
|
||||
width: 240px;
|
||||
padding-left: 0;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.nav > ul ul a {
|
||||
display: block;
|
||||
line-height: 22px;
|
||||
padding: 4px 30px;
|
||||
font-size: 13px;
|
||||
color: #fff;
|
||||
float: left;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.nav > ul ul a:after {
|
||||
content: '';
|
||||
display: block;
|
||||
width: 10px;
|
||||
height: 5px;
|
||||
overflow: hidden;
|
||||
background: url("/images/nav_arr.png") -10px 0 no-repeat;
|
||||
position: absolute;
|
||||
right: -15px;
|
||||
top: 12px;
|
||||
-webkit-transition: all 0.3s ease;
|
||||
transition: all 0.3s ease;
|
||||
}
|
||||
|
||||
.nav > ul ul a:hover {
|
||||
/*background-color: #f9f9f9;*/
|
||||
color:#010e22;
|
||||
}
|
||||
|
||||
.nav > ul ul a:hover:after {
|
||||
background-position: 0 0;
|
||||
}
|
||||
|
||||
.nav > ul > li:hover ul {
|
||||
opacity: 1;
|
||||
visibility: visible;
|
||||
/*-webkit-transform: translate(0, 0);*/
|
||||
/*-moz-transform: translate(0, 0);*/
|
||||
/*-ms-transform: translate(0, 0);*/
|
||||
/*-o-transform: translate(0, 0);*/
|
||||
}
|
||||
.nav > ul > li:hover .list {
|
||||
opacity: 1;
|
||||
visibility: visible;
|
||||
/*-webkit-transform: translate(0, 0);*/
|
||||
/*-moz-transform: translate(0, 0);*/
|
||||
/*-ms-transform: translate(0, 0);*/
|
||||
/*-o-transform: translate(0, 0);*/
|
||||
}
|
||||
.nav .nav_svc .prd_svc {
|
||||
float: left;
|
||||
width: 225px;
|
||||
/* border-left: 1px solid #eee; */
|
||||
margin: 10px 10px;
|
||||
}
|
||||
|
||||
.nav .nav_svc .prd_svc h2 {
|
||||
font-size: 14px;
|
||||
color: rgba(187, 208, 239, 0.96);
|
||||
line-height: 35px;
|
||||
float: left;
|
||||
padding-left: 35px;
|
||||
font-weight: 500;
|
||||
/*padding-left: 32px;*/
|
||||
/*margin-top: -10px*/
|
||||
}
|
||||
|
||||
.nav .nav_svc {
|
||||
width: 1000px;
|
||||
/* border: #ccc 1px solid; */
|
||||
/* border-top: #001c77 2px solid; */
|
||||
background-color: #0156c4;
|
||||
padding: 0 30px;
|
||||
color: #fff;
|
||||
position: absolute;
|
||||
/* left: 0; */
|
||||
top: 80px;
|
||||
opacity: 0;
|
||||
visibility: hidden;
|
||||
/* left: 50%; */
|
||||
margin-left: -600px;
|
||||
/* box-shadow:0 0 5px #333; */
|
||||
/*-webkit-transform: translate(0, 20px);*/
|
||||
/*-moz-transform: translate(0, 20px);*/
|
||||
/*-ms-transform: translate(0, 20px);*/
|
||||
/*-o-transform: translate(0, 20px);*/
|
||||
/*-webkit-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);*/
|
||||
/*-moz-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);*/
|
||||
/*-o-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);*/
|
||||
/*transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);*/
|
||||
}
|
||||
|
||||
.nav .nav_svc .prd_svc ul {
|
||||
position: static;
|
||||
opacity: 1;
|
||||
margin-left: 0;
|
||||
border: none;
|
||||
border-top: none;
|
||||
width: 225px;
|
||||
}
|
||||
|
||||
.nav .nav_svc .prd_svc ul li {
|
||||
width: 225px;
|
||||
}
|
||||
|
||||
.nav > ul > li:hover .nav_svc {
|
||||
opacity: 1;
|
||||
visibility: visible;
|
||||
-webkit-transform: translate(0, 0);
|
||||
-moz-transform: translate(0, 0);
|
||||
-ms-transform: translate(0, 0);
|
||||
-o-transform: translate(0, 0);
|
||||
}
|
||||
|
||||
.fix {
|
||||
*zoom: 1;
|
||||
*clear: both;
|
||||
}
|
||||
|
||||
.fix:before, .fix:after {
|
||||
display: table;
|
||||
clear: both;
|
||||
content: '';
|
||||
}
|
||||
1140
nuxt-web/assets/styles/base/pro.css
Normal file
1140
nuxt-web/assets/styles/base/pro.css
Normal file
File diff suppressed because it is too large
Load Diff
537
nuxt-web/assets/styles/base/product.css
Normal file
537
nuxt-web/assets/styles/base/product.css
Normal file
@@ -0,0 +1,537 @@
|
||||
:root {
|
||||
--product-section-heading-gap: 48px;
|
||||
--product-section-heading-inner-gap: 14px;
|
||||
}
|
||||
|
||||
.cargo-platform-content {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.cargo-info-left {
|
||||
width: 540px;
|
||||
flex: 0 0 540px;
|
||||
padding-right: 30px;
|
||||
box-sizing: border-box;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.cargo-info-left--compact {
|
||||
flex-basis: 540px;
|
||||
}
|
||||
|
||||
.cargo-info-left h2,
|
||||
.cargo-info-left p {
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.cargo-info-right {
|
||||
flex: 1;
|
||||
min-width: 0;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.product-hero-container {
|
||||
padding-top: 0;
|
||||
}
|
||||
|
||||
@media screen and (min-width: 992px) {
|
||||
.page-title.page-title-cargo-platform .container.product-hero-container,
|
||||
.page-title.page-title-cargo-platform1 .container.product-hero-container,
|
||||
.page-title.page-title-cargo-platform2 .container.product-hero-container,
|
||||
.page-title.page-title-cargo-platform3 .container.product-hero-container {
|
||||
padding-top: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.product-hero-title {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.product-hero-description {
|
||||
font-size: 16px;
|
||||
line-height: 1.8;
|
||||
}
|
||||
|
||||
.page-title-cargo-platform .product-hero-title,
|
||||
.page-title-cargo-platform .product-hero-description,
|
||||
.page-title-cargo-platform2 .product-hero-title,
|
||||
.page-title-cargo-platform2 .product-hero-description,
|
||||
.page-title-cargo-platform3 .product-hero-title,
|
||||
.page-title-cargo-platform3 .product-hero-description {
|
||||
color: #021c3e;
|
||||
}
|
||||
|
||||
.page-title-cargo-platform1 .product-hero-title {
|
||||
color: #021c3e;
|
||||
}
|
||||
|
||||
.page-title-cargo-platform1 .product-hero-description {
|
||||
color: #012e67;
|
||||
}
|
||||
|
||||
.main2 {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.product-architecture-section {
|
||||
padding: 30px 0;
|
||||
background: linear-gradient(135deg, #d2e5fa 0%, #f0f7ff 30%, #f5f9ff 70%, #d2e7fd 100%);
|
||||
}
|
||||
|
||||
.product-architecture-section .text-center > p {
|
||||
margin: 0 0 20px;
|
||||
}
|
||||
|
||||
.product-architecture-section img {
|
||||
max-width: 80%;
|
||||
}
|
||||
|
||||
.product-architecture-container {
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
.product-architecture-title {
|
||||
margin: 40px 0 var(--product-section-heading-inner-gap);
|
||||
}
|
||||
|
||||
.product-architecture-title--compact {
|
||||
margin-bottom: var(--product-section-heading-inner-gap);
|
||||
}
|
||||
|
||||
.product-advantages-header {
|
||||
padding-top: 60px;
|
||||
margin-bottom: 10px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.product-advantages-header--compact {
|
||||
padding-top: 50px;
|
||||
}
|
||||
|
||||
.product-advantages-title {
|
||||
margin-bottom: var(--product-section-heading-inner-gap);
|
||||
}
|
||||
|
||||
.product-advantages-title--spacious {
|
||||
margin-bottom: var(--product-section-heading-inner-gap);
|
||||
}
|
||||
|
||||
.product-advantages-header p {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.product-advantages-section {
|
||||
padding-bottom: 48px;
|
||||
}
|
||||
|
||||
.feature-highlight-section {
|
||||
background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
|
||||
padding-top: 60px;
|
||||
padding-bottom: 90px;
|
||||
}
|
||||
|
||||
.feature-highlight-heading {
|
||||
text-align: center;
|
||||
margin-bottom: var(--product-section-heading-gap);
|
||||
}
|
||||
|
||||
.feature-highlight-heading h1 {
|
||||
margin: 0 0 var(--product-section-heading-inner-gap);
|
||||
color: #10233f;
|
||||
}
|
||||
|
||||
.feature-highlight-heading p {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.feature-highlight-tabs {
|
||||
display: flex;
|
||||
flex-wrap: nowrap;
|
||||
justify-content: space-between;
|
||||
gap: 10px;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
list-style: none;
|
||||
border-bottom: 1px solid #dfe8f3;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.feature-highlight-tabs li {
|
||||
flex: 0 0 auto;
|
||||
min-width: auto;
|
||||
}
|
||||
|
||||
.feature-highlight-tab {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
padding: 16px 10px 18px;
|
||||
border: 0;
|
||||
background: transparent;
|
||||
color: #4f5f76;
|
||||
font-size: clamp(16px, 0.95vw, 18px);
|
||||
font-weight: 600;
|
||||
line-height: 1.5;
|
||||
cursor: pointer;
|
||||
transition: color 0.25s ease;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.feature-highlight-tab:hover,
|
||||
.feature-highlight-tab:focus {
|
||||
color: #1c6de0;
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.feature-highlight-tab.active {
|
||||
color: #006aff;
|
||||
text-decoration-line: underline;
|
||||
text-decoration-color: #1b68db;
|
||||
text-decoration-thickness: 4px;
|
||||
text-underline-offset: 18px;
|
||||
text-decoration-skip-ink: none;
|
||||
}
|
||||
|
||||
.feature-highlight-tab.active:after {
|
||||
content: none;
|
||||
}
|
||||
|
||||
.feature-highlight-panel {
|
||||
display: none;
|
||||
padding-top: 54px;
|
||||
}
|
||||
|
||||
.feature-highlight-panel.active {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.feature-highlight-detail {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 56px;
|
||||
}
|
||||
|
||||
.feature-highlight-copy {
|
||||
flex: 1 1 52%;
|
||||
max-width: 520px;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.feature-highlight-copy h2 {
|
||||
margin: 0 0 18px;
|
||||
color: #101820;
|
||||
font-size: 30px;
|
||||
font-weight: 700;
|
||||
line-height: 1.25;
|
||||
}
|
||||
|
||||
.feature-highlight-copy p {
|
||||
margin: 0;
|
||||
color: #4f5f76;
|
||||
font-size: 18px;
|
||||
font-weight: 700;
|
||||
line-height: 1.9;
|
||||
}
|
||||
|
||||
.feature-highlight-points {
|
||||
margin: 28px 0 0;
|
||||
padding: 0;
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
.feature-highlight-points li {
|
||||
position: relative;
|
||||
margin-bottom: 18px;
|
||||
padding-left: 22px;
|
||||
color: #24374f;
|
||||
font-size: 16px;
|
||||
line-height: 1.8;
|
||||
}
|
||||
|
||||
.feature-highlight-points li:before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
top: 13px;
|
||||
left: 0;
|
||||
width: 8px;
|
||||
height: 8px;
|
||||
border-radius: 50%;
|
||||
background: #1c6de0;
|
||||
box-shadow: 0 0 0 6px rgba(28, 109, 224, 0.12);
|
||||
}
|
||||
|
||||
.feature-highlight-visual {
|
||||
flex: 1 1 48%;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.feature-highlight-visual-card {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
width: 100%;
|
||||
max-width: 620px;
|
||||
min-height: 300px;
|
||||
padding: 8px 10px;
|
||||
border: 1px solid rgba(40, 122, 221, 0.08);
|
||||
border-radius: 20px;
|
||||
background: linear-gradient(180deg, rgba(247, 251, 255, 0.96) 0%, rgba(255, 255, 255, 0.98) 100%);
|
||||
box-shadow: 0 10px 24px rgba(22, 72, 140, 0.04);
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.feature-highlight-visual-card img {
|
||||
display: block;
|
||||
width: 100%;
|
||||
max-width: 100%;
|
||||
max-height: none;
|
||||
object-fit: contain;
|
||||
filter: drop-shadow(0 8px 14px rgba(30, 88, 165, 0.08));
|
||||
}
|
||||
|
||||
@media (max-width: 1199px) {
|
||||
.feature-highlight-tab {
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.feature-highlight-copy h2 {
|
||||
font-size: 40px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 991px) {
|
||||
.feature-highlight-detail {
|
||||
flex-direction: column;
|
||||
align-items: stretch;
|
||||
gap: 34px;
|
||||
}
|
||||
|
||||
.feature-highlight-copy,
|
||||
.feature-highlight-visual {
|
||||
max-width: none;
|
||||
flex-basis: 100%;
|
||||
}
|
||||
|
||||
.feature-highlight-copy h2 {
|
||||
font-size: 36px;
|
||||
}
|
||||
}
|
||||
|
||||
@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%;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.feature-highlight-section {
|
||||
padding-top: 70px;
|
||||
padding-bottom: 70px;
|
||||
}
|
||||
|
||||
.feature-highlight-heading p {
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.feature-highlight-tabs li {
|
||||
flex: 0 0 auto;
|
||||
}
|
||||
|
||||
.feature-highlight-tabs {
|
||||
justify-content: flex-start;
|
||||
gap: 8px;
|
||||
}
|
||||
|
||||
.feature-highlight-tab {
|
||||
padding: 14px 8px 16px;
|
||||
font-size: 15px;
|
||||
}
|
||||
|
||||
.feature-highlight-tab.active {
|
||||
text-underline-offset: 16px;
|
||||
}
|
||||
|
||||
.feature-highlight-tabs {
|
||||
overflow-x: auto;
|
||||
overflow-y: hidden;
|
||||
-webkit-overflow-scrolling: touch;
|
||||
}
|
||||
|
||||
.feature-highlight-panel {
|
||||
padding-top: 32px;
|
||||
}
|
||||
|
||||
.feature-highlight-copy h2 {
|
||||
font-size: 30px;
|
||||
}
|
||||
|
||||
.feature-highlight-copy p,
|
||||
.feature-highlight-points li {
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.feature-highlight-visual-card {
|
||||
min-height: 210px;
|
||||
padding: 8px;
|
||||
}
|
||||
|
||||
.feature-highlight-visual-card img {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
.cases-section {
|
||||
padding: 0px 0 80px 0;
|
||||
background: #f8fafc;
|
||||
}
|
||||
|
||||
.cases-section .product-advantages-header,
|
||||
.cases-section .product-advantages-header > div,
|
||||
.cases-section .product-advantages-title,
|
||||
.cases-section .product-advantages-header p {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.cases-section .product-advantages-header {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.case-card-link {
|
||||
display: flex;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
color: inherit;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.case-card-link:hover,
|
||||
.case-card-link:focus {
|
||||
color: inherit;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.cases-section .row + .row {
|
||||
margin-top: 30px;
|
||||
}
|
||||
|
||||
.cases-section .row {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.cases-section .col-md-4 {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.case-card {
|
||||
background: #fff;
|
||||
border-radius: 16px;
|
||||
overflow: hidden;
|
||||
box-shadow: 0 4px 16px rgba(0, 0, 0, 0.06);
|
||||
border: 1px solid #e2e8f0;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.case-card-header {
|
||||
position: relative;
|
||||
padding: 28px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
text-align: center;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.case-card-header.blue {
|
||||
background: linear-gradient(135deg, rgba(0, 60, 180, 1), rgba(0, 100, 255, 1));
|
||||
}
|
||||
|
||||
.case-card-header.cyan {
|
||||
background: linear-gradient(135deg, rgba(0, 80, 200, 1), rgba(0, 120, 255, 1));
|
||||
}
|
||||
|
||||
.case-card-header.teal {
|
||||
background: linear-gradient(135deg, rgba(0, 110, 140, 1), rgba(0, 160, 190, 1));
|
||||
}
|
||||
|
||||
.case-card-header.green {
|
||||
background: linear-gradient(135deg, rgba(0, 120, 90, 1), rgba(40, 180, 120, 1));
|
||||
}
|
||||
|
||||
.case-card-header.indigo {
|
||||
background: linear-gradient(135deg, rgba(30, 60, 180, 1), rgba(50, 100, 255, 1));
|
||||
}
|
||||
|
||||
.case-card-header::before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: -50%;
|
||||
right: -10%;
|
||||
width: 160px;
|
||||
height: 160px;
|
||||
border-radius: 50%;
|
||||
background: rgba(255, 255, 255, 0.1);
|
||||
}
|
||||
|
||||
.case-card-header h3 {
|
||||
position: relative;
|
||||
font-size: 18px;
|
||||
font-weight: 700;
|
||||
color: #fff;
|
||||
margin: 0;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.case-card-body {
|
||||
padding: 28px;
|
||||
flex: 1;
|
||||
display: flex;
|
||||
align-items: flex-start;
|
||||
}
|
||||
|
||||
.case-project {
|
||||
font-size: 14px;
|
||||
font-weight: 600;
|
||||
color: rgba(0, 100, 255, 1);
|
||||
margin-bottom: 12px;
|
||||
}
|
||||
|
||||
.case-card-body p {
|
||||
font-size: 14px;
|
||||
color: #64748b;
|
||||
line-height: 1.7;
|
||||
margin: 0;
|
||||
display: -webkit-box;
|
||||
overflow: hidden;
|
||||
-webkit-box-orient: vertical;
|
||||
-webkit-line-clamp: 5;
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.cases-section .row + .row {
|
||||
margin-top: 24px;
|
||||
}
|
||||
|
||||
.cases-section .col-md-4 + .col-md-4 {
|
||||
margin-top: 24px;
|
||||
}
|
||||
}
|
||||
1109
nuxt-web/assets/styles/base/solution.css
Normal file
1109
nuxt-web/assets/styles/base/solution.css
Normal file
File diff suppressed because it is too large
Load Diff
8195
nuxt-web/assets/styles/base/style.css
Normal file
8195
nuxt-web/assets/styles/base/style.css
Normal file
File diff suppressed because it is too large
Load Diff
48
nuxt-web/assets/styles/base/style2.css
Normal file
48
nuxt-web/assets/styles/base/style2.css
Normal file
@@ -0,0 +1,48 @@
|
||||
|
||||
|
||||
/*经典案例*/
|
||||
/*关于我们*/
|
||||
.ti{
|
||||
margin: 40px 0;}
|
||||
|
||||
.main2 {
|
||||
|
||||
padding: 40px 0 50px 0;
|
||||
|
||||
}
|
||||
|
||||
.main2 dl {
|
||||
width: 33%;
|
||||
margin: 0 1.1%;
|
||||
float: left;
|
||||
text-align: center;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.main2 dl img {
|
||||
width: 120px;
|
||||
text-align: center;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.main2 dl dt {
|
||||
|
||||
font-size: 14px;
|
||||
width: 85%;
|
||||
text-align: center;
|
||||
margin: 10px auto;
|
||||
color: #666;
|
||||
line-height: 26px;
|
||||
|
||||
}
|
||||
|
||||
.main2 dl .tit {
|
||||
font-size: 18px;
|
||||
line-height: 50px;
|
||||
color: #333;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/*新加导航下拉*/
|
||||
|
||||
430
nuxt-web/assets/styles/base/timeline.css
Normal file
430
nuxt-web/assets/styles/base/timeline.css
Normal file
@@ -0,0 +1,430 @@
|
||||
/* ============================================
|
||||
智慧时间轴组件 - 横向展开式
|
||||
Smart Timeline Component - Horizontal Expansion
|
||||
============================================ */
|
||||
|
||||
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@300;400;500;700&family=Oswald:wght@400;700&display=swap');
|
||||
|
||||
:root {
|
||||
--tl-bg-color: #f8fafc;
|
||||
--tl-line-color: rgba(20, 129, 255, 0.3);
|
||||
--tl-active-color: #1481ff;
|
||||
--tl-text-color: #2a3e5d;
|
||||
--tl-year-color: #102541;
|
||||
--tl-transition-speed: 0.5s;
|
||||
}
|
||||
|
||||
/* Section 容器 */
|
||||
.timeline-section {
|
||||
width: 100%;
|
||||
background-image:
|
||||
radial-gradient(circle at 10% 20%, rgba(20, 129, 255, 0.08) 0%, transparent 20%),
|
||||
radial-gradient(circle at 90% 80%, rgba(20, 129, 255, 0.05) 0%, transparent 20%);
|
||||
font-family: 'Noto Sans SC', sans-serif;
|
||||
overflow: hidden;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
padding: 60px 0;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
/* 标题样式 */
|
||||
.timeline-title {
|
||||
color: var(--tl-year-color);
|
||||
letter-spacing: 4px;
|
||||
font-weight: bold;
|
||||
text-transform: uppercase;
|
||||
font-size: 36px;
|
||||
opacity: 0.9;
|
||||
margin-bottom: 10px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
/* 主容器 */
|
||||
.timeline-container {
|
||||
display: flex;
|
||||
width: 100%;
|
||||
height: 20vh;
|
||||
min-height: 500px;
|
||||
align-items: stretch;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
/* 主轴线 */
|
||||
.timeline-line {
|
||||
position: absolute;
|
||||
top: 66.67%;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 1px;
|
||||
background: linear-gradient(90deg,
|
||||
transparent 0%,
|
||||
var(--tl-line-color) 5%,
|
||||
var(--tl-line-color) 95%,
|
||||
transparent 100%);
|
||||
z-index: 0;
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
/* 时间节点 */
|
||||
.timeline-item {
|
||||
position: relative;
|
||||
flex: 1;
|
||||
transition: flex var(--tl-transition-speed) cubic-bezier(0.25, 0.1, 0.25, 1);
|
||||
border-right: 1px solid rgba(20, 129, 255, 0.1);
|
||||
cursor: pointer;
|
||||
overflow: hidden;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.timeline-item:last-child {
|
||||
border-right: none;
|
||||
}
|
||||
|
||||
.timeline-item:hover {
|
||||
flex: 10;
|
||||
background: linear-gradient(90deg, rgba(20, 129, 255, 0.08) 0%, transparent 100%);
|
||||
}
|
||||
|
||||
.timeline-container:hover .timeline-item:not(:hover) {
|
||||
opacity: 0.4;
|
||||
}
|
||||
|
||||
/* 节点圆点 */
|
||||
.dot {
|
||||
width: 8px;
|
||||
height: 8px;
|
||||
background-color: var(--tl-active-color);
|
||||
border-radius: 50%;
|
||||
position: absolute;
|
||||
top: 66.67%;
|
||||
left: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
box-shadow: 0 0 10px var(--tl-active-color);
|
||||
transition: all var(--tl-transition-speed);
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
.timeline-item:hover .dot {
|
||||
background-color: var(--tl-active-color);
|
||||
transform: translate(-50%, -50%) scale(1.5);
|
||||
box-shadow: 0 0 20px rgba(20, 129, 255, 0.6);
|
||||
}
|
||||
|
||||
/* 竖向年份标签 */
|
||||
.year-label {
|
||||
position: absolute;
|
||||
top: calc(66.67% + 15px);
|
||||
left: 50%;
|
||||
transform-origin: 0 0;
|
||||
transform: rotate(90deg);
|
||||
|
||||
font-family: 'Oswald', sans-serif;
|
||||
font-size: 14px;
|
||||
color: var(--tl-year-color);
|
||||
white-space: nowrap;
|
||||
transition: all 0.3s;
|
||||
letter-spacing: 1px;
|
||||
opacity: 0.8;
|
||||
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 12px;
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
/* 竖向文字中的简短描述 */
|
||||
.short-desc {
|
||||
font-family: 'Noto Sans SC', sans-serif;
|
||||
font-size: 12px;
|
||||
opacity: 0.6;
|
||||
font-weight: 300;
|
||||
letter-spacing: 1px;
|
||||
}
|
||||
|
||||
/* Hover 状态下：标签变大并移到底部背景 */
|
||||
.timeline-item:hover .year-label {
|
||||
top: auto;
|
||||
bottom: -10px;
|
||||
left: 20px;
|
||||
transform: rotate(0deg);
|
||||
font-size: 4rem;
|
||||
font-weight: 700;
|
||||
opacity: 0.08;
|
||||
color: var(--tl-active-color);
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
/* Hover时隐藏简述 */
|
||||
.timeline-item:hover .short-desc {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* 内容区域 - 固定在时间轴线上方 */
|
||||
.content {
|
||||
opacity: 0;
|
||||
transform: translateY(20px);
|
||||
transition: all 0.4s ease 0.1s;
|
||||
padding: 0 40px;
|
||||
color: var(--tl-text-color);
|
||||
position: absolute;
|
||||
|
||||
bottom: 36%;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
|
||||
text-align: left;
|
||||
pointer-events: none;
|
||||
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: flex-end;
|
||||
}
|
||||
|
||||
.timeline-item:hover .content {
|
||||
opacity: 1;
|
||||
transform: translateY(0);
|
||||
}
|
||||
|
||||
.content-date {
|
||||
display: block;
|
||||
color: var(--tl-active-color);
|
||||
font-family: 'Oswald', sans-serif;
|
||||
font-size: 2rem;
|
||||
margin-bottom: 15px;
|
||||
font-weight: bold;
|
||||
text-shadow: 0 0 20px rgba(20, 129, 255, 0.2);
|
||||
}
|
||||
|
||||
.content-text {
|
||||
font-size:0.9rem;
|
||||
line-height: 1.8;
|
||||
border-left: 3px solid var(--tl-active-color);
|
||||
padding-left: 20px;
|
||||
max-width: 650px;
|
||||
background: linear-gradient(90deg, rgba(20, 129, 255, 0.08) 0%, transparent 100%);
|
||||
padding-top: 10px;
|
||||
padding-bottom: 10px;
|
||||
border-radius: 0 4px 4px 0;
|
||||
}
|
||||
|
||||
.content-text p {
|
||||
margin: 0 0 8px 0;
|
||||
}
|
||||
|
||||
.content-text p:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
/* 重要节点高亮 */
|
||||
.timeline-item.highlight .dot {
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
box-shadow: 0 0 15px var(--tl-active-color), 0 0 30px var(--tl-active-color);
|
||||
}
|
||||
|
||||
.timeline-item.highlight .year-label {
|
||||
color: var(--tl-active-color);
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
/* ============================================
|
||||
自动轮播展开效果（与hover效果一致）
|
||||
============================================ */
|
||||
.timeline-item.auto-expanded {
|
||||
flex: 10;
|
||||
background: linear-gradient(90deg, rgba(20, 129, 255, 0.08) 0%, transparent 100%);
|
||||
}
|
||||
|
||||
.timeline-container:has(.auto-expanded) .timeline-item:not(.auto-expanded) {
|
||||
opacity: 0.4;
|
||||
}
|
||||
|
||||
.timeline-item.auto-expanded .dot {
|
||||
background-color: var(--tl-active-color);
|
||||
transform: translate(-50%, -50%) scale(1.5);
|
||||
box-shadow: 0 0 20px rgba(20, 129, 255, 0.6);
|
||||
}
|
||||
|
||||
.timeline-item.auto-expanded .year-label {
|
||||
top: auto;
|
||||
bottom: -10px;
|
||||
left: 20px;
|
||||
transform: rotate(0deg);
|
||||
font-size: 4rem;
|
||||
font-weight: 700;
|
||||
opacity: 0.08;
|
||||
color: var(--tl-active-color);
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.timeline-item.auto-expanded .short-desc {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.timeline-item.auto-expanded .content {
|
||||
opacity: 1;
|
||||
transform: translateY(0);
|
||||
}
|
||||
|
||||
/* ============================================
|
||||
响应式设计
|
||||
============================================ */
|
||||
@media (max-width: 1200px) {
|
||||
.timeline-container {
|
||||
width: 100%;
|
||||
height: 20vh;
|
||||
min-height: 500px;
|
||||
}
|
||||
|
||||
.year-label {
|
||||
font-size: 12px;
|
||||
top: calc(66.67% + 15px);
|
||||
}
|
||||
|
||||
.short-desc {
|
||||
font-size: 10px;
|
||||
}
|
||||
|
||||
.content-text {
|
||||
font-size: 1rem;
|
||||
max-width: 500px;
|
||||
}
|
||||
|
||||
.content-date {
|
||||
font-size: 1.6rem;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 991px) {
|
||||
.timeline-section {
|
||||
padding: 40px 0;
|
||||
min-height: auto;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
.timeline-container {
|
||||
width: 100%;
|
||||
height: 20vh;
|
||||
min-height: 500px;
|
||||
overflow-x: auto;
|
||||
overflow-y: visible;
|
||||
-webkit-overflow-scrolling: touch;
|
||||
}
|
||||
|
||||
.timeline-item {
|
||||
min-width: 80px;
|
||||
flex: none;
|
||||
}
|
||||
|
||||
.timeline-item:hover {
|
||||
flex: none;
|
||||
min-width: 350px;
|
||||
}
|
||||
|
||||
.content {
|
||||
padding: 0 20px;
|
||||
}
|
||||
|
||||
.content-text {
|
||||
font-size: 0.9rem;
|
||||
max-width: 300px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 768px) {
|
||||
.timeline-title {
|
||||
font-size: 18px;
|
||||
letter-spacing: 2px;
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
|
||||
.timeline-container {
|
||||
height: 70vh;
|
||||
}
|
||||
|
||||
.timeline-item {
|
||||
min-width: 60px;
|
||||
}
|
||||
|
||||
.timeline-item:hover {
|
||||
min-width: 280px;
|
||||
}
|
||||
|
||||
.year-label {
|
||||
font-size: 11px;
|
||||
}
|
||||
|
||||
.short-desc {
|
||||
font-size: 9px;
|
||||
display: none;
|
||||
}
|
||||
|
||||
.content {
|
||||
padding: 0 15px;
|
||||
}
|
||||
|
||||
.content-date {
|
||||
font-size: 1.4rem;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.content-text {
|
||||
font-size: 0.85rem;
|
||||
padding-left: 15px;
|
||||
max-width: 250px;
|
||||
}
|
||||
|
||||
.dot {
|
||||
width: 6px;
|
||||
height: 6px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 576px) {
|
||||
.timeline-section {
|
||||
padding: 30px 0;
|
||||
}
|
||||
|
||||
.timeline-title {
|
||||
font-size: 16px;
|
||||
letter-spacing: 1px;
|
||||
}
|
||||
|
||||
.timeline-container {
|
||||
height: 60vh;
|
||||
}
|
||||
|
||||
.timeline-item {
|
||||
min-width: 50px;
|
||||
}
|
||||
|
||||
.timeline-item:hover {
|
||||
min-width: 220px;
|
||||
}
|
||||
|
||||
.year-label {
|
||||
font-size: 10px;
|
||||
top: calc(66.67% + 12px);
|
||||
}
|
||||
|
||||
.content-date {
|
||||
font-size: 1.2rem;
|
||||
}
|
||||
|
||||
.content-text {
|
||||
font-size: 0.8rem;
|
||||
line-height: 1.6;
|
||||
}
|
||||
|
||||
.timeline-item:hover .year-label {
|
||||
font-size: 2.5rem;
|
||||
bottom: -30px;
|
||||
left: 10px;
|
||||
}
|
||||
}
|
||||
27
nuxt-web/assets/styles/main.css
Normal file
27
nuxt-web/assets/styles/main.css
Normal file
@@ -0,0 +1,27 @@
|
||||
@import '@fancyapps/ui/dist/fancybox/fancybox.css';
|
||||
|
||||
@import './vendor/themify-icons.css';
|
||||
@import './vendor/flaticon.css';
|
||||
@import './vendor/bootstrap-3.3.4.css';
|
||||
@import './vendor/animate.css';
|
||||
@import './vendor/owl.carousel.css';
|
||||
@import './vendor/owl.theme.css';
|
||||
@import './vendor/owl.transitions.css';
|
||||
@import './vendor/slick.css';
|
||||
@import './vendor/slick-theme.css';
|
||||
@import './vendor/swiper.min.css';
|
||||
@import './vendor/odometer-theme-default.css';
|
||||
|
||||
@import './base/pro.css';
|
||||
@import './base/product.css';
|
||||
@import './base/solution.css';
|
||||
@import './base/style.css';
|
||||
@import './base/css.css';
|
||||
@import './base/style2.css';
|
||||
/* 暂不引入以下旧样式：依赖缺失的历史资源且当前 Nuxt 页面已自带实现
|
||||
@import './base/default.css';
|
||||
@import './base/component.css';
|
||||
@import './base/history.css';
|
||||
@import './base/navigation2.css';
|
||||
@import './base/timeline.css';
|
||||
*/
|
||||
89
nuxt-web/components/AppFooter.vue
Normal file
89
nuxt-web/components/AppFooter.vue
Normal file
@@ -0,0 +1,89 @@
|
||||
<script setup lang="ts">
|
||||
import { footerLinks } from '~/data/navigation'
|
||||
import { siteInfo } from '~/data/site'
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<footer class="site-footer">
|
||||
<div class="upper-footer">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col col-lg-3 col-md-3 col-sm-6">
|
||||
<div class="widget about-widget">
|
||||
<div class="logo widget-title">
|
||||
<img :src="siteInfo.footerLogo" :alt="siteInfo.companyName">
|
||||
</div>
|
||||
<img :src="siteInfo.wechatOfficialImage" alt="微信公众号" style="width: 100px; margin-left: 10px;">
|
||||
<p style="margin-left: 10px;">关注公司微信号</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col col-lg-2 col-md-3 col-sm-6">
|
||||
<div class="widget link-widget">
|
||||
<div class="widget-title">
|
||||
<h3>相关链接</h3>
|
||||
</div>
|
||||
<ul>
|
||||
<li v-for="link in footerLinks" :key="link.label">
|
||||
<NuxtLink :to="link.to">{{ link.label }}</NuxtLink>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col col-lg-3 col-md-3 col-sm-6">
|
||||
<div class="widget contact-widget service-link-widget">
|
||||
<div class="widget-title">
|
||||
<h3>公司信息</h3>
|
||||
</div>
|
||||
<ul>
|
||||
<li><span>地址：</span>{{ siteInfo.address }}</li>
|
||||
<li><span>电话：</span>{{ siteInfo.phone }}</li>
|
||||
<li><span>邮箱：</span>{{ siteInfo.email }}</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col col-lg-3 col-md-3 col-sm-6">
|
||||
<div class="widget newsletter-widget">
|
||||
<div class="widget-title">
|
||||
<h3>业务咨询邮箱</h3>
|
||||
</div>
|
||||
<form>
|
||||
<div class="input-1">
|
||||
<p style="font-size: 18px; font-weight: 600;">{{ siteInfo.email }}</p>
|
||||
<p><span>工作时间：</span>{{ siteInfo.businessHours }}</p>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="lower-footer">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="separator" />
|
||||
<div class="col col-xs-12">
|
||||
<p class="copyright">
|
||||
Copyright © {{ siteInfo.companyName }}
|
||||
<a :href="siteInfo.icpHref" target="_blank" rel="noreferrer">{{ siteInfo.icpText }}</a>
|
||||
</p>
|
||||
<a
|
||||
:href="siteInfo.publicSecurityHref"
|
||||
target="_blank"
|
||||
rel="noreferrer"
|
||||
style="display: inline-block; text-decoration: none; height: 20px; line-height: 20px;"
|
||||
>
|
||||
<img :src="siteInfo.publicSecurityImage" :alt="siteInfo.publicSecurityText" style="float: left;">
|
||||
<p style="float: left; height: 20px; font-size: 0.875rem; line-height: 20px; margin: 0 0 0 5px;">
|
||||
{{ siteInfo.publicSecurityText }}
|
||||
</p>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
</template>
|
||||
264
nuxt-web/components/AppHeader.vue
Normal file
264
nuxt-web/components/AppHeader.vue
Normal file
@@ -0,0 +1,264 @@
|
||||
<script setup lang="ts">
|
||||
import { onBeforeUnmount, onMounted, ref, watch } from 'vue'
|
||||
import { topNavigation } from '~/data/navigation'
|
||||
import { siteInfo } from '~/data/site'
|
||||
|
||||
type NavNode = (typeof topNavigation)[number]
|
||||
type ChildNode = {
|
||||
label: string
|
||||
to?: string
|
||||
children?: Array<{ label: string; to: string }>
|
||||
}
|
||||
|
||||
const route = useRoute()
|
||||
const isMenuOpen = ref(false)
|
||||
const isMobile = ref(false)
|
||||
const isSticky = ref(false)
|
||||
const isStickyVisible = ref(false)
|
||||
const expandedItems = ref<Record<string, boolean>>({})
|
||||
let lastScrollTop = 0
|
||||
|
||||
const stickyThreshold = 1000
|
||||
|
||||
const getItemKey = (segments: string[]) => segments.join('::')
|
||||
|
||||
const hasChildren = (item: NavNode | ChildNode) => 'children' in item && Boolean(item.children?.length)
|
||||
|
||||
const updateStickyState = () => {
|
||||
if (typeof window === 'undefined') {
|
||||
return
|
||||
}
|
||||
|
||||
const currentScrollTop = Math.max(window.scrollY, window.pageYOffset, document.documentElement.scrollTop, 0)
|
||||
|
||||
if (isMobile.value || currentScrollTop <= stickyThreshold) {
|
||||
isSticky.value = false
|
||||
isStickyVisible.value = false
|
||||
lastScrollTop = currentScrollTop
|
||||
return
|
||||
}
|
||||
|
||||
isSticky.value = true
|
||||
isStickyVisible.value = currentScrollTop < lastScrollTop
|
||||
lastScrollTop = currentScrollTop
|
||||
}
|
||||
|
||||
const updateViewport = () => {
|
||||
if (typeof window === 'undefined') {
|
||||
return
|
||||
}
|
||||
|
||||
const mobile = window.innerWidth <= 991
|
||||
isMobile.value = mobile
|
||||
|
||||
if (!mobile) {
|
||||
isMenuOpen.value = false
|
||||
expandedItems.value = {}
|
||||
}
|
||||
|
||||
updateStickyState()
|
||||
}
|
||||
|
||||
const setOverlay = (enabled: boolean) => {
|
||||
if (typeof document === 'undefined') {
|
||||
return
|
||||
}
|
||||
|
||||
document.querySelector('.page-wrapper')?.classList.toggle('body-overlay', enabled)
|
||||
}
|
||||
|
||||
const openMenu = () => {
|
||||
isMenuOpen.value = true
|
||||
}
|
||||
|
||||
const closeMenu = () => {
|
||||
isMenuOpen.value = false
|
||||
expandedItems.value = {}
|
||||
}
|
||||
|
||||
const toggleExpanded = (key: string) => {
|
||||
expandedItems.value[key] = !expandedItems.value[key]
|
||||
}
|
||||
|
||||
const isExpanded = (key: string) => Boolean(expandedItems.value[key])
|
||||
|
||||
const matchesRoute = (to?: string) => {
|
||||
if (!to) {
|
||||
return false
|
||||
}
|
||||
|
||||
if (to === '/') {
|
||||
return route.path === '/'
|
||||
}
|
||||
|
||||
return route.path === to || route.path.startsWith(`${to}/`)
|
||||
}
|
||||
|
||||
const isItemActive = (item: NavNode | ChildNode) => {
|
||||
if ('to' in item && matchesRoute(item.to)) {
|
||||
return true
|
||||
}
|
||||
|
||||
if (hasChildren(item)) {
|
||||
return item.children.some((child) => isItemActive(child))
|
||||
}
|
||||
|
||||
return false
|
||||
}
|
||||
|
||||
const handleItemClick = (item: NavNode | ChildNode, key: string, event: MouseEvent) => {
|
||||
if (!isMobile.value) {
|
||||
if (!hasChildren(item)) {
|
||||
closeMenu()
|
||||
}
|
||||
return
|
||||
}
|
||||
|
||||
if (!hasChildren(item)) {
|
||||
closeMenu()
|
||||
return
|
||||
}
|
||||
|
||||
const itemHasRoute = 'to' in item && Boolean(item.to)
|
||||
const currentlyExpanded = isExpanded(key)
|
||||
|
||||
if (!currentlyExpanded) {
|
||||
event.preventDefault()
|
||||
toggleExpanded(key)
|
||||
return
|
||||
}
|
||||
|
||||
if (!itemHasRoute) {
|
||||
event.preventDefault()
|
||||
toggleExpanded(key)
|
||||
}
|
||||
}
|
||||
|
||||
watch(isMenuOpen, setOverlay)
|
||||
watch(
|
||||
() => route.fullPath,
|
||||
() => {
|
||||
closeMenu()
|
||||
updateStickyState()
|
||||
}
|
||||
)
|
||||
|
||||
onMounted(() => {
|
||||
updateViewport()
|
||||
updateStickyState()
|
||||
window.addEventListener('resize', updateViewport)
|
||||
window.addEventListener('scroll', updateStickyState, { passive: true })
|
||||
})
|
||||
|
||||
onBeforeUnmount(() => {
|
||||
window.removeEventListener('resize', updateViewport)
|
||||
window.removeEventListener('scroll', updateStickyState)
|
||||
setOverlay(false)
|
||||
})
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<header
|
||||
id="header"
|
||||
:class="['site-header', 'header-style-1', { 'site-header--stuck': isSticky, 'site-header--visible': isStickyVisible }]"
|
||||
>
|
||||
<nav class="navigation navbar navbar-default">
|
||||
<div class="container">
|
||||
<div class="navbar-header">
|
||||
<button type="button" class="open-btn" @click="openMenu">
|
||||
<span class="sr-only">打开菜单</span>
|
||||
<span class="icon-bar" />
|
||||
<span class="icon-bar" />
|
||||
<span class="icon-bar" />
|
||||
</button>
|
||||
<NuxtLink class="navbar-brand" to="/" @click="closeMenu">
|
||||
<img :src="siteInfo.headerLogo" :alt="siteInfo.companyName">
|
||||
</NuxtLink>
|
||||
</div>
|
||||
|
||||
<div
|
||||
id="navbar"
|
||||
:class="['navbar-collapse', 'collapse', 'navbar-right', 'navigation-holder', { slideInn: isMenuOpen }]"
|
||||
>
|
||||
<button class="close-navbar" @click="closeMenu">
|
||||
<i class="ti-close" />
|
||||
</button>
|
||||
|
||||
<ul :class="['nav', 'navbar-nav', { 'small-nav': isMobile }]">
|
||||
<li
|
||||
v-for="item in topNavigation"
|
||||
:key="item.label"
|
||||
:class="[
|
||||
{
|
||||
current: isItemActive(item),
|
||||
'menu-item-has-children': hasChildren(item),
|
||||
'product-menu': item.label === '产品中心',
|
||||
'solution-menu': item.label === '解决方案'
|
||||
}
|
||||
]"
|
||||
>
|
||||
<NuxtLink
|
||||
v-if="'to' in item && item.to"
|
||||
:to="item.to"
|
||||
@click="handleItemClick(item, getItemKey([item.label]), $event)"
|
||||
>
|
||||
{{ item.label }}
|
||||
</NuxtLink>
|
||||
<a
|
||||
v-else
|
||||
href="#"
|
||||
@click.prevent="handleItemClick(item, getItemKey([item.label]), $event)"
|
||||
>
|
||||
{{ item.label }}
|
||||
</a>
|
||||
|
||||
<ul
|
||||
v-if="hasChildren(item)"
|
||||
v-show="!isMobile || isExpanded(getItemKey([item.label]))"
|
||||
class="sub-menu"
|
||||
>
|
||||
<li
|
||||
v-for="child in item.children"
|
||||
:key="child.label"
|
||||
:class="[{ current: isItemActive(child), 'menu-item-has-children': hasChildren(child) }]"
|
||||
>
|
||||
<NuxtLink
|
||||
v-if="'to' in child && child.to"
|
||||
:to="child.to"
|
||||
@click="handleItemClick(child, getItemKey([item.label, child.label]), $event)"
|
||||
>
|
||||
{{ child.label }}
|
||||
</NuxtLink>
|
||||
<a
|
||||
v-else
|
||||
href="#"
|
||||
@click.prevent="handleItemClick(child, getItemKey([item.label, child.label]), $event)"
|
||||
>
|
||||
{{ child.label }}
|
||||
</a>
|
||||
|
||||
<ul
|
||||
v-if="hasChildren(child)"
|
||||
v-show="!isMobile || isExpanded(getItemKey([item.label, child.label]))"
|
||||
class="sub-menu"
|
||||
>
|
||||
<li v-for="leaf in child.children" :key="leaf.label" :class="{ current: matchesRoute(leaf.to) }">
|
||||
<NuxtLink :to="leaf.to" @click="closeMenu">{{ leaf.label }}</NuxtLink>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="search-contact">
|
||||
<div class="contact">
|
||||
<a :href="`tel:${siteInfo.phone}`" class="theme-btn">{{ siteInfo.phone }}</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="separator" />
|
||||
</div>
|
||||
</nav>
|
||||
</header>
|
||||
</template>
|
||||
21
nuxt-web/components/Breadcrumb.vue
Normal file
21
nuxt-web/components/Breadcrumb.vue
Normal file
@@ -0,0 +1,21 @@
|
||||
<script setup lang="ts">
|
||||
defineProps<{
|
||||
items: Array<{ label: string; to?: string }>
|
||||
}>()
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col col-xs-12">
|
||||
<nav aria-label="面包屑" class="page-path">
|
||||
<template v-for="(item, index) in items" :key="`${item.label}-${item.to || 'static'}`">
|
||||
<NuxtLink v-if="item.to" :to="item.to">{{ item.label }}</NuxtLink>
|
||||
<span v-else>{{ item.label }}</span>
|
||||
<span v-if="index < items.length - 1"> > </span>
|
||||
</template>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
76
nuxt-web/components/KefuWidget.vue
Normal file
76
nuxt-web/components/KefuWidget.vue
Normal file
@@ -0,0 +1,76 @@
|
||||
<script setup lang="ts">
|
||||
import { siteInfo } from '~/data/site'
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<aside class="kefu-widget" aria-label="客服联系方式">
|
||||
<a class="widget-item" :href="`tel:${siteInfo.phone}`" aria-label="拨打电话">
|
||||
<strong>电话咨询</strong>
|
||||
<span>{{ siteInfo.phone }}</span>
|
||||
</a>
|
||||
<a
|
||||
class="widget-item"
|
||||
:href="`http://wpa.qq.com/msgrd?v=3&uin=${siteInfo.qq}&site=qq&menu=yes`"
|
||||
target="_blank"
|
||||
rel="noreferrer"
|
||||
aria-label="打开QQ咨询"
|
||||
>
|
||||
<strong>QQ 咨询</strong>
|
||||
<span>{{ siteInfo.qq }}</span>
|
||||
</a>
|
||||
<div class="widget-item qr-item">
|
||||
<strong>微信公众号</strong>
|
||||
<img :src="siteInfo.wechatOfficialImage" alt="微信公众号二维码">
|
||||
</div>
|
||||
</aside>
|
||||
</template>
|
||||
|
||||
<style scoped>
|
||||
.kefu-widget {
|
||||
position: fixed;
|
||||
right: 20px;
|
||||
bottom: 20px;
|
||||
z-index: 120;
|
||||
display: grid;
|
||||
gap: 12px;
|
||||
}
|
||||
|
||||
.widget-item {
|
||||
min-width: 148px;
|
||||
padding: 12px 14px;
|
||||
border-radius: 14px;
|
||||
background: rgba(16, 37, 65, 0.96);
|
||||
color: #fff;
|
||||
text-decoration: none;
|
||||
box-shadow: 0 12px 28px rgba(0, 0, 0, 0.18);
|
||||
}
|
||||
|
||||
.widget-item strong,
|
||||
.widget-item span {
|
||||
display: block;
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
.qr-item img {
|
||||
width: 96px;
|
||||
margin-top: 8px;
|
||||
border-radius: 10px;
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.kefu-widget {
|
||||
right: 10px;
|
||||
bottom: 10px;
|
||||
}
|
||||
|
||||
.widget-item {
|
||||
min-width: 112px;
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
.qr-item img {
|
||||
width: 72px;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
41
nuxt-web/components/ProductAdvantagesGrid.vue
Normal file
41
nuxt-web/components/ProductAdvantagesGrid.vue
Normal file
@@ -0,0 +1,41 @@
|
||||
<script setup lang="ts">
|
||||
const props = defineProps<{
|
||||
heading?: string
|
||||
summary?: string
|
||||
items: Array<{
|
||||
title: string
|
||||
description: string
|
||||
icon: string
|
||||
}>
|
||||
}>()
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<section class="product-advantages-section">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="product-advantages-header">
|
||||
<div>
|
||||
<h1 class="product-advantages-title">{{ heading || '产品优势' }}</h1>
|
||||
<p v-if="summary">{{ summary }}</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col col-xs-12">
|
||||
<div class="service-grids services-slider clearfix">
|
||||
<div v-for="item in props.items" :key="item.title" class="feature-card">
|
||||
<div class="feature-card-icon">
|
||||
<img :src="item.icon" :alt="item.title">
|
||||
</div>
|
||||
<div class="feature-card-body">
|
||||
<h4>{{ item.title }}</h4>
|
||||
<p>{{ item.description }}</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</template>
|
||||
22
nuxt-web/components/ProductArchitectureCard.vue
Normal file
22
nuxt-web/components/ProductArchitectureCard.vue
Normal file
@@ -0,0 +1,22 @@
|
||||
<script setup lang="ts">
|
||||
defineProps<{
|
||||
title?: string
|
||||
description?: string
|
||||
image: string
|
||||
imageAlt: string
|
||||
}>()
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<section class="product-architecture-section">
|
||||
<div class="container product-architecture-container">
|
||||
<div class="row">
|
||||
<div class="col col-xs-12 text-center">
|
||||
<h1 class="product-architecture-title">{{ title || '产品架构' }}</h1>
|
||||
<p v-if="description">{{ description }}</p>
|
||||
<img :src="image" :alt="imageAlt" class="img-responsive center-block">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</template>
|
||||
22
nuxt-web/components/ProductCard.vue
Normal file
22
nuxt-web/components/ProductCard.vue
Normal file
@@ -0,0 +1,22 @@
|
||||
<script setup lang="ts">
|
||||
defineProps<{
|
||||
title: string
|
||||
description: string
|
||||
image: string
|
||||
to: string
|
||||
}>()
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<NuxtLink :to="to" class="product-card">
|
||||
<div class="card-img">
|
||||
<img :src="image" :alt="title">
|
||||
</div>
|
||||
<div class="card-content">
|
||||
<div class="card-header">
|
||||
<h4>{{ title }}</h4>
|
||||
</div>
|
||||
<p>{{ description }}</p>
|
||||
</div>
|
||||
</NuxtLink>
|
||||
</template>
|
||||
42
nuxt-web/components/ProductCaseCards.vue
Normal file
42
nuxt-web/components/ProductCaseCards.vue
Normal file
@@ -0,0 +1,42 @@
|
||||
<script setup lang="ts">
|
||||
const props = defineProps<{
|
||||
heading?: string
|
||||
summary?: string
|
||||
items: Array<{
|
||||
title: string
|
||||
description: string
|
||||
to: string
|
||||
}>
|
||||
}>()
|
||||
|
||||
const headerClasses = ['blue', 'cyan', 'teal', 'indigo', 'green']
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<section class="cases-section" id="cases">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="product-advantages-header">
|
||||
<div>
|
||||
<h1 class="product-advantages-title">{{ heading || '客户案例' }}</h1>
|
||||
<p v-if="summary">{{ summary }}</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col col-xs-12">
|
||||
<NuxtLink v-for="(item, index) in props.items" :key="item.to" :to="item.to" class="case-card-link">
|
||||
<div class="case-card">
|
||||
<div :class="['case-card-header', headerClasses[index % headerClasses.length]]">
|
||||
<h3>{{ item.title }}</h3>
|
||||
</div>
|
||||
<div class="case-card-body">
|
||||
<p>{{ item.description }}</p>
|
||||
</div>
|
||||
</div>
|
||||
</NuxtLink>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</template>
|
||||
94
nuxt-web/components/ProductDetailLayout.vue
Normal file
94
nuxt-web/components/ProductDetailLayout.vue
Normal file
@@ -0,0 +1,94 @@
|
||||
<script setup lang="ts">
|
||||
import { computed } from 'vue'
|
||||
|
||||
type LinkItem = { label: string; to: string }
|
||||
|
||||
const props = withDefaults(defineProps<{
|
||||
title: string
|
||||
description?: string
|
||||
bannerImage?: string
|
||||
breadcrumbItems?: Array<{ label: string; to?: string }>
|
||||
relatedProducts?: LinkItem[]
|
||||
relatedCases?: LinkItem[]
|
||||
}>(), {
|
||||
description: undefined,
|
||||
bannerImage: undefined,
|
||||
breadcrumbItems: () => [],
|
||||
relatedProducts: () => [],
|
||||
relatedCases: () => []
|
||||
})
|
||||
|
||||
const bannerStyle = computed(() => {
|
||||
if (!props.bannerImage) {
|
||||
return undefined
|
||||
}
|
||||
|
||||
return {
|
||||
backgroundImage: `linear-gradient(rgba(16, 37, 65, 0.32), rgba(16, 37, 65, 0.32)), url(${props.bannerImage})`,
|
||||
backgroundSize: 'cover',
|
||||
backgroundPosition: 'center'
|
||||
}
|
||||
})
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<div>
|
||||
<section class="page-title" :style="bannerStyle">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col col-xs-12">
|
||||
<h2>{{ title }}</h2>
|
||||
<p v-if="description">{{ description }}</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<Breadcrumb v-if="breadcrumbItems.length" :items="breadcrumbItems" />
|
||||
<slot />
|
||||
|
||||
<section v-if="relatedProducts.length" class="product-related-section section-padding">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col col-xs-12">
|
||||
<div class="product-advantages-header">
|
||||
<div>
|
||||
<h1 class="product-advantages-title">相关产品</h1>
|
||||
<p>继续查看与当前方案高度关联的产品能力。</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="product-related-links">
|
||||
<NuxtLink v-for="item in relatedProducts" :key="item.to" :to="item.to" class="product-related-link">
|
||||
{{ item.label }}
|
||||
</NuxtLink>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<style scoped>
|
||||
.product-related-section {
|
||||
padding-top: 20px;
|
||||
}
|
||||
|
||||
.product-related-links {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
gap: 14px;
|
||||
}
|
||||
|
||||
.product-related-link {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
min-height: 48px;
|
||||
padding: 0 20px;
|
||||
border-radius: 999px;
|
||||
background: #fff;
|
||||
border: 1px solid rgba(20, 129, 255, 0.2);
|
||||
color: #102541;
|
||||
text-decoration: none;
|
||||
box-shadow: 0 10px 24px rgba(16, 37, 65, 0.06);
|
||||
}
|
||||
</style>
|
||||
78
nuxt-web/components/ProductFeatureTabs.vue
Normal file
78
nuxt-web/components/ProductFeatureTabs.vue
Normal file
@@ -0,0 +1,78 @@
|
||||
<script setup lang="ts">
|
||||
import { ref, watch } from 'vue'
|
||||
|
||||
type FeatureSection = {
|
||||
label: string
|
||||
title: string
|
||||
description: string
|
||||
bullets: string[]
|
||||
image: string
|
||||
imageAlt: string
|
||||
}
|
||||
|
||||
const props = defineProps<{
|
||||
heading: string
|
||||
summary: string
|
||||
sections: FeatureSection[]
|
||||
}>()
|
||||
|
||||
const activeIndex = ref(0)
|
||||
|
||||
watch(
|
||||
() => props.sections.length,
|
||||
() => {
|
||||
activeIndex.value = 0
|
||||
}
|
||||
)
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<section class="feature-highlight-section fun-fact-section">
|
||||
<div class="container">
|
||||
<div class="feature-highlight-heading">
|
||||
<h1>{{ heading }}</h1>
|
||||
<p>{{ summary }}</p>
|
||||
</div>
|
||||
|
||||
<ul class="feature-highlight-tabs" role="tablist">
|
||||
<li v-for="(section, index) in sections" :key="section.label" role="presentation">
|
||||
<button
|
||||
type="button"
|
||||
:class="['feature-highlight-tab', { active: activeIndex === index }]"
|
||||
role="tab"
|
||||
:aria-selected="activeIndex === index"
|
||||
:aria-controls="`feature-panel-${index + 1}`"
|
||||
@click="activeIndex = index"
|
||||
>
|
||||
{{ section.label }}
|
||||
</button>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<div class="feature-highlight-panels">
|
||||
<div
|
||||
v-for="(section, index) in sections"
|
||||
:id="`feature-panel-${index + 1}`"
|
||||
:key="section.label"
|
||||
:class="['feature-highlight-panel', { active: activeIndex === index }]"
|
||||
role="tabpanel"
|
||||
>
|
||||
<div class="feature-highlight-detail">
|
||||
<div class="feature-highlight-copy">
|
||||
<h2>{{ section.title }}</h2>
|
||||
<p>{{ section.description }}</p>
|
||||
<ul class="feature-highlight-points">
|
||||
<li v-for="bullet in section.bullets" :key="bullet">{{ bullet }}</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="feature-highlight-visual">
|
||||
<div class="feature-highlight-visual-card">
|
||||
<img :src="section.image" :alt="section.imageAlt">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</template>
|
||||
34
nuxt-web/components/SectionBanner.vue
Normal file
34
nuxt-web/components/SectionBanner.vue
Normal file
@@ -0,0 +1,34 @@
|
||||
<script setup lang="ts">
|
||||
import { computed } from 'vue'
|
||||
|
||||
const props = defineProps<{
|
||||
title: string
|
||||
description?: string
|
||||
backgroundImage?: string
|
||||
}>()
|
||||
|
||||
const bannerStyle = computed(() => {
|
||||
if (!props.backgroundImage) {
|
||||
return undefined
|
||||
}
|
||||
|
||||
return {
|
||||
backgroundImage: `linear-gradient(rgba(16, 37, 65, 0.32), rgba(16, 37, 65, 0.32)), url(${props.backgroundImage})`,
|
||||
backgroundSize: 'cover',
|
||||
backgroundPosition: 'center'
|
||||
}
|
||||
})
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<section class="page-title" :style="bannerStyle">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col col-xs-12">
|
||||
<h2>{{ title }}</h2>
|
||||
<p v-if="description">{{ description }}</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</template>
|
||||
155
nuxt-web/components/ServicePageLayout.vue
Normal file
155
nuxt-web/components/ServicePageLayout.vue
Normal file
@@ -0,0 +1,155 @@
|
||||
<script setup lang="ts">
|
||||
type InfoItem = {
|
||||
title: string
|
||||
description: string
|
||||
}
|
||||
|
||||
defineProps<{
|
||||
title: string
|
||||
description: string
|
||||
overview: string[]
|
||||
capabilityItems: InfoItem[]
|
||||
featureItems: InfoItem[]
|
||||
architectureImage: string
|
||||
architectureImageAlt: string
|
||||
caseImages?: string[]
|
||||
}>()
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<div>
|
||||
<section class="page-title">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col col-xs-12">
|
||||
<h2>{{ title }}</h2>
|
||||
<p>{{ description }}</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="features-section-s2 section-padding">
|
||||
<div class="container">
|
||||
<div class="main_pro col col-xs-12">
|
||||
<div class="feature-grids clearfix">
|
||||
<div class="part_1 col col-xs-12">
|
||||
<div>
|
||||
<h1>系统概述</h1>
|
||||
<p v-for="paragraph in overview" :key="paragraph">{{ paragraph }}</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="feature-grids2 clearfix">
|
||||
<div class="part_5 col">
|
||||
<h1>系统功能</h1>
|
||||
<div class="gongneng">
|
||||
<ul>
|
||||
<li v-for="(item, index) in capabilityItems" :key="item.title" class="grid" style="background: #fff;">
|
||||
<i class="service-pill">{{ String(index + 1).padStart(2, '0') }}</i>
|
||||
<p>
|
||||
<span>{{ item.title }}</span>
|
||||
{{ item.description }}
|
||||
</p>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="bg_hui feature-grids clearfix">
|
||||
<div class="part_6">
|
||||
<h1>系统特性</h1>
|
||||
<div class="case1">
|
||||
<dl v-for="item in featureItems" :key="item.title" class="grid service-feature-card">
|
||||
<dd><span class="service-feature-mark">•</span></dd>
|
||||
<dt class="tit_2">{{ item.title }}</dt>
|
||||
<p>{{ item.description }}</p>
|
||||
</dl>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="bg_white feature-grids clearfix">
|
||||
<div class="part_3 col col-xs-12">
|
||||
<h1>系统架构</h1>
|
||||
<div class="jiagou_box">
|
||||
<div class="jiagou_main" style="display: block;">
|
||||
<img :src="architectureImage" :alt="architectureImageAlt" class="service-architecture-image">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div v-if="caseImages?.length" class="bg_white feature-grids clearfix">
|
||||
<div class="part_3 col col-xs-12">
|
||||
<h1>成功案例</h1>
|
||||
<div class="service-logo-grid">
|
||||
<div v-for="item in caseImages" :key="item" class="service-logo-card">
|
||||
<img :src="item" alt="成功案例标识" class="service-logo-image">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<style scoped>
|
||||
.service-pill {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
width: 46px;
|
||||
height: 46px;
|
||||
border-radius: 50%;
|
||||
background: linear-gradient(135deg, #0f3e71, #1481ff);
|
||||
color: #fff;
|
||||
font-style: normal;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.service-feature-card {
|
||||
min-height: 260px;
|
||||
}
|
||||
|
||||
.service-feature-mark {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
width: 52px;
|
||||
height: 52px;
|
||||
border-radius: 50%;
|
||||
background: linear-gradient(135deg, rgba(20, 129, 255, 0.1), rgba(20, 129, 255, 0.18));
|
||||
color: #1481ff;
|
||||
font-size: 28px;
|
||||
line-height: 1;
|
||||
}
|
||||
|
||||
.service-architecture-image {
|
||||
width: 100%;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.service-logo-grid {
|
||||
display: grid;
|
||||
gap: 18px;
|
||||
grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
|
||||
}
|
||||
|
||||
.service-logo-card {
|
||||
background: #fff;
|
||||
border-radius: 18px;
|
||||
box-shadow: 0 12px 24px rgba(16, 37, 65, 0.08);
|
||||
padding: 18px;
|
||||
}
|
||||
|
||||
.service-logo-image {
|
||||
width: 100%;
|
||||
height: 96px;
|
||||
object-fit: contain;
|
||||
}
|
||||
</style>
|
||||
181
nuxt-web/components/SolutionPageLayout.vue
Normal file
181
nuxt-web/components/SolutionPageLayout.vue
Normal file
@@ -0,0 +1,181 @@
|
||||
<script setup lang="ts">
|
||||
type ContentCard = {
|
||||
title: string
|
||||
description: string
|
||||
}
|
||||
|
||||
type ProductLink = {
|
||||
title: string
|
||||
description: string
|
||||
to?: string
|
||||
}
|
||||
|
||||
defineProps<{
|
||||
title: string
|
||||
description: string
|
||||
badge: string
|
||||
heroStats?: Array<{ value: string; label: string }>
|
||||
painPoints: ContentCard[]
|
||||
architectureTitle: string
|
||||
architectureSteps: ContentCard[]
|
||||
architectureImage: string
|
||||
architectureImageAlt: string
|
||||
productLinks: ProductLink[]
|
||||
valueItems: ContentCard[]
|
||||
}>()
|
||||
|
||||
const statIconClasses = ['blue ti-stats-up', 'cyan ti-layers', 'indigo ti-shield', 'green ti-money']
|
||||
const painPointIconClasses = ['red ti-server', 'orange ti-time', 'yellow ti-settings', 'purple ti-lock']
|
||||
const productBarClasses = ['blue', 'cyan', 'indigo', 'slate', 'green']
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<div>
|
||||
<section class="solution-hero">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-6 hero-content">
|
||||
<div class="reveal active">
|
||||
<div class="hero-badge">
|
||||
<span class="pulse-dot" />
|
||||
{{ badge }}
|
||||
</div>
|
||||
<h1 class="hero-title">{{ title }}</h1>
|
||||
<p class="hero-desc">{{ description }}</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div v-if="heroStats?.length" class="col-md-6 hero-stats hidden-sm hidden-xs">
|
||||
<div class="reveal active">
|
||||
<div class="stats-card-container">
|
||||
<div class="stats-grid">
|
||||
<div v-for="(item, index) in heroStats" :key="`${item.value}-${item.label}`" class="stat-item">
|
||||
<i :class="['stat-icon', ...statIconClasses[index % statIconClasses.length].split(' ')]" />
|
||||
<div class="stat-number">{{ item.value }}</div>
|
||||
<div class="stat-label">{{ item.label }}</div>
|
||||
</div>
|
||||
<div class="stats-center-icon">
|
||||
<i class="ti-server" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="pain-points-section" id="solution">
|
||||
<div class="container">
|
||||
<div class="section-header reveal active">
|
||||
<h2>直击行业核心痛点</h2>
|
||||
<p>行业困境亟待破局，数智升级势在必行</p>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div v-for="(item, index) in painPoints" :key="item.title" class="col-md-3 col-sm-6">
|
||||
<div class="pain-point-card reveal active">
|
||||
<div :class="['pain-point-icon', painPointIconClasses[index % painPointIconClasses.length].split(' ')[0]]">
|
||||
<i :class="painPointIconClasses[index % painPointIconClasses.length].split(' ')[1]" />
|
||||
</div>
|
||||
<h3>{{ item.title }}</h3>
|
||||
<p>{{ item.description }}</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="architecture-section">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-4">
|
||||
<div class="reveal active">
|
||||
<h2 style="font-size: 32px; font-weight: 700; margin-bottom: 40px; color: #fff;">{{ architectureTitle }}</h2>
|
||||
|
||||
<div v-for="(item, index) in architectureSteps" :key="item.title" class="arch-step">
|
||||
<div :class="['arch-step-number', productBarClasses[index % 3]]">{{ `0${index + 1}` }}</div>
|
||||
<div class="arch-step-content">
|
||||
<h4 :class="productBarClasses[index % 3]">{{ item.title }}</h4>
|
||||
<p>{{ item.description }}</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-8">
|
||||
<div class="reveal active">
|
||||
<div class="arch-visual-container">
|
||||
<img :src="architectureImage" :alt="architectureImageAlt">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="products-section" id="products">
|
||||
<div class="container">
|
||||
<div class="section-header-flex reveal active">
|
||||
<div class="section-header-left">
|
||||
<div class="section-label">Product Matrix</div>
|
||||
<h2>部分产品与服务</h2>
|
||||
<p>从智能生产到供应链协同，全方位覆盖港航集团业务场景。</p>
|
||||
</div>
|
||||
<NuxtLink to="/products/logistics" class="view-all-link hidden-xs">
|
||||
查看所有产品 <i class="ti-arrow-right" />
|
||||
</NuxtLink>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div v-for="(item, index) in productLinks" :key="item.title" class="col-md-4">
|
||||
<div class="product-card reveal active">
|
||||
<div :class="['product-card-bar', productBarClasses[index % productBarClasses.length]]" />
|
||||
<div class="product-card-body">
|
||||
<h3>{{ item.title }}</h3>
|
||||
<p>{{ item.description }}</p>
|
||||
<component :is="item.to ? 'NuxtLink' : 'div'" :to="item.to" class="product-card-footer">
|
||||
<span>了解详情</span>
|
||||
<div class="product-card-arrow">
|
||||
<i class="ti-arrow-right" />
|
||||
</div>
|
||||
</component>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="advantages-section">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-6">
|
||||
<div class="section-header reveal active" style="text-align: left; margin-bottom: 40px;">
|
||||
<h2>数字化转型价值</h2>
|
||||
<p>把行业经验沉淀为可复制、可运营、可持续放大的数智能力。</p>
|
||||
</div>
|
||||
<div v-for="item in valueItems" :key="item.title" class="advantage-item">
|
||||
<div class="advantage-check">
|
||||
<i class="ti-check-box" />
|
||||
</div>
|
||||
<div>
|
||||
<h4>{{ item.title }}</h4>
|
||||
<p>{{ item.description }}</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-6">
|
||||
<div class="stats-boxes">
|
||||
<div v-for="item in heroStats" :key="`${item.value}-${item.label}-box`" class="stat-box">
|
||||
<div class="stat-number">{{ item.value }}</div>
|
||||
<div class="stat-label">{{ item.label }}</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
</template>
|
||||
74
nuxt-web/components/Timeline.vue
Normal file
74
nuxt-web/components/Timeline.vue
Normal file
@@ -0,0 +1,74 @@
|
||||
<script setup lang="ts">
|
||||
defineProps<{
|
||||
items: Array<{
|
||||
date: string
|
||||
title: string
|
||||
summary: string
|
||||
highlight?: boolean
|
||||
}>
|
||||
}>()
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<section class="timeline">
|
||||
<div v-for="item in items" :key="`${item.date}-${item.title}`" :class="['timeline-item', { highlight: item.highlight }]">
|
||||
<div class="timeline-marker" />
|
||||
<div class="timeline-content">
|
||||
<p class="timeline-date">{{ item.date }}</p>
|
||||
<h3>{{ item.title }}</h3>
|
||||
<p>{{ item.summary }}</p>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</template>
|
||||
|
||||
<style scoped>
|
||||
.timeline {
|
||||
position: relative;
|
||||
display: grid;
|
||||
gap: 18px;
|
||||
}
|
||||
|
||||
.timeline::before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
left: 14px;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
width: 2px;
|
||||
background: #d7e4f2;
|
||||
}
|
||||
|
||||
.timeline-item {
|
||||
position: relative;
|
||||
display: grid;
|
||||
grid-template-columns: 28px minmax(0, 1fr);
|
||||
gap: 16px;
|
||||
}
|
||||
|
||||
.timeline-marker {
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
margin-top: 10px;
|
||||
border-radius: 50%;
|
||||
background: #4f6f93;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.timeline-item.highlight .timeline-marker {
|
||||
background: #1481ff;
|
||||
}
|
||||
|
||||
.timeline-content {
|
||||
background: #fff;
|
||||
border-radius: 16px;
|
||||
padding: 18px 20px;
|
||||
box-shadow: 0 12px 24px rgba(16, 37, 65, 0.08);
|
||||
}
|
||||
|
||||
.timeline-date {
|
||||
margin: 0 0 8px;
|
||||
color: #4f6f93;
|
||||
font-size: 14px;
|
||||
}
|
||||
</style>
|
||||
42
nuxt-web/components/company/CompanySectionNav.vue
Normal file
42
nuxt-web/components/company/CompanySectionNav.vue
Normal file
@@ -0,0 +1,42 @@
|
||||
<script setup lang="ts">
|
||||
import { companySectionLinks } from '~/data/company'
|
||||
|
||||
const route = useRoute()
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<nav class="company-nav" aria-label="公司栏目导航">
|
||||
<NuxtLink
|
||||
v-for="item in companySectionLinks"
|
||||
:key="item.to"
|
||||
:to="item.to"
|
||||
:class="['company-nav__link', { active: route.path === item.to }]"
|
||||
>
|
||||
{{ item.label }}
|
||||
</NuxtLink>
|
||||
</nav>
|
||||
</template>
|
||||
|
||||
<style scoped>
|
||||
.company-nav {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
gap: 10px;
|
||||
max-width: 1200px;
|
||||
margin: 0 auto;
|
||||
padding: 0 20px 16px;
|
||||
}
|
||||
|
||||
.company-nav__link {
|
||||
padding: 8px 14px;
|
||||
border-radius: 999px;
|
||||
border: 1px solid #c6d6e7;
|
||||
background: #fff;
|
||||
color: #102541;
|
||||
}
|
||||
|
||||
.company-nav__link.active {
|
||||
background: #102541;
|
||||
color: #fff;
|
||||
}
|
||||
</style>
|
||||
30
nuxt-web/components/shared/RouteStubPage.vue
Normal file
30
nuxt-web/components/shared/RouteStubPage.vue
Normal file
@@ -0,0 +1,30 @@
|
||||
<script setup lang="ts">
|
||||
defineProps<{
|
||||
title: string
|
||||
description?: string
|
||||
}>()
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<main class="route-stub">
|
||||
<div class="route-stub__inner">
|
||||
<h1>{{ title }}</h1>
|
||||
<p>{{ description || 'This route has been reserved and will be migrated from the legacy site in a later batch.' }}</p>
|
||||
</div>
|
||||
</main>
|
||||
</template>
|
||||
|
||||
<style scoped>
|
||||
.route-stub {
|
||||
padding: 64px 20px;
|
||||
}
|
||||
|
||||
.route-stub__inner {
|
||||
max-width: 960px;
|
||||
margin: 0 auto;
|
||||
background: #fff;
|
||||
border-radius: 16px;
|
||||
padding: 32px;
|
||||
box-shadow: 0 12px 24px rgba(16, 37, 65, 0.08);
|
||||
}
|
||||
</style>
|
||||
17
nuxt-web/composables/useFancybox.ts
Normal file
17
nuxt-web/composables/useFancybox.ts
Normal file
@@ -0,0 +1,17 @@
|
||||
import { onBeforeUnmount, onMounted } from 'vue'
|
||||
|
||||
type FancyboxModule = typeof import('@fancyapps/ui')
|
||||
|
||||
export function useFancybox(selector: string) {
|
||||
let fancybox: FancyboxModule['Fancybox'] | null = null
|
||||
|
||||
onMounted(async () => {
|
||||
const module = await import('@fancyapps/ui')
|
||||
fancybox = module.Fancybox
|
||||
fancybox.bind(selector, {})
|
||||
})
|
||||
|
||||
onBeforeUnmount(() => {
|
||||
fancybox?.destroy()
|
||||
})
|
||||
}
|
||||
34
nuxt-web/composables/useSeo.ts
Normal file
34
nuxt-web/composables/useSeo.ts
Normal file
@@ -0,0 +1,34 @@
|
||||
type SeoInput = {
|
||||
title: string
|
||||
description?: string
|
||||
keywords?: string
|
||||
ogImage?: string
|
||||
canonicalPath?: string
|
||||
}
|
||||
|
||||
export function useSeo(input: SeoInput) {
|
||||
const siteUrl = 'https://example.com'
|
||||
const fullTitle = `${input.title} - 烟台岸基网络科技有限公司`
|
||||
const canonical = input.canonicalPath ? `${siteUrl}${input.canonicalPath}` : undefined
|
||||
|
||||
useSeoMeta({
|
||||
title: fullTitle,
|
||||
description: input.description,
|
||||
keywords: input.keywords,
|
||||
ogTitle: fullTitle,
|
||||
ogDescription: input.description,
|
||||
ogImage: input.ogImage,
|
||||
twitterCard: input.ogImage ? 'summary_large_image' : 'summary'
|
||||
})
|
||||
|
||||
if (canonical) {
|
||||
useHead({
|
||||
link: [
|
||||
{
|
||||
rel: 'canonical',
|
||||
href: canonical
|
||||
}
|
||||
]
|
||||
})
|
||||
}
|
||||
}
|
||||
34
nuxt-web/content.config.ts
Normal file
34
nuxt-web/content.config.ts
Normal file
@@ -0,0 +1,34 @@
|
||||
import { defineCollection, defineContentConfig, z } from '@nuxt/content'
|
||||
|
||||
export default defineContentConfig({
|
||||
collections: {
|
||||
news: defineCollection({
|
||||
type: 'page',
|
||||
source: 'news/*.md',
|
||||
schema: z.object({
|
||||
title: z.string(),
|
||||
date: z.string(),
|
||||
slug: z.string(),
|
||||
summary: z.string(),
|
||||
cover: z.string(),
|
||||
keywords: z.string(),
|
||||
description: z.string()
|
||||
})
|
||||
}),
|
||||
cases: defineCollection({
|
||||
type: 'page',
|
||||
source: 'cases/*.md',
|
||||
schema: z.object({
|
||||
title: z.string(),
|
||||
slug: z.string(),
|
||||
summary: z.string(),
|
||||
cover: z.string(),
|
||||
industry: z.string(),
|
||||
categories: z.array(z.string()),
|
||||
relatedProducts: z.array(z.string()),
|
||||
keywords: z.string(),
|
||||
description: z.string()
|
||||
})
|
||||
})
|
||||
}
|
||||
})
|
||||
47
nuxt-web/content/cases/anhui-port-hefei.md
Normal file
47
nuxt-web/content/cases/anhui-port-hefei.md
Normal file
@@ -0,0 +1,47 @@
|
||||
---
|
||||
title: "安徽港口集团合肥有限公司"
|
||||
slug: "anhui-port-hefei"
|
||||
summary: "安徽港口集团合肥有限公司统筹管理南淝河、巢湖、派河三大港区，拥有25个生产性泊位，年设计吞吐能力：集装箱90万标箱、件杂货700万吨、滚装商品车10万辆。南淝河港区信息化领先，正推进自动化改造；公司正建设统一管控平台，实现三港业务集中受理与协同调度。"
|
||||
cover: "/images/hefei.png"
|
||||
industry: "fleet"
|
||||
categories:
|
||||
- "fleet"
|
||||
- "freight-forwarder"
|
||||
- "logistics"
|
||||
relatedProducts:
|
||||
- "/products/logistics/platform"
|
||||
- "/products/logistics/vehicle-transport"
|
||||
keywords: "安徽港口集团合肥有限公司,客户案例,岸基科技,fleet,freight-forwarder,logistics"
|
||||
description: "统筹管理南淝河港区、巢湖港区与派河港区，拥有生产性泊位25个，年设计吞吐能力达集装箱90万标箱..."
|
||||
---
|
||||
|
||||
安徽港口集团合肥有限公司统筹管理南淝河、巢湖、派河三大港区，拥有25个生产性泊位，年设计吞吐能力：集装箱90万标箱、件杂货700万吨、滚装商品车10万辆。南淝河港区信息化领先，正推进自动化改造；公司正建设统一管控平台，实现三港业务集中受理与协同调度。
|
||||
|
||||
## 项目背景
|
||||
|
||||
1. 纸质单据流转效能瓶颈 作业全流程依赖纸质单据，需经打印、填写、审核等多步操作，挤占通行时间，推升人工与物料成本。
|
||||
|
||||
2. 信息孤岛制约调度效能 车辆状态、轨迹及任务数据分散孤立，管理人员难以掌握全局运力，无法动态调配资源。
|
||||
|
||||
3. 智能管理技术基础缺失 车辆位置、载重状态无法可视化捕捉，调度依赖人工经验，缺乏数据驱动的智能派单功能。
|
||||
|
||||
## 项目目标
|
||||
|
||||
1. 全链路溯源体系 集成移动端采集与车辆定位，实现货物运输全过程实时监控，保障运输安全与可靠性。
|
||||
|
||||
2. 港口服务生态升级 构建三港统一业务枢纽，实现业务统一受理；整合拖车资源，形成装卸-配送一体化服务能力。。
|
||||
|
||||
3. 智能集疏运成本优化 部署智能算法动态优化路线，通过预约排队系统实现三港作业协同，压缩集疏运成本。
|
||||
|
||||
## 项目收益
|
||||
|
||||
1. 闸口通行效率跨越式提升 无纸化自动闸口实现30秒内识别放行，车辆周转率提升30%以上，告别排队1-2小时。
|
||||
|
||||
2. 运营成本精准降低 消除纸质单据打印存储成本，减少补办及违约损失，综合运营成本显著压缩。
|
||||
|
||||
3. 规范化管理降低双风险 电子单据可追溯避免纸质丢失纠纷，数据符合税务与监管要求，降低合规风险与管理成本。
|
||||
|
||||
## 相关产品
|
||||
|
||||
- [全程物流链管理系统](/products/logistics/platform)
|
||||
- [岸基车辆运输管理系统](/products/logistics/vehicle-transport)
|
||||
50
nuxt-web/content/cases/beibuwan-shuttle-bus.md
Normal file
50
nuxt-web/content/cases/beibuwan-shuttle-bus.md
Normal file
@@ -0,0 +1,50 @@
|
||||
---
|
||||
title: "北部湾防城港有限公司"
|
||||
slug: "beibuwan-shuttle-bus"
|
||||
summary: "广西北部湾港涵盖防城港域、北海港域、钦州港域，位于泛北部湾、泛珠三角与中国—东盟经济圈交汇核心，是“一带一路”与“西部陆海新通道”战略关键节点，也是西南地区距离最短的出海口及面向东盟最便捷的出海通道。当前运营穿梭巴士船舶14艘，2022年穿巴业务吞吐量目标160万TEU，本次系统采购将支撑年处理400万标准箱的业务规模。"
|
||||
cover: "/images/fangcheng.png"
|
||||
industry: "shipping-company"
|
||||
categories:
|
||||
- "shipping-company"
|
||||
- "logistics"
|
||||
relatedProducts:
|
||||
- "/products/logistics/platform"
|
||||
- "/products/shipping/company"
|
||||
keywords: "北部湾防城港有限公司,客户案例,岸基科技,shipping-company,logistics"
|
||||
description: "广西北部湾港涵盖防城港域、北海港域、钦州港域，位居泛北部湾经济圈核心位置..."
|
||||
---
|
||||
|
||||
广西北部湾港涵盖防城港域、北海港域、钦州港域，位于泛北部湾、泛珠三角与中国—东盟经济圈交汇核心，是“一带一路”与“西部陆海新通道”战略关键节点，也是西南地区距离最短的出海口及面向东盟最便捷的出海通道。当前运营穿梭巴士船舶14艘，2022年穿巴业务吞吐量目标160万TEU，本次系统采购将支撑年处理400万标准箱的业务规模。
|
||||
|
||||
## 项目背景
|
||||
|
||||
1. 分布式港口协同需求 北港集团在钦州港、防城港、北海港（含铁山）实施分布式码头布局，三港分布式布局需建立标准化作业单元与穿巴运输体系，打通码头间物理隔阂，构建高效联通港口网络。
|
||||
|
||||
2. 穿巴智能调度挑战 传统穿巴管理难以满足枢纽港规模化需求，需解决多码头间运力与货源匹配效率问题。
|
||||
|
||||
3. 标准化体系贯通瓶颈 现有各港区作业标准不统一，亟需建立覆盖调度、装卸、信息交互的标准化体系，消除协作壁垒。
|
||||
|
||||
## 项目目标
|
||||
|
||||
1. 全流程信息化升级 构建穿巴业务综合管控平台，覆盖商务、订舱、船舶管理、单证交互等全环节，实现业务规范化管理。
|
||||
|
||||
2. 智能化调度与监控 部署智能配舱与调度引擎，动态优化运力分配与航线规划，集成安全监控与预警功能。
|
||||
|
||||
3. 跨系统数据互联 打通码头生产系统与北港网数据链路，实现船期、货物、场地信息自动同步与计费自动化。
|
||||
|
||||
4. 数据驱动决策支持 建立统计分析中枢，整合运力效能、成本结构等数据，生成分级决策报表，支撑战略目标达成。
|
||||
|
||||
## 项目收益
|
||||
|
||||
1. 运营效率跃升 智能调度实现资源与任务精准匹配，船舶闲置与等待时间减少30%以上，显著降低人力与能耗成本。
|
||||
|
||||
2. 协同作业效能突破 打通码头间信息壁垒，跨部门协调耗时缩减50%，电子单证流转实现留痕式沟通与责任分工。
|
||||
|
||||
3. 多港航线资源整合 钦州、防城港、北海三港互联形成“超级大港”，航线选择丰富度提升200%以上，货主可共享全部远洋航线资源。
|
||||
|
||||
4. 客户体验智能化升级 线上订舱平台支持查询、预订、支付及动态跟踪，客户沟通成本降低60%，提供便捷服务体验。
|
||||
|
||||
## 相关产品
|
||||
|
||||
- [全程物流链管理系统](/products/logistics/platform)
|
||||
- [岸基船公司运营管理系统](/products/shipping/company)
|
||||
44
nuxt-web/content/cases/canal-logistics-supervision.md
Normal file
44
nuxt-web/content/cases/canal-logistics-supervision.md
Normal file
@@ -0,0 +1,44 @@
|
||||
---
|
||||
title: "济宁港航建设有限公司"
|
||||
slug: "canal-logistics-supervision"
|
||||
summary: "济宁港航建设有限公司是济宁能源集团核心子公司，主营京杭运河济宁段港口、航道、船闸一体化投资运营，年吞吐量超 3000 万吨，管理 14 处作业区与 4 处船闸，为鲁西南最大内河港口运营商。公司坚持'数字港航'战略，2022 年率先在内河领域落地船舶收费智能监管平台，打造京杭运河'智慧航道'标杆。"
|
||||
cover: "/images/jining.png"
|
||||
industry: "port"
|
||||
categories:
|
||||
- "port"
|
||||
- "logistics"
|
||||
relatedProducts:
|
||||
- "/products/port/cdi"
|
||||
keywords: "济宁港航建设有限公司,客户案例,岸基科技,port,logistics"
|
||||
description: "济宁能源集团核心子公司，主营京杭运河济宁段港口、航道、船闸一体化投资运营，年吞吐量超3000万吨..."
|
||||
---
|
||||
|
||||
济宁港航建设有限公司是济宁能源集团核心子公司，主营京杭运河济宁段港口、航道、船闸一体化投资运营，年吞吐量超 3000 万吨，管理 14 处作业区与 4 处船闸，为鲁西南最大内河港口运营商。公司坚持"数字港航"战略，2022 年率先在内河领域落地船舶收费智能监管平台，打造京杭运河"智慧航道"标杆。
|
||||
|
||||
## 项目背景
|
||||
|
||||
1. 收费模式落后 4处收费站日均500艘船舶，全部线下现金收缴，船员需停船排队缴费，平均耗时15分钟以上。
|
||||
|
||||
2. 监管手段缺失 人工抽查录像核对缴费，漏收、逃费无法实时发现，船舶位置、视频、票据三套数据互不联通，监管盲区大。
|
||||
|
||||
3. 数字化战略与监管加严 集团要求2023年前完成港航板块100%线上收费；交通部明确船舶信用管理，亟需信息化手段。
|
||||
|
||||
## 项目目标
|
||||
|
||||
1. 逃费率为零 AI摄像头识别船号，联动AIS轨迹与票据数据，实时预警未缴费船舶，实现逃费率为零。
|
||||
|
||||
2. 一站统管 打通4处收费站、11处垃圾接收点、集团大数据平台，收费、票据、财务、信用数据实时汇聚。
|
||||
|
||||
3. 船舶可视化跟踪 整合视频、AIS与AI分析，实现船舶实时定位与轨迹跟踪，为调度决策提供可视化数据支撑。
|
||||
|
||||
## 项目收益
|
||||
|
||||
1. 提升收费监管效率 AI识别与AIS定位自动比对缴费记录，未缴费船舶实时预警，漏收率从5%降至0，收费准确率达100%。
|
||||
|
||||
2. 实现线上便捷缴费 支持移动端在线缴费、开票、查询，单船缴费时间从15分钟压缩至2分钟，船主无需现场排队。
|
||||
|
||||
3. 强化航道监管能力，提升运营可视化水平 整合视频、AIS与AI分析，实现船舶实时定位与轨迹跟踪，监管覆盖率达100%，为调度决策提供数据支撑。
|
||||
|
||||
## 相关产品
|
||||
|
||||
- [岸基云码头一体化智能操作系统](/products/port/cdi)
|
||||
49
nuxt-web/content/cases/fangchenggang-railway-container.md
Normal file
49
nuxt-web/content/cases/fangchenggang-railway-container.md
Normal file
@@ -0,0 +1,49 @@
|
||||
---
|
||||
title: "北部湾港防城港码头有限公司"
|
||||
slug: "fangchenggang-railway-container"
|
||||
summary: "北部湾港防城港码头有限公司是广西北部湾国际港务集团有限公司旗下核心企业，主要从事集装箱、散货的装卸、仓储、运输等业务。作为西南地区重要的海铁联运枢纽，公司致力于提升港口智能化水平，推动区域经济发展，是国家'一带一路'倡议中重要的物流节点。"
|
||||
cover: "/images/fangcheng.png"
|
||||
industry: "port"
|
||||
categories:
|
||||
- "port"
|
||||
relatedProducts:
|
||||
- "/products/port/cdi-container"
|
||||
keywords: "北部湾港防城港码头有限公司,客户案例,岸基科技,port"
|
||||
description: "广西北部湾国际港务集团有限公司旗下核心企业，主要从事集装箱、散货的装卸、仓储、运输等业务..."
|
||||
---
|
||||
|
||||
北部湾港防城港码头有限公司是广西北部湾国际港务集团有限公司旗下核心企业，主要从事集装箱、散货的装卸、仓储、运输等业务。作为西南地区重要的海铁联运枢纽，公司致力于提升港口智能化水平，推动区域经济发展，是国家"一带一路"倡议中重要的物流节点。
|
||||
|
||||
## 项目背景
|
||||
|
||||
1. 铁路集装箱作业量激增，管理难度加大 铁路集装箱吞吐量增长，传统人工理货、纸质运单已无法满足高效作业需求。
|
||||
|
||||
2. 多系统割裂，数据无法共享 铁路、散货、集装箱、闸口等系统数据孤立，导致重复录入与信息不一致。
|
||||
|
||||
3. 人工理货效率低，出错率高 理货员现场手工记录录入，存在较大人为差错风险，影响车辆周转效率。
|
||||
|
||||
4. 安全管理与监管要求提升 需实现作业全过程可视化、可追溯，提升对人员、车辆、货物的实时监控能力。
|
||||
|
||||
## 项目目标
|
||||
|
||||
1. 实现铁路集装箱系统一体化升级 构建统一平台，整合多系统数据，实现数据共享与业务协同，提升作业效率与管理水平。
|
||||
|
||||
2. 推动理货作业智能化、远程化 通过远程智能理货系统，实现后台远程核对确认，减少现场人员投入。
|
||||
|
||||
3. 实现作业流程无纸化、自动化 通过电子运单、自动识别替代纸质单据与人工录入，降低差错率。
|
||||
|
||||
4. 强化作业安全与过程可视化 通过视频监控、图像识别等手段，实现全过程可视化监管与异常快速响应。
|
||||
|
||||
## 项目收益
|
||||
|
||||
1. 作业效率提升 智能调度与自动识别显著缩短车辆停留时间，日均作业量提升30%以上。
|
||||
|
||||
2. 人工成本降低 减少现场理货、录入等环节，优化人员配置30%，释放人力用于更高价值工作。
|
||||
|
||||
3. 数据准确率提升 系统自动识别比对，杜绝人工录入错误，确保数据实时、准确、可追溯。
|
||||
|
||||
4. 客户满意度显著提升 作业流程更清晰、响应更及时，客户满意度提升至95%以上，信任度大幅增强。
|
||||
|
||||
## 相关产品
|
||||
|
||||
- [岸基云码头集装箱智能操作系统](/products/port/cdi-container)
|
||||
51
nuxt-web/content/cases/guangzhou-anzhida-logistics.md
Normal file
51
nuxt-web/content/cases/guangzhou-anzhida-logistics.md
Normal file
@@ -0,0 +1,51 @@
|
||||
---
|
||||
title: "广州安之达物流有限公司"
|
||||
slug: "guangzhou-anzhida-logistics"
|
||||
summary: "广州市安之达物流有限公司成立于2001年，是专注综合物流与危险品操作的专业物流公司。员工近300人，自有普危牵引车及厢车87台、挂车142台、ISOTANK 50个，仓库及停车场面积约6万平方米。主营危险品及普货陆路运输、仓储、国际海运、报关报检、口岸申报、码头操作等，兼营设备租赁、物流咨询及供应链金融"
|
||||
cover: "/images/anzhida.png"
|
||||
industry: "freight-forwarder"
|
||||
categories:
|
||||
- "freight-forwarder"
|
||||
- "warehouse"
|
||||
- "logistics"
|
||||
relatedProducts:
|
||||
- "/products/logistics/platform"
|
||||
- "/products/logistics/warehouse"
|
||||
keywords: "广州安之达物流有限公司,客户案例,岸基科技,freight-forwarder,warehouse,logistics"
|
||||
description: "成立于2001年，是一家以综合物流服务和危险货物操作为品牌的专业物流公司..."
|
||||
---
|
||||
|
||||
广州市安之达物流有限公司成立于2001年，是专注综合物流与危险品操作的专业物流公司。员工近300人，自有普危牵引车及厢车87台、挂车142台、ISOTANK 50个，仓库及停车场面积约6万平方米。主营危险品及普货陆路运输、仓储、国际海运、报关报检、口岸申报、码头操作等，兼营设备租赁、物流咨询及供应链金融
|
||||
|
||||
## 项目背景
|
||||
|
||||
1. 智能调度能力薄弱 老系统缺乏智能化调度功能，无法动态优化运输方案，空驶率与运输成本居高不下。
|
||||
|
||||
2. 业务板块协同不足 订单、费用与车辆管理流程割裂，缺乏一体化平台，跨部门协同效率低。
|
||||
|
||||
3. 系统扩展能力受限 老系统架构陈旧，难以对接外部客户系统，订单流转周期长，供应链响应慢。
|
||||
|
||||
4. 数据价值挖掘缺失 历史系统缺乏数据分析能力，无法提炼业务洞察，管理层决策缺乏数据支撑。
|
||||
|
||||
## 项目目标
|
||||
|
||||
1. 智能化调度决策 建设智能调度引擎，基于算法模型动态优化车载路线与配载策略，实现物流资源科学调配。
|
||||
|
||||
2. 全流程一体化管控 构建订单、费用、车辆协同管理平台，打通全业务流程，实现运营效率精细化提升。
|
||||
|
||||
3. 跨系统互联互通 开发标准化数据接口，对接客户信息系统，实现订单状态实时同步与自动化流转。
|
||||
|
||||
4. 数据驱动决策支持 搭建多维度分析平台，提供分级可视化报表与数据挖掘功能，赋能管理层精准决策。
|
||||
|
||||
## 项目收益
|
||||
|
||||
1. 运营效率提升：通过系统实现智能化调度 智能调度实现资源与任务精准匹配，闲置与等待时间大幅减少，运营效率提升超25%，人力与能耗成本双降。
|
||||
|
||||
2. 整合资源：打破信息孤岛 打通货代、报关、车队、仓储等内部信息壁垒，作业效率提升30%以上，失误率降低约40%。
|
||||
|
||||
3. 数据风险降低：保障业务合规与稳定 实现业务财务一体化运行，信息准确率达99%以上；集中监控预警机制实现事前预警与事中控制，全年无重大合规事故。
|
||||
|
||||
## 相关产品
|
||||
|
||||
- [全程物流链管理系统](/products/logistics/platform)
|
||||
- [岸基仓储管理系统](/products/logistics/warehouse)
|
||||
43
nuxt-web/content/cases/guangzhou-port-authority.md
Normal file
43
nuxt-web/content/cases/guangzhou-port-authority.md
Normal file
@@ -0,0 +1,43 @@
|
||||
---
|
||||
title: "广州市港务局"
|
||||
slug: "guangzhou-port-authority"
|
||||
summary: "广州市港务局成立于2004年，是市政府直属正厅级事业单位，负责广州港政、水路运输及航道管理。2025年数据显示：广州港外贸集装箱班轮航线达173条，南沙港区集装箱吞吐量突破2000万标箱，建成全国最大汽车出口口岸集群（年出口量超24万辆）。作为粤港澳大湾区核心枢纽，通过“湾区一港通”等模式强化区域协同，助力广州国际航运枢纽能级跃升。"
|
||||
cover: "/images/guangzhougangwuju.jpg"
|
||||
industry: "general"
|
||||
categories:
|
||||
relatedProducts:
|
||||
keywords: "广州市港务局,客户案例,岸基科技"
|
||||
description: "成立于2004年，为市政府直属正厅级事业单位，负责广州港政、水路运输及航道管理..."
|
||||
---
|
||||
|
||||
广州市港务局成立于2004年，是市政府直属正厅级事业单位，负责广州港政、水路运输及航道管理。2025年数据显示：广州港外贸集装箱班轮航线达173条，南沙港区集装箱吞吐量突破2000万标箱，建成全国最大汽车出口口岸集群（年出口量超24万辆）。作为粤港澳大湾区核心枢纽，通过“湾区一港通”等模式强化区域协同，助力广州国际航运枢纽能级跃升。
|
||||
|
||||
## 项目背景
|
||||
|
||||
1. 系统割裂致协同瓶颈 各系统独立运行形成数据孤岛，业务、财务、审批数据无法互通，依赖人工二次录入，多港口协同效率低。
|
||||
|
||||
2. "单一窗口" 建设倒逼数据接口适配 现有系统无数据交换接口，码头、海关等数据无法高效传输，亟需开发专属接口实现规范共享。
|
||||
|
||||
3. 港航企业与内部系统对接效率低下 内部系统数据不互通，数据交换依赖FTP或人工传递，易出错且耗时，增加企业对接成本。
|
||||
|
||||
4. 数据统计薄弱与服务需求不匹配 统计功能仅支持基础查询，报表滞后；客户缺乏货物跟踪渠道，制约服务质量提升。
|
||||
|
||||
## 项目目标
|
||||
|
||||
1. 技术落地：标准化数据交换架构 开发“单一窗口”、港航企业、港务局内部三类核心接口，打破业务、财务、审批系统数据壁垒。
|
||||
|
||||
2. 流程效率：全线上化与自动化 将舱单处理、危货申报等核心业务迁移至线上，实现数据采集至统计全流程自动化。
|
||||
|
||||
3. 服务输出：开放查询与数据共享 建成船舶动态、箱货装卸进度等查询接口，支持客户实时获取信息，提升监管响应效率。
|
||||
|
||||
4. 成本优化：资源集约与降本 采用政务云租赁模式避免重复采购，系统替代人工减少人力投入，降低多方适配成本。
|
||||
|
||||
## 项目收益
|
||||
|
||||
1. 减少人工干预，优化流程运转 数据在各系统间自动传递，无需二次录入，行政监管与业务处理节奏显著加快，单票业务处理时间缩短40%以上。
|
||||
|
||||
2. 成本优化，降低多方支出 采用政务云租赁模式，年节约硬件采购成本约80万元；减少人工录入与纸质单据，年节约人力及耗材成本超50万元。
|
||||
|
||||
3. 便捷信息获取，简化对接流程 客户可实时查询船舶、箱货动态，信息获取时效从小时级提升至分钟级，企业对接适配时间缩短60%。
|
||||
|
||||
4. 安全合规保障，提升运维效率 运行期间未发生安全事故与系统故障，系统可用性达99.9%，日志审计与异常处理功能保障平台稳定运行。
|
||||
36
nuxt-web/content/cases/hainan-strait-shipping.md
Normal file
36
nuxt-web/content/cases/hainan-strait-shipping.md
Normal file
@@ -0,0 +1,36 @@
|
||||
---
|
||||
title: "海南海峡航运股份有限公司"
|
||||
slug: "hainan-strait-shipping"
|
||||
summary: "海南海峡航运股份有限公司成立于2002年，是中远海运集团旗下A股上市公司，注册资本22.29亿元，为琼州海峡客滚运输龙头企业。作为海南自贸港“四方五港”核心运营主体，承担构建“智慧通道”、服务自贸港封关运作重任。拥有新海港、秀英港两大枢纽，年通过能力旅客3500万人次、车辆560万辆次；运营47艘客滚船舶，实现南北运力协同，并自主研发智能调度系统、5G船舶通信系统等数字化工具。"
|
||||
cover: "/images/haixia.png"
|
||||
industry: "shipping-company"
|
||||
categories:
|
||||
- "shipping-company"
|
||||
relatedProducts:
|
||||
keywords: "海南海峡航运股份有限公司,客户案例,岸基科技,shipping-company"
|
||||
description: "成立于2002年，是中远海运集团旗下A股上市公司，注册资本22.29亿元，是琼州海峡客滚运输龙头企业..."
|
||||
---
|
||||
|
||||
海南海峡航运股份有限公司成立于2002年，是中远海运集团旗下A股上市公司，注册资本22.29亿元，为琼州海峡客滚运输龙头企业。作为海南自贸港“四方五港”核心运营主体，承担构建“智慧通道”、服务自贸港封关运作重任。拥有新海港、秀英港两大枢纽，年通过能力旅客3500万人次、车辆560万辆次；运营47艘客滚船舶，实现南北运力协同，并自主研发智能调度系统、5G船舶通信系统等数字化工具。
|
||||
|
||||
## 项目背景
|
||||
|
||||
1. 运输方式单一 目前仅依赖客货滚装运输，且受天气影响停航频繁（年均约 30 天），无法满足海南自贸港封关后激增的跨境物流需求。
|
||||
|
||||
2. 新能源车运输瓶颈 新能源车单船运载量受限，过海效率低下，2024年春运期间出现车主被迫高价离岛情况。
|
||||
|
||||
## 项目目标
|
||||
|
||||
1. 提升运输效率 提升船舶周转率，压缩车辆候船时间；实现新能源车“专船专班”常态化运营，大幅提升过海时效。
|
||||
|
||||
2. 降低物流成本 通过智能配载与多式联运降低单位物流成本，依托枢纽模式带动临港产业增值服务收入增长。
|
||||
|
||||
3. 强化应急保障 建立跨区域运力调配机制，完善智能避碰与舱内安全预警系统，降低事故发生率。
|
||||
|
||||
## 项目收益
|
||||
|
||||
1. 物流资源利用提高 旺季船舶周转率提升35%，装载率从68%升至92%，单日最大运输量增长40%，运输时效缩短2小时。
|
||||
|
||||
2. 运输方式多样 小程序实现多方实时协同，纠纷率下降72%，人工协调成本减少约280万元。
|
||||
|
||||
3. 资源消耗减少 LNG船舶占比32%，能耗降低20%；年节约燃油1.02万吨，减少碳排放约3.2万吨。
|
||||
53
nuxt-web/content/cases/hede-global-supply-chain.md
Normal file
53
nuxt-web/content/cases/hede-global-supply-chain.md
Normal file
@@ -0,0 +1,53 @@
|
||||
---
|
||||
title: "唐山港合德海运有限公司"
|
||||
slug: "hede-global-supply-chain"
|
||||
summary: "唐山港合德海运有限公司专注内外贸集装箱航线运营，主营国际国内水路运输、货运代理、船舶代理及无船承运业务。经营航线30余条，外贸覆盖美西、日韩、东南亚、中东、印巴等国际港口；内贸干线覆盖广州、厦门、上海、宁波、南京、太仓等主要口岸；环渤海支线实现盘锦、锦州、秦皇岛、曹妃甸、天津、黄骅、潍坊、龙口等港口高效连接。"
|
||||
cover: "/images/shanghaihede.webp"
|
||||
industry: "shipping-company"
|
||||
categories:
|
||||
- "shipping-company"
|
||||
- "freight-forwarder"
|
||||
- "logistics"
|
||||
relatedProducts:
|
||||
- "/products/logistics/platform"
|
||||
- "/products/ecommerce/freight-booking"
|
||||
- "/products/shipping/company"
|
||||
- "/products/shipping/boat"
|
||||
keywords: "唐山港合德海运有限公司,客户案例,岸基科技,shipping-company,freight-forwarder,logistics"
|
||||
description: "唐山港合德海运有限公司，专注内外贸集装箱航线运营，主营国际国内水路运输、货运代理、船舶代理..."
|
||||
---
|
||||
|
||||
唐山港合德海运有限公司专注内外贸集装箱航线运营，主营国际国内水路运输、货运代理、船舶代理及无船承运业务。经营航线30余条，外贸覆盖美西、日韩、东南亚、中东、印巴等国际港口；内贸干线覆盖广州、厦门、上海、宁波、南京、太仓等主要口岸；环渤海支线实现盘锦、锦州、秦皇岛、曹妃甸、天津、黄骅、潍坊、龙口等港口高效连接。
|
||||
|
||||
## 项目背景
|
||||
|
||||
1. 业务发展驱动系统迭代 公司已形成一体化综合物流布局，需搭建全球物流供应链平台，实现信息资源深度整合。
|
||||
|
||||
2. 现有系统凸显整合短板 各系统存在信息孤岛、架构异构、扩展性弱，难以实现经营数据统筹监管与高效复用。
|
||||
|
||||
3. 技术成熟创造升级条件 互联网、AI等技术成熟，可打通内外部协同链路，强化客户数字化连接，提升核心竞争力。
|
||||
|
||||
## 项目目标
|
||||
|
||||
1. 建设统一供应链技术平台 构建统一底层架构，整合服务系统实现业务耦合与数据集中监管，支持全球一体化供应链服务。
|
||||
|
||||
2. 标准化资源协同体系 规范各板块操作流程，建立智能业务规则，实现货代、船代、航运系统无缝衔接与协同操作。
|
||||
|
||||
3. 构建高可靠数据交换平台 提供多种数据交换标准，满足国内外码头、船公司等舱单交换需求，保障接口稳定性与响应能力。
|
||||
|
||||
4. 智能化应用降本增效 通过OCR实现快速录入校验，搭建AI智能客服，提升服务效率与满意度，降低运营成本。
|
||||
|
||||
## 项目收益
|
||||
|
||||
1. 物流链整合提升操作效率 打破信息孤岛与流程壁垒，业务处理周期缩短20%以上，整体操作效率提升30%。
|
||||
|
||||
2. 全程可视化优化周转效率 货物全程跟踪实现全状态可视，物流周转效率提升25%，货物准时交付率达98%以上。
|
||||
|
||||
3. 智能技术驱动降本增效 智能算法优化运输路线与运力，综合运营成本降低20%-25%，创造可观经济效益。
|
||||
|
||||
## 相关产品
|
||||
|
||||
- [全程物流链管理系统](/products/logistics/platform)
|
||||
- [海运订舱平台](/products/ecommerce/freight-booking)
|
||||
- [岸基船公司运营管理系统](/products/shipping/company)
|
||||
- [岸基船舶管理系统](/products/shipping/boat)
|
||||
43
nuxt-web/content/cases/hede-international-shipping.md
Normal file
43
nuxt-web/content/cases/hede-international-shipping.md
Normal file
@@ -0,0 +1,43 @@
|
||||
---
|
||||
title: "合德国际航运有限公司"
|
||||
slug: "hede-international-shipping"
|
||||
summary: "唐山港合德海运有限公司是河北港口集团旗下内外贸兼营的集装箱航运企业，注册资本18.5亿元。作为京津冀协同发展与“一带一路”衔接的关键节点，构建“华北-华东-华南”三线联动物流网络。运营内外贸船舶49艘，掌控京唐港区全自动化集装箱泊位（年通过能力55万标箱）及曹妃甸港区多用途泊位，自主研发件杂智能管控系统、无人运输调度平台等多项专利。"
|
||||
cover: "/images/shanghaihede.webp"
|
||||
industry: "shipping-company"
|
||||
categories:
|
||||
- "shipping-company"
|
||||
relatedProducts:
|
||||
- "/products/logistics/platform"
|
||||
keywords: "合德国际航运有限公司,客户案例,岸基科技,shipping-company"
|
||||
description: "唐山港合德海运有限公司是河北港口集团唐港集团旗下内外贸兼营的集装箱航运企业，注册资本18.5亿元..."
|
||||
---
|
||||
|
||||
唐山港合德海运有限公司是河北港口集团旗下内外贸兼营的集装箱航运企业，注册资本18.5亿元。作为京津冀协同发展与“一带一路”衔接的关键节点，构建“华北-华东-华南”三线联动物流网络。运营内外贸船舶49艘，掌控京唐港区全自动化集装箱泊位（年通过能力55万标箱）及曹妃甸港区多用途泊位，自主研发件杂智能管控系统、无人运输调度平台等多项专利。
|
||||
|
||||
## 项目背景
|
||||
|
||||
1. 提升配载效率 传统美西航线需25天以上，准班率不足60%，无法满足跨境电商72小时送达需求。
|
||||
|
||||
2. 优化空间利用 传统燃油船舶占比70%，面临欧盟碳关税等贸易壁垒，年额外成本超千万元。
|
||||
|
||||
3. 资源协同不足 港口、货代、集卡等信息割裂，货主无法实时追踪货物，异常响应滞后超48小时。
|
||||
|
||||
## 项目目标
|
||||
|
||||
1. 提升配载效率 采用AI算法优化配载方案，大幅压缩单船配载计划编制时间与方案调整响应速度。
|
||||
|
||||
2. 优化空间利用 通过智能分区算法提升船舶舱位利用率，降低甲板空间浪费，实现新能源车混合装载效率提升。
|
||||
|
||||
3. 降低综合成本 通过智能配载减少翻箱率与燃油消耗，降低配载人员需求与单证处理差错率。
|
||||
|
||||
## 项目收益
|
||||
|
||||
1. 提升配载效率 I智能配载引擎使方案生成时间压缩至20分钟，人工成本大幅降低。
|
||||
|
||||
2. 空间利用提升 舱位利用率提升至80%以上，新能源车专用模块实现单船合规运载160-180辆。
|
||||
|
||||
3. 信息协同提高 数字孪生仿真平台实现关键数据同步准确率超98%。
|
||||
|
||||
## 相关产品
|
||||
|
||||
- [全程物流链管理系统](/products/logistics/platform)
|
||||
47
nuxt-web/content/cases/hengtong-logistics.md
Normal file
47
nuxt-web/content/cases/hengtong-logistics.md
Normal file
@@ -0,0 +1,47 @@
|
||||
---
|
||||
title: "恒通物流股份有限公司"
|
||||
slug: "hengtong-logistics"
|
||||
summary: "恒通物流股份有限公司成立于2005年，是国内领先的综合物流服务商，聚焦公路干线运输、多式联运、冷链物流及仓储配送核心业务。旗下自有及合作运输车辆超2000台，服务网络覆盖全国30+分拨中心、500+合作网点，年运输里程超8000万公里。"
|
||||
cover: "/images/hengtong.png"
|
||||
industry: "fleet"
|
||||
categories:
|
||||
- "fleet"
|
||||
- "logistics"
|
||||
- "port"
|
||||
relatedProducts:
|
||||
- "/products/logistics/platform"
|
||||
- "/products/logistics/vehicle-transport"
|
||||
keywords: "恒通物流股份有限公司,客户案例,岸基科技,fleet,logistics,port"
|
||||
description: "成立于2005年，注册资本5.8亿元，是国内领先的综合物流服务商，聚焦公路干线运输、多式联运、冷链物流..."
|
||||
---
|
||||
|
||||
恒通物流股份有限公司成立于2005年，是国内领先的综合物流服务商，聚焦公路干线运输、多式联运、冷链物流及仓储配送核心业务。旗下自有及合作运输车辆超2000台，服务网络覆盖全国30+分拨中心、500+合作网点，年运输里程超8000万公里。
|
||||
|
||||
## 项目背景
|
||||
|
||||
1. 监管数据上报合规压力 原有系统缺乏协议适配，数据上报延迟超30分钟，错误率8%，多次被通报整改。
|
||||
|
||||
2. 线路规划静态化，运输效率低 依赖人工经验，未结合实时路况，空驶率高达28%，运输时间增加25%。
|
||||
|
||||
3. 车辆动态监控滞后，风险难管控 仅能查看基础定位，异常行为发现滞后超1小时，安全风险高、纠纷难取证。
|
||||
|
||||
## 项目目标
|
||||
|
||||
1. 808/809 协议标准化数据上报 适配808/809协议标准，实现车载终端数据实时采集与上传，通过平台自动同步至省级监管部门，满足合规要求。
|
||||
|
||||
2. 智能动态线路规划 整合实时路况、车辆载重、油耗等多维数据，开发智能算法，支持最优时效、最低成本等多模式线路规划。
|
||||
|
||||
3. 车辆动态全维度实时监控 搭建可视化监控平台，实时展示定位、速度、油耗、胎压等数据，设置多维度异常预警阈值，实现风险实时管控。
|
||||
|
||||
## 项目收益
|
||||
|
||||
1. 监管合规零风险，避免处罚损失 全年上传数据超1200万条，准确率100%，未发生监管通报，避免处罚损失超300万元，获合规示范企业认证。
|
||||
|
||||
2. 运输效率显著提升，成本大幅降低 驶率显著下降，年节约成本近千万元，单程运输时间缩短超四分之一。
|
||||
|
||||
3. 动态监控精准化，安全风险下降 异常预警准确率高，事故率大幅降低；历史轨迹追溯助力解决纠纷，挽回经济损失超百万元。
|
||||
|
||||
## 相关产品
|
||||
|
||||
- [全程物流链管理系统](/products/logistics/platform)
|
||||
- [岸基车辆运输管理系统](/products/logistics/vehicle-transport)
|
||||
47
nuxt-web/content/cases/huanghua-vehicle-analysis.md
Normal file
47
nuxt-web/content/cases/huanghua-vehicle-analysis.md
Normal file
@@ -0,0 +1,47 @@
|
||||
---
|
||||
title: "黄骅港"
|
||||
slug: "huanghua-vehicle-analysis"
|
||||
summary: "黄骅港是我国“西煤东运、北煤南运”核心枢纽港口，货物吞吐量连续五年超3亿吨，年疏港车辆通行量突破120万辆次，集疏运网络辐射华北、西北多省区。近年聚焦智慧疏运数字化转型，针对车辆路线规划滞后、货源流向不清晰等痛点，搭建车辆路线分析平台，以“线路智能规划+货源大数据分析+车流热力可视化”为核心，构建高效、精准、绿色的港口车辆运输管理体系。"
|
||||
cover: "/images/huanghua.jpg"
|
||||
industry: "fleet"
|
||||
categories:
|
||||
- "fleet"
|
||||
- "logistics"
|
||||
- "port"
|
||||
relatedProducts:
|
||||
- "/products/logistics/platform"
|
||||
- "/products/logistics/vehicle-transport"
|
||||
keywords: "黄骅港,客户案例,岸基科技,fleet,logistics,port"
|
||||
description: "我国\'西煤东运、北煤南运\'核心枢纽港口，货物吞吐量连续五年超3亿吨，年疏港车辆通行量突破120万辆次..."
|
||||
---
|
||||
|
||||
黄骅港是我国“西煤东运、北煤南运”核心枢纽港口，货物吞吐量连续五年超3亿吨，年疏港车辆通行量突破120万辆次，集疏运网络辐射华北、西北多省区。近年聚焦智慧疏运数字化转型，针对车辆路线规划滞后、货源流向不清晰等痛点，搭建车辆路线分析平台，以“线路智能规划+货源大数据分析+车流热力可视化”为核心，构建高效、精准、绿色的港口车辆运输管理体系。
|
||||
|
||||
## 项目背景
|
||||
|
||||
1. 货源流向模糊，路线规划缺乏数据支撑 货源数据分散，70%以上车辆因路线与货源不匹配，出现绕路运输、空载返程问题。
|
||||
|
||||
2. 车流分布不均，拥堵点难以及时识别 车流数据未实时可视化，高峰时段堆场入口平均排队超1.5小时，严重影响疏运效率。
|
||||
|
||||
3. 线路规划静态化，适配性差 固定路线未结合实时货源与车流变化，规划路线与实际场景脱节，难以满足快进快出需求。
|
||||
|
||||
## 项目目标
|
||||
|
||||
1. 货源流向大数据精准分析 整合运输订单、车辆轨迹等数据，构建流向分析模型，精准识别货源规律，为线路规划提供支撑。
|
||||
|
||||
2. 货源热力图实时可视化 搭建热力可视化管理后台，支持多区域数据切换与对比，提升跨区域运输资源调配响应效率。
|
||||
|
||||
3. 动态智能线路规划 基于货源分析结果与热力图，开发智能算法，实现货源-路线-车辆精准匹配与动态避堵。
|
||||
|
||||
## 项目收益
|
||||
|
||||
1. 运输效率显著提升 货源流向分析准确率达96.8%，车辆与货源适配度从58%提升至89%，顺路配货成功率提升75%。
|
||||
|
||||
2. 运营成本大幅降低 空驶率从32.5%降至14.2%，年节约燃油及运营成本超1500万元，人工调度成本降低25%。
|
||||
|
||||
3. 集疏运网络优化能力升级 优化核心疏港通道，通行效率提升38%，打造“数据驱动、精准调度”的智慧疏运标杆。
|
||||
|
||||
## 相关产品
|
||||
|
||||
- [全程物流链管理系统](/products/logistics/platform)
|
||||
- [岸基车辆运输管理系统](/products/logistics/vehicle-transport)
|
||||
47
nuxt-web/content/cases/jiahua-shipping-system.md
Normal file
47
nuxt-web/content/cases/jiahua-shipping-system.md
Normal file
@@ -0,0 +1,47 @@
|
||||
---
|
||||
title: "嘉华航运(香港)有限公司"
|
||||
slug: "jiahua-shipping-system"
|
||||
summary: "嘉华航运(香港)有限公司（Kawa Shipping），2023年成立的新兴国际航运企业，专注中东及北非市场。由土耳其与阿联酋企业共同持股，凭借资本与资源优势，成立一年即跻身国内发展最快的民营集装箱航运公司行列。航运网络覆盖华东、华北、华中及西南地区主要港口，中东航线占据显著优势。截至2024年9月，运营14艘集装箱船（3艘自有、11艘租赁），综合运力达20000 TEU。"
|
||||
cover: "/images/jiahua.jpg"
|
||||
industry: "shipping-company"
|
||||
categories:
|
||||
- "shipping-company"
|
||||
- "ship-agent"
|
||||
- "freight-forwarder"
|
||||
relatedProducts:
|
||||
- "/products/shipping/company"
|
||||
keywords: "嘉华航运(香港)有限公司,客户案例,岸基科技,shipping-company,ship-agent,freight-forwarder"
|
||||
description: "嘉华航运(香港)有限公司，2023年成立的新兴国际航运企业，专注中东及北非市场..."
|
||||
---
|
||||
|
||||
嘉华航运(香港)有限公司（Kawa Shipping），2023年成立的新兴国际航运企业，专注中东及北非市场。由土耳其与阿联酋企业共同持股，凭借资本与资源优势，成立一年即跻身国内发展最快的民营集装箱航运公司行列。航运网络覆盖华东、华北、华中及西南地区主要港口，中东航线占据显著优势。截至2024年9月，运营14艘集装箱船（3艘自有、11艘租赁），综合运力达20000 TEU。
|
||||
|
||||
## 项目背景
|
||||
|
||||
1. 一带一路战略机遇 航运业面临新机遇与挑战，嘉华航运快速扩张中欧快航、中东航线，亟需升级运营体系。
|
||||
|
||||
2. 传统手工模式瓶颈 单证处理依赖纸质/Excel，信息易错易失、流转缓慢，严重制约业务效率。
|
||||
|
||||
3. 合规风控压力加剧 手工操作难以及时更新合规标准，单证不规范、备案延迟频发，带来合规风险与经济损失。
|
||||
|
||||
## 项目目标
|
||||
|
||||
1. 单证处理数字化升级 实现提单、舱单、装箱单等核心单证线上录入、审核、签发与全流程流转，消除人工误差。
|
||||
|
||||
2. 单证协同与追溯高效化 打通内部及外部单证数据接口，建立全生命周期追溯体系，支持多维度快速查询。
|
||||
|
||||
3. 合规管理智能化落地 单证生成过程自动校验关键信息并预警不合规项，规避潜在法律与经济损失。
|
||||
|
||||
4. 操作效率显著提升 优化单证处理流程，减少人工重复录入，支持批量处理功能，释放人力。
|
||||
|
||||
## 项目收益
|
||||
|
||||
1. 操作效率大幅提升 单票单证处理时间缩短50%以上，年均节省人工操作超1200小时，业务流转效率显著提升。
|
||||
|
||||
2. 差错率与风险降低 单证错误率从8%降至1%以下，规避改单、滞港等损失，电子单证强化风险防控。
|
||||
|
||||
3. 客户服务体验优化 客户可实时查询进度，满意度提升至95%以上，高效准确服务成为核心竞争力。
|
||||
|
||||
## 相关产品
|
||||
|
||||
- [岸基船公司运营管理系统](/products/shipping/company)
|
||||
47
nuxt-web/content/cases/jinjiang-shipping-ecommerce.md
Normal file
47
nuxt-web/content/cases/jinjiang-shipping-ecommerce.md
Normal file
@@ -0,0 +1,47 @@
|
||||
---
|
||||
title: "上海锦江航运（集团）股份有限公司"
|
||||
slug: "jinjiang-shipping-ecommerce"
|
||||
summary: "上海锦江航运（集团）股份有限公司1983年成立的中国领先区域性集装箱航运企业，聚焦亚洲近洋市场，以上海为母港，形成'东北亚压舱石+东南亚增长极'战略布局。连续多年稳居上海-日本航线、上海-台湾航线市场占有率首位。作为上港集团（全球第一大港）控股子公司，业务深度融入长三角一体化及'一带一路'国家战略，是亚洲近洋市场'小而美'标杆企业。"
|
||||
cover: "/images/logo1.jpg"
|
||||
industry: "shipping-company"
|
||||
categories:
|
||||
- "shipping-company"
|
||||
relatedProducts:
|
||||
- "/products/ecommerce/freight-booking"
|
||||
keywords: "上海锦江航运（集团）股份有限公司,客户案例,岸基科技,shipping-company"
|
||||
description: "上海锦江航运（集团）股份有限公司（股票代码：601083）1983年成立的中国领先区域性集装箱航运企业..."
|
||||
---
|
||||
|
||||
上海锦江航运（集团）股份有限公司1983年成立的中国领先区域性集装箱航运企业，聚焦亚洲近洋市场，以上海为母港，形成"东北亚压舱石+东南亚增长极"战略布局。连续多年稳居上海-日本航线、上海-台湾航线市场占有率首位。作为上港集团（全球第一大港）控股子公司，业务深度融入长三角一体化及"一带一路"国家战略，是亚洲近洋市场"小而美"标杆企业。
|
||||
|
||||
## 项目背景
|
||||
|
||||
1. 传统模式效率瓶颈凸显 线下订舱耗时2-3天，信息依赖人工，纸质提单占海运成本5%-8%，亟需数字化突破。
|
||||
|
||||
2. 互联网技术重塑行业生态 云计算与移动互联普及推动航运巨头线上化，锦江航运2015年率先推出电商平台，成国内近洋数字化先行者。
|
||||
|
||||
3. 精品服务线上化延伸 依托高准班率、HDS快速交货等线下优势，将服务标准化线上化，突破物理边界。
|
||||
|
||||
4. 直客与代理双轨融合 设计“双轨制”：满足直客自主订舱支付需求，同时为代理提供批量订舱、运价查询等B端功能。
|
||||
|
||||
## 项目目标
|
||||
|
||||
1. 即期舱位透明化释放机制 客户实时查看各航线剩余舱位，系统优先推荐准班率最高、时效最快的船期，实现资源透明化。
|
||||
|
||||
2. 东南亚市场深度渗透战略 平台重点支持东南亚扩张，新增快航服务，整合华北枢纽港资源，开辟印巴新航线。
|
||||
|
||||
3. 跨境电商高效增长引擎 响应上海港跨境电商海运出口试点，为电商货物提供高效运输保障。
|
||||
|
||||
## 项目收益
|
||||
|
||||
1. 订舱操作"一点到底"极简体验 货代从选航线、输货量到提交订单操作减少，单票订舱时间从半天压缩至10分钟。
|
||||
|
||||
2. 全流程运输可视化追踪 输入提单号即可查看提箱、进港、装船、离港、抵达等节点状态，异常自动预警。
|
||||
|
||||
3. 智能运价计算与决策优化 实时展示各航线阶梯运价及附加费明细，支持按最低总价或最快时效排序决策。
|
||||
|
||||
4. 即期舱位透明 客户实时查看各航线剩余舱位及箱型分类，订舱确认时间从48小时缩短至2小时。
|
||||
|
||||
## 相关产品
|
||||
|
||||
- [海运订舱平台](/products/ecommerce/freight-booking)
|
||||
47
nuxt-web/content/cases/lianyungang-china-korea-ferry.md
Normal file
47
nuxt-web/content/cases/lianyungang-china-korea-ferry.md
Normal file
@@ -0,0 +1,47 @@
|
||||
---
|
||||
title: "连云港中韩轮渡有限公司"
|
||||
slug: "lianyungang-china-korea-ferry"
|
||||
summary: "连云港中韩轮渡有限公司位于新亚欧大陆桥东桥头堡连云港，独家经营连云港至仁川、平泽客货班轮航线，系江苏省唯一客货班轮航线。航线开通十九年来，持续服务港口上量，促进中韩海上航线健康发展。随着韩国与我国中西部、中亚经济交往深化，经连云港进出口货物及出入境旅游需求快速增长。航线每周四班高密度运营，为陆桥运输货物及中韩商务、观光提供高效通道。"
|
||||
cover: "/images/lianyungang.jpg"
|
||||
industry: "shipping-company"
|
||||
categories:
|
||||
- "shipping-company"
|
||||
- "ship-agent"
|
||||
- "freight-forwarder"
|
||||
relatedProducts:
|
||||
- "/products/shipping/boat"
|
||||
- "/products/logistics/ship-agent"
|
||||
keywords: "连云港中韩轮渡有限公司,客户案例,岸基科技,shipping-company,ship-agent,freight-forwarder"
|
||||
description: "位于新亚欧大陆桥东桥头堡——连云港东端，独家经营连云港至仁川、平泽客货班轮航线..."
|
||||
---
|
||||
|
||||
连云港中韩轮渡有限公司位于新亚欧大陆桥东桥头堡连云港，独家经营连云港至仁川、平泽客货班轮航线，系江苏省唯一客货班轮航线。航线开通十九年来，持续服务港口上量，促进中韩海上航线健康发展。随着韩国与我国中西部、中亚经济交往深化，经连云港进出口货物及出入境旅游需求快速增长。航线每周四班高密度运营，为陆桥运输货物及中韩商务、观光提供高效通道。
|
||||
|
||||
## 项目背景
|
||||
|
||||
1. 中韩双边贸易深化催生货运刚需 中韩经贸紧密，连云港至仁川、平泽货运量持续增长，需专业系统整合资源匹配多样化需求。
|
||||
|
||||
2. 传统货运模式瓶颈亟待突破 传统运输多次装卸、中转环节多，增加破损风险、拉长时间并推高成本。
|
||||
|
||||
3. 中韩联运合作与政策驱动保障 中韩陆海联运合作深化，需构建标准化货运系统对接监管规则，实现多式联运协同。
|
||||
|
||||
## 项目目标
|
||||
|
||||
1. 建设一体化综合业务管理系统 搭建一体化货运操作系统，实现内部全流程操作及与连云港、韩国口岸数据互通，提升办单效率。
|
||||
|
||||
2. 实现业务精细化管理 梳理订舱、放箱等环节，制定标准化流程，实时掌握货物动态，异常自动预警。
|
||||
|
||||
3. 智能化应用深度落地 通过邮件智能识别、危险货物自动识别等功能提升操作准确性，降低人力成本。
|
||||
|
||||
## 项目收益
|
||||
|
||||
1. 自动化操作提升处理效率 订舱、清洁数据自动化处理，单证处理时间缩短40%，业务响应速度显著提升。
|
||||
|
||||
2. 危险货物智能识别与预警 系统自动识别危险货物并触发预警，识别准确率达95%，有效降低运输风险。
|
||||
|
||||
3. 智能计费优化结算流程 货物运费智能计算，实时同步结算模块，操作效率提升30%，减少数据偏差。
|
||||
|
||||
## 相关产品
|
||||
|
||||
- [岸基船舶管理系统](/products/shipping/boat)
|
||||
- [岸基船舶代理系统](/products/logistics/ship-agent)
|
||||
42
nuxt-web/content/cases/mobile-machinery-dispatch.md
Normal file
42
nuxt-web/content/cases/mobile-machinery-dispatch.md
Normal file
@@ -0,0 +1,42 @@
|
||||
---
|
||||
title: "秦皇岛港股份有限公司流动机械分公司"
|
||||
slug: "mobile-machinery-dispatch"
|
||||
summary: "秦皇岛港股份有限公司流动机械分公司是秦皇岛港股份有限公司旗下的重要作业单位，主要负责港区内流动机械的统一调度、运营维护与管理工作。分公司拥有起重机、叉车、装载机、自卸车等多种流动机械设备，承担着煤炭、杂货等核心货类的装卸与转运任务，是保障港口生产作业高效运转的关键力量。"
|
||||
cover: "/images/logo2.jpg"
|
||||
industry: "port"
|
||||
categories:
|
||||
- "port"
|
||||
- "machinery"
|
||||
relatedProducts:
|
||||
- "/products/port/cdi-bulk"
|
||||
keywords: "秦皇岛港股份有限公司流动机械分公司,客户案例,岸基科技,port,machinery"
|
||||
description: "秦皇岛港股份有限公司旗下重要作业单位，负责港区内流动机械的统一调度、运营维护与管理工作..."
|
||||
---
|
||||
|
||||
秦皇岛港股份有限公司流动机械分公司是秦皇岛港股份有限公司旗下的重要作业单位，主要负责港区内流动机械的统一调度、运营维护与管理工作。分公司拥有起重机、叉车、装载机、自卸车等多种流动机械设备，承担着煤炭、杂货等核心货类的装卸与转运任务，是保障港口生产作业高效运转的关键力量。
|
||||
|
||||
## 项目背景
|
||||
|
||||
1. 传统调度模式难以满足实时作业需求 秦皇岛港区内流动机械作业范围广、车型繁杂，东西港区作业分散，每日出车量与地点不固定，依赖人工调度无法实现高效灵活调配。
|
||||
|
||||
2. 数据记录与协同存在盲区 申请、调度、监控等环节靠人工记录，信息传递滞后，难以实现全过程可视化与跨部门协同。
|
||||
|
||||
## 项目目标
|
||||
|
||||
1. 实现调度智能化 建设智能调度指挥系统，通过电子地图实时显示车辆位置，支持昼夜及临时用车在线申请与派车。
|
||||
|
||||
2. 构建作业可视化平台 基于GIS实现轨迹回放、电子围栏、超区报警等功能，对流动机械作业全过程进行可视化监控。
|
||||
|
||||
3. 推动管理精细化 建立统一的信息管理模块，支持数据查询与统计分析，为管理层提供决策支持。
|
||||
|
||||
## 项目收益
|
||||
|
||||
1. 调度效率显著提升 智能派车与实时监控使调度响应时间缩短30%以上，车辆利用率提高，空驶与等待时间明显减少。
|
||||
|
||||
2. 作业过程透明可控 车辆位置、作业状态实时可查，异常情况及时报警，现场管理精准性与安全性大幅提升。
|
||||
|
||||
3. 数据驱动管理优化 系统自动记录作业数据，支持多维统计分析，推动管理从经验型向数据型转变。
|
||||
|
||||
## 相关产品
|
||||
|
||||
- [岸基云码头散杂货智能操作系统](/products/port/cdi-bulk)
|
||||
49
nuxt-web/content/cases/qiaoyi-logistics.md
Normal file
49
nuxt-web/content/cases/qiaoyi-logistics.md
Normal file
@@ -0,0 +1,49 @@
|
||||
---
|
||||
title: "侨益物流股份有限公司"
|
||||
slug: "qiaoyi-logistics"
|
||||
summary: "侨益物流股份有限公司系新三板挂牌企业，专注大宗农产品全链条物流解决方案。作为华南地区农产品物流龙头企业（广州市农业龙头企业），依托800余名专业团队与40余家子公司，为大宗商品进口提供专业化物流服务。业务网络覆盖东三省、珠三角、北部湾、长三角及长江沿岸五大核心区域，通过资源整合与流程优化，持续为客户创造差异化价值，推动农产品供应链效能升级。"
|
||||
cover: "/images/logo.jpg"
|
||||
industry: "ship-agent"
|
||||
categories:
|
||||
- "ship-agent"
|
||||
- "freight-forwarder"
|
||||
- "warehouse"
|
||||
- "fleet"
|
||||
- "logistics"
|
||||
relatedProducts:
|
||||
- "/products/logistics/platform"
|
||||
- "/products/logistics/warehouse"
|
||||
keywords: "侨益物流股份有限公司,客户案例,岸基科技,ship-agent,freight-forwarder,warehouse"
|
||||
description: "新三板挂牌企业，专注大宗农产品全链条物流解决方案，作为华南地区农产品物流龙头企业..."
|
||||
---
|
||||
|
||||
侨益物流股份有限公司系新三板挂牌企业，专注大宗农产品全链条物流解决方案。作为华南地区农产品物流龙头企业（广州市农业龙头企业），依托800余名专业团队与40余家子公司，为大宗商品进口提供专业化物流服务。业务网络覆盖东三省、珠三角、北部湾、长三角及长江沿岸五大核心区域，通过资源整合与流程优化，持续为客户创造差异化价值，推动农产品供应链效能升级。
|
||||
|
||||
## 项目背景
|
||||
|
||||
1. 异构系统协同壁垒突出 多式联运缺乏统一调度与数据共享，各环节单据标准不统一，需人工重复录入，转运滞留加剧，运输周期延长。
|
||||
|
||||
2. 数据孤岛制约决策科学性 核心数据分散于不同载体，未形成统一数据库，管理人员无法识别运营瓶颈，决策主观性强。
|
||||
|
||||
3. 资源碎片化拉低协同效能 港口、船公司、车队、货代等信息壁垒突出，泊位状态、到港时间无法实时共享，车辆空驶与货物积压并存。
|
||||
|
||||
## 项目目标
|
||||
|
||||
1. 构建端到端一体化管控平台 围绕粮食物流，打通产销物流通道，将货代、仓储、陆运、水运等环节有机整合，实现全方位信息化管理。
|
||||
|
||||
2. 智能运力匹配优化资源配置 整合自有及分包商运力信息，通过大数据算法对运力供给、路线规划、人员安排进行综合优化，实现合理配置。
|
||||
|
||||
3. 订单全程可视实现透明化跟踪 融合北斗定位、GPS及GIS技术，实时采集并同步各节点数据，以可视化形式展示运单轨迹与流转状态。
|
||||
|
||||
## 项目收益
|
||||
|
||||
1. 打通信息壁垒提升协同效率 全链路数据汇聚至同一平台，各环节同步获取订单进度与货物位置，协同效率提升40%以上。
|
||||
|
||||
2. 优化资源配置实现降本增效 智能规划最优联运路线，减少空驶与滞港，单吨运输成本平均降低15%
|
||||
|
||||
3. 全流程可视化管控降低风险 实时监控货物位置与温湿度，异常自动预警；电子单据全程留痕，确保运输交割可追溯。
|
||||
|
||||
## 相关产品
|
||||
|
||||
- [全程物流链管理系统](/products/logistics/platform)
|
||||
- [岸基仓储管理系统](/products/logistics/warehouse)
|
||||
49
nuxt-web/content/cases/qinhuangdao-cargo-system.md
Normal file
49
nuxt-web/content/cases/qinhuangdao-cargo-system.md
Normal file
@@ -0,0 +1,49 @@
|
||||
---
|
||||
title: "秦皇岛港股份有限公司"
|
||||
slug: "qinhuangdao-cargo-system"
|
||||
summary: "秦皇岛港股份有限公司是河北港口集团核心企业，全球最大大宗干散货公众码头之一，1898年开埠，现有生产泊位71个，年设计通过能力3亿吨，主营煤炭、矿石、杂货、油品装卸及物流综合服务，是国家'北煤南运'主枢纽港和京津冀世界级港口群重要组成。"
|
||||
cover: "/images/logo2.jpg"
|
||||
industry: "port"
|
||||
categories:
|
||||
- "port"
|
||||
relatedProducts:
|
||||
- "/products/port/cdi-bulk"
|
||||
keywords: "秦皇岛港股份有限公司,客户案例,岸基科技,port"
|
||||
description: "河北港口集团核心企业，全球最大大宗干散货公众码头之一，1898年开埠，现有生产泊位71个..."
|
||||
---
|
||||
|
||||
秦皇岛港股份有限公司是河北港口集团核心企业，全球最大大宗干散货公众码头之一，1898年开埠，现有生产泊位71个，年设计通过能力3亿吨，主营煤炭、矿石、杂货、油品装卸及物流综合服务，是国家"北煤南运"主枢纽港和京津冀世界级港口群重要组成。
|
||||
|
||||
## 项目背景
|
||||
|
||||
1. 纸质作业票效率瓶颈 手写作业票需经3道以上流转环节，数据回传延迟2-4小时，计件工资计算耗时较长。
|
||||
|
||||
2. 信息孤岛制约协同 商务、调度、库场、费收4套系统独立运行，数据重复录入，信息传递不通畅。
|
||||
|
||||
3. 件杂货规格多变理货难 1800余种件杂货，现场靠人工抄录规格、残损，错误率高。
|
||||
|
||||
4. 集团智慧港口战略驱动 《京津冀协同发展规划纲要》交要求电子作业票覆盖率≥90%，系统升级迫在眉睫。
|
||||
|
||||
## 项目目标
|
||||
|
||||
1. 全流程电子作业票 通过 PC+APP 双端实时录单、电子签认，实现电子作业票，减少"稽核"录入岗位的人数与工作量。
|
||||
|
||||
2. 一体化数据中枢 建立统一主数据，打通商务、调度、库场、费收4大模块，业务数据一次性录入全局共享。
|
||||
|
||||
3. 移动智能理货 利用移动终端扫码、拍照，实现货-垛-车-船多维理货数据关联采集，提高实时性。
|
||||
|
||||
4. 残损货物现场电子交接 通过移动端拍照、电子签字，实现港方、货方等多方现场实时残损交接。
|
||||
|
||||
## 项目收益
|
||||
|
||||
1. 作业效率提升 电子作业票替代纸质录入，数据回传从2-4小时压缩至实时，大幅减少人工错误与重复劳动。
|
||||
|
||||
2. 业务数据一体 打破4套系统信息孤岛，数据重复录入减少60%以上，跨部门沟通成本显著降低。
|
||||
|
||||
3. 理货准确率提升 移动终端扫码拍照替代人工抄录，理货错误率大幅下降，实现货-垛-车-船精准关联。
|
||||
|
||||
4. 决策支持数字化 内置多维报表实时掌握生产动态，电子作业票覆盖率达90%以上，满足交通部智慧港口评价要求。
|
||||
|
||||
## 相关产品
|
||||
|
||||
- [岸基云码头散杂货智能操作系统](/products/port/cdi-bulk)
|
||||
46
nuxt-web/content/cases/rizhao-hongyuan-logistics.md
Normal file
46
nuxt-web/content/cases/rizhao-hongyuan-logistics.md
Normal file
@@ -0,0 +1,46 @@
|
||||
---
|
||||
title: "日照泓源物流有限公司"
|
||||
slug: "rizhao-hongyuan-logistics"
|
||||
summary: "日照泓源物流有限公司创立于2009年，专注中国内贸集装箱物流运输，以沿海航运、陆路集卡及综合物流服务为核心。公司自有101亩物流园区，整合货运代理、集装箱车队、散货车队、场站、散改集园区、港内接驳及加油站七大业务板块。以日照港为核心枢纽，服务网络覆盖国内二十余个大中型港口，构建贯通南北的物流供应链体系。"
|
||||
cover: "/images/pro/hongyuan.webp"
|
||||
industry: "fleet"
|
||||
categories:
|
||||
- "fleet"
|
||||
- "freight-forwarder"
|
||||
- "logistics"
|
||||
- "warehouse"
|
||||
relatedProducts:
|
||||
- "/products/logistics/platform"
|
||||
- "/products/logistics/vehicle-transport"
|
||||
keywords: "日照泓源物流有限公司,客户案例,岸基科技,fleet,freight-forwarder,logistics"
|
||||
description: "创立于2009年，专注中国内贸集装箱物流运输领域，是以沿海集装箱航运、陆地集卡运输及综合物流服务为核心的大型综合性物流企业..."
|
||||
---
|
||||
|
||||
日照泓源物流有限公司创立于2009年，专注中国内贸集装箱物流运输，以沿海航运、陆路集卡及综合物流服务为核心。公司自有101亩物流园区，整合货运代理、集装箱车队、散货车队、场站、散改集园区、港内接驳及加油站七大业务板块。以日照港为核心枢纽，服务网络覆盖国内二十余个大中型港口，构建贯通南北的物流供应链体系。
|
||||
|
||||
## 项目背景
|
||||
|
||||
1. 系统性能瓶颈制约业务连续性 业务高峰期系统频繁卡死，货代、调度、财务等岗位无法操作，造成业务停滞与运营损失。
|
||||
|
||||
2. 场站管理功能缺失 泓源场站当前系统仅支持基础货物登记，无法满足精细化管理、多车型调度及数据对接需求，亟需定制化系统。
|
||||
|
||||
## 项目目标
|
||||
|
||||
1. 系统性能与流程优化 重构核心架构，解决高峰期卡顿与延迟问题，健全审核与锁单机制，统一数据录入标准，降低信息差错率。
|
||||
|
||||
2. 场站全链路智能化管理 建设一体化场站管理系统，覆盖集装箱资料、作业、计费等模块，集成移动APP实现现场数据实时回传，构建业务闭环管控平台。
|
||||
|
||||
3. 智慧化生态能力升级 通过摄像头与闸口联动实现自动化入闸过磅，集成船舶AIS与车辆GPS数据，构建全程物流动态追踪体系，增强数据对接能力。
|
||||
|
||||
## 项目收益
|
||||
|
||||
1. 打破信息孤岛强化协同效能 全流程数据汇聚于一体化平台，各环节同步获取订单进展与货物定位，全链路协同效率提升超40%。
|
||||
|
||||
2. 智能资源调配实现降本增效 精准匹配货物与运力，智能规划联运路径，运输成本平均降低15%，物流资源利用效率显著提升。
|
||||
|
||||
3. 全流程可视化筑牢安全防线 实时追踪货物位置、温湿度及运输状态，实现“全程可追溯、实时可管控”，物流风险显著下降。
|
||||
|
||||
## 相关产品
|
||||
|
||||
- [全程物流链管理系统](/products/logistics/platform)
|
||||
- [岸基车辆运输管理系统](/products/logistics/vehicle-transport)
|
||||
53
nuxt-web/content/cases/rizhao-huahai-shipping.md
Normal file
53
nuxt-web/content/cases/rizhao-huahai-shipping.md
Normal file
@@ -0,0 +1,53 @@
|
||||
---
|
||||
title: "日照华海国际船舶代理有限公司"
|
||||
slug: "rizhao-huahai-shipping"
|
||||
summary: "日照华海国际船舶代理有限公司成立于2003年，主营国际船舶代理、货运代理、报关报检及无船承运业务，同时提供租船订舱、铁路代理、汽车运输等综合服务。公司在日照、青岛、烟台、连云港、天津等全国主要港口设有分支，与数百家航运及贸易企业建立合作关系。"
|
||||
cover: "/images/huahai.png"
|
||||
industry: "ship-agent"
|
||||
categories:
|
||||
- "ship-agent"
|
||||
- "freight-forwarder"
|
||||
- "logistics"
|
||||
relatedProducts:
|
||||
- "/products/logistics/platform"
|
||||
- "/products/logistics/ship-agent"
|
||||
- "/products/logistics/cargo-agent"
|
||||
keywords: "日照华海国际船舶代理有限公司,客户案例,岸基科技,ship-agent,freight-forwarder,logistics"
|
||||
description: "华海集团创立于2003年，主营船舶代理、货物代理、国际远洋及国内沿海运输、租船订舱..."
|
||||
---
|
||||
|
||||
日照华海国际船舶代理有限公司成立于2003年，主营国际船舶代理、货运代理、报关报检及无船承运业务，同时提供租船订舱、铁路代理、汽车运输等综合服务。公司在日照、青岛、烟台、连云港、天津等全国主要港口设有分支，与数百家航运及贸易企业建立合作关系。
|
||||
|
||||
## 项目背景
|
||||
|
||||
1. 业务规模扩张与传统手工模式的矛盾 23个港口设分子公司，员工近170人，仍依赖手工账，无专属业务系统，多港口协同困难。
|
||||
|
||||
2. 多系统割裂引发的运营协同瓶颈 业务、财务、审批系统存在壁垒，数据无法跨系统共享，重复工作量大，运营效率大打折扣。
|
||||
|
||||
3. 企业发展目标驱动的管理服务升级需求 手工模式与系统割裂无法满足高效响应客户需求、精准把控业务风险的发展目标。
|
||||
|
||||
## 项目目标
|
||||
|
||||
1. 流程整合目标：实现全业务线上化与跨系统协同 整合船货代业务、财务、审批等核心流程，消除系统壁垒，实现数据实时互通与流程透明可追溯。
|
||||
|
||||
2. 业务效率目标：提升船货代业务处理与客户服务效率 通过业务模块与客户门户联动，实现订舱、单据处理线上操作，缩短客户需求响应时间。
|
||||
|
||||
3. 财务管控目标：强化集团财务精准度与成本控制 升级财务管控模块，实现业务与财务数据自动对接，通过费用管控与成本核算降低运营成本。
|
||||
|
||||
4. 风险与数据目标：建立风险预警机制与数据驱动决策 搭建风险把控模块，实现核心经营指标可视化，支撑管理层数据驱动决策。
|
||||
|
||||
## 项目收益
|
||||
|
||||
1. 业务操作规范化与服务质控 NPA-标准化流程减少操作失误，全流程监控及时发现服务问题，客户满意度提升至90分以上。
|
||||
|
||||
2. 独特业务模式深化客户服务 结合船货代理经验建立独特业务模式，提供精准服务推荐，客户需求响应时间缩短至2小时内。
|
||||
|
||||
3. 品牌影响力与客户认可提升 高效业务处理提升品牌形象，探索客户系统对接强化依赖度，单票业务处理效率提升40%。
|
||||
|
||||
4. 信息化管理提效与科学决策 自动化处理减少人工干预错误，核心经营指标可视化率达90%以上，支撑科学决策。
|
||||
|
||||
## 相关产品
|
||||
|
||||
- [全程物流链管理系统](/products/logistics/platform)
|
||||
- [岸基船舶代理系统](/products/logistics/ship-agent)
|
||||
- [货运代理系统](/products/logistics/cargo-agent)
|
||||
47
nuxt-web/content/cases/shanggang-liandai-booking.md
Normal file
47
nuxt-web/content/cases/shanggang-liandai-booking.md
Normal file
@@ -0,0 +1,47 @@
|
||||
---
|
||||
title: "上海上港联合国际船舶代理有限公司"
|
||||
slug: "shanggang-liandai-booking"
|
||||
summary: "上海上港联合国际船舶代理有限公司1994年成立，系上海国际港务（集团）股份有限公司全资子公司，上海港主要国际船舶代理服务企业之一。依托上港集团资源与港口优势，专业从事国际国内船舶代理及无船承运等综合物流业务。秉承高效、专业服务理念，为全球船东与货主提供优质服务，积极推动无纸化换单等创新模式，持续提升客户体验与航运服务效率。"
|
||||
cover: "/images/liandai.png"
|
||||
industry: "shipping-company"
|
||||
categories:
|
||||
- "shipping-company"
|
||||
- "ship-agent"
|
||||
- "freight-forwarder"
|
||||
relatedProducts:
|
||||
- "/products/ecommerce/freight-booking"
|
||||
- "/products/logistics/cargo-agent"
|
||||
keywords: "上海上港联合国际船舶代理有限公司,客户案例,岸基科技,shipping-company,ship-agent,freight-forwarder"
|
||||
description: "上海上港联合国际船舶代理有限公司订舱平台，提供一站式在线订舱服务..."
|
||||
---
|
||||
|
||||
上海上港联合国际船舶代理有限公司1994年成立，系上海国际港务（集团）股份有限公司全资子公司，上海港主要国际船舶代理服务企业之一。依托上港集团资源与港口优势，专业从事国际国内船舶代理及无船承运等综合物流业务。秉承高效、专业服务理念，为全球船东与货主提供优质服务，积极推动无纸化换单等创新模式，持续提升客户体验与航运服务效率。
|
||||
|
||||
## 项目背景
|
||||
|
||||
1. 国家政策驱动 上海“十四五”规划及临港政策支持建设国际集装箱舱位交易平台，为订舱平台建设提供政策导向。
|
||||
|
||||
2. 业务生态完善需求 打造“海运订舱+船代服务”一体化方案，增强客户粘性、降低运营成本，突破同质化竞争困局。
|
||||
|
||||
3. 拓展营收边界培育新增长点 传统船代利润空间被压缩，订舱平台可延伸增值服务并衍生数据服务，支撑可持续发展。
|
||||
|
||||
## 项目目标
|
||||
|
||||
1. 打造公司特色订舱平台 提供订舱、舱单申报、提单确认等全流程服务，通过EDI对接船公司实现自动确认。
|
||||
|
||||
2. 互联网技术驱动品牌升级 以“互联网+海运”整合资源与服务，优化线上体验，提升客户满意度与黏度。
|
||||
|
||||
3. 智能化应用实现降本增效 运用邮件识别、流程控制、EDI对接等技术，实现订舱、申报、确认等业务智能化。
|
||||
|
||||
## 项目收益
|
||||
|
||||
1. 流程化操作降低运营成本 单票订舱处理时间从2.5小时缩短至1小时，人力成本降低约40%。
|
||||
|
||||
2. 智能化服务提升增值收益 基于数据沉淀延伸供应链可视化管理，通过订阅费创造额外收益来源。
|
||||
|
||||
3. 数据自动化消除信息滞后 单据流转时间从5小时缩短至10分钟，货主获取舱位信息从1天压缩至1小时。
|
||||
|
||||
## 相关产品
|
||||
|
||||
- [海运订舱平台](/products/ecommerce/freight-booking)
|
||||
- [货运代理系统](/products/logistics/cargo-agent)
|
||||
45
nuxt-web/content/cases/shanggang-liandai-integration.md
Normal file
45
nuxt-web/content/cases/shanggang-liandai-integration.md
Normal file
@@ -0,0 +1,45 @@
|
||||
---
|
||||
title: "上海上港联合国际船舶代理有限公司"
|
||||
slug: "shanggang-liandai-integration"
|
||||
summary: "上海上港联合国际船舶代理有限公司1994年成立，系上海国际港务（集团）股份有限公司全资子公司，上海港主要国际船舶代理服务企业之一。依托上港集团资源与港口优势，专业从事国际国内船舶代理及无船承运等综合物流业务。秉承高效、专业服务理念，为全球船东与货主提供优质服务，积极推动无纸化换单等创新模式，持续提升客户体验与航运服务效率。"
|
||||
cover: "/images/liandai.png"
|
||||
industry: "ship-agent"
|
||||
categories:
|
||||
- "ship-agent"
|
||||
- "shipping-company"
|
||||
- "freight-forwarder"
|
||||
relatedProducts:
|
||||
- "/products/logistics/ship-agent"
|
||||
keywords: "上海上港联合国际船舶代理有限公司,客户案例,岸基科技,ship-agent,shipping-company,freight-forwarder"
|
||||
description: "1994年成立，系上海国际港务（集团）股份有限公司全资子公司，上海港主要国际船舶代理服务企业之一..."
|
||||
---
|
||||
|
||||
上海上港联合国际船舶代理有限公司1994年成立，系上海国际港务（集团）股份有限公司全资子公司，上海港主要国际船舶代理服务企业之一。依托上港集团资源与港口优势，专业从事国际国内船舶代理及无船承运等综合物流业务。秉承高效、专业服务理念，为全球船东与货主提供优质服务，积极推动无纸化换单等创新模式，持续提升客户体验与航运服务效率。
|
||||
|
||||
## 项目背景
|
||||
|
||||
1. 业务发展驱动系统升级 业务持续扩张暴露传统模式局限，亟需整合资源建立船货一体化系统，支撑未来发展战略。
|
||||
|
||||
2. 客户体验升级需求倒逼服务转型 客户需求转向全程透明化、个性化及高效化，需提供港口/船舶/单证数据透明服务，定制优先审单等专属方案，提升满意度与竞争力。
|
||||
|
||||
3. 技术革新驱动智能化升级 AI等技术引领行业变革，需融合先进技术实现调度、单证、费用等智能化转型。
|
||||
|
||||
## 项目目标
|
||||
|
||||
1. 打造流程最优、功能最全的一体化操作体系 聚焦船代货代全链条需求，搭建覆盖业务受理、操作执行、结算管理、客户服务的一体化系统。
|
||||
|
||||
2. 构建系统核心数据支撑枢纽 建设全业务链统一数据服务中心，打破数据壁垒，建立业务数据全程节点跟踪机制。
|
||||
|
||||
3. 实现完整电子商务操作模式 推行线上受理+预约模式，整合核心功能，打破时空限制，减少人工干预，优化服务体验。
|
||||
|
||||
## 项目收益
|
||||
|
||||
1. 船货一体化协同高效运营 通打破传统系统独立壁垒，工作人员单日系统操作时间缩短20%，实现跨业务高效协作。
|
||||
|
||||
2. 财务智能化降本提效 单票费用计算时间从15分钟缩短至1分钟，准确率从92%提升至99.8%，降低人工成本与差错风险。
|
||||
|
||||
3. 多维度统计支撑精准决策 识别高成本低贡献客户，调整策略后服务成本降低15%，提升整体客户盈利水平。
|
||||
|
||||
## 相关产品
|
||||
|
||||
- [岸基船舶代理系统](/products/logistics/ship-agent)
|
||||
50
nuxt-web/content/cases/shanghai-haihua-shipping.md
Normal file
50
nuxt-web/content/cases/shanghai-haihua-shipping.md
Normal file
@@ -0,0 +1,50 @@
|
||||
---
|
||||
title: "上海海华轮船有限公司"
|
||||
slug: "shanghai-haihua-shipping"
|
||||
summary: "上海海华轮船有限公司成立于1990年，系上海锦江航运集团全资国有航运企业，专注近洋集装箱班轮运输。总部设于上海，依托上港集团资源，构建覆盖日本、台湾、香港及东南亚二十余港口的运输网络，日本航线密度与覆盖率居行业前列。截至2025年，自营船舶17艘（总运力11000TEU），国内集装箱船队规模排名第8位。2024年净利润3.66亿元，蝉联“国际班轮运输资质信誉良好企业”，提供精确到小时的HDS快速交货服务。"
|
||||
cover: "/images/haihua.jpg"
|
||||
industry: "general"
|
||||
categories:
|
||||
relatedProducts:
|
||||
- "/products/shipping/company"
|
||||
- "/products/shipping/boat"
|
||||
keywords: "上海海华轮船有限公司,客户案例,岸基科技"
|
||||
description: "1990年成立，系上海锦江航运（集团）股份有限公司全资国有航运企业，专注近洋集装箱班轮运输..."
|
||||
---
|
||||
|
||||
上海海华轮船有限公司成立于1990年，系上海锦江航运集团全资国有航运企业，专注近洋集装箱班轮运输。总部设于上海，依托上港集团资源，构建覆盖日本、台湾、香港及东南亚二十余港口的运输网络，日本航线密度与覆盖率居行业前列。截至2025年，自营船舶17艘（总运力11000TEU），国内集装箱船队规模排名第8位。2024年净利润3.66亿元，蝉联“国际班轮运输资质信誉良好企业”，提供精确到小时的HDS快速交货服务。
|
||||
|
||||
## 项目背景
|
||||
|
||||
1.系统老旧操作繁琐 单票业务操作耗时较行业均值高25%，年业务量增长15%，老旧系统无法支撑扩张需求。
|
||||
|
||||
2. 系统功能适配性缺口 系统功能固化，部分环节需线下补录单据，导致业务链条断裂，与快速响应目标相悖。
|
||||
|
||||
3. 与集团财务协同壁垒 业务数据需人工导出二次录入财务系统，日均耗时3小时，易出现数据偏差。
|
||||
|
||||
4. 数据统计依赖人工的决策支撑短板 核心指标需手动汇总，每月统计工作超5个工作日，无法支撑管理层实时决策。
|
||||
|
||||
## 项目目标
|
||||
|
||||
1. 缩短操作耗时与全线上化 优化操作逻辑，实现舱位分配、货流跟踪等核心流程全线上化，消除业务链条断裂。
|
||||
|
||||
2.打通财务数据接口 搭建业务与财务系统对接接口，实现数据自动传输与发票自动识别，替代人工录入。
|
||||
|
||||
3.完善统计与实时支撑 新增智能统计模块，实现核心指标报表实时生成与可视化呈现，支撑即时决策。
|
||||
|
||||
4. 降低人工与资源消耗 通过系统替代人工操作，优化流程降低线下单据打印与存储耗材成本。
|
||||
|
||||
## 项目收益
|
||||
|
||||
1. 运营效率提升 单票业务操作耗时降低30%，日均财务处理时间从3小时压缩至0.5小时以内。
|
||||
|
||||
2. 成本精准管控 数据统计与财务对接环节人工投入减少20%，线下单据成本降低10%，实现年度降本。
|
||||
|
||||
3. 数据风险降低 数据对接准确率达99.9%以上，减少人工录入错误，未发生税务合规风险。
|
||||
|
||||
4. 客户体验优化 发票自动生成与进度实时查询，客户满意度提升，沿海航线业务量稳步增长。
|
||||
|
||||
## 相关产品
|
||||
|
||||
- [岸基船公司运营管理系统](/products/shipping/company)
|
||||
- [岸基船舶管理系统](/products/shipping/boat)
|
||||
47
nuxt-web/content/cases/shanghai-hanghua-cloud.md
Normal file
47
nuxt-web/content/cases/shanghai-hanghua-cloud.md
Normal file
@@ -0,0 +1,47 @@
|
||||
---
|
||||
title: "上海航华国际船务代理有限公司"
|
||||
slug: "shanghai-hanghua-cloud"
|
||||
summary: "上海航华国际船务代理有限公司，2000年4月成立的国有控股国际船舶代理企业，由上海国际港务（集团）股份有限公司、上海航运交易所共同投资组建。具备国家交通部批准的甲级公共船舶代理资质及无船承运人（NVOCC）资格。总部位于上海市虹口区黄浦路99号28层，浦东港建路、民生路设办公点，业务覆盖全国沿海及长江流域主要口岸。"
|
||||
cover: "/images/logo5.jpg"
|
||||
industry: "ship-agent"
|
||||
categories:
|
||||
- "ship-agent"
|
||||
- "shipping-company"
|
||||
- "freight-forwarder"
|
||||
relatedProducts:
|
||||
- "/products/ecommerce/freight-booking"
|
||||
- "/products/logistics/cargo-agent"
|
||||
keywords: "上海航华国际船务代理有限公司,客户案例,岸基科技,ship-agent,shipping-company,freight-forwarder"
|
||||
description: "上海航华国际船务代理有限公司海运电商云服务平台，提供数字化航运服务..."
|
||||
---
|
||||
|
||||
上海航华国际船务代理有限公司，2000年4月成立的国有控股国际船舶代理企业，由上海国际港务（集团）股份有限公司、上海航运交易所共同投资组建。具备国家交通部批准的甲级公共船舶代理资质及无船承运人（NVOCC）资格。总部位于上海市虹口区黄浦路99号28层，浦东港建路、民生路设办公点，业务覆盖全国沿海及长江流域主要口岸。
|
||||
|
||||
## 项目背景
|
||||
|
||||
1. 跨境电商驱动升级 智能集装箱市场规模5年增长超300%，货物全程可视化需求激增，需对接亚马逊等电商平台。%
|
||||
|
||||
2. 操作效率低下与成本高企 手工输单耗时2-3小时/单，错误率3.2%；财务结算周期长达7天，人工成本占运营成本30%以上。
|
||||
|
||||
3. 客户体验与服务质量瓶颈 客户无法实时查询进度与费用，投诉量居高不下；加急申报响应24小时，客户满意度仅65%。
|
||||
|
||||
## 项目目标
|
||||
|
||||
1. 全链条流程自动化升级 引入RPA与OCR实现船公司订舱全链路自动化，集成EDI一键导入，系统自动校验减少重复返工。
|
||||
|
||||
2. 跨平台数据无缝互通 开放API对接船公司、码头及海关系统，放箱业务升级为单一平台操作，消除多平台跳转。
|
||||
|
||||
## 项目收益
|
||||
|
||||
1. 操作便捷性获客户高度评价 提单样本制作效率提升80%，订舱处理时间压缩至15分钟/单，客户操作体验显著优化。
|
||||
|
||||
2. 全流程自动化驱动效率跃升 人均处理订单量同比增长120%，运营成本降低35%，实现规模与效益双突破。
|
||||
|
||||
3. 合规成本精准管控 系统自动校验规避海关罚金超20万元，区块链存证使举证时间节省50%以上。
|
||||
|
||||
4. 新兴市场高效渗透 2025年新增37家客户（40%为高附加值客户），成功开拓增量业务蓝海。
|
||||
|
||||
## 相关产品
|
||||
|
||||
- [海运订舱平台](/products/ecommerce/freight-booking)
|
||||
- [货运代理系统](/products/logistics/cargo-agent)
|
||||
49
nuxt-web/content/cases/shanghai-hanghua-ship-agent.md
Normal file
49
nuxt-web/content/cases/shanghai-hanghua-ship-agent.md
Normal file
@@ -0,0 +1,49 @@
|
||||
---
|
||||
title: "上海航华国际船务代理有限公司"
|
||||
slug: "shanghai-hanghua-ship-agent"
|
||||
summary: "上海航华国际船务代理有限公司成立于2000年，由上港集团、上海航运交易所共同投资组建，具备甲级公共船舶代理及NVOCC资质。代理长荣海运、达飞轮船等多家国际船公司，集装箱代理量占上海港外贸吞吐量近10%，滚装船代理量占55%以上。"
|
||||
cover: "/images/logo5.jpg"
|
||||
industry: "ship-agent"
|
||||
categories:
|
||||
- "ship-agent"
|
||||
- "shipping-company"
|
||||
- "freight-forwarder"
|
||||
relatedProducts:
|
||||
- "/products/logistics/ship-agent"
|
||||
keywords: "上海航华国际船务代理有限公司,客户案例,岸基科技,ship-agent,shipping-company,freight-forwarder"
|
||||
description: "2000年4月成立的国有控股国际船舶代理企业，由上海国际港务（集团）股份有限公司、上海航运交易所共同投资..."
|
||||
---
|
||||
|
||||
上海航华国际船务代理有限公司成立于2000年，由上港集团、上海航运交易所共同投资组建，具备甲级公共船舶代理及NVOCC资质。代理长荣海运、达飞轮船等多家国际船公司，集装箱代理量占上海港外贸吞吐量近10%，滚装船代理量占55%以上。
|
||||
|
||||
## 项目背景
|
||||
|
||||
1. 代理业务量激增的管理压力 年代理集装箱占上海港外贸吞吐量近10%，国际中转业务处理时效长达2-3小时/单，难以满足日均超500单峰值需求。
|
||||
|
||||
2. 多环节协同复杂性挑战 涉及多方协作，跨部门沟通成本占运营成本25%以上，放箱操作失误率达15%。
|
||||
|
||||
3. 头部客户定制化服务需求 长荣海运、达飞轮船等要求差异化解决方案。例如为长荣开发的"自动化结费系统"通过RPA自动匹配运费数据，结算周期从7天压缩至2天，准确率提升至99.9%。
|
||||
|
||||
## 项目目标
|
||||
|
||||
1. 跨部门协同成本锐减 整合船公司、码头、海关等系统数据，实现放箱申请对接与财务快速结算，压缩结算周期。
|
||||
|
||||
2. 人才结构升级与组织效能跃升 应用RPA、OCR实现订舱、申报、放箱、签发全链条自动化，降低人工错误率与处理时效。
|
||||
|
||||
3. 行业标准制定与生态共建突破 嵌入海关校验规则与IMO标准，实现申报状态自动监测与逾期预警，推动行业标准制定。
|
||||
|
||||
4. 核心财务成果 整合多式联运，推动“陆改水”业务增长，提升增值服务收入占比，拓展高附加值客户。
|
||||
|
||||
## 项目收益
|
||||
|
||||
1. 跨部门协同成本锐减 整合船公司、码头、海关等数据接口，放箱业务实现单一平台操作，数据重复录入率从60%降至5%，操作失误率下降15%。财务结算周期从7天压缩至2天，准确率达99.9%。
|
||||
|
||||
2. 人才结构升级与组织效能跃升 基础操作岗位减少40%，转向培养“业务+技术”复合型人才。组建15人内部开发团队自主完成70%系统迭代，培养20余名RPA开发能手，推动30余项流程优化。
|
||||
|
||||
3. 行业标准制定与生态共建突破 牵头制定《长三角港航数据交换标准》，与宁波港、苏州港实现舱单数据实时同步，区域内中转时效缩短20%。船代系统纳入上海国际航运中心“智慧港航”示范工程。
|
||||
|
||||
4. 核心财务成果 系统直接节省人力成本超800万元，运营成本下降18%。为客户创造间接价值超3000万元，2025年投资回报率达1.5:1。
|
||||
|
||||
## 相关产品
|
||||
|
||||
- [岸基船舶代理系统](/products/logistics/ship-agent)
|
||||
43
nuxt-web/content/cases/shanghai-penghua-platform.md
Normal file
43
nuxt-web/content/cases/shanghai-penghua-platform.md
Normal file
@@ -0,0 +1,43 @@
|
||||
---
|
||||
title: "上海鹏华船务有限公司"
|
||||
slug: "shanghai-penghua-platform"
|
||||
summary: "上海鹏华船务有限公司成立于2004年，是中国首家公共船舶代理合资企业，由中国上海外轮代理有限公司（持股51%）与华林船务集团（香港，持股49%）共同投资组建。公司以上海总部为核心，分支机构遍布大连、天津、青岛、宁波、厦门等主要沿海港口，致力于为全球客户提供全方位、高效率的国际船舶代理服务。"
|
||||
cover: "/images/shanghaipenghua.jpg"
|
||||
industry: "ship-agent"
|
||||
categories:
|
||||
- "ship-agent"
|
||||
- "shipping-company"
|
||||
- "freight-forwarder"
|
||||
relatedProducts:
|
||||
- "/products/logistics/ship-agent"
|
||||
keywords: "上海鹏华船务有限公司,客户案例,岸基科技,ship-agent,shipping-company,freight-forwarder"
|
||||
description: "2004年成立的中国首家公共船舶代理合资企业，致力于为全球客户提供全方位、高效率国际船舶代理服务..."
|
||||
---
|
||||
|
||||
上海鹏华船务有限公司成立于2004年，是中国首家公共船舶代理合资企业，由中国上海外轮代理有限公司（持股51%）与华林船务集团（香港，持股49%）共同投资组建。公司以上海总部为核心，分支机构遍布大连、天津、青岛、宁波、厦门等主要沿海港口，致力于为全球客户提供全方位、高效率的国际船舶代理服务。
|
||||
|
||||
## 项目背景
|
||||
|
||||
1. 系统升级改造赋能新业务发展 业务持续拓展暴露原有系统功能局限与效率不足，需依托前沿技术推进升级，助力业务高效落地。
|
||||
|
||||
2. 业务流程优化实现降本增效 市场竞争加剧凸显传统船代流程冗余与信息壁垒问题，需系统性优化全链条，实现成本精准管控。
|
||||
|
||||
## 项目目标
|
||||
|
||||
1. 数字化赋能精简流程环节 搭建一体化线上操作平台，整合核心业务模块，实现单据线上提交、审核与流转全流程数字化。
|
||||
|
||||
2. 打通信息壁垒强化多方协同 推行标准化数据格式与沟通机制，确保与船公司、港口、海关等各方业务衔接顺畅。
|
||||
|
||||
3. 强化风险管控降低运营损耗 建立标准化风险处理流程与预案，实时跟踪动态变化，及时预警潜在风险。
|
||||
|
||||
## 项目收益
|
||||
|
||||
1. 系统操作效率显著提升 船代业务操作周期缩短30%以上，单据处理准确率提升至99%以上，客户满意度显著增强。
|
||||
|
||||
2. 数据传输便捷性与准确性突破 多方数据全流程一键传输，传递时效从小时级压缩至分钟级，大幅降低跨部门协调成本。
|
||||
|
||||
3. 客户满意度大幅跃升 客户满意度从85%提升至95%以上，投诉率大幅下降，塑造优质品牌形象。
|
||||
|
||||
## 相关产品
|
||||
|
||||
- [岸基船舶代理系统](/products/logistics/ship-agent)
|
||||
49
nuxt-web/content/cases/shanghai-port-coastal-system.md
Normal file
49
nuxt-web/content/cases/shanghai-port-coastal-system.md
Normal file
@@ -0,0 +1,49 @@
|
||||
---
|
||||
title: "上海港船务代理有限公司"
|
||||
slug: "shanghai-port-coastal-system"
|
||||
summary: "上海港船务代理有限公司成立于1993年，植根上海国际航运中心，专注水上运输领域的专业船舶代理服务。为国内外船公司提供全方位、一站式港口代理服务，搭建船东、租家与上海港各口岸单位的核心桥梁，致力于提供安全、高效、经济的解决方案。"
|
||||
cover: "/images/shanghaigang.png"
|
||||
industry: "shipping-company"
|
||||
categories:
|
||||
- "shipping-company"
|
||||
- "ship-agent"
|
||||
- "freight-forwarder"
|
||||
relatedProducts:
|
||||
- "/products/logistics/ship-agent"
|
||||
keywords: "上海港船务代理有限公司,客户案例,岸基科技,shipping-company,ship-agent,freight-forwarder"
|
||||
description: "1993年8月成立，植根上海并深度依托国际航运中心优势，专注水上运输领域的专业船舶代理服务..."
|
||||
---
|
||||
|
||||
上海港船务代理有限公司成立于1993年，植根上海国际航运中心，专注水上运输领域的专业船舶代理服务。为国内外船公司提供全方位、一站式港口代理服务，搭建船东、租家与上海港各口岸单位的核心桥梁，致力于提供安全、高效、经济的解决方案。
|
||||
|
||||
## 项目背景
|
||||
|
||||
1. 政策监管双轮驱动 习近平总书记指示建设智慧港口，上海“十四五”规划明确数字化转型；海关、海事推进“单一窗口”无纸化改革，传统模式已无法适应监管要求。
|
||||
|
||||
2. 传统操作模式痛点突出 海关、海事局、边检等口岸部门持续推进"单一窗口"、无纸化通关改革。传统纸质单证与人工跑单模式已无法适应监管要求。本系统是实现与官方监管平台高效自动对接的技术基础。
|
||||
|
||||
3. 科技创新与行业趋势倒逼转型 AI、区块链、5G等技术快速发展，全球航运业智能化浪潮下，建设数智化船舶代理系统是顺应趋势的必然选择。
|
||||
|
||||
## 项目目标
|
||||
|
||||
1. 单证自动化与口岸协同升级 实现核心单证制作处理自动化，与口岸“单一窗口”系统无缝API对接，建立船舶在港全生命周期实时看板。
|
||||
|
||||
2. 服务在线化与数据透明化 提供统一线上服务门户，实现服务请求在线化、状态自助查询，开放船舶动态、装卸进度等数据。
|
||||
|
||||
3. 资源调度优化与成本精细化 基于算法模型提供引航、拖轮等智能推荐方案，建立港口使费动态预估与监控模型。
|
||||
|
||||
4. 数据驱动战略决策 搭建综合统计分析平台，支持业务数据同比环比分析，优化调度、布局及资源倾斜。
|
||||
|
||||
## 项目收益
|
||||
|
||||
1. 直接经济收益 缩短船舶在港停留时间与单证流转速度，释放产能；有效规避滞期费、增加速遣费，守护客户利润。
|
||||
|
||||
2. 内部运营收益 消除“信息黑洞”，风险从被动响应转为主动预警，运营数据转化为核心数据资产支撑科学决策。
|
||||
|
||||
3. 客户市场收益 提供端到端全程可视化体验，客户可实时追踪船舶动态与费用明细，形成差异化竞争优势。
|
||||
|
||||
4. 战略生态收益 深度融入上海港"智慧港口"融入上海港智慧港口数字生态，增强客户供应链韧性，树立创新者与技术领导者品牌形象。
|
||||
|
||||
## 相关产品
|
||||
|
||||
- [岸基船舶代理系统](/products/logistics/ship-agent)
|
||||
53
nuxt-web/content/cases/shanghai-xinhai-freight.md
Normal file
53
nuxt-web/content/cases/shanghai-xinhai-freight.md
Normal file
@@ -0,0 +1,53 @@
|
||||
---
|
||||
title: "上海新海国际船舶代理有限公司"
|
||||
slug: "shanghai-xinhai-freight"
|
||||
summary: "上海新海国际船舶代理有限公司，1993年3月29日成立于上海，专注提供全方位国际船舶代理服务。作为连接船东、租家、港口及相关方的关键纽带，致力于为全球客户提供高效、可靠、合规的一站式航运解决方案。依托上海港世界领先集装箱港口的区位优势，业务网络广泛覆盖，成为国际航运产业链中不可或缺的重要环节。"
|
||||
cover: "/images/xinhai.jpg"
|
||||
industry: "ship-agent"
|
||||
categories:
|
||||
- "ship-agent"
|
||||
- "shipping-company"
|
||||
- "freight-forwarder"
|
||||
relatedProducts:
|
||||
- "/products/logistics/ship-agent"
|
||||
- "/products/logistics/cargo-agent"
|
||||
keywords: "上海新海国际船舶代理有限公司,客户案例,岸基科技,ship-agent,shipping-company,freight-forwarder"
|
||||
description: "1993年3月29日成立于上海，专注提供全方位国际船舶代理服务，作为连接船东、租家、港口及相关方的关键纽带..."
|
||||
---
|
||||
|
||||
上海新海国际船舶代理有限公司，1993年3月29日成立于上海，专注提供全方位国际船舶代理服务。作为连接船东、租家、港口及相关方的关键纽带，致力于为全球客户提供高效、可靠、合规的一站式航运解决方案。依托上海港世界领先集装箱港口的区位优势，业务网络广泛覆盖，成为国际航运产业链中不可或缺的重要环节。
|
||||
|
||||
## 项目背景
|
||||
|
||||
1. 经济全球化与供应链一体化 全球超80%国际贸易通过海运完成，船代是保障船舶在港口无缝衔接、供应链畅通的核心环节。
|
||||
|
||||
2. 国际贸易复杂性催生代理需求 船舶跨国航行涉及多国法律与规定，船东难以自建团队，对专业化本地化代理服务存在刚性需求。
|
||||
|
||||
3. 航运业专业化与成本控制 航运公司将港口操作等非核心业务外包，符合专业化分工趋势，显著降低船公司固定成本。
|
||||
|
||||
4. 安全环保标准与港口管理趋严 IMO对船舶安全环保要求日益严格，港口规定频繁更新，船代需确保合规操作，规避延误与罚款。
|
||||
|
||||
## 项目目标
|
||||
|
||||
1. 业务流程数字化提升运营效率 实现委托接收至费用结算全流程线上化，整合船务、箱管、报关模块，数据一处采集全流程共享。
|
||||
|
||||
2. 优化客户服务体验增强粘性 搭建一站式服务平台支持在线订舱、货物跟踪，提供移动端访问与消息订阅定制服务。
|
||||
|
||||
3. 强化成本合规管控降低风险 构建标准化港使费数据资产库，打通财务与第三方支付系统，适配环保及口岸监管政策。
|
||||
|
||||
4. 数据驱动决策提升战略竞争力 搭建综合统计分析平台，支持业务数据同比环比分析，优化船舶调度与资源倾斜。
|
||||
|
||||
## 项目收益
|
||||
|
||||
1. 效率最优化创造直接经济价值 减少船舶非生产性停泊时间，单船在港停时缩短15%以上，对突发状况迅速响应，最大限度降低船期影响。
|
||||
|
||||
2. 成本可控透明化保障客户权益 依托供应商网络与议价能力节约开支，港口使费平均降低8%-10%，交付详细准确的结算清单，所有费用有据可查。
|
||||
|
||||
3. 数据驱动决策强化战略竞争力 支持运能利用率、客户贡献度等指标分析，单证处理准确率达99.5%以上，优化船舶调度与资源倾斜。
|
||||
|
||||
4. 打破信息壁垒深化协同效能 实现与海关、海事等口岸数据互通，数据传递时效从小时级压缩至分钟级，打通船东、港口、货运上下游协同。
|
||||
|
||||
## 相关产品
|
||||
|
||||
- [岸基船舶代理系统](/products/logistics/ship-agent)
|
||||
- [货运代理系统](/products/logistics/cargo-agent)
|
||||
51
nuxt-web/content/cases/smart-wuzhou-port.md
Normal file
51
nuxt-web/content/cases/smart-wuzhou-port.md
Normal file
@@ -0,0 +1,51 @@
|
||||
---
|
||||
title: "梧州市港务发展集团有限公司"
|
||||
slug: "smart-wuzhou-port"
|
||||
summary: "梧州市港务发展集团是市直属国有独资企业，注册资本10亿元。作为梧州市构建“水公铁空”多式联运体系的核心载体，肩负打造亿吨西江门户枢纽港与塑造“梧州港”品牌的战略使命。集团统筹全市港口码头及物流资源，2022年启动智慧梧州港综合信息服务平台建设，以数字化赋能港口运营，全面提升西江航运枢纽能级。"
|
||||
cover: "/images/wuzhou.png"
|
||||
industry: "shipping-company"
|
||||
categories:
|
||||
- "shipping-company"
|
||||
relatedProducts:
|
||||
- "/products/logistics/platform"
|
||||
- "/products/logistics/vehicle-transport"
|
||||
keywords: "梧州市港务发展集团有限公司,客户案例,岸基科技,shipping-company"
|
||||
description: "市直属国有独资企业，2022年3月注册成立，注册资本10亿元，打造智慧梧州港..."
|
||||
---
|
||||
|
||||
梧州市港务发展集团是市直属国有独资企业，注册资本10亿元。作为梧州市构建“水公铁空”多式联运体系的核心载体，肩负打造亿吨西江门户枢纽港与塑造“梧州港”品牌的战略使命。集团统筹全市港口码头及物流资源，2022年启动智慧梧州港综合信息服务平台建设，以数字化赋能港口运营，全面提升西江航运枢纽能级。
|
||||
|
||||
## 项目背景
|
||||
|
||||
1. 区域竞争格局固化 港口作业区主要由外部企业主导运营，资源整合面临外部压力与内部碎片化双重挑战。
|
||||
|
||||
2. 数字化基建滞后 现有系统设备陈旧、人工依赖度高，制约航道通行效率与安全保障能力。
|
||||
|
||||
3. 多式联运调度缺位 缺乏统一调度平台，联运依赖线下协同，找船找车困难、排队耗时长，作业效能持续承压。
|
||||
|
||||
4. 信息共享与运营模式掣肘 各作业区系统独立运行，数据难以互通，重复投入严重；同时依赖纸质单据与静态地图操作，智能化升级需求迫切。
|
||||
|
||||
## 项目目标
|
||||
|
||||
1. 效率提升：实现“一单制”服务 提供多式联运线上委托，实现一次委托、一单到底、一票结算的服务模式。
|
||||
|
||||
2. 协同共享：搭建物流数据中枢 整合港口、物流、船公司、货代及政府航道、水文、气象等数据，实现跨企业数据共享。
|
||||
|
||||
3. 决策驱动：建设大数据分析平台 覆盖吞吐量、作业区业务量等关键指标，挖掘数据价值，优化港口资源配置。
|
||||
|
||||
4.安全护航：构建全程监管体系 实现企业入驻审核、流程监管及作业区实时监控，保障运输与作业安全。
|
||||
|
||||
## 项目收益
|
||||
|
||||
1. 贸易撮合升级 支持货源与采购需求一键发布，提供在线找货、智能推荐与精准筛选，实现一站式在线交易、多式联运与供应链金融。
|
||||
|
||||
2. 船货通平台构建 连接货主与承运方，消除找船、找货信息壁垒，提升货源与运力匹配效率，降低线上交易风险。
|
||||
|
||||
3. 三维数据赋能港口管理 实时推送水文、气象、水闸拥堵等数据，三维化呈现船舶靠泊量、货物装卸量等指标。
|
||||
|
||||
4. 全流程体验优化 一单制支持智能报价与可视化追踪，小程序实现无纸化交接，AI实时预警安全隐患。
|
||||
|
||||
## 相关产品
|
||||
|
||||
- [全程物流链管理系统](/products/logistics/platform)
|
||||
- [岸基车辆运输管理系统](/products/logistics/vehicle-transport)
|
||||
38
nuxt-web/content/cases/tangshan-bigdata-platform.md
Normal file
38
nuxt-web/content/cases/tangshan-bigdata-platform.md
Normal file
@@ -0,0 +1,38 @@
|
||||
---
|
||||
title: "唐山港口实业集团有限公司"
|
||||
slug: "tangshan-bigdata-platform"
|
||||
summary: "唐山港口实业集团有限公司是河北省港口整合平台——河北港口集团核心企业，负责运营唐山港'三港四区'中的京唐港区与曹妃甸港区，泊位92个，年吞吐量逾3亿吨。集团以智慧、绿色、枢纽港口为战略方向，2025年建成省级大数据示范港，为京津冀世界级城市群提供硬核物流支撑。"
|
||||
cover: "/images/tangshangang.jpg"
|
||||
industry: "port"
|
||||
categories:
|
||||
- "port"
|
||||
relatedProducts:
|
||||
keywords: "唐山港口实业集团有限公司,客户案例,岸基科技,port"
|
||||
description: "河北省港口整合平台核心企业，负责运营唐山港\'三港四区\'中的京唐港区与曹妃甸港区，年吞吐量逾3亿吨..."
|
||||
---
|
||||
|
||||
唐山港口实业集团有限公司是河北省港口整合平台——河北港口集团核心企业，负责运营唐山港"三港四区"中的京唐港区与曹妃甸港区，泊位92个，年吞吐量逾3亿吨。集团以智慧、绿色、枢纽港口为战略方向，2025年建成省级大数据示范港，为京津冀世界级城市群提供硬核物流支撑。
|
||||
|
||||
## 项目背景
|
||||
|
||||
1. 政策驱动 "十四五"数字交通规划要求港口构建统一数据底座，唐港集团需对接部、省、市三级监管平台，人工上报模式已无法满足实时、精准要求。
|
||||
|
||||
2. 数据孤岛 三港四区8大生产系统独立运行，船舶、库场、箱量等关键指标口径不一，领导决策仍依赖Excel拼接。
|
||||
|
||||
3. 市场压力 津唐集装箱航线同质化竞争激烈，集团提出"散改集"增量目标，却缺少货源来源与流向的可视化数据，无法精准营销。
|
||||
|
||||
## 项目目标
|
||||
|
||||
1. 建立统一数据中台 完成三港四区生产类数据全量入湖，为数据应用与分析提供单一可信源。
|
||||
|
||||
2. 打造两级驾驶舱与平台对接 集团级与港区级驾驶舱实时呈现经营与生产数据，开发API自动向河北港口集团平台推送核心指标。
|
||||
|
||||
3. 货源流向分析与精准营销 通过RFM模型输出高价值货源地地图，帮助市场部制定“一港一策”营销方案。
|
||||
|
||||
## 项目收益
|
||||
|
||||
1. 决策效率提升 集团领导手机端实时查看各港区经营情况，告别Excel拼接，决策响应速度显著加快。
|
||||
|
||||
2. 形成统一的数据中心 三港四区生产数据全量归集与标准化治理，数据质量自动监控预警，保障数据资产可信度。
|
||||
|
||||
3. 指挥中心大屏多维度数据矩阵展示 关键运营指标实时投射大屏，数字人自动生成动态分析报告，为管理层提供智能决策支持。
|
||||
53
nuxt-web/content/cases/tangshan-haitong-shipping.md
Normal file
53
nuxt-web/content/cases/tangshan-haitong-shipping.md
Normal file
@@ -0,0 +1,53 @@
|
||||
---
|
||||
title: "唐山海港海通海运代理有限公司"
|
||||
slug: "tangshan-haitong-shipping"
|
||||
summary: "唐山海港海通海运代理有限公司，2002年6月成立于唐山海港开发区，深耕海运代理领域二十余载。核心业务为国内及国际货物运输代理、普通货运、集装箱运输，提供一站式专业物流解决方案。"
|
||||
cover: "/images/haitong.png"
|
||||
industry: "freight-forwarder"
|
||||
categories:
|
||||
- "freight-forwarder"
|
||||
- "logistics"
|
||||
- "fleet"
|
||||
relatedProducts:
|
||||
- "/products/logistics/platform"
|
||||
- "/products/logistics/cargo-agent"
|
||||
- "/products/logistics/vehicle-transport"
|
||||
keywords: "唐山海港海通海运代理有限公司,客户案例,岸基科技,freight-forwarder,logistics,fleet"
|
||||
description: "2002年6月成立于唐山海港开发区，深耕海运代理领域二十余载，核心业务为货物运输代理..."
|
||||
---
|
||||
|
||||
唐山海港海通海运代理有限公司，2002年6月成立于唐山海港开发区，深耕海运代理领域二十余载。核心业务为国内及国际货物运输代理、普通货运、集装箱运输，提供一站式专业物流解决方案。
|
||||
|
||||
## 项目背景
|
||||
|
||||
1. 原有系统不完善 公司目前使用的系统存在信息链断点、物流链通而不畅、服务链空白缺位等瓶颈问题。
|
||||
|
||||
2. 多数据源导致数据失真 大量数据存放于Excel，数据来源不统一，极易失真，影响领导决策。
|
||||
|
||||
3.降本增效需求迫切 疫情期间业务萎缩，需新建系统提升效率、降低成本，实现跨越式发展。
|
||||
|
||||
## 项目目标
|
||||
|
||||
1. 全域业务数字化覆盖 重构信息系统，推进业务无纸化，全面覆盖物流业务，实时把控经营情况与业务风险。
|
||||
|
||||
2. 三流合一协同平台 整合陆运+海运全链路，以订单维度实时跟踪，支持客服与管理层动态监控。
|
||||
|
||||
3. 移动端敏捷作业 通通过公众号实现外勤移动办公，支持客户录入、在线下单、动态跟踪及审批等功能。
|
||||
|
||||
4. 数据治理基础建设 建立综合物流一体化平台，实现数据流、物流、资金流统一，为新业务拓展奠定基础。
|
||||
|
||||
## 项目收益
|
||||
|
||||
1. 操作自动化降本增效 全流程标准化操作，减少人员工时与经验依赖，操作效率提升30%以上。
|
||||
|
||||
2. 财务精准化与溯源可控 费用信息集中存储全程留痕，财务数据准确率提升至99%以上，问题可快速追溯。
|
||||
|
||||
3. 数据资产统一赋能决策 作为物流全链唯一数据源，保障数据准确有效，管理层决策响应时间缩短40%。
|
||||
|
||||
4. 管理精益化效率提升 精简操作环节，弥补管理漏洞，人工成本降低20%，工作效率显著提升。
|
||||
|
||||
## 相关产品
|
||||
|
||||
- [全程物流链管理系统](/products/logistics/platform)
|
||||
- [货运代理系统](/products/logistics/cargo-agent)
|
||||
- [岸基车辆运输管理系统](/products/logistics/vehicle-transport)
|
||||
49
nuxt-web/content/cases/tangshan-ore-terminal.md
Normal file
49
nuxt-web/content/cases/tangshan-ore-terminal.md
Normal file
@@ -0,0 +1,49 @@
|
||||
---
|
||||
title: "唐山港集团有限公司"
|
||||
slug: "tangshan-ore-terminal"
|
||||
summary: "唐山港集团有限公司是中国北方重要的综合性港口企业，位于河北省唐山市，拥有煤炭、矿石、集装箱、液体化工等多种专业化码头。公司致力于推进智慧港口建设，推动数字化转型，提升客户服务效率与港口运营智能化水平。近年来，依托信息化平台建设，实现了生产调度、物流协同、客户服务等多环节的数字化升级，连续多年货物吞吐量位居全国前列，是环渤海经济圈的重要物流枢纽。"
|
||||
cover: "/images/tangshangang.jpg"
|
||||
industry: "port"
|
||||
categories:
|
||||
- "port"
|
||||
relatedProducts:
|
||||
- "/products/ecommerce/obh"
|
||||
keywords: "唐山港集团有限公司,客户案例,岸基科技,port"
|
||||
description: "唐山港集团有限公司是中国北方重要的综合性港口企业，拥有煤炭、矿石、集装箱、液体化工等多种专业化码头..."
|
||||
---
|
||||
|
||||
唐山港集团有限公司是中国北方重要的综合性港口企业，位于河北省唐山市，拥有煤炭、矿石、集装箱、液体化工等多种专业化码头。公司致力于推进智慧港口建设，推动数字化转型，提升客户服务效率与港口运营智能化水平。近年来，依托信息化平台建设，实现了生产调度、物流协同、客户服务等多环节的数字化升级，连续多年货物吞吐量位居全国前列，是环渤海经济圈的重要物流枢纽。
|
||||
|
||||
## 项目背景
|
||||
|
||||
1. 政策推动与无纸化趋势 国家要求港口加快智能化转型，环保政策推行电子化办单，传统纸质流程已无法满足要求。
|
||||
|
||||
2. 客户办单效率低下 依赖人工窗口办理，货代、车队需多次往返现场，流程繁琐耗时长，客户满意度较低。
|
||||
|
||||
3. 系统孤岛数据不通 TOS、财务、门禁、海关等系统相互独立，数据无法互通，导致信息滞后与重复录入。
|
||||
|
||||
4. 服务模式陈旧缺乏可视化 客户无法实时掌握货物状态、费用明细等关键信息，服务透明度不足，投诉率较高。
|
||||
|
||||
## 项目目标
|
||||
|
||||
1. 构建统一线上服务平台 建设“网上业务大厅”作为统一入口，实现船舶申报、货物办单、费用结算等全流程线上办理。
|
||||
|
||||
2. 打通内外系统数据链路 与TOS、财务、电子签章、海关等系统深度集成，实现数据自动流转，消除信息孤岛。
|
||||
|
||||
3. 实现全流程无纸化与电子签章 引入电子签章技术，支持在线签署合同与单据，达成“零跑腿、零纸质”办单目标。
|
||||
|
||||
4. 支持多终端移动办公 配套微信公众号、小程序及APP，支持司机、货代通过手机完成派车、查询、支付等操作。
|
||||
|
||||
## 项目收益
|
||||
|
||||
1. 办单效率大幅提升 审批时间由数小时缩短至分钟级，全年发起有效流程18.6万条，同比增长35.6%。
|
||||
|
||||
2. 全面实现无纸化运营 累计使用电子签章6.8万次，合同电子化率达80%以上，大幅减少纸张与归档成本。
|
||||
|
||||
3. 客户服务体验显著改善 客户可实时查询船舶动态与费用账单，投诉率下降超40%，客户满意度明显提高。
|
||||
|
||||
4. 系统稳定性与安全性增强 系统可用性达99.9%，近两年未发生严重宕机事件，保障7×24小时不间断服务。
|
||||
|
||||
## 相关产品
|
||||
|
||||
- [岸基网上业务大厅平台](/products/ecommerce/obh)
|
||||
51
nuxt-web/content/cases/tianjin-zhongyun-shipping.md
Normal file
51
nuxt-web/content/cases/tianjin-zhongyun-shipping.md
Normal file
@@ -0,0 +1,51 @@
|
||||
---
|
||||
title: "天津中运海运集团有限公司"
|
||||
slug: "tianjin-zhongyun-shipping"
|
||||
summary: "天津中运海运集团有限公司（中运集团）成立于2012年，总部设于天津滨海经济开发区。集团以发展现代化物流为使命，聚焦航运、物流、仓储三大核心板块，为客户提供散杂货/天津中运海运集团有限公司（中运集团）成立于2012年，注册资金3000万元，总部设于天津滨海经济开发区。集团聚焦航运、物流、仓储三大核心板块，提供散杂货/液化品运输、船舶代理、报关报检等全链条综合服务。2021年启动综合船舶管理系统建设，专设IT部门，建立完善应用体系与人才培养机制，锻造航运管理与信息技术复合型团队，赋能港航业务数字化转型。"
|
||||
cover: "/images/tianjinzhongyun.jpg"
|
||||
industry: "shipping-company"
|
||||
categories:
|
||||
- "shipping-company"
|
||||
relatedProducts:
|
||||
- "/products/logistics/platform"
|
||||
- "/products/shipping/boat"
|
||||
keywords: "天津中运海运集团有限公司,客户案例,岸基科技,shipping-company"
|
||||
description: "成立于2012年，注册资金叁仟万元，总部设于天津滨海经济开发区..."
|
||||
---
|
||||
|
||||
天津中运海运集团有限公司（中运集团）成立于2012年，总部设于天津滨海经济开发区。集团以发展现代化物流为使命，聚焦航运、物流、仓储三大核心板块，为客户提供散杂货/天津中运海运集团有限公司（中运集团）成立于2012年，注册资金3000万元，总部设于天津滨海经济开发区。集团聚焦航运、物流、仓储三大核心板块，提供散杂货/液化品运输、船舶代理、报关报检等全链条综合服务。2021年启动综合船舶管理系统建设，专设IT部门，建立完善应用体系与人才培养机制，锻造航运管理与信息技术复合型团队，赋能港航业务数字化转型。
|
||||
|
||||
## 项目背景
|
||||
|
||||
1. 信息孤岛制约管理效能 多供应商分散开发，船舶管理、运营、财务数据形成壁垒，阻碍统计分析与科学决策。
|
||||
|
||||
2. 财务报销系统碎片化 费用报销分散于飞书、金蝶、云之家多平台，资金流动透明度与归集效率持续承压。
|
||||
|
||||
3. 体系管理合规性短板 非结构化文档难统计分析，纸质文件依赖邮寄，效率低下且成本高企。
|
||||
|
||||
4. 业务分析功能缺失 以数字航运为引擎，强化"互联网+"经营收入与成本需人工核算，月度统计超5个工作日，管理层决策滞后。
|
||||
|
||||
## 项目目标
|
||||
|
||||
1. 建设专业管理系统 量体裁衣建设专业管理系统，理顺各系统关系，提高管理水平、节约运营成本、提升工作效率。
|
||||
|
||||
2. 实现各部门协同办公 引入工作流引擎，实现经营与运营一体化、业务财务一体化，提升数据共享与协同能力。
|
||||
|
||||
3. 梳理业务运转流程 重新梳理操作流、审批流、结算流，实现业务运营与体系管理一套账。
|
||||
|
||||
4. 实现数字航运 以数字航运为引擎，推进核心业务与信息技术深度融合，提升运营效益与服务品质。
|
||||
|
||||
## 项目收益
|
||||
|
||||
1. 业务效率提升 业务、调度、财务等实现在线审批，采购、付款等复杂流程多部门协同高效有序，跨部门审批时长平均缩短40%。
|
||||
|
||||
2. 客户工作效率提升 薪资、利润等实现自动化计算，费用直连财务系统；体系文件电子归档，省去快递成本约5万元/年。
|
||||
|
||||
3. 数据管理提升 建立船员、客户、船舶统一档案，数据统计分析图形化呈现，月度统计耗时从5天压缩至1天。
|
||||
|
||||
4. 客户体验优化 证书、合同到期自动预警，待办任务实时通知，支持手机端审批，出差人员审批响应时间从24小时缩短至2小时内。
|
||||
|
||||
## 相关产品
|
||||
|
||||
- [全程物流链管理系统](/products/logistics/platform)
|
||||
- [岸基船舶管理系统](/products/shipping/boat)
|
||||
46
nuxt-web/content/cases/weihai-gate-yard.md
Normal file
46
nuxt-web/content/cases/weihai-gate-yard.md
Normal file
@@ -0,0 +1,46 @@
|
||||
---
|
||||
title: "威海港通信息科技有限公司"
|
||||
slug: "weihai-gate-yard"
|
||||
summary: "威海港通信息科技有限公司成立于2015年2月，是山东港口威海港有限公司全资控股的国有企业。公司专注于计算机软硬件开发与销售、技术咨询服务及转让，电子产品销售与维护，以及货物或技术进出口业务。作为高新技术企业、科技型中小企业及专精特新中小企业，致力于为港口及物流行业提供智能化解决方案。"
|
||||
cover: "/images/weihaigang.jpg"
|
||||
industry: "port"
|
||||
categories:
|
||||
- "port"
|
||||
- "shipping-company"
|
||||
relatedProducts:
|
||||
- "/products/port/cdi-container"
|
||||
keywords: "威海港通信息科技有限公司,客户案例,岸基科技,port,shipping-company"
|
||||
description: "山东港口威海港有限公司全资控股的国有企业，成立于2015年，注册资本500万元..."
|
||||
---
|
||||
|
||||
威海港通信息科技有限公司成立于2015年2月，是山东港口威海港有限公司全资控股的国有企业。公司专注于计算机软硬件开发与销售、技术咨询服务及转让，电子产品销售与维护，以及货物或技术进出口业务。作为高新技术企业、科技型中小企业及专精特新中小企业，致力于为港口及物流行业提供智能化解决方案。
|
||||
|
||||
## 项目背景
|
||||
|
||||
1. 政策推进与监管趋严 国家推进智慧港口战略，海关对全流程可追溯、可预警的智能监管要求更高。
|
||||
|
||||
2. 场站分散导致管理难度高 新港区场站分布广、距离码头远，传统模式下信息滞后、调度困难，难以统一高效管理。
|
||||
|
||||
3. 信息化水平不足存在监管盲区 现有系统未覆盖堆场全流程，查验、移箱等环节依赖人工，存在数据断点与监管漏洞。
|
||||
|
||||
## 项目目标
|
||||
|
||||
1. 构建一体化堆场管理系统 实现集装箱资料、场站业务、查验管理、计费结算等模块集成，打通全业务流程闭环。
|
||||
|
||||
2. 实现内外部数据互联互通 对接海关、船公司等外部系统，完成EDI数据交换，确保查验指令、舱单数据实时同步。
|
||||
|
||||
3. 推动作业智能化与可视化 引入智能堆场计划、图形化堆场视图，实现吞吐量、库场利用率等关键指标可视化呈现。
|
||||
|
||||
4. 提升现场作业效率与准确性 通过移动APP实现冷藏箱巡检、拆装箱在线确认，闸口支持RFID自动识别。
|
||||
|
||||
## 项目收益
|
||||
|
||||
1. 管理效率显著提升 业务流程线上化、自动化，作业处理时间缩短30%以上，堆场调度响应速度明显加快。
|
||||
|
||||
2. 监管合规更有保障 查验指令全流程留痕，满足海关监管要求，堵住监管漏洞，降低执法风险与人为干预。
|
||||
|
||||
3. 运营决策数据驱动 提供多维度统计报表与领导驾驶舱，支撑吞吐量、泊位等数据动态分析，助力精细化运营。
|
||||
|
||||
## 相关产品
|
||||
|
||||
- [岸基云码头集装箱智能操作系统](/products/port/cdi-container)
|
||||
47
nuxt-web/content/cases/yantai-hanitek-container.md
Normal file
47
nuxt-web/content/cases/yantai-hanitek-container.md
Normal file
@@ -0,0 +1,47 @@
|
||||
---
|
||||
title: "烟台哈尼泰克集装箱租赁有限公司"
|
||||
slug: "yantai-hanitek-container"
|
||||
summary: "烟台哈尼泰克集装箱租赁有限公司成立于2017年，是烟台片区专注集装箱租赁服务的小微企业。当前依赖邮件、微信传递业务数据，存在计费延迟、费用整合困难、流程冗余、费收跟踪缺失等痛点，制约运营效能。亟需建设智能化集装箱租赁管理系统，覆盖业务全流程，实现租赁管理体系全面升级。"
|
||||
cover: "/images/hani.png"
|
||||
industry: "shipping-company"
|
||||
categories:
|
||||
- "shipping-company"
|
||||
- "logistics"
|
||||
- "container-yard"
|
||||
relatedProducts:
|
||||
- "/products/logistics/platform"
|
||||
keywords: "烟台哈尼泰克集装箱租赁有限公司,客户案例,岸基科技,shipping-company,logistics,container-yard"
|
||||
description: "成立于2017年，是烟台片区专注集装箱租赁服务的小微企业，亟需建设智能化集装箱租赁管理系统..."
|
||||
---
|
||||
|
||||
烟台哈尼泰克集装箱租赁有限公司成立于2017年，是烟台片区专注集装箱租赁服务的小微企业。当前依赖邮件、微信传递业务数据，存在计费延迟、费用整合困难、流程冗余、费收跟踪缺失等痛点，制约运营效能。亟需建设智能化集装箱租赁管理系统，覆盖业务全流程，实现租赁管理体系全面升级。
|
||||
|
||||
## 项目背景
|
||||
|
||||
1. 流程断点导致运营低效 多部门协同缺乏标准化节点控制，订单处理延迟频发，集装箱闲置浪费与重复调度问题突出。
|
||||
|
||||
2. 异构系统数据交互壁垒 业务数据依赖邮件传递，需人工二次录入老系统，双重操作耗时冗长且易产生录入错误。
|
||||
|
||||
3. 个性化需求响应僵化 老系统操作逻辑固化，无法灵活配置差异化服务方案，制约业务拓展与客户满意度。
|
||||
|
||||
4. 计费滞后与业财数据割裂 计费依赖人工核对，核算周期长、漏算率高；业务与财务数据不同步，账实不符难以追踪。
|
||||
|
||||
## 项目目标
|
||||
|
||||
1. 构建全流程管控体系 覆盖订单接收至费用结算全链路，实现租赁业务无缝衔接与统一管理，提升业务连贯性与操作规范性。
|
||||
|
||||
2. 跨部门协同效能升级 打通部门及供应商资源信息壁垒，建立实时共享机制，强化业务协同深度，优化资源配置效率。
|
||||
|
||||
3. 客户响应与竞争力跃升 基于消息驱动实现需求快速响应，提供最优服务方案，提升运营效率与服务品质，增强市场核心竞争力。
|
||||
|
||||
## 项目收益
|
||||
|
||||
1. 作业效率跨越式提升 年放箱量从30.9万增至72.3万，全业务量增长133%以上，7×24小时服务突破线下时间限制。
|
||||
|
||||
2. 智能化操作升级 还箱制单耗时缩减50%，修箱批修时效提升80%，支持全流程灵活操作与多维查询分析。
|
||||
|
||||
3. 服务质效双升 客户满意度从85%跃升至96%，投诉率下降50%，操作失误率从5%降至0，重塑零差错标杆。
|
||||
|
||||
## 相关产品
|
||||
|
||||
- [全程物流链管理系统](/products/logistics/platform)
|
||||
49
nuxt-web/content/cases/yulong-terminal-system.md
Normal file
49
nuxt-web/content/cases/yulong-terminal-system.md
Normal file
@@ -0,0 +1,49 @@
|
||||
---
|
||||
title: "山东裕龙港务有限公司"
|
||||
slug: "yulong-terminal-system"
|
||||
summary: "山东裕龙港务有限公司位于山东省龙口市，是裕龙石化产业园配套的重要港口企业，致力于打造现代化、智能化、绿色化的综合性港口。公司业务涵盖件杂货、散货、集装箱等多种货类装卸、仓储及物流服务，依托优越的地理位置和先进的设施，服务于区域经济发展与国际航运网络。裕龙港务以'智慧港口、高效物流'为发展战略，积极推进信息化、自动化建设，提升港口运营效率与服务能力。"
|
||||
cover: "/images/yulong.jpg"
|
||||
industry: "port"
|
||||
categories:
|
||||
- "port"
|
||||
relatedProducts:
|
||||
- "/products/port/cdi-bulk"
|
||||
keywords: "山东裕龙港务有限公司,客户案例,岸基科技,port"
|
||||
description: "位于山东省龙口市，是裕龙石化产业园配套的重要港口企业，致力于打造现代化、智能化、绿色化的综合性港口..."
|
||||
---
|
||||
|
||||
山东裕龙港务有限公司位于山东省龙口市，是裕龙石化产业园配套的重要港口企业，致力于打造现代化、智能化、绿色化的综合性港口。公司业务涵盖件杂货、散货、集装箱等多种货类装卸、仓储及物流服务，依托优越的地理位置和先进的设施，服务于区域经济发展与国际航运网络。裕龙港务以"智慧港口、高效物流"为发展战略，积极推进信息化、自动化建设，提升港口运营效率与服务能力。
|
||||
|
||||
## 项目背景
|
||||
|
||||
1. 港口整合与业务协同需求 裕龙港务亟需构建一体化信息平台，解决信息孤岛与流程分散问题。
|
||||
|
||||
2. 智慧化港口建设趋势 港口作业向自动化、智能化发展，裕龙港务具备后发优势，需实现全面数字化升级。
|
||||
|
||||
3. 多货种统一管理挑战 裕龙港务业务涵盖集装箱、散货、件杂货等多种货类，缺乏统一调度影响运营效益。
|
||||
|
||||
4. 客户服务与效率提升需求 客户对港口服务响应速度、信息透明度要求不断提高。手工办单、信息不互通制约服务体验，亟需信息化手段提升服务水平。
|
||||
|
||||
## 项目目标
|
||||
|
||||
1. 构建一体化码头生产管理平台 覆盖调度、作业、商务、客服等全流程，实现数据统一管理与流程协同。
|
||||
|
||||
2. 实现作业调度智能化与可视化 依托TOS、GIS、物联网等技术，实现资源优化配置与实时监控。
|
||||
|
||||
3. 提升客户服务与线上体验 建设客户服务平台，支持线上委托、申报、支付、查询等“一网通办”。
|
||||
|
||||
4. 支持多货种专业化管理 同时支持集装箱、散货、件杂货等货种，实现资源统一调度与专业化处理。
|
||||
|
||||
## 项目收益
|
||||
|
||||
1. 管理决策科学精准 整合生产、经营、财务等数据，报表生成效率提升60%以上。
|
||||
|
||||
2. 人力与运营成本降低 业务流程的标准化与自动化，年节约人力成本约200万元，操作失误率下降50%。
|
||||
|
||||
3. 统一调度中心 整合船舶、罐区、公路、管输等大计划，实现一键排产，船舶在港停时缩短15%。
|
||||
|
||||
4. 统一商务中心 实现散杂货、液化等多货种的合同、单证、价格、结算、发票及对账的统一管理，对账时间从3天压缩至4小时。
|
||||
|
||||
## 相关产品
|
||||
|
||||
- [岸基云码头散杂货智能操作系统](/products/port/cdi-bulk)
|
||||
45
nuxt-web/content/cases/zhongshan-container-terminal.md
Normal file
45
nuxt-web/content/cases/zhongshan-container-terminal.md
Normal file
@@ -0,0 +1,45 @@
|
||||
---
|
||||
title: "中山港航集团股份有限公司"
|
||||
slug: "zhongshan-container-terminal"
|
||||
summary: "中山港航集团股份有限公司（前身为中山市港航企业集团有限公司）创立于2000年12月15日，注册地位于中山市火炬开发区沿江东一路3号港航大厦。作为珠江口湾区港航物流领域的综合性龙头企业，集团始终深耕多式联运与运输代理核心主业，以打造'湾区接口'型物流枢纽平台为目标，致力于构建连通湾区、辐射全球的现代化港航物流服务体系。"
|
||||
cover: "/images/zhongshanganghang.jpg"
|
||||
industry: "port"
|
||||
categories:
|
||||
- "port"
|
||||
relatedProducts:
|
||||
- "/products/port/cdi-container"
|
||||
keywords: "中山港航集团股份有限公司,客户案例,岸基科技,port"
|
||||
description: "中山港航集团股份有限公司集装箱码头系统，提供集装箱码头全流程数字化管理..."
|
||||
---
|
||||
|
||||
中山港航集团股份有限公司（前身为中山市港航企业集团有限公司）创立于2000年12月15日，注册地位于中山市火炬开发区沿江东一路3号港航大厦。作为珠江口湾区港航物流领域的综合性龙头企业，集团始终深耕多式联运与运输代理核心主业，以打造"湾区接口"型物流枢纽平台为目标，致力于构建连通湾区、辐射全球的现代化港航物流服务体系。
|
||||
|
||||
## 项目背景
|
||||
|
||||
1. 政策驱动与行业趋势 《交通强国建设纲要》《智慧港口建设指南》等政策要求港口加速数字化转型，客户对全程可视化、无接触服务需求激增。
|
||||
|
||||
2. 运营效率与服务瓶颈 统港口依赖线下操作，办单、支付等环节耗时易错，数据同步滞后问题突出。
|
||||
|
||||
3. 技术机遇与升级需求 需引入AI、大数据等技术，整合多方资源，构建绿色高效供应链体系。
|
||||
|
||||
## 项目目标
|
||||
|
||||
1. 全链条协同与标准化 整合区域港口及海关、船公司等多方业务流程，构建跨区域协同平台，实现全流程数据电子化与标准化。
|
||||
|
||||
2. ：高可用架构与安全体系 部署多中心容灾系统，采用多终端兼容架构，构建全链路数据安全体系。
|
||||
|
||||
3. ：自动化与智能化驱动 实现线上办单与作业调度自动化，提升设备利用率与协同效率，推动港口作业全面提速。
|
||||
|
||||
4. 降本增效双向优化 减少线下人力依赖与操作错误，实现计费自动化与资源集约化运营。
|
||||
|
||||
## 项目收益
|
||||
|
||||
1. 全流程数字化提速 办单时间与审批时长大幅压缩，年线上业务量突破10万票，打破线下时空限制。
|
||||
|
||||
2. 成本精控 减少线下人力与纸质耗材，年综合降本超500万元，实现企业与客户双向优化。
|
||||
|
||||
3. 满意度达行业标杆 投诉率显著降低，响应时间缩短至24小时内，业务办理准确率达100%，客户满意度提升。
|
||||
|
||||
## 相关产品
|
||||
|
||||
- [岸基云码头集装箱智能操作系统](/products/port/cdi-container)
|
||||
47
nuxt-web/content/cases/zhongshan-port-service.md
Normal file
47
nuxt-web/content/cases/zhongshan-port-service.md
Normal file
@@ -0,0 +1,47 @@
|
||||
---
|
||||
title: "中山港航集团股份有限公司"
|
||||
slug: "zhongshan-port-service"
|
||||
summary: "中山港航集团股份有限公司（前身为中山市港航企业集团有限公司）创立于2000年12月15日，注册地位于中山市火炬开发区沿江东一路3号港航大厦。作为珠江口湾区港航物流领域的综合性龙头企业，集团始终深耕多式联运与运输代理核心主业，以打造'湾区接口'型物流枢纽平台为目标，致力于构建连通湾区、辐射全球的现代化港航物流服务体系。"
|
||||
cover: "/images/zhongshanganghang.jpg"
|
||||
industry: "port"
|
||||
categories:
|
||||
- "port"
|
||||
relatedProducts:
|
||||
- "/products/port/cdi-container"
|
||||
keywords: "中山港航集团股份有限公司,客户案例,岸基科技,port"
|
||||
description: "创立于2000年12月，注册地位于中山市火炬开发区沿江东一路3号港航大厦..."
|
||||
---
|
||||
|
||||
中山港航集团股份有限公司（前身为中山市港航企业集团有限公司）创立于2000年12月15日，注册地位于中山市火炬开发区沿江东一路3号港航大厦。作为珠江口湾区港航物流领域的综合性龙头企业，集团始终深耕多式联运与运输代理核心主业，以打造"湾区接口"型物流枢纽平台为目标，致力于构建连通湾区、辐射全球的现代化港航物流服务体系。
|
||||
|
||||
## 项目背景
|
||||
|
||||
1. 政策驱动与行业趋势 响应智慧港口无接触服务要求，应对客户线上化需求，需搭建一体化平台实现全流程数字化协同。
|
||||
|
||||
2. 效率瓶颈亟待突破 传统线下模式流程冗余、协同低效，需通过平台整合功能实现全流程自动化，降低人为失误。
|
||||
|
||||
3. 成本与风险管控需求 传统模式人力成本高、风险多，需以自动化替代人工，实现成本与安全风险双重管控。
|
||||
|
||||
## 项目目标
|
||||
|
||||
1. 实现全业务线上闭环与无纸化 实现全业务线上闭环与无纸化，优化业务流程，减少人工交接，满足无接触办公需求。
|
||||
|
||||
2. 搭建一体化服务架构 打通多系统数据，核心数据实时同步适配多终端，用户一次登录可办全业务。
|
||||
|
||||
3. 提升办理与协同效能 提升业务办理、闸口通行、审批及调度效率，为客户降低综合物流成本。
|
||||
|
||||
4. 降低运营成本与提升满意度 减少线下人力投入与物流成本，降低投诉率，提升客户满意度与行业竞争力。
|
||||
|
||||
## 项目收益
|
||||
|
||||
1.效率跃升，全流程提速 单票办单时间从60分钟压缩至15分钟，效率提升75%，业务处理量增长3倍以上。
|
||||
|
||||
2.成本优化，实现双向效益 年节约人工成本210万元，客户综合物流成本下降1%以上，年节约客户支出超1000万元。
|
||||
|
||||
3.满意度提升，构建服务壁垒 客户满意度提升，投诉率降低，业务办理准确率提升至100%。
|
||||
|
||||
4.绿色低碳与行业标杆双驱动 年减少纸质单证10万份，降低碳排放，带动产业链协同效率提升30%。
|
||||
|
||||
## 相关产品
|
||||
|
||||
- [岸基云码头集装箱智能操作系统](/products/port/cdi-container)
|
||||
46
nuxt-web/content/cases/zhongshan-xiaolan-remote.md
Normal file
46
nuxt-web/content/cases/zhongshan-xiaolan-remote.md
Normal file
@@ -0,0 +1,46 @@
|
||||
---
|
||||
title: "中山市小榄港货运联营有限公司"
|
||||
slug: "zhongshan-xiaolan-remote"
|
||||
summary: "中山市小榄港货运联营有限公司是粤港澳大湾区核心物流枢纽，拥有24万平方米港区、7个千吨级泊位，年设计通过能力600万吨货物与60万标箱集装箱，2024年集装箱吞吐量达47万标箱。航线覆盖全国沿海及内陆港口，外贸直达香港、澳门、广州、深圳等地，提供高效装卸与多式联运综合物流解决方案。"
|
||||
cover: "/images/xiaolan.jpg"
|
||||
industry: "port"
|
||||
categories:
|
||||
- "port"
|
||||
- "machinery"
|
||||
relatedProducts:
|
||||
- "/products/port/cdi-container"
|
||||
keywords: "中山市小榄港货运联营有限公司,客户案例,岸基科技,port,machinery"
|
||||
description: "立足粤港澳大湾区，是中山市小榄镇核心物流枢纽，注册资本1.2亿元，为港澳台合资企业..."
|
||||
---
|
||||
|
||||
中山市小榄港货运联营有限公司是粤港澳大湾区核心物流枢纽，拥有24万平方米港区、7个千吨级泊位，年设计通过能力600万吨货物与60万标箱集装箱，2024年集装箱吞吐量达47万标箱。航线覆盖全国沿海及内陆港口，外贸直达香港、澳门、广州、深圳等地，提供高效装卸与多式联运综合物流解决方案。
|
||||
|
||||
## 项目背景
|
||||
|
||||
1. 智慧港口政策硬性要求 交通运输部要求内河港口2027年实现智能感知网全覆盖，小榄港需通过大机远控落实数字化转型。
|
||||
|
||||
2. 设备更新与智慧化政策叠加驱动 国家设备更新补贴与智慧港口政策叠加，实现“一次改造、双重赋能”。
|
||||
|
||||
3. 竞争效能与安全人力双重挑战 珠江水运竞争加剧，现场操控风险高、熟练工短缺，远控改造可提升效率、规避风险、缓解用工压力。
|
||||
|
||||
4. 内河码头技术适配性攻坚 5G、物联网技术成熟，但内河场景与海港差异显著，项目旨在填补珠江口内河大机远控应用空白。
|
||||
|
||||
## 项目目标
|
||||
|
||||
1. 技术攻坚：建成内河首套自主远控系统 完成大机远控改造，实现低延迟的“5G+云端部署+本地对接”系统，突破软件国产化，实现技术自主可控。
|
||||
|
||||
2. 综合效益：降本增效与零风险安全升级 显著节约人力与运营成本，消除高空及恶劣天气作业风险，降低安全事故率与人为失误率。
|
||||
|
||||
3. 行业标杆：输出可复制内河智慧化范式 发布内河码头大机远控改造技术规范，覆盖设备选型、场景适配等标准，并向区域内其他内河码头推广。
|
||||
|
||||
## 项目收益
|
||||
|
||||
1. 效率突破与国产技术落地 装卸环节从8个精简至5个，闸口通闸效率提升30%，船岸协同响应时间缩短50%；建成国内首个内河码头“5G+云端部署”远控系统，关键技术实现国产化。
|
||||
|
||||
2. 运营成本精准压降 操作人员减少40%，年节约人力成本超400万元；智能调度降低单箱装卸能耗，年节约电费数十万元。
|
||||
|
||||
3. 安全风险全面归零 消除高空及恶劣天气作业风险，全年无安全事故；操作失误率从3%降至0.5%以下，系统预判规避碰撞、对位偏差等隐患。
|
||||
|
||||
## 相关产品
|
||||
|
||||
- [岸基云码头集装箱智能操作系统](/products/port/cdi-container)
|
||||
46
nuxt-web/content/cases/zhujiang-shipping.md
Normal file
46
nuxt-web/content/cases/zhujiang-shipping.md
Normal file
@@ -0,0 +1,46 @@
|
||||
---
|
||||
title: "珠江船务企业（集团）有限公司"
|
||||
slug: "zhujiang-shipping"
|
||||
summary: "珠江船务企业（股份）有限公司，隶属于广东省港航集团，是粤港澳大湾区最大的内河码头物流营运商之一。公司以香港为营运中心，网络覆盖珠三角超过20个城市，经营管理17个内河货运码头，运营40条集装箱班轮航线，拥有超过100艘内河货运船舶，培育的“CKS”品牌在粤港澳港口物流市场具有较高知名度和影响力。"
|
||||
cover: "/images/zhujiang.png"
|
||||
industry: "fleet"
|
||||
categories:
|
||||
- "fleet"
|
||||
- "freight-forwarder"
|
||||
relatedProducts:
|
||||
- "/products/logistics/platform"
|
||||
- "/products/logistics/vehicle-transport"
|
||||
keywords: "珠江船务企业（集团）有限公司,客户案例,岸基科技,fleet,freight-forwarder"
|
||||
description: "珠江船务对现有码头区域平台化经营管理的尝试，解决平台内各码头的拖车集中监控、集中调配问题..."
|
||||
---
|
||||
|
||||
珠江船务企业（股份）有限公司，隶属于广东省港航集团，是粤港澳大湾区最大的内河码头物流营运商之一。公司以香港为营运中心，网络覆盖珠三角超过20个城市，经营管理17个内河货运码头，运营40条集装箱班轮航线，拥有超过100艘内河货运船舶，培育的“CKS”品牌在粤港澳港口物流市场具有较高知名度和影响力。
|
||||
|
||||
## 项目背景
|
||||
|
||||
1. 资源利用率低，作业效率无法有效提升 珠江船务目前下属14个码头管理拖车超2000部，各码头拖车分布不均，资源无法有效调配利用。
|
||||
|
||||
2. 信息不透明，操作不便捷 各码头拖车状态、轨迹、任务数据彼此割裂，难以实现跨区域动态共享。
|
||||
|
||||
3. 车辆可视化缺失，智能化管理难以落地 码车辆位置、运行状态、载重等关键信息无法实时捕捉，管理人员难以掌控车队整体动态。
|
||||
|
||||
## 项目目标
|
||||
|
||||
1. 业务集中管控 通过移动端采集与车辆定位，实现货物全程实时监控与数据记录，提高运输安全性与可靠性。
|
||||
|
||||
2. 智能运力匹配 整合自有及分包商运力信息，通过大数据算法对运力供给、路线规划进行综合优化。
|
||||
|
||||
3. 订单全程可视 融合北斗定位、GPS及GIS技术，实时采集各节点数据，可视化展示运单轨迹与流转状态。
|
||||
|
||||
## 项目收益
|
||||
|
||||
1. 通行效率倍增，告别无效排队等待 无纸化自动闸口实现30秒识别放行，车辆周转率提升超30%，彻底告别排队1-2小时。
|
||||
|
||||
2. 运营成本精减，减少各类资源浪费 业务数据全线上流转，单台车年节省单据相关支出超千元，补单与违约损失大幅减少。
|
||||
|
||||
3. 管理流程规范，降低沟通与风险成本 电子单据自动留痕可追溯，远程实时掌握运输进度，降低合规风险与沟通成本。
|
||||
|
||||
## 相关产品
|
||||
|
||||
- [全程物流链管理系统](/products/logistics/platform)
|
||||
- [岸基车辆运输管理系统](/products/logistics/vehicle-transport)
|
||||
13
nuxt-web/content/news/chengzhang-yu-tuibian.md
Normal file
13
nuxt-web/content/news/chengzhang-yu-tuibian.md
Normal file
@@ -0,0 +1,13 @@
|
||||
---
|
||||
title: "岸基科技的成长与蜕变-荣誉加身更须砥砺前行"
|
||||
date: "2020.11.09"
|
||||
slug: "chengzhang-yu-tuibian"
|
||||
summary: "我们坚持以客户为中心，快速响应客户需求，持续为客户创造长期价值进而成就客户，为客户提供有效服务是我们工作的方向和价值评价的标尺。"
|
||||
cover: "/images/rongyu.webp"
|
||||
keywords: "岸基科技,成长与蜕变,荣誉,高新技术企业,软件企业,创新企业"
|
||||
description: "岸基科技坚持以客户为中心，自2016年成立以来持续推进产品研发与能力建设，获得多项企业资质与荣誉。"
|
||||
---
|
||||
|
||||
我们们坚持以客户为中心，快速响应客户需求，持续为客户创造长期价值进而成就客户。为客户提供有效服务是我们工作的方向和价值评价的标尺，成就客户就是成就我们自己。公司自2016年成立以来，一步一步稳扎稳打，先后研发了十几个产品并申请了软件著作权，获得了高新技术企业、山东省软件企业、烟台市科技型创新企业、山东省工业企业、ISO9001质量管理体系认证、第九届中国创新创业大赛优胜企业等荣誉，实现了公司的跨越式发展。
|
||||
|
||||
|
||||
23
nuxt-web/content/news/keji-zhongxiao-qiye-xiangmu.md
Normal file
23
nuxt-web/content/news/keji-zhongxiao-qiye-xiangmu.md
Normal file
@@ -0,0 +1,23 @@
|
||||
---
|
||||
title: "立项支持！岸基科技获山东省科技型中小企业创新能力提升工程公示！"
|
||||
date: "2023.07.10"
|
||||
slug: "keji-zhongxiao-qiye-xiangmu"
|
||||
summary: "近日，山东省科技厅公布了2023年省科技型中小企业创新能力提升工程立项项目名单，岸基航运电商云平台获批立项。"
|
||||
cover: "/images/new3.webp"
|
||||
keywords: "岸基科技,科技型中小企业,创新能力提升工程,航运电商云平台,项目立项"
|
||||
description: "岸基航运电商云平台获批山东省科技型中小企业创新能力提升工程立项，体现了公司在港航数字化产品创新上的持续投入。"
|
||||
---
|
||||
|
||||
近日，山东省科技厅公布了2023年省科技型中小企业创新能力提升工程立项项目名单，岸基航运电商云平台获批立项。
|
||||
|
||||
|
||||
|
||||
科技型中小企业创新能力提升工程是山东省科技计划的重要组成部分，旨在聚焦新兴领域及我省急需补短板的产业领域，支持科技型中小企业联合高校、科研院所开展关键共性技术攻关和科技成果转化的创新项目，突出重点发展领域和高新技术企业培育，以关键核心技术突破和科技成果转化为方向，以促进人才、技术、成果等创新资源向科技型中小企业集聚，提升其自主创新能力为目标，采取省市联动的方式组织实施。
|
||||
|
||||
|
||||
|
||||
岸基航运电商云平台是集销售、操作、商务和客服于一体的综合服务产品，将传统港航业务互联网化转型，建立线上线下一体化的物流发展模式。
|
||||
|
||||
岸基航运电商云平台是集销售、操作、商务和客服于一体的综合服务产品，将传统港航业务互联网化转型，建立线上线下一体化的物流发展模式。产品聚合多维优势，利用现有的线下优势拓展线上业务，延伸产品服务能力(包括线上订舱、线上拖车、线上报关等服务)；为客户建立全方位信息服务通道：线上平台、APP、微信，提供更好的服务体验：货物、船舶跟踪、消息推送、提单状态提醒，提升服务效率；信息可视化、交易流程全程跟踪：平台连结相关业务方，利用线上平台实现线上订舱、支付、提单下载、货物跟踪、拖车委托、报关，实现线上操作一体化，减少操作流程、提升用户体验；具备完整的电商营销体系：快速建立电商营销体系，阶梯运价、特价舱位、订舱送优惠劵和积分、秒杀等各种促销活动，引导更多客户；基于电商平台大数据收集和分析，收集产品销售关键信息、客户的操作习惯、客户关注的航线，优化产品结构，为企业提供新的赢利点；通过建立分布式私有paas平台，为整个电商系统提供技术支撑和运维服务。
|
||||
|
||||
通过岸基航运电商云平台，客户在网上可以获取产品服务、进行业务操作、费用支付和状态跟踪，实际业务操作和物流运输在线下来完成，实现公司降本增效，开源创收。
|
||||
19
nuxt-web/content/news/shandong-dengling-qiye.md
Normal file
19
nuxt-web/content/news/shandong-dengling-qiye.md
Normal file
@@ -0,0 +1,19 @@
|
||||
---
|
||||
title: "喜讯！热烈祝贺岸基科技荣获“山东省瞪羚企业”荣誉称号！"
|
||||
date: "2023.07.14"
|
||||
slug: "shandong-dengling-qiye"
|
||||
summary: "日前，山东省工业和信息化厅发布了《关于2023年度山东省“瞪羚”“独角兽”企业名单的公示》，岸基科技凭借强劲的综合实力荣誉上榜，成功入选2023年度山东省“瞪羚企业”。"
|
||||
cover: "/images/new1.webp"
|
||||
keywords: "岸基科技,山东省瞪羚企业,科技创新,高质量发展,企业荣誉"
|
||||
description: "岸基科技入选2023年度山东省“瞪羚企业”，体现了公司在科技创新、成长速度和行业影响力方面的综合实力。"
|
||||
---
|
||||
|
||||
日前，山东省工业和信息化厅发布了《关于2023年度山东省“瞪羚”“独角兽”企业名单的公示》，岸基科技凭借强劲的综合实力荣誉上榜，成功入选2023年度山东省“瞪羚企业”。
|
||||
|
||||
|
||||
|
||||
“瞪羚企业”是指以科技创新或商业模式创新为支撑，进入高质量和爆发式增长阶段的成长型企业。具有综合效益突出、成长速度快、行业影响力大等特性，是引领山东省企业转型升级、高质量发展的优秀标杆企业。瞪羚企业的数量已经成为衡量地区创新活力的一项重要指标。
|
||||
|
||||
|
||||
|
||||
获此殊荣是政府和行业对公司创新实力和发展速度的充分肯定，对岸基科技构建自主创新体系，提高科技创新能力，强化标准、技术、信息优势，加强科技研发管理支撑等具有重大意义。岸基科技将继续秉持创新精神，引领行业发展，持续赋能港航企业实现智能升级，为推动港航业“高效能的互联网航运平台”贡献自己的一份力量。
|
||||
17
nuxt-web/content/news/shandong-gongshang-xueyuan-laifang.md
Normal file
17
nuxt-web/content/news/shandong-gongshang-xueyuan-laifang.md
Normal file
@@ -0,0 +1,17 @@
|
||||
---
|
||||
title: "行走的课堂—山东工商学院创业先锋班来访"
|
||||
date: "2021.09.23"
|
||||
slug: "shandong-gongshang-xueyuan-laifang"
|
||||
summary: "开学伊始，创新创业学院组织创业先锋181班全体学员走出校园、迈向社会，开展走访企业与素质拓展活动，创新创业学院院长马金智、执行院长周金刚、副院长张丽华参加了活动。"
|
||||
cover: "/images/640.webp"
|
||||
keywords: "岸基科技,山东工商学院,创业先锋班,校企交流,创新创业"
|
||||
description: "山东工商学院创业先锋班走访岸基科技开展研学交流，围绕航运物流数字化、企业实践与专业成长进行现场学习。"
|
||||
---
|
||||
|
||||
开学伊始，创新创业学院组织创业先锋181班全体学员走出校园、迈向社会，开展走访企业与素质拓展活动，创新创业学院院长马金智、执行院长周金刚、副院长张丽华参加了活动。
|
||||
|
||||
同学们来到烟台岸基网络科技有限公司走访交流。总经理马山对公司主要业务进行了介绍，了解到公司是智能化航运物流企业，通过“互联网+航运物流”信息化数字管理模式整合物流企业，为企业提供更低成本更便捷的各项信息服务，业务领域和合作伙伴遍及广泛。部分同学对“拼箱货运、数字化转型、国际物流业务的发展趋势”等感兴趣的话题进行了询问并得到马总专业解答，马总提到具备扎实的专业知识是创业的基础，想在专业领域深耕就要提高自身的专业技能，提升内在价值。
|
||||
|
||||
“学而思，思而践，践而悟。”本次创业研学活动为学生搭建了一个良好的学习和实践平台，同学们开阔了视野增长了见识，也增进了学校与企业之间的沟通与交流。
|
||||
|
||||
|
||||
21
nuxt-web/content/news/yiqi-yi-jishu-yanfa-zhongxin.md
Normal file
21
nuxt-web/content/news/yiqi-yi-jishu-yanfa-zhongxin.md
Normal file
@@ -0,0 +1,21 @@
|
||||
---
|
||||
title: "岸基科技荣获山东省“一企一技术”研发中心认定"
|
||||
date: "2021.07.09"
|
||||
slug: "yiqi-yi-jishu-yanfa-zhongxin"
|
||||
summary: "2021年7月9日，山东省工业和信息化厅发布《关于公布2021年山东省工业企业“一企一技术”研发中心企业名单的通知》，烟台岸基网络科技有限公司被认定为山东省“一企一技术”研发中心。"
|
||||
cover: "/images/new_1.webp"
|
||||
keywords: "岸基科技,一企一技术,研发中心,山东省工业企业,技术研发"
|
||||
description: "岸基科技获认定为山东省“一企一技术”研发中心，体现了公司在技术研发和自主创新领域的持续积累。"
|
||||
---
|
||||
|
||||
2021年7月9日，山东省工业和信息化厅发布《关于公布2021年山东省工业企业“一企一技术”研发中心企业名单的通知》，烟台岸基网络科技有限公司被认定为山东省“一企一技术”研发中心。
|
||||
|
||||
这也是继“国家级高新技术企业”、“国家科技型中小企业”、“软件企业”、“烟台市一企一技术研发中心”之后，岸基科技在技术研发领域获得的又一项重要认定，标志着岸基科技研发能力更上了一个台阶。
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
“一企一技术”研发中心是企业在所处行业和领域内着力突破掌握关键核心技术，抢占科技战略制高点的创新平台；主要负责开展技术研发和技术成果转化，产学研合作和创新人才培养，推进企业技术创新。此次被认定为山东省“一企一技术”研发中心，是对公司多年来自主创新工作的再次肯定，岸基科技将以此为契机，充分发挥研发中心的引领作用，进一步加大研发力度，推动“一企一技术”创新工作广泛深入开展。
|
||||
|
||||
“一企一技术”研发中心是企业在所处行业和领域内着力突破掌握关键核心技术，抢占科技战略制高点的创新平台；主要负责开展技术研发和技术成果转化，产学研合作和创新人才培养，推进企业技术创新。此次被认定为山东省“一企一技术”研发中心，是对公司多年来自主创新工作的再次肯定，岸基科技将以此为契机，充分发挥研发中心的引领作用，进一步加大研发力度，推动“一企一技术”创新工作广泛深入开展。
|
||||
12
nuxt-web/data/case-categories.ts
Normal file
12
nuxt-web/data/case-categories.ts
Normal file
@@ -0,0 +1,12 @@
|
||||
export const caseCategories = [
|
||||
{ id: 'all', label: '全部' },
|
||||
{ id: 'port', label: '港口码头' },
|
||||
{ id: 'container-yard', label: '集装箱场站' },
|
||||
{ id: 'logistics', label: '物流' },
|
||||
{ id: 'shipping-company', label: '船公司' },
|
||||
{ id: 'ship-agent', label: '船代' },
|
||||
{ id: 'freight-forwarder', label: '货代' },
|
||||
{ id: 'warehouse', label: '仓储' },
|
||||
{ id: 'fleet', label: '车队' },
|
||||
{ id: 'machinery', label: '机械设备' },
|
||||
] as const
|
||||
108
nuxt-web/data/company.ts
Normal file
108
nuxt-web/data/company.ts
Normal file
@@ -0,0 +1,108 @@
|
||||
export const companySectionLinks = [
|
||||
{ label: '关于岸基', to: '/contact' },
|
||||
{ label: '新闻动态', to: '/news' },
|
||||
{ label: '团队建设', to: '/company/culture' },
|
||||
{ label: '人才招聘', to: '/company/joinus' },
|
||||
{ label: '公司发展进程', to: '/company' },
|
||||
{ label: '公司技术升级', to: '/company/tech' }
|
||||
] as const
|
||||
|
||||
export const companyTimeline = [
|
||||
{ date: '2016.05', title: '岸基网络科技有限公司成立', summary: '公司正式成立，聚焦港航物流数字化。', highlight: false },
|
||||
{ date: '2016.08', title: '荣获“山东省软件企业”资质', summary: '在软件研发与服务能力上获得早期认可。', highlight: false },
|
||||
{ date: '2017.05', title: '获“国家科技型创新企业”资质认证', summary: '研发能力和创新路径进一步获得官方背书。', highlight: false },
|
||||
{ date: '2017.10', title: 'ISO9001质量管理体系认证', summary: '建立更加规范的质量管理流程。', highlight: false },
|
||||
{ date: '2017.12', title: '锦江航运电商平台上线', summary: '建设完成中日韩航线大型电子商务平台，年线上交易额达到10亿元。', highlight: true },
|
||||
{ date: '2018.05', title: '云码头平台在中山港航集团上线', summary: '自主研发云码头平台落地，建设运营成本显著降低。', highlight: true },
|
||||
{ date: '2018.06', title: '市级技术研发奖项', summary: '港口物流信息管理智慧云平台关键技术研发获奖。', highlight: false },
|
||||
{ date: '2018.08', title: '荣获“高新技术企业”资质', summary: '核心技术创新能力进一步被认可。', highlight: false },
|
||||
{ date: '2019.11', title: '承建两个山东省技术创新项目', summary: '承担省级技术创新任务，持续投入研发。', highlight: false },
|
||||
{ date: '2020.06', title: '交通部重点示范工程交付', summary: '完成京津冀协同下“一键通”大宗干散货智慧物流示范工程。', highlight: true },
|
||||
{ date: '2020.08', title: '中国创新创业大赛优胜企业', summary: '在山东省创新创业赛事中获得优胜企业称号。', highlight: false },
|
||||
{ date: '2021.07', title: '山东省“一企一技术”研发中心认定', summary: '研发平台建设取得新的省级认定。', highlight: false },
|
||||
{ date: '2022.06', title: '山东省“专精特新”荣誉认证', summary: '公司在细分领域的专业化能力持续提升。', highlight: false },
|
||||
{ date: '2023.07', title: '山东省“瞪羚企业”荣誉认证', summary: '成长速度与创新能力进入新的阶段。', highlight: true },
|
||||
{ date: '2025', title: '省级工业互联网平台与 AI 项目入选', summary: '数字化智能供应链平台和港口AI智能平台继续向更高层级迈进。', highlight: true }
|
||||
] as const
|
||||
|
||||
export const companyStats = [
|
||||
{ label: '行业经验', value: '20+' },
|
||||
{ label: '自主知识产权', value: '100+' },
|
||||
{ label: '合作伙伴', value: '100+' }
|
||||
] as const
|
||||
|
||||
export const jobOpenings = [
|
||||
{
|
||||
title: '系统架构师',
|
||||
count: '2名',
|
||||
image: '/images/testimonials/img-1.jpg',
|
||||
responsibilities: [
|
||||
'参与技术架构优化设计与重构，根据业务规划制定应用架构方案。',
|
||||
'参与电子商务、物流系统等核心系统的架构设计与关键模块开发。',
|
||||
'持续提升高并发、海量请求下的系统处理性能。',
|
||||
'负责新技术预研、测试验证与技术框架沉淀。'
|
||||
],
|
||||
qualifications: [
|
||||
'具备扎实的计算机基础理论和五年以上 Java 相关经验。',
|
||||
'有大型企业级应用系统设计开发经验，熟悉分布式架构。',
|
||||
'熟悉架构设计理论、模式和常见工具。'
|
||||
]
|
||||
},
|
||||
{
|
||||
title: '项目经理',
|
||||
count: '3名',
|
||||
image: '/images/testimonials/img-2.jpg',
|
||||
responsibilities: [
|
||||
'确保项目目标实现，带领团队高质量完成交付。',
|
||||
'负责需求分析、系统设计、编码实现、测试、现场实施和维护阶段的组织工作。'
|
||||
],
|
||||
qualifications: [
|
||||
'有 5 年以上 J2EE 开发经验，熟悉常用框架。',
|
||||
'具备优秀的需求分析、逻辑表达和设计能力。',
|
||||
'熟悉 SQL，掌握 Oracle、MySQL 等主流数据库。'
|
||||
]
|
||||
},
|
||||
{
|
||||
title: '高级开发工程师',
|
||||
count: '3名',
|
||||
image: '/images/testimonials/img-3.jpg',
|
||||
responsibilities: [
|
||||
'参与系统需求分析，完成设计、开发、测试和文档编写。',
|
||||
'参与现场实施、需求调整及后期维护。'
|
||||
],
|
||||
qualifications: [
|
||||
'三年以上 Java 开发经验，熟悉前后端开发。',
|
||||
'熟练掌握 SSH、SSM 等常见开发框架。',
|
||||
'了解主流数据库并具备良好的编码规范。'
|
||||
]
|
||||
},
|
||||
{
|
||||
title: '开发工程师',
|
||||
count: '6名',
|
||||
image: '/images/testimonials/img-4.jpg',
|
||||
responsibilities: [
|
||||
'参与系统需求分析和功能开发。',
|
||||
'参与软件项目实施、需求调整及后期维护。'
|
||||
],
|
||||
qualifications: [
|
||||
'具备良好的 Java 开发基础。',
|
||||
'熟悉至少一种常见开发框架。',
|
||||
'了解 SQL 语言和主流数据库。'
|
||||
]
|
||||
}
|
||||
] as const
|
||||
|
||||
export const cultureGallery = [
|
||||
{ title: '泰山+曲阜旅行', category: 'travel', image: '/images/about/3.webp', meta: '山东泰安' },
|
||||
{ title: '海边音乐餐厅聚餐', category: 'party', image: '/images/about/12.webp', meta: '烟台海边' },
|
||||
{ title: '真人CS比赛', category: 'sport', image: '/images/about/11.webp', meta: '团队竞技' },
|
||||
{ title: '第一届篮球比赛', category: 'sport', image: '/images/about/10.webp', meta: '体育竞技' },
|
||||
{ title: '养马岛徒步18公里越野赛', category: 'sport', image: '/images/about/4.webp', meta: '户外挑战' },
|
||||
{ title: '女神节插花活动', category: 'holiday', image: '/images/about/1.webp', meta: '员工关怀' },
|
||||
{ title: '密室逃脱女士场', category: 'party', image: '/images/about/2.webp', meta: '益智娱乐' },
|
||||
{ title: '沂蒙山旅游', category: 'travel', image: '/images/about/6.webp', meta: '山东临沂' },
|
||||
{ title: '河南云台山旅游', category: 'travel', image: '/images/about/7.png.webp', meta: '河南焦作' },
|
||||
{ title: '轰趴+烧烤团建活动', category: 'party', image: '/images/about/8.webp', meta: '团队聚会' },
|
||||
{ title: '三八妇女节家属暖心送礼品', category: 'holiday', image: '/images/about/13.webp', meta: '节日活动' },
|
||||
{ title: '公司素质拓展训练', category: 'sport', image: '/images/about/14.JPG', meta: '团队建设' }
|
||||
] as const
|
||||
118
nuxt-web/data/home.ts
Normal file
118
nuxt-web/data/home.ts
Normal file
@@ -0,0 +1,118 @@
|
||||
export const homeHeroSlides = [
|
||||
{
|
||||
title: '全域智慧物流链解决方案',
|
||||
description: '贯通多式联运全链路，实现一单到底、全程可视、协同高效、降本增效与价值升级。',
|
||||
image: '/images/slider/slide-1.png',
|
||||
to: '/solutions/logistics-chain'
|
||||
},
|
||||
{
|
||||
title: '携手数字化，智领新航运',
|
||||
description: '用软件定义航运，以服务创造价值。岸基科技，您值得信赖的数字化伙伴。',
|
||||
image: '/images/slider/slide-2.png',
|
||||
to: '/products/port'
|
||||
}
|
||||
] as const
|
||||
|
||||
export const homeProductFamilies = [
|
||||
{
|
||||
title: '港航电商系列产品',
|
||||
description: '打通销售、操作、商务、客服全链路，赋能港航企业一体化物流运营方案。',
|
||||
iconKey: 'commerce',
|
||||
to: '/products/ecommerce'
|
||||
},
|
||||
{
|
||||
title: '物流供应链系列产品',
|
||||
description: '覆盖船公司、船货代、报关行、车队、场站及仓储，全链路产品矩阵。',
|
||||
iconKey: 'logistics',
|
||||
to: '/products/logistics'
|
||||
},
|
||||
{
|
||||
title: '云码头系列产品',
|
||||
description: '为集装箱、散货、件杂货及液化码头提供深度覆盖的完整解决方案。',
|
||||
iconKey: 'port',
|
||||
to: '/products/port'
|
||||
},
|
||||
{
|
||||
title: '航运数字系列产品',
|
||||
description: '驱动航运全链路降本增效，依托“1+3+N”核心架构，构建数字化协同引擎。',
|
||||
iconKey: 'shipping',
|
||||
to: '/products/shipping'
|
||||
}
|
||||
] as const
|
||||
|
||||
export const homeSolutions = [
|
||||
{
|
||||
meta: '内河港航集团',
|
||||
title: '内河港航一体化解决方案',
|
||||
description: '打通港口、物流、贸易、金融全链路，实现无人化作业、一单到底、全程可视、业态升级。',
|
||||
image: '/images/portfolio/img-5.webp',
|
||||
to: '/solutions/inland-river-shipping'
|
||||
},
|
||||
{
|
||||
meta: '贸易 / 物流 / 港口',
|
||||
title: '大宗货物供应链解决方案',
|
||||
description: '按货种深度定制，打通物流、贸易、金融全链路，实现作业无人化、全程可追溯、增收提效。',
|
||||
image: '/images/portfolio/img-1.jpg',
|
||||
to: '/solutions/supply-chain'
|
||||
},
|
||||
{
|
||||
meta: '大型港航集团',
|
||||
title: '港口供应链平台解决方案',
|
||||
description: 'AI 智能配载更高效、全货种兼容更通用、数据打通更协同、信创适配更安全、供应链服务更增值。',
|
||||
image: '/images/portfolio/img-4.webp',
|
||||
to: '/solutions/port-supply-chain'
|
||||
},
|
||||
{
|
||||
meta: '大型物流集团',
|
||||
title: '全程物流链解决方案',
|
||||
description: '以统一平台打通全环节数据，实现业务财务一体化、流程自动化，高效解决物流协同低效、成本难控等痛点。',
|
||||
image: '/images/portfolio/img-3.webp',
|
||||
to: '/solutions/logistics-chain'
|
||||
}
|
||||
] as const
|
||||
|
||||
export const homeServiceDomains = [
|
||||
{ title: '港口码头', iconClass: 'flaticon-matou' },
|
||||
{ title: '集装箱场站', iconClass: 'flaticon-changzhan' },
|
||||
{ title: '船公司', iconClass: 'flaticon-dingcang' },
|
||||
{ title: '船代', iconClass: 'flaticon-cruise' },
|
||||
{ title: '货代', iconClass: 'flaticon-box' },
|
||||
{ title: '仓储', iconClass: 'flaticon-cangchu' },
|
||||
{ title: '车队', iconClass: 'flaticon-delivery' },
|
||||
{ title: '其他', iconClass: 'flaticon-pallet' }
|
||||
] as const
|
||||
|
||||
export const homeIndustryStats = [
|
||||
{ value: '20+', label: '年货运总量（亿吨）' },
|
||||
{ value: '4000+', label: '集装箱标准箱量（万）' },
|
||||
{ value: '5+', label: '煤炭及制品货量（亿吨）' },
|
||||
{ value: '4+', label: '金属矿石货量（亿吨）' },
|
||||
{ value: '500+', label: '滚装汽车货量（万）' }
|
||||
] as const
|
||||
|
||||
export const homePartnerRows = [
|
||||
[
|
||||
'/images/partners/jinjiang.png',
|
||||
'/images/partners/qiaoyi.png',
|
||||
'/images/partners/zhongshanganghang.png',
|
||||
'/images/partners/shanghaihanghua.png',
|
||||
'/images/partners/qinhuangdao.png',
|
||||
'/images/partners/rizhao.png'
|
||||
],
|
||||
[
|
||||
'/images/partners/beibuwan.png',
|
||||
'/images/partners/jining.png',
|
||||
'/images/partners/liandai.png',
|
||||
'/images/partners/hainanlingao.png',
|
||||
'/images/partners/zhujiangchuanwu.png',
|
||||
'/images/partners/hefei.png'
|
||||
],
|
||||
[
|
||||
'/images/partners/gangwuju.png',
|
||||
'/images/partners/zhongyunjituan.png',
|
||||
'/images/partners/tangshangang.png',
|
||||
'/images/partners/dongfangguoji.png',
|
||||
'/images/partners/weihaigang.png',
|
||||
'/images/partners/wuzhou.png'
|
||||
]
|
||||
] as const
|
||||
75
nuxt-web/data/navigation.ts
Normal file
75
nuxt-web/data/navigation.ts
Normal file
@@ -0,0 +1,75 @@
|
||||
export const topNavigation = [
|
||||
{
|
||||
label: '首页',
|
||||
to: '/'
|
||||
},
|
||||
{
|
||||
label: '产品中心',
|
||||
to: '/products/logistics',
|
||||
children: [
|
||||
{
|
||||
label: '港航电商系列产品',
|
||||
to: '/products/ecommerce',
|
||||
children: [
|
||||
{ label: '岸基海运订舱平台', to: '/products/ecommerce/freight-booking' },
|
||||
{ label: '岸基网络货运平台', to: '/products/ecommerce/net-cargo' },
|
||||
{ label: '岸基网上业务大厅平台', to: '/products/ecommerce/obh' },
|
||||
{ label: '岸基大宗商品贸易平台', to: '/products/ecommerce/bctp' }
|
||||
]
|
||||
},
|
||||
{
|
||||
label: '全程物流链系列产品',
|
||||
to: '/products/logistics',
|
||||
children: [
|
||||
{ label: '岸基全程物流链系统', to: '/products/logistics/platform' },
|
||||
{ label: '岸基车辆运输管理系统', to: '/products/logistics/vehicle-transport' },
|
||||
{ label: '岸基仓储管理系统', to: '/products/logistics/warehouse' },
|
||||
{ label: '岸基船舶代理系统', to: '/products/logistics/ship-agent' },
|
||||
{ label: '岸基货运代理系统', to: '/products/logistics/cargo-agent' }
|
||||
]
|
||||
},
|
||||
{
|
||||
label: '云码头系列产品',
|
||||
to: '/products/port',
|
||||
children: [
|
||||
{ label: '岸基云码头智能操作系统', to: '/products/port/cdi' },
|
||||
{ label: '岸基云码头集装箱智能操作系统', to: '/products/port/cdi-container' },
|
||||
{ label: '岸基云码头散杂货智能操作系统', to: '/products/port/cdi-bulk' },
|
||||
{ label: '岸基云场站智能操作系统', to: '/products/port/cloud-yard' }
|
||||
]
|
||||
},
|
||||
{
|
||||
label: '航运数字系列产品',
|
||||
to: '/products/shipping',
|
||||
children: [
|
||||
{ label: '岸基船公司运营管理系统', to: '/products/shipping/company' },
|
||||
{ label: '岸基船舶管理系统', to: '/products/shipping/boat' }
|
||||
]
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
label: '解决方案',
|
||||
children: [
|
||||
{ label: '内河港航一体化解决方案', to: '/solutions/inland-river-shipping' },
|
||||
{ label: '大宗货物供应链解决方案', to: '/solutions/supply-chain' },
|
||||
{ label: '港口供应链解决方案', to: '/solutions/port-supply-chain' },
|
||||
{ label: '全程物流链解决方案', to: '/solutions/logistics-chain' }
|
||||
]
|
||||
},
|
||||
{
|
||||
label: '客户案例',
|
||||
to: '/cases'
|
||||
},
|
||||
{
|
||||
label: '关于我们',
|
||||
to: '/contact'
|
||||
}
|
||||
] as const
|
||||
|
||||
export const footerLinks = [
|
||||
{ label: '关于我们', to: '/contact' },
|
||||
{ label: '产品中心', to: '/products/logistics' },
|
||||
{ label: '人才招聘', to: '/company/joinus' },
|
||||
{ label: '客户案例', to: '/cases' }
|
||||
] as const
|
||||
641
nuxt-web/data/products.ts
Normal file
641
nuxt-web/data/products.ts
Normal file
@@ -0,0 +1,641 @@
|
||||
export type ProductCardItem = {
|
||||
title: string
|
||||
description: string
|
||||
image: string
|
||||
to: string
|
||||
}
|
||||
|
||||
export type FeatureSection = {
|
||||
label: string
|
||||
title: string
|
||||
description: string
|
||||
bullets: string[]
|
||||
image: string
|
||||
imageAlt: string
|
||||
}
|
||||
|
||||
export type ProductDetailConfig = {
|
||||
title: string
|
||||
description: string
|
||||
bannerImage: string
|
||||
architectureImage: string
|
||||
architectureAlt: string
|
||||
featureHeading: string
|
||||
featureSummary: string
|
||||
featureSections: FeatureSection[]
|
||||
advantages: Array<{ title: string; description: string; icon: string }>
|
||||
cases: Array<{ title: string; description: string; to: string }>
|
||||
relatedProducts: Array<{ label: string; to: string }>
|
||||
}
|
||||
|
||||
const iconA = '/images/project/common/编组-14.svg'
|
||||
const iconB = '/images/project/common/资源_5.svg'
|
||||
const iconC = '/images/project/common/资源_3.svg'
|
||||
const iconD = '/images/project/common/资源_9.svg'
|
||||
const iconE = '/images/project/common/编组-2-copy-5.svg'
|
||||
|
||||
export const ecommerceProducts: ProductCardItem[] = [
|
||||
{
|
||||
title: '岸基大宗商品贸易平台',
|
||||
description: '通过微信小程序、综合信息门户网站等形式，让货主、贸易商、车主、船主、码头业主等航运参与方在线办理贸易、货运业务。',
|
||||
image: '/images/pro/pro-12.webp',
|
||||
to: '/products/ecommerce/bctp'
|
||||
},
|
||||
{
|
||||
title: '海运订舱平台',
|
||||
description: '构建线上线下融合的智慧海运服务平台，实现订舱、拖车、报关全流程线上化操作。',
|
||||
image: '/images/pro/pro-9.webp',
|
||||
to: '/products/ecommerce/freight-booking'
|
||||
},
|
||||
{
|
||||
title: '岸基网络货运平台',
|
||||
description: '集成订单管理、车辆定位、进度可视化、决策分析、电子结算，构建全链路数字化闭环。',
|
||||
image: '/images/pro/pro-11.webp',
|
||||
to: '/products/ecommerce/net-cargo'
|
||||
},
|
||||
{
|
||||
title: '岸基网上业务大厅平台',
|
||||
description: '作为多类型码头业务前端客户服务子系统的核心模块，支撑大型港口集团统一化、标准化管理。',
|
||||
image: '/images/pro/pro-10.webp',
|
||||
to: '/products/ecommerce/obh'
|
||||
}
|
||||
]
|
||||
|
||||
export const logisticsProducts: ProductCardItem[] = [
|
||||
{
|
||||
title: '岸基全程物流链平台',
|
||||
description: '为船公司、货运代理、报关企业、运输车队、港口场站及仓储服务商等全链条参与者提供智能化协同解决方案。',
|
||||
image: '/images/pro/pro-13.webp',
|
||||
to: '/products/logistics/platform'
|
||||
},
|
||||
{
|
||||
title: '岸基车辆运输管理系统',
|
||||
description: '以业财一体化的管理理念，优化车辆调度，实现运输收入、成本的精细化管理。',
|
||||
image: '/images/pro/pro-18.webp',
|
||||
to: '/products/logistics/vehicle-transport'
|
||||
},
|
||||
{
|
||||
title: '岸基仓储管理系统',
|
||||
description: '通过集成智能设备和执行分配，实现仓库作业的动态管控和实时跟踪。',
|
||||
image: '/images/pro/pro-19.webp',
|
||||
to: '/products/logistics/warehouse'
|
||||
},
|
||||
{
|
||||
title: '岸基船舶代理系统',
|
||||
description: '支持船务、单证、箱管、商务、财务等多部门协同，实现线上线下“一站式”服务。',
|
||||
image: '/images/pro/pro-14.webp',
|
||||
to: '/products/logistics/ship-agent'
|
||||
},
|
||||
{
|
||||
title: '货运代理系统',
|
||||
description: '实现货物委托、提单确认、海关预配、EDI、费用结算、客户服务等业务的高效操作。',
|
||||
image: '/images/pro/pro-17.webp',
|
||||
to: '/products/logistics/cargo-agent'
|
||||
}
|
||||
]
|
||||
|
||||
export const portProducts: ProductCardItem[] = [
|
||||
{
|
||||
title: '岸基云码头一体化智能操作系统',
|
||||
description: '适用于集装箱码头、散杂货码头、液化码头及综合型码头的生产作业全周期管理，赋能大型港口集团实现业务统一化、标准化管控。',
|
||||
image: '/images/pro/pro-4.webp',
|
||||
to: '/products/port/cdi'
|
||||
},
|
||||
{
|
||||
title: '岸基云码头集装箱智能操作系统',
|
||||
description: '集成码头操作、智能计划、智能调度、费收管理、EDI报文转换、统计分析、WEB客户服务、决策支持及维护服务。',
|
||||
image: '/images/pro/pro-6.webp',
|
||||
to: '/products/port/cdi-container'
|
||||
},
|
||||
{
|
||||
title: '岸基云码头散杂货智能操作系统',
|
||||
description: '通过图形化操作界面与智能算法平台，实现自动计划排产、实时作业监控、自动船舶配载及智能机械调度。',
|
||||
image: '/images/pro/pro-5.webp',
|
||||
to: '/products/port/cdi-bulk'
|
||||
},
|
||||
{
|
||||
title: '岸基云场站智能操作系统',
|
||||
description: '面向集装箱场站、散杂货场站、内陆港和海铁联运场站，覆盖堆存、闸口、计费、调度、查验与集团化统一管理。',
|
||||
image: '/images/pro/pro-7.webp',
|
||||
to: '/products/port/cloud-yard'
|
||||
}
|
||||
]
|
||||
|
||||
export const shippingProducts: ProductCardItem[] = [
|
||||
{
|
||||
title: '岸基船公司运营管理系统',
|
||||
description: '业务智能操作、船舶动态管理、EDI无缝交换、决策数据看板，赋能航运全流程一站式解决方案。',
|
||||
image: '/images/pro/pro-15.webp',
|
||||
to: '/products/shipping/company'
|
||||
},
|
||||
{
|
||||
title: '岸基船舶管理系统',
|
||||
description: '实现经营管理和运营管理一体化、体系和经营一体化、业务财务一体化，提升各部门间的数据共享和协同能力。',
|
||||
image: '/images/pro/pro-16.webp',
|
||||
to: '/products/shipping/boat'
|
||||
}
|
||||
]
|
||||
|
||||
export const ecommerceDetails: Record<string, ProductDetailConfig> = {
|
||||
'freight-booking': {
|
||||
title: '岸基海运订舱平台',
|
||||
description: '将订舱、拖车、报关等传统线下服务全面线上化，通过服务产品化、全链路可视化、智能营销、多端协同与自动化规则引擎，帮助企业提升业务效率、降低运营成本。',
|
||||
bannerImage: '/images/page-title2.webp',
|
||||
architectureImage: '/images/project/ecommerce/booking.webp',
|
||||
architectureAlt: '岸基海运订舱平台产品架构',
|
||||
featureHeading: '产品核心功能与价值',
|
||||
featureSummary: '围绕海运订舱场景，构建从服务上架到履约跟踪的全链路数字能力。',
|
||||
featureSections: [
|
||||
{ label: '服务产品化', title: '将非标服务转化为标准商品', description: '把订舱、拖车、报关等线下服务抽象为标准化商品，实现线上透明展示与自由组合交易。', bullets: ['客户可像电商选品一样比价、组合服务。', '服务可售性增强，便于批量销售与渠道推广。', '销售沟通成本下降，非专业人员也能快速完成报价。'], image: '/images/product/haiyundingcang/fuwuchanpinhua.png', imageAlt: '服务产品化' },
|
||||
{ label: '全链路可视化', title: '节点透明，业务可控', description: '以提单号为线索实时追踪订舱确认、提单签发、海关放行、装船离港等关键节点。', bullets: ['客户随时查看货物所处环节。', '节点停滞可被自动识别并触发预警。', '透明信息展示提升服务可信度。'], image: '/images/product/haiyundingcang/quanchenglukeshihuagenzong.png', imageAlt: '全链路可视化' },
|
||||
{ label: '智能营销中心', title: '电商级活动提升客户粘性', description: '集成积分、满减、秒杀、优惠券等营销能力，构建可运营、可追踪、可优化的增长体系。', bullets: ['积分体系联动会员等级。', '活动吸引新客户并激活沉睡客户。', '基于客户画像进行精准优惠推送。'], image: '/images/product/haiyundingcang/zhinengyingxiaozhongxin.png', imageAlt: '智能营销中心' },
|
||||
{ label: '多端协同触达', title: '全渠道消息确保关键信息必达', description: '通过 APP、微信公众号、邮件、短信等渠道主动推送订单状态与异常预警。', bullets: ['关键节点实时通知。', '多渠道冗余保障。', '支持按需订阅消息类型。'], image: '/images/product/haiyundingcang/duoduanxietongchuda.png', imageAlt: '多端协同触达' },
|
||||
{ label: '自动化规则引擎', title: '零代码配置，快速适配复杂场景', description: '支持计费规则、表单流程、审批逻辑等可配置化管理。', bullets: ['费目与计费规则按需定义。', '船公司表单可动态配置。', '业务流转规则可视化调整。'], image: '/images/product/haiyundingcang/zidonghuaguizeyinqing.png', imageAlt: '自动化规则引擎' }
|
||||
],
|
||||
advantages: [
|
||||
{ title: '全域数据枢纽', description: '通过标准化 EDI 接口打通多系统数据通道，实现一套业务数据在多端共享与复用。', icon: iconA },
|
||||
{ title: '全流程自动化处理', description: '邮件与业务指令可智能识别并自动分发，持续提升整体作业效率。', icon: iconB },
|
||||
{ title: '多渠道支付与智能结算', description: '支持主流线上支付与自动归集结算，缩短资金到账时间。', icon: iconC },
|
||||
{ title: '零代码柔性配置', description: '计费、表单、审批规则均可按场景配置，快速匹配客户与船司差异需求。', icon: iconD },
|
||||
{ title: '透明决策引擎', description: '关键节点可视化与异常自动预警形成闭环，让业务瓶颈可定位、可追踪、可持续优化。', icon: iconE }
|
||||
],
|
||||
cases: [
|
||||
{ title: '上海锦江航运（集团）股份有限公司', description: '区域性集装箱航运企业，通过数字化平台提升线上订舱与客户服务效率。', to: '/cases/jinjiang-shipping-ecommerce' },
|
||||
{ title: '上海航华国际船务代理有限公司', description: '海运电商云服务平台落地，支撑多角色线上协同与客户服务升级。', to: '/cases/shanghai-hanghua-cloud' },
|
||||
{ title: '上海上港联合国际船舶代理有限公司', description: '订舱平台为航运代理业务提供一站式在线服务能力。', to: '/cases/shanggang-liandai-booking' }
|
||||
],
|
||||
relatedProducts: [
|
||||
{ label: '岸基网络货运平台', to: '/products/ecommerce/net-cargo' },
|
||||
{ label: '岸基网上业务大厅平台', to: '/products/ecommerce/obh' }
|
||||
]
|
||||
},
|
||||
'net-cargo': {
|
||||
title: '岸基网络货运平台',
|
||||
description: '依托大数据与云计算直连终端客户，聚焦智能车货匹配、动态路径调度与自动化作业，构建集订单管理、车辆定位、进度可视化、决策分析与电子结算于一体的全链路数字化闭环。',
|
||||
bannerImage: '/images/page-title2.webp',
|
||||
architectureImage: '/images/project/ecommerce/cargo.webp',
|
||||
architectureAlt: '岸基网络货运平台产品架构',
|
||||
featureHeading: '产品核心功能与价值',
|
||||
featureSummary: '以车货协同和路径优化为核心，打造港口集疏运数字化闭环。',
|
||||
featureSections: [
|
||||
{ label: '货物全程追溯', title: '让运输过程可见、可查、可追溯', description: '基于移动端采集与车辆定位能力，对货物从启运到交付全过程进行实时监控与数据留痕。', bullets: ['整合平台资源在线发布货源和运力。', '实现端到端可视化追踪。', '异常情况可及时发现并快速处理。'], image: '/images/product/wangluohuoyun/huowuquanchengzhuisu.png', imageAlt: '货物全程追溯' },
|
||||
{ label: '集疏运能力提升', title: '加速周转，增强计划性', description: '通过平台化协同加速集装箱与货物周转，推动港口与陆路运输环节联动。', bullets: ['提升陆路集疏运计划性。', '推动作业流程无纸化。', '港口作业与车辆调度协同联动。'], image: '/images/product/wangluohuoyun/tishengjishuyunnengli.png', imageAlt: '集疏运能力提升' },
|
||||
{ label: '优化港陆协同通关', title: '便利通关，缩短在港时长', description: '支持港口与内陆枢纽协同，叠加便利化通关措施，缩短在港时间。', bullets: ['支撑港口吸引更多制造业货源。', '配合直提直装等措施优化通关效率。', '提升客户服务体验。'], image: '/images/product/wangluohuoyun/tishengfuwujingzhengli.png', imageAlt: '优化港陆协同通关' },
|
||||
{ label: '智能动态调度', title: '智能调度提升车辆利用率', description: '利用智能算法综合车辆位置、车况与装卸点信息进行动态路径优化。', bullets: ['提升车辆利用率与双重运输机会。', '降低空驶里程。', '提升整体资源配置效率。'], image: '/images/product/wangluohuoyun/jiangdijishuyunchengben.png', imageAlt: '智能动态调度' },
|
||||
{ label: '协同大数据分析', title: '共享驱动预测与决策', description: '打通码头作业信息与陆运车辆信息的实时共享链路。', bullets: ['增强作业计划性。', '基于大数据模型预测货物流量趋势。', '持续优化路径与调度策略。'], image: '/images/product/wangluohuoyun/xietongdashujufenxi.png', imageAlt: '协同大数据分析' }
|
||||
],
|
||||
advantages: [
|
||||
{ title: '全场景服务触达', description: '整合物流分包商网络，实现线上下单与线下履约贯通。', icon: iconA },
|
||||
{ title: '货物状态实时掌控', description: '移动端采集与车辆定位结合，形成端到端透明追踪能力。', icon: iconB },
|
||||
{ title: '指尖确认，全程可溯', description: '支持电子签收和线上评价，全程数字化交付体验。', icon: iconC },
|
||||
{ title: '税务合规无忧', description: '对接税控系统并沉淀“三流合一”数据链路。', icon: iconD },
|
||||
{ title: '资金安全放心', description: '平台、物流企业、银行三方监管机制确保交易资金安全。', icon: iconE },
|
||||
{ title: '小微企业数字化升级', description: '提供全链路数字化管理工具，帮助小微物流企业获得可复制运营能力。', icon: iconA },
|
||||
{ title: '集疏运成本持续优化', description: '智能算法与预约协同机制共同减少空驶与等待时间。', icon: iconB },
|
||||
{ title: '竞争力与满意度双提升', description: '港口协同联动与通关便利化措施叠加，缩短在港时间。', icon: iconC }
|
||||
],
|
||||
cases: [
|
||||
{ title: '珠江船务企业（集团）有限公司', description: '平台化经营管理尝试中，解决码头拖车集中监控与智能调度问题。', to: '/cases/zhujiang-shipping' },
|
||||
{ title: '安徽港口集团合肥有限公司', description: '支撑多港区统一管控与集疏运协同调度。', to: '/cases/anhui-port-hefei' }
|
||||
],
|
||||
relatedProducts: [
|
||||
{ label: '岸基海运订舱平台', to: '/products/ecommerce/freight-booking' },
|
||||
{ label: '岸基大宗商品贸易平台', to: '/products/ecommerce/bctp' }
|
||||
]
|
||||
},
|
||||
bctp: {
|
||||
title: '岸基大宗商品贸易平台',
|
||||
description: '集信息发布、在线交易、水上运输、多式联运于一体，支持小程序及网站访问，为货主、贸易商、船主、车主提供一站式贸易与运输服务，推动多式联运“一单制”。',
|
||||
bannerImage: '/images/page-title2.webp',
|
||||
architectureImage: '/images/project/ecommerce/bctp.webp',
|
||||
architectureAlt: '岸基大宗商品贸易平台产品架构',
|
||||
featureHeading: '产品核心功能与价值',
|
||||
featureSummary: '以港航数字化为核心，构建全链路一体化业务体系。',
|
||||
featureSections: [
|
||||
{ label: '智能船货匹配', title: '打通船货信息匹配链路', description: '围绕“货主找船、船找货源”核心场景，平台整合主流网货渠道与线上发布能力。', bullets: ['打破传统信息孤岛。', '拓宽货源与船源获取渠道。', '提升撮合与成交效率。'], image: '/images/product/bctp/chuanhuotong.png', imageAlt: '智能船货匹配' },
|
||||
{ label: '大宗商品线上交易', title: '提升在线交易撮合效率', description: '面向货主与贸易商提供在线撮合与智能推荐能力。', bullets: ['支持线上交易撮合。', '通过智能货物推荐帮助更快发现商机。', '推动贸易流程标准化与数字化。'], image: '/images/product/bctp/wumaoyi.png', imageAlt: '大宗商品线上交易' },
|
||||
{ label: '航道安全信息服务', title: '聚合航行关键实时资讯', description: '汇聚航道水文、气象信息与水闸拥挤等关键数据。', bullets: ['集中展示影响船舶航行安全的重要外部信息。', '更早掌握水文、气象与通行状态变化。', '辅助运输计划调整。'], image: '/images/product/bctp/wudaozhi.png', imageAlt: '航道安全信息服务' },
|
||||
{ label: '多式联运一单通行', title: '支撑一单制联运协同', description: '针对多式联运协同复杂、报价拆解繁琐的问题，整合到统一业务入口。', bullets: ['支持在线下单。', '智能分解服务报价。', '实现全程可跟踪。'], image: '/images/product/bctp/wujiujishuyi.png', imageAlt: '多式联运一单通行' },
|
||||
{ label: '移动端无纸化作业', title: '支撑外场无纸化交接', description: '将车辆进港送货、船舶靠泊等外场作业流程延伸到移动端。', bullets: ['覆盖外场作业场景。', '减少纸质单据流转。', '让作业过程更及时更轻量。'], image: '/images/product/bctp/xiaochengxuzuoye.png', imageAlt: '移动端无纸化作业' },
|
||||
{ label: '三维港区可视化', title: '直观呈现区域物流态势', description: '基于区域物流数据整合与三维可视化表达，为运营洞察提供更直观的展示方式。', bullets: ['整合区域物流数据。', '支持经济物流指标实时分析。', '辅助业务决策。'], image: '/images/product/bctp/sanweiwuzhou.png', imageAlt: '三维港区可视化' }
|
||||
],
|
||||
advantages: [
|
||||
{ title: '多方高效协同', description: '在线直连货主、船东、码头、车队，整体协同效率提升。', icon: iconA },
|
||||
{ title: '港区作业可视可控', description: '三维实景展示港区全貌，调度更精准。', icon: iconB },
|
||||
{ title: '作业更省更快', description: '全程电子单据无纸交接，效率显著提高。', icon: iconC },
|
||||
{ title: '数据打通不孤岛', description: '物流、资金流、信息流统一共享，避免重复录入。', icon: iconD },
|
||||
{ title: '经营决策更精准', description: '实时运营数据与趋势分析，调度与规划有据可依。', icon: iconE },
|
||||
{ title: '航行安全更有保障', description: '提供水文气象、航道信息等查询和提醒服务。', icon: iconA }
|
||||
],
|
||||
cases: [
|
||||
{ title: '济宁港航建设有限公司', description: '支撑京杭运河港口、航道、船闸一体化投资运营场景。', to: '/cases/canal-logistics-supervision' },
|
||||
{ title: '梧州市港务发展集团有限公司', description: '支撑市属港务集团开展港口数字化运营与管理。', to: '/cases/smart-wuzhou-port' }
|
||||
],
|
||||
relatedProducts: [
|
||||
{ label: '岸基网络货运平台', to: '/products/ecommerce/net-cargo' },
|
||||
{ label: '岸基海运订舱平台', to: '/products/ecommerce/freight-booking' }
|
||||
]
|
||||
},
|
||||
obh: {
|
||||
title: '岸基网上业务大厅平台',
|
||||
description: '面向货主、货代、船代、车队等外部客户，支撑港口集团实现码头业务统一化与标准化管理，提供电子办单、计费开票、TOS 数据对接、作业查询等全流程服务。',
|
||||
bannerImage: '/images/page-title2.webp',
|
||||
architectureImage: '/images/project/ecommerce/obh.webp',
|
||||
architectureAlt: '岸基网上业务大厅平台产品架构',
|
||||
featureHeading: '产品核心功能与价值',
|
||||
featureSummary: '围绕客户办单体验与港口业务协同，打造高可用的一体化服务入口。',
|
||||
featureSections: [
|
||||
{ label: '智能流程提效', title: '流程可视，审核提速', description: '通过 BPM 工作流实现合同办单全过程可视化，并引入 AI 异常识别能力。', bullets: ['办单进度实时可见。', '单证异常自动标记。', '整体审批周期明显缩短。'], image: '/images/product/wangshangyewudating/zhinengliuchengtixiao.png', imageAlt: '智能流程提效' },
|
||||
{ label: '移动办公', title: '多终端覆盖，服务更敏捷', description: '依托移动端系统支持多终端、多渠道办单与查询。', bullets: ['随时随地办理业务。', '移动端实时查看状态。', '提升响应速度与服务体验。'], image: '/images/product/wangshangyewudating/yidongbangong.png', imageAlt: '移动办公' },
|
||||
{ label: '管理可视化', title: '透明运营，支持精准决策', description: '通过工作流追踪、监控报表与预警通知，输出业务状态与关键指标。', bullets: ['业务办理进度透明可溯。', '异常预警主动推送。', '为运营优化提供实时依据。'], image: '/images/product/wangshangyewudating/guanlikeshihua.png', imageAlt: '管理可视化' },
|
||||
{ label: '前后端联动', title: '跨系统互联，协同更顺畅', description: '对外联通代理与海关系统，对内集成 TOS、门禁、理货等业务系统。', bullets: ['多系统互联互通。', '数据一次录入、多方共享。', '构建全链路协同底座。'], image: '/images/product/wangshangyewudating/qianhouduanliandong.png', imageAlt: '前后端联动' },
|
||||
{ label: '支付流程一体化', title: '支付与办单流程无缝衔接', description: '平台对接银行系统实现在线支付，并将支付节点嵌入办单流程。', bullets: ['客户可在线完成支付。', '支付状态自动同步。', '整体操作链路更简洁。'], image: '/images/product/wangshangyewudating/zhifuyitihua.png', imageAlt: '支付流程一体化' },
|
||||
{ label: 'AI辅助审核', title: '智能识别风险，提升审核质量', description: '引入 AI 审核引擎自动识别单证信息与潜在风险。', bullets: ['单证关键信息自动提取。', '风险异常自动标记。', '审核效率与一致性提升。'], image: '/images/product/wangshangyewudating/aifuzhushenhe.png', imageAlt: 'AI辅助审核' }
|
||||
],
|
||||
advantages: [
|
||||
{ title: '智能流程提效', description: 'BPM 工作流实现全流程可视化，审批节点时效持续优化。', icon: iconA },
|
||||
{ title: '九大系统互联', description: '打通 TOS、金税、财务、EDI、海关等系统数据。', icon: iconB },
|
||||
{ title: '高可用架构保障', description: '采用集群部署、负载均衡与热加载机制，支持不停机迭代。', icon: iconC },
|
||||
{ title: '无纸化法律闭环', description: '电子签章生成具备法律效力的电子合同。', icon: iconD },
|
||||
{ title: '实时数据透视', description: '多维数据查询能力帮助客户实时掌握在港动态。', icon: iconE },
|
||||
{ title: '支付流程一体化', description: '银行支付能力深度嵌入办单流程。', icon: iconA },
|
||||
{ title: 'AI辅助审核', description: '单证自动识别与风险筛查提升审核效率。', icon: iconB }
|
||||
],
|
||||
cases: [
|
||||
{ title: '唐山港集团有限公司', description: '大型港口客户服务与作业协同数字化升级。', to: '/cases/tangshan-ore-terminal' },
|
||||
{ title: '中山港航集团股份有限公司', description: '港口客户服务入口与业务协同能力建设。', to: '/cases/zhongshan-port-service' },
|
||||
{ title: '中山港航集团股份有限公司（集装箱）', description: '集装箱码头全流程数字化业务处理。', to: '/cases/zhongshan-container-terminal' }
|
||||
],
|
||||
relatedProducts: [
|
||||
{ label: '岸基海运订舱平台', to: '/products/ecommerce/freight-booking' },
|
||||
{ label: '岸基大宗商品贸易平台', to: '/products/ecommerce/bctp' }
|
||||
]
|
||||
}
|
||||
}
|
||||
|
||||
export const logisticsDetails: Record<string, ProductDetailConfig> = {
|
||||
platform: {
|
||||
title: '岸基全程物流链平台',
|
||||
description: '为船公司、货代、报关企业、运输车队、港口场站及仓储服务商等全链条参与者提供线上协同工具，通过标准化数据接口实现订舱、货物追踪、单证流转线上化。',
|
||||
bannerImage: '/images/page-title2.webp',
|
||||
architectureImage: '/images/project/product_full_logistics_chain_platform/platform.webp',
|
||||
architectureAlt: '岸基全程物流链平台产品架构',
|
||||
featureHeading: '产品核心功能与价值',
|
||||
featureSummary: '围绕全链条协同与数据贯通，提升物流执行效率与透明度。',
|
||||
featureSections: [
|
||||
{ label: '数据自动流转', title: '环节自动衔接，告别人工催办', description: '平台打通订舱、拖车、报关、仓储各环节数据，一个环节完成后下游自动收到通知。', bullets: ['客户线上发起货运委托。', '系统自动下发全链路作业指令。', '多渠道同步运输状态。'], image: '/images/product/ilog/shujuzidongliuzhuan.png', imageAlt: '数据自动流转' },
|
||||
{ label: '多端协同办公', title: '全终端协同，随时随地办公', description: '支持 PC、APP、微信公众号和小程序，覆盖不同岗位与作业场景。', bullets: ['电脑端处理批量订舱与单证。', '移动端查看订单与审批进度。', '客户通过公众号查货、查费、查船期。'], image: '/images/product/ilog/duoduanxietongbangong.png', imageAlt: '多端协同办公' },
|
||||
{ label: '集团统一管控', title: '集团统一管控，多公司独立运行', description: '采用多租户设计，实现集团统一配置与子公司独立运行。', bullets: ['集团统一配置流程与标准。', '子公司数据隔离。', '管理层一屏查看集团经营数据。'], image: '/images/product/ilog/jituantongyiguanli.png', imageAlt: '集团统一管控' },
|
||||
{ label: '模块化灵活配置', title: '模块化灵活配置，按需搭建扩展', description: '平台采用模块化与插拔式组件架构，支持企业按阶段投入。', bullets: ['可先上线订舱和拖车模块。', '后续平滑增加报关、仓储等模块。', '不同板块可独立配置。'], image: '/images/product/ilog/mokuaihuapeizhi.png', imageAlt: '模块化灵活配置' },
|
||||
{ label: '对外系统对接', title: '标准接口对接，全域系统协同', description: '提供标准化数据交换接口，实现与海关、财务、港口等系统的自动协同。', bullets: ['舱单数据自动发送海关。', '费用数据自动同步财务系统。', '港口作业状态自动回传。'], image: '/images/product/ilog/duiwaixitongduijie.png', imageAlt: '对外系统对接' }
|
||||
],
|
||||
advantages: [
|
||||
{ title: '云化部署降本', description: '云资源按需使用，减少硬件采购与机房维护投入。', icon: iconA },
|
||||
{ title: '自动运维省心', description: '平台提供自动化监控与告警，降低人工运维依赖。', icon: iconB },
|
||||
{ title: '多端协同提效', description: 'PC、APP、微信全渠道覆盖。', icon: iconC },
|
||||
{ title: '模块化按需上线', description: '按业务阶段灵活启用模块。', icon: iconD },
|
||||
{ title: '自动对接降误差', description: '与上下游系统自动交换数据，减少人工重复录入。', icon: iconE },
|
||||
{ title: '高可用与数据安全', description: '多副本备份与资源隔离提升可靠性。', icon: iconA }
|
||||
],
|
||||
cases: [
|
||||
{ title: '唐山海港海通海运代理有限公司', description: '依托平台支撑货运代理与协同操作。', to: '/cases/tangshan-haitong-shipping' },
|
||||
{ title: '日照华海国际船舶代理有限公司', description: '平台支撑船代、货代等多角色业务协同。', to: '/cases/rizhao-huahai-shipping' },
|
||||
{ title: '广州安之达物流有限公司', description: '支撑综合物流服务场景的链路协同。', to: '/cases/guangzhou-anzhida-logistics' }
|
||||
],
|
||||
relatedProducts: [
|
||||
{ label: '岸基车辆运输管理系统', to: '/products/logistics/vehicle-transport' },
|
||||
{ label: '岸基仓储管理系统', to: '/products/logistics/warehouse' },
|
||||
{ label: '岸基船舶代理系统', to: '/products/logistics/ship-agent' },
|
||||
{ label: '岸基货运代理系统', to: '/products/logistics/cargo-agent' }
|
||||
]
|
||||
},
|
||||
'ship-agent': {
|
||||
title: '岸基船舶代理系统',
|
||||
description: '面向船代公司提供完整业务操作解决方案，支持船务、单证、箱管、商务、财务等多部门协同办公，适用于集装箱/散杂货、干线/支线、外贸/内贸等全代理模式。',
|
||||
bannerImage: '/images/page-title2.webp',
|
||||
architectureImage: '/images/project/product_full_logistics_chain_platform/ship_agent.webp',
|
||||
architectureAlt: '岸基船舶代理系统产品架构',
|
||||
featureHeading: '产品核心功能与价值',
|
||||
featureSummary: '覆盖船代核心作业链条，强化集团管控、自动化处理与经营可视。',
|
||||
featureSections: [
|
||||
{ label: '集团统一管理', title: '集团多公司统一管理', description: '通过统一规则与标准，实现集团化船代业务协同和子公司独立运营并行。', bullets: ['集团统一配置业务规则。', '子公司独立操作且数据隔离。', '管理层一屏掌握集团业务全貌。'], image: '/images/product/chuanbodaili/jituanduogongsiguanli.png', imageAlt: '集团统一管理' },
|
||||
{ label: 'AI智能作业', title: 'AI智能识别与自动化操作', description: '将高频、重复、易错的单证处理流程自动化。', bullets: ['发票拍照上传后自动识别。', '海关舱单自动发送。', '危险品单证自动标记风险点。'], image: '/images/product/chuanbodaili/aizhinenyunzuo.png', imageAlt: 'AI智能作业' },
|
||||
{ label: 'EDI灵活配置', title: 'EDI与界面自定义配置', description: '支持报文、费率、界面按客户与岗位差异化配置。', bullets: ['不同船公司报文格式可自动转换。', '费用项目与费率按客户维度灵活配置。', '按岗位显示功能。'], image: '/images/product/chuanbodaili/edipeizhi.png', imageAlt: 'EDI灵活配置' },
|
||||
{ label: '全渠道服务', title: '全渠道服务能力', description: '通过网站、APP、微信多端协同，实现客户服务与内部作业统一联动。', bullets: ['客户可在微信端查船期、查费用、查进度。', '操作人员在电脑端处理批量业务。', '管理层在移动端审批。'], image: '/images/product/chuanbodaili/quandaofuwu.png', imageAlt: '全渠道服务' },
|
||||
{ label: '业财一体化', title: '业务财务一体化', description: '打通业务与财务数据链路，实现费用自动归集、对账与收支跟踪闭环。', bullets: ['费用自动归集。', '对账单一键生成。', '应收应付实时可见。'], image: '/images/product/chuanbodaili/yecaiyitihua.png', imageAlt: '业财一体化' },
|
||||
{ label: '数据可视化', title: '数据可视化决策', description: '通过图形化展现船舶、业务、财务数据，帮助管理层快速判断运营表现。', bullets: ['船舶在港/在途状态图形化展示。', '业务进度实时跟踪。', '收入与成本对比可视化。'], image: '/images/product/chuanbodaili/shujukeshihua.png', imageAlt: '数据可视化' }
|
||||
],
|
||||
advantages: [
|
||||
{ title: '集团管控省力', description: '统一架构定义数据标准与流程规则。', icon: iconA },
|
||||
{ title: 'AI操作省人', description: '智能识别与规则引擎覆盖高频场景。', icon: iconB },
|
||||
{ title: '自动化业务省时', description: 'RPA 自动处理与费用自动计算协同。', icon: iconC },
|
||||
{ title: '灵活配置省事', description: '插件化能力支持界面、审批、报文按需配置。', icon: iconD },
|
||||
{ title: '数据可视省心', description: '船舶动态、业务进度、收入成本统一可视。', icon: iconE },
|
||||
{ title: '高可靠保障', description: '分布式平台与负载均衡机制保障系统稳定。', icon: iconA }
|
||||
],
|
||||
cases: [
|
||||
{ title: '日照华海国际船舶代理有限公司', description: '船代业务数字化与多系统协同落地。', to: '/cases/rizhao-huahai-shipping' },
|
||||
{ title: '上海航华国际船务代理有限公司', description: '面向大型船代企业的多部门协同系统。', to: '/cases/shanghai-hanghua-ship-agent' },
|
||||
{ title: '上海鹏华船务有限公司', description: '支撑公共船舶代理企业的高效业务处理。', to: '/cases/shanghai-penghua-platform' }
|
||||
],
|
||||
relatedProducts: [
|
||||
{ label: '岸基全程物流链平台', to: '/products/logistics/platform' },
|
||||
{ label: '岸基货运代理系统', to: '/products/logistics/cargo-agent' }
|
||||
]
|
||||
},
|
||||
'cargo-agent': {
|
||||
title: '岸基货运代理系统',
|
||||
description: '针对货代业务特点，实现货物委托、提单确认、海关预配、EDI、费用结算等关键环节的高效操作，借助 AI 提升单证识别与费用对账能力。',
|
||||
bannerImage: '/images/page-title2.webp',
|
||||
architectureImage: '/images/project/product_full_logistics_chain_platform/cargo_agent.webp',
|
||||
architectureAlt: '岸基货运代理系统产品架构',
|
||||
featureHeading: '产品核心功能与价值',
|
||||
featureSummary: '围绕货代作业标准化与自动化，提升效率、准确性与协同能力。',
|
||||
featureSections: [
|
||||
{ label: '流程标准化', title: '流程统一规范，协作稳定高效', description: '建立数据 SOP 标准，明确各业务节点的操作责任与数据流转方式。', bullets: ['新员工更快上手。', '岗位交接边界清晰。', '问题可追溯。'], image: '/images/product/huoyundaili/liuchengbiaozhunhua.png', imageAlt: '流程标准化' },
|
||||
{ label: '录单智能化', title: 'AI 智能录单，人力成本减半', description: '通过自动化录单、智能发送与识别能力，将重复录入环节转换为系统自动处理。', bullets: ['邮件订舱单自动识别并录入。', '海关预配舱单可一键发送。', '整体处理效率提升。'], image: '/images/product/huoyundaili/ludanzhinenghua.png', imageAlt: '录单智能化' },
|
||||
{ label: '计费灵活化', title: '计费灵活配置，自动精准核算', description: '支持费目与计费规则配置，结合业务节点自动触发计费。', bullets: ['支持客户级价格体系独立配置。', '自动生成费用。', '降低人工算错争议。'], image: '/images/product/huoyundaili/jifeilinghuohua.png', imageAlt: '计费灵活化' },
|
||||
{ label: 'EDI自动对接', title: 'EDI 自动对接，数据免重复录入', description: '对接船公司、海关、码头等外部系统，实现业务报文自动流转与状态回写。', bullets: ['舱单自动发送海关。', '订舱数据自动传输至船公司。', '回执自动接收并更新状态。'], image: '/images/product/huoyundaili/edizidongduijie.png', imageAlt: 'EDI 自动对接' }
|
||||
],
|
||||
advantages: [
|
||||
{ title: '流程标准省心', description: 'SOP 标准明确环节边界，协同更清晰。', icon: iconA },
|
||||
{ title: 'AI录单省力', description: 'AI 与规则引擎自动处理录单与识别任务。', icon: iconB },
|
||||
{ title: '计费灵活省事', description: '系统自动计费，减少人工核算与争议。', icon: iconC },
|
||||
{ title: 'EDI协同省时', description: '外部系统自动对接与报文交换。', icon: iconD },
|
||||
{ title: '可视监管省脑', description: '数据状态清晰可查，方便追踪与管理。', icon: iconE }
|
||||
],
|
||||
cases: [
|
||||
{ title: '上海上港联合国际船舶代理有限公司', description: '订舱与货代业务的数字化协同案例。', to: '/cases/shanggang-liandai-booking' },
|
||||
{ title: '上海新海国际船舶代理有限公司', description: '国际船舶代理场景下的全流程数字化作业。', to: '/cases/shanghai-xinhai-freight' }
|
||||
],
|
||||
relatedProducts: [
|
||||
{ label: '岸基全程物流链平台', to: '/products/logistics/platform' },
|
||||
{ label: '岸基船舶代理系统', to: '/products/logistics/ship-agent' }
|
||||
]
|
||||
},
|
||||
'vehicle-transport': {
|
||||
title: '岸基车辆运输管理系统',
|
||||
description: '以业财一体化为核心，聚焦车队调度、成本核算、费用结算等关键场景，通过智能调度和全程可视化能力帮助运输企业优化运力配置。',
|
||||
bannerImage: '/images/page-title2.webp',
|
||||
architectureImage: '/images/project/product_full_logistics_chain_platform/car_management.webp',
|
||||
architectureAlt: '岸基车辆运输管理系统产品架构',
|
||||
featureHeading: '产品核心功能与价值',
|
||||
featureSummary: '从路线、跟踪、成本到结算与异常处置，构建运输全流程数字化闭环。',
|
||||
featureSections: [
|
||||
{ label: '智能路线规划', title: '智能路线规划，省油高效通行', description: '系统基于 GIS、实时交通与车辆约束条件自动生成建议路线。', bullets: ['避开拥堵路段。', '综合载重与司机资质推荐车辆。', '让调度从经验驱动转向数据驱动。'], image: '/images/product/cheliangyunshu/zhinengluxianguihua.png', imageAlt: '智能路线规划' },
|
||||
{ label: '全程可视追踪', title: '运输全程可视，货物状态一目了然', description: '通过 GPS、闸口信息和视频监控，实现车辆位置与货物状态实时可见。', bullets: ['货主可微信查位置信息。', '异常停留自动预警。', '温控异常自动报警。'], image: '/images/product/cheliangyunshu/yunshushijiankeshihua.png', imageAlt: '全程可视追踪' },
|
||||
{ label: '成本精细核算', title: '成本精细核算，收支一目了然', description: '覆盖运费、油费、过路费、停车费等成本项。', bullets: ['每趟运输成本自动归集。', '不同线路与车型成本可横向对比。', '承运商对账有据可依。'], image: '/images/product/cheliangyunshu/chengbenjingxihesuan.png', imageAlt: '成本精细核算' },
|
||||
{ label: '费用自动结算', title: '费用自动结算，对账高效省心', description: '系统按费率自动计算费用并生成对账单与报表。', bullets: ['司机运费自动计算。', '客户对账单一键生成。', '财务自动获取报表。'], image: '/images/product/cheliangyunshu/feiyongzidongjiesuan.png', imageAlt: '费用自动结算' },
|
||||
{ label: '异常快速处理', title: '异常快速处理，调度及时可控', description: '系统持续监控车辆状态并输出应急建议。', bullets: ['异常停留自动报警。', '自动推荐备选路线或调配车辆。', '货损信息及时通知。'], image: '/images/product/cheliangyunshu/yichangkuaisuchuli.png', imageAlt: '异常快速处理' }
|
||||
],
|
||||
advantages: [
|
||||
{ title: '路线更省', description: '自动规划更优路线，减少绕行与燃油消耗。', icon: iconA },
|
||||
{ title: '跟踪更透', description: '车辆与货物状态全程可见。', icon: iconB },
|
||||
{ title: '成本更清', description: '单趟利润与线路效益能够快速量化。', icon: iconC },
|
||||
{ title: '结算更快', description: '显著压缩对账和结算周期。', icon: iconD },
|
||||
{ title: '异常更稳', description: '异常预警、路径重算和应急调度协同。', icon: iconE }
|
||||
],
|
||||
cases: [
|
||||
{ title: '唐山海港海通海运代理有限公司', description: '运输组织与车队协同场景的数字化实践。', to: '/cases/tangshan-haitong-shipping' },
|
||||
{ title: '珠江船务企业（集团）有限公司', description: '平台内各码头拖车集中调度与可视化管理。', to: '/cases/zhujiang-shipping' },
|
||||
{ title: '日照泓源物流有限公司', description: '内贸集装箱物流运输的车辆运营与协同案例。', to: '/cases/rizhao-hongyuan-logistics' }
|
||||
],
|
||||
relatedProducts: [
|
||||
{ label: '岸基全程物流链平台', to: '/products/logistics/platform' },
|
||||
{ label: '岸基仓储管理系统', to: '/products/logistics/warehouse' }
|
||||
]
|
||||
},
|
||||
warehouse: {
|
||||
title: '岸基仓储管理系统',
|
||||
description: '通过集成智能设备与作业分配机制，实现仓库作业的动态管控与实时跟踪，帮助仓库管理人员完成货物准确记录、库存跟踪、入出库调度等关键工作。',
|
||||
bannerImage: '/images/page-title2.webp',
|
||||
architectureImage: '/images/project/product_full_logistics_chain_platform/warehouse.webp',
|
||||
architectureAlt: '岸基仓储管理系统产品架构',
|
||||
featureHeading: '产品核心功能与价值',
|
||||
featureSummary: '聚焦库存准确、作业提效与管理可视，打造仓储数字化执行底座。',
|
||||
featureSections: [
|
||||
{ label: '库存实时追踪', title: '库存精准透明，账实一致无争议', description: '系统实时采集库存数据并自动更新，降低账实不符风险。', bullets: ['扫码出入库后库存自动更新。', '效期与批次自动管理。', '低于安全库存自动预警。'], image: '/images/product/cangchu/kucunshishizhuizong.png', imageAlt: '库存实时追踪' },
|
||||
{ label: '智能货位布局', title: '货位智能优化，拣货高效省力', description: '根据批次、销量、货品属性等因素推荐货位。', bullets: ['高频货优先分配至近出入口区域。', '同类商品集中存放。', '大件低位、小件高位。'], image: '/images/product/cangchu/zhinenghuoweibuju.png', imageAlt: '智能货位布局' },
|
||||
{ label: '作业自动化', title: '扫码作业无纸化，流程更高效', description: '通过移动端接收任务并扫码执行入库、出库、移库。', bullets: ['作业任务实时推送到手持端。', '系统自动生成拣货路径。', '作业数据实时同步。'], image: '/images/product/cangchu/zuoyezidonghua.png', imageAlt: '作业自动化' },
|
||||
{ label: '数据驱动决策', title: '数据支撑决策，运营一目了然', description: '提供库存、订单、效率等实时报表，帮助管理层进行采购与运营决策。', bullets: ['库存、出入库进度、设备状态可实时查看。', '畅销与滞销品分析支撑采购计划优化。', '作业效率数据可量化评估团队执行表现。'], image: '/images/product/cangchu/shujuqudongjuece.png', imageAlt: '数据驱动决策' }
|
||||
],
|
||||
advantages: [
|
||||
{ title: '库存准', description: '库存实时采集与可视化报表结合，扫码即更新。', icon: iconA },
|
||||
{ title: '找货快', description: '智能布局让高频货位更合理、同类集中存放。', icon: iconB },
|
||||
{ title: '作业快', description: '移动扫码作业替代纸质单据。', icon: iconC },
|
||||
{ title: '看得清', description: '库存、订单、效率多维数据统一看板。', icon: iconD },
|
||||
{ title: '省人力', description: '智能化设备与流程替代手工记录。', icon: iconE }
|
||||
],
|
||||
cases: [
|
||||
{ title: '广州安之达物流有限公司', description: '仓储与综合物流业务的流程优化案例。', to: '/cases/guangzhou-anzhida-logistics' },
|
||||
{ title: '侨益物流股份有限公司', description: '农产品全链条物流与仓储数字化协同案例。', to: '/cases/qiaoyi-logistics' }
|
||||
],
|
||||
relatedProducts: [
|
||||
{ label: '岸基全程物流链平台', to: '/products/logistics/platform' },
|
||||
{ label: '岸基车辆运输管理系统', to: '/products/logistics/vehicle-transport' }
|
||||
]
|
||||
}
|
||||
}
|
||||
|
||||
export const portDetails: Record<string, ProductDetailConfig> = {
|
||||
cdi: {
|
||||
title: '岸基云码头一体化智能操作系统',
|
||||
description: '适配集装箱、散杂货、液化等全货种码头，集成操作、计划、调度、费收、EDI、客服、决策等核心模块，以自动排产、实时监控、自动配载、集卡调度赋能集团化统一运营。',
|
||||
bannerImage: '/images/page-title2.webp',
|
||||
architectureImage: '/images/project/port/cdi.webp',
|
||||
architectureAlt: '岸基云码头一体化智能操作系统产品架构',
|
||||
featureHeading: '产品核心功能与价值',
|
||||
featureSummary: '围绕堆场、配载、闸口与查验关键环节，形成端到端作业优化闭环。',
|
||||
featureSections: [
|
||||
{ label: '多业态融合', title: '全业务覆盖，多元化赋能', description: '一套系统同时支撑集装箱、散杂货、液化、煤炭等专业码头业务。', bullets: ['多业态业务模型内置。', '业务规则按码头类型灵活配置。', '集团级运营分析更全面。'], image: '/images/product/yitihua/zhinengduichangyouhua.png', imageAlt: '多业态融合' },
|
||||
{ label: '可视化回溯', title: '突破存储限制，状态实时可查', description: '以可视化方式回溯任意时间点的作业现状。', bullets: ['轻量化数据存储方案。', '时间轴拖拽式查询。', '作业过程可视化重现。'], image: '/images/product/yitihua/duichangquanjingkeshihua.png', imageAlt: '可视化回溯' },
|
||||
{ label: '智能船舶配载', title: '智能船舶配载，方案自动优配', description: '支持手工与EDI预配，结合规则引擎和专家知识库自动生成配载队列。', bullets: ['自动输出配载方案。', '支持多方案对比评估。', '自动形成配载报告。'], image: '/images/product/yitihua/zhinengchuanbopeizai.png', imageAlt: '智能船舶配载' },
|
||||
{ label: '作业智能均衡', title: '多路作业均衡，提升吞吐效率', description: '结合堆场策划自动分配闸口进箱与卸船位置。', bullets: ['任务自动分流。', '避免一线拥堵一线空闲。', '机械利用率提升。'], image: '/images/product/yitihua/duoluzuoyezhinengjunheng.png', imageAlt: '作业智能均衡' },
|
||||
{ label: '闸口无人值守', title: '无人值守闸口，提速通行效率', description: '通过智能硬件自动采集闸口数据并下发作业指令。', bullets: ['车辆自动识别放行。', '信息一次采集。', '高峰时段通行效率更稳定。'], image: '/images/product/yitihua/wurenzhishouzidonghuazhakou.png', imageAlt: '闸口无人值守' },
|
||||
{ label: '多系统协同对接', title: '全渠道数据交换，打通业务孤岛', description: '支持EDI、接口、消息、邮件、短信等多种方式数据交互。', bullets: ['标准EDI报文转换。', 'RESTful API 开放接口。', '消息队列实时推送。'], image: '/images/product/yitihua/chayanzuoyequanliuchengkeshihua.png', imageAlt: '多系统协同对接' }
|
||||
],
|
||||
advantages: [
|
||||
{ title: '翻倒降低与堆位增效', description: '提升堆码密度并减少二次翻捣，直接降低作业成本。', icon: iconA },
|
||||
{ title: '自动派位与均衡作业', description: '自动分配堆场位置并平衡作业负载。', icon: iconB },
|
||||
{ title: '智能配载提质增效', description: '自动生成多套配载方案并快速比选。', icon: iconC },
|
||||
{ title: '全景可视与实时监控', description: '计划、货物、设备与执行进度在线可视。', icon: iconD },
|
||||
{ title: '闸口无人化快速通行', description: '自动识别与自动指令下发覆盖车辆进出关键环节。', icon: iconE },
|
||||
{ title: '查验协同与过程留痕', description: '查验队列、指令回执与残损登记在线联动。', icon: iconA }
|
||||
],
|
||||
cases: [
|
||||
{ title: '广州市港务局', description: '港务管理与多系统协同场景的数字化支撑。', to: '/cases/guangzhou-port-authority' },
|
||||
{ title: '秦皇岛港股份有限公司', description: '大宗散货公众码头的业务调度与系统建设案例。', to: '/cases/qinhuangdao-cargo-system' }
|
||||
],
|
||||
relatedProducts: [
|
||||
{ label: '岸基云码头集装箱智能操作系统', to: '/products/port/cdi-container' },
|
||||
{ label: '岸基云码头散杂货智能操作系统', to: '/products/port/cdi-bulk' },
|
||||
{ label: '岸基云场站智能操作系统', to: '/products/port/cloud-yard' }
|
||||
]
|
||||
},
|
||||
'cdi-bulk': {
|
||||
title: '岸基云码头散杂货智能操作系统',
|
||||
description: '云端多租户架构，覆盖十大核心模块，以图形化界面与智能算法驱动自动排产、实时监控、自动配载与协同调度，适配高频散杂货码头作业场景。',
|
||||
bannerImage: '/images/page-title2.webp',
|
||||
architectureImage: '/images/project/port/bulk.webp',
|
||||
architectureAlt: '岸基云码头散杂货智能操作系统产品架构',
|
||||
featureHeading: '产品核心功能与价值',
|
||||
featureSummary: '聚焦闸口、定位、业财、多码头与生态对接，打造散杂货码头云化运营底座。',
|
||||
featureSections: [
|
||||
{ label: '货物实时追踪', title: '货物全程追踪定位，状态透明', description: '通过GPS差分定位与移动终端采集，实时追踪货物位置、作业状态与异常变化。', bullets: ['货物堆存位置实时可查。', '作业进度动态更新。', '异常移动自动预警。'], image: '/images/product/sanzahuo/huowushishidingweiyuzhuizong.png', imageAlt: '货物实时追踪' },
|
||||
{ label: '业财一体管理', title: '业财一体，结算更顺畅', description: '打通业务作业与财务计费流程，实现费用自动归集。', bullets: ['靠港费用自动计算。', '对账单一键生成并推送。', '应收应付实时可见。'], image: '/images/product/sanzahuo/yecaiyitihuaguanli.png', imageAlt: '业财一体管理' },
|
||||
{ label: '智能理货功能', title: '多端协同，可视化理货', description: '多端协同、可视化作业，数据实时上传同步进度。', bullets: ['理货员现场操作实时上传。', '异常情况现场拍照上传。', '从纸质记录走向数字协同。'], image: '/images/product/sanzahuo/bsjiagoubianjieshiyong.png', imageAlt: '智能理货功能' },
|
||||
{ label: '灵活散杂货计费', title: '适配多样计费与定制规则', description: '支持多种计费模式与自定义规则。', bullets: ['先入先出自动匹配计费批次。', '整入零出按实际出库量分段计费。', '支持按货类、客户、堆场等维度配置。'], image: '/images/product/sanzahuo/guojihuaduoyuyanzhichi.png', imageAlt: '灵活散杂货计费' },
|
||||
{ label: '上下游系统对接', title: '打通业务数据链路', description: '与货主、货代、船东、船代、海关等系统实现自动数据交换。', bullets: ['舱单自动发送海关。', '船公司报文自动接收。', '回执自动解析回传。'], image: '/images/product/sanzahuo/shangxiayouxitongduijie.png', imageAlt: '上下游系统对接' }
|
||||
],
|
||||
advantages: [
|
||||
{ title: '极简成本投入', description: '按需弹性调用云资源，减少一次性基础设施投入。', icon: '/images/project/common/Group-5-Copy-3.svg' },
|
||||
{ title: '全托管式智能运维', description: '资源状态可视监控与多通道告警。', icon: iconE },
|
||||
{ title: '统一化便捷操作', description: '公有云与私有云统一控制台入口。', icon: iconD },
|
||||
{ title: '军工级安全防护', description: '多副本存储与“两地三中心”容灾架构。', icon: '/images/project/common/资源_6.svg' },
|
||||
{ title: '企业级可靠保障', description: '通过负载均衡、资源隔离与集群读写分离机制保障稳定性。', icon: '/images/project/common/智慧物业-copy-2.svg' },
|
||||
{ title: '开放标准云平台', description: '基于 OpenStack 主流架构构建。', icon: '/images/project/common/Group-5-Copy-3.svg' }
|
||||
],
|
||||
cases: [
|
||||
{ title: '秦皇岛港股份有限公司', description: '散货码头与大宗货物作业管理案例。', to: '/cases/qinhuangdao-cargo-system' }
|
||||
],
|
||||
relatedProducts: [
|
||||
{ label: '岸基云码头一体化智能操作系统', to: '/products/port/cdi' },
|
||||
{ label: '岸基云码头集装箱智能操作系统', to: '/products/port/cdi-container' }
|
||||
]
|
||||
},
|
||||
'cdi-container': {
|
||||
title: '岸基云码头集装箱智能操作系统',
|
||||
description: '云端多租户架构，集成十大核心模块，以图形化界面与智能算法驱动自动排产、实时监控、自动配载与智能调度，全面提升集装箱码头作业效率。',
|
||||
bannerImage: '/images/page-title2.webp',
|
||||
architectureImage: '/images/project/port/cdi2.webp',
|
||||
architectureAlt: '岸基云码头集装箱智能操作系统产品架构',
|
||||
featureHeading: '产品核心功能与价值',
|
||||
featureSummary: '围绕堆场、配载、闸口与查验场景，构建集装箱码头智能作业闭环。',
|
||||
featureSections: [
|
||||
{ label: '智能堆场优化', title: '减少翻捣与堆场压力', description: '通过图形化界面与数学算法优化堆码密度。', bullets: ['同等场地容纳更多箱量。', '显著降低二次翻捣频次。', '堆场计划更标准可控。'], image: '/images/product/jizhuangxiang/zhinengduichangyouhua.png', imageAlt: '智能堆场优化' },
|
||||
{ label: '全自动堆场计划', title: '自动派位与负载平衡', description: '基于参数化算法自动分配箱位。', bullets: ['新箱入场自动派位。', '机械移动距离最小化。', '作业量动态均衡。'], image: '/images/product/jizhuangxiang/quanzidongduichangjihua.png', imageAlt: '全自动堆场计划' },
|
||||
{ label: '智能船舶配载', title: '方案自动生成与比选', description: '支持手工与EDI预配，结合专家知识库生成可优化的配载队列。', bullets: ['自动输出配载方案。', '支持多方案对比。', '自动形成配载报告。'], image: '/images/product/jizhuangxiang/zhinengchuanbopeizai.png', imageAlt: '智能船舶配载' },
|
||||
{ label: '堆场全景可视', title: '可视化现场态势一屏掌握', description: 'BS图形化实时展示整船进度、机械位置与箱位分布。', bullets: ['整船作业进度在线可见。', '设备状态与位置实时同步。', '远程即可观察堆场动态。'], image: '/images/product/jizhuangxiang/duichangquanjingkeshihua.png', imageAlt: '堆场全景可视' },
|
||||
{ label: '多路作业智能均衡', title: '多路作业智能均衡：资源利用更充分', description: '系统结合堆场策划结果自动分配闸口进箱与卸船位置。', bullets: ['任务按作业线自动分流。', '提升全局作业效率。', '机械利用率提升。'], image: '/images/product/jizhuangxiang/duoluzuoyezhinengjunheng.png', imageAlt: '多路作业智能均衡' },
|
||||
{ label: '无人值守自动化闸口', title: '无人值守自动化闸口：高峰通行不拥堵', description: '依托闸口智能设备自动采集信息并生成作业指令。', bullets: ['车辆自动识别进场。', '信息自动录入共享。', '高峰期通行效率更稳定。'], image: '/images/product/jizhuangxiang/wurenzhishouzidonghuazhakou.png', imageAlt: '无人值守自动化闸口' }
|
||||
],
|
||||
advantages: [
|
||||
{ title: '流程标准化与无纸化', description: '推动内部单证电子化流转。', icon: '/images/project/common/资源_2.svg' },
|
||||
{ title: '自动化驱动实时决策', description: '关键数据自动采集提升监管时效。', icon: iconD },
|
||||
{ title: '全要素可视化管控', description: '计划、货物、设备与执行进度统一视图。', icon: iconE },
|
||||
{ title: '全域运行实时监控', description: '对船舶动态、货物位置、机械状态和车辆轨迹进行实时监控。', icon: '/images/project/common/资源_10.svg' }
|
||||
],
|
||||
cases: [
|
||||
{ title: '中山港航集团股份有限公司', description: '集装箱码头全流程数字化管理。', to: '/cases/zhongshan-container-terminal' },
|
||||
{ title: '威海港通信息科技有限公司', description: '港口信息化与闸口场站协同场景。', to: '/cases/weihai-gate-yard' }
|
||||
],
|
||||
relatedProducts: [
|
||||
{ label: '岸基云码头一体化智能操作系统', to: '/products/port/cdi' },
|
||||
{ label: '岸基云场站智能操作系统', to: '/products/port/cloud-yard' }
|
||||
]
|
||||
},
|
||||
'cloud-yard': {
|
||||
title: '岸基云场站智能操作系统',
|
||||
description: '面向集装箱场站、散杂货场站、内陆港和海铁联运场站，覆盖收提箱、拆装箱、堆存、装卸、闸口、计费、调度、查验与报表全业务链。',
|
||||
bannerImage: '/images/page-title2.webp',
|
||||
architectureImage: '/images/project/port/yunchangzhan.png',
|
||||
architectureAlt: '岸基云场站智能操作系统产品架构',
|
||||
featureHeading: '产品核心功能与价值',
|
||||
featureSummary: '覆盖堆场、闸口、移动作业、计费与集团管控，打造场站全流程智能运营底座。',
|
||||
featureSections: [
|
||||
{ label: '智能堆场派位', title: '智能堆场派位，提升堆存利用率', description: '系统按箱型、航线、船期和作业顺序自动规划堆存区域与最优箱位。', bullets: ['减少人工反复调整。', '智能派位降低现场干预频次。', '减少二次翻箱。'], image: '/images/product/yunchangzhan/zhinengduichangjihuayuzidongpaiwei.png', imageAlt: '智能堆场派位' },
|
||||
{ label: '多路作业均衡', title: '作业智能均衡，调度高效有序', description: '围绕闸口、装卸船、移箱等多条作业线做统一调度与动态分流。', bullets: ['任务自动均衡分配。', '避免局部资源过载。', '保障场站整体吞吐更稳定。'], image: '/images/product/yunchangzhan/duoluzuoyezhinengjunhengdiaodu.png', imageAlt: '多路作业均衡' },
|
||||
{ label: '无人智能闸口', title: '无人闸口自动通行，高效过闸', description: '在进出场环节完成车牌、箱号和信息校验。', bullets: ['车牌、箱号 OCR 自动识别。', '箱体验残自动采集。', '校验通过后自动抬杆放行。'], image: '/images/product/yunchangzhan/wurenzhishouzhinengzhakou.png', imageAlt: '无人智能闸口' },
|
||||
{ label: '移动无纸化作业', title: '移动无纸化作业，数据实时回传', description: '现场人员通过移动端完成装卸船、拆装箱、移箱、查验和残损登记。', bullets: ['装卸船、拆装箱、移箱作业可一键确认。', '冷箱监控与插拔电记录实时留痕。', '查验和残损登记支持拍照上传。'], image: '/images/product/yunchangzhan/yidongzuoyewuzhihuashishicaiji.png', imageAlt: '移动无纸化作业' },
|
||||
{ label: '堆场全景可视', title: '堆场全景可视化，远程实时监场', description: '采用 BS 架构图形化展示箱位、机械、作业进度和在场库存。', bullets: ['箱号、箱位、状态和尺寸实时展示。', '机械 GIS 定位与状态实时可见。', '装卸船进度和库存动态持续更新。'], image: '/images/product/yunchangzhan/duichangtuxinghuaquanjingkeshihua.png', imageAlt: '堆场全景可视' },
|
||||
{ label: '智能自动计费', title: '智能计费与自动结算：提升核算准确性与对账效率', description: '系统按业务规则自动计算堆存、装卸、修洗箱、闸口和查验等费用。', bullets: ['全费目自动核算。', '支持差异化计费配置。', '账单明细清晰可导出。'], image: '/images/product/yunchangzhan/zhinengjifeiyuzidongjiesuan.png', imageAlt: '智能自动计费' }
|
||||
],
|
||||
advantages: [
|
||||
{ title: '全业务一体化覆盖', description: '一套系统贯通集装箱与散杂货场站全流程作业。', icon: '/images/project/common/资源_2.svg' },
|
||||
{ title: '智能算法精准调度', description: '帮助场站直接压降单箱作业成本。', icon: iconD },
|
||||
{ title: '物联网无人化作业', description: '实现 24 小时无人值守通行。', icon: '/images/project/common/资源_10.svg' },
|
||||
{ title: '图形化全景可视', description: '堆场、机械和作业进度统一可视化展示。', icon: iconE },
|
||||
{ title: '自动化精准计费', description: '全费目自动核算和账单对账闭环。', icon: '/images/project/common/资源_6.svg' },
|
||||
{ title: '集团化数据决策', description: '支持多场站统一经营分析与风险预警。', icon: '/images/project/common/智慧物业-copy-2.svg' }
|
||||
],
|
||||
cases: [
|
||||
{ title: '济宁港航建设有限公司', description: '围绕船舶收费监管和港口场站管理的数字化建设案例。', to: '/cases/canal-logistics-supervision' },
|
||||
{ title: '秦皇岛港股份有限公司', description: '港口散货与场站协同作业场景。', to: '/cases/qinhuangdao-cargo-system' }
|
||||
],
|
||||
relatedProducts: [
|
||||
{ label: '岸基云码头一体化智能操作系统', to: '/products/port/cdi' },
|
||||
{ label: '岸基云码头集装箱智能操作系统', to: '/products/port/cdi-container' },
|
||||
{ label: '岸基云码头散杂货智能操作系统', to: '/products/port/cdi-bulk' }
|
||||
]
|
||||
}
|
||||
}
|
||||
|
||||
export const shippingDetails: Record<string, ProductDetailConfig> = {
|
||||
boat: {
|
||||
title: '岸基船舶管理系统',
|
||||
description: '专为船公司经营与运营管理定制，覆盖经营管理、运营管理、体系管理三大场景，打通业务与财务，实现跨部门数据共享与协同。',
|
||||
bannerImage: '/images/page-title2.webp',
|
||||
architectureImage: '/images/project/shipping/boat.webp',
|
||||
architectureAlt: '岸基船舶管理系统产品架构',
|
||||
featureHeading: '产品核心功能与价值',
|
||||
featureSummary: '围绕经营、运营、财务与体系管理构建船舶管理一体化平台。',
|
||||
featureSections: [
|
||||
{ label: '报销统一管理', title: '费用统一报销，降本提效', description: '停用分散报销工具，所有费用在系统内统一处理。', bullets: ['财务人员无需在多个系统间切换。', '节省授权与维护费用。', '流程统一后对账口径更清晰。'], image: '/images/product/chuanboguanli/feiyongbaoxiaotongyi.png', imageAlt: '报销统一管理' },
|
||||
{ label: '流程统一审批', title: '工作流统一审批，流程规范可追溯', description: '审批流全部回归业务系统统一管理。', bullets: ['集团标准一致。', '审批进度实时可查。', '审批记录集中归档。'], image: '/images/product/chuanboguanli/gongzuoliuchengtongyi.png', imageAlt: '流程统一审批' },
|
||||
{ label: '业财数据互通', title: '业财自动对接，账目清晰', description: '多种方式对接财务系统，业务与财务数据自动同步。', bullets: ['业务单据自动生成财务凭证。', '数据口径统一。', '缩短月末结账周期。'], image: '/images/product/chuanboguanli/yecaiduidong.png', imageAlt: '业财数据互通' },
|
||||
{ label: '船员薪资核算', title: '船员薪资自动计算，精准高效', description: '内置计算引擎处理薪资、补贴、扣款等复杂规则。', bullets: ['降低人工算薪问题。', '计算结果可直接对接财务。', '复杂场景规则由系统自动处理。'], image: '/images/product/chuanboguanli/chuanyuanxinzizidong.png', imageAlt: '船员薪资核算' },
|
||||
{ label: '证书到期预警', title: '证书自动预警，规避合规风险', description: '系统主动监控证书与关键节点，到期前预警并推送责任人。', bullets: ['证书到期前自动提醒。', '待办任务实时推送。', '流程推进转向主动驱动。'], image: '/images/product/chuanboguanli/zhengshuyujing.png', imageAlt: '证书到期预警' },
|
||||
{ label: '体系文件无纸化', title: '体系文件无纸化，高效合规', description: '文件从生成、审批到归档全流程线上化。', bullets: ['模板化生成文件。', '电子化集中存储。', '审计支持一键导出打印。'], image: '/images/product/chuanboguanli/tixiwendangwuzhihua.png', imageAlt: '体系文件无纸化' },
|
||||
{ label: 'BI数据可视', title: 'BI 数据可视，科学决策', description: '整合船员、客户、船舶等核心数据，形成多维指标看板。', bullets: ['统一数据资产。', '关键指标图表化展示。', '无需等待月报即可实时查看数据。'], image: '/images/product/chuanboguanli/bikanban.png', imageAlt: 'BI数据可视' }
|
||||
],
|
||||
advantages: [
|
||||
{ title: '统一报销管理', description: '集中处理费用报销流程，降低系统分散导致的维护成本。', icon: iconA },
|
||||
{ title: '统一流程审批', description: '审批全流程回归业务系统，集团标准一致。', icon: iconB },
|
||||
{ title: '业财自动对接', description: '业务数据自动联动财务系统。', icon: iconC },
|
||||
{ title: '复杂计算自动化', description: '内置计算引擎处理薪资与经营测算。', icon: iconD },
|
||||
{ title: '智能预警主动推送', description: '关键节点自动预警并推送责任人。', icon: iconE },
|
||||
{ title: '体系文件无纸化', description: '文件生成、审批、归档全线上化。', icon: iconA },
|
||||
{ title: 'BI数据可视', description: '多维图表集中呈现经营指标。', icon: iconB }
|
||||
],
|
||||
cases: [
|
||||
{ title: '上海海华轮船有限公司', description: '船舶运营管理一体化场景的实际落地案例。', to: '/cases/shanghai-haihua-shipping' },
|
||||
{ title: '天津中运海运集团有限公司', description: '船舶与运营管理协同的数字化建设案例。', to: '/cases/tianjin-zhongyun-shipping' },
|
||||
{ title: '连云港中韩轮渡有限公司', description: '客货班轮公司在船舶管理与协同作业方面的案例。', to: '/cases/lianyungang-china-korea-ferry' }
|
||||
],
|
||||
relatedProducts: [
|
||||
{ label: '岸基船公司运营管理系统', to: '/products/shipping/company' }
|
||||
]
|
||||
},
|
||||
company: {
|
||||
title: '岸基船公司运营管理系统',
|
||||
description: '以“1+3+N”架构为核心，打通业务操作、船舶管理、财务结算三大环节，实现全链路数据协同。提供业务智能操作、船舶动态管理、EDI无缝交换、决策数据看板等能力。',
|
||||
bannerImage: '/images/page-title2.webp',
|
||||
architectureImage: '/images/project/shipping/company.webp',
|
||||
architectureAlt: '岸基船公司运营管理系统产品架构',
|
||||
featureHeading: '产品核心功能与价值',
|
||||
featureSummary: '围绕船公司核心经营链路，构建智能化、可视化、全球化的运营能力。',
|
||||
featureSections: [
|
||||
{ label: '业务智能操作', title: '智能业务处理，减少人工录入', description: '通过 OCR 识别、自动计费与待办推送，优化传统手工业务处理模式。', bullets: ['提单、箱单等单证自动识别录入。', '修箱费、超期费等费用自动核算。', '待办自动推送。'], image: '/images/product/chuangongsi/yewuzhinengcaozuo.png', imageAlt: '业务智能操作' },
|
||||
{ label: '船舶动态管理', title: '船舶动态监控，实时掌握船况', description: '接入 AIS 数据，实时展示船舶位置、航速与 ETA。', bullets: ['调度可直接查看船位。', '预计到港时间自动更新。', '航线偏离自动预警。'], image: '/images/product/chuangongsi/chuanbodongtaiguanli.png', imageAlt: '船舶动态管理' },
|
||||
{ label: 'EDI无缝交换', title: 'EDI 无缝对接，数据自动交互', description: '与海关、海事、码头等外部系统自动交换报文。', bullets: ['舱单、报关单自动发送。', '回执自动接收并同步状态。', '支持 300+ 口岸节点对接。'], image: '/images/product/chuangongsi/ediwufengjiaohuan.png', imageAlt: 'EDI无缝交换' },
|
||||
{ label: '业财数据联动', title: '业财数据联动，同步高效核算', description: '业务、预算、结算与成本数据实时联动。', bullets: ['收入与成本自动归集。', '核算周期缩短。', '船舶利用率与单箱成本实时可查。'], image: '/images/product/chuangongsi/yecailiandong.png', imageAlt: '业财数据联动' },
|
||||
{ label: '决策数据看板', title: '企业经营指标一目了然', description: '通过 BI 看板沉淀船舶利用率、航线效益、成本结构等核心经营指标。', bullets: ['实时运营数据。', '航线盈亏图表化展示。', '支持多维下钻分析。'], image: '/images/product/chuangongsi/juecekanban.png', imageAlt: '决策数据看板' },
|
||||
{ label: '全球合规适配', title: '支持多币种多语言', description: '系统支持多语言界面、多币种结算和国际规则预置。', bullets: ['海外代理可切换英文界面。', '多币种自动换算。', '预置多航线申报规则。'], image: '/images/product/chuangongsi/quanqiuheguishipei.png', imageAlt: '全球合规适配' }
|
||||
],
|
||||
advantages: [
|
||||
{ title: '弹性架构支撑', description: '分布式 PaaS 与容器扩容能力支撑业务峰值。', icon: iconA },
|
||||
{ title: 'EDI智能通关', description: '多口岸、多协议报文自动处理。', icon: iconB },
|
||||
{ title: '业财船一体化', description: '经营、船舶、财务链路打通。', icon: iconC },
|
||||
{ title: 'AI+IoT智能化', description: 'OCR、AIS 与自动核算协同。', icon: iconD },
|
||||
{ title: '全球合规适配', description: '多语言、多币种与国际规则预置。', icon: iconE }
|
||||
],
|
||||
cases: [
|
||||
{ title: '上海海华轮船有限公司', description: '区域航运企业的经营与运营管理数字化案例。', to: '/cases/shanghai-haihua-shipping' },
|
||||
{ title: '嘉华航运(香港)有限公司', description: '面向国际航线的新兴船公司管理平台案例。', to: '/cases/jiahua-shipping-system' },
|
||||
{ title: '北部湾防城港有限公司', description: '港航协同和船公司业务支撑场景。', to: '/cases/beibuwan-shuttle-bus' }
|
||||
],
|
||||
relatedProducts: [
|
||||
{ label: '岸基船舶管理系统', to: '/products/shipping/boat' }
|
||||
]
|
||||
}
|
||||
}
|
||||
167
nuxt-web/data/services.ts
Normal file
167
nuxt-web/data/services.ts
Normal file
@@ -0,0 +1,167 @@
|
||||
type Item = { title: string; description: string }
|
||||
|
||||
export type ServiceConfig = {
|
||||
title: string
|
||||
description: string
|
||||
overview: string[]
|
||||
capabilityItems: Item[]
|
||||
featureItems: Item[]
|
||||
architectureImage: string
|
||||
architectureImageAlt: string
|
||||
caseImages?: string[]
|
||||
}
|
||||
|
||||
export const services: Record<string, ServiceConfig> = {
|
||||
chuandai: {
|
||||
title: '船代管理信息系统',
|
||||
description: '专门针对船代业务特点，实现整个船舶代理业务的信息化管理，以达到减少单证流转、方便客户获取信息、减轻业务员劳动强度、提高业务效率的目标。',
|
||||
overview: [
|
||||
'船代管理信息系统（AG-iLOG-SMS）面向船代业务场景，覆盖船务、单证、箱管、EDI、费用结算、在线客户服务、移动服务及统计分析等核心模块。',
|
||||
'系统通过对业务流程的数字化改造，减少单证流转环节，强化客户服务能力，并提升船舶代理业务的处理效率。'
|
||||
],
|
||||
capabilityItems: [
|
||||
{ title: '业务操作平台', description: '覆盖船务、单证、箱管、使费、运费、滞箱费、EDI、基础资料和系统管理等基础业务处理。' },
|
||||
{ title: '数据服务平台', description: '实现接口注册、配置和 API 服务，对接税控、财务和第三方支付等系统。' },
|
||||
{ title: '业务服务平台', description: '提供订舱、下单、查询、货物跟踪、交易等可复用服务组件。' },
|
||||
{ title: '服务调度注册平台', description: '负责各类服务注册与调度，保障服务间调用有序稳定。' },
|
||||
{ title: '基础服务平台', description: '包括操作系统、数据库和应用服务器等底层支撑。' }
|
||||
],
|
||||
featureItems: [
|
||||
{ title: '业务板块定制化', description: '按业务需求划分最小模块，支持企业按需选择与组合。' },
|
||||
{ title: '一站式客户服务平台', description: '支持在线订舱、数据查询与移动端访问，提升客户获取信息与办理业务的效率。' },
|
||||
{ title: 'EDI数据交换自动收发处理', description: '支持自定义收发对象、方式与频率，实现报文自动处理。' },
|
||||
{ title: '计费规则自定义', description: '由用户自定义费目计费规则，快速实现费用自动计算。' },
|
||||
{ title: '数据协同处理', description: '实现数据一处采集、充分共享，减少重复录入。' },
|
||||
{ title: '综合统计分析平台', description: '通过统计分析为集团领导层提供决策支持。' }
|
||||
],
|
||||
architectureImage: '/images/project/shipping/company.webp',
|
||||
architectureImageAlt: '船代管理信息系统架构图',
|
||||
caseImages: ['/images/logo5.jpg', '/images/shanghaipenghua.jpg', '/images/lianyungang.jpg', '/images/xinhai.jpg']
|
||||
},
|
||||
yunmatou: {
|
||||
title: '云码头智能管理系统',
|
||||
description: '云码头智能管理系统是通用码头套装软件，覆盖码头基本操作、智能计划、智能操作、费收管理、EDI、统计、客户服务与决策支持。',
|
||||
overview: [
|
||||
'云码头智能管理系统通过实时架构、图形化操作和优化算法，实现自动计划、实时监控、智能预演与回放、自动配载和智能集卡调度。',
|
||||
'系统采用模块化设计，充分考虑岸桥、场桥、堆高机、拖车等设备与工艺特点，适应业务发展和多阶段部署需求。'
|
||||
],
|
||||
capabilityItems: [
|
||||
{ title: '货运站管理子系统', description: '覆盖拆装箱、仓库散货管理、查验、熏蒸等业务流程。' },
|
||||
{ title: '智能计划子系统', description: '通过图形化界面直接反映堆场营运情况，包含堆场管理、资源管理和智能控制。' },
|
||||
{ title: '智能操作子系统', description: '支持无线终端控制和中控操作模式，覆盖闸口控制与堆场作业监控。' },
|
||||
{ title: '费收管理子系统', description: '对客户协议、计费、对账、结账与打印进行统一管理。' },
|
||||
{ title: 'EDI子系统', description: '统一对外数据交换，实现报文定义、接收、解析、生成和发送。' },
|
||||
{ title: '客户服务子系统', description: '支持在线办单、计划申报、在线支付费用与作业动态跟踪。' }
|
||||
],
|
||||
featureItems: [
|
||||
{ title: '减少集装箱翻倒率', description: '通过图形界面和数学算法提高堆码密度，降低二次翻捣率。' },
|
||||
{ title: '自动堆场计划', description: '结合堆场状况、作业量平衡和机械负荷自动给出最优派位。' },
|
||||
{ title: '自动配载', description: '通过手工或 EDI 报文实现预配，自动生成装卸顺序并输出配载报告。' },
|
||||
{ title: '自动化闸口与TQM', description: '实现闸口数据自动采集和无人值守，加快车辆通行。' },
|
||||
{ title: '多路作业量平衡负载', description: '自动平衡作业量，提升机械利用效率。' },
|
||||
{ title: '集装箱堆场机械与箱位显示', description: '实时显示整船进度、堆场与机械位置。' }
|
||||
],
|
||||
architectureImage: '/images/project/port/cdi.webp',
|
||||
architectureImageAlt: '云码头智能管理系统架构图',
|
||||
caseImages: ['/images/zhongshanganghang.jpg', '/images/tangshangang.jpg', '/images/logo2.jpg', '/images/weihaigang.jpg']
|
||||
},
|
||||
jining: {
|
||||
title: '全程物流链管理系统',
|
||||
description: '目前业内技术成熟、业务架构领先，面向船公司、船代、货代、报关、车队、场站和仓储等多种物流业务的完整解决方案。',
|
||||
overview: [
|
||||
'全程物流链管理系统（Integrated Logistics Management System）由岸基网络科技有限公司自主设计研发，用于实现整个供应链物流管理。',
|
||||
'系统通过 IT 技术和物流技术有机结合，完成供应链节点之间的无缝连接，消除企业间信息孤岛与部门分割。'
|
||||
],
|
||||
capabilityItems: [
|
||||
{ title: '船公司系统', description: '实现航线管理、调度管理、订舱管理、船舶单证管理和费用结算。' },
|
||||
{ title: '船舶代理系统', description: '覆盖船务管理、单证管理、集装箱管理和费用管理。' },
|
||||
{ title: '货运代理系统', description: '支持进出口委托、订舱、报关、托运和费用结算。' },
|
||||
{ title: '车队管理系统', description: '实现车队委托、司机、车辆和费用管理，并支持车辆可视化跟踪。' },
|
||||
{ title: '场站管理系统', description: '涵盖委托管理、智能计划、堆场堆存、闸口管理、理货和费用结算。' },
|
||||
{ title: '集团监管', description: '实现集团层面业务、资金、客户与统计的统一监管。' }
|
||||
],
|
||||
featureItems: [
|
||||
{ title: '满足集团监管和多层面操作需求', description: '系统采用多租户设计，兼顾集团整体管控和板块独立运营。' },
|
||||
{ title: '能够快速应用不同规模的物流企业', description: '模块化设计和插拔式组件支持快速定制与分布式部署。' },
|
||||
{ title: '开放式设计，打通全程信息流', description: '数据在各环节充分共享利用，减少信息孤岛。' }
|
||||
],
|
||||
architectureImage: '/images/project/product_full_logistics_chain_platform/platform.webp',
|
||||
architectureImageAlt: '全程物流链管理系统架构图',
|
||||
caseImages: ['/images/logo.jpg', '/images/tianjinzhongyun.jpg', '/images/logo5.jpg', '/images/dongfangguoji.jpg']
|
||||
},
|
||||
dianshang: {
|
||||
title: '港航电商平台系统',
|
||||
description: '一个集销售、操作、商务和客服于一体的综合服务系统，帮助港航企业建立线上线下一体化的物流发展模式。',
|
||||
overview: [
|
||||
'港航电商平台系统将传统港航业务搬到线上来运作，支持客户在线获取产品服务、进行业务操作、费用支付和状态跟踪。',
|
||||
'系统帮助港航企业有效提升市场宣传推广能力、业务处理效率和客户服务水平。'
|
||||
],
|
||||
capabilityItems: [
|
||||
{ title: '商品中心', description: '围绕订舱、拖车、报关等服务形成产品化能力。' },
|
||||
{ title: '交易中心', description: '支撑订舱提交、确认、提单确认、费用确认与付款等交易链路。' },
|
||||
{ title: '用户中心', description: '统一管理公共用户、协议用户和船公司用户。' },
|
||||
{ title: '运维监控中心', description: '负责系统权限管理、性能监控和业务监控统计。' },
|
||||
{ title: '结算中心', description: '支持线上和线下结算模式。' },
|
||||
{ title: '营销中心', description: '支持积分、特价、秒杀等灵活营销规则。' }
|
||||
],
|
||||
featureItems: [
|
||||
{ title: '业务服务产品化', description: '延伸线上订舱、线上拖车和线上报关等产品服务能力。' },
|
||||
{ title: '建立全面的信息服务通道', description: '提供平台、APP、微信等多端服务体验。' },
|
||||
{ title: '货物交易流程的全面跟踪可视化', description: '线上订舱、支付、提单下载、货物跟踪等流程全程透明。' },
|
||||
{ title: '建立完整的电商营销体系', description: '通过多种营销活动吸引更多客户。' },
|
||||
{ title: '电商大数据采集及分析平台', description: '收集销售关键信息和客户行为，优化产品结构。' },
|
||||
{ title: '强大的技术支撑及运维服务平台', description: '通过分布式私有 PaaS 平台支撑整个电商系统。' }
|
||||
],
|
||||
architectureImage: '/images/project/ecommerce/booking.webp',
|
||||
architectureImageAlt: '港航电商平台系统架构图',
|
||||
caseImages: ['/images/logo1.jpg', '/images/shanghaihede.webp', '/images/guangzhougang.jpg', '/images/guangzhougangwuju.jpg']
|
||||
},
|
||||
ilog: {
|
||||
title: '全程物流链管理系统',
|
||||
description: '面向多种物流业务的完整解决方案，通过协同电子办公环境实现共同的工作目标。',
|
||||
overview: [
|
||||
'全程物流链管理系统面向船公司、船代、货代、报关、车队、场站和仓储等多种物流业务，强调供应链节点之间的无缝连接。',
|
||||
'系统通过互联网技术和物流技术有机结合，实现供应链管理、信息共享和业务协同。'
|
||||
],
|
||||
capabilityItems: [
|
||||
{ title: '船公司系统', description: '支撑航线、调度、订舱、船舶单证与费用结算。' },
|
||||
{ title: '船舶代理系统', description: '支撑船务管理、单证管理、集装箱管理和费用管理。' },
|
||||
{ title: '货运代理系统', description: '支撑委托、订舱、报关报检、托运和结算。' },
|
||||
{ title: '车队管理系统', description: '支撑车队、司机、车辆和费用管理。' },
|
||||
{ title: '场站管理系统', description: '支撑场站委托、堆场计划、闸口和理货。' }
|
||||
],
|
||||
featureItems: [
|
||||
{ title: '集团化多层面监管', description: '满足集团监管和各业务板块操作的多层面需求。' },
|
||||
{ title: '模块化可扩展', description: '按业务规模快速定制系统并支持分布式部署。' },
|
||||
{ title: '开放式设计', description: '打通全程信息流，减少孤岛。' }
|
||||
],
|
||||
architectureImage: '/images/project/product_full_logistics_chain_platform/platform.webp',
|
||||
architectureImageAlt: '全程物流链管理系统架构图',
|
||||
caseImages: ['/images/logo.jpg', '/images/tianjinzhongyun.jpg', '/images/logo5.jpg', '/images/dongfangguoji.jpg']
|
||||
},
|
||||
changzhan: {
|
||||
title: '集装箱场站管理系统',
|
||||
description: '适用于集装箱场站相关业务，面向集装箱堆存、转运、拆装箱、查验、修洗箱、熏蒸等业务，覆盖海运、公路等运输领域。',
|
||||
overview: [
|
||||
'集装箱场站管理系统为集装箱场站提供全方位信息管理，以箱、船、货、堆场、仓库、机械和人力为基础，以装卸作业为核心。',
|
||||
'系统帮助生产指挥人员随时掌握现场动态、调整计划、下达指令、加速货物周转并及时了解货物在场状态。'
|
||||
],
|
||||
capabilityItems: [
|
||||
{ title: '货运站管理系统', description: '覆盖拆装箱、仓库散货管理、查验和熏蒸等作业。' },
|
||||
{ title: '智能计划系统', description: '图形化界面直接反映堆场营运情况，涵盖堆场管理与智能控制。' },
|
||||
{ title: '智能操作系统', description: '支持无线终端和中控操作模式，加快堆场作业速度。' },
|
||||
{ title: '商务管理系统', description: '对客户协议、计费、对账、结账进行统一管理。' },
|
||||
{ title: '基本操作系统', description: '直接影响作业和计收费，包括船舶管理、业务办单、箱管与统计分析。' }
|
||||
],
|
||||
featureItems: [
|
||||
{ title: '充分考虑未来作业安排及进度', description: '依据堆场计划和移箱计划自动给出未来箱分布情况。' },
|
||||
{ title: '提高场站竞争力', description: '提高场站作业效率，加快集装箱周转率。' },
|
||||
{ title: '操作简洁，提高作业效率', description: '通过条码、POS 打印和识别能力提升闸口通过能力。' },
|
||||
{ title: '通用、灵活、自动、准确的计收费系统', description: '支持多种缴费形式和两种计费思路。' },
|
||||
{ title: '处理各种特殊作业并进行计费', description: '支持换箱、倒箱、熏蒸、过磅等各种杂作业。' }
|
||||
],
|
||||
architectureImage: '/images/project/port/yunchangzhan.png',
|
||||
architectureImageAlt: '集装箱场站管理系统架构图',
|
||||
caseImages: ['/images/xianglongwuliu.jpg', '/images/weihaigang.jpg']
|
||||
}
|
||||
}
|
||||
16
nuxt-web/data/site.ts
Normal file
16
nuxt-web/data/site.ts
Normal file
@@ -0,0 +1,16 @@
|
||||
export const siteInfo = {
|
||||
companyName: '烟台岸基网络科技有限公司',
|
||||
phone: '0535－2106025',
|
||||
qq: '278294683',
|
||||
email: 'agsoft@china-coast.com',
|
||||
businessHours: '08:30 - 17:30',
|
||||
address: '山东省烟台市莱山区山海路117号总部经济基地3楼',
|
||||
wechatOfficialImage: '/images/wechat.webp',
|
||||
footerLogo: '/images/logo.png.webp',
|
||||
headerLogo: '/images/logo-2.webp',
|
||||
icpText: '鲁ICP备18054574号-1',
|
||||
icpHref: 'https://beian.miit.gov.cn/',
|
||||
publicSecurityText: '鲁公网安备 37061302000340号',
|
||||
publicSecurityHref: 'http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=37061302000340',
|
||||
publicSecurityImage: '/images/beian.png'
|
||||
} as const
|
||||
162
nuxt-web/data/solutions.ts
Normal file
162
nuxt-web/data/solutions.ts
Normal file
@@ -0,0 +1,162 @@
|
||||
type Card = { title: string; description: string }
|
||||
type ProductLink = Card & { to?: string }
|
||||
|
||||
export type SolutionConfig = {
|
||||
title: string
|
||||
description: string
|
||||
badge: string
|
||||
heroStats: Array<{ value: string; label: string }>
|
||||
painPoints: Card[]
|
||||
architectureTitle: string
|
||||
architectureSteps: Card[]
|
||||
architectureImage: string
|
||||
architectureImageAlt: string
|
||||
productLinks: ProductLink[]
|
||||
valueItems: Card[]
|
||||
}
|
||||
|
||||
export const solutions: Record<string, SolutionConfig> = {
|
||||
'inland-river-shipping': {
|
||||
title: '内河港航一体化解决方案',
|
||||
description: '贯通港口、物流、贸易全链路，以“1+3+N”架构驱动内河港航一体化协同，助您从“装卸港”迈向“贸易港”。',
|
||||
badge: '内河港航集团',
|
||||
heroStats: [
|
||||
{ value: '30%', label: '综合作业效率提升' },
|
||||
{ value: '100%', label: '数据实时互通' },
|
||||
{ value: '-20%', label: '物流成本降低' },
|
||||
{ value: '0', label: '业务作弊漏洞' }
|
||||
],
|
||||
painPoints: [
|
||||
{ title: '信息孤岛严重', description: '港口、物流、贸易系统割裂，数据标准不一，协同依赖人工。' },
|
||||
{ title: '作业模式传统', description: '依赖纸质单据与人海战术，人工成本高且容易出错。' },
|
||||
{ title: '散集业务混杂', description: '多货种混合作业，传统系统难以兼容，计费和作业都容易混乱。' },
|
||||
{ title: '盈利模式单一', description: '停留在装卸与仓储模式，缺乏高附加值服务和客户粘性。' }
|
||||
],
|
||||
architectureTitle: '全链条数字化架构',
|
||||
architectureSteps: [
|
||||
{ title: '底层数据联通', description: '统一数据标准，打通地磅、闸口、财务、生产系统。' },
|
||||
{ title: '中台业务协同', description: '构建物流协同、交易撮合、供应链金融中台，实现跨部门协作。' },
|
||||
{ title: '顶层智慧决策', description: '通过 BI 大数据分析提供实时经营看板与风险预警。' }
|
||||
],
|
||||
architectureImage: '/images/solution/neihe.webp',
|
||||
architectureImageAlt: '内河港航一体化架构图',
|
||||
productLinks: [
|
||||
{ title: '岸基云码头智能操作系统', description: '支持内河港口散货、集装箱和件杂货一体化管理。', to: '/products/port/cdi' },
|
||||
{ title: '岸基网络货运平台', description: '实现车/船/货智能匹配、路径优化及全程可视化跟踪。', to: '/products/ecommerce/net-cargo' },
|
||||
{ title: '岸基大宗商品贸易平台', description: '提供挂牌交易、竞价拍卖模式以及供应链金融能力。', to: '/products/ecommerce/bctp' }
|
||||
],
|
||||
valueItems: [
|
||||
{ title: '数据资产化，决策更精准', description: '打破数据孤岛，实现一屏统管，管理层可快速响应市场变化。' },
|
||||
{ title: '业务协同，一单到底', description: '客户一次委托即可完成全链条服务，减少反复沟通和填单。' },
|
||||
{ title: '从装卸港走向贸易港', description: '平台不仅提效，也帮助港口向更高附加值业务延伸。' }
|
||||
]
|
||||
},
|
||||
'logistics-chain': {
|
||||
title: '全程物流链解决方案',
|
||||
description: '覆盖订舱、报关、运输、仓储、交付全流程，打破信息孤岛，实现业务协同与智能决策，助力物流企业数字化升级。',
|
||||
badge: '大型物流集团',
|
||||
heroStats: [
|
||||
{ value: '标准化', label: '统一架构与数据标准' },
|
||||
{ value: '灵活化', label: '模块化配置快速适配' },
|
||||
{ value: '智能化', label: 'AI大模型深度应用' },
|
||||
{ value: '可视化', label: '全链路实时监控' }
|
||||
],
|
||||
painPoints: [
|
||||
{ title: '环节繁杂，系统分散', description: '物流业务跨多个环节，缺乏有效联动，数据重复录入。' },
|
||||
{ title: '业务与财务联动薄弱', description: '业务数据与财务数据分属不同系统，核算滞后。' },
|
||||
{ title: '网点分散，协同不足', description: '多网点广泛分布，数据同步存在延迟。' },
|
||||
{ title: '缺乏数据驱动能力', description: '现有系统只满足基础操作，无法形成深度分析能力。' }
|
||||
],
|
||||
architectureTitle: '全程物流链平台框架',
|
||||
architectureSteps: [
|
||||
{ title: '统一业务门户', description: '为船公司、船代、货代、报关、仓储等提供统一线上营业厅。' },
|
||||
{ title: '全链条协同', description: '打通订舱、报关、运输、仓储、交付各环节，实现业务联动。' },
|
||||
{ title: '智能分析决策', description: '通过 AI 大模型与数据分析技术挖掘全链条数据价值。' }
|
||||
],
|
||||
architectureImage: '/images/solution/chain.webp',
|
||||
architectureImageAlt: '全程物流链架构图',
|
||||
productLinks: [
|
||||
{ title: '岸基船公司运营管理系统', description: '业务智能操作、船舶动态管理、EDI无缝交换。', to: '/products/shipping/company' },
|
||||
{ title: '岸基船舶管理系统', description: '实现经营、运营、体系和财务一体化管理。', to: '/products/shipping/boat' },
|
||||
{ title: '岸基仓储管理系统', description: '提供在线委托、预约、结算和仓储协同能力。', to: '/products/logistics/warehouse' },
|
||||
{ title: '岸基船舶代理系统', description: '面向船代企业的完整业务操作解决方案。', to: '/products/logistics/ship-agent' },
|
||||
{ title: '岸基货运代理系统', description: '支撑货代核心流程的标准化与自动化。', to: '/products/logistics/cargo-agent' },
|
||||
{ title: '岸基车辆运输管理系统', description: '面向车队调度、成本核算与运输跟踪的一体化管理。', to: '/products/logistics/vehicle-transport' }
|
||||
],
|
||||
valueItems: [
|
||||
{ title: '降本提效', description: '统一平台降低沟通和系统切换成本，提升全链条执行效率。' },
|
||||
{ title: '集团级协同', description: '让多网点、多板块在同一数据基础上协同运作。' },
|
||||
{ title: '从信息化走向智能化', description: '把业务流程沉淀为可分析、可预测、可优化的数据能力。' }
|
||||
]
|
||||
},
|
||||
'port-supply-chain': {
|
||||
title: '港口供应链解决方案',
|
||||
description: '围绕大型港航集团，实现专业性、一体化、自主可控、AI赋能的数字化转型，从“物流中心”向“服务中心”升级。',
|
||||
badge: '大型港航集团',
|
||||
heroStats: [
|
||||
{ value: '50%+', label: '配载效率与资源利用率提升' },
|
||||
{ value: '10-15%', label: '码头整体作业效率提升' },
|
||||
{ value: '信创', label: '国产化自主可控' },
|
||||
{ value: '多元化', label: '收入结构升级' }
|
||||
],
|
||||
painPoints: [
|
||||
{ title: '数据孤岛与集团管控难题', description: '集团内部多业务系统数据割裂，难以形成统一管理视图。' },
|
||||
{ title: '协同效率低下', description: '港口与上下游合作伙伴协同流程繁琐，高度依赖人工干预。' },
|
||||
{ title: '作业智能化水平低', description: '缺乏先进算法和可视化技术支撑，复杂作业优化效率低。' },
|
||||
{ title: '信息化自主可控风险', description: '部分核心系统基于国外架构，存在供应链安全风险。' }
|
||||
],
|
||||
architectureTitle: '全链条数字化架构',
|
||||
architectureSteps: [
|
||||
{ title: '智能生产调度', description: '云码头智能操作系统支持全货种生产调度与 AI 可视化配载。' },
|
||||
{ title: '数据中台与信创', description: '集团级数据中台与信创统一接口平台，实现全域数据治理。' },
|
||||
{ title: '供应链协同', description: '网上业务大厅与运力交易大厅提供一站式服务入口。' }
|
||||
],
|
||||
architectureImage: '/images/solution/port_supply_chain.webp',
|
||||
architectureImageAlt: '港口供应链平台架构图',
|
||||
productLinks: [
|
||||
{ title: '岸基云码头智能操作系统', description: '兼容全货种码头的生产调度与智能配载。', to: '/products/port/cdi' },
|
||||
{ title: '集团级数据中台与信创统一接口平台', description: '为集团提供统一数据治理与国产化接口能力。' },
|
||||
{ title: '岸基网上业务大厅平台', description: '提供在线委托、预约、结算、运力撮合等服务。', to: '/products/ecommerce/obh' }
|
||||
],
|
||||
valueItems: [
|
||||
{ title: '作业效率突破性提升', description: 'AI 配载和可视化调度让复杂作业更快更稳。' },
|
||||
{ title: '国家政策合规性与安全', description: '满足关键系统国产化替代与自主可控要求。' },
|
||||
{ title: '成本优化与风险降低', description: '通过智能配载、自动监管与视频分析降低成本和风险。' }
|
||||
]
|
||||
},
|
||||
'supply-chain': {
|
||||
title: '大宗货物供应链解决方案',
|
||||
description: '纵向贯穿整个供应链，横向集成物流、商流、资金流、信息流，助力港口从“装卸商”向“单货种供应链服务商”转型。',
|
||||
badge: '贸易 / 物流 / 港口',
|
||||
heroStats: [
|
||||
{ value: 'N→1', label: '系统整合降低运维成本' },
|
||||
{ value: '100%', label: '货权清晰可控' },
|
||||
{ value: '收入创新', label: '新增交易佣金与金融服务收入' },
|
||||
{ value: '精细化', label: '单货种标准化管理' }
|
||||
],
|
||||
painPoints: [
|
||||
{ title: '货种难定制', description: '通用系统无法满足煤炭、矿石、粮食等货种精细化管理需求。' },
|
||||
{ title: '信息难打通', description: '生产、港口、运输、消费方数据割裂，集团对供应链控制力弱。' },
|
||||
{ title: '贸易物流脱节', description: '港口停留在物流节点角色，未能整合交易、仓储、金融。' },
|
||||
{ title: '作业成本高', description: '计划滞后、数据缺失，装卸效率受限且人工监管成本高。' }
|
||||
],
|
||||
architectureTitle: '供应链平台总体框架',
|
||||
architectureSteps: [
|
||||
{ title: '统一门户', description: '为港口、船代、货代、贸易商、金融机构提供统一业务入口。' },
|
||||
{ title: '业务协同', description: '实现港口、运输、仓储、贸易、金融等各环节协同。' },
|
||||
{ title: '智能分析', description: '通过大数据和 AI 对供应链各环节数据进行深度分析。' }
|
||||
],
|
||||
architectureImage: '/images/solution/supply_chain_goods.webp',
|
||||
architectureImageAlt: '大宗货物供应链架构图',
|
||||
productLinks: [
|
||||
{ title: '智慧港口生产管理系统', description: '支持单货种堆存区可视化管理与无人化计量。', to: '/products/port/cdi-bulk' },
|
||||
{ title: '岸基全程物流链系统', description: '打通单货种集疏运通道，实现一单到底与全程可视化。', to: '/products/logistics/platform' },
|
||||
{ title: '供应链商贸与金融服务系统', description: '围绕单货种货权提供线上交易与供应链金融服务。' }
|
||||
],
|
||||
valueItems: [
|
||||
{ title: '降本增效', description: '港口作业效率提升，物流时效加快，系统整合降低运维与运营成本。' },
|
||||
{ title: '控链与风控', description: '集团获得对核心单货种供应链的深度控制能力。' },
|
||||
{ title: '收入创新', description: '新增电子交易佣金和供应链金融服务费收入。' }
|
||||
]
|
||||
}
|
||||
}
|
||||
8
nuxt-web/layouts/default.vue
Normal file
8
nuxt-web/layouts/default.vue
Normal file
@@ -0,0 +1,8 @@
|
||||
<template>
|
||||
<div class="page-wrapper">
|
||||
<AppHeader />
|
||||
<slot />
|
||||
<AppFooter />
|
||||
<KefuWidget />
|
||||
</div>
|
||||
</template>
|
||||
45
nuxt-web/nuxt.config.ts
Normal file
45
nuxt-web/nuxt.config.ts
Normal file
@@ -0,0 +1,45 @@
|
||||
import { execFileSync } from 'node:child_process'
|
||||
|
||||
// https://nuxt.com/docs/api/configuration/nuxt-config
|
||||
const prerenderRoutes = JSON.parse(
|
||||
execFileSync('node', ['scripts/generate-prerender-routes.mjs'], {
|
||||
cwd: process.cwd(),
|
||||
encoding: 'utf-8'
|
||||
})
|
||||
) as string[]
|
||||
|
||||
export default defineNuxtConfig({
|
||||
compatibilityDate: '2025-07-15',
|
||||
devtools: { enabled: true },
|
||||
ssr: true,
|
||||
modules: [
|
||||
'@nuxt/content',
|
||||
'@nuxt/image',
|
||||
'@nuxtjs/sitemap',
|
||||
'@nuxtjs/robots',
|
||||
'@vueuse/nuxt'
|
||||
],
|
||||
css: ['~/assets/styles/main.css'],
|
||||
site: {
|
||||
url: 'https://example.com'
|
||||
},
|
||||
app: {
|
||||
head: {
|
||||
charset: 'utf-8',
|
||||
viewport: 'width=device-width, initial-scale=1',
|
||||
title: 'AgWeb Nuxt Migration',
|
||||
link: [
|
||||
{ rel: 'icon', type: 'image/x-icon', href: '/favicon.ico' }
|
||||
]
|
||||
}
|
||||
},
|
||||
routeRules: {
|
||||
'/**': { prerender: true }
|
||||
},
|
||||
nitro: {
|
||||
prerender: {
|
||||
crawlLinks: true,
|
||||
routes: prerenderRoutes
|
||||
}
|
||||
}
|
||||
})
|
||||
13945
nuxt-web/package-lock.json
generated
Normal file
13945
nuxt-web/package-lock.json
generated
Normal file
File diff suppressed because it is too large
Load Diff
27
nuxt-web/package.json
Normal file
27
nuxt-web/package.json
Normal file
@@ -0,0 +1,27 @@
|
||||
{
|
||||
"name": "nuxt-web",
|
||||
"type": "module",
|
||||
"private": true,
|
||||
"scripts": {
|
||||
"build": "nuxt build",
|
||||
"dev": "nuxt dev",
|
||||
"generate": "nuxt generate",
|
||||
"preview": "nuxt preview",
|
||||
"postinstall": "nuxt prepare"
|
||||
},
|
||||
"dependencies": {
|
||||
"@fancyapps/ui": "^6.1.0",
|
||||
"@nuxt/content": "^3.8.1",
|
||||
"@nuxt/image": "^1.11.0",
|
||||
"@nuxtjs/robots": "^5.5.6",
|
||||
"@nuxtjs/sitemap": "^7.4.7",
|
||||
"@vueuse/nuxt": "^13.6.0",
|
||||
"better-sqlite3": "^12.9.0",
|
||||
"nuxt": "^4.4.2",
|
||||
"swiper": "^11.2.10",
|
||||
"three": "^0.179.1",
|
||||
"typescript": "^5.9.2",
|
||||
"vue": "^3.5.32",
|
||||
"vue-router": "^5.0.4"
|
||||
}
|
||||
}
|
||||
46
nuxt-web/pages/cases/[slug].vue
Normal file
46
nuxt-web/pages/cases/[slug].vue
Normal file
@@ -0,0 +1,46 @@
|
||||
<script setup lang="ts">
|
||||
const route = useRoute()
|
||||
const casePath = `/cases/${route.params.slug}`
|
||||
|
||||
const { data: caseDoc } = await useAsyncData(`case-${route.params.slug}`, () => {
|
||||
return queryCollection('cases').path(casePath).first()
|
||||
})
|
||||
|
||||
if (!caseDoc.value) {
|
||||
throw createError({
|
||||
statusCode: 404,
|
||||
statusMessage: `Case not found: ${route.params.slug}`
|
||||
})
|
||||
}
|
||||
|
||||
useSeo({
|
||||
title: caseDoc.value.title,
|
||||
description: caseDoc.value.description,
|
||||
keywords: caseDoc.value.keywords,
|
||||
ogImage: caseDoc.value.cover,
|
||||
canonicalPath: casePath
|
||||
})
|
||||
|
||||
const breadcrumbItems = [
|
||||
{ label: '首页', to: '/' },
|
||||
{ label: '客户案例', to: '/cases' },
|
||||
{ label: caseDoc.value.title }
|
||||
]
|
||||
|
||||
const relatedProducts = (caseDoc.value.relatedProducts || []).map((item) => ({
|
||||
to: item,
|
||||
label: item
|
||||
}))
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<ProductDetailLayout
|
||||
:title="caseDoc!.title"
|
||||
:description="caseDoc!.summary"
|
||||
:banner-image="caseDoc!.cover"
|
||||
:breadcrumb-items="breadcrumbItems"
|
||||
:related-products="relatedProducts"
|
||||
>
|
||||
<ContentRenderer :value="caseDoc" />
|
||||
</ProductDetailLayout>
|
||||
</template>
|
||||
132
nuxt-web/pages/cases/index.vue
Normal file
132
nuxt-web/pages/cases/index.vue
Normal file
@@ -0,0 +1,132 @@
|
||||
<script setup lang="ts">
|
||||
import { computed, ref } from 'vue'
|
||||
import { caseCategories } from '~/data/case-categories'
|
||||
import ProductCard from '~/components/ProductCard.vue'
|
||||
|
||||
const selectedCategory = ref('all')
|
||||
|
||||
const legacyOrder = [
|
||||
'tangshan-ore-terminal',
|
||||
'zhongshan-port-service',
|
||||
'qinhuangdao-cargo-system',
|
||||
'zhongshan-container-terminal',
|
||||
'shanghai-hanghua-ship-agent',
|
||||
'fangchenggang-railway-container',
|
||||
'shanggang-liandai-booking',
|
||||
'weihai-gate-yard',
|
||||
'anhui-port-hefei',
|
||||
'smart-wuzhou-port',
|
||||
'zhongshan-xiaolan-remote',
|
||||
'yulong-terminal-system',
|
||||
'guangzhou-port-authority',
|
||||
'hengtong-logistics',
|
||||
'guangzhou-anzhida-logistics',
|
||||
'rizhao-hongyuan-logistics',
|
||||
'qiaoyi-logistics',
|
||||
'mobile-machinery-dispatch',
|
||||
'zhujiang-shipping',
|
||||
'hainan-strait-shipping',
|
||||
'hede-international-shipping',
|
||||
'shanghai-haihua-shipping',
|
||||
'jinjiang-shipping-ecommerce',
|
||||
'jiahua-shipping-system',
|
||||
'tianjin-zhongyun-shipping',
|
||||
'lianyungang-china-korea-ferry',
|
||||
'hede-global-supply-chain',
|
||||
'yantai-hanitek-container',
|
||||
'tangshan-haitong-shipping',
|
||||
'huanghua-vehicle-analysis',
|
||||
'beibuwan-shuttle-bus',
|
||||
'rizhao-huahai-shipping',
|
||||
'shanggang-liandai-integration',
|
||||
'shanghai-port-coastal-system',
|
||||
'tangshan-bigdata-platform',
|
||||
'shanghai-hanghua-cloud',
|
||||
'shanghai-penghua-platform',
|
||||
'shanghai-xinhai-freight',
|
||||
'canal-logistics-supervision'
|
||||
] as const
|
||||
|
||||
const legacyOrderMap = new Map(legacyOrder.map((slug, index) => [slug, index]))
|
||||
|
||||
const { data: cases } = await useAsyncData('cases-list', () => {
|
||||
return queryCollection('cases')
|
||||
.all()
|
||||
})
|
||||
|
||||
useSeo({
|
||||
title: '客户案例',
|
||||
description: '查看岸基科技服务的港口、航运、物流与供应链客户案例。',
|
||||
keywords: '岸基科技,客户案例,港口案例,航运案例,物流案例',
|
||||
canonicalPath: '/cases'
|
||||
})
|
||||
|
||||
const breadcrumbItems = [
|
||||
{ label: '首页', to: '/' },
|
||||
{ label: '客户案例' }
|
||||
]
|
||||
|
||||
const filteredCases = computed(() => {
|
||||
if (!cases.value) {
|
||||
return []
|
||||
}
|
||||
|
||||
const ordered = [...cases.value].sort((a, b) => {
|
||||
const orderA = legacyOrderMap.get(a.slug) ?? Number.MAX_SAFE_INTEGER
|
||||
const orderB = legacyOrderMap.get(b.slug) ?? Number.MAX_SAFE_INTEGER
|
||||
return orderA - orderB
|
||||
})
|
||||
|
||||
if (selectedCategory.value === 'all') {
|
||||
return ordered
|
||||
}
|
||||
|
||||
return ordered.filter((item) => item.categories?.includes(selectedCategory.value))
|
||||
})
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<div>
|
||||
<section class="page-title page-title3">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col col-xs-12">
|
||||
<h2>创新引领未来，合作成就卓越</h2>
|
||||
<p>以客户为中心，以响应为使命，以价值为承诺</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<div class="service-tab-nav-fullwidth">
|
||||
<div class="service-tab-nav">
|
||||
<div class="widget service-list-widget">
|
||||
<ul>
|
||||
<li
|
||||
v-for="category in caseCategories"
|
||||
:key="category.id"
|
||||
:class="{ current: selectedCategory === category.id }"
|
||||
>
|
||||
<a href="#" @click.prevent="selectedCategory = category.id">{{ category.label }}</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<section class="services-section section-padding" style="background-color: #fff;">
|
||||
<div class="container">
|
||||
<div class="product-cards" id="caseCards">
|
||||
<ProductCard
|
||||
v-for="item in filteredCases"
|
||||
:key="item.id"
|
||||
:title="item.title"
|
||||
:description="item.summary"
|
||||
:image="item.cover"
|
||||
:to="item.path"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
</template>
|
||||
128
nuxt-web/pages/company/culture.vue
Normal file
128
nuxt-web/pages/company/culture.vue
Normal file
@@ -0,0 +1,128 @@
|
||||
<script setup lang="ts">
|
||||
import { computed, ref } from 'vue'
|
||||
import { cultureGallery } from '~/data/company'
|
||||
|
||||
useSeo({
|
||||
title: '团队建设',
|
||||
description: '了解岸基科技的团队建设活动、旅行、运动和节日文化。',
|
||||
keywords: '岸基科技,团队建设,企业文化,团建活动',
|
||||
canonicalPath: '/company/culture'
|
||||
})
|
||||
|
||||
const breadcrumbItems = [
|
||||
{ label: '首页', to: '/' },
|
||||
{ label: '团队建设' }
|
||||
]
|
||||
|
||||
const selectedCategory = ref('all')
|
||||
const categories = [
|
||||
{ id: 'all', label: '全部' },
|
||||
{ id: 'travel', label: '旅行' },
|
||||
{ id: 'party', label: '聚会' },
|
||||
{ id: 'sport', label: '运动' },
|
||||
{ id: 'holiday', label: '节日' }
|
||||
]
|
||||
|
||||
const filteredItems = computed(() => {
|
||||
if (selectedCategory.value === 'all') {
|
||||
return cultureGallery
|
||||
}
|
||||
return cultureGallery.filter((item) => item.category === selectedCategory.value)
|
||||
})
|
||||
|
||||
useFancybox('[data-fancybox="culture-gallery"]')
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<div>
|
||||
<SectionBanner
|
||||
title="有温度的团队"
|
||||
description="不止有代码和方案，还有球场、烧烤与山海。"
|
||||
background-image="/images/page-title5.png"
|
||||
/>
|
||||
<Breadcrumb :items="breadcrumbItems" />
|
||||
<CompanySectionNav />
|
||||
|
||||
<main class="culture-page">
|
||||
<div class="filter-row">
|
||||
<button
|
||||
v-for="category in categories"
|
||||
:key="category.id"
|
||||
type="button"
|
||||
:class="['filter-chip', { active: selectedCategory === category.id }]"
|
||||
@click="selectedCategory = category.id"
|
||||
>
|
||||
{{ category.label }}
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<div class="culture-grid">
|
||||
<a
|
||||
v-for="item in filteredItems"
|
||||
:key="`${item.title}-${item.image}`"
|
||||
:href="item.image"
|
||||
data-fancybox="culture-gallery"
|
||||
class="culture-card"
|
||||
>
|
||||
<img :src="item.image" :alt="item.title">
|
||||
<div class="culture-card__body">
|
||||
<h2>{{ item.title }}</h2>
|
||||
<p>{{ item.meta }}</p>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
</main>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<style scoped>
|
||||
.culture-page {
|
||||
max-width: 1200px;
|
||||
margin: 0 auto;
|
||||
padding: 24px 20px 64px;
|
||||
}
|
||||
|
||||
.filter-row {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
gap: 10px;
|
||||
margin-bottom: 24px;
|
||||
}
|
||||
|
||||
.filter-chip {
|
||||
border: 1px solid #c6d6e7;
|
||||
background: #fff;
|
||||
border-radius: 999px;
|
||||
padding: 8px 14px;
|
||||
}
|
||||
|
||||
.filter-chip.active {
|
||||
background: #102541;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.culture-grid {
|
||||
display: grid;
|
||||
gap: 24px;
|
||||
grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
|
||||
}
|
||||
|
||||
.culture-card {
|
||||
overflow: hidden;
|
||||
border-radius: 18px;
|
||||
background: #fff;
|
||||
box-shadow: 0 12px 24px rgba(16, 37, 65, 0.08);
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
.culture-card img {
|
||||
width: 100%;
|
||||
aspect-ratio: 4 / 3;
|
||||
object-fit: cover;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.culture-card__body {
|
||||
padding: 16px;
|
||||
}
|
||||
</style>
|
||||
253
nuxt-web/pages/company/index.vue
Normal file
253
nuxt-web/pages/company/index.vue
Normal file
@@ -0,0 +1,253 @@
|
||||
<script setup lang="ts">
|
||||
import { computed } from 'vue'
|
||||
import { companyTimeline } from '~/data/company'
|
||||
|
||||
useSeo({
|
||||
title: '公司发展进程',
|
||||
description: '查看岸基科技从成立到持续创新发展的关键里程碑与业务成长轨迹。',
|
||||
keywords: '岸基科技,公司发展,发展进程,里程碑',
|
||||
canonicalPath: '/company'
|
||||
})
|
||||
|
||||
const breadcrumbItems = [
|
||||
{ label: '首页', to: '/' },
|
||||
{ label: '公司发展进程' }
|
||||
]
|
||||
|
||||
const timelineItems = computed(() => companyTimeline.map((item, index) => {
|
||||
const [year, month = ''] = item.date.split('.')
|
||||
return {
|
||||
...item,
|
||||
year,
|
||||
month,
|
||||
side: index % 2 === 0 ? 'right' : 'left'
|
||||
}
|
||||
}))
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<div>
|
||||
<SectionBanner
|
||||
title="创新成就梦想"
|
||||
description="通过核心软件产品推动港航业的发展与变革，为企业创造赢利点，提升中国物流运行效率。"
|
||||
background-image="/images/page-title6.png.webp"
|
||||
/>
|
||||
<Breadcrumb :items="breadcrumbItems" />
|
||||
<CompanySectionNav />
|
||||
|
||||
<main class="company-page">
|
||||
<section class="timeline-card">
|
||||
<div class="timeline-card__header">
|
||||
<h2>公司发展进程</h2>
|
||||
<p>Progress</p>
|
||||
</div>
|
||||
|
||||
<div class="history-timeline">
|
||||
<div class="history-center-line" />
|
||||
<article
|
||||
v-for="item in timelineItems"
|
||||
:key="`${item.date}-${item.title}`"
|
||||
:class="['history-entry', item.side === 'left' ? 'history-entry-left' : 'history-entry-right', { 'history-entry-highlight': item.highlight }]"
|
||||
>
|
||||
<div :class="item.side === 'left' ? 'history_L' : 'history_R'">
|
||||
<span :class="item.side === 'left' ? 'history_2006_span' : 'history_2005_span'">
|
||||
{{ item.year }}
|
||||
<i>{{ item.month ? `${item.month}月` : '' }}</i>
|
||||
</span>
|
||||
<b :class="[item.side === 'left' ? 'history_2006_b' : 'history_2005_b', { blue: item.highlight, blue_R: item.highlight && item.side === 'right' }]">
|
||||
<span :class="item.side === 'left' ? 'history_l_text' : 'history_r_text'">{{ item.title }}<br>{{ item.summary }}</span>
|
||||
</b>
|
||||
</div>
|
||||
</article>
|
||||
</div>
|
||||
</section>
|
||||
</main>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<style scoped>
|
||||
.company-page {
|
||||
max-width: 1200px;
|
||||
margin: 0 auto;
|
||||
padding: 24px 20px 64px;
|
||||
}
|
||||
|
||||
.timeline-card {
|
||||
background: #fff;
|
||||
border-radius: 24px;
|
||||
box-shadow: 0 16px 40px rgba(16, 37, 65, 0.08);
|
||||
padding: 32px 28px;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.timeline-card__header {
|
||||
text-align: center;
|
||||
margin-bottom: 24px;
|
||||
}
|
||||
|
||||
.timeline-card__header h2 {
|
||||
margin: 0;
|
||||
font-size: clamp(30px, 4vw, 48px);
|
||||
line-height: 1.1;
|
||||
color: #102541;
|
||||
}
|
||||
|
||||
.timeline-card__header p {
|
||||
margin: 10px 0 0;
|
||||
font-size: 18px;
|
||||
color: #7f8da3;
|
||||
}
|
||||
|
||||
.history-timeline {
|
||||
position: relative;
|
||||
display: grid;
|
||||
gap: 12px;
|
||||
padding: 16px 0;
|
||||
}
|
||||
|
||||
.history-center-line {
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
width: 4px;
|
||||
transform: translateX(-50%);
|
||||
border-radius: 999px;
|
||||
background: linear-gradient(180deg, rgba(20, 129, 255, 0.18), rgba(20, 129, 255, 0.9), rgba(20, 129, 255, 0.18));
|
||||
}
|
||||
|
||||
.history-entry {
|
||||
position: relative;
|
||||
width: 50%;
|
||||
}
|
||||
|
||||
.history-entry-left {
|
||||
justify-self: start;
|
||||
padding-right: 48px;
|
||||
}
|
||||
|
||||
.history-entry-right {
|
||||
justify-self: end;
|
||||
padding-left: 48px;
|
||||
}
|
||||
|
||||
.history-entry::before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 28px;
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
border-radius: 50%;
|
||||
background: #1481ff;
|
||||
box-shadow: 0 0 0 6px rgba(20, 129, 255, 0.14);
|
||||
}
|
||||
|
||||
.history-entry-left::before {
|
||||
right: -9px;
|
||||
}
|
||||
|
||||
.history-entry-right::before {
|
||||
left: -9px;
|
||||
}
|
||||
|
||||
.history_L,
|
||||
.history_R {
|
||||
margin: 0;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
.history_2005_span,
|
||||
.history_2006_span {
|
||||
display: inline-flex;
|
||||
flex-direction: column;
|
||||
gap: 2px;
|
||||
font-size: 18px;
|
||||
color: #0169d7;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.history_2005_span i,
|
||||
.history_2006_span i {
|
||||
font-style: normal;
|
||||
font-weight: 600;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.history_2005_b,
|
||||
.history_2006_b {
|
||||
display: block;
|
||||
width: calc(100% - 110px);
|
||||
padding: 12px 14px;
|
||||
border-radius: 8px;
|
||||
background: linear-gradient(135deg, #0070d2, #1481ff);
|
||||
}
|
||||
|
||||
.history_2005_b {
|
||||
margin-left: 15px;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.history_2006_b {
|
||||
margin-right: 15px;
|
||||
float: right;
|
||||
}
|
||||
|
||||
.history-entry-highlight .history_2005_b,
|
||||
.history-entry-highlight .history_2006_b {
|
||||
background: linear-gradient(135deg, #005dc0, #0169d7);
|
||||
}
|
||||
|
||||
.history_r_text,
|
||||
.history_l_text {
|
||||
display: block;
|
||||
color: #fff;
|
||||
font-size: 14px;
|
||||
line-height: 1.75;
|
||||
}
|
||||
|
||||
.history_r_text,
|
||||
.history_l_text {
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
@media (max-width: 991px) {
|
||||
.timeline-card {
|
||||
padding: 24px 18px;
|
||||
}
|
||||
|
||||
.history-timeline {
|
||||
padding-left: 28px;
|
||||
}
|
||||
|
||||
.history-center-line {
|
||||
left: 9px;
|
||||
transform: none;
|
||||
}
|
||||
|
||||
.history-entry,
|
||||
.history-entry-left,
|
||||
.history-entry-right {
|
||||
width: 100%;
|
||||
justify-self: stretch;
|
||||
padding: 0 0 0 32px;
|
||||
}
|
||||
|
||||
.history-entry::before,
|
||||
.history-entry-left::before,
|
||||
.history-entry-right::before {
|
||||
left: 0;
|
||||
right: auto;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.history_2005_span,
|
||||
.history_2006_span,
|
||||
.history_2005_b,
|
||||
.history_2006_b {
|
||||
float: none;
|
||||
width: 100%;
|
||||
margin: 0 0 12px;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
108
nuxt-web/pages/company/joinus.vue
Normal file
108
nuxt-web/pages/company/joinus.vue
Normal file
@@ -0,0 +1,108 @@
|
||||
<script setup lang="ts">
|
||||
import { jobOpenings } from '~/data/company'
|
||||
|
||||
useSeo({
|
||||
title: '人才招聘',
|
||||
description: '查看岸基科技当前开放岗位与招聘方向，了解我们正在寻找的团队伙伴。',
|
||||
keywords: '岸基科技,人才招聘,技术岗位,项目经理,开发工程师',
|
||||
canonicalPath: '/company/joinus'
|
||||
})
|
||||
|
||||
const breadcrumbItems = [
|
||||
{ label: '首页', to: '/' },
|
||||
{ label: '人才招聘' }
|
||||
]
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<div>
|
||||
<SectionBanner
|
||||
title="我们正在寻找"
|
||||
description="有梦想、有实力、有担当的你。"
|
||||
background-image="/images/page-title4.webp"
|
||||
/>
|
||||
<Breadcrumb :items="breadcrumbItems" />
|
||||
<CompanySectionNav />
|
||||
|
||||
<main class="joinus-page">
|
||||
<section class="jobs-grid">
|
||||
<article v-for="job in jobOpenings" :key="job.title" class="job-card">
|
||||
<div class="job-header">
|
||||
<img :src="job.image" :alt="job.title">
|
||||
<div>
|
||||
<h2>{{ job.title }}</h2>
|
||||
<p>{{ job.count }}</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="job-section">
|
||||
<h3>岗位职责</h3>
|
||||
<ul>
|
||||
<li v-for="item in job.responsibilities" :key="item">{{ item }}</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="job-section">
|
||||
<h3>任职资格</h3>
|
||||
<ul>
|
||||
<li v-for="item in job.qualifications" :key="item">{{ item }}</li>
|
||||
</ul>
|
||||
</div>
|
||||
</article>
|
||||
</section>
|
||||
|
||||
<section class="cta-card">
|
||||
<h2>我们招人了，你勇敢投简历了吗？</h2>
|
||||
<p>绩效、效益奖金、七险一金、周末双休、午餐住宿、生日礼物、节日福利、旅游团建与培训晋升，我们希望你来一起把事情做成。</p>
|
||||
<a href="mailto:agsoft@china-coast.com" class="cta-link">发送简历到 agsoft@china-coast.com</a>
|
||||
</section>
|
||||
</main>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<style scoped>
|
||||
.joinus-page {
|
||||
max-width: 1200px;
|
||||
margin: 0 auto;
|
||||
padding: 24px 20px 64px;
|
||||
display: grid;
|
||||
gap: 24px;
|
||||
}
|
||||
|
||||
.jobs-grid {
|
||||
display: grid;
|
||||
gap: 24px;
|
||||
}
|
||||
|
||||
.job-card,
|
||||
.cta-card {
|
||||
background: #fff;
|
||||
border-radius: 18px;
|
||||
box-shadow: 0 12px 24px rgba(16, 37, 65, 0.08);
|
||||
padding: 24px;
|
||||
}
|
||||
|
||||
.job-header {
|
||||
display: flex;
|
||||
gap: 16px;
|
||||
align-items: center;
|
||||
margin-bottom: 16px;
|
||||
}
|
||||
|
||||
.job-header img {
|
||||
width: 72px;
|
||||
height: 72px;
|
||||
object-fit: cover;
|
||||
border-radius: 50%;
|
||||
}
|
||||
|
||||
.job-section ul {
|
||||
padding-left: 18px;
|
||||
}
|
||||
|
||||
.cta-link {
|
||||
display: inline-block;
|
||||
margin-top: 12px;
|
||||
font-weight: 700;
|
||||
}
|
||||
</style>
|
||||
Some files were not shown because too many files have changed in this diff Show More
Reference in New Issue
Block a user