From 7e82735f8216748cb9e8b0397974240207fe4775 Mon Sep 17 00:00:00 2001
From: aaron <>
Date: Sat, 24 May 2025 12:19:54 +0800
Subject: [PATCH] update

---
 docker-compose.yml                |  2 +-
 src/views/AnalysisHistoryView.vue | 37 ++++++++++++++++++++++++-------
 2 files changed, 30 insertions(+), 9 deletions(-)

diff --git a/docker-compose.yml b/docker-compose.yml
index 9ea210d..ebc737a 100644
--- a/docker-compose.yml
+++ b/docker-compose.yml
@@ -5,7 +5,7 @@ services:
     build:
       context: .
       dockerfile: Dockerfile
-    image: tradus-web:1.3.12
+    image: tradus-web:1.3.13
     container_name: tradus-web
     ports:
       - '6000:80'
diff --git a/src/views/AnalysisHistoryView.vue b/src/views/AnalysisHistoryView.vue
index 33230ee..d36619c 100644
--- a/src/views/AnalysisHistoryView.vue
+++ b/src/views/AnalysisHistoryView.vue
@@ -249,8 +249,6 @@ onMounted(() => {
             上一页
           </button>
 
-          <span class="page-info">第 {{ currentPage }} 页</span>
-
           <button
             v-if="historyList.length === limit"
             class="page-btn"
@@ -304,6 +302,7 @@ onMounted(() => {
   padding: 1rem;
   display: flex;
   flex-direction: column;
+  overflow: hidden; /* 防止整个页面滚动，改为内部容器滚动 */
 }
 
 .content-container {
@@ -311,6 +310,9 @@ onMounted(() => {
   margin: 0 auto;
   width: 100%;
   padding: 2rem 1rem;
+  height: 100%; /* 高度100%确保内容填充可用空间 */
+  display: flex;
+  flex-direction: column;
 }
 
 .header-section {
@@ -342,6 +344,10 @@ onMounted(() => {
   display: flex;
   flex-direction: column;
   gap: 1rem;
+  flex: 1;
+  overflow-y: auto; /* 启用内容区域滚动 */
+  padding-right: 0.5rem; /* 为滚动条留出空间 */
+  max-height: calc(100vh - 200px); /* 限制最大高度，确保可滚动 */
 }
 
 .loading-container {
@@ -380,6 +386,8 @@ onMounted(() => {
   display: flex;
   flex-direction: column;
   gap: 0.75rem;
+  overflow-y: visible; /* 确保列表项可见 */
+  padding-bottom: 2rem; /* 底部留出空间，避免最后一项被遮挡 */
 }
 
 .history-item {
@@ -507,11 +515,6 @@ onMounted(() => {
   cursor: not-allowed;
 }
 
-.page-info {
-  font-size: 0.9rem;
-  color: var(--color-text-secondary);
-}
-
 /* 详情弹窗样式 */
 .detail-modal {
   position: fixed;
@@ -523,7 +526,7 @@ onMounted(() => {
   display: flex;
   align-items: center;
   justify-content: center;
-  z-index: 1000;
+  z-index: 9999; /* 提高z-index值，确保在侧边栏菜单按钮上层 */
   padding: 1rem;
 }
 
@@ -642,6 +645,24 @@ onMounted(() => {
     font-size: 1.1rem;
   }
 }
+
+/* 优化滚动条样式 */
+.history-content::-webkit-scrollbar {
+  width: 6px;
+}
+
+.history-content::-webkit-scrollbar-track {
+  background: transparent;
+}
+
+.history-content::-webkit-scrollbar-thumb {
+  background-color: rgba(0, 0, 0, 0.1);
+  border-radius: 10px;
+}
+
+.history-content::-webkit-scrollbar-thumb:hover {
+  background-color: rgba(0, 0, 0, 0.2);
+}
 </style>
 
 <style>