fix: 分页修改。

src/views/collect/commemorativeCoin/index.vue

@@ -43,7 +43,7 @@
         </div>
       </div>
       <div class="content-con" v-loading="loading">
-        <el-table v-loading="loading" :data="commemorativeCoinList" @selection-change="handleSelectionChange">
+        <el-table v-loading="loading" :data="commemorativeCoinList" @selection-change="handleSelectionChange" height="calc(100% - 0.62rem)">
           <el-table-column type="selection" width="55" align="center" />
           <el-table-column label="缩略图" align="center" prop="collectFileList" width="100">
             <template #default="scope">
@@ -62,8 +62,8 @@
               <dict-tag :options="commemorative_coin_type" :value="scope.row.type" />
             </template>
           </el-table-column> -->
-          <el-table-column label="全称" align="center" prop="fullName" width="300" />
+          <el-table-column label="全称" align="center" prop="fullName" width="320" />
-          <el-table-column label="简称" align="center" prop="shortName" />
+          <el-table-column label="简称" align="center" prop="shortName" width="320" />
           <el-table-column label="面值" align="center" prop="faceValue" />
           <el-table-column label="发行量" align="center" prop="mintage" />
           <el-table-column label="材质" align="center" prop="composition">
@@ -87,7 +87,14 @@
             </template>
           </el-table-column>
         </el-table>
-        <el-pagination small background layout="total, prev, pager, next" :total="total" @current-change="handleCurrentChange" />
+        <el-pagination
+          small
+          background
+          layout="total,sizes, prev, pager, next"
+          :total="total"
+          @size-change="handleSizeChange"
+          @current-change="handleCurrentChange"
+        />
       </div>
     </div>
     <!-- 添加或修改流通纪念币对话框 -->
@@ -369,6 +376,11 @@ const handleCurrentChange = (val) => {
   getList()
 }
 
+//每页显示条数改变
+const handleSizeChange = (val) => {
+  queryParams.value.pageSize = val
+  getList()
+}
 // 多选框选中数据
 function handleSelectionChange(selection) {
   ids.value = selection.map((item) => item.id)
@@ -497,4 +509,9 @@ getList()
 :deep(.el-carousel__arrow:hover) {
   background-color: rgba(0, 0, 0, 0.7);
 }
+
+/* 确保表格内容区域可以滚动 */
+:deep(.el-table__body-wrapper) {
+  overflow-y: auto !important;
+}
 </style>