chore

modules/User/views/user/components/profile.vue

@@ -52,7 +52,7 @@
 </template>
 
 <script lang="ts" setup>
-import { onMounted, ref, unref } from 'vue'
+import { onMounted, ref } from 'vue'
 import { useCreate } from '/admin/composables/curd/useCreate'
 import http from '/admin/support/http'
 import { Code } from '/admin/enum/app'
@@ -74,15 +74,21 @@ const profile = ref<profile>(
     password: '',
   }),
 )
+const { form, loading, submitForm, afterCreate } = useCreate('user/online', null, profile)
 
-onMounted(() => {
+const getUserInfo = () => {
+  loading.value = true
   http.get('user/online').then(r => {
     profile.value.username = r.data.data.username
     profile.value.avatar = r.data.data.avatar
     profile.value.email = r.data.data.email
+    loading.value = false
   })
+}
+
+onMounted(() => {
+  getUserInfo()
 })
-const { form, loading, submitForm, afterCreate } = useCreate('user/online', null, profile)
 
 const userStore = useUserStore()
 const uploadAvatar = (response, uploadFile) => {

modules/User/views/user/index.vue

@@ -18,8 +18,12 @@
       <div class="pl-2 pr-2 bg-white dark:bg-regal-dark rounded-lg mt-4 pb-6">
         <Operate :show="open" />
         <el-table :data="tableData" class="mt-3" v-loading="loading">
-          <el-table-column prop="username" label="用户名" width="180" />
-          <el-table-column prop="avatar" label="头像" />
+          <el-table-column prop="username" label="用户名" width="150" />
+          <el-table-column prop="avatar" label="头像">
+            <template #default="scope">
+              <el-avatar :src="scope.row.avatar" />
+            </template>
+          </el-table-column>
           <el-table-column prop="email" label="邮箱" />
           <el-table-column prop="status" label="状态">
             <template #default="scope">