From 3269b2eef3f8af04525c01b91cb0355e5585e60a Mon Sep 17 00:00:00 2001
From: xiongxiao <kevisual@xiongxiao.me>
Date: Fri, 13 Mar 2026 05:23:05 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E4=BF=AE=E5=A4=8D=E5=8D=95=E6=9D=A1?=
 =?UTF-8?q?=E6=95=B0=E6=8D=AE=E4=B8=8D=E6=98=BE=E7=A4=BA=E8=A1=A8=E6=A0=BC?=
 =?UTF-8?q?=E7=9A=84=E9=97=AE=E9=A2=98=EF=BC=8C=E4=BC=98=E5=8C=96=E5=BC=B9?=
 =?UTF-8?q?=E7=AA=97UI=E5=B8=83=E5=B1=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 修复数组解构错误导致单条数据时不显示表格
- 优化DetailsDialog弹窗布局，内容过多时按钮始终可见
---
 src/pages/query-view/components/DetailsDialog.tsx | 12 ++++++------
 src/pages/query-view/index.tsx                    |  2 +-
 2 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/src/pages/query-view/components/DetailsDialog.tsx b/src/pages/query-view/components/DetailsDialog.tsx
index 01e050f..10e08c9 100644
--- a/src/pages/query-view/components/DetailsDialog.tsx
+++ b/src/pages/query-view/components/DetailsDialog.tsx
@@ -539,12 +539,12 @@ export const DetailsDialog = () => {
         </DialogContent>
       </Dialog>
       <Dialog open={queryViewStore.showDetailsDialog} onOpenChange={queryViewStore.setShowDetailsDialog}>
-        <DialogContent className={`max-h-[80vh] overflow-hidden ${isFullscreen ? 'w-screen! h-screen! max-w-screen! max-h-screen! ' : 'max-w-3xl! '}`}>
-          <DialogHeader>
+        <DialogContent className={`flex flex-col max-h-[85vh] ${isFullscreen ? 'w-screen! h-screen! max-w-screen! max-h-screen! ' : 'max-w-4xl! '}`}>
+          <DialogHeader className="flex-shrink-0">
             <DialogTitle>详情信息</DialogTitle>
           </DialogHeader>
 
-          <div className="flex gap-2 border-b border-gray-200">
+          <div className="flex gap-2 border-b border-gray-200 flex-shrink-0">
             {queryViewStore.allDetailsTabs.map((tab) => (
               <button
                 key={tab.key}
@@ -559,7 +559,7 @@ export const DetailsDialog = () => {
             ))}
           </div>
 
-          <div className="mt-4 h-[calc(80vh-200px)] overflow-auto scrollbar px-2">
+          <div className="flex-1 overflow-auto scrollbar px-2 min-h-0">
             {/* 第一个标签页：详情信息 */}
             {queryViewStore.detailsActiveTab === 'details' && (
               <DetailsInfoPanel detailsData={queryViewStore.detailsData} />
@@ -575,9 +575,9 @@ export const DetailsDialog = () => {
               <RouterInfoPanel routeInfo={routeInfo} />
             )}
 
-            {/* 第三个标签页：响应 */}
+            {/* 第四个标签页：响应 */}
             {queryViewStore.detailsActiveTab === 'response' && (
-              <div className="space-y-4">
+              <div className="space-y-4 h-full">
                 <QueryView viewData={queryViewStore.detailsData} type={'message'} setIsFullscreen={setIsFullscreen} />
               </div>
             )}
diff --git a/src/pages/query-view/index.tsx b/src/pages/query-view/index.tsx
index 5238e51..4d4d876 100644
--- a/src/pages/query-view/index.tsx
+++ b/src/pages/query-view/index.tsx
@@ -67,7 +67,7 @@ export const QueryView = (props: Props) => {
       setIsList(true);
     }
     setData(response.data.list)
-    const [_, firstItem] = response.data.list || []
+    const [firstItem] = response.data.list || []
     if (firstItem) {
       const cols: ColumnDef<any>[] = Object.keys(firstItem).map(key => ({
         accessorKey: key,