海运国际化补全

src/components/RightToolbar/index.vue

 <template>
   <div class="top-right-btn">
     <el-row>
-      <el-tooltip class="item" effect="dark" :content="showSearch ? '隐藏搜索' : '显示搜索'" placement="top">
+      <el-tooltip class="item" effect="dark" :content="showSearch ? $t('隐藏搜索') : $t('显示搜索')" placement="top">
         <el-button size="mini" circle icon="el-icon-search" @click="toggleSearch()" />
       </el-tooltip>
-      <el-tooltip class="item" effect="dark" content="刷新" placement="top">
+      <el-tooltip class="item" effect="dark" :content="$t('刷新')" placement="top">
         <el-button size="mini" circle icon="el-icon-refresh" @click="refresh()" />
       </el-tooltip>
-      <el-tooltip class="item" effect="dark" content="显隐列" placement="top" v-if="columns">
+      <el-tooltip class="item" effect="dark" :content="$t('显隐列')" placement="top" v-if="columns">
         <el-button size="mini" circle icon="el-icon-menu" @click="showColumn()" />
       </el-tooltip>
     </el-row>
     <el-dialog :title="title" :visible.sync="open" append-to-body>
       <el-transfer
-        :titles="['显示', '隐藏']"
+        :titles="[$t('显示'), $t('隐藏')]"
         v-model="value"
         :data="columns"
         @change="dataChange"
@@ -29,7 +29,7 @@ export default {
       // 显隐数据
       value: [],
       // 弹出层标题
-      title: "显示/隐藏",
+      title: this.$t('显示/隐藏'),
       // 是否显示弹出层
       open: false,
     };

src/components/WarehouseAreaDialog/index.vue

 <template>
   <div>
     <el-dialog
-      title="选择储位"
+      :title="$t('选择储位')"
       :visible.sync="opened"
       width="600px"
       :before-close="handleClose()"
@@ -10,7 +10,7 @@
       <el-tabs v-model="activeName" type="card" @tab-click="activeWarehouse = {}">
         <el-tab-pane :label="item.name" :name="'' + index" v-for="(item, index) in area" :key="index">
           <div>
-            <div style="text-align: center">区域</div>
+            <div style="text-align: center">{{$t('区域')}}</div>
             <div style="background-color: #efefef;padding: 10px 10px 0;border: #dcdcdc solid 1px;border-radius: 2px">
               <el-row :gutter="20">
                <el-col :span="12" v-for="warehouse in item.children" :key="warehouse.id">
@@ -26,7 +26,7 @@
             </div>
           </div>
           <div>
-            <div style="text-align: center">仓位</div>
+            <div style="text-align: center">{{$t('仓位')}}</div>
             <div class="position-group">
               <div class="position" v-for="position in activeWarehouse.positionList" :key="position.id" @click="handleSelectPosition(position)">
                 <template v-if="position.children">
@@ -51,13 +51,13 @@
             </div>
           </div>
           <el-divider></el-divider>
-          已选择：{{ selected.join(', ') }}
+          {{$t('已选择')}}：{{ selected.join(', ') }}
           <el-divider></el-divider>
         </el-tab-pane>
       </el-tabs>
       <span slot="footer">
-        <el-button @click="opened = false">关 闭</el-button>
-        <el-button type="primary" @click="handleSubmit()">提 交</el-button>
+        <el-button @click="opened = false">{{$t('关闭')}}</el-button>
+        <el-button type="primary" @click="handleSubmit()">{{$t('提交')}}</el-button>
       </span>
     </el-dialog>
   </div>

src/i18n/languages/en_US.json

@@ -3528,5 +3528,11 @@
     "手机号码不能为空": "Mobile number cannot be empty",
     "社交平台": "Social platform",
     "已绑定": "Bound",
-    "未绑定": "Unbound"
+    "未绑定": "Unbound",
+    "已选择": "selected",
+    "隐藏搜索": "hide search",
+    "显示搜索": "show search",
+    "显隐列": "Display column",
+    "隐藏": "hide",
+    "显示/隐藏": "show/hide"
 }

src/router/index.js

@@ -416,14 +416,14 @@ export const constantRoutes = [
         component: (resolve) => import('@/views/ecw/box/query'),
         props: true,
         name: 'shippingDetail',
-        meta: {title: '出货详情', icon: '', activeMenu: '/shipment/boxDetail'}
+        meta: {titleZh: '出货详情', titleEn: "Shipping Details",  icon: '', activeMenu: '/shipment/boxDetail'}
       },
       {
         path: 'shippingSea/:shipmentId(\\d+)',
         component: (resolve) => import('@/views/ecw/box/shippingSea/shippingSea'),
         props: true,
         name: 'shippingSea',
-        meta: {title: '海运出货操作', icon: '', activeMenu: '/shipment/boxSea'}
+        meta: {titleZh: '海运出货操作', titleEn: "Ocean shipment operation", icon: '', activeMenu: '/shipment/boxSea'}
       }
     ]
   },
@@ -438,14 +438,14 @@ export const constantRoutes = [
         component: (resolve) => import('@/views/ecw/box/query'),
         props: true,
         name: 'shippingDetail',
-        meta: {title: '出货详情', icon: '', activeMenu: '/shipment/boxDetail'}
+        meta: {titleZh: '出货详情', titleEn: "Shipping Details", icon: '', activeMenu: '/shipment/boxDetail'}
       },
       {
         path: 'shippingSeaAir/:shipmentId(\\d+)',
         component: (resolve) => import('@/views/ecw/box/shippingSeaAir/shippingSeaAir'),
         props: true,
         name: 'shippingSeaAir',
-        meta: {title: '海空联运出货操作', icon: '', activeMenu: '/shipment/boxSeaAir'}
+        meta: {titleZh: '海空联运出货操作', titleEn: "Sea and Air Combined Shipping Operation", icon: '', activeMenu: '/shipment/boxSeaAir'}
       }
     ]
   },

src/views/ecw/box/indexFutureBox.vue

@@ -145,7 +145,7 @@
         <el-form-item :label="$t('已装柜仓数')">
           {{form.loadingNumber}} m³
         </el-form-item>
-        
+
         <el-form-item label="">
           <div>
             {{$t('未来')}} <el-input v-model="form.futureNumber" class="w-100"></el-input> {{$t('天货柜数')}}
@@ -222,7 +222,7 @@ export default {
       },
       // 表单参数
       form: {
-        
+
       },
       // 表单校验
       rules: {
@@ -277,7 +277,7 @@ export default {
       return id => {
         let warehouse = this.importWarehouseList.find(item => item.id == id)
         return this.$l(warehouse, 'title')
-      } 
+      }
     }
     /* importCityList(){
       return this.tradeCityList.filter(item => item.type == 1 || item.tye == 3)
@@ -314,7 +314,6 @@ export default {
       this.getVolume()
     },
     'form.shippingChannelId'(){
-      console.log('123shippingChannelId')
       this.getVolume()
     },
     'form.warehousedNumber'(){

src/views/ecw/box/indexSea.vue

@@ -296,7 +296,6 @@ export default {
     this.transportTypes = this.getDictDatas(
       this.DICT_TYPE.ECW_TRANSPORT_TYPE
     ).filter((item) => item.value == "1" || item.value == "2");
-    console.log(this.transportTypes)
     getWarehouseList().then((res) => (this.warehouseList = res.data));
     getCabinetPage(null).then((response) => {
       this.cabinetList = response.data.list;

src/views/ecw/box/query.vue

@@ -110,7 +110,7 @@
               <div class="status-line"></div>
               <div class="status-number">{{logList.length - index}}</div>
               <div class="status-info">
-                <div>{{item.titleZh}}</div>
+                <div>{{$l(item, 'title')}}</div>
                 <div>
                   <p>{{formatDate(item.createTime)}}</p>
                   <p>{{item.operator}}</p>

src/views/ecw/box/shippingSea/nodePage/cusDeclaration.vue

@@ -241,7 +241,6 @@ export default {
       ...this.shipmentObj[voName],
       documentInfo: this.shipmentObj.documentInfo?.split(",") ?? [],
     };
-    console.log(oldData)
 
     if (!this.shipmentObj[voName]) {
       oldData.dcCustomsType = oldData.dcCustomsType