Browse Source

feat:分页完成1% 🔨🔨

old
wangqing 4 years ago
parent
commit
80d33a73a3
  1. 18
      src/components/form/pagination/index.vue
  2. 11
      src/components/render/render.js
  3. 2
      src/views/form/ProjectForm.vue
  4. 11
      src/views/form/editor.vue

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

@ -1,8 +1,14 @@
<template>
<div class="page-container">
<div>
<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>
<el-button v-if="prev&&currPageNum!==1" icon="el-icon-arrow-left" size="mini" type="primary"
@click="prevClick"
>
上一页
</el-button>
<el-button size="mini" type="primary">
下一页<i class="el-icon-arrow-right el-icon--right" @click="nextClick" />
</el-button>
</div>
<div style="text-align: center;">
<span v-if="currPage" class="desc-text">{{ currPageNum }}</span>
@ -38,6 +44,14 @@ export default {
type: Number,
default: 1
}
},
methods: {
prevClick() {
this.$emit('prev', this.currPageNum)
},
nextClick() {
this.$emit('next', this.currPageNum)
}
}
}
</script>

11
src/components/render/render.js

@ -30,7 +30,7 @@ function vModel(dataObject, defaultValue) {
// eslint-disable-next-line no-unused-vars
dataObject.attrs['on-exceed'] = (files, fileList) => {
this.$message.error(`最多上传${config.limit}个文件`)
},
}
dataObject.attrs['before-upload'] = file => {
let sizeUnitNum = 1
// 文件大小判断
@ -51,6 +51,13 @@ function vModel(dataObject, defaultValue) {
return false
}
}
} else if (config.tag === 'pagination') {
dataObject.on.prev = val => {
console.log(val)
}
dataObject.on.next = val => {
console.log(val)
}
} else {
dataObject.props.value = defaultValue
@ -118,7 +125,7 @@ function makeDataObject() {
}
export default {
components:{
components: {
SignPad
},
props: {

2
src/views/form/ProjectForm.vue

@ -84,7 +84,7 @@ export default {
formBtns: true,
resetBtn: false,
submitBtnText: '提交',
submitBtnColor: '#205bb5',
submitBtnColor: '#409EFF',
showNumber: false,
unFocusedComponentBorder: true
}

11
src/views/form/editor.vue

@ -264,9 +264,14 @@ export default {
updatePaginationList() {
//
const length = this.drawingList.filter(item => item.typeId === 'PAGINATION').length
this.drawingList.forEach(item => {
console.log(item)
console.log(length)
let curr = 1
this.drawingList.forEach((item, index) => {
if (item.typeId === 'PAGINATION') {
console.log(index)
item.totalPageNum = length
item.currPageNum = curr++
this.$set(this.drawingList, index, item)
}
})
},
queryProjectItems() {

Loading…
Cancel
Save