f4f7ce9124
Former-commit-id: cc5732aeeb721f3bf7581205c36fe5b27e775cff Former-commit-id: 5e9dfbc070a2a537ec94b7789abceb75d1ed857a Former-commit-id: 409243f603d8331fe0a805175c74b64ea9fd1080 Former-commit-id: 201c6d8c8dcd43372d49bbe10e91da58a2dbc22d [formerly 9909b0c9852ad27ed965bcc136ec5fd44dc8bd50] Former-commit-id: 635beae98ee9cefe28abf1b56c1ba55810628950 Former-commit-id: ea5a88092a2fc79f7ea3c07f2a42023d3de3e616 Former-commit-id: 0d01f81d98fc0dd59187a956f1167cda0b8f6cc8 Former-commit-id: 9c7efafa956795f6e01d286a504153bf4ef9ac79 Former-commit-id: 41c35d27902acc65519845ef759a7367ab3b5d4d
106 lines
2.1 KiB
Vue
106 lines
2.1 KiB
Vue
<template>
|
|
<d2-container>
|
|
<template slot="header">合并行</template>
|
|
<d2-crud
|
|
:columns="columns"
|
|
:data="data"
|
|
:options="options">
|
|
</d2-crud>
|
|
<el-card shadow="never" class="d2-mb">
|
|
<d2-markdown :source="doc"/>
|
|
</el-card>
|
|
<el-card shadow="never" class="d2-mb">
|
|
<d2-highlight :code="code"/>
|
|
</el-card>
|
|
<d2-link-btn
|
|
slot="footer"
|
|
title="文档"
|
|
link="https://fairyever.com/d2-admin/doc//zh/ecosystem-d2-crud/"/>
|
|
</d2-container>
|
|
</template>
|
|
|
|
<script>
|
|
import doc from './doc.md'
|
|
import code from './code.js'
|
|
|
|
export default {
|
|
data () {
|
|
return {
|
|
doc,
|
|
code,
|
|
columns: [
|
|
{
|
|
title: 'ID',
|
|
key: 'id'
|
|
},
|
|
{
|
|
title: '姓名',
|
|
key: 'name'
|
|
},
|
|
{
|
|
title: '数值 1',
|
|
key: 'amount1'
|
|
},
|
|
{
|
|
title: '数值 2',
|
|
key: 'amount2'
|
|
},
|
|
{
|
|
title: '数值 3',
|
|
key: 'amount3'
|
|
}
|
|
],
|
|
data: [
|
|
{
|
|
id: '12987122',
|
|
name: '王小虎',
|
|
amount1: '234',
|
|
amount2: '3.2',
|
|
amount3: 10
|
|
},
|
|
{
|
|
id: '12987123',
|
|
name: '王小虎',
|
|
amount1: '165',
|
|
amount2: '4.43',
|
|
amount3: 12
|
|
},
|
|
{
|
|
id: '12987124',
|
|
name: '王小虎',
|
|
amount1: '324',
|
|
amount2: '1.9',
|
|
amount3: 9
|
|
},
|
|
{
|
|
id: '12987125',
|
|
name: '王小虎',
|
|
amount1: '621',
|
|
amount2: '2.2',
|
|
amount3: 17
|
|
},
|
|
{
|
|
id: '12987126',
|
|
name: '王小虎',
|
|
amount1: '539',
|
|
amount2: '4.1',
|
|
amount3: 15
|
|
}
|
|
],
|
|
options: {
|
|
border: true,
|
|
spanMethod ({ row, column, rowIndex, columnIndex }) {
|
|
if (rowIndex % 2 === 0) {
|
|
if (columnIndex === 0) {
|
|
return [1, 2]
|
|
} else if (columnIndex === 1) {
|
|
return [0, 0]
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
</script>
|