diff --git a/static/app/config-manager.js b/static/app/config-manager.js index 1e031f7..e4b08ab 100644 --- a/static/app/config-manager.js +++ b/static/app/config-manager.js @@ -251,6 +251,18 @@ async function loadConfiguration() { if (scheduledHealthCheckIntervalEl) scheduledHealthCheckIntervalEl.value = 600000; } + // 定时健康检查间隔快捷按钮 + const intervalQuickBtns = document.querySelectorAll('#scheduledHealthCheckInterval + .quick-select-btns button'); + intervalQuickBtns.forEach(btn => { + btn.addEventListener('click', (e) => { + e.preventDefault(); + const value = parseInt(btn.getAttribute('data-value')); + if (scheduledHealthCheckIntervalEl) { + scheduledHealthCheckIntervalEl.value = value; + } + }); + }); + } catch (error) { console.error('Failed to load configuration:', error); } diff --git a/static/app/i18n.js b/static/app/i18n.js index 830a521..5080210 100644 --- a/static/app/i18n.js +++ b/static/app/i18n.js @@ -347,7 +347,7 @@ const translations = { 'config.healthCheck.enabled': '启用定时检查', 'config.healthCheck.startupRun': '启动时运行', 'config.healthCheck.interval': '检查间隔', - 'config.healthCheck.intervalNote': '设置定时健康检查的执行间隔', + 'config.healthCheck.intervalNote': '单位毫秒,最小60000ms(1分钟),最大3600000ms(1小时),可手动输入或点击快捷按钮', 'config.log.title': '日志设置', 'config.log.enabled': '启用日志', 'config.log.outputMode': '日志输出模式', diff --git a/static/components/section-config.css b/static/components/section-config.css index 6cd16ca..e5ecaac 100644 --- a/static/components/section-config.css +++ b/static/components/section-config.css @@ -7,6 +7,65 @@ border: 1px solid var(--border-color); } +.form-group { + margin-bottom: 1.5rem; +} + +.form-row { + display: grid; + grid-template-columns: 1fr 1fr; + gap: 1.5rem; +} + +.form-group label { + display: block; + margin-bottom: 0.5rem; + font-weight: 600; + color: var(--text-primary); + font-size: 0.9rem; +} + +.optional-tag, .form-group label .optional-mark { + font-size: 0.75rem; + color: var(--text-tertiary); + font-weight: 400; + margin-left: 0.5rem; + background: var(--bg-tertiary); + padding: 0.125rem 0.375rem; + border-radius: var(--radius-sm); +} + +.form-control::placeholder { + color: var(--text-tertiary); +} + +textarea.form-control { + resize: vertical; + font-family: inherit; +} + +/* 带快捷选择的输入框 */ +.input-with-quick-select { + display: flex; + flex-direction: column; + gap: 0.5rem; +} + +.input-with-quick-select .form-control { + width: 100%; +} + +.quick-select-btns { + display: flex; + gap: 0.5rem; + flex-wrap: wrap; +} + +.quick-select-btns .btn { + padding: 0.25rem 0.75rem; + font-size: 0.75rem; +} + .config-form { max-width: 800px; margin: 0 auto; diff --git a/static/components/section-config.html b/static/components/section-config.html index d5fd694..37d1eee 100644 --- a/static/components/section-config.html +++ b/static/components/section-config.html @@ -249,12 +249,15 @@
- - 设置定时健康检查的执行间隔 +
+ +
+ + + +
+
+ 单位毫秒,最小60000ms(1分钟),最大3600000ms(1小时)