diff --git a/.env.development b/.env.development
index c154c971473d16456a4881d90f6570a77d0192a7..8f62d8ff476d0608490233f34f59872a554ac5d5 100644
--- a/.env.development
+++ b/.env.development
@@ -6,4 +6,6 @@ VITE_APP_BASE_URL=/dev-api
 # java环境
 # VITE_APP_BASE_URL=http://localhost:9090
 # mock环境
-# VITE_APP_BASE_URL=https://console-mock.apipost.cn/app/mock/project/1cee3669-4ecb-431e-a7b7-67c5298e06ab
\ No newline at end of file
+# VITE_APP_BASE_URL=https://console-mock.apipost.cn/app/mock/project/1cee3669-4ecb-431e-a7b7-67c5298e06ab
+#上传地址
+VITE_UPLOAD_PATH=http://localhost:3103/
\ No newline at end of file
diff --git a/.env.production b/.env.production
index f7c2abd2a04de1dec1b261418e308ab289615b94..48e850cfac71891797913b957de3eacc305d16b4 100644
--- a/.env.production
+++ b/.env.production
@@ -6,4 +6,6 @@ VITE_APP_BASE_URL=/prod-api
 # java环境
 # VITE_APP_BASE_URL=http://localhost:9090
 # mock环境
-# VITE_APP_BASE_URL=https://console-mock.apipost.cn/app/mock/project/1cee3669-4ecb-431e-a7b7-67c5298e06ab
\ No newline at end of file
+# VITE_APP_BASE_URL=https://console-mock.apipost.cn/app/mock/project/1cee3669-4ecb-431e-a7b7-67c5298e06ab
+#上传地址
+VITE_UPLOAD_PATH==https://api.quick.ainiteam.com/
\ No newline at end of file
diff --git a/README.md b/README.md
index eb119ff7ab68090a5da92829efe2be3090943fbf..46bb2e8de79ad4563ebfe91dffba57af772ddf0f 100644
--- a/README.md
+++ b/README.md
@@ -5,7 +5,7 @@
 
 ## 简介
 
-quick-vue3-admin 是一款免费开源快速搭建中后台系统框架。本框架基于 vite2、vue3.2 语法糖模式、element-plus、pinia 等最新主流技术并封装了通用的组件方便开发者提高工作效率。后期也会通过版本升级的方式来维护并更新，使开发者拥有一款长期并且稳定的脚手架。本团队还提供了基于 quick 框架开发的各类业务项目，比如： 订单管理系统、调度管理系统、聊天系统、音视系统 、监控系统、商城系统、物联网平台、外卖系统、ERP系统、CMR系统、OA系统、物流管理系统、CRM管理系统等等常用的业务系统，，如有相关需求联系管理员。
+quick-vue3-admin 是一款免费开源快速搭建中后台系统框架。本框架基于 vite2、vue3.2 语法糖模式、element-plus、pinia 等最新主流技术并封装了通用的组件方便开发者提高工作效率。后期也会通过版本升级的方式来维护并更新，使开发者拥有一款长期并且稳定的脚手架。本团队还提供了基于 quick 框架开发的各类业务项目，比如： 订单管理系统、调度管理系统、聊天系统、音视系统 、监控系统、商城系统、物联网平台、外卖系统、ERP系统、CMR系统、OA系统、物流管理系统、CRM管理系统等等常用的业务系统，如有相关需求联系管理员。
 
 ## 软件特色
 
diff --git a/package.json b/package.json
index e75b45c007e689a182c9e22d48ac4ed31d53c9d7..ed645f949e56d0adb157ea6ea2f45c99254c5f0e 100644
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "quick-vue3-admin",
   "private": true,
-  "version": "2.0.0",
+  "version": "2.0.1",
   "scripts": {
     "dev": "vite",
     "build": "vite build",
@@ -12,7 +12,7 @@
     "prepare": "husky install"
   },
   "dependencies": {
-    "@ainiteam/quick-vue3-ui": "1.0.7-alpha.3",
+    "@ainiteam/quick-vue3-ui": "1.0.7-alpha.5",
     "@element-plus/icons-vue": "^2.0.6",
     "axios": "^0.27.2",
     "crypto-js": "^4.1.1",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 65b42e36e2c6950fa650e353ca27a380e0ffcf86..bc1e59b8328bda4b47893fb2c14538425394c992 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -1,7 +1,7 @@
 lockfileVersion: 5.4
 
 specifiers:
-  '@ainiteam/quick-vue3-ui': 1.0.7-alpha.4
+  '@ainiteam/quick-vue3-ui': 1.0.7-alpha.5
   '@element-plus/icons-vue': ^2.0.6
   '@types/crypto-js': ^4.1.1
   '@types/node': ^17.0.30
@@ -38,7 +38,7 @@ specifiers:
   vue-tsc: ^0.34.7
 
 dependencies:
-  '@ainiteam/quick-vue3-ui': 1.0.7-alpha.4
+  '@ainiteam/quick-vue3-ui': 1.0.7-alpha.5
   '@element-plus/icons-vue': 2.0.10_vue@3.2.45
   axios: 0.27.2
   crypto-js: 4.1.1
@@ -78,8 +78,8 @@ devDependencies:
 
 packages:
 
-  /@ainiteam/quick-vue3-ui/1.0.7-alpha.4:
-    resolution: {integrity: sha512-PEQAaE++YJtjzSOUNoLMFyMqnMGqsI2N9mmlQ62klCKNGPgDlQWu3xZ9oHwWh45DFuIearPC+baoJKWN97BDjg==}
+  /@ainiteam/quick-vue3-ui/1.0.7-alpha.5:
+    resolution: {integrity: sha512-CphxGRN1+VmNrEumk6Qd7QXcvAGd585gVt081z46RfJb2lZSgysvoLrCpJiZFblpuhMay4vSF4WH/T8ytYiWrQ==}
     engines: {node: v18.12.1, pnpm: 7.18.0}
     requiresBuild: true
     dependencies:
diff --git a/src/layout/components/AiniTop/index.vue b/src/layout/components/AiniTop/index.vue
index 665de0f35622c450a1f66e682ca909da5bfb97d4..043bb5e2cafafd2e2b3b3ecff2c4a9eb3bebe6f9 100644
--- a/src/layout/components/AiniTop/index.vue
+++ b/src/layout/components/AiniTop/index.vue
@@ -154,9 +154,14 @@ onMounted(() => {
       <span class="test">
         <el-dropdown @command="handleCommand">
           <span class="el-dropdown-link">
-            <el-avatar :size="30">
-              {{ userInfo.userName.charAt(0).toUpperCase() }}
-            </el-avatar>
+            <template v-if="userInfo.avatar">
+              <el-avatar :size="30" :src="userInfo.avatar"> </el-avatar>
+            </template>
+            <template v-else>
+              <el-avatar :size="30">
+                {{ userInfo.userName.charAt(0).toUpperCase() }}
+              </el-avatar>
+            </template>
           </span>
           <template #dropdown>
             <el-dropdown-menu>
diff --git a/src/store/modules/user.ts b/src/store/modules/user.ts
index 57bd8d4d80b8fd835bd715a840d11eb079a3815b..827300e5fee2f286549718df085a8a94502c8703 100644
--- a/src/store/modules/user.ts
+++ b/src/store/modules/user.ts
@@ -15,7 +15,7 @@ export const useUserStore = defineStore('userStore', {
   state: (): UserState => {
     return {
       user: {
-        id: 0,
+        id: '',
         userId: '',
         userName: '',
         fullName: '',
diff --git a/src/views/personalInfo/index.vue b/src/views/personalInfo/index.vue
index 96484c0fa779dce2c57fdd97c54551adbca5a173..32f58ff95cae39c9e1779391f7ae91ad37b4555e 100644
--- a/src/views/personalInfo/index.vue
+++ b/src/views/personalInfo/index.vue
@@ -3,17 +3,35 @@ import { onMounted, reactive, ref } from 'vue'
 import { ElMessage, UploadProps } from 'element-plus'
 import { FormItem } from '@ainiteam/quick-vue3-ui'
 import { User } from '@/types/user'
+import { useAuthStore } from '@/store/modules/auth'
 import { useUserStore } from '@/store/modules/user'
 import { updateUser } from '@/api/system/user'
+
+/**
+ * 属性
+ */
+const loginStore = useAuthStore()
+const userStore = useUserStore()
+const form = reactive<User>({
+  id: '',
+  userId: '',
+  avatar: '',
+  fullName: '',
+  userName: '',
+  phone: '',
+  email: '',
+  address: '',
+})
 /**
  * 上传
  */
-const imageUrl = ref('')
+// const imageUrl = ref('')
 const handleAvatarSuccess: UploadProps['onSuccess'] = (
   response,
   uploadFile
 ) => {
-  imageUrl.value = URL.createObjectURL(uploadFile.raw!)
+  // imageUrl.value = URL.createObjectURL(uploadFile.raw!)
+  form.avatar = `${import.meta.env.VITE_UPLOAD_PATH}${response.data.path}`
 }
 const beforeAvatarUpload: UploadProps['beforeUpload'] = (rawFile) => {
   if (rawFile.type !== 'image/jpeg') {
@@ -26,20 +44,6 @@ const beforeAvatarUpload: UploadProps['beforeUpload'] = (rawFile) => {
   }
   return true
 }
-/**
- * 属性
- */
-const userStore = useUserStore()
-const form = reactive<User>({
-  id: '',
-  userId: '',
-  avatar: '',
-  fullName: '',
-  userName: '',
-  phone: '',
-  email: '',
-  address: '',
-})
 const formItems = reactive<Array<FormItem>>([
   {
     label: '头像',
@@ -47,8 +51,11 @@ const formItems = reactive<Array<FormItem>>([
     vModel: 'avatar',
     placeholder: '头像',
     type: 'avatar',
-    actionUrl: 'https://run.mocky.io/v3/9d059bf9-4660-45f2-925d-ce80ad6c4d15',
-    imgUrl: '',
+    // actionUrl: '/v3/9d059bf9-4660-45f2-925d-ce80ad6c4d15',
+    actionUrl: '/dev-api/api/v2/uploads/uploadFile',
+    headers: {
+      authorization: `Bearer ${loginStore.getAccessToken}`,
+    },
     success: handleAvatarSuccess,
     beforeUpload: beforeAvatarUpload,
   },
@@ -88,12 +95,29 @@ const formItems = reactive<Array<FormItem>>([
 /**
  * 函数
  */
+const getInfo = () => {
+  const { user } = userStore.$state
+  const { id, userName } = user
+  userStore.getUserInfo(userName).then((res) => {
+    const info = { ...res }
+    const { userId, avatar, fullName, phone, email, address } = info
+    form.id = id
+    form.userId = userId
+    form.userName = userName
+    form.avatar = avatar
+    form.fullName = fullName
+    form.phone = phone
+    form.email = email
+    form.address = address
+  })
+}
 const handleSubmit = () => {
   updateUser(form).then(() => {
     ElMessage({
       type: 'success',
       message: '修改个人资料成功.',
     })
+    getInfo()
   })
 }
 const handleClear = () => {
@@ -101,18 +125,8 @@ const handleClear = () => {
     form[key] = ''
   })
 }
-
 onMounted(() => {
-  const { user } = userStore.$state
-  const { id, userName, userId, avatar, fullName, phone, email, address } = user
-  form.id = id
-  form.userId = userId
-  form.userName = userName
-  form.avatar = avatar
-  form.fullName = fullName
-  form.phone = phone
-  form.email = email
-  form.address = address
+  getInfo()
 })
 </script>