From 6b00045f4ec283c44bfffdc25fa9694315d753d0 Mon Sep 17 00:00:00 2001
From: lanyuanxiaoyao <lanyuanxiaoyao@gmail.com>
Date: Fri, 8 May 2026 00:26:35 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E5=90=AF=E5=8A=A8=E5=8F=82=E6=95=B0?=
 =?UTF-8?q?=E8=B6=85=E6=97=B6=E5=92=8C=E6=97=A5=E5=BF=97=E4=BF=9D=E7=95=99?=
 =?UTF-8?q?=E5=A4=A9=E6=95=B0=E6=94=B9=E7=94=A8=E4=B8=8B=E6=8B=89=E9=A2=84?=
 =?UTF-8?q?=E8=AE=BE=E9=80=89=E6=8B=A9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../pages/Settings/StartupSettingsCard.tsx    | 49 ++++++++++++++-----
 openspec/specs/frontend/spec.md               | 17 +++++++
 2 files changed, 53 insertions(+), 13 deletions(-)

diff --git a/frontend/src/pages/Settings/StartupSettingsCard.tsx b/frontend/src/pages/Settings/StartupSettingsCard.tsx
index ac5ee24..bd505a0 100644
--- a/frontend/src/pages/Settings/StartupSettingsCard.tsx
+++ b/frontend/src/pages/Settings/StartupSettingsCard.tsx
@@ -4,11 +4,34 @@ import { useStartupSettings, useSaveStartupSettings } from '@/hooks/useSettings'
 import type { StartupConfig } from '@/types'
 import type { SubmitContext } from 'tdesign-react/es/form/type'
 
-const DURATION_PLACEHOLDERS = {
-  readTimeout: '例如 30s',
-  writeTimeout: '例如 30s',
-  connMaxLifetime: '例如 1h',
-}
+const TIMEOUT_OPTIONS = [
+  { label: '5 秒', value: '5s' },
+  { label: '10 秒', value: '10s' },
+  { label: '15 秒', value: '15s' },
+  { label: '30 秒', value: '30s' },
+  { label: '1 分钟', value: '60s' },
+  { label: '2 分钟', value: '120s' },
+  { label: '5 分钟', value: '300s' },
+]
+
+const CONN_LIFETIME_OPTIONS = [
+  { label: '5 分钟', value: '5m' },
+  { label: '15 分钟', value: '15m' },
+  { label: '30 分钟', value: '30m' },
+  { label: '1 小时', value: '1h' },
+  { label: '2 小时', value: '2h' },
+  { label: '4 小时', value: '4h' },
+]
+
+const MAX_AGE_OPTIONS = [
+  { label: '1 天', value: 1 },
+  { label: '3 天', value: 3 },
+  { label: '7 天', value: 7 },
+  { label: '14 天', value: 14 },
+  { label: '30 天', value: 30 },
+  { label: '60 天', value: 60 },
+  { label: '90 天', value: 90 },
+]
 
 function flattenConfig(c: StartupConfig): Record<string, unknown> {
   return {
@@ -140,11 +163,11 @@ export function StartupSettingsCard() {
         <Form.FormItem label='端口' name='server.port' rules={[{ required: true, message: '请输入端口' }]}>
           <InputNumber min={1} max={65535} style={{ width: '100%' }} />
         </Form.FormItem>
-        <Form.FormItem label='读超时' name='server.readTimeout' rules={[{ required: true, message: '请输入读超时' }]}>
-          <Input placeholder={DURATION_PLACEHOLDERS.readTimeout} />
+        <Form.FormItem label='读超时' name='server.readTimeout' rules={[{ required: true, message: '请选择读超时' }]}>
+          <Select options={TIMEOUT_OPTIONS} />
         </Form.FormItem>
-        <Form.FormItem label='写超时' name='server.writeTimeout' rules={[{ required: true, message: '请输入写超时' }]}>
-          <Input placeholder={DURATION_PLACEHOLDERS.writeTimeout} />
+        <Form.FormItem label='写超时' name='server.writeTimeout' rules={[{ required: true, message: '请选择写超时' }]}>
+          <Select options={TIMEOUT_OPTIONS} />
         </Form.FormItem>
 
         <Divider />
@@ -212,9 +235,9 @@ export function StartupSettingsCard() {
         <Form.FormItem
           label='连接最大生命周期'
           name='database.connMaxLifetime'
-          rules={[{ required: true, message: '请输入连接最大生命周期' }]}
+          rules={[{ required: true, message: '请选择连接最大生命周期' }]}
         >
-          <Input placeholder={DURATION_PLACEHOLDERS.connMaxLifetime} />
+          <Select options={CONN_LIFETIME_OPTIONS} />
         </Form.FormItem>
 
         <Divider />
@@ -248,9 +271,9 @@ export function StartupSettingsCard() {
         <Form.FormItem
           label='最大保留天数'
           name='log.maxAge'
-          rules={[{ required: true, message: '请输入最大保留天数' }]}
+          rules={[{ required: true, message: '请选择最大保留天数' }]}
         >
-          <InputNumber min={0} suffix=' 天' style={{ width: '100%' }} />
+          <Select options={MAX_AGE_OPTIONS} />
         </Form.FormItem>
         <Form.FormItem label='压缩旧日志' name='log.compress'>
           <Switch />
diff --git a/openspec/specs/frontend/spec.md b/openspec/specs/frontend/spec.md
index 0bd3453..d8ce9de 100644
--- a/openspec/specs/frontend/spec.md
+++ b/openspec/specs/frontend/spec.md
@@ -408,6 +408,23 @@ TBD - 提供供应商、模型配置和总览的前端管理界面
 - **THEN** 前端 SHALL NOT 展示配置来源标签
 - **THEN** 前端 SHALL 直接展示 `database.password` 字段值
 
+#### Scenario: 超时时间字段使用下拉预设选择
+
+- **WHEN** 前端渲染启动参数设置表单
+- **THEN** `server.readTimeout` 字段 SHALL 使用 Select 下拉组件，提供以下预设选项：5 秒、10 秒、15 秒、30 秒、1 分钟、2 分钟、5 分钟
+- **THEN** `server.writeTimeout` 字段 SHALL 使用 Select 下拉组件，提供与 readTimeout 相同的预设选项
+- **THEN** `database.connMaxLifetime` 字段 SHALL 使用 Select 下拉组件，提供以下预设选项：5 分钟、15 分钟、30 分钟、1 小时、2 小时、4 小时
+- **THEN** duration 字段的 Select value SHALL 使用 Go duration 字符串格式（如 `"30s"`、`"1h"`）
+- **THEN** duration 字段的 Select label SHALL 使用中文单位显示（如 `"30 秒"`、`"1 小时"`）
+
+#### Scenario: 日志最大保留天数使用下拉预设选择
+
+- **WHEN** 前端渲染启动参数设置表单中的 `log.maxAge` 字段
+- **THEN** `log.maxAge` 字段 SHALL 使用 Select 下拉组件
+- **THEN** Select SHALL 提供以下预设选项：1 天、3 天、7 天、14 天、30 天、60 天、90 天
+- **THEN** Select value SHALL 使用数字类型
+- **THEN** Select label SHALL 使用中文单位显示（如 `"30 天"`）
+
 #### Scenario: 数据库驱动表单切换
 
 - **WHEN** 启动参数设置中的 `database.driver` 为 `sqlite`