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
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
| import type { DescItem } from '#/components/description';
|
| import { DictEnum } from '@vben/constants';
|
| import { Tag } from 'ant-design-vue';
| import dayjs from 'dayjs';
| import duration from 'dayjs/plugin/duration';
| import relativeTime from 'dayjs/plugin/relativeTime';
|
| import { renderDict } from '#/utils/render';
|
| dayjs.extend(duration);
| dayjs.extend(relativeTime);
|
| function renderTags(list: string[]) {
| return (
| <div class="flex flex-row flex-wrap gap-0.5">
| {list.map((item) => (
| <Tag key={item}>{item}</Tag>
| ))}
| </div>
| );
| }
|
| export const descSchema: DescItem[] = [
| {
| field: 'userId',
| label: '用户ID',
| },
| {
| field: 'status',
| label: '用户状态',
| render(value) {
| return renderDict(value, DictEnum.SYS_NORMAL_DISABLE);
| },
| },
| {
| field: 'nickName',
| label: '用户信息',
| render(_, data) {
| const { deptName = '暂无部门信息', nickName, userName } = data;
| // 为了兼容新版本和旧版本
| let currentDept = deptName;
| if (data.dept && data.dept.deptName) {
| currentDept = data.dept.deptName;
| }
| return `${userName} / ${nickName} / ${currentDept}`;
| },
| },
| {
| field: 'phonenumber',
| label: '手机号',
| render(value) {
| return value || '未设置手机号码';
| },
| },
| {
| field: 'email',
| label: '邮箱',
| render(value) {
| return value || '未设置邮箱地址';
| },
| },
| {
| field: 'postNames',
| label: '岗位',
| render(value) {
| if (Array.isArray(value) && value.length === 0) {
| return '暂无信息';
| }
| return renderTags(value);
| },
| },
| {
| field: 'roleNames',
| label: '权限',
| render(value) {
| if (Array.isArray(value) && value.length === 0) {
| return '暂无信息';
| }
| return renderTags(value);
| },
| },
| {
| field: 'createTime',
| label: '创建时间',
| },
| {
| field: 'loginIp',
| label: '上次登录IP',
| render(value) {
| return value || <span class="text-orange-500">从未登录过</span>;
| },
| },
| {
| field: 'loginDate',
| label: '上次登录时间',
| render(value) {
| if (!value) {
| return <span class="text-orange-500">从未登录过</span>;
| }
| // 默认en显示
| dayjs.locale('zh-cn');
| // 计算相差秒数
| const diffSeconds = dayjs().diff(dayjs(value), 'second');
| /**
| * 转为时间显示(x月 x天)
| * https://dayjs.fenxianglu.cn/category/duration.html#%E4%BA%BA%E6%80%A7%E5%8C%96
| *
| */
| const diffText = dayjs.duration(diffSeconds, 'seconds').humanize();
| return (
| <div class="flex gap-2">
| {value}
| <Tag bordered={false} color="cyan">
| {diffText}前
| </Tag>
| </div>
| );
| },
| },
| {
| field: 'remark',
| label: '备注',
| render(value) {
| return value || '无';
| },
| },
| ];
|
|
