diff --git a/.env.development b/.env.development
index 99b24ba..0ef80c4 100644
--- a/.env.development
+++ b/.env.development
@@ -9,4 +9,4 @@ NODE_ENV = 'development'
 # 如果没有跨域问题，直接在这里配置即可
 # VITE_APP_BASE_API = 'http://192.168.1.116:8080'
 # VITE_APP_BASE_API = 'http://121.41.36.72:8080'
-VITE_APP_BASE_API = 'http://www.cvlip.com:8080'
+VITE_APP_BASE_API = 'http://www.cvlip.com:9003'
diff --git a/.env.production b/.env.production
index bd96e6e..d349959 100644
--- a/.env.production
+++ b/.env.production
@@ -2,7 +2,7 @@
 NODE_ENV = "production"
 
 # 线上环境接口地址
-VITE_APP_BASE_API = '/api'
+VITE_APP_BASE_API = 'http://www.cvlip.com:8080'
 
 # 是否启用 gzip 或 brotli 压缩打包，如果需要多个压缩规则，可以使用 “,” 分隔
 # Optional: gzip | brotli | none
diff --git a/src/views/ApiManage/components/ApiTable.vue b/src/views/ApiManage/components/ApiTable.vue
index 734c602..b0fd8a6 100644
--- a/src/views/ApiManage/components/ApiTable.vue
+++ b/src/views/ApiManage/components/ApiTable.vue
@@ -67,8 +67,9 @@ const onClickChangeApiType = async (item: apiInterface) => {
   if (item === currentApiType.value) return;
 
   currentApiType.value = item;
+  loadMoreState.value = 'load';
   currentPage.value = 1;
-  await getTableDataList();
+  tableData.value = [];
 };
 
 // 表格数据
diff --git a/src/views/Boat/components/BoatTable.vue b/src/views/Boat/components/BoatTable.vue
index 478efe6..eb8bb99 100644
--- a/src/views/Boat/components/BoatTable.vue
+++ b/src/views/Boat/components/BoatTable.vue
@@ -8,7 +8,7 @@
         </div>
       </div>
       <div class="header-title">船货信息表</div>
-      <div></div>
+      <div style="height: 50px"></div>
     </div>
 
     <div class="footer">
@@ -60,7 +60,7 @@
       </div>
       <!-- 分页 -->
       <div class="footer-pagination">
-        <div class="notice">仅列出最近十日收到的订阅船期信息</div>
+        <div class="notice-wrap"><div class="notice">仅列出最近十日收到的订阅船期信息</div></div>
       </div>
     </div>
 
@@ -187,6 +187,7 @@ const onClickCellOpenDetail = (row: BoatInfoType) => {
   flex-direction: column;
   width: 100%;
   .header {
+    position: relative;
     box-sizing: border-box;
     display: flex;
     flex-shrink: 0;
@@ -217,6 +218,8 @@ const onClickCellOpenDetail = (row: BoatInfoType) => {
       }
     }
     .header-title {
+      position: absolute;
+      left: 50%;
       display: flex;
       justify-content: center;
       padding: 0 16px;
@@ -224,6 +227,7 @@ const onClickCellOpenDetail = (row: BoatInfoType) => {
       font-style: normal;
       font-weight: 700;
       color: #fff;
+      transform: translateX(-50%);
     }
   }
   .footer {
@@ -297,25 +301,27 @@ const onClickCellOpenDetail = (row: BoatInfoType) => {
     }
     .footer-pagination {
       box-sizing: border-box;
-      display: flex;
-      align-items: center;
-      justify-content: center;
       width: 100%;
-      margin-top: 40px;
-      .notice {
+      padding: 16px;
+      .notice-wrap {
         display: flex;
         align-items: center;
         justify-content: center;
-        width: 700px;
-        height: 40px;
-        margin-top: 30px;
-        overflow: hidden;
-        font-size: 16px;
-        color: #d7d7d7;
-        text-overflow: ellipsis;
-        white-space: nowrap;
-        background-color: rgb(127 127 127 / 100%);
-        border-radius: 20px;
+        .notice {
+          display: flex;
+          align-items: center;
+          justify-content: center;
+          width: 700px;
+          height: 40px;
+          margin-top: 30px;
+          overflow: hidden;
+          font-size: 16px;
+          color: #d7d7d7;
+          text-overflow: ellipsis;
+          white-space: nowrap;
+          background-color: rgb(127 127 127 / 100%);
+          border-radius: 20px;
+        }
       }
     }
   }
diff --git a/src/views/Boat/components/HistoryTable.vue b/src/views/Boat/components/HistoryTable.vue
index a0cea0e..298fcb7 100644
--- a/src/views/Boat/components/HistoryTable.vue
+++ b/src/views/Boat/components/HistoryTable.vue
@@ -31,14 +31,11 @@
     <div class="table-content">
       <div class="table-header">
         <div style="width: 36px"></div>
-        <div class="table-header-title">
-          舱单信息
-          <div class="left-export">
-            <svg-icon icon="Export" className="icon"></svg-icon>
-            <div class="export-text" @click="onClickExportManifest">导出舱单</div>
-          </div>
+        <div class="table-header-title">舱单信息</div>
+        <div class="left-export">
+          <svg-icon icon="Export" className="icon"></svg-icon>
+          <div class="export-text" @click="onClickExportManifest">导出舱单</div>
         </div>
-        <div style="width: 480px"></div>
       </div>
       <el-table
         :data="manifestTable"
@@ -87,14 +84,11 @@
     <div class="table-content">
       <div class="table-header">
         <div style="width: 36px"></div>
-        <div class="table-header-title" style="margin-left: 183px">
-          舱单明细
-          <div class="left-export">
-            <svg-icon icon="Export" className="icon"></svg-icon>
-            <div class="export-text" @click="onClickExportManifestDetail">导出舱单明细</div>
-          </div>
+        <div class="table-header-title">舱单明细</div>
+        <div class="left-export">
+          <svg-icon icon="Export" className="icon"></svg-icon>
+          <div class="export-text" @click="onClickExportManifestDetail">导出舱单明细</div>
         </div>
-        <div style="width: 480px"></div>
       </div>
       <el-table
         v-loading="tableLoading"
@@ -319,6 +313,7 @@ const onClickExportManifestDetail = () => {
   flex-direction: column;
   width: 100%;
   .header {
+    position: relative;
     box-sizing: border-box;
     display: flex;
     flex-shrink: 0;
@@ -335,8 +330,11 @@ const onClickExportManifestDetail = () => {
       color: #b4b4b4;
     }
     .title {
+      position: absolute;
+      left: 50%;
       font-size: 32px;
       font-weight: 700;
+      transform: translateX(-50%);
     }
     .api-btn {
       display: flex;
@@ -365,57 +363,50 @@ const onClickExportManifestDetail = () => {
   .table-content {
     box-sizing: border-box;
     flex: 1;
-    padding: 16px;
+    padding: 16px 0;
     .table-header {
+      position: relative;
       box-sizing: border-box;
       display: flex;
       align-items: center;
       justify-content: space-between;
+      height: 50px;
       padding: 16px 16px 0;
       margin-bottom: 15px;
       color: #fff;
       .table-header-title {
+        position: absolute;
+        left: 50%;
         display: flex;
         align-items: center;
-        margin-left: 157px;
         font-size: 32px;
         font-weight: 700;
-        .left-export {
-          box-sizing: border-box;
-          display: flex;
-          align-items: center;
-          width: fit-content;
-          height: 50px;
-          padding: 0 10px;
-          margin-left: 10px;
-          font-size: 18px;
-          color: #00bfbf;
-          border-bottom: #00bfbf 1px solid;
-          .icon {
-            width: 40px;
-            height: 40px;
-            font-weight: 400;
-            line-height: normal;
-            color: #00bfbf;
-          }
-          .export-text {
-            margin-left: 15px;
-          }
-          .export-text:hover {
-            color: rgb(2 167 240);
-            cursor: pointer;
-          }
-        }
+        transform: translateX(-50%);
       }
-      .sort {
+      .left-export {
+        box-sizing: border-box;
         display: flex;
-        align-items: flex-end;
-        height: 100%;
-        font-family: 'Arial Normal', Arial;
-        font-size: 15px;
-        font-style: normal;
-        font-weight: 400;
-        color: #aaa;
+        align-items: center;
+        width: fit-content;
+        height: 50px;
+        padding: 0 10px;
+        font-size: 18px;
+        color: #00bfbf;
+        border-bottom: #00bfbf 1px solid;
+        .icon {
+          width: 40px;
+          height: 40px;
+          font-weight: 400;
+          line-height: normal;
+          color: #00bfbf;
+        }
+        .export-text {
+          margin-left: 15px;
+        }
+        .export-text:hover {
+          color: rgb(2 167 240);
+          cursor: pointer;
+        }
       }
     }
     .goods-name {
diff --git a/src/views/History/components/HistoryTable.vue b/src/views/History/components/HistoryTable.vue
index 96959d3..b217b38 100644
--- a/src/views/History/components/HistoryTable.vue
+++ b/src/views/History/components/HistoryTable.vue
@@ -14,9 +14,7 @@
 
     <div class="table-content">
       <div class="table-header">
-        <div style="width: 36px"></div>
         <div class="table-header-title">历史舱单信息</div>
-        <div style="width: 320px"></div>
       </div>
       <el-table
         :data="manifestTable"
@@ -64,9 +62,7 @@
 
     <div class="table-content">
       <div class="table-header">
-        <div style="width: 36px"></div>
         <div class="table-header-title">历史舱单明细</div>
-        <div style="width: 320px"></div>
       </div>
       <el-table
         v-loading="tableLoading"
@@ -197,24 +193,14 @@ const onClickOpenManifestDetail = async (row: ManifestType) => {
       box-sizing: border-box;
       display: flex;
       align-items: center;
-      justify-content: space-between;
+      justify-content: center;
       padding: 16px 16px 0;
       margin-bottom: 15px;
       color: #fff;
       .table-header-title {
-        font-size: 28px;
+        font-size: 32px;
         font-weight: 700;
       }
-      .sort {
-        display: flex;
-        align-items: flex-end;
-        height: 100%;
-        font-family: 'Arial Normal', Arial;
-        font-size: 15px;
-        font-style: normal;
-        font-weight: 400;
-        color: #aaa;
-      }
     }
   }
   .goods-name {
diff --git a/src/views/History/index.vue b/src/views/History/index.vue
index 7bc21aa..a6e631f 100644
--- a/src/views/History/index.vue
+++ b/src/views/History/index.vue
@@ -75,6 +75,7 @@ const onClickOpenDetail = (row: BoatInfoType) => {
   width: 100%;
   height: 100%;
   .header {
+    position: relative;
     box-sizing: border-box;
     display: flex;
     flex-shrink: 0;
@@ -91,8 +92,11 @@ const onClickOpenDetail = (row: BoatInfoType) => {
       color: #b4b4b4;
     }
     .title {
-      font-size: 28px;
+      position: absolute;
+      left: 50%;
+      font-size: 32px;
       font-weight: 700;
+      transform: translateX(-50%);
     }
     .api-btn {
       display: flex;
diff --git a/src/views/Home/index.vue b/src/views/Home/index.vue
index 54afe89..b14e34b 100644
--- a/src/views/Home/index.vue
+++ b/src/views/Home/index.vue
@@ -625,15 +625,16 @@ onMounted(async () => {
       display: flex;
       align-items: center;
       justify-content: center;
-      width: 900px;
+      width: 700px;
       height: 40px;
+      margin-top: 30px;
       overflow: hidden;
       font-size: 16px;
-      color: #aaa;
+      color: #d7d7d7;
       text-overflow: ellipsis;
       white-space: nowrap;
-      background-color: rgb(68 68 68 / 100%);
-      border-radius: 36px;
+      background-color: rgb(127 127 127 / 100%);
+      border-radius: 20px;
     }
   }
   .home-vin {
diff --git a/src/views/Send/components/BoatInfoSend.vue b/src/views/Send/components/BoatInfoSend.vue
index c46965e..3c9750f 100644
--- a/src/views/Send/components/BoatInfoSend.vue
+++ b/src/views/Send/components/BoatInfoSend.vue
@@ -91,15 +91,15 @@
               <el-input
                 v-model="boatForm.carNumPlan"
                 placeholder="商品车数量"
-                style="width: 100px"
+                style="width: 75px"
               />
             </el-form-item>
-            <div style="margin: 0 10px; text-align: center">/</div>
+            <div style="margin: 0 8px; text-align: center">/</div>
             <el-form-item prop="spareNumPlan" style="width: 100%">
               <el-input
                 v-model="boatForm.spareNumPlan"
                 placeholder="件杂货数量"
-                style="width: 100px"
+                style="width: 75px"
               />
             </el-form-item>
           </div>
@@ -112,15 +112,15 @@
               <el-input
                 v-model="boatForm.carNumActual"
                 placeholder="商品车数量"
-                style="width: 100px"
+                style="width: 75px"
               />
             </el-form-item>
-            <div style="margin: 0 10px; text-align: center">/</div>
+            <div style="margin: 0 8px; text-align: center">/</div>
             <el-form-item prop="spareNumActual">
               <el-input
                 v-model="boatForm.spareNumActual"
                 placeholder="件杂货数量"
-                style="width: 100px"
+                style="width: 75px"
               />
             </el-form-item>
           </el-form-item>
diff --git a/src/views/Send/components/HistoryTable.vue b/src/views/Send/components/HistoryTable.vue
index e81cd1e..581413b 100644
--- a/src/views/Send/components/HistoryTable.vue
+++ b/src/views/Send/components/HistoryTable.vue
@@ -363,6 +363,7 @@ const endManifestDetail = () => {
   .table-content {
     width: 100%;
     .table-header {
+      position: relative;
       box-sizing: border-box;
       display: flex;
       align-items: center;
@@ -371,8 +372,11 @@ const endManifestDetail = () => {
       margin-bottom: 15px;
       color: #fff;
       .table-header-title {
-        font-size: 28px;
+        position: absolute;
+        left: 50%;
+        font-size: 32px;
         font-weight: 700;
+        transform: translateX(-50%);
       }
       .table-header-btn {
         width: 203px;
diff --git a/src/views/Send/index.vue b/src/views/Send/index.vue
index 3fbf5e7..a1a22cd 100644
--- a/src/views/Send/index.vue
+++ b/src/views/Send/index.vue
@@ -3,7 +3,7 @@
     <div class="header">
       <svg-icon icon="return" className="side-icon" @click="onClickReturn"></svg-icon>
       <div class="title">{{ isViewHistory ? '船期信息' : '发布船货信息' }}</div>
-      <div :class="{ 'header-width': isViewHistory }"></div>
+      <div style="height: 50px"></div>
     </div>
 
     <div class="content">
@@ -104,6 +104,7 @@ const onClickOpenDetail = (row: BoatInfoType) => {
   width: 100%;
   height: 100%;
   .header {
+    position: relative;
     box-sizing: border-box;
     display: flex;
     flex-shrink: 0;
@@ -120,11 +121,11 @@ const onClickOpenDetail = (row: BoatInfoType) => {
       color: #b4b4b4;
     }
     .title {
-      font-size: 28px;
+      position: absolute;
+      left: 50%;
+      font-size: 32px;
       font-weight: 700;
-    }
-    .header-width {
-      width: 203px;
+      transform: translateX(-50%);
     }
   }
   .content {
diff --git a/src/views/Subscription/index.vue b/src/views/Subscription/index.vue
index 714f701..67c6c0b 100644
--- a/src/views/Subscription/index.vue
+++ b/src/views/Subscription/index.vue
@@ -80,6 +80,7 @@ onMounted(async () => {
   width: 100%;
   height: 100%;
   .header {
+    position: relative;
     box-sizing: border-box;
     display: flex;
     flex-shrink: 0;
@@ -96,8 +97,11 @@ onMounted(async () => {
       color: #b4b4b4;
     }
     .title {
-      font-size: 28px;
+      position: absolute;
+      left: 50%;
+      font-size: 32px;
       font-weight: 700;
+      transform: translateX(-50%);
     }
     .api-btn {
       display: flex;