no message
Former-commit-id: d6e07fb1b1c14651505bcb17a72eece2886078b6 [formerly d6e07fb1b1c14651505bcb17a72eece2886078b6 [formerly d6e07fb1b1c14651505bcb17a72eece2886078b6 [formerly d6e07fb1b1c14651505bcb17a72eece2886078b6 [formerly 491bbc815d5a45995a983850ab40513ba78aa534 [formerly 64df2ede9040b8c0e1d5ca41f486fd8dc4d414d6]]]]] Former-commit-id: 3061eb97e4bf1f0b3c7dadb2471bd9580b80201f Former-commit-id: 6ba1c8a0b8cd1e40a0fcd558c446c471def664a9 Former-commit-id: 23135570d7b6151e62437fe18bcb90640cbb9553 [formerly 4f24d219f44cf7b334578893b6e7100f8e25151e] Former-commit-id: 76dc294558a969ababf0ad9935691a0284dfe30a Former-commit-id: 08ff18d0bb6b6e5eb489683575b71009be9b1da3 Former-commit-id: cc5ba2cbaf916e982032ff6d618920a0af23da8f Former-commit-id: 867c385ae94815763f1c5506fbee8f69c3f25aae Former-commit-id: da08b3b142eddbcdca7e3be2951bf54b4bbdf70f
This commit is contained in:
@@ -1 +1 @@
|
|||||||
3c5d6523efd4a7b02292e3e423201fb119c1f758
|
074288b7ee901d26d8f87b32cfe6c417bee568ca
|
||||||
97
src/pages/demo/components/bigdata-table/select.vue
Normal file
97
src/pages/demo/components/bigdata-table/select.vue
Normal file
@@ -0,0 +1,97 @@
|
|||||||
|
<template>
|
||||||
|
<d2-container>
|
||||||
|
<template slot="header">勾选</template>
|
||||||
|
<div class="wraper">
|
||||||
|
<bigdata-table
|
||||||
|
ref="table"
|
||||||
|
v-model="tableDataHandled"
|
||||||
|
:row-num="20"
|
||||||
|
:col-num="7"
|
||||||
|
show-index
|
||||||
|
fixed
|
||||||
|
stripe
|
||||||
|
:col-width="200"
|
||||||
|
:header-height="50"
|
||||||
|
:columns="columns"
|
||||||
|
:index-render="indexRender"
|
||||||
|
:fixed-col="1"
|
||||||
|
@on-click-tr="handleClickTr"/>
|
||||||
|
</div>
|
||||||
|
</d2-container>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
/* eslint-disable */
|
||||||
|
// 本页是由 https://github.com/lison16/vue-bigdata-table/blob/master/src/App.vue 修改而来
|
||||||
|
// 由于原页面有太多的地方不符合本项目的代码规范,本页面不做代码检查
|
||||||
|
export default {
|
||||||
|
data () {
|
||||||
|
return {
|
||||||
|
tableData: [],
|
||||||
|
tableDataSelected: [],
|
||||||
|
columns: [],
|
||||||
|
tableDataHandled: [], // 带有数据的表格数据
|
||||||
|
emptyData: [], // 空的表格数据
|
||||||
|
canEdit: true,
|
||||||
|
editRow: 1,
|
||||||
|
editCol: 1,
|
||||||
|
defaultSort: {1: 'down'}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
watch: {
|
||||||
|
tableDataHandled (res) {
|
||||||
|
// res
|
||||||
|
}
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
indexRender (h, index) {
|
||||||
|
return h('input', {
|
||||||
|
domProps: {
|
||||||
|
type: 'checkbox',
|
||||||
|
checked: this.tableDataSelected[index]
|
||||||
|
}
|
||||||
|
}, '')
|
||||||
|
},
|
||||||
|
handleClickTr (index) {
|
||||||
|
this.$set(this.tableDataSelected, index, !this.tableDataSelected[index])
|
||||||
|
},
|
||||||
|
changeData (rowLen) {
|
||||||
|
let dataArr = []
|
||||||
|
for (let i = 0; i < rowLen; i++) {
|
||||||
|
let arr = [
|
||||||
|
i + '00',
|
||||||
|
'count' + i,
|
||||||
|
'23.4534534345',
|
||||||
|
'0023' + i,
|
||||||
|
'123.234534534534',
|
||||||
|
'namenasdfsdfsdfsdfssdfsdfsdsdfsdfsf' + i,
|
||||||
|
'2014年1月1日'
|
||||||
|
]
|
||||||
|
dataArr.push(arr)
|
||||||
|
}
|
||||||
|
this.tableDataHandled = dataArr
|
||||||
|
this.tableDataSelected = dataArr.map(e => false)
|
||||||
|
},
|
||||||
|
changeDefaultSort () {
|
||||||
|
this.defaultSort = {2: 'up'}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
mounted () {
|
||||||
|
this.changeData(1000)
|
||||||
|
let columns = ['这是数字', '这是字符1列', '这是纬度', '这是数字', '这是经度', '这是字符2列', '这是时间'].map((title, col) => {
|
||||||
|
return {
|
||||||
|
title: title,
|
||||||
|
align: 'center'
|
||||||
|
}
|
||||||
|
})
|
||||||
|
this.columns = columns
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="scss">
|
||||||
|
.wraper{
|
||||||
|
height: 400px;
|
||||||
|
overflow: auto;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
@@ -1 +1 @@
|
|||||||
7eb3cd864713c8759bde7f4bc1e79f1e6a2051af
|
15dd11698b562040218e9cdcdb8ca1c36b59bae3
|
||||||
Reference in New Issue
Block a user