<template>
<div>
<ht-table
ref="tableList"
ref-table="tableList"
:table-init="true"
:table-head="tableHeadList"
:table-data="tableData"
@row-click="handleRowClick"
>
<ht-button @click="handleSave">新增</ht-button>
</ht-table>
</div>
</template>
<script>
export default {
data() {
return {
tableHeadList: [
{
label: '用户账号',
prop: 'u@account',
align: 'right',
query: true
},
{
label: '用户姓名',
prop: 'u@userName',
query: true
},
{
type: 'tag',
label: '部门',
prop: 'd@dname',
query: true
},
{
label: '工号',
prop: 'u@userSn'
},
{
label: '岗位',
prop: 'u@postStation'
},
{
label: '出生日期',
prop: 'birthDate'
},
{
label: '性别',
prop: 'u@sex',
type: 'dic',
dicType: 'xb'
},
{
label: '手机号码',
prop: 'u.mobile',
align: 'right'
},
{
label: '邮箱地址',
prop: 'u@email'
},
{
label: '用户类型',
prop: 'u@userType'
},
{
label: '用户级别',
prop: 'u@userLevel'
},
{
label: '状态',
prop: 'u@status',
render: (scope) => {
return (
<ht-switch
value={scope.row.status.c}
key={scope.column.columnKey}
onChange={(newStatus, preVal) => this.testRefer(newStatus, preVal, scope)}
>
</ht-switch>
);
}
}
],
tableData:{}
}
},
methods:{
handleSave(){
alert('save');
},
handleEdit(){
alert('edit');
},
handleRowClick(row, column, event) {
alert('row-click');
},
}
};
</script>
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
