mirror of
https://github.com/yangjian102621/geekai.git
synced 2026-04-24 12:04:31 +08:00
系统配置重构,支持后台管理页面配置
This commit is contained in:
@@ -172,3 +172,19 @@ type SystemConfig struct {
|
||||
MaxFileSize int `json:"max_file_size"` // 最大文件大小,单位:MB
|
||||
|
||||
}
|
||||
|
||||
// 配置键名常量
|
||||
const (
|
||||
ConfigKeySystem = "system"
|
||||
ConfigKeyNotice = "notice"
|
||||
ConfigKeyAgreement = "agreement"
|
||||
ConfigKeyPrivacy = "privacy"
|
||||
ConfigKeyApi = "api"
|
||||
ConfigKeySms = "sms"
|
||||
ConfigKeySmtp = "smtp"
|
||||
ConfigKeyOss = "oss"
|
||||
ConfigKeyAlipay = "alipay"
|
||||
ConfigKeyWechat = "wechat"
|
||||
ConfigKeyHuPi = "hupi"
|
||||
ConfigKeyGeekpay = "geekpay"
|
||||
)
|
||||
|
||||
@@ -8,6 +8,8 @@ package admin
|
||||
// * +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
|
||||
|
||||
import (
|
||||
"encoding/json"
|
||||
"errors"
|
||||
"geekai/core"
|
||||
"geekai/core/types"
|
||||
"geekai/handler"
|
||||
@@ -26,13 +28,15 @@ type ConfigHandler struct {
|
||||
handler.BaseHandler
|
||||
levelDB *store.LevelDB
|
||||
licenseService *service.LicenseService
|
||||
configService *service.ConfigService
|
||||
}
|
||||
|
||||
func NewConfigHandler(app *core.AppServer, db *gorm.DB, levelDB *store.LevelDB, licenseService *service.LicenseService) *ConfigHandler {
|
||||
func NewConfigHandler(app *core.AppServer, db *gorm.DB, levelDB *store.LevelDB, licenseService *service.LicenseService, configService *service.ConfigService) *ConfigHandler {
|
||||
return &ConfigHandler{
|
||||
BaseHandler: handler.BaseHandler{App: app, DB: db},
|
||||
levelDB: levelDB,
|
||||
licenseService: licenseService,
|
||||
configService: configService,
|
||||
}
|
||||
}
|
||||
|
||||
@@ -42,70 +46,52 @@ func (h *ConfigHandler) RegisterRoutes() {
|
||||
group.POST("update", h.Update)
|
||||
group.GET("get", h.Get)
|
||||
group.POST("active", h.Active)
|
||||
group.POST("test", h.Test)
|
||||
group.GET("fixData", h.FixData)
|
||||
group.GET("license", h.GetLicense)
|
||||
}
|
||||
|
||||
func (h *ConfigHandler) Update(c *gin.Context) {
|
||||
var data struct {
|
||||
Key string `json:"key"`
|
||||
Config struct {
|
||||
types.SystemConfig
|
||||
Content string `json:"content,omitempty"`
|
||||
Updated bool `json:"updated,omitempty"`
|
||||
} `json:"config"`
|
||||
var payload struct {
|
||||
Key string `json:"key"`
|
||||
Config json.RawMessage `json:"config"`
|
||||
ConfigBak types.SystemConfig `json:"config_bak,omitempty"`
|
||||
}
|
||||
|
||||
if err := c.ShouldBindJSON(&data); err != nil {
|
||||
if err := c.ShouldBindJSON(&payload); err != nil {
|
||||
logger.Errorf("Update config failed: %v", err)
|
||||
resp.ERROR(c, types.InvalidArgs)
|
||||
return
|
||||
}
|
||||
|
||||
// ONLY authorized user can change the copyright
|
||||
if (data.Key == "system" && data.Config.Copyright != data.ConfigBak.Copyright) && !h.licenseService.GetLicense().Configs.DeCopy {
|
||||
resp.ERROR(c, "您无权修改版权信息,请先联系作者获取授权")
|
||||
return
|
||||
}
|
||||
|
||||
// 如果要启用图形验证码功能,则检查是否配置了 API 服务
|
||||
if data.Config.EnabledVerify && h.App.Config.ApiConfig.AppId == "" {
|
||||
resp.ERROR(c, "启用验证码服务需要先配置 GeekAI 官方 API 服务 AppId 和 Token")
|
||||
return
|
||||
}
|
||||
|
||||
value := utils.JsonEncode(&data.Config)
|
||||
config := model.Config{Name: data.Key, Value: value}
|
||||
res := h.DB.FirstOrCreate(&config, model.Config{Name: data.Key})
|
||||
if res.Error != nil {
|
||||
resp.ERROR(c, res.Error.Error())
|
||||
return
|
||||
}
|
||||
|
||||
if config.Id > 0 {
|
||||
config.Value = value
|
||||
res := h.DB.Updates(&config)
|
||||
if res.Error != nil {
|
||||
resp.ERROR(c, res.Error.Error())
|
||||
if payload.Key == "system" {
|
||||
var sys types.SystemConfig
|
||||
if err := json.Unmarshal(payload.Config, &sys); err != nil {
|
||||
resp.ERROR(c, "系统配置解析失败: "+err.Error())
|
||||
return
|
||||
}
|
||||
|
||||
// update config cache for AppServer
|
||||
var cfg model.Config
|
||||
h.DB.Where("name", data.Key).First(&cfg)
|
||||
var err error
|
||||
if data.Key == "system" {
|
||||
err = utils.JsonDecode(cfg.Value, &h.App.SysConfig)
|
||||
}
|
||||
if err != nil {
|
||||
resp.ERROR(c, "Failed to update config cache: "+err.Error())
|
||||
if (sys.Copyright != payload.ConfigBak.Copyright) && !h.licenseService.GetLicense().Configs.DeCopy {
|
||||
resp.ERROR(c, "您无权修改版权信息,请先联系作者获取授权")
|
||||
return
|
||||
}
|
||||
if sys.EnabledVerify && h.App.Config.ApiConfig.AppId == "" {
|
||||
resp.ERROR(c, "启用验证码服务需要先配置 GeekAI 官方 API 服务 AppId 和 Token")
|
||||
return
|
||||
}
|
||||
logger.Infof("Update AppServer's config successfully: %v", config.Value)
|
||||
}
|
||||
|
||||
resp.SUCCESS(c, config)
|
||||
// 使用统一配置服务写入与广播
|
||||
if err := h.configService.Set(payload.Key, payload.Config); err != nil {
|
||||
resp.ERROR(c, err.Error())
|
||||
return
|
||||
}
|
||||
if payload.Key == "system" {
|
||||
var sys types.SystemConfig
|
||||
if err := json.Unmarshal(payload.Config, &sys); err == nil {
|
||||
h.App.SysConfig = &sys
|
||||
}
|
||||
}
|
||||
resp.SUCCESS(c)
|
||||
}
|
||||
|
||||
// Get 获取指定的系统配置
|
||||
@@ -114,6 +100,10 @@ func (h *ConfigHandler) Get(c *gin.Context) {
|
||||
var config model.Config
|
||||
res := h.DB.Where("name", key).First(&config)
|
||||
if res.Error != nil {
|
||||
if errors.Is(res.Error, gorm.ErrRecordNotFound) {
|
||||
resp.SUCCESS(c, map[string]interface{}{})
|
||||
return
|
||||
}
|
||||
resp.ERROR(c, res.Error.Error())
|
||||
return
|
||||
}
|
||||
@@ -128,6 +118,23 @@ func (h *ConfigHandler) Get(c *gin.Context) {
|
||||
resp.SUCCESS(c, value)
|
||||
}
|
||||
|
||||
// Test 配置测试(占位)
|
||||
func (h *ConfigHandler) Test(c *gin.Context) {
|
||||
var data struct {
|
||||
Key string `json:"key"`
|
||||
}
|
||||
if err := c.ShouldBindJSON(&data); err != nil {
|
||||
resp.ERROR(c, types.InvalidArgs)
|
||||
return
|
||||
}
|
||||
msg, err := h.configService.Test(data.Key)
|
||||
if err != nil {
|
||||
resp.ERROR(c, err.Error())
|
||||
return
|
||||
}
|
||||
resp.SUCCESS(c, msg)
|
||||
}
|
||||
|
||||
// Active 激活系统
|
||||
func (h *ConfigHandler) Active(c *gin.Context) {
|
||||
var data struct {
|
||||
|
||||
47
api/main.go
47
api/main.go
@@ -143,6 +143,15 @@ func main() {
|
||||
fx.Provide(handler.NewPowerLogHandler),
|
||||
fx.Provide(handler.NewJimengHandler),
|
||||
|
||||
fx.Provide(service.NewConfigService),
|
||||
fx.Provide(service.NewConfigMigrationService),
|
||||
fx.Invoke(func(migrationService *service.ConfigMigrationService, config *types.AppConfig, redisClient *redis.Client) {
|
||||
if err := migrationService.MigrateFromConfig(config); err != nil {
|
||||
logger.Errorf("配置迁移失败: %v", err)
|
||||
}
|
||||
}),
|
||||
|
||||
// 管理后台控制器
|
||||
fx.Provide(admin.NewConfigHandler),
|
||||
fx.Provide(admin.NewAdminHandler),
|
||||
fx.Provide(admin.NewApiKeyHandler),
|
||||
@@ -153,23 +162,9 @@ func main() {
|
||||
fx.Provide(admin.NewChatModelHandler),
|
||||
fx.Provide(admin.NewProductHandler),
|
||||
fx.Provide(admin.NewOrderHandler),
|
||||
fx.Provide(admin.NewChatHandler),
|
||||
fx.Provide(admin.NewPowerLogHandler),
|
||||
fx.Provide(admin.NewAdminJimengHandler),
|
||||
|
||||
// 创建服务
|
||||
fx.Provide(sms.NewSendServiceManager),
|
||||
fx.Provide(func(config *types.AppConfig) *service.CaptchaService {
|
||||
return service.NewCaptchaService(config.ApiConfig)
|
||||
}),
|
||||
fx.Provide(oss.NewUploaderManager),
|
||||
fx.Provide(dalle.NewService),
|
||||
fx.Invoke(func(s *dalle.Service) {
|
||||
s.Run()
|
||||
s.DownloadImages()
|
||||
s.CheckTaskStatus()
|
||||
}),
|
||||
|
||||
// 邮件服务
|
||||
fx.Provide(service.NewSmtpService),
|
||||
// License 服务
|
||||
@@ -178,6 +173,14 @@ func main() {
|
||||
licenseService.SyncLicense()
|
||||
}),
|
||||
|
||||
// Dalle 服务
|
||||
fx.Provide(dalle.NewService),
|
||||
fx.Invoke(func(s *dalle.Service) {
|
||||
s.Run()
|
||||
s.DownloadImages()
|
||||
s.CheckTaskStatus()
|
||||
}),
|
||||
|
||||
// MidJourney service pool
|
||||
fx.Provide(mj.NewService),
|
||||
fx.Provide(mj.NewClient),
|
||||
@@ -218,14 +221,13 @@ func main() {
|
||||
fx.Provide(payment.NewJPayService),
|
||||
fx.Provide(payment.NewWechatService),
|
||||
fx.Provide(service.NewSnowflake),
|
||||
fx.Provide(service.NewXXLJobExecutor),
|
||||
fx.Invoke(func(exec *service.XXLJobExecutor, config *types.AppConfig) {
|
||||
if config.XXLConfig.Enabled {
|
||||
go func() {
|
||||
log.Fatal(exec.Run())
|
||||
}()
|
||||
}
|
||||
|
||||
// 创建服务
|
||||
fx.Provide(sms.NewSendServiceManager),
|
||||
fx.Provide(func(config *types.AppConfig) *service.CaptchaService {
|
||||
return service.NewCaptchaService(config.ApiConfig)
|
||||
}),
|
||||
fx.Provide(oss.NewUploaderManager),
|
||||
|
||||
// 注册路由
|
||||
fx.Invoke(func(s *core.AppServer, h *handler.ChatRoleHandler) {
|
||||
@@ -259,7 +261,7 @@ func main() {
|
||||
h.RegisterRoutes()
|
||||
}),
|
||||
|
||||
// 管理后台控制器
|
||||
// 管理后台路由注册
|
||||
fx.Invoke(func(s *core.AppServer, h *admin.ConfigHandler) {
|
||||
h.RegisterRoutes()
|
||||
}),
|
||||
@@ -322,6 +324,7 @@ func main() {
|
||||
fx.Invoke(func(s *core.AppServer, h *handler.FunctionHandler) {
|
||||
h.RegisterRoutes()
|
||||
}),
|
||||
fx.Provide(admin.NewChatHandler),
|
||||
fx.Invoke(func(s *core.AppServer, h *admin.ChatHandler) {
|
||||
h.RegisterRoutes()
|
||||
}),
|
||||
|
||||
275
api/service/config_migration.go
Normal file
275
api/service/config_migration.go
Normal file
@@ -0,0 +1,275 @@
|
||||
package service
|
||||
|
||||
// ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
|
||||
// Copyright 2023 The Geek-AI Authors. All rights reserved.
|
||||
// Use of this source code is governed by a Apache-2.0 license
|
||||
// that can be found in the LICENSE file.
|
||||
// @Author yangjian102621@163.com
|
||||
// ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
|
||||
|
||||
import (
|
||||
"context"
|
||||
"encoding/json"
|
||||
"geekai/core/types"
|
||||
"geekai/store/model"
|
||||
|
||||
"github.com/go-redis/redis/v8"
|
||||
"gorm.io/gorm"
|
||||
)
|
||||
|
||||
const (
|
||||
// 迁移状态Redis key
|
||||
MigrationStatusKey = "config_migration:status"
|
||||
// 迁移完成标志
|
||||
MigrationCompleted = "completed"
|
||||
)
|
||||
|
||||
// ConfigMigrationService 配置迁移服务
|
||||
type ConfigMigrationService struct {
|
||||
db *gorm.DB
|
||||
redisClient *redis.Client
|
||||
}
|
||||
|
||||
func NewConfigMigrationService(db *gorm.DB, redisClient *redis.Client) *ConfigMigrationService {
|
||||
return &ConfigMigrationService{
|
||||
db: db,
|
||||
redisClient: redisClient,
|
||||
}
|
||||
}
|
||||
|
||||
// MigrateFromConfig 从 config.toml 迁移配置到数据库(仅首次启动时执行)
|
||||
func (s *ConfigMigrationService) MigrateFromConfig(config *types.AppConfig) error {
|
||||
// 检查是否已经迁移过
|
||||
if s.isMigrationCompleted() {
|
||||
logger.Info("配置迁移已完成,跳过迁移")
|
||||
return nil
|
||||
}
|
||||
|
||||
logger.Info("开始迁移配置到数据库...")
|
||||
|
||||
// 迁移支付配置
|
||||
if err := s.migratePaymentConfig(config); err != nil {
|
||||
logger.Errorf("迁移支付配置失败: %v", err)
|
||||
return err
|
||||
}
|
||||
|
||||
// 迁移存储配置
|
||||
if err := s.migrateStorageConfig(config); err != nil {
|
||||
logger.Errorf("迁移存储配置失败: %v", err)
|
||||
return err
|
||||
}
|
||||
|
||||
// 迁移通信配置
|
||||
if err := s.migrateCommunicationConfig(config); err != nil {
|
||||
logger.Errorf("迁移通信配置失败: %v", err)
|
||||
return err
|
||||
}
|
||||
|
||||
// 迁移API配置
|
||||
if err := s.migrateApiConfig(config); err != nil {
|
||||
logger.Errorf("迁移API配置失败: %v", err)
|
||||
return err
|
||||
}
|
||||
|
||||
// 标记迁移完成
|
||||
if err := s.markMigrationCompleted(); err != nil {
|
||||
logger.Errorf("标记迁移完成失败: %v", err)
|
||||
return err
|
||||
}
|
||||
|
||||
logger.Info("配置迁移完成")
|
||||
return nil
|
||||
}
|
||||
|
||||
// 检查是否已经迁移完成
|
||||
func (s *ConfigMigrationService) isMigrationCompleted() bool {
|
||||
ctx := context.Background()
|
||||
status, err := s.redisClient.Get(ctx, MigrationStatusKey).Result()
|
||||
if err != nil {
|
||||
// Redis中没有找到标志,说明未迁移过
|
||||
return false
|
||||
}
|
||||
return status == MigrationCompleted
|
||||
}
|
||||
|
||||
// 标记迁移完成
|
||||
func (s *ConfigMigrationService) markMigrationCompleted() error {
|
||||
ctx := context.Background()
|
||||
// 设置迁移完成标志,永不过期
|
||||
return s.redisClient.Set(ctx, MigrationStatusKey, MigrationCompleted, 0).Err()
|
||||
}
|
||||
|
||||
// 迁移支付配置
|
||||
func (s *ConfigMigrationService) migratePaymentConfig(config *types.AppConfig) error {
|
||||
// 支付宝配置
|
||||
alipayConfig := map[string]any{
|
||||
"enabled": config.AlipayConfig.Enabled,
|
||||
"sand_box": config.AlipayConfig.SandBox,
|
||||
"app_id": config.AlipayConfig.AppId,
|
||||
"private_key": config.AlipayConfig.PrivateKey,
|
||||
"alipay_public_key": config.AlipayConfig.AlipayPublicKey,
|
||||
"notify_url": config.AlipayConfig.NotifyURL,
|
||||
"return_url": config.AlipayConfig.ReturnURL,
|
||||
}
|
||||
if err := s.saveConfig("alipay", alipayConfig); err != nil {
|
||||
return err
|
||||
}
|
||||
|
||||
// 微信支付配置
|
||||
wechatConfig := map[string]any{
|
||||
"enabled": config.WechatPayConfig.Enabled,
|
||||
"app_id": config.WechatPayConfig.AppId,
|
||||
"mch_id": config.WechatPayConfig.MchId,
|
||||
"serial_no": config.WechatPayConfig.SerialNo,
|
||||
"private_key": config.WechatPayConfig.PrivateKey,
|
||||
"api_v3_key": config.WechatPayConfig.ApiV3Key,
|
||||
"notify_url": config.WechatPayConfig.NotifyURL,
|
||||
}
|
||||
if err := s.saveConfig("wechat", wechatConfig); err != nil {
|
||||
return err
|
||||
}
|
||||
|
||||
// 虎皮椒配置
|
||||
hupiConfig := map[string]any{
|
||||
"enabled": config.HuPiPayConfig.Enabled,
|
||||
"app_id": config.HuPiPayConfig.AppId,
|
||||
"app_secret": config.HuPiPayConfig.AppSecret,
|
||||
"api_url": config.HuPiPayConfig.ApiURL,
|
||||
"notify_url": config.HuPiPayConfig.NotifyURL,
|
||||
"return_url": config.HuPiPayConfig.ReturnURL,
|
||||
}
|
||||
if err := s.saveConfig("hupi", hupiConfig); err != nil {
|
||||
return err
|
||||
}
|
||||
|
||||
// GeekPay配置
|
||||
geekpayConfig := map[string]any{
|
||||
"enabled": config.GeekPayConfig.Enabled,
|
||||
"app_id": config.GeekPayConfig.AppId,
|
||||
"private_key": config.GeekPayConfig.PrivateKey,
|
||||
"api_url": config.GeekPayConfig.ApiURL,
|
||||
"notify_url": config.GeekPayConfig.NotifyURL,
|
||||
"return_url": config.GeekPayConfig.ReturnURL,
|
||||
"methods": config.GeekPayConfig.Methods,
|
||||
}
|
||||
if err := s.saveConfig("geekpay", geekpayConfig); err != nil {
|
||||
return err
|
||||
}
|
||||
|
||||
return nil
|
||||
}
|
||||
|
||||
// 迁移存储配置
|
||||
func (s *ConfigMigrationService) migrateStorageConfig(config *types.AppConfig) error {
|
||||
ossConfig := map[string]any{
|
||||
"active": config.OSS.Active,
|
||||
"local": map[string]any{
|
||||
"base_path": config.OSS.Local.BasePath,
|
||||
"base_url": config.OSS.Local.BaseURL,
|
||||
},
|
||||
"minio": map[string]any{
|
||||
"endpoint": config.OSS.Minio.Endpoint,
|
||||
"access_key": config.OSS.Minio.AccessKey,
|
||||
"access_secret": config.OSS.Minio.AccessSecret,
|
||||
"bucket": config.OSS.Minio.Bucket,
|
||||
"use_ssl": config.OSS.Minio.UseSSL,
|
||||
"domain": config.OSS.Minio.Domain,
|
||||
},
|
||||
"qiniu": map[string]any{
|
||||
"zone": config.OSS.QiNiu.Zone,
|
||||
"access_key": config.OSS.QiNiu.AccessKey,
|
||||
"access_secret": config.OSS.QiNiu.AccessSecret,
|
||||
"bucket": config.OSS.QiNiu.Bucket,
|
||||
"domain": config.OSS.QiNiu.Domain,
|
||||
},
|
||||
"aliyun": map[string]any{
|
||||
"endpoint": config.OSS.AliYun.Endpoint,
|
||||
"access_key": config.OSS.AliYun.AccessKey,
|
||||
"access_secret": config.OSS.AliYun.AccessSecret,
|
||||
"bucket": config.OSS.AliYun.Bucket,
|
||||
"sub_dir": config.OSS.AliYun.SubDir,
|
||||
"domain": config.OSS.AliYun.Domain,
|
||||
},
|
||||
}
|
||||
return s.saveConfig("oss", ossConfig)
|
||||
}
|
||||
|
||||
// 迁移通信配置
|
||||
func (s *ConfigMigrationService) migrateCommunicationConfig(config *types.AppConfig) error {
|
||||
// SMTP配置
|
||||
smtpConfig := map[string]any{
|
||||
"use_tls": config.SmtpConfig.UseTls,
|
||||
"host": config.SmtpConfig.Host,
|
||||
"port": config.SmtpConfig.Port,
|
||||
"app_name": config.SmtpConfig.AppName,
|
||||
"from": config.SmtpConfig.From,
|
||||
"password": config.SmtpConfig.Password,
|
||||
}
|
||||
if err := s.saveConfig("smtp", smtpConfig); err != nil {
|
||||
return err
|
||||
}
|
||||
|
||||
// 短信配置
|
||||
smsConfig := map[string]any{
|
||||
"active": config.SMS.Active,
|
||||
"ali": map[string]any{
|
||||
"access_key": config.SMS.Ali.AccessKey,
|
||||
"access_secret": config.SMS.Ali.AccessSecret,
|
||||
"product": config.SMS.Ali.Product,
|
||||
"domain": config.SMS.Ali.Domain,
|
||||
"sign": config.SMS.Ali.Sign,
|
||||
"code_temp_id": config.SMS.Ali.CodeTempId,
|
||||
},
|
||||
"bao": map[string]any{
|
||||
"username": config.SMS.Bao.Username,
|
||||
"password": config.SMS.Bao.Password,
|
||||
"domain": config.SMS.Bao.Domain,
|
||||
"sign": config.SMS.Bao.Sign,
|
||||
"code_template": config.SMS.Bao.CodeTemplate,
|
||||
},
|
||||
}
|
||||
return s.saveConfig("sms", smsConfig)
|
||||
}
|
||||
|
||||
// 迁移API配置
|
||||
func (s *ConfigMigrationService) migrateApiConfig(config *types.AppConfig) error {
|
||||
apiConfig := map[string]any{
|
||||
"api_url": config.ApiConfig.ApiURL,
|
||||
"app_id": config.ApiConfig.AppId,
|
||||
"token": config.ApiConfig.Token,
|
||||
"jimeng_config": map[string]any{
|
||||
"access_key": config.ApiConfig.JimengConfig.AccessKey,
|
||||
"secret_key": config.ApiConfig.JimengConfig.SecretKey,
|
||||
},
|
||||
}
|
||||
return s.saveConfig("api", apiConfig)
|
||||
}
|
||||
|
||||
// 保存配置到数据库
|
||||
func (s *ConfigMigrationService) saveConfig(key string, config any) error {
|
||||
// 检查是否已存在
|
||||
var existingConfig model.Config
|
||||
if err := s.db.Where("name", key).First(&existingConfig).Error; err == nil {
|
||||
// 配置已存在,跳过
|
||||
logger.Infof("配置 %s 已存在,跳过迁移", key)
|
||||
return nil
|
||||
}
|
||||
|
||||
// 序列化配置
|
||||
configJSON, err := json.Marshal(config)
|
||||
if err != nil {
|
||||
return err
|
||||
}
|
||||
|
||||
// 保存到数据库
|
||||
newConfig := model.Config{
|
||||
Name: key,
|
||||
Value: string(configJSON),
|
||||
}
|
||||
if err := s.db.Create(&newConfig).Error; err != nil {
|
||||
return err
|
||||
}
|
||||
|
||||
logger.Infof("成功迁移配置 %s", key)
|
||||
return nil
|
||||
}
|
||||
146
api/service/config_service.go
Normal file
146
api/service/config_service.go
Normal file
@@ -0,0 +1,146 @@
|
||||
package service
|
||||
|
||||
// ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
|
||||
// Copyright 2023 The Geek-AI Authors. All rights reserved.
|
||||
// Use of this source code is governed by a Apache-2.0 license
|
||||
// that can be found in the LICENSE file.
|
||||
// @Author yangjian102621@163.com
|
||||
// ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
|
||||
|
||||
import (
|
||||
"context"
|
||||
"encoding/json"
|
||||
"fmt"
|
||||
"geekai/store/model"
|
||||
"sync"
|
||||
|
||||
"github.com/go-redis/redis/v8"
|
||||
"gorm.io/gorm"
|
||||
)
|
||||
|
||||
// ConfigService 统一的配置访问、缓存与通知服务
|
||||
type ConfigService struct {
|
||||
db *gorm.DB
|
||||
rdb *redis.Client
|
||||
mu sync.RWMutex
|
||||
cache map[string]json.RawMessage
|
||||
watchers map[string][]chan struct{}
|
||||
}
|
||||
|
||||
func NewConfigService(db *gorm.DB, rdb *redis.Client) *ConfigService {
|
||||
s := &ConfigService{
|
||||
db: db,
|
||||
rdb: rdb,
|
||||
cache: make(map[string]json.RawMessage),
|
||||
watchers: make(map[string][]chan struct{}),
|
||||
}
|
||||
go s.subscribe()
|
||||
return s
|
||||
}
|
||||
|
||||
// Get 以原始 JSON 获取配置(带本地缓存)
|
||||
func (s *ConfigService) Get(key string) (json.RawMessage, error) {
|
||||
s.mu.RLock()
|
||||
if v, ok := s.cache[key]; ok {
|
||||
s.mu.RUnlock()
|
||||
return v, nil
|
||||
}
|
||||
s.mu.RUnlock()
|
||||
|
||||
var cfg model.Config
|
||||
if err := s.db.Where("name", key).First(&cfg).Error; err != nil {
|
||||
return nil, err
|
||||
}
|
||||
s.mu.Lock()
|
||||
s.cache[key] = json.RawMessage(cfg.Value)
|
||||
s.mu.Unlock()
|
||||
return json.RawMessage(cfg.Value), nil
|
||||
}
|
||||
|
||||
// GetInto 将配置解析进传入结构体
|
||||
func (s *ConfigService) GetInto(key string, dest interface{}) error {
|
||||
data, err := s.Get(key)
|
||||
if err != nil {
|
||||
return err
|
||||
}
|
||||
if len(data) == 0 {
|
||||
return nil
|
||||
}
|
||||
return json.Unmarshal(data, dest)
|
||||
}
|
||||
|
||||
// Set 设置配置并写入数据库,同时触发通知
|
||||
func (s *ConfigService) Set(key string, config json.RawMessage) error {
|
||||
value := string(config)
|
||||
cfg := model.Config{Name: key, Value: value}
|
||||
if err := s.db.Where("name", key).FirstOrCreate(&cfg, model.Config{Name: key}).Error; err != nil {
|
||||
return err
|
||||
}
|
||||
if cfg.Id > 0 {
|
||||
cfg.Value = value
|
||||
if err := s.db.Updates(&cfg).Error; err != nil {
|
||||
return err
|
||||
}
|
||||
}
|
||||
s.mu.Lock()
|
||||
s.cache[key] = json.RawMessage(value)
|
||||
s.mu.Unlock()
|
||||
s.notifyLocal(key)
|
||||
s.publish(key)
|
||||
return nil
|
||||
}
|
||||
|
||||
// Watch 返回一个通道,当指定 key 发生变化时收到事件
|
||||
func (s *ConfigService) Watch(key string) <-chan struct{} {
|
||||
ch := make(chan struct{}, 1)
|
||||
s.mu.Lock()
|
||||
s.watchers[key] = append(s.watchers[key], ch)
|
||||
s.mu.Unlock()
|
||||
return ch
|
||||
}
|
||||
|
||||
func (s *ConfigService) notifyLocal(key string) {
|
||||
s.mu.RLock()
|
||||
list := s.watchers[key]
|
||||
s.mu.RUnlock()
|
||||
for _, ch := range list {
|
||||
select { // 非阻塞通知
|
||||
case ch <- struct{}{}:
|
||||
default:
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// 通过 Redis 发布配置变更,便于多实例同步
|
||||
func (s *ConfigService) publish(key string) {
|
||||
if s.rdb == nil {
|
||||
return
|
||||
}
|
||||
channel := "config:changed"
|
||||
if err := s.rdb.Publish(context.Background(), channel, key).Err(); err != nil {
|
||||
logger.Warnf("publish config change failed: %v", err)
|
||||
}
|
||||
}
|
||||
|
||||
func (s *ConfigService) subscribe() {
|
||||
if s.rdb == nil {
|
||||
return
|
||||
}
|
||||
channel := "config:changed"
|
||||
sub := s.rdb.Subscribe(context.Background(), channel)
|
||||
for msg := range sub.Channel() {
|
||||
key := msg.Payload
|
||||
logger.Infof("config changed: %s", key)
|
||||
// 失效本地缓存并本地广播
|
||||
s.mu.Lock()
|
||||
delete(s.cache, key)
|
||||
s.mu.Unlock()
|
||||
s.notifyLocal(key)
|
||||
}
|
||||
}
|
||||
|
||||
// Test 预留统一测试入口,根据 key 执行连通性检查
|
||||
func (s *ConfigService) Test(key string) (string, error) {
|
||||
// TODO: 实现各配置类型的测试逻辑
|
||||
return fmt.Sprintf("%s ok", key), nil
|
||||
}
|
||||
@@ -1,5 +1,7 @@
|
||||
package service
|
||||
|
||||
import logger2 "geekai/logger"
|
||||
|
||||
const FailTaskProgress = 101
|
||||
const (
|
||||
TaskStatusRunning = "RUNNING"
|
||||
@@ -15,6 +17,8 @@ type NotifyMessage struct {
|
||||
Type string `json:"type"`
|
||||
}
|
||||
|
||||
var logger = logger2.GetLogger()
|
||||
|
||||
const TranslatePromptTemplate = "Translate the following painting prompt words into English keyword phrases. Without any explanation, directly output the keyword phrases separated by commas. The content to be translated is: [%s]"
|
||||
|
||||
const ImagePromptOptimizeTemplate = `
|
||||
|
||||
@@ -1,64 +0,0 @@
|
||||
package service
|
||||
|
||||
// * +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
|
||||
// * Copyright 2023 The Geek-AI Authors. All rights reserved.
|
||||
// * Use of this source code is governed by a Apache-2.0 license
|
||||
// * that can be found in the LICENSE file.
|
||||
// * @Author yangjian102621@163.com
|
||||
// * +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
|
||||
|
||||
import (
|
||||
"context"
|
||||
"geekai/core/types"
|
||||
logger2 "geekai/logger"
|
||||
|
||||
"github.com/xxl-job/xxl-job-executor-go"
|
||||
"gorm.io/gorm"
|
||||
)
|
||||
|
||||
var logger = logger2.GetLogger()
|
||||
|
||||
type XXLJobExecutor struct {
|
||||
executor xxl.Executor
|
||||
db *gorm.DB
|
||||
}
|
||||
|
||||
func NewXXLJobExecutor(config *types.AppConfig, db *gorm.DB) *XXLJobExecutor {
|
||||
if !config.XXLConfig.Enabled {
|
||||
logger.Info("XXL-JOB service is disabled")
|
||||
return nil
|
||||
}
|
||||
|
||||
exec := xxl.NewExecutor(
|
||||
xxl.ServerAddr(config.XXLConfig.ServerAddr),
|
||||
xxl.AccessToken(config.XXLConfig.AccessToken), //请求令牌(默认为空)
|
||||
xxl.ExecutorIp(config.XXLConfig.ExecutorIp), //可自动获取
|
||||
xxl.ExecutorPort(config.XXLConfig.ExecutorPort), //默认9999(非必填)
|
||||
xxl.RegistryKey(config.XXLConfig.RegistryKey), //执行器名称
|
||||
xxl.SetLogger(&customLogger{}), //自定义日志
|
||||
)
|
||||
exec.Init()
|
||||
return &XXLJobExecutor{executor: exec, db: db}
|
||||
}
|
||||
|
||||
func (e *XXLJobExecutor) Run() error {
|
||||
e.executor.RegTask("ClearOrders", e.ClearOrders)
|
||||
return e.executor.Run()
|
||||
}
|
||||
|
||||
// ClearOrders 清理未支付的订单,如果没有抛出异常则表示执行成功
|
||||
func (e *XXLJobExecutor) ClearOrders(cxt context.Context, param *xxl.RunReq) (msg string) {
|
||||
logger.Info("执行清理未支付订单...")
|
||||
|
||||
return "success"
|
||||
}
|
||||
|
||||
type customLogger struct{}
|
||||
|
||||
func (l *customLogger) Info(format string, a ...interface{}) {
|
||||
logger.Debugf(format, a...)
|
||||
}
|
||||
|
||||
func (l *customLogger) Error(format string, a ...interface{}) {
|
||||
logger.Errorf(format, a...)
|
||||
}
|
||||
@@ -187,8 +187,60 @@ const items = [
|
||||
},
|
||||
{
|
||||
icon: 'config',
|
||||
index: '/admin/system',
|
||||
index: 'config-center',
|
||||
title: '系统设置',
|
||||
subs: [
|
||||
{
|
||||
icon: 'config',
|
||||
index: '/admin/config/system',
|
||||
title: '系统配置',
|
||||
},
|
||||
{
|
||||
icon: 'config',
|
||||
index: '/admin/config/notice',
|
||||
title: '公告配置',
|
||||
},
|
||||
{
|
||||
icon: 'config',
|
||||
index: '/admin/config/agreement',
|
||||
title: '用户协议',
|
||||
},
|
||||
{
|
||||
icon: 'config',
|
||||
index: '/admin/config/privacy',
|
||||
title: '隐私声明',
|
||||
},
|
||||
{
|
||||
icon: 'config',
|
||||
index: '/admin/config/menu',
|
||||
title: '菜单配置',
|
||||
},
|
||||
{
|
||||
icon: 'config',
|
||||
index: '/admin/config/license',
|
||||
title: '授权激活',
|
||||
},
|
||||
{
|
||||
icon: 'recharge',
|
||||
index: '/admin/config/payment',
|
||||
title: '支付配置',
|
||||
},
|
||||
{
|
||||
icon: 'menu',
|
||||
index: '/admin/config/storage',
|
||||
title: '存储配置',
|
||||
},
|
||||
{
|
||||
icon: 'log',
|
||||
index: '/admin/config/communication',
|
||||
title: '通信配置',
|
||||
},
|
||||
{
|
||||
icon: 'api-key',
|
||||
index: '/admin/config/api',
|
||||
title: 'API配置',
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
icon: 'log',
|
||||
@@ -242,6 +294,7 @@ setMenuItems(items)
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
overflow-y: scroll;
|
||||
background-color: #324157;
|
||||
|
||||
.logo {
|
||||
display: flex;
|
||||
@@ -267,7 +320,8 @@ setMenuItems(items)
|
||||
}
|
||||
|
||||
ul {
|
||||
height: 100%;
|
||||
height: auto;
|
||||
min-height: 100%;
|
||||
|
||||
.el-menu-item,
|
||||
.el-sub-menu {
|
||||
|
||||
@@ -168,10 +168,64 @@ const routes = [
|
||||
component: () => import('@/views/admin/Dashboard.vue'),
|
||||
},
|
||||
{
|
||||
path: '/admin/system',
|
||||
name: 'admin-system',
|
||||
meta: { title: '系统设置' },
|
||||
component: () => import('@/views/admin/SysConfig.vue'),
|
||||
path: '/admin/config/system',
|
||||
name: 'admin-config-system',
|
||||
meta: { title: '系统配置' },
|
||||
component: () => import('@/views/admin/SystemConfig.vue'),
|
||||
},
|
||||
{
|
||||
path: '/admin/config/payment',
|
||||
name: 'admin-config-payment',
|
||||
meta: { title: '支付配置' },
|
||||
component: () => import('@/views/admin/PaymentConfig.vue'),
|
||||
},
|
||||
{
|
||||
path: '/admin/config/storage',
|
||||
name: 'admin-config-storage',
|
||||
meta: { title: '存储配置' },
|
||||
component: () => import('@/views/admin/StorageConfig.vue'),
|
||||
},
|
||||
{
|
||||
path: '/admin/config/communication',
|
||||
name: 'admin-config-communication',
|
||||
meta: { title: '通信配置' },
|
||||
component: () => import('@/views/admin/CommunicationConfig.vue'),
|
||||
},
|
||||
{
|
||||
path: '/admin/config/api',
|
||||
name: 'admin-config-api',
|
||||
meta: { title: 'API配置' },
|
||||
component: () => import('@/views/admin/ApiConfig.vue'),
|
||||
},
|
||||
{
|
||||
path: '/admin/config/notice',
|
||||
name: 'admin-config-notice',
|
||||
meta: { title: '公告配置' },
|
||||
component: () => import('@/views/admin/NoticeConfig.vue'),
|
||||
},
|
||||
{
|
||||
path: '/admin/config/agreement',
|
||||
name: 'admin-config-agreement',
|
||||
meta: { title: '用户协议' },
|
||||
component: () => import('@/views/admin/AgreementConfig.vue'),
|
||||
},
|
||||
{
|
||||
path: '/admin/config/privacy',
|
||||
name: 'admin-config-privacy',
|
||||
meta: { title: '隐私声明' },
|
||||
component: () => import('@/views/admin/PrivacyConfig.vue'),
|
||||
},
|
||||
{
|
||||
path: '/admin/config/menu',
|
||||
name: 'admin-config-menu',
|
||||
meta: { title: '菜单配置' },
|
||||
component: () => import('@/views/admin/MenuConfig.vue'),
|
||||
},
|
||||
{
|
||||
path: '/admin/config/license',
|
||||
name: 'admin-config-license',
|
||||
meta: { title: '授权激活' },
|
||||
component: () => import('@/views/admin/LicenseConfig.vue'),
|
||||
},
|
||||
{
|
||||
path: '/admin/user',
|
||||
|
||||
96
web/src/views/admin/AgreementConfig.vue
Normal file
96
web/src/views/admin/AgreementConfig.vue
Normal file
@@ -0,0 +1,96 @@
|
||||
<template>
|
||||
<div class="agreement-config form" v-loading="loading">
|
||||
<div class="container">
|
||||
<h3>用户协议</h3>
|
||||
<md-editor
|
||||
class="mgb20"
|
||||
v-model="agreement"
|
||||
:theme="store.theme"
|
||||
@on-upload-img="onUploadImg"
|
||||
/>
|
||||
<el-form-item>
|
||||
<div style="padding-top: 10px; margin-left: 150px">
|
||||
<el-button type="primary" @click="save">保存</el-button>
|
||||
</div>
|
||||
</el-form-item>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import { useSharedStore } from '@/store/sharedata'
|
||||
import { httpGet, httpPost } from '@/utils/http'
|
||||
import { ElMessage } from 'element-plus'
|
||||
import MdEditor from 'md-editor-v3'
|
||||
import 'md-editor-v3/lib/style.css'
|
||||
import { onMounted, ref } from 'vue'
|
||||
|
||||
const store = useSharedStore()
|
||||
const loading = ref(true)
|
||||
const agreement = ref('')
|
||||
|
||||
onMounted(() => {
|
||||
httpGet('/api/admin/config/get?key=agreement')
|
||||
.then((res) => {
|
||||
agreement.value = res.data?.content || ''
|
||||
})
|
||||
.catch((e) => {
|
||||
console.warn('加载用户协议失败: ' + e.message)
|
||||
})
|
||||
.finally(() => {
|
||||
loading.value = false
|
||||
})
|
||||
})
|
||||
|
||||
const save = () => {
|
||||
httpPost('/api/admin/config/update', {
|
||||
key: 'agreement',
|
||||
config: { content: agreement.value, updated: true },
|
||||
})
|
||||
.then(() => {
|
||||
ElMessage.success('操作成功!')
|
||||
})
|
||||
.catch((e) => {
|
||||
ElMessage.error('操作失败:' + e.message)
|
||||
})
|
||||
}
|
||||
|
||||
// 编辑期文件上传处理
|
||||
const onUploadImg = (files, callback) => {
|
||||
Promise.all(
|
||||
files.map((file) => {
|
||||
return new Promise((rev, rej) => {
|
||||
const formData = new FormData()
|
||||
formData.append('file', file, file.name)
|
||||
httpPost('/api/admin/upload', formData)
|
||||
.then((res) => rev(res))
|
||||
.catch((error) => rej(error))
|
||||
})
|
||||
})
|
||||
)
|
||||
.then((res) => {
|
||||
ElMessage.success({ message: '上传成功', duration: 500 })
|
||||
callback(res.map((item) => item.data.url))
|
||||
})
|
||||
.catch((e) => {
|
||||
ElMessage.error('图片上传失败:' + e.message)
|
||||
})
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.agreement-config {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.container {
|
||||
width: 100%;
|
||||
background-color: var(--el-bg-color);
|
||||
padding: 10px 20px 40px 20px;
|
||||
}
|
||||
|
||||
.mgb20 {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
</style>
|
||||
60
web/src/views/admin/ApiConfig.vue
Normal file
60
web/src/views/admin/ApiConfig.vue
Normal file
@@ -0,0 +1,60 @@
|
||||
<template>
|
||||
<div class="form" v-loading="loading">
|
||||
<el-form :model="api" label-width="140px">
|
||||
<el-form-item label="API 网关"><el-input v-model="api.api_url" /></el-form-item>
|
||||
<el-form-item label="AppId"><el-input v-model="api.app_id" /></el-form-item>
|
||||
<el-form-item label="Token"><el-input v-model="api.token" type="password" /></el-form-item>
|
||||
|
||||
<el-divider>即梦 AI</el-divider>
|
||||
<el-form-item label="AccessKey"
|
||||
><el-input v-model="api.jimeng_config.access_key"
|
||||
/></el-form-item>
|
||||
<el-form-item label="SecretKey"
|
||||
><el-input v-model="api.jimeng_config.secret_key"
|
||||
/></el-form-item>
|
||||
<el-form-item>
|
||||
<el-button type="primary" @click="save">保存</el-button>
|
||||
<el-button @click="test">测试</el-button>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import { httpGet, httpPost } from '@/utils/http'
|
||||
import { ElMessage } from 'element-plus'
|
||||
import { onMounted, ref } from 'vue'
|
||||
|
||||
const loading = ref(true)
|
||||
const api = ref({
|
||||
api_url: '',
|
||||
app_id: '',
|
||||
token: '',
|
||||
jimeng_config: { access_key: '', secret_key: '' },
|
||||
})
|
||||
|
||||
onMounted(() => {
|
||||
httpGet('/api/admin/config/get?key=api')
|
||||
.then((res) => (api.value = res.data || api.value))
|
||||
.catch(() => {})
|
||||
.finally(() => (loading.value = false))
|
||||
})
|
||||
|
||||
const save = () => {
|
||||
httpPost('/api/admin/config/update', { key: 'api', config: api.value })
|
||||
.then(() => ElMessage.success('保存成功'))
|
||||
.catch((e) => ElMessage.error(e.message))
|
||||
}
|
||||
|
||||
const test = () => {
|
||||
httpPost('/api/admin/config/test', { key: 'api' })
|
||||
.then((res) => ElMessage.success(res.message || '测试成功'))
|
||||
.catch((e) => ElMessage.error(e.message || '测试失败'))
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.form {
|
||||
padding: 10px 20px 40px 20px;
|
||||
}
|
||||
</style>
|
||||
108
web/src/views/admin/CommunicationConfig.vue
Normal file
108
web/src/views/admin/CommunicationConfig.vue
Normal file
@@ -0,0 +1,108 @@
|
||||
<template>
|
||||
<div class="form" v-loading="loading">
|
||||
<el-tabs v-model="active">
|
||||
<el-tab-pane label="SMTP 邮件" name="smtp">
|
||||
<el-form :model="smtp" label-width="140px">
|
||||
<el-form-item label="启用TLS"><el-switch v-model="smtp.use_tls" /></el-form-item>
|
||||
<el-form-item label="SMTP服务器"><el-input v-model="smtp.host" /></el-form-item>
|
||||
<el-form-item label="端口"><el-input-number v-model="smtp.port" :min="1" /></el-form-item>
|
||||
<el-form-item label="应用名称"><el-input v-model="smtp.app_name" /></el-form-item>
|
||||
<el-form-item label="发件人地址"><el-input v-model="smtp.from" /></el-form-item>
|
||||
<el-form-item label="发件人密码"
|
||||
><el-input v-model="smtp.password" type="password"
|
||||
/></el-form-item>
|
||||
<el-form-item>
|
||||
<el-button type="primary" @click="save('smtp')">保存</el-button>
|
||||
<el-button @click="test('smtp')">测试</el-button>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</el-tab-pane>
|
||||
|
||||
<el-tab-pane label="短信服务" name="sms">
|
||||
<el-form :model="sms" label-width="140px">
|
||||
<el-form-item label="服务商">
|
||||
<el-select v-model="sms.active" style="width: 200px">
|
||||
<el-option label="阿里云" value="Ali" />
|
||||
<el-option label="短信宝" value="Bao" />
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<template v-if="sms.active === 'Ali'">
|
||||
<el-form-item label="AccessKey"><el-input v-model="sms.ali.access_key" /></el-form-item>
|
||||
<el-form-item label="AccessSecret"
|
||||
><el-input v-model="sms.ali.access_secret"
|
||||
/></el-form-item>
|
||||
<el-form-item label="签名"><el-input v-model="sms.ali.sign" /></el-form-item>
|
||||
<el-form-item label="模板ID"><el-input v-model="sms.ali.code_temp_id" /></el-form-item>
|
||||
</template>
|
||||
<template v-else>
|
||||
<el-form-item label="用户名"><el-input v-model="sms.bao.username" /></el-form-item>
|
||||
<el-form-item label="密码"
|
||||
><el-input v-model="sms.bao.password" type="password"
|
||||
/></el-form-item>
|
||||
<el-form-item label="域名"><el-input v-model="sms.bao.domain" /></el-form-item>
|
||||
<el-form-item label="签名"><el-input v-model="sms.bao.sign" /></el-form-item>
|
||||
<el-form-item label="模板"
|
||||
><el-input v-model="sms.bao.code_template" type="textarea" :rows="2"
|
||||
/></el-form-item>
|
||||
</template>
|
||||
<el-form-item>
|
||||
<el-button type="primary" @click="save('sms')">保存</el-button>
|
||||
<el-button @click="test('sms')">测试</el-button>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</el-tab-pane>
|
||||
</el-tabs>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import { httpGet, httpPost } from '@/utils/http'
|
||||
import { ElMessage } from 'element-plus'
|
||||
import { onMounted, ref } from 'vue'
|
||||
|
||||
const loading = ref(true)
|
||||
const active = ref('smtp')
|
||||
const smtp = ref({ use_tls: false, host: '', port: 25, app_name: '', from: '', password: '' })
|
||||
const sms = ref({
|
||||
active: 'Ali',
|
||||
ali: { access_key: '', access_secret: '', sign: '', code_temp_id: '' },
|
||||
bao: { username: '', password: '', domain: '', sign: '', code_template: '' },
|
||||
})
|
||||
|
||||
onMounted(() => {
|
||||
Promise.all([httpGet('/api/admin/config/get?key=smtp'), httpGet('/api/admin/config/get?key=sms')])
|
||||
.then(([s1, s2]) => {
|
||||
const smtpData = s1?.data || {}
|
||||
smtp.value = { ...smtp.value, ...smtpData }
|
||||
|
||||
const smsData = s2?.data || {}
|
||||
sms.value = {
|
||||
...sms.value,
|
||||
...smsData,
|
||||
ali: { ...sms.value.ali, ...(smsData.ali || {}) },
|
||||
bao: { ...sms.value.bao, ...(smsData.bao || {}) },
|
||||
}
|
||||
})
|
||||
.catch(() => {})
|
||||
.finally(() => (loading.value = false))
|
||||
})
|
||||
|
||||
const save = (key) => {
|
||||
const map = { smtp, sms }
|
||||
httpPost('/api/admin/config/update', { key, config: map[key].value })
|
||||
.then(() => ElMessage.success('保存成功'))
|
||||
.catch((e) => ElMessage.error(e.message))
|
||||
}
|
||||
|
||||
const test = (key) => {
|
||||
httpPost('/api/admin/config/test', { key })
|
||||
.then((res) => ElMessage.success(res.message || '测试成功'))
|
||||
.catch((e) => ElMessage.error(e.message || '测试失败'))
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.form {
|
||||
padding: 10px 20px 40px 20px;
|
||||
}
|
||||
</style>
|
||||
149
web/src/views/admin/LicenseConfig.vue
Normal file
149
web/src/views/admin/LicenseConfig.vue
Normal file
@@ -0,0 +1,149 @@
|
||||
<template>
|
||||
<div class="license-config form" v-loading="loading">
|
||||
<div class="container">
|
||||
<el-descriptions
|
||||
v-if="license.is_active"
|
||||
class="margin-top"
|
||||
title="已授权信息"
|
||||
:column="1"
|
||||
border
|
||||
>
|
||||
<el-descriptions-item>
|
||||
<template #label>
|
||||
<div class="cell-item">License Key</div>
|
||||
</template>
|
||||
{{ license.key }}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item>
|
||||
<template #label>
|
||||
<div class="cell-item">机器码</div>
|
||||
</template>
|
||||
{{ license.machine_id }}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item>
|
||||
<template #label>
|
||||
<div class="cell-item">到期时间</div>
|
||||
</template>
|
||||
{{ dateFormat(license.expired_at) }}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item>
|
||||
<template #label>
|
||||
<div class="cell-item">用户人数</div>
|
||||
</template>
|
||||
{{ license.configs?.user_num }}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item>
|
||||
<template #label>
|
||||
<div class="cell-item">去版权</div>
|
||||
</template>
|
||||
<el-icon class="selected" v-if="license.configs?.de_copy"><Select /></el-icon>
|
||||
<el-icon class="closed" v-else><CloseBold /></el-icon>
|
||||
<span class="text">去版权之后前端页面将不会显示版权信息和源码地址</span>
|
||||
</el-descriptions-item>
|
||||
</el-descriptions>
|
||||
|
||||
<h3>激活后可获得以下权限:</h3>
|
||||
<ol class="active-info">
|
||||
<li>1、使用任意第三方中转 API KEY,而不用局限于 GeekAI 推荐的白名单列表</li>
|
||||
<li>2、可以在相关页面去除 GeekAI 的版权信息,或者修改为自己的版权信息</li>
|
||||
</ol>
|
||||
|
||||
<el-form :model="system" label-width="150px" label-position="right">
|
||||
<el-form-item label="许可授权码" prop="license">
|
||||
<el-input v-model="licenseKey" />
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item>
|
||||
<el-button type="primary" @click="active">立即激活</el-button>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import { httpGet, httpPost } from '@/utils/http'
|
||||
import { dateFormat } from '@/utils/libs'
|
||||
import { ElMessage } from 'element-plus'
|
||||
import { CloseBold, Select } from '@element-plus/icons-vue'
|
||||
import { onMounted, ref } from 'vue'
|
||||
|
||||
const loading = ref(true)
|
||||
const license = ref({ is_active: false })
|
||||
const licenseKey = ref('')
|
||||
|
||||
onMounted(() => {
|
||||
fetchLicense()
|
||||
})
|
||||
|
||||
const fetchLicense = () => {
|
||||
httpGet('/api/admin/config/license')
|
||||
.then((res) => {
|
||||
license.value = res.data
|
||||
})
|
||||
.catch((e) => {
|
||||
ElMessage.error('获取 License 失败:' + e.message)
|
||||
})
|
||||
.finally(() => {
|
||||
loading.value = false
|
||||
})
|
||||
}
|
||||
|
||||
// 激活授权
|
||||
const active = () => {
|
||||
if (licenseKey.value === '') {
|
||||
return ElMessage.error('请输入授权码')
|
||||
}
|
||||
httpPost('/api/admin/config/active', { license: licenseKey.value })
|
||||
.then((res) => {
|
||||
ElMessage.success('授权成功,机器编码为:' + res.data)
|
||||
fetchLicense()
|
||||
})
|
||||
.catch((e) => {
|
||||
ElMessage.error(e.message)
|
||||
})
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.license-config {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.container {
|
||||
width: 100%;
|
||||
background-color: var(--el-bg-color);
|
||||
padding: 10px 20px 40px 20px;
|
||||
}
|
||||
|
||||
.margin-top {
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
.cell-item {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.selected {
|
||||
color: #67c23a;
|
||||
}
|
||||
|
||||
.closed {
|
||||
color: #f56c6c;
|
||||
}
|
||||
|
||||
.text {
|
||||
margin-left: 10px;
|
||||
}
|
||||
|
||||
.active-info {
|
||||
margin: 20px 0;
|
||||
padding-left: 20px;
|
||||
}
|
||||
|
||||
.active-info li {
|
||||
margin: 10px 0;
|
||||
line-height: 1.6;
|
||||
}
|
||||
</style>
|
||||
25
web/src/views/admin/MenuConfig.vue
Normal file
25
web/src/views/admin/MenuConfig.vue
Normal file
@@ -0,0 +1,25 @@
|
||||
<template>
|
||||
<div class="menu-config form">
|
||||
<div class="container">
|
||||
<h3>菜单配置</h3>
|
||||
<Menu />
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import Menu from '@/views/admin/Menu.vue'
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.menu-config {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.container {
|
||||
width: 100%;
|
||||
background-color: var(--el-bg-color);
|
||||
padding: 10px 20px 40px 20px;
|
||||
}
|
||||
</style>
|
||||
91
web/src/views/admin/NoticeConfig.vue
Normal file
91
web/src/views/admin/NoticeConfig.vue
Normal file
@@ -0,0 +1,91 @@
|
||||
<template>
|
||||
<div class="notice-config form" v-loading="loading">
|
||||
<div class="container">
|
||||
<h3>公告配置</h3>
|
||||
<md-editor class="mgb20" v-model="notice" :theme="store.theme" @on-upload-img="onUploadImg" />
|
||||
<el-form-item>
|
||||
<div style="padding-top: 10px; margin-left: 150px">
|
||||
<el-button type="primary" @click="save">保存</el-button>
|
||||
</div>
|
||||
</el-form-item>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import { useSharedStore } from '@/store/sharedata'
|
||||
import { httpGet, httpPost } from '@/utils/http'
|
||||
import { ElMessage } from 'element-plus'
|
||||
import MdEditor from 'md-editor-v3'
|
||||
import 'md-editor-v3/lib/style.css'
|
||||
import { onMounted, ref } from 'vue'
|
||||
|
||||
const store = useSharedStore()
|
||||
const loading = ref(true)
|
||||
const notice = ref('')
|
||||
|
||||
onMounted(() => {
|
||||
httpGet('/api/admin/config/get?key=notice')
|
||||
.then((res) => {
|
||||
notice.value = res.data?.content || ''
|
||||
})
|
||||
.catch((e) => {
|
||||
ElMessage.error('加载公告信息失败: ' + e.message)
|
||||
})
|
||||
.finally(() => {
|
||||
loading.value = false
|
||||
})
|
||||
})
|
||||
|
||||
const save = () => {
|
||||
httpPost('/api/admin/config/update', {
|
||||
key: 'notice',
|
||||
config: { content: notice.value, updated: true },
|
||||
})
|
||||
.then(() => {
|
||||
ElMessage.success('操作成功!')
|
||||
})
|
||||
.catch((e) => {
|
||||
ElMessage.error('操作失败:' + e.message)
|
||||
})
|
||||
}
|
||||
|
||||
// 编辑期文件上传处理
|
||||
const onUploadImg = (files, callback) => {
|
||||
Promise.all(
|
||||
files.map((file) => {
|
||||
return new Promise((rev, rej) => {
|
||||
const formData = new FormData()
|
||||
formData.append('file', file, file.name)
|
||||
httpPost('/api/admin/upload', formData)
|
||||
.then((res) => rev(res))
|
||||
.catch((error) => rej(error))
|
||||
})
|
||||
})
|
||||
)
|
||||
.then((res) => {
|
||||
ElMessage.success({ message: '上传成功', duration: 500 })
|
||||
callback(res.map((item) => item.data.url))
|
||||
})
|
||||
.catch((e) => {
|
||||
ElMessage.error('图片上传失败:' + e.message)
|
||||
})
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.notice-config {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.container {
|
||||
width: 100%;
|
||||
background-color: var(--el-bg-color);
|
||||
padding: 10px 20px 40px 20px;
|
||||
}
|
||||
|
||||
.mgb20 {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
</style>
|
||||
129
web/src/views/admin/PaymentConfig.vue
Normal file
129
web/src/views/admin/PaymentConfig.vue
Normal file
@@ -0,0 +1,129 @@
|
||||
<template>
|
||||
<div class="form" v-loading="loading">
|
||||
<el-tabs v-model="active">
|
||||
<el-tab-pane label="支付宝" name="alipay">
|
||||
<el-form :model="alipay" label-width="140px">
|
||||
<el-form-item label="启用通道"><el-switch v-model="alipay.enabled" /></el-form-item>
|
||||
<el-form-item label="沙盒模式"><el-switch v-model="alipay.sand_box" /></el-form-item>
|
||||
<el-form-item label="AppId"><el-input v-model="alipay.app_id" /></el-form-item>
|
||||
<el-form-item label="商户私钥"
|
||||
><el-input v-model="alipay.private_key" type="textarea" :rows="3"
|
||||
/></el-form-item>
|
||||
<el-form-item label="支付宝公钥"
|
||||
><el-input v-model="alipay.alipay_public_key" type="textarea" :rows="3"
|
||||
/></el-form-item>
|
||||
<el-form-item label="异步通知URL"><el-input v-model="alipay.notify_url" /></el-form-item>
|
||||
<el-form-item label="同步回跳URL"><el-input v-model="alipay.return_url" /></el-form-item>
|
||||
<el-form-item>
|
||||
<el-button type="primary" @click="save('alipay')">保存</el-button>
|
||||
<el-button @click="test('alipay')">测试</el-button>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</el-tab-pane>
|
||||
|
||||
<el-tab-pane label="微信支付" name="wechat">
|
||||
<el-form :model="wechat" label-width="140px">
|
||||
<el-form-item label="启用通道"><el-switch v-model="wechat.enabled" /></el-form-item>
|
||||
<el-form-item label="AppId"><el-input v-model="wechat.app_id" /></el-form-item>
|
||||
<el-form-item label="商户号(MchId)"><el-input v-model="wechat.mch_id" /></el-form-item>
|
||||
<el-form-item label="证书序列号"><el-input v-model="wechat.serial_no" /></el-form-item>
|
||||
<el-form-item label="商户私钥"
|
||||
><el-input v-model="wechat.private_key" type="textarea" :rows="3"
|
||||
/></el-form-item>
|
||||
<el-form-item label="APIv3 Key"><el-input v-model="wechat.api_v3_key" /></el-form-item>
|
||||
<el-form-item label="异步通知URL"><el-input v-model="wechat.notify_url" /></el-form-item>
|
||||
<el-form-item>
|
||||
<el-button type="primary" @click="save('wechat')">保存</el-button>
|
||||
<el-button @click="test('wechat')">测试</el-button>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</el-tab-pane>
|
||||
|
||||
<el-tab-pane label="虎皮椒" name="hupi">
|
||||
<el-form :model="hupi" label-width="140px">
|
||||
<el-form-item label="启用通道"><el-switch v-model="hupi.enabled" /></el-form-item>
|
||||
<el-form-item label="AppId"><el-input v-model="hupi.app_id" /></el-form-item>
|
||||
<el-form-item label="AppSecret"><el-input v-model="hupi.app_secret" /></el-form-item>
|
||||
<el-form-item label="网关地址"><el-input v-model="hupi.api_url" /></el-form-item>
|
||||
<el-form-item label="异步通知URL"><el-input v-model="hupi.notify_url" /></el-form-item>
|
||||
<el-form-item label="同步回跳URL"><el-input v-model="hupi.return_url" /></el-form-item>
|
||||
<el-form-item>
|
||||
<el-button type="primary" @click="save('hupi')">保存</el-button>
|
||||
<el-button @click="test('hupi')">测试</el-button>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</el-tab-pane>
|
||||
|
||||
<el-tab-pane label="GeekPay" name="geekpay">
|
||||
<el-form :model="geekpay" label-width="140px">
|
||||
<el-form-item label="启用通道"><el-switch v-model="geekpay.enabled" /></el-form-item>
|
||||
<el-form-item label="商户ID"><el-input v-model="geekpay.app_id" /></el-form-item>
|
||||
<el-form-item label="商户私钥"
|
||||
><el-input v-model="geekpay.private_key" type="textarea" :rows="3"
|
||||
/></el-form-item>
|
||||
<el-form-item label="网关地址"><el-input v-model="geekpay.api_url" /></el-form-item>
|
||||
<el-form-item label="异步通知URL"><el-input v-model="geekpay.notify_url" /></el-form-item>
|
||||
<el-form-item label="同步回跳URL"><el-input v-model="geekpay.return_url" /></el-form-item>
|
||||
<el-form-item label="支付方式"
|
||||
><items-input v-model:value="geekpay.methods"
|
||||
/></el-form-item>
|
||||
<el-form-item>
|
||||
<el-button type="primary" @click="save('geekpay')">保存</el-button>
|
||||
<el-button @click="test('geekpay')">测试</el-button>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</el-tab-pane>
|
||||
</el-tabs>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import ItemsInput from '@/components/ui/ItemsInput.vue'
|
||||
import { httpGet, httpPost } from '@/utils/http'
|
||||
import { ElMessage } from 'element-plus'
|
||||
import { onMounted, ref } from 'vue'
|
||||
|
||||
const loading = ref(true)
|
||||
const active = ref('alipay')
|
||||
|
||||
const alipay = ref({ enabled: false, sand_box: false })
|
||||
const wechat = ref({ enabled: false })
|
||||
const hupi = ref({ enabled: false })
|
||||
const geekpay = ref({ enabled: false, methods: [] })
|
||||
|
||||
onMounted(() => {
|
||||
Promise.all([
|
||||
httpGet('/api/admin/config/get?key=alipay'),
|
||||
httpGet('/api/admin/config/get?key=wechat'),
|
||||
httpGet('/api/admin/config/get?key=hupi'),
|
||||
httpGet('/api/admin/config/get?key=geekpay'),
|
||||
])
|
||||
.then(([a, w, h, g]) => {
|
||||
alipay.value = a.data || alipay.value
|
||||
wechat.value = w.data || wechat.value
|
||||
hupi.value = h.data || hupi.value
|
||||
geekpay.value = g.data || geekpay.value
|
||||
})
|
||||
.catch(() => {})
|
||||
.finally(() => (loading.value = false))
|
||||
})
|
||||
|
||||
const save = (key) => {
|
||||
const map = { alipay, wechat, hupi, geekpay }
|
||||
httpPost('/api/admin/config/update', { key, config: map[key].value })
|
||||
.then(() => ElMessage.success('保存成功'))
|
||||
.catch((e) => ElMessage.error(e.message))
|
||||
}
|
||||
|
||||
const test = (key) => {
|
||||
httpPost('/api/admin/config/test', { key })
|
||||
.then((res) => ElMessage.success(res.message || '测试成功'))
|
||||
.catch((e) => ElMessage.error(e.message || '测试失败'))
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.form {
|
||||
padding: 10px 20px 40px 20px;
|
||||
}
|
||||
</style>
|
||||
96
web/src/views/admin/PrivacyConfig.vue
Normal file
96
web/src/views/admin/PrivacyConfig.vue
Normal file
@@ -0,0 +1,96 @@
|
||||
<template>
|
||||
<div class="privacy-config form" v-loading="loading">
|
||||
<div class="container">
|
||||
<h3>隐私声明</h3>
|
||||
<md-editor
|
||||
class="mgb20"
|
||||
v-model="privacy"
|
||||
:theme="store.theme"
|
||||
@on-upload-img="onUploadImg"
|
||||
/>
|
||||
<el-form-item>
|
||||
<div style="padding-top: 10px; margin-left: 150px">
|
||||
<el-button type="primary" @click="save">保存</el-button>
|
||||
</div>
|
||||
</el-form-item>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import { useSharedStore } from '@/store/sharedata'
|
||||
import { httpGet, httpPost } from '@/utils/http'
|
||||
import { ElMessage } from 'element-plus'
|
||||
import MdEditor from 'md-editor-v3'
|
||||
import 'md-editor-v3/lib/style.css'
|
||||
import { onMounted, ref } from 'vue'
|
||||
|
||||
const store = useSharedStore()
|
||||
const loading = ref(true)
|
||||
const privacy = ref('')
|
||||
|
||||
onMounted(() => {
|
||||
httpGet('/api/admin/config/get?key=privacy')
|
||||
.then((res) => {
|
||||
privacy.value = res.data?.content || ''
|
||||
})
|
||||
.catch((e) => {
|
||||
console.warn('加载隐私政策失败: ' + e.message)
|
||||
})
|
||||
.finally(() => {
|
||||
loading.value = false
|
||||
})
|
||||
})
|
||||
|
||||
const save = () => {
|
||||
httpPost('/api/admin/config/update', {
|
||||
key: 'privacy',
|
||||
config: { content: privacy.value, updated: true },
|
||||
})
|
||||
.then(() => {
|
||||
ElMessage.success('操作成功!')
|
||||
})
|
||||
.catch((e) => {
|
||||
ElMessage.error('操作失败:' + e.message)
|
||||
})
|
||||
}
|
||||
|
||||
// 编辑期文件上传处理
|
||||
const onUploadImg = (files, callback) => {
|
||||
Promise.all(
|
||||
files.map((file) => {
|
||||
return new Promise((rev, rej) => {
|
||||
const formData = new FormData()
|
||||
formData.append('file', file, file.name)
|
||||
httpPost('/api/admin/upload', formData)
|
||||
.then((res) => rev(res))
|
||||
.catch((error) => rej(error))
|
||||
})
|
||||
})
|
||||
)
|
||||
.then((res) => {
|
||||
ElMessage.success({ message: '上传成功', duration: 500 })
|
||||
callback(res.map((item) => item.data.url))
|
||||
})
|
||||
.catch((e) => {
|
||||
ElMessage.error('图片上传失败:' + e.message)
|
||||
})
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.privacy-config {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.container {
|
||||
width: 100%;
|
||||
background-color: var(--el-bg-color);
|
||||
padding: 10px 20px 40px 20px;
|
||||
}
|
||||
|
||||
.mgb20 {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
</style>
|
||||
132
web/src/views/admin/StorageConfig.vue
Normal file
132
web/src/views/admin/StorageConfig.vue
Normal file
@@ -0,0 +1,132 @@
|
||||
<template>
|
||||
<div class="form" v-loading="loading">
|
||||
<el-form label-width="140px">
|
||||
<el-form-item label="存储引擎">
|
||||
<el-select v-model="active" style="width: 280px">
|
||||
<el-option label="本地" value="local" />
|
||||
<el-option label="MinIO" value="minio" />
|
||||
<el-option label="七牛云" value="qiniu" />
|
||||
<el-option label="阿里云OSS" value="aliyun" />
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
|
||||
<template v-if="active === 'local'">
|
||||
<el-form :model="local" label-width="140px">
|
||||
<el-form-item label="BasePath"><el-input v-model="local.base_path" /></el-form-item>
|
||||
<el-form-item label="BaseURL"><el-input v-model="local.base_url" /></el-form-item>
|
||||
</el-form>
|
||||
</template>
|
||||
|
||||
<template v-else-if="active === 'minio'">
|
||||
<el-form :model="minio" label-width="140px">
|
||||
<el-form-item label="Endpoint"><el-input v-model="minio.endpoint" /></el-form-item>
|
||||
<el-form-item label="AccessKey"><el-input v-model="minio.access_key" /></el-form-item>
|
||||
<el-form-item label="AccessSecret"
|
||||
><el-input v-model="minio.access_secret"
|
||||
/></el-form-item>
|
||||
<el-form-item label="Bucket"><el-input v-model="minio.bucket" /></el-form-item>
|
||||
<el-form-item label="UseSSL"><el-switch v-model="minio.use_ssl" /></el-form-item>
|
||||
<el-form-item label="Domain"><el-input v-model="minio.domain" /></el-form-item>
|
||||
</el-form>
|
||||
</template>
|
||||
|
||||
<template v-else-if="active === 'qiniu'">
|
||||
<el-form :model="qiniu" label-width="140px">
|
||||
<el-form-item label="Zone"><el-input v-model="qiniu.zone" /></el-form-item>
|
||||
<el-form-item label="AccessKey"><el-input v-model="qiniu.access_key" /></el-form-item>
|
||||
<el-form-item label="AccessSecret"
|
||||
><el-input v-model="qiniu.access_secret"
|
||||
/></el-form-item>
|
||||
<el-form-item label="Bucket"><el-input v-model="qiniu.bucket" /></el-form-item>
|
||||
<el-form-item label="Domain"><el-input v-model="qiniu.domain" /></el-form-item>
|
||||
</el-form>
|
||||
</template>
|
||||
|
||||
<template v-else>
|
||||
<el-form :model="aliyun" label-width="140px">
|
||||
<el-form-item label="Endpoint"><el-input v-model="aliyun.endpoint" /></el-form-item>
|
||||
<el-form-item label="AccessKey"><el-input v-model="aliyun.access_key" /></el-form-item>
|
||||
<el-form-item label="AccessSecret"
|
||||
><el-input v-model="aliyun.access_secret"
|
||||
/></el-form-item>
|
||||
<el-form-item label="Bucket"><el-input v-model="aliyun.bucket" /></el-form-item>
|
||||
<el-form-item label="SubDir"><el-input v-model="aliyun.sub_dir" /></el-form-item>
|
||||
<el-form-item label="Domain"><el-input v-model="aliyun.domain" /></el-form-item>
|
||||
</el-form>
|
||||
</template>
|
||||
|
||||
<el-form-item>
|
||||
<el-button type="primary" @click="save">保存</el-button>
|
||||
<el-button @click="test">连接测试</el-button>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import { httpGet, httpPost } from '@/utils/http'
|
||||
import { ElMessage } from 'element-plus'
|
||||
import { onMounted, ref } from 'vue'
|
||||
|
||||
const loading = ref(true)
|
||||
const active = ref('local')
|
||||
const local = ref({ base_path: '', base_url: '' })
|
||||
const minio = ref({
|
||||
endpoint: '',
|
||||
access_key: '',
|
||||
access_secret: '',
|
||||
bucket: '',
|
||||
use_ssl: false,
|
||||
domain: '',
|
||||
})
|
||||
const qiniu = ref({ zone: 'z2', access_key: '', access_secret: '', bucket: '', domain: '' })
|
||||
const aliyun = ref({
|
||||
endpoint: '',
|
||||
access_key: '',
|
||||
access_secret: '',
|
||||
bucket: '',
|
||||
sub_dir: '',
|
||||
domain: '',
|
||||
})
|
||||
|
||||
onMounted(() => {
|
||||
httpGet('/api/admin/config/get?key=oss')
|
||||
.then((res) => {
|
||||
const data = res.data || {}
|
||||
active.value = (data.active || 'local').toLowerCase()
|
||||
local.value = data.local || local.value
|
||||
minio.value = data.minio || minio.value
|
||||
qiniu.value = data.qiniu || qiniu.value
|
||||
aliyun.value = data.aliyun || aliyun.value
|
||||
})
|
||||
.catch(() => {})
|
||||
.finally(() => (loading.value = false))
|
||||
})
|
||||
|
||||
const save = () => {
|
||||
httpPost('/api/admin/config/update', {
|
||||
key: 'oss',
|
||||
config: {
|
||||
active: active.value,
|
||||
local: local.value,
|
||||
minio: minio.value,
|
||||
qiniu: qiniu.value,
|
||||
aliyun: aliyun.value,
|
||||
},
|
||||
})
|
||||
.then(() => ElMessage.success('保存成功'))
|
||||
.catch((e) => ElMessage.error(e.message))
|
||||
}
|
||||
|
||||
const test = () => {
|
||||
httpPost('/api/admin/config/test', { key: 'oss' })
|
||||
.then((res) => ElMessage.success(res.message || '连接成功'))
|
||||
.catch((e) => ElMessage.error(e.message || '连接失败'))
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.form {
|
||||
padding: 10px 20px 40px 20px;
|
||||
}
|
||||
</style>
|
||||
588
web/src/views/admin/SystemConfig.vue
Normal file
588
web/src/views/admin/SystemConfig.vue
Normal file
@@ -0,0 +1,588 @@
|
||||
<template>
|
||||
<div class="system-config form" v-loading="loading">
|
||||
<div class="container">
|
||||
<h3>系统配置</h3>
|
||||
<el-form
|
||||
:model="system"
|
||||
label-width="150px"
|
||||
label-position="right"
|
||||
ref="systemFormRef"
|
||||
:rules="rules"
|
||||
>
|
||||
<el-tabs type="border-card">
|
||||
<el-tab-pane label="基础配置">
|
||||
<el-form-item label="网站标题" prop="title">
|
||||
<el-input v-model="system['title']" />
|
||||
</el-form-item>
|
||||
<el-form-item label="控制台标题" prop="admin_title">
|
||||
<el-input v-model="system['admin_title']" />
|
||||
</el-form-item>
|
||||
<el-form-item label="网站Slogan" prop="slogan">
|
||||
<el-input v-model="system['slogan']" />
|
||||
</el-form-item>
|
||||
<el-form-item label="圆形 LOGO" prop="logo">
|
||||
<el-input v-model="system['logo']" placeholder="正方形或者圆形 Logo">
|
||||
<template #append>
|
||||
<el-upload
|
||||
:auto-upload="true"
|
||||
:show-file-list="false"
|
||||
@click="beforeUpload('logo')"
|
||||
:http-request="uploadImg"
|
||||
>
|
||||
<el-icon class="uploader-icon">
|
||||
<UploadFilled />
|
||||
</el-icon>
|
||||
</el-upload>
|
||||
</template>
|
||||
</el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="条形 LOGO" prop="logo">
|
||||
<el-input v-model="system['bar_logo']" placeholder="长方形 Logo">
|
||||
<template #append>
|
||||
<el-upload
|
||||
:auto-upload="true"
|
||||
:show-file-list="false"
|
||||
@click="beforeUpload('bar_logo')"
|
||||
:http-request="uploadImg"
|
||||
>
|
||||
<el-icon class="uploader-icon">
|
||||
<UploadFilled />
|
||||
</el-icon>
|
||||
</el-upload>
|
||||
</template>
|
||||
</el-input>
|
||||
</el-form-item>
|
||||
<el-form-item>
|
||||
<template #label>
|
||||
<div class="label-title">
|
||||
首页导航菜单
|
||||
<el-tooltip
|
||||
effect="dark"
|
||||
content="被选中的菜单将会在首页导航栏显示"
|
||||
raw-content
|
||||
placement="right"
|
||||
>
|
||||
<el-icon>
|
||||
<InfoFilled />
|
||||
</el-icon>
|
||||
</el-tooltip>
|
||||
</div>
|
||||
</template>
|
||||
<el-select
|
||||
v-model="system['index_navs']"
|
||||
multiple
|
||||
:filterable="true"
|
||||
placeholder="请选择菜单,多选"
|
||||
style="width: 100%"
|
||||
>
|
||||
<el-option
|
||||
v-for="item in menus"
|
||||
:key="item.id"
|
||||
:label="item.name"
|
||||
:value="item.id"
|
||||
/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="版权信息" prop="copyright">
|
||||
<el-input
|
||||
v-model="system['copyright']"
|
||||
placeholder="更改此选项需要获取 License 授权"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="默认昵称" prop="default_nickname">
|
||||
<el-input v-model="system['default_nickname']" placeholder="默认昵称" />
|
||||
</el-form-item>
|
||||
<el-form-item label="ICP 备案号" prop="icp">
|
||||
<el-input v-model="system['icp']" placeholder="请输入 ICP 备案号" />
|
||||
</el-form-item>
|
||||
<el-form-item>
|
||||
<template #label>
|
||||
<div class="label-title">
|
||||
开放注册
|
||||
<el-tooltip
|
||||
effect="dark"
|
||||
content="关闭注册之后只能通过管理后台添加用户"
|
||||
raw-content
|
||||
placement="right"
|
||||
>
|
||||
<el-icon>
|
||||
<InfoFilled />
|
||||
</el-icon>
|
||||
</el-tooltip>
|
||||
</div>
|
||||
</template>
|
||||
<el-switch v-model="system['enabled_register']" />
|
||||
</el-form-item>
|
||||
<el-form-item>
|
||||
<template #label>
|
||||
<div class="label-title">
|
||||
启用验证码
|
||||
<el-tooltip
|
||||
effect="dark"
|
||||
content="启用验证码之后,注册登录都会加载行为验证码,增加安全性。此功能需要购买验证码服务才会生效。"
|
||||
raw-content
|
||||
placement="right"
|
||||
>
|
||||
<el-icon>
|
||||
<InfoFilled />
|
||||
</el-icon>
|
||||
</el-tooltip>
|
||||
</div>
|
||||
</template>
|
||||
<el-switch v-model="system['enabled_verify']" />
|
||||
</el-form-item>
|
||||
<el-form-item label="注册方式" prop="register_ways">
|
||||
<el-checkbox-group v-model="system['register_ways']">
|
||||
<el-checkbox value="mobile">手机注册</el-checkbox>
|
||||
<el-checkbox value="email">邮箱注册</el-checkbox>
|
||||
<el-checkbox value="username">用户名注册</el-checkbox>
|
||||
</el-checkbox-group>
|
||||
</el-form-item>
|
||||
<el-form-item label="邮件域名白名单" prop="register_ways">
|
||||
<items-input v-model:value="system['email_white_list']" />
|
||||
</el-form-item>
|
||||
<el-form-item label="微信客服二维码" prop="wechat_card_url">
|
||||
<el-input v-model="system['wechat_card_url']" placeholder="微信客服二维码">
|
||||
<template #append>
|
||||
<el-upload
|
||||
:auto-upload="true"
|
||||
:show-file-list="false"
|
||||
@click="beforeUpload('wechat_card_url')"
|
||||
:http-request="uploadImg"
|
||||
>
|
||||
<el-icon class="uploader-icon">
|
||||
<UploadFilled />
|
||||
</el-icon>
|
||||
</el-upload>
|
||||
</template>
|
||||
</el-input>
|
||||
</el-form-item>
|
||||
<el-form-item>
|
||||
<template #label>
|
||||
<div class="label-title">
|
||||
系统辅助AI模型
|
||||
<el-tooltip
|
||||
effect="dark"
|
||||
content="用来辅助用户生成提示词,翻译的AI模型,默认使用 gpt-4o-mini"
|
||||
raw-content
|
||||
placement="right"
|
||||
>
|
||||
<el-icon>
|
||||
<InfoFilled />
|
||||
</el-icon>
|
||||
</el-tooltip>
|
||||
</div>
|
||||
</template>
|
||||
<el-select
|
||||
v-model.number="system['assistant_model_id']"
|
||||
:filterable="true"
|
||||
placeholder="选择一个系统辅助AI模型"
|
||||
style="width: 100%"
|
||||
>
|
||||
<el-option
|
||||
v-for="item in models"
|
||||
:key="item.id"
|
||||
:label="item.name"
|
||||
:value="item.id"
|
||||
/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="开启聊天上下文">
|
||||
<el-switch v-model="system['enable_context']" />
|
||||
</el-form-item>
|
||||
<el-form-item label="会话上下文深度">
|
||||
<div class="tip-input-line">
|
||||
<el-input-number v-model="system['context_deep']" :min="0" :max="10" />
|
||||
<div class="tip">
|
||||
会话上下文深度:在老会话中继续会话,默认加载多少条聊天记录作为上下文。如果设置为 0
|
||||
则不加载聊天记录,仅仅使用当前角色的上下文。该配置参数必须设置需要为偶数。
|
||||
</div>
|
||||
</div>
|
||||
</el-form-item>
|
||||
<el-form-item>
|
||||
<template #label>
|
||||
<div class="label-title">
|
||||
SD反向提示词
|
||||
<el-tooltip
|
||||
effect="dark"
|
||||
content="Stable-Diffusion 绘画默认反向提示词"
|
||||
raw-content
|
||||
placement="right"
|
||||
>
|
||||
<el-icon>
|
||||
<InfoFilled />
|
||||
</el-icon>
|
||||
</el-tooltip>
|
||||
</div>
|
||||
</template>
|
||||
<el-input
|
||||
type="textarea"
|
||||
:rows="2"
|
||||
v-model="system['sd_neg_prompt']"
|
||||
placeholder=""
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="会员充值说明" prop="order_pay_timeout">
|
||||
<template #label>
|
||||
<div class="label-title">
|
||||
会员充值说明
|
||||
<el-tooltip
|
||||
effect="dark"
|
||||
content="会员充值页面的充值说明文字"
|
||||
raw-content
|
||||
placement="right"
|
||||
>
|
||||
<el-icon>
|
||||
<InfoFilled />
|
||||
</el-icon>
|
||||
</el-tooltip>
|
||||
</div>
|
||||
</template>
|
||||
<el-input
|
||||
type="textarea"
|
||||
:rows="2"
|
||||
v-model="system['vip_info_text']"
|
||||
placeholder=""
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="MJ默认API模式" prop="mj_mode">
|
||||
<el-select v-model="system['mj_mode']" placeholder="请选择模式">
|
||||
<el-option
|
||||
v-for="item in mjModels"
|
||||
:value="item.value"
|
||||
:label="item.name"
|
||||
:key="item.value"
|
||||
>{{ item.name }}
|
||||
</el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="上传文件限制" prop="max_file_size">
|
||||
<el-input
|
||||
v-model.number="system['max_file_size']"
|
||||
placeholder="最大上传文件大小,单位:MB"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-tab-pane>
|
||||
|
||||
<el-tab-pane label="算力配置">
|
||||
<el-form-item label="注册赠送算力" prop="init_power">
|
||||
<el-input v-model.number="system['init_power']" placeholder="新用户注册赠送算力" />
|
||||
</el-form-item>
|
||||
<el-form-item label="邀请赠送算力" prop="invite_power">
|
||||
<el-input
|
||||
v-model.number="system['invite_power']"
|
||||
placeholder="邀请新用户注册赠送算力"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="VIP每月赠送算力" prop="vip_month_power">
|
||||
<el-input
|
||||
v-model.number="system['vip_month_power']"
|
||||
placeholder="VIP用户每月赠送算力"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item>
|
||||
<template #label>
|
||||
<div class="label-title">
|
||||
签到赠送算力
|
||||
<el-tooltip
|
||||
effect="dark"
|
||||
content="每日签到赠送算力"
|
||||
raw-content
|
||||
placement="right"
|
||||
>
|
||||
<el-icon>
|
||||
<InfoFilled />
|
||||
</el-icon>
|
||||
</el-tooltip>
|
||||
</div>
|
||||
</template>
|
||||
<el-input v-model.number="system['daily_power']" placeholder="默认值0" />
|
||||
</el-form-item>
|
||||
<el-form-item>
|
||||
<template #label>
|
||||
<div class="label-title">
|
||||
MJ绘图算力
|
||||
<el-tooltip
|
||||
effect="dark"
|
||||
content="使用MidJourney画一张图消耗算力"
|
||||
raw-content
|
||||
placement="right"
|
||||
>
|
||||
<el-icon>
|
||||
<InfoFilled />
|
||||
</el-icon>
|
||||
</el-tooltip>
|
||||
</div>
|
||||
</template>
|
||||
<el-input v-model.number="system['mj_power']" placeholder="" />
|
||||
</el-form-item>
|
||||
<el-form-item label="Stable-Diffusion算力" prop="sd_power">
|
||||
<el-input
|
||||
v-model.number="system['sd_power']"
|
||||
placeholder="使用Stable-Diffusion画一张图消耗算力"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item>
|
||||
<template #label>
|
||||
<div class="label-title">
|
||||
DALL-E-3算力
|
||||
<el-tooltip
|
||||
effect="dark"
|
||||
content="使用DALL-E-3画一张图消耗算力"
|
||||
raw-content
|
||||
placement="right"
|
||||
>
|
||||
<el-icon>
|
||||
<InfoFilled />
|
||||
</el-icon>
|
||||
</el-tooltip>
|
||||
</div>
|
||||
</template>
|
||||
<el-input
|
||||
v-model.number="system['dall_power']"
|
||||
placeholder="使用DALL-E-3画一张图消耗算力"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="Suno 算力" prop="suno_power">
|
||||
<el-input
|
||||
v-model.number="system['suno_power']"
|
||||
placeholder="使用 Suno 生成一首音乐消耗算力"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="Luma 算力" prop="luma_power">
|
||||
<el-input
|
||||
v-model.number="system['luma_power']"
|
||||
placeholder="使用 Luma 生成一段视频消耗算力"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item>
|
||||
<template #label>
|
||||
<div class="label-title">
|
||||
可灵算力
|
||||
<el-tooltip
|
||||
effect="dark"
|
||||
content="可灵每个模型价格不一样,具体请参考:https://api.geekai.pro/models"
|
||||
raw-content
|
||||
placement="right"
|
||||
>
|
||||
<el-icon>
|
||||
<InfoFilled />
|
||||
</el-icon>
|
||||
</el-tooltip>
|
||||
</div>
|
||||
</template>
|
||||
<el-row :gutter="20" v-if="system['keling_powers']">
|
||||
<el-col
|
||||
:span="6"
|
||||
v-for="[key] in Object.entries(system['keling_powers'])"
|
||||
:key="key"
|
||||
>
|
||||
<el-form-item :label="key" label-position="left">
|
||||
<el-input v-model.number="system['keling_powers'][key]" size="small" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</el-form-item>
|
||||
<el-form-item>
|
||||
<template #label>
|
||||
<div class="label-title">
|
||||
高级语音算力
|
||||
<el-tooltip
|
||||
effect="dark"
|
||||
content="使用一次 OpenAI 高级语音对话消耗的算力"
|
||||
raw-content
|
||||
placement="right"
|
||||
>
|
||||
<el-icon>
|
||||
<InfoFilled />
|
||||
</el-icon>
|
||||
</el-tooltip>
|
||||
</div>
|
||||
</template>
|
||||
<el-input v-model.number="system['advance_voice_power']" placeholder="" />
|
||||
</el-form-item>
|
||||
<el-form-item>
|
||||
<template #label>
|
||||
<div class="label-title">
|
||||
提示词算力
|
||||
<el-tooltip
|
||||
effect="dark"
|
||||
content="生成AI绘图提示词,歌词,视频描述消耗的算力"
|
||||
raw-content
|
||||
placement="right"
|
||||
>
|
||||
<el-icon>
|
||||
<InfoFilled />
|
||||
</el-icon>
|
||||
</el-tooltip>
|
||||
</div>
|
||||
</template>
|
||||
<el-input v-model.number="system['prompt_power']" placeholder="" />
|
||||
</el-form-item>
|
||||
</el-tab-pane>
|
||||
</el-tabs>
|
||||
|
||||
<div style="padding: 10px">
|
||||
<el-form-item>
|
||||
<el-button type="primary" @click="save">保存</el-button>
|
||||
</el-form-item>
|
||||
</div>
|
||||
</el-form>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import ItemsInput from '@/components/ui/ItemsInput.vue'
|
||||
import { useSharedStore } from '@/store/sharedata'
|
||||
import { httpGet, httpPost } from '@/utils/http'
|
||||
import { copyObj } from '@/utils/libs'
|
||||
import { InfoFilled, UploadFilled } from '@element-plus/icons-vue'
|
||||
import Compressor from 'compressorjs'
|
||||
import { ElMessage } from 'element-plus'
|
||||
import { onMounted, reactive, ref } from 'vue'
|
||||
|
||||
const system = ref({ models: [] })
|
||||
const configBak = ref({})
|
||||
const loading = ref(true)
|
||||
const systemFormRef = ref(null)
|
||||
const models = ref([])
|
||||
const menus = ref([])
|
||||
const mjModels = ref([
|
||||
{ name: '慢速(Relax)', value: 'relax' },
|
||||
{ name: '快速(Fast)', value: 'fast' },
|
||||
{ name: '急速(Turbo)', value: 'turbo' },
|
||||
])
|
||||
const store = useSharedStore()
|
||||
|
||||
onMounted(() => {
|
||||
// 加载系统配置
|
||||
httpGet('/api/admin/config/get?key=system')
|
||||
.then((res) => {
|
||||
system.value = res.data
|
||||
system.value.keling_powers = system.value.keling_powers || {
|
||||
'kling-v1-6_std_5': 240,
|
||||
'kling-v1-6_std_10': 480,
|
||||
'kling-v1-6_pro_5': 420,
|
||||
'kling-v1-6_pro_10': 840,
|
||||
'kling-v1-5_std_5': 240,
|
||||
'kling-v1-5_std_10': 480,
|
||||
'kling-v1-5_pro_5': 420,
|
||||
'kling-v1-5_pro_10': 840,
|
||||
'kling-v1_std_5': 120,
|
||||
'kling-v1_std_10': 240,
|
||||
'kling-v1_pro_5': 420,
|
||||
'kling-v1_pro_10': 840,
|
||||
}
|
||||
configBak.value = copyObj(system.value)
|
||||
})
|
||||
.catch((e) => {
|
||||
ElMessage.error('加载系统配置失败: ' + e.message)
|
||||
})
|
||||
|
||||
httpGet('/api/admin/model/list')
|
||||
.then((res) => {
|
||||
models.value = res.data
|
||||
loading.value = false
|
||||
})
|
||||
.catch((e) => {
|
||||
ElMessage.error('获取模型失败:' + e.message)
|
||||
})
|
||||
|
||||
httpGet('/api/admin/menu/list')
|
||||
.then((res) => {
|
||||
menus.value = res.data
|
||||
})
|
||||
.catch((e) => {
|
||||
ElMessage.error('获取菜单失败:' + e.message)
|
||||
})
|
||||
})
|
||||
|
||||
const rules = reactive({
|
||||
title: [{ required: true, message: '请输入网站标题', trigger: 'blur' }],
|
||||
admin_title: [{ required: true, message: '请输入控制台标题', trigger: 'blur' }],
|
||||
init_chat_calls: [{ required: true, message: '请输入赠送对话次数', trigger: 'blur' }],
|
||||
user_img_calls: [{ required: true, message: '请输入赠送绘图次数', trigger: 'blur' }],
|
||||
})
|
||||
|
||||
const save = function () {
|
||||
systemFormRef.value.validate((valid) => {
|
||||
if (valid) {
|
||||
httpPost('/api/admin/config/update', {
|
||||
key: 'system',
|
||||
config: system.value,
|
||||
config_bak: configBak.value,
|
||||
})
|
||||
.then(() => {
|
||||
ElMessage.success('操作成功!')
|
||||
})
|
||||
.catch((e) => {
|
||||
ElMessage.error('操作失败:' + e.message)
|
||||
})
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
const configKey = ref('')
|
||||
const beforeUpload = (key) => {
|
||||
configKey.value = key
|
||||
}
|
||||
|
||||
// 图片上传
|
||||
const uploadImg = (file) => {
|
||||
// 压缩图片并上传
|
||||
new Compressor(file.file, {
|
||||
quality: 0.6,
|
||||
success(result) {
|
||||
const formData = new FormData()
|
||||
formData.append('file', result, result.name)
|
||||
// 执行上传操作
|
||||
httpPost('/api/admin/upload', formData)
|
||||
.then((res) => {
|
||||
system.value[configKey.value] = res.data.url
|
||||
ElMessage.success('上传成功')
|
||||
})
|
||||
.catch((e) => {
|
||||
ElMessage.error('上传失败:' + e.message)
|
||||
})
|
||||
},
|
||||
error(e) {
|
||||
ElMessage.error('上传失败:' + e.message)
|
||||
},
|
||||
})
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
@use '../../assets/css/admin/form.scss' as *;
|
||||
@use '../../assets/css/main.scss' as *;
|
||||
|
||||
.system-config {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.container {
|
||||
width: 100%;
|
||||
background-color: var(--el-bg-color);
|
||||
padding: 10px 20px 40px 20px;
|
||||
}
|
||||
|
||||
.label-title {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 5px;
|
||||
}
|
||||
|
||||
.tip-input-line {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 10px;
|
||||
}
|
||||
|
||||
.tip {
|
||||
color: #666;
|
||||
font-size: 12px;
|
||||
line-height: 1.4;
|
||||
}
|
||||
</style>
|
||||
Reference in New Issue
Block a user