x

static/style.css

@@ -580,61 +580,39 @@ body {
 
 .btn-sm {
   padding: var(--space-1) var(--space-3);
-  font-size: var(--text-xs);
-  border-radius: var(--radius-sm);
+    font-size: var(--text-xs);
+    border-radius: var(--radius-sm);
 }
 
-/* ================================
-   进度条
-   ================================ */
-.file-row {
-  cursor: pointer;
-  transition: background-color var(--duration-fast) var(--ease-default);
+.history-dropdown {
+    position: absolute;
+    top: 100%;
+    left: 0;
+    z-index: 1000;
+    background: var(--bg-primary);
+    border-radius: var(--radius-md);
+    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
+    max-height: 400px;
+    overflow-y: auto;
 }
 
-.file-row:hover {
-  background-color: var(--bg-secondary);
+.history-dropdown table {
+    width: 100%;
+    font-size: var(--text-xs);
 }
 
-.expand-icon {
-  display: inline-block;
-  width: 20px;
-  color: var(--text-tertiary);
-  font-size: var(--text-xs);
-  transition: transform var(--duration-fast) var(--ease-default);
+.history-dropdown th {
+    background: var(--bg-tertiary);
+    padding: var(--space-2) var(--space-3);
+    white-space: nowrap;
 }
 
-.history-detail-row {
-  background-color: var(--bg-secondary);
+.history-dropdown td {
+    padding: var(--space-2) var(--space-3);
 }
 
-.history-detail-row td {
-  padding: 0;
-}
-
-.history-detail {
-  padding: var(--space-4) var(--space-6);
-}
-
-.inner-table {
-  background: var(--bg-primary);
-  border-radius: var(--radius-md);
-  overflow: hidden;
-  border: 1px solid var(--border-light);
-}
-
-.inner-table th {
-  background: var(--bg-tertiary);
-  font-size: var(--text-xs);
-}
-
-.inner-table td {
-  font-size: var(--text-xs);
-}
-
-.action-buttons {
-  display: flex;
-  gap: var(--space-2);
+.history-dropdown tr:hover {
+    background: var(--bg-secondary);
 }
 
 /* ================================

static/vue-app.js

@@ -899,6 +899,7 @@ const MoldInsightView = {
       uploadFile, 
       formatFileSize, 
       formatDateTime,
+      formatNumber,
       toggleFileHistory,
       viewResult
     };
@@ -969,11 +970,8 @@ const MoldInsightView = {
             </thead>
             <tbody>
               <template v-for="file in state.history.files" :key="file.filename">
-                <tr class="file-row" @click="toggleFileHistory(file.filename)">
-                  <td>
-                    <span class="expand-icon">{{ state.expandedFiles[file.filename] ? '▼' : '▶' }}</span>
-                    {{ file.filename }}
-                  </td>
+                <tr>
+                  <td>{{ file.filename }}</td>
                   <td>
                     <span class="badge badge-info">{{ file.upload_count }} 次</span>
                   </td>
@@ -985,16 +983,19 @@ const MoldInsightView = {
                   </td>
                   <td>{{ formatDateTime(file.latest_upload_time) }}</td>
                   <td>
-                    <div class="action-buttons" @click.stop>
+                    <div class="action-buttons">
                       <button v-if="file.latest_status === 'completed'" class="btn-sm btn-primary" @click="viewResult({task_id: file.latest_task_id})">
                         查看最新
                       </button>
+                      <button class="btn-sm btn-secondary" @click="toggleFileHistory(file.filename)">
+                        {{ state.expandedFiles[file.filename] ? '收起' : '历史记录' }}
+                      </button>
                     </div>
                   </td>
                 </tr>
                 <tr v-if="state.expandedFiles[file.filename]" class="history-detail-row">
                   <td colspan="6">
-                    <div class="history-detail">
+                    <div class="history-dropdown">
                       <table class="data-table inner-table">
                         <thead>
                           <tr>