From 800585ea01c37e110d22066d0ff4fc55ede22bb0 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=99=BD=E5=87=A4=E5=90=89?= <baifengji@163.com>
Date: Fri, 4 Jul 2025 20:55:08 +0800
Subject: [PATCH] =?UTF-8?q?fix:=E8=B0=83=E6=95=B4=E5=88=97=E5=AE=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/setting/HistoryDetail.vue | 38 +++++++++++++++++++-------------
 1 file changed, 23 insertions(+), 15 deletions(-)

diff --git a/src/components/setting/HistoryDetail.vue b/src/components/setting/HistoryDetail.vue
index 636ae47..5cbe73e 100644
--- a/src/components/setting/HistoryDetail.vue
+++ b/src/components/setting/HistoryDetail.vue
@@ -38,27 +38,32 @@ const tableData = computed(() => {
     return item
   })
 })
-
+const columnWidths = [250, null, 150, null, null, null, null, null, null, null, 180, 180]
 // 表格列配置
-const tableColumns = computed(() => {
-  return tableHeaders.value.map(header => ({
-    prop: header,
-    label: header,
-    minWidth: 120,
-  }))
-})
+const tableColumns = computed(() =>
+  tableHeaders.value.map((h, i) => {
+    const col: Record<string, any> = {
+      prop: h,
+      label: h,
+      minWidth: 120,
+    }
+    if (columnWidths[i] != null) {
+      col.minWidth = columnWidths[i]
+    }
+    return col
+  }),
+)
 </script>
 
 <template>
   <div class="data-table-container">
-    <el-table :data="tableData" style="width: 100%">
+    <el-table :data="tableData" style="width:100%">
       <el-table-column
-        v-for="column in tableColumns"
-        :key="column.prop"
-        :prop="column.prop"
-        :label="column.label"
-        width="200"
-        :min-width="column.minWidth"
+        v-for="col in tableColumns"
+        :key="col.prop"
+        :prop="col.prop"
+        :label="col.label"
+        :min-width="col.minWidth"
       />
     </el-table>
   </div>
@@ -66,6 +71,9 @@ const tableColumns = computed(() => {
 
 <style scoped>
 .data-table-container {
+  /* 保留滚动与高度设置 */
   padding: 20px;
+  height: 80vh;
+  overflow: auto;
 }
 </style>