```

feat(i18n): 添加订单确认页面国际化配置

添加了订单确认相关的新翻译项，包括支付方式、价格信息、协议条款等
中英文对照内容，提升多语言支持功能。

fix(ui): 修复多个界面显示和样式问题

- 修正AI工作流菜单项的空格显示问题
- 调整学习系统页面的高度和边距样式
- 优化订单确认页面的国际化文本替换，统一使用翻译函数
```

src/App.vue

@@ -6,7 +6,7 @@
         <div class="header-content">
           <div class="logo" @click="$router.push('/')">{{ $t('common.title') }}</div>
           <el-menu :default-active="activeIndex" mode="horizontal" :ellipsis="false" class="meauList">
-            <el-menu-item index="1" @click="$router.push('/')">AI{{ $t('common.gongzuoliu') }}</el-menu-item>
+            <el-menu-item index="1" @click="$router.push('/')">AI {{ $t('common.gongzuoliu') }}</el-menu-item>
             <!-- <el-menu-item index="2" @click="$router.push('/my-learning')">工作流交易</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>

src/locales/en.js

@@ -117,6 +117,7 @@ export default {
     qingxuanze:"Please Select",
     registeredNum:"Registered Number",
     remainingTime:"Remaining Time",
+    readAndAgree:"I have read and agree ",
   },
   login: {
     smsLogin: 'Captcha Login',
@@ -143,7 +144,7 @@ export default {
     gongzuoliu_trade_add: 'Publish Workflow Demand',
     WorkflowDetail: 'Workflow Detail',
     learning_system: 'Learning System',
-    recharge: 'Recharge',
+    recharge: 'Recharge ',
     mibiShop: 'MiBi Shop',
 
 
@@ -290,5 +291,21 @@ export default {
     fenpeimibi:'Assign MiBi',
     qsryfpdmbsl:'Please Enter The Employee\'s MiBi Quantity',
     lookVoucher:'View Voucher',
+  },
+  orderConfirm:{
+    personalPay:'Personal Payment',
+    companyPay:'Company Payment',
+    alipayPay:'Alipay Payment',
+    wechatPay:'Wechat Payment',
+    unionPay:'Union Payment',
+    paypalPay:'PayPal Payment',
+    payVoucher:'Payment Voucher',
+    totalPrice:'Total Price',
+    payAmount:'Pay Amount',
+    serviceAgreement:'AI Learning Forum Service Agreement',
+    IntellectualAgreement:'AI Learning Forum Intellectual Property Protection Agreement',
+    pleaseAgreeAgreement:'Please agree to the agreement',
+    pleaseInputAmount:'Please input amount',
+    pleaseUploadVoucher:'Please upload payment voucher',
   }
 }

src/locales/zh-CN.js

@@ -123,6 +123,7 @@ export default {
     qingxuanze:'请选择',
     registeredNum:"已报名人数",
     remainingTime:"剩余时间",
+    readAndAgree:"我已阅读并同意",
   },
   login: {
     smsLogin: '验证码登录',
@@ -147,7 +148,7 @@ export default {
     home: '首页',
     gongzuoliu_trade_add: '发布工作流需求',
     WorkflowDetail: '工作流详情',
-    learning_system: '学习教程系统',
+    learning_system: '学习教程',
     recharge: '充值',
     mibiShop: '米币商城',
 
@@ -294,6 +295,22 @@ export default {
     fenpeimibi:'分配米币',
     qsryfpdmbsl:'请输入要分配的米币数量',
     lookVoucher:'查看凭证'
+  },
+  orderConfirm:{
+    personalPay:'个人支付',
+    companyPay:'对公支付',
+    alipayPay:'支付宝支付',
+    wechatPay:'微信支付',
+    unionPay:'银联支付',
+    paypalPay:'PayPal支付',
+    payVoucher:'付款凭证',
+    totalPrice:'总价',
+    payAmount:'需付金额',
+    serviceAgreement:'AI学习论坛服务协议',
+    IntellectualAgreement:'AI学习论坛知识产权保护协议',
+    pleaseAgreeAgreement:'请先同意协议',
+    pleaseInputAmount:'请输入金额',
+    pleaseUploadVoucher:'请上传转账凭证',
   }
 
 }

src/pages/LearningSystem/LearningSystem.vue

@@ -114,7 +114,7 @@
               <div class="flex-center-between mt10">
                 <div class="gap5">
                   <img :src="viewIcon" alt="" style="width:16px;height:16px">
-                  <div>{{item.viewCount}}{{ $t('common.renkanguo') }}</div>
+                  <div>{{item.viewCount}} {{ $t('common.renkanguo') }}</div>
                 </div>
                 <div class="gap5 gradient border_radius_4 cursor-pointer xuexi" @click.stop.prevent="goDetail(item)">
                   <img :src="playIcon" alt="" style="width:13px;height:15px">
@@ -280,7 +280,7 @@
 .LearningSystem {
   .typeList{
     padding: 20px 0;
-    height: 71.75px;
+    height: 70px;
     overflow: hidden;
     &.isShow{
       height: auto;
@@ -294,7 +294,7 @@
       white-space: nowrap;
     }
     .typeItem{
-      margin: 0 8px;
+      margin: 4px 8px;
       cursor: pointer;
       padding: 4px 8px;
       &.active{

src/pages/order/orderConfirm.vue

@@ -37,11 +37,11 @@
               <div class="flex-column">
                 <div class="gap10 cursor-pointer" @click="orderInfo.orderType = 'bm_recharge';handleOrderAmtChange()">
                   <div class="checkType" :class="{'active': orderInfo.orderType === 'bm_recharge'}"></div>
-                  <div class="font_size16">充值{{$t('common.baomibi')}}</div>
+                  <div class="font_size16">{{$t('route.recharge')}}{{$t('common.baomibi')}}</div>
                 </div>
                 <div class="gap10 cursor-pointer mt20" @click="orderInfo.orderType = 'm_recharge';handleOrderAmtChange()">
                   <div class="checkType" :class="{'active': orderInfo.orderType === 'm_recharge'}"></div>
-                  <div class="font_size16">充值{{$t('common.mibi')}}</div>
+                  <div class="font_size16">{{$t('route.recharge')}}{{$t('common.mibi')}}</div>
                 </div>
               </div>
 
@@ -69,11 +69,11 @@
       <div class="gap10 mt20">
         <div class="gap10 cursor-pointer" @click="payType = 1;pageRedirectionData='';orderInfo.payMethod = 'alipay'">
           <div class="checkType" :class="{'active': payType === 1}"></div>
-          <div class="font_size16">个人支付</div>
+          <div class="font_size16">{{$t('orderConfirm.personalPay')}}</div>
         </div>
         <div class="gap10 cursor-pointer" @click="payType = 2;orderInfo.payMethod = 'bank_transfer';pageRedirectionData='';payConfigDearchFn();">
           <div class="checkType" :class="{'active': payType === 2}"></div>
-          <div class="font_size16">对公支付</div>
+          <div class="font_size16">{{$t('orderConfirm.companyPay')}}</div>
         </div>
       </div>
       <!-- 个人支付 -->
@@ -84,28 +84,28 @@
           @click="orderInfo.payMethod = 'alipay';pageRedirectionData=''">
             <div class="checkType"></div>
             <img :src="zhifubaoIcon" alt="" style="width: 40px; height: 40px;">
-            <div class="font_size16">支付宝支付</div>
+            <div class="font_size16">{{$t('orderConfirm.alipayPay')}}</div>
           </div>
           <div class="payway flex_1 gap5" 
           :class="{'active': orderInfo.payMethod === 'wechat_pay'}" 
           @click="orderInfo.payMethod = 'wechat_pay';pageRedirectionData=''">
             <div class="checkType"></div>
             <img :src="weixinIcon" alt="" style="width: 40px; height: 40px;">
-            <div class="font_size16">微信支付</div>
+            <div class="font_size16">{{$t('orderConfirm.wechatPay')}}</div>
           </div>
           <div class="payway flex_1 gap5" 
           :class="{'active': orderInfo.payMethod === 'union_pay'}" 
           @click="orderInfo.payMethod = 'union_pay';pageRedirectionData=''">
             <div class="checkType"></div>
             <img :src="yinlianIcon" alt="" style="width: 40px; height: 40px;">
-            <div class="font_size16">银联支付</div>
+            <div class="font_size16">{{$t('orderConfirm.unionPay')}}</div>
           </div>
           <div class="payway flex_1 gap5" 
           :class="{'active': orderInfo.payMethod === 'paypal'}" 
           @click="orderInfo.payMethod = 'paypal';pageRedirectionData=''">
             <div class="checkType"></div>
             <img :src="paypalIcon" alt="" style="width: 40px; height: 40px;">
-            <div class="font_size16">PayPal支付</div>
+            <div class="font_size16">{{$t('orderConfirm.paypalPay')}}</div>
           </div>
         </div>
         <!-- <div class="mt20">
@@ -124,7 +124,7 @@
             {{item.configName}}：{{item.configValue}}</div>
         </div>
         <div class="mt20">
-          <div class="bold font_size18"> <span class="color_required">*</span> 付款凭证</div>
+          <div class="bold font_size18"> <span class="color_required">*</span> {{$t('orderConfirm.payVoucher')}}</div>
           <div class="mt20">
             <FileUploader
                 ref="fileUploader"
@@ -142,11 +142,11 @@
         </div>
       </div>
       <div class="mt20 flex-center-between" style="width: 300px;">
-        <div class="font_size18">总价：</div>
+        <div class="font_size18">{{$t('orderConfirm.totalPrice')}}：</div>
         <div class="font_size16 bold">￥{{orderInfo.orderAmt}}</div>
       </div>
       <div class="mt20 flex-center-between" style="width: 300px;">
-        <div class="font_size18">需付金额：</div>
+        <div class="font_size18">{{$t('orderConfirm.payAmount')}}：</div>
         <div class="font_size24 bold color_price">￥{{orderInfo.orderAmt}}</div>
       </div>
       <div style="display: inline-block;" class="mt20" @click="payNowFn" v-loading="loading">
@@ -192,7 +192,7 @@
       <!-- <div class="mt20 font_size14">录播和体验课课程属于虚拟商品，购买后无特殊原因，不支持退款</div> -->
       <div class="mt20 gap10 cursor-pointer" @click="agreement = !agreement">
         <div class="checkType" :class="{'active': agreement}"></div>
-        我已阅读并同意 <span class="color_theme bold">《AI学习论坛服务协议》</span> 和 <span class="color_theme bold">《AI学习论坛知识产权保护协议》</span>
+        {{$t('common.readAndAgree')}} <span class="color_theme bold">《{{$t('orderConfirm.serviceAgreement')}}》</span> 和 <span class="color_theme bold">《{{$t('orderConfirm.IntellectualAgreement')}}》</span>
       </div>
     </div>
   </div>
@@ -259,16 +259,16 @@ onBeforeUnmount(() => {
 // 立即支付
 const payNowFn = () => {
   if(!agreement.value){
-    DGTMessage.warning('请先同意协议')
+    DGTMessage.warning(t('orderConfirm.pleaseAgreeAgreement'))
     return
   }
   if(orderInfo.orderAmt <= 0){
-    DGTMessage.warning('请输入金额')
+    DGTMessage.warning(t('orderConfirm.pleaseInputAmount'))
     return
   }
   orderInfo.transferProof = images.value.map(item => item.url).join(',');
   if(orderInfo.transferProof === '' && orderInfo.payMethod === 'bank_transfer'){
-    DGTMessage.warning('请上传转账凭证')
+    DGTMessage.warning(t('orderConfirm.pleaseUploadVoucher'))
     return
   }
   loading.value = true;