fix: 图片预览问题修复。

src/views/collect/CommemorativeBanknote/index.vue

@@ -416,24 +416,24 @@ getList()
 </script>
 
 <style scoped lang="scss">
+/* 图片预览容器样式 */
 .image-preview-container {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
+  position: relative;
 }
 
 .image-wrapper {
-  width: 100%;
-  height: 100%;
   display: flex;
   align-items: center;
   justify-content: center;
+  width: 100%;
+  height: 100%;
+  background-color: #f5f5f5;
 }
 
 .image-count {
-  margin-top: 10px;
   text-align: center;
-  color: #606266;
+  margin-top: 16px;
+  color: #666;
   font-size: 14px;
 }
 
@@ -451,6 +451,15 @@ getList()
   margin: 0 !important;
 }
 
+/* 轮播图箭头样式优化 */
+:deep(.el-carousel__arrow) {
+  background-color: rgba(0, 0, 0, 0.5);
+}
+
+:deep(.el-carousel__arrow:hover) {
+  background-color: rgba(0, 0, 0, 0.7);
+}
+
 /* 确保表格内容区域可以滚动 */
 :deep(.el-table__body-wrapper) {
   overflow-y: auto !important;

src/views/collect/preciousMetalCoin/index.vue

@@ -78,6 +78,8 @@
           background
           layout="total,sizes, prev, pager, next"
           :total="total"
+          :page-sizes="[10, 20, 30, 50]"
+          :page-size="queryParams.pageSize"
           @size-change="handleSizeChange"
           @current-change="handleCurrentChange"
         />
@@ -452,7 +454,7 @@ function handleExport() {
 getList()
 </script>
 
-<style scoped>
+<style scoped lang="scss">
 /* 确保图片预览层不被表格遭挡 */
 :deep(.el-image-viewer__wrapper) {
   z-index: 9999 !important;