sheng/mes-ui-d2
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

demo29

Browse Source 
Former-commit-id: a9f8bbdf8b4b9f2075e005dc9a03b1171da75855 [formerly a9f8bbdf8b4b9f2075e005dc9a03b1171da75855 [formerly a9f8bbdf8b4b9f2075e005dc9a03b1171da75855 [formerly a9f8bbdf8b4b9f2075e005dc9a03b1171da75855 [formerly b3bdc87a2f18e53072592fa312e07a2ec04e719a [formerly 684b4bc4b2918167745c6f055dec0d7ccdcc4bf3]]]]]
Former-commit-id: dc666ca9fa04a27c129b44ec33fb8fc423db0f15
Former-commit-id: e6d2525875d3343098fdafb1bb9c82ed88243753
Former-commit-id: d025e35937306d24ce8e699df81d5b3b1adbe238 [formerly a22591c2cedc03954f656ab4388738b1c5037304]
Former-commit-id: d0c4aa7a71bc61439aac3dd0d10f1543678790bb
Former-commit-id: 7e1b884f39e9f0f6e364a89ec4b1840792e18fb2
Former-commit-id: bcedb771d6808168e3746eada50483b1d9c9c765
Former-commit-id: 9d76d6a9de76e409e1f34efbd1451a9291840eec
Former-commit-id: 7f6a2103013a57c5e79d8f533fff95c39e8ca7f1
This commit is contained in:
孙昊翔
2018-12-24 11:18:55 +08:00
parent 365a79f813
commit 3188b0c740
3 changed files with 115 additions and 196 deletions
Download Patch File Download Diff File Expand all files Collapse all files

50
src/pages/demo/d2-crud/demo24/index.vue
View File

@@ -22,54 +22,54 @@
</template> </template>
<script> <script>
import doc from "./doc.md"; import doc from './doc.md'
import code from "./code.js"; import code from './code.js'
export default { export default {
data() { data () {
return { return {
filename: __filename, filename: __filename,
doc, doc,
code, code,
columns: [ columns: [
{ {
title: "日期", title: '日期',
key: "date", key: 'date',
width: "180" width: '180'
}, },
{ {
title: "姓名", title: '姓名',
key: "name", key: 'name',
width: "180" width: '180'
}, },
{ {
title: "地址", title: '地址',
key: "address" key: 'address'
} }
], ],
data: [ data: [
{ {
date: "2016-05-02", date: '2016-05-02',
name: "王小虎", name: '王小虎',
address: "上海市普陀区金沙江路 1518 弄" address: '上海市普陀区金沙江路 1518 弄'
}, },
{ {
date: "2016-05-04", date: '2016-05-04',
name: "王小虎", name: '王小虎',
address: "上海市普陀区金沙江路 1517 弄" address: '上海市普陀区金沙江路 1517 弄'
}, },
{ {
date: "2016-05-01", date: '2016-05-01',
name: "王小虎", name: '王小虎',
address: "上海市普陀区金沙江路 1519 弄" address: '上海市普陀区金沙江路 1519 弄'
}, },
{ {
date: "2016-05-03", date: '2016-05-03',
name: "王小虎", name: '王小虎',
address: "上海市普陀区金沙江路 1516 弄" address: '上海市普陀区金沙江路 1516 弄'
} }
] ]
}; }
} }
}; }
</script> </script>

134
src/pages/demo/d2-crud/demo29/code.js
View File

@@ -1,113 +1,73 @@
export default `<template> export default `<template>
<div> <div>
<d2-crud <d2-crud
:columns="columns" :columns="columns"
:data="data" :data="data"
:pagination="pagination"/> :loading="loading"
:pagination="pagination"
@pagination-current-change="paginationCurrentChange"/>
</div> </div>
</template> </template>
<script> <script>
import { BusinessTable1List } from '@api/demo.business.table.1'
export default { export default {
data () { data () {
return { return {
columns: [ columns: [
{ {
title: 'ID', title: '卡密',
key: 'id' key: 'key',
width: 320
}, },
{ {
title: '日期', title: '面值',
key: 'date' key: 'value'
}, },
{ {
title: '姓名', title: '管理员',
key: 'name' key: 'admin'
}, },
{ {
title: '地址', title: '创建时间',
key: 'address' key: 'dateTimeCreat'
} },
], {
data: [ title: '使用时间',
{ key: 'dateTimeUse'
id: 1,
date: '2016-05-02',
name: '王小虎',
address: '上海市普陀区金沙江路 1518 弄'
},
{
id: 2,
date: '2016-05-04',
name: '王小虎',
address: '上海市普陀区金沙江路 1517 弄'
},
{
id: 3,
date: '2016-05-01',
name: '王小虎',
address: '上海市普陀区金沙江路 1519 弄'
},
{
id: 4,
date: '2016-05-03',
name: '王小虎',
address: '上海市普陀区金沙江路 1516 弄'
},
{
id: 5,
date: '2016-05-02',
name: '王小虎',
address: '上海市普陀区金沙江路 1518 弄'
},
{
id: 6,
date: '2016-05-04',
name: '王小虎',
address: '上海市普陀区金沙江路 1517 弄'
},
{
id: 7,
date: '2016-05-01',
name: '王小虎',
address: '上海市普陀区金沙江路 1519 弄'
},
{
id: 8,
date: '2016-05-03',
name: '王小虎',
address: '上海市普陀区金沙江路 1516 弄'
},
{
id: 9,
date: '2016-05-02',
name: '王小虎',
address: '上海市普陀区金沙江路 1518 弄'
},
{
id: 10,
date: '2016-05-04',
name: '王小虎',
address: '上海市普陀区金沙江路 1517 弄'
},
{
id: 11,
date: '2016-05-01',
name: '王小虎',
address: '上海市普陀区金沙江路 1519 弄'
},
{
id: 12,
date: '2016-05-03',
name: '王小虎',
address: '上海市普陀区金沙江路 1516 弄'
} }
], ],
data: [],
loading: false,
pagination: { pagination: {
currentPage: 1,
pageSize: 5, pageSize: 5,
layout: 'prev, pager, next, total' total: 0
} }
} }
},
mounted () {
this.fetchData()
},
methods: {
paginationCurrentChange (currentPage) {
this.pagination.currentPage = currentPage
this.fetchData()
},
fetchData () {
this.loading = true
BusinessTable1List({
...this.pagination
}).then(res => {
this.data = res.list
this.pagination.total = res.page.total
this.loading = false
}).catch(err => {
console.log('err', err)
this.loading = falser
})
}
} }
} }
</script>` </script>`

127
src/pages/demo/d2-crud/demo29/index.vue
View File

@@ -4,7 +4,9 @@
<d2-crud <d2-crud
:columns="columns" :columns="columns"
:data="data" :data="data"
:pagination="pagination"/> :loading="loading"
:pagination="pagination"
@pagination-current-change="paginationCurrentChange"/>
<el-card shadow="never" class="d2-mb"> <el-card shadow="never" class="d2-mb">
<d2-markdown :source="doc"/> <d2-markdown :source="doc"/>
</el-card> </el-card>
@@ -20,6 +22,7 @@
<script> <script>
import doc from './doc.md' import doc from './doc.md'
import code from './code.js' import code from './code.js'
import { BusinessTable1List } from '@api/demo.business.table.1'
export default { export default {
data () { data () {
@@ -29,101 +32,57 @@ export default {
code, code,
columns: [ columns: [
{ {
title: 'ID', title: '卡密',
key: 'id' key: 'key',
width: 320
}, },
{ {
title: '日期', title: '面值',
key: 'date' key: 'value'
}, },
{ {
title: '姓名', title: '管理员',
key: 'name' key: 'admin'
}, },
{ {
title: '地址', title: '创建时间',
key: 'address' key: 'dateTimeCreat'
} },
], {
data: [ title: '使用时间',
{ key: 'dateTimeUse'
id: 1,
date: '2016-05-02',
name: '王小虎',
address: '上海市普陀区金沙江路 1518 弄'
},
{
id: 2,
date: '2016-05-04',
name: '王小虎',
address: '上海市普陀区金沙江路 1517 弄'
},
{
id: 3,
date: '2016-05-01',
name: '王小虎',
address: '上海市普陀区金沙江路 1519 弄'
},
{
id: 4,
date: '2016-05-03',
name: '王小虎',
address: '上海市普陀区金沙江路 1516 弄'
},
{
id: 5,
date: '2016-05-02',
name: '王小虎',
address: '上海市普陀区金沙江路 1518 弄'
},
{
id: 6,
date: '2016-05-04',
name: '王小虎',
address: '上海市普陀区金沙江路 1517 弄'
},
{
id: 7,
date: '2016-05-01',
name: '王小虎',
address: '上海市普陀区金沙江路 1519 弄'
},
{
id: 8,
date: '2016-05-03',
name: '王小虎',
address: '上海市普陀区金沙江路 1516 弄'
},
{
id: 9,
date: '2016-05-02',
name: '王小虎',
address: '上海市普陀区金沙江路 1518 弄'
},
{
id: 10,
date: '2016-05-04',
name: '王小虎',
address: '上海市普陀区金沙江路 1517 弄'
},
{
id: 11,
date: '2016-05-01',
name: '王小虎',
address: '上海市普陀区金沙江路 1519 弄'
},
{
id: 12,
date: '2016-05-03',
name: '王小虎',
address: '上海市普陀区金沙江路 1516 弄'
} }
], ],
data: [],
loading: false,
pagination: { pagination: {
currentPage: 1,
pageSize: 5, pageSize: 5,
layout: 'prev, pager, next, total' total: 0
} }
} }
},
mounted () {
this.fetchData()
},
methods: {
paginationCurrentChange (currentPage) {
this.pagination.currentPage = currentPage
this.fetchData()
},
fetchData () {
this.loading = true
BusinessTable1List({
...this.pagination
}).then(res => {
this.data = res.list
this.pagination.total = res.page.total
this.loading = false
}).catch(err => {
console.log('err', err)
this.loading = falser
})
}
} }
} }
</script> </script>