ContiNew/continew-admin-ui
1
1
Fork 0
mirror of https://github.com/continew-org/continew-admin-ui.git synced 2025-09-09 20:57:17 +08:00
Code Issues Packages Projects Releases Wiki Activity

style: 优化个人中心部分默认显示效果

Browse Source
This commit is contained in:
Charles7c
2024-05-23 21:24:52 +08:00
parent 5897bde0c4
commit f2206b7801
2 changed files with 6 additions and 31 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/views/setting/profile/BasicInfo.vue
View File

@@ -36,11 +36,11 @@
</a-descriptions-item> </a-descriptions-item>
<a-descriptions-item :span="4"> <a-descriptions-item :span="4">
<template #label> <icon-phone /><span style="margin-left: 5px">手机</span></template> <template #label> <icon-phone /><span style="margin-left: 5px">手机</span></template>
{{ userInfo.phone }} {{ userInfo.phone || '暂无' }}
</a-descriptions-item> </a-descriptions-item>
<a-descriptions-item :span="4"> <a-descriptions-item :span="4">
<template #label> <icon-email /><span style="margin-left: 5px">邮箱</span></template> <template #label> <icon-email /><span style="margin-left: 5px">邮箱</span></template>
{{ userInfo.email }} {{ userInfo.email || '暂无' }}
</a-descriptions-item> </a-descriptions-item>
<a-descriptions-item :span="4"> <a-descriptions-item :span="4">
<template #label> <icon-mind-mapping /><span style="margin-left: 5px">部门</span></template> <template #label> <icon-mind-mapping /><span style="margin-left: 5px">部门</span></template>

33
src/views/setting/profile/Security.vue
View File

@@ -37,7 +37,6 @@
<script lang="ts" setup> <script lang="ts" setup>
import type { ModeItem } from '../type' import type { ModeItem } from '../type'
import VerifyModel from '../components/VerifyModel.vue' import VerifyModel from '../components/VerifyModel.vue'
import { type OptionResp, type SecurityConfig, listOption } from '@/apis'
import { useUserStore } from '@/stores' import { useUserStore } from '@/stores'
const userStore = useUserStore() const userStore = useUserStore()
@@ -48,8 +47,8 @@ modeList.value = [
{ {
title: '安全手机', title: '安全手机',
icon: 'phone-color', icon: 'phone-color',
value: `${`${userInfo.value.phone} ` || '手机号'}`, value: userInfo.value.phone,
subtitle: `可用于登录、身份验证、密码找回、通知接收`, subtitle: `${userInfo.value.phone ? '' : '手机号'}可用于登录、身份验证、密码找回、通知接收`,
type: 'phone', type: 'phone',
jumpMode: 'modal', jumpMode: 'modal',
status: !!userInfo.value.phone, status: !!userInfo.value.phone,
@@ -58,8 +57,8 @@ modeList.value = [
{ {
title: '安全邮箱', title: '安全邮箱',
icon: 'email-color', icon: 'email-color',
value: `${`${userInfo.value.email} ` || '邮箱'}`, value: userInfo.value.email,
subtitle: `可用于登录、身份验证、密码找回、通知接收`, subtitle: `${userInfo.value.email ? '' : '邮箱'}可用于登录、身份验证、密码找回、通知接收`,
type: 'email', type: 'email',
jumpMode: 'modal', jumpMode: 'modal',
status: !!userInfo.value.email, status: !!userInfo.value.email,
@@ -81,30 +80,6 @@ const verifyModelRef = ref<InstanceType<typeof VerifyModel>>()
const onUpdate = (type: string) => { const onUpdate = (type: string) => {
verifyModelRef.value?.open(type) verifyModelRef.value?.open(type)
} }
const securityConfig = ref<SecurityConfig>({
PASSWORD_ERROR_LOCK_COUNT: {},
PASSWORD_ERROR_LOCK_MINUTES: {},
PASSWORD_EXPIRATION_WARNING_DAYS: {},
PASSWORD_EXPIRATION_DAYS: {},
PASSWORD_REUSE_POLICY: {},
PASSWORD_MIN_LENGTH: {},
PASSWORD_ALLOW_CONTAIN_USERNAME: {},
PASSWORD_CONTAIN_SPECIAL_CHARACTERS: {}
})
// 查询列表数据
const getDataList = async () => {
const { data } = await listOption({ code: Object.keys(securityConfig.value) })
securityConfig.value = data.reduce((obj: SecurityConfig, option: OptionResp) => {
obj[option.code] = { ...option, value: Number.parseInt(option.value) }
return obj
}, {})
}
onMounted(() => {
getDataList()
})
</script> </script>
<style lang="scss" scoped></style> <style lang="scss" scoped></style>