样式调整

src/views/tag/TagManage.vue

@@ -132,17 +132,6 @@
               @showSizeChange="handleSizeChange"
           />
         </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>
 
@@ -221,18 +210,18 @@
         </a-table>
 
         <div class="course-pagination">
-          <!--          <div class="pagination-info" style="margin-bottom: 10px; text-align: center; color: #666;">
-                      共 {{ courseTableTotal }} 条记录
-                    </div>-->
           <a-pagination
               v-if="courseTableTotal > 0"
-              :showSizeChanger="false"
+              :show-total="total => `共 ${courseTableTotal} 条`"
+              :showSizeChanger="true"
+              :pageSizeOptions="['10', '20', '30', '40']"
               :showQuickJumper="true"
               :hideOnSinglePage="false"
               :pageSize="coursePageSize"
               v-model:current="courseSearchParam.pageNo"
               :total="courseTableTotal"
               @change="changeCoursePagination"
+              @showSizeChange="changeCourseSizePagination"
           />
         </div>
       </div>
@@ -596,9 +585,17 @@ export default {
       state.courseDialogVisible = false;
     };
 
-    // 课程分页变化
+
     const changeCoursePagination = (page) => {
+      console.log('handleSizeChange page :', page + " , pageSize = " + pageSize);
       state.courseSearchParam.pageNo = page;
+      state.courseSearchParam.pageSize = page;
+      getCourseListByTag();
+    };
+    const changeCourseSizePagination = (page) => {
+      console.log('changeCourseSizePagination page :', page + " , pageSize = " + pageSize);
+      state.courseSearchParam.pageNo = 1;
+      state.courseSearchParam.pageSize = page;
       getCourseListByTag();
     };
 
@@ -678,6 +675,7 @@ export default {
       showCourseByTagg,
       closeCourseDialog,
       changeCoursePagination,
+      changeCourseSizePagination,
       unbindCurrentTag,
       formatDate,
       exportTag,