Browse Source

fix:分页

old
wangqing 4 years ago
parent
commit
a01d3e39f7
  1. 16
      src/components/form/pagination/index.vue
  2. 5
      src/components/generator/config.js
  3. 11
      src/views/form/editor.vue

16
src/components/form/pagination/index.vue

@ -1,12 +1,12 @@
<template>
<div class="page-container">
<div>
<el-button v-if="prev" size="mini" type="primary" icon="el-icon-arrow-left">上一页</el-button>
<el-button v-if="prev&&currPage!==1" size="mini" type="primary" icon="el-icon-arrow-left">上一页</el-button>
<el-button size="mini" type="primary">下一页<i class="el-icon-arrow-right el-icon--right" /></el-button>
</div>
<div style="text-align: center;">
<span v-if="currPage" class="desc-text">2</span>
<span v-if="totalPage" class="desc-text">5</span>
<span v-if="currPage" class="desc-text">{{ currPageNum }}</span>
<span v-if="totalPage" class="desc-text">{{ totalPageNum }}</span>
</div>
</div>
</template>
@ -20,13 +20,23 @@ export default {
type: Boolean,
default: true
},
//
currPage: {
type: Boolean,
default: true
},
currPageNum: {
type: Number,
default: 1
},
//
totalPage: {
type: Boolean,
default: true
},
totalPageNum: {
type: Number,
default: 1
}
}
}

5
src/components/generator/config.js

@ -657,6 +657,11 @@ export const assistComponents = [
regList: [],
changeTag: false
},
prev: true,
currPage: true,
totalPage: true,
currPageNum: 1,
totalPageNum: 1,
style: {width: '100%'}
}
]

11
src/views/form/editor.vue

@ -256,8 +256,19 @@ export default {
pItem.sort = res.data.sort
isSuccess = true
})
if (item.typeId === 'PAGINATION') {
this.updatePaginationList()
}
return isSuccess
},
updatePaginationList() {
//
const length = this.drawingList.filter(item => item.typeId === 'PAGINATION').length
this.drawingList.forEach(item => {
console.log(item)
console.log(length)
})
},
queryProjectItems() {
this.$api.get('/user/project/item/list', {params: {key: this.projectKey}}).then(res => {
this.drawingList = res.data.map(item => dbDataConvertForItemJson(item))

Loading…
Cancel
Save