From cbd5718669fea5877be8dcfcde74f0054fce0877 Mon Sep 17 00:00:00 2001
From: chengkai3 <chengkai3@asiainfo.com>
Date: Sun, 28 Jun 2026 14:55:21 +0800
Subject: [PATCH] =?UTF-8?q?fix:[FL-207][=E6=96=87=E4=BB=B6=E8=A7=86?=
 =?UTF-8?q?=E5=9B=BE=E6=94=B9=E4=B8=BA=E5=88=97=E8=A1=A8=E6=A0=B7=E5=BC=8F?=
 =?UTF-8?q?]?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-authored-by: multica-agent <github@multica.ai>
---
 web/src/app/admin/atp-models/page.tsx | 60 ++++++++++++++++-----------
 1 file changed, 36 insertions(+), 24 deletions(-)

diff --git a/web/src/app/admin/atp-models/page.tsx b/web/src/app/admin/atp-models/page.tsx
index c1ddbd6..4675451 100644
--- a/web/src/app/admin/atp-models/page.tsx
+++ b/web/src/app/admin/atp-models/page.tsx
@@ -821,7 +821,7 @@ export default function AtpModelsPage() {
                 ]}
               />
             </div>
-            <div style={{ maxHeight: `${tableScrollY}px`, overflow: "auto" }}>
+            <div style={{ maxHeight: `${tableScrollY}px`, overflow: "auto", border: "1px solid #f0f0f0", borderRadius: "4px" }}>
               {assetsQuery.isLoading || assetsQuery.isFetching ? (
                 <div style={{ textAlign: "center", padding: "40px 0" }}>
                   <Spin tip="加载中..." />
@@ -832,36 +832,48 @@ export default function AtpModelsPage() {
                   description="当前目录为空"
                 />
               ) : (
-                <div style={{ display: "grid", gridTemplateColumns: "repeat(auto-fill, minmax(200px, 1fr))", gap: "16px" }}>
+                <div>
                   {fileViewItems.map((item, index) =>
                     item.type === "folder" ? (
-                      <Card
+                      <div
                         key={index}
-                        hoverable
                         onClick={() => handleFileViewItemClick(item)}
-                        style={{ cursor: "pointer" }}
-                        bodyStyle={{ padding: "16px" }}
+                        style={{
+                          display: "flex",
+                          alignItems: "center",
+                          padding: "12px 16px",
+                          cursor: "pointer",
+                          borderBottom: index < fileViewItems.length - 1 ? "1px solid #f0f0f0" : "none",
+                          transition: "background-color 0.2s",
+                        }}
+                        onMouseEnter={(e) => {
+                          e.currentTarget.style.backgroundColor = "#f5f5f5";
+                        }}
+                        onMouseLeave={(e) => {
+                          e.currentTarget.style.backgroundColor = "transparent";
+                        }}
                       >
-                        <div style={{ display: "flex", flexDirection: "column", alignItems: "center", gap: "8px" }}>
-                          <FolderOutlined style={{ fontSize: "48px", color: "#faad14" }} />
-                          <Typography.Text ellipsis={{ tooltip: item.displayName }} style={{ width: "100%", textAlign: "center" }}>
-                            {item.displayName}
-                          </Typography.Text>
-                        </div>
-                      </Card>
+                        <FolderOutlined style={{ fontSize: "20px", color: "#faad14", marginRight: "12px" }} />
+                        <Typography.Text style={{ flex: 1 }}>{item.displayName}</Typography.Text>
+                      </div>
                     ) : (
-                      <Card
+                      <div
                         key={index}
-                        bodyStyle={{ padding: "16px" }}
+                        style={{
+                          display: "flex",
+                          alignItems: "center",
+                          padding: "12px 16px",
+                          borderBottom: index < fileViewItems.length - 1 ? "1px solid #f0f0f0" : "none",
+                        }}
                       >
-                        <div style={{ display: "flex", flexDirection: "column", alignItems: "center", gap: "8px" }}>
-                          <FileOutlined style={{ fontSize: "48px", color: "#1890ff" }} />
-                          <Typography.Text ellipsis={{ tooltip: item.displayName }} style={{ width: "100%", textAlign: "center" }}>
-                            {item.displayName}
-                          </Typography.Text>
-                          <Typography.Text type="secondary" style={{ fontSize: "12px" }}>
-                            {item.item && formatDateTime(item.item.update_date)}
-                          </Typography.Text>
+                        <FileOutlined style={{ fontSize: "20px", color: "#1890ff", marginRight: "12px" }} />
+                        <div style={{ flex: 1, display: "flex", alignItems: "center", justifyContent: "space-between" }}>
+                          <div style={{ display: "flex", flexDirection: "column" }}>
+                            <Typography.Text>{item.displayName}</Typography.Text>
+                            <Typography.Text type="secondary" style={{ fontSize: "12px" }}>
+                              {item.item && formatDateTime(item.item.update_date)}
+                            </Typography.Text>
+                          </div>
                           {item.item && (
                             <Popconfirm
                               title="删除模型"
@@ -878,7 +890,7 @@ export default function AtpModelsPage() {
                             </Popconfirm>
                           )}
                         </div>
-                      </Card>
+                      </div>
                     )
                   )}
                 </div>