feat:国际化多语言适配

pages/order/payment.vue

@@ -9,38 +9,38 @@
     
     <!-- 订单信息 -->
     <view class="order-card">
-      <view class="card-title">订单信息</view>
+      <view class="card-title">{{ $t('payment.orderInfo') }}</view>
       <view class="info-item">
-        <text class="label">订单号</text>
+        <text class="label">{{ $t('order.orderNo') }}</text>
         <text class="value">{{ orderInfo.orderNo || '-' }}</text>
       </view>
       <view class="info-item">
-        <text class="label">设备号</text>
+        <text class="label">{{ $t('order.deviceNo') }}</text>
         <text class="value">{{ orderInfo.deviceNo || '-' }}</text>
       </view>
       <view class="info-item">
-        <text class="label">创建时间</text>
+        <text class="label">{{ $t('payment.createTime') }}</text>
         <text class="value">{{ orderInfo.createTime || '-' }}</text>
       </view>
       <view class="info-item">
-        <text class="label">联系电话</text>
+        <text class="label">{{ $t('payment.contactPhone') }}</text>
         <text class="value">{{ orderInfo.phone || '-' }}</text>
       </view>
     </view>
     
     <!-- 费用信息 -->
     <view class="price-card">
-      <view class="card-title">费用信息</view>
+      <view class="card-title">{{ $t('payment.feeInfo') }}</view>
       <view class="price-item">
-        <text class="label">押金</text>
+        <text class="label">{{ $t('payment.deposit') }}</text>
         <text class="value">￥{{ orderInfo.deposit || '99.00' }}</text>
       </view>
       <view class="price-item">
-        <text class="label">套餐</text>
-        <text class="value">{{ packageInfo.price }}元/{{ packageInfo.time }}小时</text>
+        <text class="label">{{ $t('payment.package') }}</text>
+        <text class="value">{{ packageInfo.price }}{{ $t('unit.yuan') }}/{{ packageInfo.time }}{{ $t('time.hour') }}</text>
       </view>
       <view class="price-item total">
-        <text class="label">合计</text>
+        <text class="label">{{ $t('payment.total') }}</text>
         <text class="value">￥{{ totalAmount }}</text>
       </view>
     </view>
@@ -51,10 +51,10 @@
     <!-- 底部操作栏 -->
     <view class="bottom-bar">
       <view class="total-amount">
-        <text>合计：</text>
+        <text>{{ $t('payment.total') }}：</text>
         <text class="amount">￥{{ totalAmount }}</text>
       </view>
-      <view class="pay-btn" @click="handlePayment">立即支付</view>
+      <view class="pay-btn" @click="handlePayment">{{ $t('payment.payNow') }}</view>
     </view>
   </view>
 </template>
@@ -81,8 +81,8 @@ export default {
       passedTotalAmount: null,
       passedDepositAmount: null,
       orderStatus: {
-        text: '等待支付',
-        desc: '请在15分钟内完成支付',
+        get text() { return this.$t('payment.waitingForPayment') },
+        get desc() { return this.$t('payment.pleasePayIn15Min') },
         class: 'waiting'
       }
     }
@@ -117,6 +117,11 @@ export default {
     }
   },
   onLoad(options) {
+    // 设置页面标题
+    uni.setNavigationBarTitle({
+      title: this.$t('payment.orderPayment')
+    })
+    
     if (options && options.orderId) {
       this.orderId = options.orderId
       
@@ -141,9 +146,9 @@ export default {
       }
       
       this.loadOrderInfo()
-    } else {
+      } else {
       uni.showToast({
-        title: '订单信息不存在',
+        title: this.$t('order.orderNotExist'),
         icon: 'none'
       })
       setTimeout(() => {
@@ -158,7 +163,7 @@ export default {
     async loadOrderInfo() {
       try {
         uni.showLoading({
-          title: '加载中'
+          title: this.$t('common.loading')
         })
         
         const res = await queryById(this.orderId)
@@ -238,7 +243,7 @@ export default {
     async handlePayment() {
       try {
         uni.showLoading({
-          title: '处理中'
+          title: this.$t('common.processing')
         })
         
         // 调用后端创建微信支付订单接口
@@ -259,7 +264,7 @@ export default {
             ...payParams,
             success: async () => {
               uni.showToast({
-                title: '支付成功',
+                title: this.$t('payment.paymentSuccess'),
                 icon: 'success'
               });
               
@@ -279,7 +284,7 @@ export default {
             },
             fail: (err) => {
               console.error('支付失败:', err)
-              throw new Error('支付失败，请重试')
+              throw new Error(this.$t('payment.paymentFailedRetry'))
             }
           })
         } else {
@@ -298,7 +303,7 @@ export default {
     async sendRentCommand() {
       try {
         uni.showLoading({
-          title: '处理中'
+          title: this.$t('common.processing')
         })
         
         // 调用发送租借指令的接口
@@ -307,7 +312,7 @@ export default {
         if (res.code === 200) {
           uni.hideLoading()
           uni.showToast({
-            title: '租借成功',
+            title: this.$t('device.rentSuccess'),
             icon: 'success'
           })
           
@@ -318,12 +323,12 @@ export default {
             })
           }, 1500)
         } else {
-          throw new Error(res.msg || '租借失败')
+          throw new Error(res.msg || this.$t('device.rentFailed'))
         }
       } catch (error) {
         uni.hideLoading()
         uni.showToast({
-          title: error.message || '租借失败',
+          title: error.message || this.$t('device.rentFailed'),
           icon: 'none'
         })
       }