diff --git a/frontend/.editorconfig b/frontend/.editorconfig
new file mode 100644
index 0000000..54955d9
--- /dev/null
+++ b/frontend/.editorconfig
@@ -0,0 +1,13 @@
+root = true
+
+[*]
+charset = utf-8
+end_of_line = lf
+indent_style = space
+indent_size = 2
+insert_final_newline = true
+trim_trailing_whitespace = true
+
+[*.{md}]
+trim_trailing_whitespace = false
+
diff --git a/frontend/src/pages/Home/Home.tsx b/frontend/src/pages/Home/Home.tsx
index 0027550..6fbf51a 100644
--- a/frontend/src/pages/Home/Home.tsx
+++ b/frontend/src/pages/Home/Home.tsx
@@ -134,7 +134,7 @@ export default function WelcomePage() {
             {menuItems.map((item) => (
               <Card
                 key={item.id}
-                onClick={() => navigate(`/data/${item.id}`)}
+                onClick={() => navigate(item.children ? `/data/${item.children[0].id}`: `/data/${item.id}`)}
                 className="cursor-pointer hover:shadow-lg transition-all duration-200 border-0 shadow-md relative overflow-hidden group"
               >
                 <div className="text-center relative">
diff --git a/frontend/src/pages/RatioTask/ratio.const.tsx b/frontend/src/pages/RatioTask/ratio.const.tsx
index 2177364..4230641 100644
--- a/frontend/src/pages/RatioTask/ratio.const.tsx
+++ b/frontend/src/pages/RatioTask/ratio.const.tsx
@@ -1,5 +1,7 @@
 import { formatDate } from "@/utils/unit";
 import { RatioTaskItem, RatioStatus } from "./ratio.model";
+import { BarChart3 } from "lucide-react";
+import { Link } from "react-router";
 
 export const ratioTaskStatusMap: Record<
   string,
@@ -42,5 +44,29 @@ export function mapRatioTask(task: Partial<RatioTaskItem>): RatioTaskItem {
     status: ratioTaskStatusMap[task.status || RatioStatus.PENDING]?.value,
     createdAt: formatDate(task.created_at),
     updatedAt: formatDate(task.updated_at),
+    description:
+      task.ratio_method === "DATASET" ? "按数据集配比" : "按标签配比",
+    icon: <BarChart3 className="w-6 h-6" />,
+    iconColor: task.ratio_method === "DATASET" ? "bg-blue-100" : "bg-green-100",
+    statistics: [
+      {
+        label: "目标数量",
+        value: (task.totals ?? 0).toLocaleString(),
+      },
+      {
+        label: "目标数据集",
+        value: task.target_dataset_name ? (
+          <Link to={`/data/management/detail/${task.target_dataset_id}`}>
+            {task.target_dataset_name}
+          </Link>
+        ) : (
+          "无"
+        ),
+      },
+      {
+        label: "创建时间",
+        value: task.created_at || "-",
+      },
+    ],
   };
 }
diff --git a/frontend/src/pages/SettingsPage/SystemConfig.tsx b/frontend/src/pages/SettingsPage/SystemConfig.tsx
index 6ca7277..c43ec4e 100644
--- a/frontend/src/pages/SettingsPage/SystemConfig.tsx
+++ b/frontend/src/pages/SettingsPage/SystemConfig.tsx
@@ -1,4 +1,5 @@
-import { Card, Divider, Input, Select, Switch, Button, Form, App } from "antd";
+import { Divider, Input, Select, Switch, Button, Form, App, Table } from "antd";
+import { PlusOutlined } from "@ant-design/icons";
 import { useState } from "react";
 
 export default function SystemConfig() {
@@ -12,6 +13,38 @@ export default function SystemConfig() {
     sessionTimeout: "30",
     enableNotifications: true,
   });
+  const configData = [
+    {
+      key: "1",
+      parameter: "站点名称",
+      value: systemConfig.siteName,
+      description: "系统的显示名称",
+    },
+    {
+      key: "2",
+      parameter: "最大文件大小 (MB)",
+      value: systemConfig.maxFileSize,
+      description: "允许上传的最大文件大小",
+    },
+    {
+      key: "3",
+      parameter: "自动备份",
+      value: systemConfig.autoBackup ? "启用" : "禁用",
+      description: "定期自动备份系统数据",
+    },
+    {
+      key: "4",
+      parameter: "日志级别",
+      value: systemConfig.logLevel,
+      description: "系统日志的详细程度",
+    },
+    {
+      key: "5",
+      parameter: "会话超时 (分钟)",
+      value: systemConfig.sessionTimeout,
+      description: "用户会话的超时时间",
+    },
+  ];
 
   const logLevelOptions = [
     { value: "debug", label: "Debug" },
@@ -26,61 +59,132 @@ export default function SystemConfig() {
     message.success("系统设置已保存");
   };
 
+  const columns = [
+    {
+      title: "参数",
+      dataIndex: "parameter",
+      key: "parameter",
+    },
+    {
+      title: "值",
+      dataIndex: "value",
+      key: "value",
+    },
+    {
+      title: "描述",
+      dataIndex: "description",
+      key: "description",
+    },
+    {
+      title: "是否启用",
+      dataIndex: "enabled",
+      key: "enabled",
+      render: (_: any, record: any) => (
+        <Switch
+          checked={
+            record.key === "3"
+              ? systemConfig.autoBackup
+              : record.key === "5"
+              ? systemConfig.enableNotifications
+              : false
+          }
+          onChange={(checked) => {
+            if (record.key === "3") {
+              setSystemConfig((prevConfig) => ({
+                ...prevConfig,
+                autoBackup: checked,
+              }));
+            } else if (record.key === "5") {
+              setSystemConfig((prevConfig) => ({
+                ...prevConfig,
+                enableNotifications: checked,
+              }));
+            }
+          }}
+        />
+      ),
+    }
+  ];
+
   return (
-    <Card>
-      <Form
-        onValuesChange={(changedValues) => {
-          setSystemConfig((prevConfig) => ({
-            ...prevConfig,
-            ...changedValues,
-          }));
-        }}
-        layout="vertical"
-      >
-        <div className="grid grid-cols-2 gap-6">
-          <Form.Item name="siteName" label="站点名称">
-            <Input />
-          </Form.Item>
-          <Form.Item name="maxFileSize" label="最大文件大小 (MB)">
-            <Input type="number" />
-          </Form.Item>
-          <Form.Item name="logLevel" label="日志级别">
-            <Select options={logLevelOptions}></Select>
-          </Form.Item>
-          <Form.Item name="sessionTimeout" label="会话超时 (分钟)">
-            <Input type="number" />
-          </Form.Item>
-        </div>
-        <Divider />
-        <div className="space-y-4">
-          <h4 className="font-medium">功能开关</h4>
-          <div className="space-y-3">
-            <div className="flex items-center justify-between">
-              <div>
-                <span>自动备份</span>
-                <p className="text-sm text-gray-500">定期自动备份系统数据</p>
+    <div className="h-full flex flex-col">
+      <div className="flex items-top justify-between">
+        <h2 className="text-lg font-medium mb-4">参数配置</h2>
+        <Button
+          type="primary"
+          icon={<PlusOutlined />}
+          onClick={() => {
+            setIsEditMode(false);
+            form.resetFields();
+            setNewModel({
+              name: "",
+              provider: "",
+              model: "",
+              apiKey: "",
+              endpoint: "",
+            });
+            setShowModelDialog(true);
+          }}
+        >
+          添加模型
+        </Button>
+      </div>
+      <div className="flex-1 border-card overflow-auto p-6">
+        <Table columns={columns} data={configData} />
+        <Form
+          onValuesChange={(changedValues) => {
+            setSystemConfig((prevConfig) => ({
+              ...prevConfig,
+              ...changedValues,
+            }));
+          }}
+          layout="vertical"
+        >
+          <div className="grid grid-cols-2 gap-6 mt-6">
+            <Form.Item name="siteName" label="站点名称">
+              <Input />
+            </Form.Item>
+            <Form.Item name="maxFileSize" label="最大文件大小 (MB)">
+              <Input type="number" />
+            </Form.Item>
+            <Form.Item name="logLevel" label="日志级别">
+              <Select options={logLevelOptions}></Select>
+            </Form.Item>
+            <Form.Item name="sessionTimeout" label="会话超时 (分钟)">
+              <Input type="number" />
+            </Form.Item>
+          </div>
+          <Divider />
+          <div className="space-y-4">
+            <h4 className="font-medium">功能开关</h4>
+            <div className="space-y-3">
+              <div className="flex items-center justify-between">
+                <div>
+                  <span>自动备份</span>
+                  <p className="text-sm text-gray-500">定期自动备份系统数据</p>
+                </div>
+                <Form.Item name="autoBackup" valuePropName="checked">
+                  <Switch />
+                </Form.Item>
               </div>
-              <Form.Item name="autoBackup" valuePropName="checked">
-                <Switch />
-              </Form.Item>
-            </div>
-            <div className="flex items-center justify-between">
-              <div>
-                <span>启用通知</span>
-                <p className="text-sm text-gray-500">接收系统通知和提醒</p>
+              <div className="flex items-center justify-between">
+                <div>
+                  <span>启用通知</span>
+                  <p className="text-sm text-gray-500">接收系统通知和提醒</p>
+                </div>
+                <Form.Item name="enableNotifications" valuePropName="checked">
+                  <Switch />
+                </Form.Item>
               </div>
-              <Form.Item name="enableNotifications" valuePropName="checked">
-                <Switch />
-              </Form.Item>
             </div>
           </div>
-        </div>
-        <div className="flex justify-end mt-6">
-          <Button type="primary" onClick={handleSaveSystemSettings}>
-            保存设置
-          </Button>
-        </div>
-      </Form>
-    </Card>
+          <div className="flex justify-end mt-6">
+            <Button type="primary" onClick={handleSaveSystemSettings}>
+              保存设置
+            </Button>
+          </div>
+        </Form>
+      </div>
+    </div>
   );
 }