This commit is contained in:
JaguarJack 2023-01-11 18:07:15 +08:00
parent dcd6b7a9d7
commit a5bf63e386
2 changed files with 15 additions and 5 deletions

View File

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

View File

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