Browse Source

```
feat: 国际化米币商城和充值页面

- 将米币商城菜单项文本改为国际化格式
- 添加quantity、amount、RMB等国际化词条
- 将订单确认页面改为充值页面,更新相关文案
- 调整订单信息表格的国际化显示
- 更新路由meta标题为充值页面
```

zhangningning 1 month ago
parent
commit
b61372bbb2
5 changed files with 15 additions and 9 deletions
  1. 1 1
      src/App.vue
  2. 4 1
      src/locales/en.js
  3. 4 1
      src/locales/zh-CN.js
  4. 5 5
      src/pages/order/orderConfirm.vue
  5. 1 1
      src/router/index.js

+ 1 - 1
src/App.vue

@@ -11,7 +11,7 @@
             <el-menu-item index="2" @click="goMyLearning">{{ $t('common.gongzuoliu_trade') }}</el-menu-item>
             <el-menu-item index="2" @click="goMyLearning">{{ $t('common.gongzuoliu_trade') }}</el-menu-item>
             <el-menu-item index="3" @click="$router.push('/learning-system')">{{ $t('route.learning_system') }}</el-menu-item>
             <el-menu-item index="3" @click="$router.push('/learning-system')">{{ $t('route.learning_system') }}</el-menu-item>
             <el-menu-item index="4" @click="$router.push('/learn-note')">{{ $t('common.xuxibiji') }}</el-menu-item>
             <el-menu-item index="4" @click="$router.push('/learn-note')">{{ $t('common.xuxibiji') }}</el-menu-item>
-            <el-menu-item index="5" @click="$router.push('/mibi-shop')">米币商城</el-menu-item>
+            <el-menu-item index="5" @click="$router.push('/mibi-shop')">{{ $t('route.mibiShop') }}</el-menu-item>
             <!-- <el-menu-item index="5" @click="$router.push('/my-learning')">米币商城</el-menu-item> -->
             <!-- <el-menu-item index="5" @click="$router.push('/my-learning')">米币商城</el-menu-item> -->
           </el-menu>
           </el-menu>
           <div class="header-right">
           <div class="header-right">

+ 4 - 1
src/locales/en.js

@@ -32,6 +32,9 @@ export default {
     payWay: 'Pay Way',
     payWay: 'Pay Way',
     orderInfo: 'Order Info',
     orderInfo: 'Order Info',
     payNow: 'Pay Now',
     payNow: 'Pay Now',
+    quantity: 'Quantity',
+    amount: 'Amount',
+    RMB: 'RMB',
   },
   },
   login: {
   login: {
     smsLogin: 'SMS Login',
     smsLogin: 'SMS Login',
@@ -52,7 +55,7 @@ export default {
     gongzuoliu_trade_add: 'Publish Workflow Demand',
     gongzuoliu_trade_add: 'Publish Workflow Demand',
     WorkflowDetail: 'Workflow Detail',
     WorkflowDetail: 'Workflow Detail',
     learning_system: 'Learning System',
     learning_system: 'Learning System',
-    orderConfirm: 'Order Confirm',
+    recharge: 'Recharge',
     mibiShop: 'Mibit Shop',
     mibiShop: 'Mibit Shop',
 
 
 
 

+ 4 - 1
src/locales/zh-CN.js

@@ -33,6 +33,9 @@ export default {
     payWay: '支付方式',
     payWay: '支付方式',
     orderInfo: '订单信息',
     orderInfo: '订单信息',
     payNow: '立即支付',
     payNow: '立即支付',
+    quantity: '数量',
+    amount: '金额',
+    RMB: '元',
   },
   },
   login: {
   login: {
     smsLogin: '短信登录',
     smsLogin: '短信登录',
@@ -53,7 +56,7 @@ export default {
     gongzuoliu_trade_add: '发布工作流需求',
     gongzuoliu_trade_add: '发布工作流需求',
     WorkflowDetail: '工作流详情',
     WorkflowDetail: '工作流详情',
     learning_system: '学习教程系统',
     learning_system: '学习教程系统',
-    orderConfirm: '确认订单',
+    recharge: '充值',
     mibiShop: '米币商城',
     mibiShop: '米币商城',
 
 
 
 

+ 5 - 5
src/pages/order/orderConfirm.vue

@@ -2,8 +2,8 @@
   <div class="orderConfirm container-height">
   <div class="orderConfirm container-height">
     <Breadcrumb />
     <Breadcrumb />
     <div class="gap10">
     <div class="gap10">
-      <div class="font_size24 bold">{{$t('route.orderConfirm')}}</div>
-      <span class="font_size16 color_price">{{$t('common.orderConfirmTip')}}</span>
+      <div class="font_size24 bold">{{$t('route.recharge')}}</div>
+      <!-- <span class="font_size16 color_price">{{$t('common.orderConfirmTip')}}</span> -->
     </div>
     </div>
     <!-- 订单信息 -->
     <!-- 订单信息 -->
     <div class="border_radius_8 padding16 bg_color_fff box_shadow_card mt20">
     <div class="border_radius_8 padding16 bg_color_fff box_shadow_card mt20">
@@ -13,10 +13,10 @@
       </div>
       </div>
       <div class="border border_radius_8 mt10">
       <div class="border border_radius_8 mt10">
         <div class="flex-between order_table padding16">
         <div class="flex-between order_table padding16">
-          <div class="flex_1 font_size18">订单信息</div>
-          <div class="flex_1 font_size18">金额(元)</div>
+          <div class="flex_1 font_size18">{{$t('common.orderInfo')}}</div>
+          <div class="flex_1 font_size18">{{$t('common.amount')}}({{$t('common.RMB')}})</div>
           <div class="flex_1 font_size18">
           <div class="flex_1 font_size18">
-            数量
+            {{$t('common.quantity')}}
             ({{orderInfo.orderType === 'bm_recharge' ? $t('common.baomibi') : $t('common.mibi')}})
             ({{orderInfo.orderType === 'bm_recharge' ? $t('common.baomibi') : $t('common.mibi')}})
           </div>
           </div>
         </div>
         </div>

+ 1 - 1
src/router/index.js

@@ -105,7 +105,7 @@ const routes = [
     path: '/order-confirm',
     path: '/order-confirm',
     name: 'OrderConfirmHome',
     name: 'OrderConfirmHome',
     component: () => import('@/pages/order/orderConfirm.vue'),
     component: () => import('@/pages/order/orderConfirm.vue'),
-    meta: { title: 'route.orderConfirm' }
+    meta: { title: 'route.recharge' }
   },
   },
   {
   {
     path: '/learn-note',
     path: '/learn-note',