feat(ModelPrice):增加模型详细信息模块&&一个漂亮的可用模型页面 (#860)

* feat(model): 添加模型信息管理功能

- 新增EditModal组件用于创建和编辑模型信息
- 新增ModelInfo页面组件用于展示和管理模型列表
- 支持模型标识、名称、描述、上下文长度、最大Token、输入/输出模态和标签的配置
- 集成模型列表获取、搜索、分页和删除功能

* feat(model): 添加批量导入模型信息功能

* 新增ImportModal组件用于批量导入模型信息
* 支持从JSON URL获取模型数据并提供预览功能
* 实现冲突处理策略（跳过或覆盖已存在的模型）
* 添加导入进度显示和结果统计
* 优化EditModal组件中key prop的传递方式

* feat(ui): 添加模型价格卡片和详情弹窗组件

* 新增ModelCard组件用于展示模型信息卡片
* 新增ModelDetailModal组件用于展示模型详细信息弹窗
* 支持显示模型描述、模态、标签和价格信息
* 添加用户组和渠道价格对比功能
* 优化卡片悬停效果和交互体验

* feat(ui): 完善模型价格页面国际化支持

- 替换硬编码文本为多语言翻译函数调用
- 新增模型定价、模态类型、标签等核心功能的翻译键
- 支持繁体中文、英文、简体中文和日语的完整翻译
- 优化价格详情表格结构，移除其他价格列显示
- 统一组件内的国际化调用规范

* feat(ui): 优化模型价格显示与标签样式

* 支持按计费方式（token/次数）动态显示价格格式
* 改进标签显示，Hot标签增加火焰图标，使用Label组件替代Chip
* 优化价格详情弹窗布局，调整关闭按钮位置
* 重构formatPrice函数，统一价格格式化逻辑
* 修复当值为0时隐藏相关信息的问题

* refactor(pricing): 优化价格计算中的数值处理逻辑

* 统一价格计算函数中的数值转换，确保类型安全
* 将extra_ratios的数值转换逻辑移至提交处理阶段
* 优化价格显示逻辑，统一使用Number()进行类型转换
* 简化表单处理中的数值转换逻辑，减少重复转换
* 调整ExtraRatiosSelector组件中的数值处理方式

Author: ZeroDeng01

controller/model_info.go

@@ -0,0 +1,136 @@
+package controller
+
+import (
+	"net/http"
+	"one-api/model"
+	"strconv"
+
+	"github.com/gin-gonic/gin"
+)
+
+func GetAllModelInfo(c *gin.Context) {
+	modelInfos, err := model.GetAllModelInfo()
+	if err != nil {
+		c.JSON(http.StatusOK, gin.H{
+			"success": false,
+			"message": err.Error(),
+		})
+		return
+	}
+	c.JSON(http.StatusOK, gin.H{
+		"success": true,
+		"message": "",
+		"data":    modelInfos,
+	})
+}
+
+func GetModelInfo(c *gin.Context) {
+	id, err := strconv.Atoi(c.Param("id"))
+	if err != nil {
+		c.JSON(http.StatusOK, gin.H{
+			"success": false,
+			"message": err.Error(),
+		})
+		return
+	}
+	modelInfo, err := model.GetModelInfo(id)
+	if err != nil {
+		c.JSON(http.StatusOK, gin.H{
+			"success": false,
+			"message": err.Error(),
+		})
+		return
+	}
+	c.JSON(http.StatusOK, gin.H{
+		"success": true,
+		"message": "",
+		"data":    modelInfo,
+	})
+}
+
+func CreateModelInfo(c *gin.Context) {
+	modelInfo := model.ModelInfo{}
+	err := c.ShouldBindJSON(&modelInfo)
+	if err != nil {
+		c.JSON(http.StatusOK, gin.H{
+			"success": false,
+			"message": err.Error(),
+		})
+		return
+	}
+	existingModel, _ := model.GetModelInfoByModel(modelInfo.Model)
+	if existingModel != nil {
+		c.JSON(http.StatusOK, gin.H{
+			"success": false,
+			"message": "model identifier already exists",
+		})
+		return
+	}
+	err = model.CreateModelInfo(&modelInfo)
+	if err != nil {
+		c.JSON(http.StatusOK, gin.H{
+			"success": false,
+			"message": err.Error(),
+		})
+		return
+	}
+	c.JSON(http.StatusOK, gin.H{
+		"success": true,
+		"message": "",
+	})
+}
+
+func UpdateModelInfo(c *gin.Context) {
+	modelInfo := model.ModelInfo{}
+	err := c.ShouldBindJSON(&modelInfo)
+	if err != nil {
+		c.JSON(http.StatusOK, gin.H{
+			"success": false,
+			"message": err.Error(),
+		})
+		return
+	}
+	existingModel, _ := model.GetModelInfoByModel(modelInfo.Model)
+	if existingModel != nil && existingModel.Id != modelInfo.Id {
+		c.JSON(http.StatusOK, gin.H{
+			"success": false,
+			"message": "model identifier already exists",
+		})
+		return
+	}
+	err = model.UpdateModelInfo(&modelInfo)
+	if err != nil {
+		c.JSON(http.StatusOK, gin.H{
+			"success": false,
+			"message": err.Error(),
+		})
+		return
+	}
+	c.JSON(http.StatusOK, gin.H{
+		"success": true,
+		"message": "",
+	})
+}
+
+func DeleteModelInfo(c *gin.Context) {
+	id, err := strconv.Atoi(c.Param("id"))
+	if err != nil {
+		c.JSON(http.StatusOK, gin.H{
+			"success": false,
+			"message": err.Error(),
+		})
+		return
+	}
+	err = model.DeleteModelInfo(id)
+	if err != nil {
+		c.JSON(http.StatusOK, gin.H{
+			"success": false,
+			"message": err.Error(),
+		})
+		return
+	}
+	c.JSON(http.StatusOK, gin.H{
+		"success": true,
+		"message": "",
+	})
+}

model/main.go

@@ -184,6 +184,11 @@ func InitDB() (err error) {
 			return err
 		}
 
+		err = db.AutoMigrate(&ModelInfo{})
+		if err != nil {
+			return err
+		}
+
 		err = DB.AutoMigrate(&WebAuthnCredential{})
 		if err != nil {
 			return err

model/model_info.go

@@ -0,0 +1,83 @@
+package model
+
+import (
+	"one-api/common/logger"
+)
+
+type ModelInfo struct {
+	Id               int    `json:"id" gorm:"index"`
+	Model            string `json:"model" gorm:"type:varchar(100);index"`
+	Name             string `json:"name" gorm:"type:varchar(100)"`
+	Description      string `json:"description" gorm:"type:text"`
+	ContextLength    int    `json:"context_length"`
+	MaxTokens        int    `json:"max_tokens"`
+	InputModalities  string `json:"input_modalities" gorm:"type:text"`
+	OutputModalities string `json:"output_modalities" gorm:"type:text"`
+	Tags             string `json:"tags" gorm:"type:text"`
+	SupportUrl       string `json:"support_url" gorm:"type:text"`
+	CreatedAt        int64  `json:"created_at" gorm:"autoCreateTime"`
+	UpdatedAt        int64  `json:"updated_at" gorm:"autoUpdateTime"`
+}
+
+func (m *ModelInfo) TableName() string {
+	return "model_info"
+}
+
+func CreateModelInfo(modelInfo *ModelInfo) error {
+	err := DB.Create(modelInfo).Error
+	if err != nil {
+		return err
+	}
+	return nil
+}
+
+func UpdateModelInfo(modelInfo *ModelInfo) error {
+	err := DB.Omit("id", "created_at").Save(modelInfo).Error
+	if err != nil {
+		return err
+	}
+	return nil
+}
+
+func GetModelInfo(id int) (*ModelInfo, error) {
+	modelInfo := &ModelInfo{}
+	err := DB.Where("id = ?", id).First(modelInfo).Error
+	if err != nil {
+		return nil, err
+	}
+	return modelInfo, nil
+}
+
+func GetModelInfoByModel(model string) (*ModelInfo, error) {
+	modelInfo := &ModelInfo{}
+	err := DB.Where("model = ?", model).First(modelInfo).Error
+	if err != nil {
+		return nil, err
+	}
+	return modelInfo, nil
+}
+
+func GetAllModelInfo() ([]*ModelInfo, error) {
+	var modelInfos []*ModelInfo
+	err := DB.Order("id desc").Find(&modelInfos).Error
+	if err != nil {
+		return nil, err
+	}
+	return modelInfos, nil
+}
+
+func DeleteModelInfo(id int) error {
+	err := DB.Delete(&ModelInfo{}, id).Error
+	if err != nil {
+		return err
+	}
+	return nil
+}
+
+func InitModelInfo() {
+	// Auto migrate logic is handled centrally usually, but if needed here:
+	err := DB.AutoMigrate(&ModelInfo{})
+	if err != nil {
+		logger.SysError("Failed to auto migrate ModelInfo: " + err.Error())
+	}
+}

router/api-router.go

@@ -128,6 +128,16 @@ func SetApiRouter(router *gin.Engine) {
 			modelOwnedByRoute.DELETE("/:id", controller.DeleteModelOwnedBy)
 		}
 
+		modelInfoRoute := apiRouter.Group("/model_info")
+		modelInfoRoute.GET("/", controller.GetAllModelInfo)
+		modelInfoRoute.Use(middleware.AdminAuth())
+		{
+			modelInfoRoute.GET("/:id", controller.GetModelInfo)
+			modelInfoRoute.POST("/", controller.CreateModelInfo)
+			modelInfoRoute.PUT("/", controller.UpdateModelInfo)
+			modelInfoRoute.DELETE("/:id", controller.DeleteModelInfo)
+		}
+
 		userGroup := apiRouter.Group("/user_group")
 		userGroup.Use(middleware.AdminAuth())
 		{

web/src/constants/Modality.js

@@ -0,0 +1,27 @@
+export const MODALITY_OPTIONS = {
+  audio: {
+    value: 'audio',
+    text: 'Audio',
+    color: 'warning'
+  },
+  image: {
+    value: 'image',
+    text: 'Image',
+    color: 'info'
+  },
+  music: {
+    value: 'music',
+    text: 'Music',
+    color: 'error'
+  },
+  text: {
+    value: 'text',
+    text: 'Text',
+    color: 'success'
+  },
+  video: {
+    value: 'video',
+    text: 'Video',
+    color: 'secondary'
+  }
+};

web/src/i18n/locales/en_US.json

@@ -540,37 +540,51 @@
   "modelpricePage": {
     "availableModels": "Available Models",
     "channelType": "Supplier",
-    "group": "grouping",
-    "inputMultiplier": "Input price",
+    "group": "Group",
+    "inputMultiplier": "Input Price",
     "model": "Model Name",
-    "noneGroup": "The current group is not available.",
-    "outputMultiplier": "Output price",
-    "search": "Search",
-    "times": "times",
-    "tokens": "tokens",
+    "noneGroup": "Current group unavailable",
+    "outputMultiplier": "Output Price",
+    "search": "Search model name or description",
+    "times": "Pay per call",
+    "tokens": "Pay per token",
     "type": "Type",
-    "input_audio_tokens": "Audio input ratio",
+    "input_audio_tokens": "Audio Input Ratio",
     "other": "Other",
-    "output_audio_tokens": "Audio output ratio",
+    "output_audio_tokens": "Audio Output Ratio",
     "rate": "Rate",
-    "RPM": "API rate",
+    "RPM": "API Rate",
     "free": "Free",
     "cached_tokens": "Cache Ratio",
-    "cached_write_tokens": "Cache write ratio",
+    "cached_write_tokens": "Cache Write Ratio",
     "cached_read_tokens": "Cache Read Ratio",
     "reasoning_tokens": "Reasoning Ratio",
-    "input_text_tokens": "Input text Ratio",
-    "output_text_tokens": "Output text Ratio",
+    "input_text_tokens": "Input Text Ratio",
+    "output_text_tokens": "Output Text Ratio",
     "all": "All",
-    "extraRatios": "Expand price",
+    "extraRatios": "Extended Pricing",
     "input": "Input",
-    "input_image_tokens": "Enter image magnification",
-    "noExtraRatios": "No additional charge",
-    "output": "output",
-    "output_image_tokens": "Output image magnification",
+    "input_image_tokens": "Input Image Ratio",
+    "noExtraRatios": "No extended pricing",
+    "output": "Output",
+    "output_image_tokens": "Output Image Ratio",
     "price": "Price",
-    "showAll": "Show all",
-    "onlyAvailable": "Only show available"
+    "showAll": "Show All",
+    "onlyAvailable": "Only Available",
+    "modelPricing": "Model Pricing",
+    "unit": "Unit",
+    "modalityType": "Modality Type",
+    "allModality": "All",
+    "tags": "Tags",
+    "allTags": "All",
+    "modelInfo": "Model Information",
+    "contextLength": "Context Length",
+    "maxTokens": "Max Tokens",
+    "inputModality": "Input Modality",
+    "outputModality": "Output Modality",
+    "priceDetails": "Price Details",
+    "priceNote": "Different groups have different prices. Switch groups in token management.",
+    "otherInfo": "Other Information"
   },
   "nova 映射": "nova mapping",
   "onyx 映射": "onyx mapping",
@@ -1508,4 +1522,4 @@
     }
   },
   "这里填写禁用流式的模型，注意：如果填写了禁用流式的模型，那么这些模型在流式请求时会跳过该渠道": "Fill in here to disable the streaming model. Note: If you fill in to disable the streaming model, these models will be skipped for streaming requests on that channel."
-}
+}

web/src/i18n/locales/ja_JP.json

@@ -558,7 +558,21 @@
     "output_image_tokens": "画像倍率",
     "price": "価格",
     "showAll": "すべて表示",
-    "onlyAvailable": "利用可能なだけ表示"
+    "onlyAvailable": "利用可能なだけ表示",
+    "modelPricing": "モデル価格設定",
+    "unit": "単位",
+    "modalityType": "モダリティタイプ",
+    "allModality": "すべて",
+    "tags": "タグ",
+    "allTags": "すべて",
+    "modelInfo": "モデル情報",
+    "contextLength": "コンテキスト長",
+    "maxTokens": "最大トークン数",
+    "inputModality": "入力モダリティ",
+    "outputModality": "出力モダリティ",
+    "priceDetails": "価格詳細",
+    "priceNote": "グループによって価格が異なります。トークン管理でグループを切り替えてください。",
+    "otherInfo": "その他の情報"
   },
   "nova 映射": "新星マッピング",
   "onyx 映射": "オニキスマッピング",
@@ -1476,4 +1490,4 @@
     }
   },
   "这里填写禁用流式的模型，注意：如果填写了禁用流式的模型，那么这些模型在流式请求时会跳过该渠道": "ここには、ストリーミングを無効にするモデルを記入してください。注意：ストリーミングを無効にするモデルを記入した場合、これらのモデルはストリームリクエスト時にそのチャンネルをスキップします。"
-}
+}