样式调整

src/views/tag/TagManage.vue

@@ -116,10 +116,7 @@
       </a-table>
 
       <div class="tableBox">
-        <div class="pa">
+<!--        <div class="pa">
-          <!--          <div class="pagination-info" style="margin-bottom: 10px; text-align: center; color: #666;">
-                      共 {{ tableDataTotal }} 条记录
-                    </div>-->
           <a-pagination
               v-if="tableDataTotal > 0"
               :showSizeChanger="false"
@@ -131,6 +128,17 @@
               class="pagination"
               @change="changePagination"
           />
+        </div>-->
+        <div v-if="tableDataTotal > 0" style="text-align: center; margin-top:57px">
+          <el-pagination  background
+                          @size-change="changePagination1"
+                          @current-change="changePagination"
+                          :current-page="pageNo"
+                          :page-sizes="[10, 20, 30, 40]"
+                          :page-size="pageSize"
+                          layout="total, sizes, prev, pager, next, jumper"
+                          :total="tableDataTotal"
+          ></el-pagination>
         </div>
       </div>
     </div>
@@ -451,9 +459,19 @@ export default {
       getTagList();
     };
 
+    // 分页变化
+    const changePagination1 = (page) => {
+      console.log('page1 :', page);
+      state.searchParam.pageNo = 1;
+      state.searchParam.pageSize = page;
+      getTagList();
+    };
+
     // 分页变化
     const changePagination = (page) => {
+      console.log('page :', page);
       state.searchParam.pageNo = page;
+      state.searchParam.pageSize = page;
       getTagList();
     };
 
@@ -649,6 +667,7 @@ export default {
       searchSubmit,
       searchReset,
       changePagination,
+      changePagination1,
       handleTableChange,
       handleRelTableChange,
       handlePublicChange,