新增 鉴图分页

src/views/index/mediaCheck.vue

@@ -88,7 +88,16 @@
         ></el-checkbox>
       </div>
     </el-card>
+    <div style="width: 100%; text-align: right; margin-top: 43px">
+      <el-pagination
+        background
+        layout="prev, pager, next"
+        :total="total"
+        @current-change="pageChange"
+      />
+    </div>
   </div>
+
   <el-dialog
     v-model="videoModal"
     title="视频审核"
@@ -124,24 +133,34 @@ export default {
     let photos = ref([]);
     let videoes = ref([]);
     let previewSrcList = ref([]);
+    let total = ref();
+
     async function getMediaList() {
       let res = await api.getMediaList({
         audit: audit.value,
         currentPage: currentPage.value,
         size: 10,
       });
-      console.log(res);
       if (res.data.status == 0) {
+        total.value = res.data.total;
         media.value = res.data.result;
         for (let i of media.value) {
           if (i.mediaType == 1) {
             previewSrcList.value.push(i.downloadUrl);
           }
         }
+      } else {
+        console.log(res);
       }
     }
 
+    function pageChange(e) {
+      currentPage.value = e;
+      getMediaList();
+    }
+
     function changeMediaStatus(s) {
+      currentPage.value = 1;
       photos.value = [];
       videoes.value = [];
       audit.value = s;
@@ -214,6 +233,8 @@ export default {
       openVideoModal,
       dialogAuditVideo,
       currentUrl,
+      total,
+      pageChange,
     };
   },
 };