From 6e92db98a3cd9a8e19887e6cf6c1c94c0fdde673 Mon Sep 17 00:00:00 2001
From: hzj <1304805162@qq.com>
Date: Mon, 13 Oct 2025 19:00:40 +0800
Subject: [PATCH] =?UTF-8?q?feat(=E6=88=91=E7=9A=84=E4=BB=A3=E7=90=86):=20?=
 =?UTF-8?q?=E8=8E=B7=E5=8F=96=E6=88=91=E7=9A=84=E4=BB=A3=E7=90=86=E6=95=B0?=
 =?UTF-8?q?=E6=8D=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/host.js                        | 13 +++++++++++++
 src/views/Agency/AgencySettingView.vue |  4 +++-
 src/views/HostSettingView.vue          | 27 ++++++++++++++++++--------
 3 files changed, 35 insertions(+), 9 deletions(-)
 create mode 100644 src/api/host.js

diff --git a/src/api/host.js b/src/api/host.js
new file mode 100644
index 0000000..9b43599
--- /dev/null
+++ b/src/api/host.js
@@ -0,0 +1,13 @@
+import { get, post } from '../utils/http.js'
+
+// 获取我的代理
+export const getMyAgency = async () => {
+  try {
+    const response = await get(`/team/team-own/profile`)
+    return response
+  } catch (error) {
+    console.error('Failed to fetch get my agency:', error)
+    console.error('error:' + error.response.errorMsg)
+    throw error
+  }
+}
diff --git a/src/views/Agency/AgencySettingView.vue b/src/views/Agency/AgencySettingView.vue
index 886776c..4b78612 100644
--- a/src/views/Agency/AgencySettingView.vue
+++ b/src/views/Agency/AgencySettingView.vue
@@ -33,7 +33,9 @@
               <div style="margin-bottom: 4px; font-weight: 600">
                 {{ userInfo.userNickname || userInfo.name }}
               </div>
-              <div style="font-size: 0.9em; color: rgba(0, 0, 0, 0.4)">ID: {{ userInfo.id }}</div>
+              <div style="font-size: 0.9em; color: rgba(0, 0, 0, 0.4)">
+                ID: {{ userInfo.account }}
+              </div>
             </div>
           </div>
         </div>
diff --git a/src/views/HostSettingView.vue b/src/views/HostSettingView.vue
index 4bc6886..efa56b3 100644
--- a/src/views/HostSettingView.vue
+++ b/src/views/HostSettingView.vue
@@ -23,7 +23,7 @@
           <!-- 用户信息 -->
           <div style="display: flex; align-items: center">
             <img
-              :src="avatarUrl || ''"
+              :src="userInfo.userAvatar || ''"
               alt=""
               width="50px"
               style="aspect-ratio: 1/1; border-radius: 50%; object-fit: cover"
@@ -31,9 +31,11 @@
             />
             <div style="flex: 1">
               <div style="margin-bottom: 4px; font-weight: 600">
-                {{ userInfo.name }}
+                {{ userInfo.userNickname || '' }}
+              </div>
+              <div style="font-size: 0.9em; color: rgba(0, 0, 0, 0.4)">
+                ID: {{ userInfo.account }}
               </div>
-              <div style="font-size: 0.9em; color: rgba(0, 0, 0, 0.4)">ID: {{ userInfo.id }}</div>
             </div>
           </div>
           <!-- 按钮 -->
@@ -47,18 +49,16 @@
 </template>
 
 <script setup>
-import { reactive } from 'vue'
+import { onMounted, reactive, ref } from 'vue'
 import { useRouter } from 'vue-router'
 import MobileHeader from '../components/MobileHeader.vue'
 import { showError } from '@/utils/toast.js'
+import { getMyAgency } from '@/api/host'
 
 const router = useRouter()
 
 // 用户信息
-const userInfo = reactive({
-  name: 'User1',
-  id: '1234567890',
-})
+const userInfo = ref({})
 
 const defaultAvatarUrl = (e) => {
   console.log('头像资源出错')
@@ -73,6 +73,17 @@ const leaveAgent = () => {
     // 这里可以添加实际的离开代理商逻辑
   }
 }
+
+const getMyAgencyInfo = async () => {
+  const resAgencyInfo = await getMyAgency()
+  if (resAgencyInfo.status && resAgencyInfo.body) {
+    userInfo.value = resAgencyInfo.body
+  }
+}
+
+onMounted(() => {
+  getMyAgencyInfo()
+})
 </script>
 
 <style scoped>