From ad9ce6c3e2d778fbb1a448e612ec587f9ce3ae1d Mon Sep 17 00:00:00 2001
From: wyx <51903@qq.com>
Date: Sun, 4 Dec 2022 11:45:06 +0800
Subject: [PATCH] =?UTF-8?q?fix:=E6=A8=A1=E6=9D=BF=E5=BA=93=E5=88=86?=
 =?UTF-8?q?=E9=A1=B5=E9=97=AE=E9=A2=98=E4=BF=AE=E5=A4=8D=EF=BC=8C=E9=9A=90?=
 =?UTF-8?q?=E8=97=8F=E5=AD=A6=E4=B9=A0=E6=97=B6=E9=97=B4=E5=AD=97=E6=AE=B5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/projectcenter/TemplateLibrary.vue | 42 ++++++++++++++++-----
 1 file changed, 33 insertions(+), 9 deletions(-)

diff --git a/src/views/projectcenter/TemplateLibrary.vue b/src/views/projectcenter/TemplateLibrary.vue
index 9c8b3eca..4f45c301 100644
--- a/src/views/projectcenter/TemplateLibrary.vue
+++ b/src/views/projectcenter/TemplateLibrary.vue
@@ -37,8 +37,23 @@
       </div>
       <div class="tmpl_body">
         <div class="tmpl_tabbox">
-          <a-table :columns="columns1" :data-source="tableData1" :loading="tableDataTotal === -1 ? true : false"
-            expandRowByClick="true" @expand="expandTable" :pagination="pagination" />
+          <a-table :columns="columns1" :data-source="tableData1"
+            expandRowByClick="true" @expand="expandTable" :pagination="false"/>
+            <div class="tableBox" style="display:flex;justify-content:center;padding:20px;">
+              <div class="pa">
+                <a-pagination
+                  v-if="tableDataTotal > 10"
+                  showSizeChanger="true"
+                  showQuickJumper="true"
+                  hideOnSinglePage="true"
+                  :pageSize="pageSize"
+                  v-model:current="currentPage"
+                  :total="tableDataTotal"
+                  class="pagination"
+                  @change="changePagination"
+                />
+              </div>
+            </div>
         </div>
       </div>
     </div>
@@ -73,13 +88,13 @@ const columns1 = [
     key: "creator",
     align: "center",
   },
-  {
-    title: "最近学习时间",
-    width: "25%",
-    dataIndex: "stutime",
-    key: "stutime",
-    align: "center",
-  },
+  // {
+  //   title: "最近学习时间",
+  //   width: "25%",
+  //   dataIndex: "stutime",
+  //   key: "stutime",
+  //   align: "center",
+  // },
   {
     title: "操作",
     width: "22%",
@@ -100,6 +115,7 @@ export default defineComponent({
       currentPage: 1,
       pageSize: 10,
       total:50,
+      tableDataTotal:0,
       tableData1: [
         {
           key: "1",
@@ -180,6 +196,12 @@ export default defineComponent({
       getLibraryList();
     })
 
+     // 翻页
+     const changePagination = (page) => {
+      pagination.current = page;
+      getLibraryList();
+    };
+
     // 获取模板列表
     const getLibraryList = () => {
       let date = Math.ceil(new Date(state.time).getTime() / 1000);
@@ -193,6 +215,7 @@ export default defineComponent({
       }
       api.templateList(obj).then((res) => {
         state.tableData1 = []
+        state.tableDataTotal = res.data.data.total;
         console.log(res);
         let resData = res.data.data.rows
         if (resData.length) {
@@ -253,6 +276,7 @@ export default defineComponent({
       resetLevel,
       pagination,
       toLibraryAdd,
+      changePagination
     };
   },
 });