From a37a40d1cdd97e1daca2543c21e67dee12dc3057 Mon Sep 17 00:00:00 2001
From: heshunme <heshunme@outlook.com>
Date: Sun, 30 Jun 2024 17:54:50 +0800
Subject: [PATCH] =?UTF-8?q?=E4=B8=BA=E7=94=A8=E6=88=B7=E4=BF=A1=E6=81=AF?=
 =?UTF-8?q?=E5=B1=95=E7=A4=BA=E9=A1=B5=E9=9D=A2=E6=B7=BB=E5=8A=A0=E9=80=BB?=
 =?UTF-8?q?=E8=BE=91?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/authentication/Profile.vue | 30 +++++++++++++++++++++-------
 1 file changed, 23 insertions(+), 7 deletions(-)

diff --git a/src/views/authentication/Profile.vue b/src/views/authentication/Profile.vue
index 54d6225..812dbff 100644
--- a/src/views/authentication/Profile.vue
+++ b/src/views/authentication/Profile.vue
@@ -1,16 +1,32 @@
 <script setup>
-import {ref} from 'vue';
+import {onMounted, ref} from 'vue';
 import 'element-plus/dist/index.css';
+import {useStore} from 'vuex';
 
-const nickname = ref('admin');
-const phoneNumber = ref('15888888888');
-const email = ref('ry@163.com');
-const department = ref('研发部门 / 董事长');
-const role = ref('超级管理员');
-const createdAt = ref('2021-09-21 17:00:35');
+const store = useStore();
 
+const nickname = ref('');
+const phoneNumber = ref('');
+const email = ref('');
+const department = ref('');
+const role = ref('');
+const createdAt = ref('');
+
+onMounted(async () => {
+  const response = await store.dispatch('authentication/fetchUserProfile');
+  if (response.status === 200) {
+    const user = response.data;
+    nickname.value = user.nickname;
+    phoneNumber.value = user.phoneNumber;
+    email.value = user.email;
+    department.value = user.department;
+    role.value = user.role;
+    createdAt.value = user.createdAt;
+  }
+});
 </script>
 
+
 <template>
   <div class="profile-container">
     <div class="profile-box">