Commit 6ef8d853bb4ff348b5a96819cbde40573f3ce8ac
1 parent
be664aa7
rm
Showing
1 changed file
with
0 additions
and
123 deletions
Show diff stats
examples/routers/table.vue deleted
| 1 | -<template> | |
| 2 | - <div> | |
| 3 | - <Table border :columns="columns7" :data="data6" disable-highlight></Table> | |
| 4 | - </div> | |
| 5 | -</template> | |
| 6 | -<script> | |
| 7 | - import etable from '../components/table.vue'; | |
| 8 | - export default { | |
| 9 | - components: { etable }, | |
| 10 | - data () { | |
| 11 | - return { | |
| 12 | - columns7: [ | |
| 13 | -// { | |
| 14 | -// type: 'expand', | |
| 15 | -// width: 50, | |
| 16 | -// render: (h, params) => { | |
| 17 | -// // return h(etable); | |
| 18 | -// return h('div', params.row.name) | |
| 19 | -// } | |
| 20 | -// }, | |
| 21 | - { | |
| 22 | - title: '姓名', | |
| 23 | - key: 'name', | |
| 24 | - fixed: 'left', | |
| 25 | - render: (h, params) => { | |
| 26 | - return h('div', [ | |
| 27 | - h('Icon', { | |
| 28 | - props: { | |
| 29 | - type: 'person' | |
| 30 | - } | |
| 31 | - }), | |
| 32 | - h('strong', params.row.name) | |
| 33 | - ]); | |
| 34 | - } | |
| 35 | - }, | |
| 36 | - { | |
| 37 | - title: '年龄', | |
| 38 | - key: 'age', | |
| 39 | - sortable: true | |
| 40 | - }, | |
| 41 | - { | |
| 42 | - title: '地址', | |
| 43 | - key: 'address' | |
| 44 | - }, | |
| 45 | - { | |
| 46 | - title: '操作', | |
| 47 | - key: 'action', | |
| 48 | - width: 150, | |
| 49 | - align: 'center', | |
| 50 | - render: (h, params) => { | |
| 51 | - return h('div', [ | |
| 52 | - h('Button', { | |
| 53 | - props: { | |
| 54 | - type: 'primary', | |
| 55 | - size: 'small' | |
| 56 | - }, | |
| 57 | - style: { | |
| 58 | - marginRight: '5px' | |
| 59 | - }, | |
| 60 | - on: { | |
| 61 | - click: () => { | |
| 62 | - this.show(params.index) | |
| 63 | - } | |
| 64 | - } | |
| 65 | - }, '查看'), | |
| 66 | - h('Button', { | |
| 67 | - props: { | |
| 68 | - type: 'error', | |
| 69 | - size: 'small' | |
| 70 | - }, | |
| 71 | - on: { | |
| 72 | - click: () => { | |
| 73 | - this.remove(params.index) | |
| 74 | - } | |
| 75 | - } | |
| 76 | - }, '删除') | |
| 77 | - ]); | |
| 78 | - } | |
| 79 | - } | |
| 80 | - ], | |
| 81 | - data6: [ | |
| 82 | - { | |
| 83 | - name: '王小明', | |
| 84 | - age: 18, | |
| 85 | - address: '北京市朝阳区芍药居' | |
| 86 | - }, | |
| 87 | - { | |
| 88 | - name: '张小刚', | |
| 89 | - age: 25, | |
| 90 | - address: '北京市海淀区西二旗', | |
| 91 | - _disableExpand: true | |
| 92 | - }, | |
| 93 | - { | |
| 94 | - name: '李小红', | |
| 95 | - age: 30, | |
| 96 | - address: '上海市浦东新区世纪大道', | |
| 97 | - _expanded: true | |
| 98 | - }, | |
| 99 | - { | |
| 100 | - name: '周小伟', | |
| 101 | - age: 26, | |
| 102 | - address: '深圳市南山区深南大道' | |
| 103 | - } | |
| 104 | - ] | |
| 105 | - } | |
| 106 | - }, | |
| 107 | - methods: { | |
| 108 | - show (index) { | |
| 109 | - this.$Modal.info({ | |
| 110 | - title: '用户信息', | |
| 111 | - content: `姓名：${this.data6[index].name}<br>年龄：${this.data6[index].age}<br>地址：${this.data6[index].address}` | |
| 112 | - }) | |
| 113 | - }, | |
| 114 | - remove (index) { | |
| 115 | - this.data6.splice(index, 1); | |
| 116 | - }, | |
| 117 | - expand (row, s) { | |
| 118 | -// console.log(row); | |
| 119 | -// console.log(s); | |
| 120 | - } | |
| 121 | - } | |
| 122 | - } | |
| 123 | -</script> |