mirrors2/opencatd-open
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix UI

Browse Source
This commit is contained in:
Sakurasan
2025-04-17 23:09:57 +08:00
parent 20c3cda4a7
commit fca67cae40
15 changed files with 579 additions and 82 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
frontend/src/views/dashboard/UserView.vue
View File

@@ -1,14 +1,13 @@
<template>
<div class="min-h-screen bg-base-100 p-4 md:p-6">
<div class="min-h-screen bg-base-100 p-2 md:p-6">
<BreadcrumbHeader title="User Details" />
<div class="max-w-3xl mx-auto">
<div class="card card-bordered bg-base-100 shadow-sm" v-if="user">
<div class="card-body space-y-5">
<div class="card-body space-y-5 p-3 sm:p-8">
<div class="flex flex-col md:flex-row items-center gap-6">
<div class="avatar placeholder" v-if="!user?.avatar_url">
<div
class="glass bg-neutral text-neutral-content rounded-full w-16 sm:w-20">
<div class="glass bg-neutral text-neutral-content rounded-full w-16 sm:w-20">
<span class="text-2xl sm:text-3xl">{{ user?.username?.[0]?.toUpperCase() }}</span>
</div>
</div>
@@ -118,7 +117,7 @@
<select id="role" v-model="user.role" class="select select-bordered select-sm w-full">
<option :value="0">User</option>
<option :value="10">Admin</option>
<option v-if="user.role>10" :value="20">Root</option>
<option v-if="user.role > 10" :value="20">Root</option>
</select>
</div>
@@ -139,7 +138,7 @@
</label>
<div class="flex items-center space-x-3">
<input id="quota" type="number" v-model="user.quota" placeholder="Enter quota amount"
class="input input-bordered input-sm flex-grow" :disabled="user.unlimited_quota" />
class="input input-bordered input-sm w-1/2" :disabled="user.unlimited_quota" />
<label class="label cursor-pointer space-x-2 p-0">
<input type="checkbox" v-model="user.unlimited_quota" class="checkbox checkbox-sm" />
<span class="label-text text-sm text-base-content/90">Unlimited</span>
@@ -198,8 +197,8 @@
</td>
<td class="px-2 py-3">{{ token.used_quota }}</td>
<td class="text-right px-2 py-3">
<button v-if="token.name!=='default'" class="btn btn-ghost btn-xs btn-square text-error" @click="revokeToken(token.id)"
aria-label="Revoke token">
<button v-if="token.name !== 'default'" class="btn btn-ghost btn-xs btn-square text-error"
@click="revokeToken(token.id)" aria-label="Revoke token">
<TrashIcon class="w-4 h-4" />
</button>
</td>
@@ -272,7 +271,7 @@ const updateUser = async () => {
payload.password = user.value.password;
}
const res = await userStore.editUser(userId.value, payload);
console.log('updateUser',res)
console.log('updateUser', res)
if (res.data?.code == 200) {
setToast(`User ${userId.value} updated`, 'success');
}
@@ -293,9 +292,9 @@ const togglePasswordVisibility = () => {
// 格式化角色
const formatRole = (role) => {
switch (true) {
case role>10:
case role > 10:
return 'Root';
case role>0:
case role > 0:
return 'Admin';
default:
return 'U';