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
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
<template>
<div class="app-container calendar-list-container">
<hm-complex-table :schema="schema['HmUser']"
:columns="showUserColumns"
:filters="userFilters"
:includes="userIncludes"
:refers="userRefers"
:options="userOptions"
:userDefined="userDefined"></hm-complex-table>
</div>
</template>
<script>
import HmComplexTable from './HmComplexTable.vue'
import schema from '../../schemas/hm_org_schema'
export default {
name: 'HmComplexTableIndex',
// 继承其他组件
extends: {},
// 使用其它组件
components: {
'hm-complex-table': HmComplexTable
},
data() {
return {
showUserColumns: [
{ name: '手机号', codeCamel: 'mobile', isSort: true },
{ name: '登录ID', codeCamel: 'loginid', isSort: true },
'username', 'email', { name: '创建时间', codeCamel: 'createTime', isSort: true, width: '130px' }
],
userFilters: [
{ placeholder: '过滤手机号', 'mobile': { 'like': '' }, isShow: true },
{ placeholder: '过滤用户名', 'username': { 'equalTo': '' }, isShow: true },
{ placeholder: ['安全级别大于', '安全级别小于'], 'create_time': { 'greaterThanOrEqualTo': '', 'lessThanOrEqualTo': '' }, isShow: true }
],
userIncludes: {
'hm_user': {
includes: ['user_id']
}
},
userRefers: {
'auth_token': {
includes: ['userId']
}
}
}
},
filters: {
},
created() {
this.schema = schema
this.userOptions = {
pageSize: 10,
sortItem: 'create_time',
sortOrder: 'desc',
changeValue: {
username: { 1: 'Hm-isChecked', 0: 'Hm-noChecked' }
},
newData: {
isShow: true,
showUserColumns: [
{ name: '姓名', codeCamel: 'username', widgetType: 1 },
{ name: '登录ID', codeCamel: 'loginid', widgetType: 1 },
{ name: '类型', codeCamel: 'type', widgetType: 1 }
],
showUserButtons: [],
formSchema: schema['HmUser'],
layout: { left: 0, middle: 24, right: 0 },
tips: {},
formStyle: {},
formRefers: {},
foreignFormFields: [],
formRelates: []
},
editData: {
isShow: true,
showUserColumns: [{ name: '姓名', codeCamel: 'username', widgetType: 1 }],
showUserButtons: [],
formSchema: schema['HmUser'],
layout: { left: 0, middle: 24, right: 0 },
tips: {},
formStyle: {},
formRefers: {},
foreignFormFields: [],
formRelates: []
},
showDetail: {
isShow: true
},
// HmFullCalendar: {
// calendarSchema: schema['HmUser'],
// demoEvents: {
// title: 'username',
// start: 'createTime',
// end: 'lastUpdateTime'
// }
// },
cellStyle: {},
titleButtonStyle: {},
tableStyle: { width: '100%' },
isShowPagination: true,
isShowSearch: true,
showRefresh: true,
showExport: true,
showDeleteButton: true,
buttonGroup: false,
showSelection: true,
showOverflowTooltip: true,
tableCurrentChange(value) {}
// dataProcessing(value, params, definedOperate) {}, // 处理返回后的数据,必须return 处理后的数据
// promiseProcessing(value, params, definedOperate) {} // 处理返回后的数据,必须return Promise对象
}
this.userDefined = {
definedParams(params, operate) {
return params
},
definedOperate: [
{ type: 'select', label: '', placeholder: '类型', options: [{ label: '姓名', code: 'username' }, { label: '登录ID', code: 'loginid' }], value: '' },
{ type: 'input', label: '', placeholder: '邮箱', code: 'email', value: '' },
{ type: 'datetime', label: '', placeholder: '创建时间', code: 'createTime', value: '' }
],
definedOperation: [{ label: '测试', func: this.dropDown }],
definedEdit() {
},
definedNew() {
},
definedDetail() {
},
BatchRemove() {
console.log('BatchRemove')
}
// pretreatment() {}
}
},
methods: {
method1() {
this.dialogFormVisible = false
console.log('method1')
},
dropDown(value) {
console.log('输出一些东西', value)
}
}
}
</script>