feat: add Web UI for notification config (feishu + email)

- New config/notify_store.go: persistent notification config (notify.json)
- New API: GET/PUT /api/notify/config, POST /api/notify/test-feishu, POST /api/notify/test-email
- New Vue page: NotifyConfig.vue with feishu webhook and SMTP settings
- Updated cron/init to read from persistent store instead of env vars
- Password masked as ******** in API responses, preserved on updates
This commit is contained in:
2026-07-23 16:31:04 +08:00
parent 2d70a15307
commit bbf09fbc8d
9 changed files with 627 additions and 42 deletions
+6
View File
@@ -72,6 +72,12 @@ func InitStore(cfg *Config) {
log.Println("Cert store initialized successfully")
}
// InitAll initializes all stores
func InitAll(cfg *Config) {
InitStore(cfg)
InitNotifyStore(cfg)
}
// Load reads certificates from JSON file into memory
func (s *CertStore) Load() error {
s.mu.Lock()
+182
View File
@@ -0,0 +1,182 @@
package config
import (
"encoding/json"
"log"
"os"
"sync"
"time"
)
// NotifyConfig holds notification configuration that can be set via Web UI
type NotifyConfig struct {
FeishuEnabled bool `json:"feishu_enabled"`
FeishuURL string `json:"feishu_url"`
SMTPEnabled bool `json:"smtp_enabled"`
SMTPHost string `json:"smtp_host"`
SMTPPort string `json:"smtp_port"`
SMTPUser string `json:"smtp_user"`
SMTPPassword string `json:"smtp_password,omitempty"`
SMTPFrom string `json:"smtp_from"`
NotifyTo string `json:"notify_to"`
// Notification thresholds
ExpiryDays int `json:"expiry_days"` // Notify when cert expires within this many days
// Internal
UpdatedAt time.Time `json:"updated_at"`
}
// DefaultNotifyConfig returns default notification settings
func DefaultNotifyConfig() *NotifyConfig {
return &NotifyConfig{
FeishuEnabled: false,
SMTPEnabled: false,
ExpiryDays: 30,
}
}
// NotifyStore manages notification config persistence
type NotifyStore struct {
mu sync.RWMutex
path string
Data *NotifyConfig
}
var NotifyCfg *NotifyStore
// InitNotifyStore initializes the notification config store
func InitNotifyStore(cfg *Config) {
NotifyCfg = &NotifyStore{
path: cfg.DataDir + "/notify.json",
Data: DefaultNotifyConfig(),
}
if err := NotifyCfg.Load(); err != nil {
log.Printf("No existing notify config: %v, using defaults", err)
}
// Environment variables override file config (for backward compatibility)
envOverrideNotifyConfig()
log.Println("Notify config store initialized successfully")
}
func envOverrideNotifyConfig() {
store := NotifyCfg
if url := os.Getenv("FEISHU_WEBHOOK_URL"); url != "" {
store.Data.FeishuEnabled = true
store.Data.FeishuURL = url
}
if host := os.Getenv("SMTP_HOST"); host != "" {
store.Data.SMTPEnabled = true
store.Data.SMTPHost = host
}
if port := os.Getenv("SMTP_PORT"); port != "" {
store.Data.SMTPPort = port
}
if user := os.Getenv("SMTP_USER"); user != "" {
store.Data.SMTPUser = user
}
if pass := os.Getenv("SMTP_PASSWORD"); pass != "" {
store.Data.SMTPPassword = pass
}
if from := os.Getenv("SMTP_FROM"); from != "" {
store.Data.SMTPFrom = from
}
if to := os.Getenv("NOTIFY_TO"); to != "" {
store.Data.NotifyTo = to
}
}
// Load reads notification config from JSON file
func (s *NotifyStore) Load() error {
s.mu.Lock()
defer s.mu.Unlock()
data, err := os.ReadFile(s.path)
if err != nil {
return err
}
var nc NotifyConfig
if err := json.Unmarshal(data, &nc); err != nil {
return err
}
// Keep existing password if not provided in file (security)
if nc.SMTPPassword == "" && s.Data.SMTPPassword != "" {
nc.SMTPPassword = s.Data.SMTPPassword
}
s.Data = &nc
return nil
}
// Save persists the notification config to JSON file
func (s *NotifyStore) Save() error {
s.mu.Lock()
defer s.mu.Unlock()
s.Data.UpdatedAt = time.Now()
data, err := json.MarshalIndent(s.Data, "", " ")
if err != nil {
return err
}
return os.WriteFile(s.path, data, 0600)
}
// Get returns a copy of the current notify config (without password for API responses)
func (s *NotifyStore) Get() *NotifyConfig {
s.mu.RLock()
defer s.mu.RUnlock()
// Return a copy
nc := *s.Data
// Hide password for API responses
if nc.SMTPPassword != "" {
nc.SMTPPassword = "********"
}
return &nc
}
// Update saves new notification config, keeping password if masked
func (s *NotifyStore) Update(nc *NotifyConfig) error {
s.mu.Lock()
defer s.mu.Unlock()
// If password is masked, keep the existing one
if nc.SMTPPassword == "********" {
nc.SMTPPassword = s.Data.SMTPPassword
}
nc.UpdatedAt = time.Now()
s.Data = nc
data, err := json.MarshalIndent(s.Data, "", " ")
if err != nil {
return err
}
return os.WriteFile(s.path, data, 0600)
}
// GetConfig returns the raw config (for internal use, with real password)
func (s *NotifyStore) GetConfig() *NotifyConfig {
s.mu.RLock()
defer s.mu.RUnlock()
nc := *s.Data
return &nc
}
// IsConfigured returns true if at least one notification channel is configured
func (s *NotifyStore) IsConfigured() bool {
s.mu.RLock()
defer s.mu.RUnlock()
if s.Data.FeishuEnabled && s.Data.FeishuURL != "" {
return true
}
if s.Data.SMTPEnabled && s.Data.SMTPHost != "" && s.Data.NotifyTo != "" {
return true
}
// Also check env fallback
return false
}
+2 -2
View File
@@ -5,8 +5,8 @@
<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>AutoSSL 证书管理</title>
<script type="module" crossorigin src="/assets/index-BD8965cd.js"></script>
<link rel="stylesheet" crossorigin href="/assets/index-612jFRSC.css">
<script type="module" crossorigin src="/assets/index-D6V1aiIx.js"></script>
<link rel="stylesheet" crossorigin href="/assets/index-Kwmxr6vY.css">
</head>
<body>
<div id="app"></div>
+99 -15
View File
@@ -21,8 +21,8 @@ import (
func main() {
cfg := config.Load()
// Initialize certificate store (JSON file persistence)
config.InitStore(cfg)
// Initialize all stores (certificates + notify config)
config.InitAll(cfg)
// Setup Gin
gin.SetMode(gin.ReleaseMode)
@@ -63,6 +63,12 @@ func main() {
api.POST("/certificates/:id/renew", certHandler.RenewCertificate)
api.GET("/certificates/:id/files", certHandler.GetCertFiles)
// Notification configuration
api.GET("/notify/config", handleGetNotifyConfig)
api.PUT("/notify/config", handleUpdateNotifyConfig)
api.POST("/notify/test-feishu", handleTestFeishu)
api.POST("/notify/test-email", handleTestEmail)
// Utility
api.GET("/renewals/check", certHandler.CheckRenewals)
api.GET("/stats", certHandler.Stats)
@@ -108,7 +114,8 @@ func main() {
// Certificate expiry notification check at 8:00 AM daily
c.AddFunc("0 8 * * *", func() {
notifyCfg := notify.LoadNotifyConfig()
nc := config.NotifyCfg.GetConfig()
notifyCfg := notify.ConfigFromStore(nc)
if !notifyCfg.IsConfigured() {
log.Println("Notification not configured, skipping expiry check notification")
return
@@ -119,7 +126,6 @@ func main() {
c.Start()
// Set ACME HTTP-01 challenge port from env (default 8082)
// Nginx on port 80 should proxy .well-known/acme-challenge/ to this port
acmePort := os.Getenv("ACME_PORT")
if acmePort == "" {
acmePort = "8082"
@@ -133,7 +139,8 @@ func main() {
}
}
// handleLogin authenticates user and returns JWT token
// ===================== Login Handler =====================
func handleLogin(c *gin.Context) {
var req auth.LoginRequest
if err := c.ShouldBindJSON(&req); err != nil {
@@ -159,18 +166,17 @@ func handleLogin(c *gin.Context) {
})
}
// authMiddleware validates JWT token on protected routes
// ===================== Auth Middleware =====================
func authMiddleware() gin.HandlerFunc {
return func(c *gin.Context) {
authHeader := c.GetHeader("Authorization")
if authHeader == "" {
// Also check query param (for websocket / event-stream compatibility)
authHeader = c.Query("token")
if authHeader == "" {
c.AbortWithStatusJSON(http.StatusUnauthorized, gin.H{"error": "未授权,请先登录"})
return
}
// Validate as-is (query param is the raw token)
claims, err := auth.ValidateToken(authHeader)
if err != nil {
c.AbortWithStatusJSON(http.StatusUnauthorized, gin.H{"error": "token已过期或无效"})
@@ -181,7 +187,6 @@ func authMiddleware() gin.HandlerFunc {
return
}
// Extract Bearer token
tokenString := strings.TrimPrefix(authHeader, "Bearer ")
if tokenString == authHeader {
tokenString = authHeader
@@ -198,11 +203,88 @@ func authMiddleware() gin.HandlerFunc {
}
}
// runExpiryNotification checks all certificates and sends notifications for expiring ones
// ===================== Notification Config Handlers =====================
func handleGetNotifyConfig(c *gin.Context) {
nc := config.NotifyCfg.Get()
c.JSON(http.StatusOK, nc)
}
func handleUpdateNotifyConfig(c *gin.Context) {
var req config.NotifyConfig
if err := c.ShouldBindJSON(&req); err != nil {
c.JSON(http.StatusBadRequest, gin.H{"error": err.Error()})
return
}
if err := config.NotifyCfg.Update(&req); err != nil {
c.JSON(http.StatusInternalServerError, gin.H{"error": err.Error()})
return
}
c.JSON(http.StatusOK, gin.H{"message": "通知配置已更新"})
}
func handleTestFeishu(c *gin.Context) {
nc := config.NotifyCfg.GetConfig()
if !nc.FeishuEnabled || nc.FeishuURL == "" {
c.JSON(http.StatusBadRequest, gin.H{"error": "飞书通知未配置,请先保存配置"})
return
}
notifyCfg := notify.ConfigFromStore(nc)
testCerts := []notify.CertInfo{
{
Domain: "test.example.com",
Status: "active",
DaysLeft: 15,
},
}
if err := notifyCfg.NotifyCertExpiring(testCerts); err != nil {
c.JSON(http.StatusInternalServerError, gin.H{"error": "飞书测试消息发送失败: " + err.Error()})
return
}
c.JSON(http.StatusOK, gin.H{"message": "飞书测试消息发送成功"})
}
func handleTestEmail(c *gin.Context) {
nc := config.NotifyCfg.GetConfig()
if !nc.SMTPEnabled || nc.SMTPHost == "" || nc.NotifyTo == "" {
c.JSON(http.StatusBadRequest, gin.H{"error": "邮件通知未配置,请先保存配置"})
return
}
notifyCfg := notify.ConfigFromStore(nc)
testCerts := []notify.CertInfo{
{
Domain: "test.example.com",
Status: "active",
DaysLeft: 15,
},
}
if err := notifyCfg.NotifyCertExpiring(testCerts); err != nil {
c.JSON(http.StatusInternalServerError, gin.H{"error": "邮件测试消息发送失败: " + err.Error()})
return
}
c.JSON(http.StatusOK, gin.H{"message": "邮件测试消息发送成功"})
}
// ===================== Expiry Notification =====================
func runExpiryNotification(notifyCfg *notify.Config) {
certs := config.Store.GetAll()
var expiringCerts []notify.CertInfo
nc := config.NotifyCfg.GetConfig()
expiryDays := nc.ExpiryDays
if expiryDays <= 0 {
expiryDays = 30
}
for _, cert := range certs {
if cert.Status != "active" || cert.ExpiresAt == nil {
continue
@@ -210,8 +292,7 @@ func runExpiryNotification(notifyCfg *notify.Config) {
daysLeft := int(time.Until(*cert.ExpiresAt).Hours() / 24)
// Notify if within 30 days of expiry (or already expired)
if daysLeft <= 30 {
if daysLeft <= expiryDays {
info := notify.CertInfo{
Domain: cert.Domain,
Status: cert.Status,
@@ -236,13 +317,16 @@ func runExpiryNotification(notifyCfg *notify.Config) {
}
func init() {
// Check if notification is configured and run once at startup
// Run startup certificate expiry check after 10 seconds
time.AfterFunc(10*time.Second, func() {
notifyCfg := notify.LoadNotifyConfig()
if config.NotifyCfg != nil {
nc := config.NotifyCfg.GetConfig()
notifyCfg := notify.ConfigFromStore(nc)
if notifyCfg.IsConfigured() {
log.Println("Running startup certificate expiry check...")
runExpiryNotification(notifyCfg)
}
}
})
// Validate ADMIN_USER / ADMIN_PASSWORD env setting
@@ -251,5 +335,5 @@ func init() {
if adminUser != "" || adminPass != "" {
log.Printf("Admin credentials configured via environment (user: %s)", adminUser)
}
_ = fmt.Sprintf // import usage, prevent unused import error
_ = fmt.Sprintf
}
+18 -10
View File
@@ -1,6 +1,7 @@
package notify
import (
"auto-ssl/config"
"bytes"
"encoding/json"
"fmt"
@@ -16,18 +17,31 @@ import (
// Config holds notification configuration
type Config struct {
// Feishu webhook
FeishuWebhookURL string
// SMTP
SMTPHost string
SMTPPort string
SMTPUser string
SMTPPassword string
SMTPFrom string
NotifyTo string // comma-separated email recipients
NotifyTo string
ExpiryDays int
}
// LoadNotifyConfig reads notification config from environment
// ConfigFromStore converts store config to notify config
func ConfigFromStore(nc *config.NotifyConfig) *Config {
return &Config{
FeishuWebhookURL: nc.FeishuURL,
SMTPHost: nc.SMTPHost,
SMTPPort: nc.SMTPPort,
SMTPUser: nc.SMTPUser,
SMTPPassword: nc.SMTPPassword,
SMTPFrom: nc.SMTPFrom,
NotifyTo: nc.NotifyTo,
ExpiryDays: nc.ExpiryDays,
}
}
// LoadNotifyConfig reads notification config from environment (legacy fallback)
func LoadNotifyConfig() *Config {
return &Config{
FeishuWebhookURL: os.Getenv("FEISHU_WEBHOOK_URL"),
@@ -117,7 +131,6 @@ type feishuField struct {
}
func (c *Config) sendFeishu(certs []CertInfo) error {
// Build card content
elements := []feishuElement{}
for _, cert := range certs {
@@ -150,7 +163,6 @@ func (c *Config) sendFeishu(certs []CertInfo) error {
)
}
// Summary
expiringCount := 0
for _, cert := range certs {
if cert.DaysLeft <= 7 {
@@ -158,7 +170,6 @@ func (c *Config) sendFeishu(certs []CertInfo) error {
}
}
// Determine template color
template := "blue"
if expiringCount > 0 {
template = "red"
@@ -202,7 +213,6 @@ func (c *Config) sendFeishu(certs []CertInfo) error {
}
func (c *Config) sendEmail(certs []CertInfo) error {
// Build HTML email
var sb strings.Builder
sb.WriteString(`
<html>
@@ -260,8 +270,6 @@ func (c *Config) sendEmail(certs []CertInfo) error {
`)
htmlContent := sb.String()
// Subject
subject := fmt.Sprintf("🔐 [AutoSSL] %d 个证书即将到期 - 请及时处理", len(certs))
e := email.NewEmail()
+4
View File
@@ -49,6 +49,10 @@
<el-icon><Plus /></el-icon>
<span>申请证书</span>
</el-menu-item>
<el-menu-item index="/notify">
<el-icon><Bell /></el-icon>
<span>通知配置</span>
</el-menu-item>
</el-menu>
</el-aside>
<el-main>
+22
View File
@@ -77,6 +77,20 @@ export interface LoginResponse {
expires_at: number
}
export interface NotifyConfig {
feishu_enabled: boolean
feishu_url: string
smtp_enabled: boolean
smtp_host: string
smtp_port: string
smtp_user: string
smtp_password: string
smtp_from: string
notify_to: string
expiry_days: number
updated_at: string
}
// Auth API
export const authApi = {
login: (username: string, password: string) =>
@@ -114,3 +128,11 @@ export const certApi = {
checkRenewals: () => api.get('/renewals/check'),
stats: () => api.get<Stats>('/stats'),
}
// Notification config API
export const notifyApi = {
get: () => api.get<NotifyConfig>('/notify/config'),
update: (data: Partial<NotifyConfig>) => api.put('/notify/config', data),
testFeishu: () => api.post('/notify/test-feishu'),
testEmail: () => api.post('/notify/test-email'),
}
+7
View File
@@ -2,6 +2,7 @@ import { createRouter, createWebHistory } from 'vue-router'
import Dashboard from '../views/Dashboard.vue'
import CertList from '../views/CertList.vue'
import CertCreate from '../views/CertCreate.vue'
import NotifyConfig from '../views/NotifyConfig.vue'
import Login from '../views/Login.vue'
import { isLoggedIn } from '../api'
@@ -32,6 +33,12 @@ const router = createRouter({
component: CertCreate,
meta: { requiresAuth: true },
},
{
path: '/notify',
name: 'NotifyConfig',
component: NotifyConfig,
meta: { requiresAuth: true },
},
],
})
+272
View File
@@ -0,0 +1,272 @@
<template>
<div class="notify-settings">
<h2 class="page-title">通知配置</h2>
<el-row :gutter="20">
<el-col :span="12">
<el-card>
<template #header>
<div class="card-header">
<span><el-icon style="margin-right: 8px"><ChatDotSquare /></el-icon>飞书机器人</span>
<el-switch v-model="form.feishu_enabled" />
</div>
</template>
<el-form label-width="120px">
<el-form-item label="Webhook URL">
<el-input
v-model="form.feishu_url"
placeholder="https://open.feishu.cn/open-apis/bot/v2/hook/xxxxx"
:disabled="!form.feishu_enabled"
/>
</el-form-item>
<el-form-item>
<el-button
type="success"
size="small"
:disabled="!form.feishu_enabled || !form.feishu_url"
:loading="testingFeishu"
@click="handleTestFeishu"
>
发送测试
</el-button>
</el-form-item>
</el-form>
</el-card>
</el-col>
<el-col :span="12">
<el-card>
<template #header>
<div class="card-header">
<span><el-icon style="margin-right: 8px"><Message /></el-icon>邮件通知</span>
<el-switch v-model="form.smtp_enabled" />
</div>
</template>
<el-form label-width="120px">
<el-form-item label="SMTP 主机">
<el-input v-model="form.smtp_host" placeholder="smtp.example.com" :disabled="!form.smtp_enabled" />
</el-form-item>
<el-form-item label="SMTP 端口">
<el-input-number v-model="smtpPortNumber" :min="25" :max="587" :disabled="!form.smtp_enabled" />
</el-form-item>
<el-form-item label="用户名">
<el-input v-model="form.smtp_user" placeholder="user@example.com" :disabled="!form.smtp_enabled" />
</el-form-item>
<el-form-item label="密码">
<el-input
v-model="form.smtp_password"
type="password"
show-password
:placeholder="hasPassword ? '留空保持不变' : '输入SMTP密码'"
:disabled="!form.smtp_enabled"
/>
</el-form-item>
<el-form-item label="发件人">
<el-input v-model="form.smtp_from" placeholder="AutoSSL <noreply@example.com>" :disabled="!form.smtp_enabled" />
</el-form-item>
<el-form-item label="收件人">
<el-input
v-model="form.notify_to"
placeholder="admin@example.com,ops@example.com"
:disabled="!form.smtp_enabled"
/>
<div class="form-tip">多个邮箱用逗号分隔</div>
</el-form-item>
<el-form-item>
<el-button
type="success"
size="small"
:disabled="!form.smtp_enabled || !form.smtp_host || !form.notify_to"
:loading="testingEmail"
@click="handleTestEmail"
>
发送测试
</el-button>
</el-form-item>
</el-form>
</el-card>
</el-col>
</el-row>
<el-card style="margin-top: 20px">
<template #header>
<div class="card-header">
<span><el-icon style="margin-right: 8px"><Setting /></el-icon>通知规则</span>
</div>
</template>
<el-form :inline="true" label-width="140px">
<el-form-item label="到期前提醒天数">
<el-input-number v-model="form.expiry_days" :min="7" :max="90" />
</el-form-item>
</el-form>
</el-card>
<div style="margin-top: 20px; text-align: center">
<el-button type="primary" size="large" :loading="saving" :icon="Check" @click="handleSave">
保存配置
</el-button>
</div>
<!-- 通知状态说明 -->
<el-card style="margin-top: 20px">
<template #header>
<span><el-icon style="margin-right: 8px"><InfoFilled /></el-icon>通知说明</span>
</template>
<div class="notify-info">
<p>1. 配置保存后自动持久化到 <code>data/notify.json</code> 文件</p>
<p>2. 系统每天上午 <strong>8:00</strong> 自动检查证书到期情况并发送通知</p>
<p>3. 启动后 <strong>10 </strong> 也会执行一次初始检查</p>
<p>4. 环境变量 <code>FEISHU_WEBHOOK_URL</code> / <code>SMTP_*</code> 会覆盖文件配置向后兼容</p>
<p>5. 点击"发送测试"可验证通知通道是否配置正确</p>
</div>
</el-card>
</div>
</template>
<script setup lang="ts">
import { ref, reactive, onMounted, computed } from 'vue'
import { notifyApi } from '../api'
import { ElMessage } from 'element-plus'
import { Check, ChatDotSquare, Message, Setting, InfoFilled } from '@element-plus/icons-vue'
const saving = ref(false)
const testingFeishu = ref(false)
const testingEmail = ref(false)
const loading = ref(true)
const hasPassword = ref(false)
const form = reactive({
feishu_enabled: false,
feishu_url: '',
smtp_enabled: false,
smtp_host: '',
smtp_port: '587',
smtp_user: '',
smtp_password: '',
smtp_from: '',
notify_to: '',
expiry_days: 30,
})
const smtpPortNumber = computed({
get: () => parseInt(form.smtp_port || '587'),
set: (v: number) => { form.smtp_port = String(v) },
})
const loadConfig = async () => {
try {
const res = await notifyApi.get()
const data = res.data as any
form.feishu_enabled = data.feishu_enabled || false
form.feishu_url = data.feishu_url || ''
form.smtp_enabled = data.smtp_enabled || false
form.smtp_host = data.smtp_host || ''
form.smtp_port = data.smtp_port || '587'
form.smtp_user = data.smtp_user || ''
form.smtp_password = data.smtp_password || ''
form.smtp_from = data.smtp_from || ''
form.notify_to = data.notify_to || ''
form.expiry_days = data.expiry_days || 30
hasPassword.value = form.smtp_password === '********'
// Reset password field to empty if it's masked - user can leave blank to keep
if (form.smtp_password === '********') {
form.smtp_password = ''
}
} catch (e: any) {
ElMessage.error('加载配置失败: ' + (e.response?.data?.error || e.message))
} finally {
loading.value = false
}
}
const handleSave = async () => {
saving.value = true
try {
const payload = {
feishu_enabled: form.feishu_enabled,
feishu_url: form.feishu_url,
smtp_enabled: form.smtp_enabled,
smtp_host: form.smtp_host,
smtp_port: form.smtp_port,
smtp_user: form.smtp_user,
smtp_password: form.smtp_password || '********',
smtp_from: form.smtp_from,
notify_to: form.notify_to,
expiry_days: form.expiry_days,
}
await notifyApi.update(payload)
ElMessage.success('通知配置已保存')
// Reload to refresh masked state
await loadConfig()
} catch (e: any) {
ElMessage.error('保存失败: ' + (e.response?.data?.error || e.message))
} finally {
saving.value = false
}
}
const handleTestFeishu = async () => {
testingFeishu.value = true
try {
await notifyApi.testFeishu()
ElMessage.success('飞书测试消息发送成功')
} catch (e: any) {
ElMessage.error('飞书测试失败: ' + (e.response?.data?.error || e.message))
} finally {
testingFeishu.value = false
}
}
const handleTestEmail = async () => {
testingEmail.value = true
try {
await notifyApi.testEmail()
ElMessage.success('邮件测试消息发送成功')
} catch (e: any) {
ElMessage.error('邮件测试失败: ' + (e.response?.data?.error || e.message))
} finally {
testingEmail.value = false
}
}
onMounted(loadConfig)
</script>
<style scoped>
.notify-settings {
max-width: 1200px;
margin: 0 auto;
}
.page-title {
margin-bottom: 20px;
font-size: 24px;
color: #1a1a2e;
}
.card-header {
display: flex;
align-items: center;
justify-content: space-between;
font-weight: 600;
}
.form-tip {
font-size: 12px;
color: #999;
margin-top: 4px;
}
.notify-info {
line-height: 2;
color: #555;
}
.notify-info code {
background: #f5f5f5;
padding: 2px 8px;
border-radius: 3px;
font-size: 13px;
color: #1890ff;
}
</style>