feat：分页完成1% 🔨🔨

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 v-if="prev&&currPageNum!==1" icon="el-icon-arrow-left" size="mini" type="primary"
-            <el-button size="mini" type="primary">下一页<i class="el-icon-arrow-right el-icon--right" /></el-button>
+                       @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>

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: {

src/views/form/ProjectForm.vue

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

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 => {
+            let curr = 1
-                console.log(item)
+            this.drawingList.forEach((item, index) => {
-                console.log(length)
+                if (item.typeId === 'PAGINATION') {
+                    console.log(index)
+                    item.totalPageNum = length
+                    item.currPageNum = curr++
+                    this.$set(this.drawingList, index, item)
+                }
             })
         },
         queryProjectItems() {