From 67fcc59ee2edfed98b61d29f06e3095872abce91 Mon Sep 17 00:00:00 2001
From: hzj <1304805162@qq.com>
Date: Wed, 29 Oct 2025 20:31:29 +0800
Subject: [PATCH] =?UTF-8?q?feat(=E6=94=AF=E4=BB=98=E4=BB=A3=E7=90=86?=
 =?UTF-8?q?=E9=A1=B5):=20=E4=BD=BF=E7=94=A8=E6=97=A7=E5=A4=B4=E9=83=A8?=
 =?UTF-8?q?=E7=BB=84=E4=BB=B6=E7=9A=84=E6=8F=92=E6=A7=BD=EF=BC=8C=E5=BC=95?=
 =?UTF-8?q?=E5=85=A5=E8=AF=AD=E8=A8=80=E5=88=87=E6=8D=A2=E5=8A=9F=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/RechargeFreightAgent.vue | 39 +++++++++++++++++++++++-------
 1 file changed, 30 insertions(+), 9 deletions(-)

diff --git a/src/views/RechargeFreightAgent.vue b/src/views/RechargeFreightAgent.vue
index 89ef0e7..a8e7ce9 100644
--- a/src/views/RechargeFreightAgent.vue
+++ b/src/views/RechargeFreightAgent.vue
@@ -11,15 +11,15 @@
               position: relative;
               color: rgba(187, 146, 255, 1) !important;
             "
-            @click="listBt"
+            @click="showLang"
           >
-            <div style="font-weight: bold">{{ selectedLanguage.type }}</div>
-            <div
+            <div style="font-weight: bold">{{ selectedLanguage.value }}</div>
+            <!-- <div
               style="margin-left: 5px; transition: transform 0.5s"
               :class="{ rotated: visibleList }"
             >
               >
-            </div>
+            </div> -->
             <transition name="slide-fade">
               <div
                 style="
@@ -42,8 +42,9 @@
                   style="padding: 8px; color: white !important; font-weight: 590"
                   v-for="(item, index) in languageList"
                   :key="index"
+                  @click="selectLang(item)"
                 >
-                  {{ item.type }}
+                  {{ item.value }}
                 </div>
               </div>
             </transition>
@@ -155,6 +156,7 @@
 
 <script setup>
 import { onMounted, ref, watch } from 'vue'
+import { useI18n } from 'vue-i18n'
 import MobileHeader from '../components/MobileHeader.vue'
 import { searchUser, searchPayRechargeUser } from '@/api/userInfo'
 // import { getUserIdentity } from "@/api/wallet";
@@ -166,23 +168,42 @@ import { useRoute } from 'vue-router'
 import router from '@/router'
 import { useCountryStore } from '@/stores/country'
 import { storeToRefs } from 'pinia'
+const { t, locale } = useI18n()
 
 const countryStore = useCountryStore()
 const route = useRoute()
 
 const languageList = ref([
   {
-    type: 'English',
+    type: 'en',
+    value: 'English',
+  },
+  {
+    type: 'ar',
+    value: 'اللغة العربية',
   },
 ])
 const selectedLanguage = ref({
-  type: 'English',
+  type: 'en',
+  value: 'English',
 })
-const visibleList = ref(false)
-const listBt = () => {
+
+const visibleList = ref(false) //语言列表显示
+//语言列表显示
+const showLang = () => {
   visibleList.value = !visibleList.value
 }
 
+const selectLang = (item) => {
+  selectedLanguage.value = item
+  localStorage.setItem('lang', item)
+}
+
+// 监听语言变化并设置文档方向
+watch(locale, (newLocale) => {
+  setDocumentDirection(newLocale)
+})
+
 const applicationId = ref('1963531459019739137')
 const userProfile = ref({}) //用户信息
 const type = ref('') //用户身份