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

---
 src/views/Agency/AgencySettingView.vue | 45 +++++++++++++++++++++-----
 1 file changed, 37 insertions(+), 8 deletions(-)

diff --git a/src/views/Agency/AgencySettingView.vue b/src/views/Agency/AgencySettingView.vue
index 4b78612..7df5cf2 100644
--- a/src/views/Agency/AgencySettingView.vue
+++ b/src/views/Agency/AgencySettingView.vue
@@ -1,13 +1,24 @@
 <template>
   <div class="host-setting gradient-background-circles">
-    <MobileHeader title="Agency Setting" />
+    <!-- 使用与HostCenterView相同的头部组件 -->
+    <GeneralHeader
+      :title="t('my_agency')"
+      :showLanguageList="true"
+      color="black"
+      style="box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); z-index: 999"
+    />
 
     <div style="padding: 16px; position: relative; z-index: 2">
       <!-- My Agency 部分 -->
       <div style="margin-bottom: 20px">
         <div style="display: flex; align-items: center; margin-bottom: 12px">
-          <div style="font-size: 1.4em; font-weight: 600">My Agency</div>
-          <img src="/src/assets/icon/agency.png" alt="" height="25px" style="display: block" />
+          <div style="font-size: 1.4em; font-weight: 600">{{ t('my_agency') }}</div>
+          <img
+            src="/src/assets/icon/agency.png"
+            alt=""
+            height="25px"
+            style="display: block; margin-left: 10px"
+          />
         </div>
 
         <div
@@ -29,7 +40,7 @@
               style="aspect-ratio: 1/1; border-radius: 50%; object-fit: cover"
               @error="defaultAvatarUrl"
             />
-            <div style="flex: 1">
+            <div style="flex: 1; margin-left: 12px">
               <div style="margin-bottom: 4px; font-weight: 600">
                 {{ userInfo.userNickname || userInfo.name }}
               </div>
@@ -46,12 +57,15 @@
 
 <script setup>
 import { reactive } from 'vue'
-import { useRouter } from 'vue-router'
-import MobileHeader from '../../components/MobileHeader.vue'
-import { showError } from '@/utils/toast.js'
+import { useI18n } from 'vue-i18n'
+import GeneralHeader from '@/components/GeneralHeader.vue'
 import { usePageInitializationWithConfig } from '@/utils/pageConfig.js'
+import { setDocumentDirection } from '@/locales/i18n'
 
-const router = useRouter()
+const { t, locale } = useI18n()
+
+// 监听语言变化并设置文档方向
+locale.value && setDocumentDirection(locale.value)
 
 const defaultAvatarUrl = (e) => {
   console.log('头像资源出错')
@@ -70,6 +84,10 @@ const { userInfo } = usePageInitializationWithConfig('AGENCY_CENTER')
 
 .host-setting {
   font-family: -apple-system, BlinkMacSystemFont, sans-serif;
+  width: 100vw;
+  min-height: 100vh;
+  background-color: #ffffff;
+  background-image: url(../assets/images/secondBg.png);
 }
 
 .leave-btn {
@@ -103,4 +121,15 @@ const { userInfo } = usePageInitializationWithConfig('AGENCY_CENTER')
     font-size: 24px;
   }
 }
+
+/* RTL支持 */
+[dir='rtl'] .agency-info {
+  flex-direction: row-reverse;
+}
+
+[dir='rtl'] .user-info {
+  margin-left: 0;
+  margin-right: 12px;
+  text-align: right;
+}
 </style>