config.ts
1.92 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
66
67
68
69
70
71
72
73
74
75
76
77
78
79
import { Tag, Tooltip } from 'ant-design-vue';
import { DescItem } from '/@/components/Description/src/typing';
import { formatToDateTime } from '/@/utils/dateUtil';
import { CSSProperties, h } from 'vue';
import { useI18n } from '/@/hooks/web/useI18n';
const { t } = useI18n();
export const descSchema = (): DescItem[] => {
return [
{
field: 'name',
label: t('edge.instance.text.deviceName'),
render(val, data: Record<'alias' | 'name', string>) {
return h(Tooltip, { title: data.alias || val }, () =>
h('span', { style: { cursor: 'pointer' } as CSSProperties }, data.alias || val)
);
},
},
{
field: 'label',
label: t('edge.instance.text.deviceLabel'),
render: (text) => {
return text
? h(
Tag,
{
color: '#00B42A',
},
text
)
: '';
},
},
{
field: 'gatewayName',
label: t('edge.instance.text.relatedGateway'),
render: (text) => {
return text
? h(
Tag,
{
color: '#00B42A',
},
text
)
: '';
},
},
{
field: 'deviceProfileName',
label: t('edge.instance.text.relatedProduct'),
},
{
field: 'deviceType',
label: t('edge.instance.text.deviceType'),
render: (_, data) => {
const text = t(`enum.deviceType.${data.deviceType}`);
return h(
'span',
{
style: { cursor: 'pointer' },
},
text
);
},
},
{
field: 'createdTime',
label: t('edge.instance.text.createTime'),
render: (_, data) => {
return formatToDateTime(data.createdTime, 'YYYY-MM-DD HH:mm:ss');
},
},
{
field: 'additionalInfo.description',
label: t('edge.instance.text.desc'),
},
];
};