scorpio 3 tahun lalu
induk
melakukan
5f7f6fd434

+ 4 - 1
src/views/home/component/current.vue

@@ -13,7 +13,7 @@
         <base-button v-if="isAccess === '2'" icon="Upload" title="上传文件" @click="show = true"/>
       </div>
     </div>
-    <files-list :data="data" class="mt-20"/>
+    <files-list :data="data" class="mt-20" @change='changePage'/>
     <el-dialog v-model="show"
                append-to-body
                center
@@ -196,6 +196,9 @@ export default {
           this.$message.error(res.msg)
         }
       })
+    },
+    changePage (page) {
+      this.$emit('change', page)
     }
   }
 }

+ 4 - 1
src/views/home/component/files_list.vue

@@ -46,7 +46,7 @@
     <!-------分页----->
     <div v-if="files && files.length !== 0" class="mt-20 flex flex-center flex-justify-end" style="margin-right: 50px">
       <span class="mr-20">共{{ data.total }}条</span>
-      <el-pagination :total="data.total" background layout="prev, pager, next"/>
+      <el-pagination :total="data.total" background layout="prev, pager, next" @current-change='changePage'/>
     </div>
 
     <el-image-viewer
@@ -330,6 +330,9 @@ export default {
           this.$message.error(res.msg)
         }
       })
+    },
+    changePage (page) {
+      this.$emit('change', page)
     }
 
   }

+ 14 - 4
src/views/home/component/folder_info.vue

@@ -34,7 +34,7 @@
     </div>
     <div class="mt-20">
       <folder-list :folder="folderList" :total="total" :project-id='id' :owner-id='data.createUser' :dict-key="dictKey"
-                   @delFolder="getFolderList"/>
+                   @delFolder="getFolderList" @change='changePage'/>
     </div>
     <el-dialog v-model='addShow' append-to-body width='40%'>
       <div class="flex flex-col">
@@ -118,7 +118,11 @@ export default {
       folderType: [],
       folderList: [],
       total: '',
-      dictKey: ''
+      dictKey: '',
+      page: {
+        current: 1,
+        size: 10
+      }
     }
   },
   methods: {
@@ -140,11 +144,12 @@ export default {
       this.getFolderList()
     },
     getFolderList () {
-      this.$api.project.folderList({
+      const data = {
         projectStageId: this.projectStageId,
         folderName: this.keyWords,
         dictKey: this.dictKey
-      }).then(res => {
+      }
+      this.$api.project.folderList(Object.assign(data, this.page)).then(res => {
         if (res.code === 200) {
           this.folderList = res.data.records
           this.total = res.data.total
@@ -164,6 +169,11 @@ export default {
           this.$message.error(res.msg)
         }
       })
+    },
+    changePage (page) {
+      console.log(page)
+      this.page.current = page
+      this.getFolderList()
     }
   }
 }

+ 4 - 1
src/views/home/component/folder_list.vue

@@ -44,7 +44,7 @@
     <div v-if="folder && folder.length !== 0" class="mt-20 flex flex-center flex-justify-end"
          style="margin-right: 50px">
       <span class="mr-20">共{{ total }}条</span>
-      <el-pagination :total="total" background layout="prev, pager, next"/>
+      <el-pagination :total="total" background layout="prev, pager, next" @current-change='changePage'/>
     </div>
     <el-dialog v-model="show"
                append-to-body
@@ -350,6 +350,9 @@ export default {
       this.$api.project.folderUpdate().then(res => {
         console.log(res)
       })
+    },
+    changePage (res) {
+      this.$emit('change', res)
     }
   }
 }

+ 1 - 1
src/views/home/details.vue

@@ -5,7 +5,7 @@
     </div>
     <div class="full-height full-width white-bg padding-left padding-top" style="margin-left: 300px">
       <proinfo v-if="type === '0'" :data="data" :issue="list" @refInfo="proInfo" @refresh="issueList"/>
-      <folder_info v-else :id="id" :data='data' :projectStageId="projectStageId"/>
+      <folder_info v-else :id="id" :data='data' :projectStageId="projectStageId" />
     </div>
   </div>
 </template>

+ 12 - 4
src/views/home/files.vue

@@ -1,7 +1,7 @@
 <template>
   <div class='flex flex-col full-height'>
     <div class="full-height white-bg">
-      <current :id="id" :data="fileData" :total="total" @reFiles="getFileList"/>
+      <current :id="id" :data="fileData" :total="total" @reFiles="getFileList" @change='changePage'/>
     </div>
     <div class="full-height full-width white-bg mt-10">
       <historical :folderList="historyFolder" :total="total"/>
@@ -27,8 +27,11 @@ export default {
       id: '',
       fileData: '',
       historyFolder: [],
-      total: ''
-
+      total: '',
+      page: {
+        current: 1,
+        size: 10
+      }
     }
   },
   created () {
@@ -44,7 +47,8 @@ export default {
   },
   methods: {
     getFileList () {
-      this.$api.project.fileList({ folderId: this.id }).then(res => {
+      const data = { folderId: this.id }
+      this.$api.project.fileList(Object.assign(data, this.page)).then(res => {
         if (res.code === 200) {
           this.fileData = res.data
         } else {
@@ -63,6 +67,10 @@ export default {
           this.total = res.data.total
         }
       })
+    },
+    changePage (page) {
+      this.page.current = page
+      this.getFileList()
     }
   }
 }