zd网站修改

src/request/request.js

@@ -18,8 +18,10 @@ export function request(config) {
   if (process.env.NODE_ENV === 'development') {
     //测试接口
     // baseURL = "http://192.168.1.143:9010"
+    // baseURL = "http://192.168.1.177:9010"
     // baseURL = 'http://test.ke.tubaosoft.com/prod-api';
     // baseURL = 'https://test.fms.tubaosoft.com/prod-api';
+    // baseURL = 'https://test.wms.tubaosoft.com/prod-api';
     // baseURL = 'https://bs.khzclogistics.com/prod-api';
     baseURL = 'https://zd.tubaosoft.com/prod-api';
   }
@@ -62,6 +64,8 @@ export function request(config) {
           //   location.href = '/login';
           window.location.href= '/login'
           // })
+        }).catch(error => {
+          window.location.href = '/'
         })
         break
       case 500:

src/router/index.js

@@ -150,5 +150,23 @@ export default new Router({
         footer:true
       }
     }
+    ,{
+      path: '/ocean',
+      name: 'ocean',
+      component: () => import('../views/serviceItems/oceanShipping'),
+      meta: {
+        keepAlive: true,
+        footer:true
+      }
+    }
+    ,{
+      path: '/custom',
+      name: 'custom',
+      component: () => import('../views/serviceItems/custom'),
+      meta: {
+        keepAlive: true,
+        footer:true
+      }
+    }
   ],
 });

src/views/aboutUs/introduction.vue

@@ -14,10 +14,10 @@
 <!--    </div>-->
     <div class="content" style="text-align: left;width: 80%;margin: 0 auto">
       <h1 style="text-align: center">公司简介</h1>
-      <p><b>企业简介：</b></p>
-      <p style="text-indent:30px;">青岛中电国际物流有限公司业务范围包括：大宗货物运输、大型设备运输、冷链运输等，价格合理，快捷方便，承接全国各地货物运输服务。以开拓的思路，超前的意识，塑造崭新的企业形象，在实践探索出来的管理机制和工作流程，为各企业货物运输提供便利、高质量的服务！</p>
-      <p style="text-indent:30px;">在传统的国际国内集装箱运输及代理业务基础上，公司现有综合业务包括大型仓储拆箱配送物流、多式联运、大陆桥运输、散杂货物租船代运、项目物流（含新建、改建和扩建纸业、电力等工程项目）、产品物流、过境保税加工、仓储等全方位的物流服务。 青岛中电国际物流有限公司拥有一支精良的项目管理队伍，以基于客户需求的项目营销为中心，致力于为客户提供全方位、一流的物流运输方案和实践，从而实现降低成本，以更有竞争力的价格服务好客户。</p>
-      <p style="text-indent:30px;">公司始终坚持以诚信、效率、创新为经营宗旨，以注重主动、高质量、效率高为服务方针，并注重长期关系，也正是由于这种稳健的作风和努力进取的精神赢得广大客户朋友的信赖，使公司业务得到稳定的发展。从业人员经过物流知识三年专业培训方能上岗、公司坚持“以人为本”的管理思想，以“诚信创新、敬业、奋进”为企业精神。24小时为客户提供服务，以及为企业设计物流方案。</p>
+<!--      <p><b>企业简介：</b></p>-->
+      <p style="text-indent:30px;">青岛中电国际物流有限公司业务范围包括：大宗货物运输、大型设备运输、冷链运输等，承接全国各地货物运输业务。</p>
+      <p style="text-indent:30px;">在传统的国际国内集装箱运输及代理业务基础上，公司现有综合业务包括大型仓储拆箱配送物流、多式联运、大陆桥运输、散杂货物租船代运、项目物流、仓储等全方位的物流服务。 青岛中电国际物流有限公司拥有一支精良的项目管理队伍，以客户需求的为主要目标，致力于为客户提供全方位、一流的物流运输方案和实践。</p>
+      <p style="text-indent:30px;">公司始终坚持以诚信、效率、创新为经营宗旨，并注重长期关系。从业人员经过物流知识三年专业培训方能上岗，公司坚持“以人为本”的管理思想，以“诚信创新、敬业、奋进”为企业精神，全方位为客户提供服务。</p>
       <p style="text-indent:30px;">我们可针对客户需求订制个性化解决方案，将运输管理、仓库管理以及订单管理进行一体化整合，公司统一管理，统一调度，实现了规模化，现代化管理模式。</p>
       <hr style="border: 1px dashed #2A328E">
       <div style="display: flex;justify-content: space-between;">

src/views/footer/index.vue

@@ -2,38 +2,25 @@
 <!--  <div style="width: 100%;background-color: #00163C;">-->
   <div style="width: 100%;background-color: #710702;margin-top: 50px;">
     <div style="width: 100%;margin: 0 auto;display:flex;justify-content: space-around;padding-top: 20px;padding-bottom: 20px;">
-      <div style="width: 75%;display:flex;justify-content: space-between;color:#ffffff;font-size: 14px;font-weight:bold">
-<!--        <ul style="list-style:none;text-align: left">-->
-<!--          <li style="margin-bottom: 10px" class="nav-title">解决方案 <span>/solition</span></li>-->
-<!--          <li>电子政务</li>-->
-<!--          <li>金融行业</li>-->
-<!--          <li>电力行业</li>-->
-<!--        </ul>-->
-<!--        <ul style="list-style:none;text-align: left">-->
-<!--          <li style="margin-bottom: 10px" class="nav-title">服务支持 <span>/service</span></li>-->
-<!--          <li>服务体系</li>-->
-<!--          <li>服务优势</li>-->
-<!--          <li>服务热线</li>-->
-<!--        </ul>-->
-<!--        <ul style="list-style:none;text-align: left">-->
-<!--          <li style="margin-bottom: 10px" class="nav-title">资讯中心 <span>/news</span></li>-->
-<!--          <li>通知公告</li>-->
-<!--          <li>业界新闻</li>-->
-<!--          <li>政策通告</li>-->
-<!--        </ul>-->
+      <div style="width: 75%;display:flex;justify-content: flex-start;color:#ffffff;font-size: 14px;font-weight:bold">
         <div style="text-align: left;">
-          <h2>关于我们--公司简介</h2>
           <h3>服务项目</h3>
-          <ul style="list-style:none;text-align: left;cursor: pointer">
-            <router-link to="/transport"> <li>仓储运输</li></router-link>
-            <router-link to="/coldChain"><li>冷链物流</li></router-link>
-            <router-link to="/project"><li>项目物流</li></router-link>
-            <router-link to="/railway"><li>中欧铁路物流</li></router-link>
-            <router-link to="/stock"><li>云仓库存</li></router-link>
-            <!--          <router-link to="/introduction"><li>公司介绍</li></router-link>-->
-            <!--          <li>校园招聘</li>-->
-            <!--          <li>社会招聘</li>-->
-            <!--          <router-link to=""><li>联系我们</li></router-link>-->
+            <ul style="list-style:none;text-align: left;cursor: pointer">
+              <router-link to="/ocean"> <li>国际货运代理</li></router-link>
+              <router-link to="/transport"> <li>仓储运输</li></router-link>
+              <router-link to="/custom"> <li>报关报检</li></router-link>
+              <router-link to="/project"><li>大型项目物流</li></router-link>
+              <router-link to="/coldChain"><li>供应链管理</li></router-link>
+              <router-link to="/railway"><li>中欧铁路物流</li></router-link>
+              <router-link to="/stock"><li>云仓平台</li></router-link>
+            </ul>
+        </div>
+        <div style="margin-left: 60px">
+          <h3>服务平台</h3>
+          <ul style="list-style:none;text-align: left;cursor: pointer;margin-left: 50px">
+            <li>供应链平台</li>
+            <li>运输管理平台</li>
+            <li>商品管理平台</li>
           </ul>
         </div>
       </div>

src/views/home/index.vue

@@ -1,6 +1,6 @@
 <template>
   <div style="background-color: #f2f6f9">
-    <el-carousel height="400px" indicator-position="none" ref="banner">
+    <el-carousel height="500px" indicator-position="none" ref="banner">
       <el-carousel-item>
         <div class="banner-img1">
         </div>
@@ -53,108 +53,116 @@
 <!--    </el-carousel>-->
     <!--    浮动块-->
     <!--    <div style="width: 60%;height: 300px;background-color: #e32121;margin: 100px auto"></div>-->
-    <div style="margin-top: 40px">
-      <h1 class="bigTitle" style="margin-bottom: 15px;color: #0051a2;">供应链管理</h1>
-      <p style="color: #333;font-size: 17px;width: 50%;margin: 0 auto;line-height: 1.8">青岛中电国际物流有限公司拥有19年供应链管理经验，物流网络覆盖全国，是客户值得信赖的品牌。</p>
-      <div class="container">
-        <div style="display: flex;justify-content: space-between;">
-          <div class="left" style="width: 47%">
-            <p class="small-title"><router-link to="/transport">仓储运输</router-link></p>
-            <div>
-              <img src="../../assets/SCM/SCM002.jpg" width="100%">
-            </div>
-          </div>
-          <div class="right" style="width: 47%">
-            <p class="small-title"><router-link to="/coldChain">冷链物流</router-link></p>
-            <div>
-              <img src="../../assets/SCM/SCM003.jpg" width="100%">
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-    <div style="margin-top: 40px">
-      <h1 class="bigTitle" style="margin-bottom: 15px;color: #0051a2">现代物流</h1>
-      <p style="color: #333;font-size: 17px;width: 50%;margin: 0 auto;line-height: 1.8">为了满足客户的需求，我公司通过现代化的物流管理，以最低的成本，通过运输、保管、配送等方式，实现原材料、半成品、成品或相关信息，为客户进行由商品的产地到商品的消费地的计划、实施和管理。</p>
-      <div class="container">
-        <div style="display: flex;justify-content: space-between;">
-          <div class="left" style="width: 47%">
-            <p class="small-title"><router-link to="/project">项目物流</router-link></p>
-            <div>
-              <img src="../../assets/logistics/logistics2.jpg" width="100%">
-            </div>
-          </div>
-          <div class="right" style="width: 47%">
-            <p class="small-title"><router-link to="/railway">中欧铁路物流</router-link></p>
-            <div>
-              <img src="../../assets/logistics/logistics3.jpg" width="100%">
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-    <!--   供应链管理 -->
-<!--    <div class="SCM">-->
-<!--      <div class="container" style="height: 100%;display: flex;justify-content: space-between;align-items: center">-->
-<!--        <div class="SCM-left" style="text-align: left">-->
-<!--          <div class="pic" id="pic">-->
-<!--            <div class="SCM-left-1" style="margin-bottom: 15px;width: 100%;">-->
-<!--              <img src="../../assets/SCM/SCM001.jpg" height="100%" id="pic1" ref="bug">-->
+<!--    <div style="margin-top: 40px">-->
+<!--      <h1 class="bigTitle" style="margin-bottom: 15px;color: #0051a2;">供应链管理</h1>-->
+<!--      <p style="color: #333;font-size: 17px;width: 50%;margin: 0 auto;line-height: 1.8">青岛中电国际物流有限公司拥有19年供应链管理经验，物流网络覆盖全国，是客户值得信赖的品牌。</p>-->
+<!--      <div class="container">-->
+<!--        <div style="display: flex;justify-content: space-between;">-->
+<!--          <div class="left" style="width: 47%">-->
+<!--            <p class="small-title"><router-link to="/transport">仓储运输</router-link></p>-->
+<!--            <div>-->
+<!--              <img src="../../assets/SCM/SCM002.jpg" width="100%">-->
 <!--            </div>-->
-<!--            <div class="SCM-left-2">-->
-<!--              <img src="../../assets/SCM/SCM002.jpg" height="100%" id="pic2">-->
+<!--          </div>-->
+<!--          <div class="right" style="width: 47%">-->
+<!--            <p class="small-title"><router-link to="/coldChain">冷链物流</router-link></p>-->
+<!--            <div>-->
+<!--              <img src="../../assets/SCM/SCM003.jpg" width="100%">-->
 <!--            </div>-->
 <!--          </div>-->
 <!--        </div>-->
-<!--        <el-card class="SCM-right" style="display: flex;flex-direction: column;justify-content: space-between">-->
-<!--          <h1 class="SCM-BigTitle" style="margin-bottom: 15px;color: #2A328E;text-align: left;">供应链管理</h1>-->
-<!--          <div>-->
-<!--            <p>青岛中电国际物流有限公司拥有19年供应链管理经验，物流网络覆盖全国，是客户值得信赖的品牌。</p>-->
-<!--          </div>-->
-<!--          <div style="display: flex;justify-content: space-evenly">-->
+<!--      </div>-->
+<!--    </div>-->
+<!--    <div style="margin-top: 40px">-->
+<!--      <h1 class="bigTitle" style="margin-bottom: 15px;color: #0051a2">国际海运进出口</h1>-->
+<!--      <p style="color: #333;font-size: 17px;width: 50%;margin: 0 auto;line-height: 1.8">多年海运进出口经验，严格把控每个环节，为客户分忧，保质保量地将货物送达目的地。</p>-->
+<!--      <div class="container">-->
+<!--        <div style="display: flex;justify-content: space-between;">-->
+<!--          <div class="left" style="width: 47%">-->
+<!--            <p class="small-title"><router-link to="/ocean">国际海运进出口</router-link></p>-->
 <!--            <div>-->
-<!--              <p class="SCM-right-title"><router-link to="/transport">仓储运输</router-link></p>-->
-<!--              &lt;!&ndash;            <div>专业从事国内货物长途整车、零担配载运输、大件运输、货物仓储、仓储管理。</div>&ndash;&gt;-->
-<!--              &lt;!&ndash;            <div>我司每年代理进口及运输20多万吨棉花，10万吨芝麻等货物，并为客户进行仓储管理，所管理的20余个仓库遍布山东省，依托先进的仓储物流平台管理系统，可以给客户提供便捷、安全、随时随地可监控的仓储管理，彻底解决客户的后顾之忧。</div>&ndash;&gt;-->
+<!--              <img src="../../assets/sea/sea1.jpg" width="100%">-->
 <!--            </div>-->
+<!--          </div>-->
+<!--          <div class="right" style="width: 47%">-->
+<!--            <p class="small-title"><router-link to="/custom">报关检查</router-link></p>-->
 <!--            <div>-->
-<!--              <p class="SCM-right-title"><router-link to="/coldChain">冷链物流</router-link></p>-->
-<!--              &lt;!&ndash;            <p>冷链物流服务是本公司针对于运送生鲜类货物的客户的一项专属服务。保障了对于配送温度控制方面要求较高的生鲜类、冻品类的商品品质，我们会按照各种生鲜类货物的要求，采取定制化、个性化的方案，竭力满足客户在冷链运输上的所有需求。</p>&ndash;&gt;-->
+<!--              <img src="../../assets/sea/sea2.jpg" width="100%">-->
 <!--            </div>-->
 <!--          </div>-->
-<!--        </el-card>-->
+<!--        </div>-->
 <!--      </div>-->
 <!--    </div>-->
-<!--&lt;!&ndash;    现代物流&ndash;&gt;-->
-<!--    <div class="logistics">-->
-<!--&lt;!&ndash;      <h1 style="margin-bottom: 15px;color: #2A328E">现代物流</h1>&ndash;&gt;-->
-<!--      <div class="container" style="height: 100%;display: flex;justify-content: space-between;align-items: center">-->
-<!--        <div class="logistics-right" style="text-align: left">-->
-<!--          <h1 class="SCM-BigTitle" style="margin-bottom: 15px;color: #2A328E;text-align: center" :style="{width: titleWidth == 0?'100%':titleWidth+'px'}">现代物流</h1>-->
-<!--          <div class="pic">-->
-<!--            <div style="margin-bottom: 15px">-->
-<!--              <img src="../../assets/logistics/logistics1.jpg" height="100%">-->
+<!--    <div style="margin-top: 40px">-->
+<!--      <h1 class="bigTitle" style="margin-bottom: 15px;color: #0051a2">现代物流</h1>-->
+<!--      <p style="color: #333;font-size: 17px;width: 50%;margin: 0 auto;line-height: 1.8">为了满足客户的需求，我公司通过现代化的物流管理，以最低的成本，通过运输、保管、配送等方式，实现原材料、半成品、成品或相关信息，为客户进行由商品的产地到商品的消费地的计划、实施和管理。</p>-->
+<!--      <div class="container">-->
+<!--        <div style="display: flex;justify-content: space-between;">-->
+<!--          <div class="left" style="width: 47%">-->
+<!--            <p class="small-title"><router-link to="/project">项目物流</router-link></p>-->
+<!--            <div>-->
+<!--              <img src="../../assets/logistics/logistics2.jpg" width="100%">-->
 <!--            </div>-->
+<!--          </div>-->
+<!--          <div class="right" style="width: 47%">-->
+<!--            <p class="small-title"><router-link to="/railway">中欧铁路物流</router-link></p>-->
 <!--            <div>-->
-<!--              <img src="../../assets/logistics/logistics2.jpg" height="100%">-->
+<!--              <img src="../../assets/logistics/logistics3.jpg" width="100%">-->
 <!--            </div>-->
 <!--          </div>-->
 <!--        </div>-->
-<!--        <el-card class="logistics-left" style="display: flex;flex-direction: column;justify-content: space-between">-->
-<!--          <div>-->
-<!--            <p>为了满足客户的需求，我公司通过现代化的物流管理，以最低的成本，通过运输、保管、配送等方式，实现原材料、半成品、成品或相关信息，为客户进行由商品的产地到商品的消费地的计划、实施和管理。</p>-->
-<!--          </div>-->
-<!--          <div>-->
-<!--            <p class="logistics-left-title"><router-link to="/project">项目物流</router-link></p>-->
-<!--            <p>根据客户需求及行业特点，我司可提供定制化、差异化的解决方案，包括物流服务方案和客户服务方案</p>-->
-<!--          </div>-->
-<!--          <div>-->
-<!--            <p class="logistics-left-title"><router-link to="/railway">中欧铁路物流</router-link></p>-->
-<!--            <p>公司在铁路服务方面也拥有一批高素质、操作经验丰富的专业团队，擅长组织大型项目工程设备、大件、超限货物的运输，从中国内陆运往中国周边国家及欧洲，以及以上地区进口到中国内地的铁路运输。中电物流在国际铁路联运、国际多式联运、国境运输、进出口联运车皮计划、在途货物运行跟踪、门到门服务等方面具有明显优势。</p>-->
-<!--          </div>-->
-<!--        </el-card>-->
 <!--      </div>-->
 <!--    </div>-->
+
+
+    <div class="wrapper">
+      <div class="container">
+        <div>
+          <p class="small-title"><router-link to="/ocean">国际货运代理</router-link></p>
+          <div>
+            <img src="../../assets/sea/sea3.jpg" alt="" width="100%">
+          </div>
+        </div>
+        <div>
+          <p class="small-title"><router-link to="/transport">仓储运输</router-link></p>
+          <div>
+            <img src="../../assets/SCM/SCM002.jpg" width="100%">
+          </div>
+        </div>
+      </div>
+    </div>
+    <div class="wrapper">
+      <div class="container">
+        <div>
+          <p class="small-title"><router-link to="/custom">报关报检</router-link></p>
+          <div>
+            <img src="../../assets/sea/sea2.jpg" alt="" width="100%">
+          </div>
+        </div>
+        <div>
+          <p class="small-title"><router-link to="/project">大型项目物流</router-link></p>
+          <div>
+            <img src="../../assets/logistics/logistics5.jpg" width="100%">
+          </div>
+        </div>
+      </div>
+    </div>
+    <div class="wrapper">
+      <div class="container">
+        <div>
+          <p class="small-title"><router-link to="/coldChain">供应链管理</router-link></p>
+          <div>
+            <img src="../../assets/SCM/SCM004.jpg" alt="" width="100%">
+          </div>
+        </div>
+        <div>
+          <p class="small-title"><router-link to="/railway">中欧铁路物流</router-link></p>
+          <div>
+            <img src="../../assets/logistics/logistics4.jpg" width="100%">
+          </div>
+        </div>
+      </div>
+    </div>
   </div>
 </template>
 
@@ -259,8 +267,10 @@ a {
   background-size: 100% !important
 }
 .container {
-  width: 50%;
+  width: 70%;
   margin: 0px auto;
+  display: flex;
+  justify-content: center;
 }
 .tra-top, .tra-center, .tra-bottom {
   display: flex;
@@ -322,19 +332,19 @@ a {
 .banner-img1 {
   width: 100%;
   height: 100%;
-  background: url("../../assets/banner/BANNER_N1.jpg") no-repeat center center;
+  background: url("../../assets/banner/BANNER_N10.jpg") no-repeat  center;
   background-size: cover;
 }
 .banner-img2 {
   width: 100%;
   height: 100%;
-  background: url("../../assets/banner/BANNER_N2.jpg") no-repeat center center;
+  background: url("../../assets/banner/banner_ZD1.jpg") no-repeat 100%;
   background-size: cover;
 }
 .banner-img3 {
   width: 100%;
   height: 100%;
-  background: url("../../assets/banner/BANNER_N3.jpg") no-repeat center center;
+  background: url("../../assets/banner/banner_ZD3.jpg") no-repeat center center;
   background-size: cover;
 }
 .small-title {
@@ -345,4 +355,8 @@ a {
 .bigTitle {
   font-family: "arial";
 }
+.wrapper {
+  width: 100%;
+  margin-top: 50px;
+}
 </style>

src/views/login/index.vue

@@ -198,7 +198,7 @@ export default {
   //background-color: #2c3e50;
   position: absolute;
   //background-image: url("https://www.dmu.com.cn/images/banner/banner41.jpg?v=2");
-  background: url("../../assets/banner/BANNER_Z1.jpg") no-repeat center center;
+  background: url("../../assets/banner/BANNER_Z1.jpg") no-repeat 100% 100%;
   background-size: cover;
 }
 .title {
@@ -208,7 +208,9 @@ export default {
   //color: #FFFFFF;
   color: #2A328E;
 }
-
+.login{
+  padding: 0!important;
+}
 .login-form {
   border-radius: 6px;
   //background: none;

src/views/navigation/navigation.vue

@@ -37,17 +37,19 @@
         <template slot="title">服务项目</template>
 <!--        <el-menu-item index="/management">经营范围</el-menu-item>-->
 <!--        <el-menu-item index="/business">进出口业务</el-menu-item>-->
+        <el-menu-item index="/ocean">国际货运代理</el-menu-item>
         <el-menu-item index="/transport">仓储运输</el-menu-item>
-        <el-menu-item index="/coldChain">冷链物流</el-menu-item>
-        <el-menu-item index="/project">项目物流</el-menu-item>
+        <el-menu-item index="/custom">报关报检</el-menu-item>
+        <el-menu-item index="/project">大型项目物流</el-menu-item>
+        <el-menu-item index="/coldChain">供应链管理</el-menu-item>
         <el-menu-item index="/railway">中欧铁路物流</el-menu-item>
-        <el-menu-item index="/stock">仓储平台</el-menu-item>
+        <el-menu-item index="/stock">云仓平台</el-menu-item>
       </el-submenu>
       <el-submenu index="52">
         <template slot="title">联系我们</template>
         <el-menu-item index="">联系电话：86-532-85709113</el-menu-item>
 <!--        <el-menu-item index="">联系邮箱：00888888@163.com</el-menu-item>-->
-        <el-menu-item index="">公司地址：青岛市香港中路68号华普大厦17A</el-menu-item>
+        <el-menu-item index="">公司总部：青岛市香港中路68号华普大厦17A</el-menu-item>
       </el-submenu>
 <!--      <div style="width: 100px;margin-top: 18px;float: right;color: #909399;font-size: 15px;" @click="warning">-->
 <!--        中文&nbsp;&nbsp;|&nbsp;&nbsp;English-->

src/views/serviceItems/coldChain.vue

@@ -1,8 +1,8 @@
 <template>
   <div>
     <div class="content" style="text-align: left;width: 80%;margin: 0 auto">
-      <h1 style="text-align: center">冷链物流</h1>
-      <p><b>冷链物流：</b></p>
+      <h1 style="text-align: center">供应链管理</h1>
+<!--      <p><b>冷链物流：</b></p>-->
       <p style="text-indent:2em;">冷链物流服务是本公司针对于运送生鲜类货物的客户的一项专属服务。保障了对于配送温度控制方面要求较高的生鲜类、冻品类的商品品质，我们会按照各种生鲜类货物的要求，采取定制化、个性化的方案，竭力满足客户在冷链运输上的所有需求。</p>
       <hr style="border: 1px dashed #2A328E">
       <div style="display: flex;justify-content: space-between;">

src/views/serviceItems/custom.vue

@@ -0,0 +1,41 @@
+<template>
+  <div>
+    <div class="content" style="text-align: left;width: 80%;margin: 0 auto">
+      <h1 style="text-align: center">报关报检</h1>
+      <!--      <p><b>冷链物流：</b></p>-->
+      <p style="text-indent:2em;">我司报关行配备数名多年从事报关行业的资深人士，可以帮助客户解答和处理货物进出口所遇到的各种问题。</p>
+      <p style="text-indent:2em;">团队专业素质全面、专业能力卓越，保证报关质量及通关速度。</p>
+      <hr style="border: 1px dashed #2A328E">
+      <div style="display: flex;justify-content: space-between;">
+        <div style="width: 30%">
+          <img src="../../assets/custom/custom1.jpg" width="100%" alt="">
+        </div>
+        <div style="width: 30%">
+          <img src="../../assets/custom/custom2.jpg" width="100%" alt="">
+        </div>
+        <div style="width: 30%">
+          <img src="../../assets/custom/custom3.jpg" width="100%" alt="">
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "custom"
+}
+</script>
+
+<style scoped>
+* {
+  font-family: "Microsoft YaHei", Arial, sans-serif, Helvetica;
+}
+.content {
+  line-height: 1.8;
+}
+h1 {
+  color: #0051a2;
+  font-family: "arial";
+}
+</style>

src/views/serviceItems/oceanShipping.vue

@@ -0,0 +1,40 @@
+<template>
+  <div>
+    <div class="content" style="text-align: left;width: 80%;margin: 0 auto">
+      <h1 style="text-align: center">国际货运代理</h1>
+      <!--      <p><b>冷链物流：</b></p>-->
+      <p style="text-indent:2em;">我司拥有专业的进出口团队，舱位资源充足，为客户严格把控每个环节。承办各类进出口货物的海洋运输订舱、集中托运、港口交接、集装箱运输、集装箱中转及拆拼箱、散货运输、仓储分拨，并可代客户承办海洋运输保险、理货、报关、报检、结算运杂费等业务，为客户提供“一站式”综合性物流服务。</p>
+      <hr style="border: 1px dashed #2A328E">
+      <div style="display: flex;justify-content: space-between;">
+        <div style="width: 30%">
+          <img src="../../assets/ocean/ocean1.jpg" width="100%" alt="">
+        </div>
+        <div style="width: 30%">
+          <img src="../../assets/ocean/ocean2.jpg" width="100%" alt="">
+        </div>
+        <div style="width: 30%">
+          <img src="../../assets/ocean/ocean3.jpg" width="100%" alt="">
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "ocean"
+}
+</script>
+
+<style scoped>
+* {
+  font-family: "Microsoft YaHei", Arial, sans-serif, Helvetica;
+}
+.content {
+  line-height: 1.8;
+}
+h1 {
+  color: #0051a2;
+  font-family: "arial";
+}
+</style>

src/views/serviceItems/project.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="content" style="text-align: left;width: 80%;margin: 0 auto">
-    <h1 style="text-align: center">项目物流</h1>
-    <p><b>项目物流：</b></p>
+    <h1 style="text-align: center">大型项目物流</h1>
+<!--    <p><b>项目物流：</b></p>-->
     <p style="text-indent:2em;">根据客户需求及行业特点，我司可提供定制化、差异化的解决方案，包括物流服务方案和客户服务方案</p>
     <hr style="border: 1px dashed #2A328E">
     <div style="display: flex;justify-content: space-between;">

src/views/serviceItems/railway.vue

@@ -2,7 +2,7 @@
   <div>
     <div class="content" style="text-align: left;width: 80%;margin: 0 auto">
       <h1 style="text-align: center">中欧铁路物流</h1>
-      <p><b>中欧铁路物流：</b></p>
+<!--      <p><b>中欧铁路物流：</b></p>-->
       <p style="text-indent:2em;">公司在铁路服务方面也拥有一批高素质、操作经验丰富的专业团队，擅长组织大型项目工程设备、大件、超限货物的运输，从中国内陆运往中国周边国家及欧洲，以及以上地区进口到中国内地的铁路运输。中电物流在国际铁路联运、国际多式联运、国境运输、进出口联运车皮计划、在途货物运行跟踪、门到门服务等方面具有明显优势。</p>
       <hr style="border: 1px dashed #2A328E">
       <div style="display: flex;justify-content: space-between;">

src/views/serviceItems/transport.vue

@@ -2,7 +2,7 @@
   <div>
     <div class="content" style="text-align: left;width: 80%;margin: 0 auto">
       <h1 style="text-align: center">仓储运输</h1>
-      <p><b>仓储运输：</b></p>
+<!--      <p><b>仓储运输：</b></p>-->
       <p style="text-indent:2em;">专业从事国内货物长途整车、零担配载运输、大件运输、货物仓储、仓储管理。</p>
       <p style="text-indent:2em;">我司每年代理进口及运输20多万吨棉花，10万吨芝麻等货物，并为客户进行仓储管理，所管理的20余个仓库遍布山东省，依托先进的仓储物流平台管理系统，可以给客户提供便捷、安全、随时随地可监控的仓储管理，彻底解决客户的后顾之忧。</p>
       <hr style="border: 1px dashed #2A328E">