2cb8a6d9
梁灏
commit Table comp...
|
1
|
<template>
|
d509d2b2
梁灏
fixed #192
|
2
3
4
|
<!--<i-select :model.sync="model1" style="width:200px">-->
<!--<i-option v-for="item in cityList" :value="item.value">{{ item.label }}</i-option>-->
<!--</i-select>-->
|
2f7660b4
Rijn
fade table body w...
|
5
6
7
8
9
10
11
12
13
|
<i-button @click="data7 = data6">Dispatch</i-button>
<br/>
<i-table border :content="self" :columns="columns7" :data="data7"></i-table>
<br/>
<i-table border :content="self" :columns="columns7" :data="data7" size="small"></i-table>
<br/>
<i-table border :content="self" :columns="columns7" :data="data7" size="large"></i-table>
<br/>
<i-table border :content="self" :columns="columns7" :data="data7" height="600"></i-table>
|
2cb8a6d9
梁灏
commit Table comp...
|
14
15
16
|
</template>
<script>
export default {
|
2cb8a6d9
梁灏
commit Table comp...
|
17
18
|
data () {
return {
|
d509d2b2
梁灏
fixed #192
|
19
|
cityList: [
|
3d6fa54b
梁灏
update Table
|
20
|
{
|
d509d2b2
梁灏
fixed #192
|
21
22
|
value: 'beijing',
label: '北京市'
|
c211f717
梁灏
Table data suppor...
|
23
24
|
},
{
|
d509d2b2
梁灏
fixed #192
|
25
26
|
value: 'shanghai',
label: '上海市'
|
2810d8c7
梁灏
fixed #183
|
27
28
|
},
{
|
d509d2b2
梁灏
fixed #192
|
29
30
31
|
value: 'shenzhen',
label: '深圳市'
},
|
891700ae
梁灏
update Table
|
32
|
{
|
d509d2b2
梁灏
fixed #192
|
33
34
|
value: 'hangzhou',
label: '杭州市'
|
3d6fa54b
梁灏
update Table
|
35
36
|
},
{
|
d509d2b2
梁灏
fixed #192
|
37
38
|
value: 'nanjing',
label: '南京市'
|
891700ae
梁灏
update Table
|
39
40
|
},
{
|
d509d2b2
梁灏
fixed #192
|
41
42
|
value: 'chongqing',
label: '重庆市'
|
3d6fa54b
梁灏
update Table
|
43
44
|
}
],
|
d509d2b2
梁灏
fixed #192
|
45
46
47
|
model1: 'shanghai',
self: this,
columns7: [
|
3d6fa54b
梁灏
update Table
|
48
|
{
|
d509d2b2
梁灏
fixed #192
|
49
50
51
52
53
|
title: '姓名',
key: 'name',
render (row, column, index) {
return `<Icon type="person"></Icon> <strong>${row.name}</strong>`;
}
|
3d6fa54b
梁灏
update Table
|
54
55
|
},
{
|
d509d2b2
梁灏
fixed #192
|
56
57
|
title: '年龄',
key: 'age'
|
3d6fa54b
梁灏
update Table
|
58
59
|
},
{
|
d509d2b2
梁灏
fixed #192
|
60
61
|
title: '地址',
key: 'address'
|
2810d8c7
梁灏
fixed #183
|
62
63
|
},
{
|
d509d2b2
梁灏
fixed #192
|
64
65
66
67
68
69
70
71
72
73
|
title: '操作',
key: 'action',
align: 'center',
render (row, column, index) {
return `
<i-select :model.sync="model1" style="width:200px">
<i-option v-for="item in cityList" :value="item.value">{{ item.label }}</i-option>
</i-select><br><br><br>
`;
}
|
2810d8c7
梁灏
fixed #183
|
74
|
}
|
891700ae
梁灏
update Table
|
75
|
],
|
d509d2b2
梁灏
fixed #192
|
76
|
data6: [
|
891700ae
梁灏
update Table
|
77
78
79
80
81
82
83
84
|
{
name: '王小明',
age: 18,
address: '北京市朝阳区芍药居'
},
{
name: '张小刚',
age: 25,
|
d509d2b2
梁灏
fixed #192
|
85
|
address: '北京市海淀区西二旗'
|
891700ae
梁灏
update Table
|
86
87
88
89
90
91
92
93
94
|
},
{
name: '李小红',
age: 30,
address: '上海市浦东新区世纪大道'
},
{
name: '周小伟',
age: 26,
|
d509d2b2
梁灏
fixed #192
|
95
|
address: '深圳市南山区深南大道'
|
891700ae
梁灏
update Table
|
96
|
}
|
2f7660b4
Rijn
fade table body w...
|
97
98
|
],
data7: []
|
50637863
梁灏
update DatePicker
|
99
100
101
|
}
},
methods: {
|
d509d2b2
梁灏
fixed #192
|
102
103
104
105
106
107
108
109
|
show (index) {
this.$Modal.info({
title: '用户信息',
content: `姓名:${this.data6[index].name}<br>年龄:${this.data6[index].age}<br>地址:${this.data6[index].address}`
})
},
remove (index) {
this.data6.splice(index, 1);
|
2cb8a6d9
梁灏
commit Table comp...
|
110
|
}
|
2cb8a6d9
梁灏
commit Table comp...
|
111
112
|
}
}
|
d0e206c5
梁灏
Table add content...
|
113
|
</script>
|