From bcc47124c27cf76e6c6c8aeeeec53af318b27b01 Mon Sep 17 00:00:00 2001
From: whyzxhnd <whyzxhnd@hotmail.com>
Date: Fri, 22 Aug 2025 15:54:29 +0800
Subject: [PATCH] =?UTF-8?q?fix=20=E5=A4=B4=E5=83=8F=E6=9B=B4=E6=96=B0?=
 =?UTF-8?q?=E4=BF=AE=E5=A4=8D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 web/src/views/Profile/Index.vue                             | 11 ++++++++---
 web/src/views/Profile/components/BasicInfo.vue              |  3 +++
 web/src/views/Profile/components/ProfileUser.vue            |  9 ++++++++-
 web/src/views/Profile/components/UserAvatar.vue             |  3 +++
 web/src/views/lock/grouplock/components/MobileGroupLock.vue |  4 ++--
 5 files changed, 24 insertions(+), 6 deletions(-)

diff --git a/web/src/views/Profile/Index.vue b/web/src/views/Profile/Index.vue
index 5a2a5f9..20c78f7 100644
--- a/web/src/views/Profile/Index.vue
+++ b/web/src/views/Profile/Index.vue
@@ -7,13 +7,13 @@
           <span>{{ t('profile.user.title') }}</span>
         </div>
       </template>
-      <ProfileUser ref="profileUserRef" />
+      <ProfileUser ref="profileUserRef" @update:avatar="handleUpdateAvatar" />
     </el-card>
     <el-card class="user ml-3 w-2/3" shadow="hover">
       <div>
         <el-tabs v-model="activeName" class="profile-tabs" style="height: 400px" tab-position="top">
           <el-tab-pane :label="t('profile.info.basicInfo')" name="basicInfo">
-            <BasicInfo @success="handleBasicInfoSuccess" />
+            <BasicInfo @success="handleBasicInfoSuccess" ref="basicInfoRef" />
           </el-tab-pane>
           <el-tab-pane :label="t('profile.info.resetPwd')" name="resetPwd">
             <ResetPwd />
@@ -30,11 +30,16 @@ const { t } = useI18n()
 defineOptions({ name: 'Profile' })
 const activeName = ref('basicInfo')
 const profileUserRef = ref()
+const basicInfoRef = ref()
 
 // 处理基本信息更新成功
 const handleBasicInfoSuccess = async () => {
   await profileUserRef.value?.refresh()
 }
+
+const handleUpdateAvatar = () => {
+  basicInfoRef.value.init()
+}
 </script>
 <style scoped>
 .user {
@@ -52,7 +57,7 @@ const handleBasicInfoSuccess = async () => {
   padding: 15px !important;
 }
 
-.profile-tabs > .el-tabs__content {
+.profile-tabs>.el-tabs__content {
   padding: 32px;
   font-weight: 600;
   color: #6b778c;
diff --git a/web/src/views/Profile/components/BasicInfo.vue b/web/src/views/Profile/components/BasicInfo.vue
index f785aff..f8d1b38 100644
--- a/web/src/views/Profile/components/BasicInfo.vue
+++ b/web/src/views/Profile/components/BasicInfo.vue
@@ -101,4 +101,7 @@ const init = async () => {
 onMounted(async () => {
   await init()
 })
+defineExpose({
+  init
+})
 </script>
diff --git a/web/src/views/Profile/components/ProfileUser.vue b/web/src/views/Profile/components/ProfileUser.vue
index 6282c3e..837397c 100644
--- a/web/src/views/Profile/components/ProfileUser.vue
+++ b/web/src/views/Profile/components/ProfileUser.vue
@@ -1,7 +1,7 @@
 <template>
   <div>
     <div class="text-center">
-      <UserAvatar :img="userInfo?.avatar" />
+      <UserAvatar :img="userInfo?.avatar" @update:img="handleUpdateAvatar" />
     </div>
     <ul class="list-group list-group-striped">
       <li class="list-group-item">
@@ -52,6 +52,8 @@ import UserAvatar from './UserAvatar.vue'
 
 import { getUserProfile, ProfileVO } from '@/api/system/user/profile'
 
+const emit = defineEmits(['update:avatar'])
+
 defineOptions({ name: 'ProfileUser' })
 
 const { t } = useI18n()
@@ -61,6 +63,11 @@ const getUserInfo = async () => {
   userInfo.value = users
 }
 
+const handleUpdateAvatar = (avatar: string) => {
+  userInfo.value.avatar = avatar
+  emit('update:avatar', avatar)
+}
+
 // 暴露刷新方法
 defineExpose({
   refresh: getUserInfo
diff --git a/web/src/views/Profile/components/UserAvatar.vue b/web/src/views/Profile/components/UserAvatar.vue
index 2800e7d..1adf209 100644
--- a/web/src/views/Profile/components/UserAvatar.vue
+++ b/web/src/views/Profile/components/UserAvatar.vue
@@ -20,6 +20,8 @@ import { UploadRequestOptions } from 'element-plus/es/components/upload/src/uplo
 
 defineOptions({ name: 'UserAvatar' })
 
+const emit = defineEmits(['update:img'])
+
 defineProps({
   img: propTypes.string.def('')
 })
@@ -40,6 +42,7 @@ const handelUpload = async ({ data }) => {
   // 关闭弹窗，并更新 userStore
   cropperRef.value.close()
   await userStore.setUserAvatarAction(avatar)
+  emit('update:img', avatar)
 }
 </script>
 
diff --git a/web/src/views/lock/grouplock/components/MobileGroupLock.vue b/web/src/views/lock/grouplock/components/MobileGroupLock.vue
index 8b449bb..8bee270 100644
--- a/web/src/views/lock/grouplock/components/MobileGroupLock.vue
+++ b/web/src/views/lock/grouplock/components/MobileGroupLock.vue
@@ -1,8 +1,8 @@
 <template>
   <div class="mobile-container">
-    <div>位置权限：{{ locationPermission ? '是' : '否' }}</div>
+    <!-- <div>位置权限：{{ locationPermission ? '是' : '否' }}</div>
     <div>蓝牙权限：{{ bluetoothPermission ? '是' : '否' }}</div>
-    <div>相机权限：{{ cameraPermission ? '是' : '否' }}</div>
+    <div>相机权限：{{ cameraPermission ? '是' : '否' }}</div> -->
     <div class="mobile-header">
       <el-input
         v-model="searchText"