style: User style adjustment

隐藏已有用户二次编辑中的用户名;补全新增用户界面的默认头像显示;增加分割线。
This commit is contained in:
Aqr-K
2024-09-14 20:38:33 +08:00
parent 65946c55d1
commit 6a6100a814
+17 -4
View File
@@ -32,7 +32,7 @@ const userForm = ref<User>({
email: '', email: '',
is_active: false, is_active: false,
is_superuser: false, is_superuser: false,
avatar: '', avatar: avatar1,
is_otp: false, is_otp: false,
permissions: {}, permissions: {},
settings: { settings: {
@@ -179,12 +179,22 @@ onMounted(() => {
</VCardText> </VCardText>
<VCardText> <VCardText>
<VForm @submit.prevent="() => {}" class="mt-3"> <VForm @submit.prevent="() => {}" class="mt-3">
<VDivider class="my-10">
<span>用户基础设置</span>
</VDivider>
<VRow> <VRow>
<VCol md="6" cols="12"> <VCol md="6" cols="12" v-if="props.oper === 'add'">
<VTextField v-model="userForm.name" density="comfortable" label="用户名" /> <VTextField v-model="userForm.name"
density="comfortable"
label="用户名"
/>
</VCol> </VCol>
<VCol cols="12" md="6"> <VCol cols="12" md="6">
<VTextField v-model="userForm.email" density="comfortable" label="邮箱" type="email" /> <VTextField v-model="userForm.email"
density="comfortable"
label="邮箱"
type="email"
/>
</VCol> </VCol>
<VCol cols="12" md="6"> <VCol cols="12" md="6">
<VTextField <VTextField
@@ -219,6 +229,9 @@ onMounted(() => {
/> />
</VCol> </VCol>
</VRow> </VRow>
<VDivider class="my-10">
<span>消息账号绑定</span>
</VDivider>
<VRow> <VRow>
<VCol cols="12" md="6"> <VCol cols="12" md="6">
<VTextField v-model="userForm.settings.wechat_userid" density="comfortable" label="微信用户" /> <VTextField v-model="userForm.settings.wechat_userid" density="comfortable" label="微信用户" />