feat: 路由优化
This commit is contained in:
@@ -33,7 +33,7 @@ RUN go mod download
|
|||||||
COPY . .
|
COPY . .
|
||||||
|
|
||||||
# Copy the built frontend from the previous stage
|
# Copy the built frontend from the previous stage
|
||||||
COPY --from=frontend-builder /app/web/dist ./web/dist
|
COPY --from=frontend-builder /app/web/dist ./cmd/gpt-load/dist
|
||||||
|
|
||||||
# Build the Go application
|
# Build the Go application
|
||||||
# We use CGO_ENABLED=0 to create a static binary
|
# We use CGO_ENABLED=0 to create a static binary
|
||||||
|
@@ -1,6 +1,21 @@
|
|||||||
package main
|
package main
|
||||||
|
|
||||||
import "embed"
|
import (
|
||||||
|
"embed"
|
||||||
|
"io/fs"
|
||||||
|
"log"
|
||||||
|
)
|
||||||
|
|
||||||
//go:embed all:dist
|
//go:embed all:dist
|
||||||
var WebUI embed.FS
|
var content embed.FS
|
||||||
|
|
||||||
|
// WebUI is the filesystem for the embedded web UI.
|
||||||
|
var WebUI fs.FS
|
||||||
|
|
||||||
|
func init() {
|
||||||
|
var err error
|
||||||
|
WebUI, err = fs.Sub(content, "dist")
|
||||||
|
if err != nil {
|
||||||
|
log.Fatalf("Failed to create sub filesystem for UI: %v", err)
|
||||||
|
}
|
||||||
|
}
|
@@ -5,13 +5,10 @@ import (
|
|||||||
"context"
|
"context"
|
||||||
"fmt"
|
"fmt"
|
||||||
"io"
|
"io"
|
||||||
"io/fs"
|
|
||||||
"net/http"
|
"net/http"
|
||||||
"os"
|
"os"
|
||||||
"os/signal"
|
"os/signal"
|
||||||
"path"
|
|
||||||
"path/filepath"
|
"path/filepath"
|
||||||
"strings"
|
|
||||||
"sync"
|
"sync"
|
||||||
"syscall"
|
"syscall"
|
||||||
"time"
|
"time"
|
||||||
@@ -19,12 +16,11 @@ import (
|
|||||||
"gpt-load/internal/config"
|
"gpt-load/internal/config"
|
||||||
"gpt-load/internal/db"
|
"gpt-load/internal/db"
|
||||||
"gpt-load/internal/handler"
|
"gpt-load/internal/handler"
|
||||||
"gpt-load/internal/middleware"
|
|
||||||
"gpt-load/internal/models"
|
"gpt-load/internal/models"
|
||||||
"gpt-load/internal/proxy"
|
"gpt-load/internal/proxy"
|
||||||
|
"gpt-load/internal/router" // <-- 引入新的 router 包
|
||||||
"gpt-load/internal/types"
|
"gpt-load/internal/types"
|
||||||
|
|
||||||
"github.com/gin-gonic/gin"
|
|
||||||
"github.com/sirupsen/logrus"
|
"github.com/sirupsen/logrus"
|
||||||
"gorm.io/gorm"
|
"gorm.io/gorm"
|
||||||
)
|
)
|
||||||
@@ -48,7 +44,6 @@ func main() {
|
|||||||
// Display startup information
|
// Display startup information
|
||||||
displayStartupInfo(configManager)
|
displayStartupInfo(configManager)
|
||||||
|
|
||||||
|
|
||||||
// --- Asynchronous Request Logging Setup ---
|
// --- Asynchronous Request Logging Setup ---
|
||||||
requestLogChan := make(chan models.RequestLog, 1000)
|
requestLogChan := make(chan models.RequestLog, 1000)
|
||||||
var wg sync.WaitGroup
|
var wg sync.WaitGroup
|
||||||
@@ -66,14 +61,14 @@ func main() {
|
|||||||
// Create handlers
|
// Create handlers
|
||||||
serverHandler := handler.NewServer(database, configManager)
|
serverHandler := handler.NewServer(database, configManager)
|
||||||
|
|
||||||
// Setup routes
|
// Setup routes using the new router package
|
||||||
router := setupRoutes(serverHandler, proxyServer, configManager)
|
appRouter := router.New(serverHandler, proxyServer, configManager, WebUI)
|
||||||
|
|
||||||
// Create HTTP server with optimized timeout configuration
|
// Create HTTP server with optimized timeout configuration
|
||||||
serverConfig := configManager.GetServerConfig()
|
serverConfig := configManager.GetServerConfig()
|
||||||
server := &http.Server{
|
server := &http.Server{
|
||||||
Addr: fmt.Sprintf("%s:%d", serverConfig.Host, serverConfig.Port),
|
Addr: fmt.Sprintf("%s:%d", serverConfig.Host, serverConfig.Port),
|
||||||
Handler: router,
|
Handler: appRouter,
|
||||||
ReadTimeout: time.Duration(serverConfig.ReadTimeout) * time.Second,
|
ReadTimeout: time.Duration(serverConfig.ReadTimeout) * time.Second,
|
||||||
WriteTimeout: time.Duration(serverConfig.WriteTimeout) * time.Second,
|
WriteTimeout: time.Duration(serverConfig.WriteTimeout) * time.Second,
|
||||||
IdleTimeout: time.Duration(serverConfig.IdleTimeout) * time.Second,
|
IdleTimeout: time.Duration(serverConfig.IdleTimeout) * time.Second,
|
||||||
@@ -117,83 +112,8 @@ func main() {
|
|||||||
logrus.Info("Server exited gracefully")
|
logrus.Info("Server exited gracefully")
|
||||||
}
|
}
|
||||||
|
|
||||||
// setupRoutes configures the HTTP routes
|
// setupLogger, displayStartupInfo, and startRequestLogger functions remain unchanged.
|
||||||
func setupRoutes(serverHandler *handler.Server, proxyServer *proxy.ProxyServer, configManager types.ConfigManager) *gin.Engine {
|
// The old setupRoutes and ServeUI functions are now removed from this file.
|
||||||
// Set Gin mode
|
|
||||||
gin.SetMode(gin.ReleaseMode)
|
|
||||||
|
|
||||||
router := gin.New()
|
|
||||||
|
|
||||||
// Add server start time middleware for uptime calculation
|
|
||||||
startTime := time.Now()
|
|
||||||
router.Use(func(c *gin.Context) {
|
|
||||||
c.Set("serverStartTime", startTime)
|
|
||||||
c.Next()
|
|
||||||
})
|
|
||||||
|
|
||||||
// Add middleware
|
|
||||||
router.Use(middleware.Recovery())
|
|
||||||
router.Use(middleware.ErrorHandler())
|
|
||||||
router.Use(middleware.Logger(configManager.GetLogConfig()))
|
|
||||||
router.Use(middleware.CORS(configManager.GetCORSConfig()))
|
|
||||||
router.Use(middleware.RateLimiter(configManager.GetPerformanceConfig()))
|
|
||||||
|
|
||||||
// Add authentication middleware if enabled
|
|
||||||
if configManager.GetAuthConfig().Enabled {
|
|
||||||
router.Use(middleware.Auth(configManager.GetAuthConfig()))
|
|
||||||
}
|
|
||||||
|
|
||||||
// Management endpoints
|
|
||||||
router.GET("/health", serverHandler.Health)
|
|
||||||
router.GET("/stats", serverHandler.Stats)
|
|
||||||
router.GET("/config", serverHandler.GetConfig) // Debug endpoint
|
|
||||||
|
|
||||||
// Register API routes for group and key management
|
|
||||||
api := router.Group("/api")
|
|
||||||
serverHandler.RegisterAPIRoutes(api)
|
|
||||||
|
|
||||||
// Register the main proxy route
|
|
||||||
proxy := router.Group("/proxy")
|
|
||||||
proxyServer.RegisterProxyRoutes(proxy)
|
|
||||||
|
|
||||||
// Handle 405 Method Not Allowed
|
|
||||||
router.NoMethod(serverHandler.MethodNotAllowed)
|
|
||||||
|
|
||||||
// Serve the frontend UI for all other requests
|
|
||||||
router.NoRoute(ServeUI())
|
|
||||||
|
|
||||||
return router
|
|
||||||
}
|
|
||||||
|
|
||||||
// ServeUI returns a gin.HandlerFunc to serve the embedded frontend UI.
|
|
||||||
func ServeUI() gin.HandlerFunc {
|
|
||||||
subFS, err := fs.Sub(WebUI, "dist")
|
|
||||||
if err != nil {
|
|
||||||
// This should not happen at runtime if embed is correct.
|
|
||||||
// Panic is acceptable here as it's a startup failure.
|
|
||||||
panic(fmt.Sprintf("Failed to create sub filesystem for UI: %v", err))
|
|
||||||
}
|
|
||||||
fileServer := http.FileServer(http.FS(subFS))
|
|
||||||
|
|
||||||
return func(c *gin.Context) {
|
|
||||||
// Clean the path to prevent directory traversal attacks.
|
|
||||||
upath := path.Clean(c.Request.URL.Path)
|
|
||||||
if !strings.HasPrefix(upath, "/") {
|
|
||||||
upath = "/" + upath
|
|
||||||
}
|
|
||||||
|
|
||||||
// Check if the file exists in the embedded filesystem.
|
|
||||||
_, err := subFS.Open(strings.TrimPrefix(upath, "/"))
|
|
||||||
if os.IsNotExist(err) {
|
|
||||||
// The file does not exist, so we serve index.html for SPA routing.
|
|
||||||
// This allows the Vue router to handle the path.
|
|
||||||
c.Request.URL.Path = "/"
|
|
||||||
}
|
|
||||||
|
|
||||||
// Let the http.FileServer handle the request.
|
|
||||||
fileServer.ServeHTTP(c.Writer, c.Request)
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// setupLogger configures the logging system
|
// setupLogger configures the logging system
|
||||||
func setupLogger(configManager types.ConfigManager) {
|
func setupLogger(configManager types.ConfigManager) {
|
||||||
|
@@ -48,7 +48,7 @@ func InitDB() (*gorm.DB, error) {
|
|||||||
sqlDB.SetMaxOpenConns(100)
|
sqlDB.SetMaxOpenConns(100)
|
||||||
sqlDB.SetConnMaxLifetime(time.Hour)
|
sqlDB.SetConnMaxLifetime(time.Hour)
|
||||||
|
|
||||||
// Auto-migrate models
|
if os.Getenv("DB_AUTO_MIGRATE") != "false" {
|
||||||
err = DB.AutoMigrate(
|
err = DB.AutoMigrate(
|
||||||
&models.SystemSetting{},
|
&models.SystemSetting{},
|
||||||
&models.Group{},
|
&models.Group{},
|
||||||
@@ -58,6 +58,7 @@ func InitDB() (*gorm.DB, error) {
|
|||||||
if err != nil {
|
if err != nil {
|
||||||
return nil, fmt.Errorf("failed to auto-migrate database: %w", err)
|
return nil, fmt.Errorf("failed to auto-migrate database: %w", err)
|
||||||
}
|
}
|
||||||
|
}
|
||||||
|
|
||||||
fmt.Println("Database connection initialized and models migrated.")
|
fmt.Println("Database connection initialized and models migrated.")
|
||||||
return DB, nil
|
return DB, nil
|
||||||
|
@@ -42,13 +42,11 @@ func (s *Server) RegisterAPIRoutes(api *gin.RouterGroup) {
|
|||||||
{
|
{
|
||||||
keys.POST("", s.CreateKeysInGroup)
|
keys.POST("", s.CreateKeysInGroup)
|
||||||
keys.GET("", s.ListKeysInGroup)
|
keys.GET("", s.ListKeysInGroup)
|
||||||
|
keys.PUT("/:key_id", s.UpdateKey)
|
||||||
|
keys.DELETE("", s.DeleteKeys)
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
// Key management routes
|
|
||||||
api.PUT("/keys/:key_id", s.UpdateKey)
|
|
||||||
api.DELETE("/keys", s.DeleteKeys)
|
|
||||||
|
|
||||||
// Dashboard and logs routes
|
// Dashboard and logs routes
|
||||||
dashboard := api.Group("/dashboard")
|
dashboard := api.Group("/dashboard")
|
||||||
{
|
{
|
||||||
@@ -100,15 +98,6 @@ func (s *Server) Health(c *gin.Context) {
|
|||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
|
||||||
// MethodNotAllowed handles 405 requests
|
|
||||||
func (s *Server) MethodNotAllowed(c *gin.Context) {
|
|
||||||
c.JSON(http.StatusMethodNotAllowed, gin.H{
|
|
||||||
"error": "Method not allowed",
|
|
||||||
"path": c.Request.URL.Path,
|
|
||||||
"method": c.Request.Method,
|
|
||||||
"timestamp": time.Now().UTC().Format(time.RFC3339),
|
|
||||||
})
|
|
||||||
}
|
|
||||||
|
|
||||||
// GetConfig returns configuration information (for debugging)
|
// GetConfig returns configuration information (for debugging)
|
||||||
func (s *Server) GetConfig(c *gin.Context) {
|
func (s *Server) GetConfig(c *gin.Context) {
|
||||||
|
@@ -64,6 +64,12 @@ func (s *Server) ListKeysInGroup(c *gin.Context) {
|
|||||||
|
|
||||||
// UpdateKey handles updating a specific key.
|
// UpdateKey handles updating a specific key.
|
||||||
func (s *Server) UpdateKey(c *gin.Context) {
|
func (s *Server) UpdateKey(c *gin.Context) {
|
||||||
|
groupID, err := strconv.Atoi(c.Param("id"))
|
||||||
|
if err != nil {
|
||||||
|
response.Error(c, http.StatusBadRequest, "Invalid group ID")
|
||||||
|
return
|
||||||
|
}
|
||||||
|
|
||||||
keyID, err := strconv.Atoi(c.Param("key_id"))
|
keyID, err := strconv.Atoi(c.Param("key_id"))
|
||||||
if err != nil {
|
if err != nil {
|
||||||
response.Error(c, http.StatusBadRequest, "Invalid key ID")
|
response.Error(c, http.StatusBadRequest, "Invalid key ID")
|
||||||
@@ -71,8 +77,8 @@ func (s *Server) UpdateKey(c *gin.Context) {
|
|||||||
}
|
}
|
||||||
|
|
||||||
var key models.APIKey
|
var key models.APIKey
|
||||||
if err := s.DB.First(&key, keyID).Error; err != nil {
|
if err := s.DB.Where("group_id = ? AND id = ?", groupID, keyID).First(&key).Error; err != nil {
|
||||||
response.Error(c, http.StatusNotFound, "Key not found")
|
response.Error(c, http.StatusNotFound, "Key not found in this group")
|
||||||
return
|
return
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -99,6 +105,12 @@ type DeleteKeysRequest struct {
|
|||||||
|
|
||||||
// DeleteKeys handles deleting one or more keys.
|
// DeleteKeys handles deleting one or more keys.
|
||||||
func (s *Server) DeleteKeys(c *gin.Context) {
|
func (s *Server) DeleteKeys(c *gin.Context) {
|
||||||
|
groupID, err := strconv.Atoi(c.Param("id"))
|
||||||
|
if err != nil {
|
||||||
|
response.Error(c, http.StatusBadRequest, "Invalid group ID")
|
||||||
|
return
|
||||||
|
}
|
||||||
|
|
||||||
var req DeleteKeysRequest
|
var req DeleteKeysRequest
|
||||||
if err := c.ShouldBindJSON(&req); err != nil {
|
if err := c.ShouldBindJSON(&req); err != nil {
|
||||||
response.Error(c, http.StatusBadRequest, "Invalid request body")
|
response.Error(c, http.StatusBadRequest, "Invalid request body")
|
||||||
@@ -110,10 +122,30 @@ func (s *Server) DeleteKeys(c *gin.Context) {
|
|||||||
return
|
return
|
||||||
}
|
}
|
||||||
|
|
||||||
if err := s.DB.Delete(&models.APIKey{}, req.KeyIDs).Error; err != nil {
|
// Start a transaction
|
||||||
|
tx := s.DB.Begin()
|
||||||
|
|
||||||
|
// Verify all keys belong to the specified group
|
||||||
|
var count int64
|
||||||
|
if err := tx.Model(&models.APIKey{}).Where("id IN ? AND group_id = ?", req.KeyIDs, groupID).Count(&count).Error; err != nil {
|
||||||
|
tx.Rollback()
|
||||||
|
response.Error(c, http.StatusInternalServerError, "Failed to verify keys")
|
||||||
|
return
|
||||||
|
}
|
||||||
|
|
||||||
|
if count != int64(len(req.KeyIDs)) {
|
||||||
|
tx.Rollback()
|
||||||
|
response.Error(c, http.StatusForbidden, "One or more keys do not belong to the specified group")
|
||||||
|
return
|
||||||
|
}
|
||||||
|
|
||||||
|
// Delete the keys
|
||||||
|
if err := tx.Where("id IN ?", req.KeyIDs).Delete(&models.APIKey{}).Error; err != nil {
|
||||||
|
tx.Rollback()
|
||||||
response.Error(c, http.StatusInternalServerError, "Failed to delete keys")
|
response.Error(c, http.StatusInternalServerError, "Failed to delete keys")
|
||||||
return
|
return
|
||||||
}
|
}
|
||||||
|
|
||||||
|
tx.Commit()
|
||||||
response.Success(c, gin.H{"message": "Keys deleted successfully"})
|
response.Success(c, gin.H{"message": "Keys deleted successfully"})
|
||||||
}
|
}
|
88
internal/router/router.go
Normal file
88
internal/router/router.go
Normal file
@@ -0,0 +1,88 @@
|
|||||||
|
package router
|
||||||
|
|
||||||
|
import (
|
||||||
|
"gpt-load/internal/handler"
|
||||||
|
"gpt-load/internal/middleware"
|
||||||
|
"gpt-load/internal/proxy"
|
||||||
|
"gpt-load/internal/types"
|
||||||
|
"io/fs"
|
||||||
|
"net/http"
|
||||||
|
"strings"
|
||||||
|
"time"
|
||||||
|
|
||||||
|
"github.com/gin-gonic/gin"
|
||||||
|
)
|
||||||
|
|
||||||
|
// New 创建并配置一个完整的 gin.Engine 实例
|
||||||
|
func New(
|
||||||
|
serverHandler *handler.Server,
|
||||||
|
proxyServer *proxy.ProxyServer,
|
||||||
|
configManager types.ConfigManager,
|
||||||
|
webUI fs.FS,
|
||||||
|
) *gin.Engine {
|
||||||
|
// 设置 Gin 模式
|
||||||
|
gin.SetMode(gin.ReleaseMode)
|
||||||
|
|
||||||
|
router := gin.New()
|
||||||
|
|
||||||
|
// 注册全局中间件
|
||||||
|
router.Use(middleware.Recovery())
|
||||||
|
router.Use(middleware.ErrorHandler())
|
||||||
|
router.Use(middleware.Logger(configManager.GetLogConfig()))
|
||||||
|
router.Use(middleware.CORS(configManager.GetCORSConfig()))
|
||||||
|
router.Use(middleware.RateLimiter(configManager.GetPerformanceConfig()))
|
||||||
|
|
||||||
|
// 添加服务器启动时间中间件
|
||||||
|
startTime := time.Now()
|
||||||
|
router.Use(func(c *gin.Context) {
|
||||||
|
c.Set("serverStartTime", startTime)
|
||||||
|
c.Next()
|
||||||
|
})
|
||||||
|
|
||||||
|
// 注册 Web UI 和通用端点
|
||||||
|
router.GET("/health", serverHandler.Health)
|
||||||
|
router.GET("/stats", serverHandler.Stats)
|
||||||
|
router.GET("/config", serverHandler.GetConfig) // Debug endpoint
|
||||||
|
|
||||||
|
// 注册管理 API 路由
|
||||||
|
api := router.Group("/api")
|
||||||
|
authConfig := configManager.GetAuthConfig()
|
||||||
|
if authConfig.Enabled {
|
||||||
|
api.Use(middleware.Auth(authConfig))
|
||||||
|
}
|
||||||
|
serverHandler.RegisterAPIRoutes(api)
|
||||||
|
|
||||||
|
// 注册代理路由
|
||||||
|
proxyGroup := router.Group("/proxy")
|
||||||
|
if authConfig.Enabled {
|
||||||
|
proxyGroup.Use(middleware.Auth(authConfig))
|
||||||
|
}
|
||||||
|
proxyServer.RegisterProxyRoutes(proxyGroup)
|
||||||
|
|
||||||
|
// 处理 405 Method Not Allowed
|
||||||
|
router.NoMethod(func(c *gin.Context) {
|
||||||
|
c.JSON(http.StatusMethodNotAllowed, gin.H{"error": "Method not allowed"})
|
||||||
|
})
|
||||||
|
|
||||||
|
// 其他所有路由都交给前端 UI 处理
|
||||||
|
router.NoRoute(ServeUI(webUI))
|
||||||
|
|
||||||
|
return router
|
||||||
|
}
|
||||||
|
|
||||||
|
// ServeUI 返回一个 gin.HandlerFunc 来服务嵌入式前端 UI
|
||||||
|
func ServeUI(webUI fs.FS) gin.HandlerFunc {
|
||||||
|
fileServer := http.FileServer(http.FS(webUI))
|
||||||
|
|
||||||
|
return func(c *gin.Context) {
|
||||||
|
// 检查文件是否存在于嵌入的文件系统中
|
||||||
|
if _, err := webUI.Open(strings.TrimPrefix(c.Request.URL.Path, "/")); err != nil {
|
||||||
|
// 如果文件不存在,并且不是API或代理请求,则将请求重写为 /
|
||||||
|
// 这将提供 index.html,以支持 SPA 的前端路由
|
||||||
|
if !strings.HasPrefix(c.Request.URL.Path, "/api/") && !strings.HasPrefix(c.Request.URL.Path, "/proxy/") {
|
||||||
|
c.Request.URL.Path = "/"
|
||||||
|
}
|
||||||
|
}
|
||||||
|
fileServer.ServeHTTP(c.Writer, c.Request)
|
||||||
|
}
|
||||||
|
}
|
@@ -2,5 +2,5 @@ import request from './index';
|
|||||||
import type { DashboardStats } from '@/types/models';
|
import type { DashboardStats } from '@/types/models';
|
||||||
|
|
||||||
export const getDashboardStats = (): Promise<DashboardStats> => {
|
export const getDashboardStats = (): Promise<DashboardStats> => {
|
||||||
return request.get('/api/dashboard/stats');
|
return request.get('/dashboard/stats');
|
||||||
};
|
};
|
@@ -1,7 +1,7 @@
|
|||||||
import axios from "axios";
|
import axios from "axios";
|
||||||
|
|
||||||
const apiClient = axios.create({
|
const apiClient = axios.create({
|
||||||
baseURL: "/",
|
baseURL: "/api",
|
||||||
headers: {
|
headers: {
|
||||||
"Content-Type": "application/json",
|
"Content-Type": "application/json",
|
||||||
},
|
},
|
||||||
|
@@ -20,5 +20,5 @@ export interface PaginatedLogs {
|
|||||||
}
|
}
|
||||||
|
|
||||||
export const getLogs = (query: LogQuery): Promise<PaginatedLogs> => {
|
export const getLogs = (query: LogQuery): Promise<PaginatedLogs> => {
|
||||||
return request.get('/api/logs', { params: query });
|
return request.get('/logs', { params: query });
|
||||||
};
|
};
|
@@ -2,9 +2,9 @@ import request from './index';
|
|||||||
import type { Setting } from '@/types/models';
|
import type { Setting } from '@/types/models';
|
||||||
|
|
||||||
export function getSettings() {
|
export function getSettings() {
|
||||||
return request.get<Setting[]>('/api/settings');
|
return request.get<Setting[]>('/settings');
|
||||||
}
|
}
|
||||||
|
|
||||||
export function updateSettings(settings: Setting[]) {
|
export function updateSettings(settings: Setting[]) {
|
||||||
return request.put('/api/settings', settings);
|
return request.put('/settings', settings);
|
||||||
}
|
}
|
@@ -4,11 +4,17 @@
|
|||||||
<template #header>
|
<template #header>
|
||||||
<div class="card-header">
|
<div class="card-header">
|
||||||
<span>分组配置</span>
|
<span>分组配置</span>
|
||||||
<el-button type="primary" @click="handleSave" :loading="isSaving">保存</el-button>
|
<el-button type="primary" @click="handleSave" :loading="isSaving"
|
||||||
|
>保存</el-button
|
||||||
|
>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
<el-form :model="formData" label-width="120px" ref="formRef">
|
<el-form :model="formData" label-width="120px" ref="formRef">
|
||||||
<el-form-item label="分组名称" prop="name" :rules="[{ required: true, message: '请输入分组名称' }]">
|
<el-form-item
|
||||||
|
label="分组名称"
|
||||||
|
prop="name"
|
||||||
|
:rules="[{ required: true, message: '请输入分组名称' }]"
|
||||||
|
>
|
||||||
<el-input v-model="formData.name"></el-input>
|
<el-input v-model="formData.name"></el-input>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="描述" prop="description">
|
<el-form-item label="描述" prop="description">
|
||||||
@@ -24,29 +30,42 @@
|
|||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script setup lang="ts">
|
<script setup lang="ts">
|
||||||
import { ref, watch, reactive } from 'vue';
|
import { ref, watch, reactive } from "vue";
|
||||||
import { useGroupStore } from '@/stores/groupStore';
|
import { useGroupStore } from "@/stores/groupStore";
|
||||||
import { updateGroup } from '@/api/groups';
|
import { updateGroup } from "@/api/groups";
|
||||||
import { ElCard, ElForm, ElFormItem, ElInput, ElButton, ElSwitch, ElMessage, ElEmpty } from 'element-plus';
|
import {
|
||||||
import type { FormInstance } from 'element-plus';
|
ElCard,
|
||||||
|
ElForm,
|
||||||
|
ElFormItem,
|
||||||
|
ElInput,
|
||||||
|
ElButton,
|
||||||
|
ElSwitch,
|
||||||
|
ElMessage,
|
||||||
|
ElEmpty,
|
||||||
|
} from "element-plus";
|
||||||
|
import type { FormInstance } from "element-plus";
|
||||||
|
|
||||||
const groupStore = useGroupStore();
|
const groupStore = useGroupStore();
|
||||||
const formRef = ref<FormInstance>();
|
const formRef = ref<FormInstance>();
|
||||||
const isSaving = ref(false);
|
const isSaving = ref(false);
|
||||||
|
|
||||||
const formData = reactive({
|
const formData = reactive({
|
||||||
name: '',
|
name: "",
|
||||||
description: '',
|
description: "",
|
||||||
is_default: false,
|
is_default: false,
|
||||||
});
|
});
|
||||||
|
|
||||||
watch(() => groupStore.selectedGroupDetails, (newGroup) => {
|
watch(
|
||||||
|
() => groupStore.selectedGroupDetails,
|
||||||
|
(newGroup) => {
|
||||||
if (newGroup) {
|
if (newGroup) {
|
||||||
formData.name = newGroup.name;
|
formData.name = newGroup.name;
|
||||||
formData.description = newGroup.description;
|
formData.description = newGroup.description;
|
||||||
formData.is_default = newGroup.is_default;
|
formData.is_default = newGroup.is_default;
|
||||||
}
|
}
|
||||||
}, { immediate: true, deep: true });
|
},
|
||||||
|
{ immediate: true, deep: true }
|
||||||
|
);
|
||||||
|
|
||||||
const handleSave = async () => {
|
const handleSave = async () => {
|
||||||
if (!formRef.value || !groupStore.selectedGroupId) return;
|
if (!formRef.value || !groupStore.selectedGroupId) return;
|
||||||
@@ -59,12 +78,12 @@ const handleSave = async () => {
|
|||||||
description: formData.description,
|
description: formData.description,
|
||||||
is_default: formData.is_default,
|
is_default: formData.is_default,
|
||||||
});
|
});
|
||||||
ElMessage.success('保存成功');
|
ElMessage.success("保存成功");
|
||||||
// 刷新列表以获取最新数据
|
// 刷新列表以获取最新数据
|
||||||
await groupStore.fetchGroups();
|
await groupStore.fetchGroups();
|
||||||
} catch (error) {
|
} catch (error) {
|
||||||
console.error('Failed to save group config:', error);
|
console.error("Failed to save group config:", error);
|
||||||
ElMessage.error('保存失败,请查看控制台');
|
ElMessage.error("保存失败,请查看控制台");
|
||||||
} finally {
|
} finally {
|
||||||
isSaving.value = false;
|
isSaving.value = false;
|
||||||
}
|
}
|
||||||
|
Reference in New Issue
Block a user