AccountDetail.vue
2.36 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
<template>
<PageWrapper
:title="`用户资料`"
contentBackground
@back="goBack"
>
<Description
size="middle"
@register="register"
/>
</PageWrapper>
</template>
<script>
import { defineComponent, ref } from 'vue';
import { useRoute } from 'vue-router';
import { PageWrapper } from '/@/components/Page';
import { useGo } from '/@/hooks/web/usePage';
import {Description} from "../../../components/Description";
import { useTabs } from '/@/hooks/web/useTabs';
import { Tabs } from 'ant-design-vue';
import {getAccountInfo} from "../../../api/system/system";
import {accountSchema} from "./account.detail.data";
import {useDescription} from "../../../components/Description";
const accountData = {};
export default defineComponent({
name: 'AccountDetail',
components: { PageWrapper, ATabs: Tabs, ATabPane: Tabs.TabPane,Description },
setup() {
const route = useRoute();
const go = useGo();
const { setTitle } = useTabs();
const [register,methods] = useDescription({
title:"账号基础信息",
data:accountData,
bordered:false,
schema:accountSchema,
column:3
})
getAccountInfo(route.params?.id).then((result)=>{
Reflect.set(accountData,"realName",result.realName);
Reflect.set(accountData,"phoneNumber",result.phoneNumber);
Reflect.set(accountData,"email",result.email);
Reflect.set(accountData,"username",result.username);
Reflect.set(accountData,"enabled",result.enabled?"正常":!result.enabled?"禁用":"已过期");
Reflect.set(accountData,"accountExpireTime",result.accountExpireTime);
Reflect.set(accountData,"createTime",result.createTime);
Reflect.set(accountData,"updateTime",result.updateTime);
Reflect.set(accountData,"deptId",result.deptId);
console.log(accountData,"accountData")
// 设置Tab的标题（不会影响页面标题）
setTitle('详情：用户' + result.realName);
methods.setDescProps(accountData)
});
// 页面左侧点击返回链接时的操作
function goBack() {
// 本例的效果时点击返回始终跳转到账号列表页，实际应用时可返回上一页
go('/system/account');
}
return {goBack,accountSchema,accountData,register };
},
});
</script>
<style></style>