样式调整

src/views/tag/TagManage.vue

@@ -116,10 +116,12 @@
       </a-table>
 
       <div class="tableBox">
-<!--        <div class="pa">
+        <div class="pa">
           <a-pagination
               v-if="tableDataTotal > 0"
-              :showSizeChanger="false"
+              :show-total="total => `共 ${tableDataTotal} 条`"
+              :showSizeChanger="true"
+              :pageSizeOptions="['10', '20', '30', '40']"
               :showQuickJumper="true"
               :hideOnSinglePage="false"
               :pageSize="pageSize"
@@ -127,9 +129,10 @@
               :total="tableDataTotal"
               class="pagination"
               @change="changePagination"
+              @showSizeChange="handleSizeChange"
           />
-        </div>-->
-        <div v-if="tableDataTotal > 0" style="text-align: center; margin-top:57px">
+        </div>
+<!--        <div v-if="tableDataTotal > 0" style="text-align: center; margin-top:57px">
           <el-pagination  background
                           @size-change="changePagination1"
                           @current-change="changePagination"
@@ -139,7 +142,7 @@
                           layout="total, sizes, prev, pager, next, jumper"
                           :total="tableDataTotal"
           ></el-pagination>
-        </div>
+        </div>-->
       </div>
     </div>
 
@@ -460,18 +463,18 @@ export default {
     };
 
     // 分页变化
-    const changePagination1 = (page) => {
-      console.log('page1 :', page);
+    const handleSizeChange = (page, pageSize) => {
+      console.log('handleSizeChange page :', page + " , pageSize = " + pageSize);
       state.searchParam.pageNo = 1;
-      state.searchParam.pageSize = page;
+      state.searchParam.pageSize = pageSize;
       getTagList();
     };
 
     // 分页变化
-    const changePagination = (page) => {
-      console.log('page :', page);
+    const changePagination = (page, pageSize) => {
+      console.log('changePagination page :', page + " , pageSize = " + pageSize);
       state.searchParam.pageNo = page;
-      state.searchParam.pageSize = page;
+      state.searchParam.pageSize = pageSize;
       getTagList();
     };
 
@@ -667,7 +670,7 @@ export default {
       searchSubmit,
       searchReset,
       changePagination,
-      changePagination1,
+      handleSizeChange,
       handleTableChange,
       handleRelTableChange,
       handlePublicChange,