Files
mes-ui-d2/src/views/demo/d2-crud/demo6/index.vue
FairyEver 8ebbc9407e 更新文档地址
Former-commit-id: 684a411bad42ef4bd2e6f04660333d508e174a49
Former-commit-id: 1baddb969e04ebe172bef7681abe172910b7b50e
Former-commit-id: d187b6bfc2ff341f8e31ef6db63746782c4cbf61
Former-commit-id: f79e152fca08e3685231938be30d48cec2d32218 [formerly 4ab64a70047e16bd0c15e33451734d8b0044a54a]
Former-commit-id: 1168bbc2acd5afc389f7ca8665f0fc72e6be2f03
Former-commit-id: 11c5b20af4ce577fdd8fa3e215757e5d7be215ca
Former-commit-id: 14e83d06f609b45d22e3f0f964ddc6b3a6ce2ddf
Former-commit-id: f6505c3794292801d3e3dfdd1bcd5a21d9c6e198
Former-commit-id: 30634a2ac6f6d9d3329e15b95f6199642af11f67
2019-10-11 10:30:32 +08:00

100 lines
2.1 KiB
Vue

<template>
<d2-container>
<template slot="header">固定列</template>
<d2-crud
:columns="columns"
:data="data"/>
<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: '日期',
key: 'date',
width: '180',
fixed: true
},
{
title: '姓名',
key: 'name',
width: '180'
},
{
title: '省份',
key: 'province',
width: '300'
},
{
title: '市区',
key: 'city',
width: '300'
},
{
title: '地址',
key: 'address',
width: '300'
},
{
title: '邮编',
key: 'zip',
fixed: 'right'
}
],
data: [
{
date: '2016-05-03',
name: '王小虎',
province: '上海',
city: '普陀区',
address: '上海市普陀区金沙江路 1518 弄',
zip: 200333
},
{
date: '2016-05-02',
name: '王小虎',
province: '上海',
city: '普陀区',
address: '上海市普陀区金沙江路 1518 弄',
zip: 200333
},
{
date: '2016-05-04',
name: '王小虎',
province: '上海',
city: '普陀区',
address: '上海市普陀区金沙江路 1518 弄',
zip: 200333
},
{
date: '2016-05-01',
name: '王小虎',
province: '上海',
city: '普陀区',
address: '上海市普陀区金沙江路 1518 弄',
zip: 200333
}
]
}
}
}
</script>