{"repo": "chadban/ai-api", "files": {"app/internal/service/init_domestic_models.go": {"b408060e66b5a4d4d7b6b6eef5b738cd0bcc9cf1": {"t": 1785746101.9964366, "n": 4448, "h": "4eeed21f46d0f094", "c": "package service\n\nimport (\n\t\"encoding/json\"\n\n\t\"ai-api/app/internal/logger\"\n\t\"ai-api/app/internal/model\"\n\n\t\"github.com/shopspring/decimal\"\n\t\"gorm.io/gorm\"\n)\n\n// InitDomesticModels 初始化国内大模型数据\nfunc InitDomesticModels(db *gorm.DB, log *logger.Logger) {\n\tlog.Info(\"Initializing domestic LLM models...\")\n\n\t// 定义国内大模型渠道配置\n\tdomesticChannels := []struct {\n\t\tchannelType int\n\t\tname        string\n\t\tbaseURL     string\n\t\tmodels      []string\n\t}{\n\t\t{\n\t\t\tchannelType: model.ChannelTypeDoubao,\n\t\t\tname:        \"豆包官方\",\n\t\t\tbaseURL:     \"https://ark.cn-beijing.volces.com/api/v3\",\n\t\t\tmodels:      []string{\"doubao-lite-4k\", \"doubao-pro-4k\", \"doubao-lite-32k\", \"doubao-pro-32k\"},\n\t\t},\n\t\t{\n\t\t\tchannelType: model.ChannelTypeAli,\n\t\t\tname:        \"阿里通义官方\",\n\t\t\tbaseURL:     \"https://dashscope.aliyuncs.com/compatible-mode\",\n\t\t\tmodels:      []string{\"qwen-turbo\", \"qwen-plus\", \"qwen-max\", \"qwen-max-longcontext\"},\n\t\t},\n\t\t{\n\t\t\tchannelType: model.ChannelTypeDeepSeek,\n\t\t\tname:        \"DeepSeek 官方\",\n\t\t\tbaseURL:     \"https://api.deepseek.com\",\n\t\t\tmodels:      []string{\"deepseek-chat\", \"deepseek-coder\"},\n\t\t},\n\t\t{\n\t\t\tchannelType: model.ChannelTypeMiniMax,\n\t\t\tname:        \"MiniMax 官方\",\n\t\t\tbaseURL:     \"https://api.minimax.chat/v1\",\n\t\t\tmodels:      []string{\"abab6.5-chat\", \"abab6.5g-chat\", \"abab6.5t-chat\"},\n\t\t},\n\t\t{\n\t\t\tchannelType: model.ChannelTypeZhipu,\n\t\t\tname:        \"智谱 AI 官方\",\n\t\t\tbaseURL:     \"https://open.bigmodel.cn/api/paas/v4\",\n\t\t\tmodels:      []string{\"glm-4\", \"glm-4-flash\", \"glm-3-turbo\"},\n\t\t},\n\t}\n\n\t// 添加渠道（仅当不存在时）\n\tfor _, cfg := range domesticChannels {\n\t\tvar count int64\n\t\tdb.Model(&model.Channel{}).Where(\"type = ? AND name = ?\", cfg.channelType, cfg.name).Count(&count)\n\n\t\tif count == 0 {\n\t\t\tmodelsJSON, _ := json.Marshal(cfg.models)\n\t\t\tchannel := model.Channel{\n\t\t\t\tType:     cfg.channelType,\n\t\t\t\tName:     cfg.name,\n\t\t\t\tBaseURL:  cfg.baseURL,\n\t\t\t\tAPIKey:   \"NEED_SETUP\", // 需要管理员后续配置\n\t\t\t\tStatus:   0,            // 默认禁用，等待配置 API Key\n\t\t\t\tModels:   string(modelsJSON),\n\t\t\t\tPriority: 1,\n\t\t\t\tWeight:   100,\n\t\t\t}\n\n\t\t\tif err := db.Create(&channel).Error; err != nil {\n\t\t\t\tlog.Warn(\"Failed to create domestic channel\", logger.String(\"name\", cfg.name), logger.Err(err))\n\t\t\t} else {\n\t\t\t\tlog.Info(\"Created domestic channel\", logger.String(\"name\", cfg.name), logger.Int(\"type\", cfg.channelType))\n\t\t\t}\n\t\t}\n\t}\n\n\t// 定义模型数据\n\tdomesticModels := []struct {\n\t\tname          string\n\t\tdisplayName   string\n\t\tcontextWindow int\n\t\tmaxTokens     int\n\t\tinputPrice    float64\n\t\toutputPrice   float64\n\t}{\n\t\t// 豆包\n\t\t{\"doubao-lite-4k\", \"豆包 Lite 4K\", 4096, 2048, 0.0003, 0.0006},\n\t\t{\"doubao-pro-4k\", \"豆包 Pro 4K\", 4096, 2048, 0.0008, 0.0020},\n\t\t{\"doubao-lite-32k\", \"豆包 Lite 32K\", 32768, 4096, 0.0006, 0.0012},\n\t\t{\"doubao-pro-32k\", \"豆包 Pro 32K\", 32768, 4096, 0.0015, 0.0030},\n\t\t// 阿里通义\n\t\t{\"qwen-turbo\", \"通义千问 Turbo\", 8192, 4096, 0.0003, 0.0006},\n\t\t{\"qwen-plus\", \"通义千问 Plus\", 32768, 8192, 0.0008, 0.0020},\n\t\t{\"qwen-max\", \"通义千问 Max\", 32768, 8192, 0.0015, 0.0030},\n\t\t{\"qwen-max-longcontext\", \"通义千问 Max 长文本\", 131072, 8192, 0.0020, 0.0040},\n\t\t// DeepSeek\n\t\t{\"deepseek-chat\", \"DeepSeek Chat\", 32768, 4096, 0.0002, 0.0004},\n\t\t{\"deepseek-coder\", \"DeepSeek Coder\", 16384, 2048, 0.0002, 0.0004},\n\t\t// MiniMax\n\t\t{\"abab6.5-chat\", \"MiniMax Abab6.5 Chat\", 8192, 4096, 0.0005, 0.0010},\n\t\t{\"abab6.5g-chat\", \"MiniMax Abab6.5G Chat\", 8192, 4096, 0.0005, 0.0010},\n\t\t{\"abab6.5t-chat\", \"MiniMax Abab6.5T Chat\", 8192, 4096, 0.0005, 0.0010},\n\t\t// 智谱 AI\n\t\t{\"glm-4\", \"智谱 GLM-4\", 128000, 4096, 0.0010, 0.0020},\n\t\t{\"glm-4-flash\", \"智谱 GLM-4 Flash\", 8192, 4096, 0.0001, 0.0002},\n\t\t{\"glm-3-turbo\", \"智谱 GLM-3 Turbo\", 128000, 4096, 0.0005, 0.0010},\n\t}\n\n\t// 添加模型到 models 表\n\tfor _, m := range domesticModels {\n\t\tvar count int64\n\t\tdb.Model(&model.Model{}).Where(\"name = ?\", m.name).Count(&count)\n\n\t\tif count == 0 {\n\t\t\tmodelItem := model.Model{\n\t\t\t\tProviderID:    1, // 默认提供商\n\t\t\t\tName:          m.name,\n\t\t\t\tDisplayName:   m.displayName,\n\t\t\t\tType:          \"chat\",\n\t\t\t\tContextWindow: m.contextWindow,\n\t\t\t\tMaxTokens:     m.maxTokens,\n\t\t\t\tInputPrice:    decimal.NewFromFloat(m.inputPrice),\n\t\t\t\tOutputPrice:   decimal.NewFromFloat(m.outputPrice),\n\t\t\t\tStatus:        1,\n\t\t\t}\n\n\t\t\tif err := db.Create(&modelItem).Error; err != nil {\n\t\t\t\tlog.Warn(\"Failed to create domestic model\", logger.String(\"name\", m.name), logger.Err(err))\n\t\t\t} else {\n\t\t\t\tlog.Info(\"Created domestic model\", logger.String(\"name\", m.name), logger.String(\"displayName\", m.displayName))\n\t\t\t}\n\t\t}\n\t}\n\n\tlog.Info(\"Domestic LLM models initialization completed\")\n}\n"}, "644d9e61e38f9e26163655416f9ed9003d4338b6": {"t": 1785759879.308801, "n": 4448, "h": "4eeed21f46d0f094", "c": "package service\n\nimport (\n\t\"encoding/json\"\n\n\t\"ai-api/app/internal/logger\"\n\t\"ai-api/app/internal/model\"\n\n\t\"github.com/shopspring/decimal\"\n\t\"gorm.io/gorm\"\n)\n\n// InitDomesticModels 初始化国内大模型数据\nfunc InitDomesticModels(db *gorm.DB, log *logger.Logger) {\n\tlog.Info(\"Initializing domestic LLM models...\")\n\n\t// 定义国内大模型渠道配置\n\tdomesticChannels := []struct {\n\t\tchannelType int\n\t\tname        string\n\t\tbaseURL     string\n\t\tmodels      []string\n\t}{\n\t\t{\n\t\t\tchannelType: model.ChannelTypeDoubao,\n\t\t\tname:        \"豆包官方\",\n\t\t\tbaseURL:     \"https://ark.cn-beijing.volces.com/api/v3\",\n\t\t\tmodels:      []string{\"doubao-lite-4k\", \"doubao-pro-4k\", \"doubao-lite-32k\", \"doubao-pro-32k\"},\n\t\t},\n\t\t{\n\t\t\tchannelType: model.ChannelTypeAli,\n\t\t\tname:        \"阿里通义官方\",\n\t\t\tbaseURL:     \"https://dashscope.aliyuncs.com/compatible-mode\",\n\t\t\tmodels:      []string{\"qwen-turbo\", \"qwen-plus\", \"qwen-max\", \"qwen-max-longcontext\"},\n\t\t},\n\t\t{\n\t\t\tchannelType: model.ChannelTypeDeepSeek,\n\t\t\tname:        \"DeepSeek 官方\",\n\t\t\tbaseURL:     \"https://api.deepseek.com\",\n\t\t\tmodels:      []string{\"deepseek-chat\", \"deepseek-coder\"},\n\t\t},\n\t\t{\n\t\t\tchannelType: model.ChannelTypeMiniMax,\n\t\t\tname:        \"MiniMax 官方\",\n\t\t\tbaseURL:     \"https://api.minimax.chat/v1\",\n\t\t\tmodels:      []string{\"abab6.5-chat\", \"abab6.5g-chat\", \"abab6.5t-chat\"},\n\t\t},\n\t\t{\n\t\t\tchannelType: model.ChannelTypeZhipu,\n\t\t\tname:        \"智谱 AI 官方\",\n\t\t\tbaseURL:     \"https://open.bigmodel.cn/api/paas/v4\",\n\t\t\tmodels:      []string{\"glm-4\", \"glm-4-flash\", \"glm-3-turbo\"},\n\t\t},\n\t}\n\n\t// 添加渠道（仅当不存在时）\n\tfor _, cfg := range domesticChannels {\n\t\tvar count int64\n\t\tdb.Model(&model.Channel{}).Where(\"type = ? AND name = ?\", cfg.channelType, cfg.name).Count(&count)\n\n\t\tif count == 0 {\n\t\t\tmodelsJSON, _ := json.Marshal(cfg.models)\n\t\t\tchannel := model.Channel{\n\t\t\t\tType:     cfg.channelType,\n\t\t\t\tName:     cfg.name,\n\t\t\t\tBaseURL:  cfg.baseURL,\n\t\t\t\tAPIKey:   \"NEED_SETUP\", // 需要管理员后续配置\n\t\t\t\tStatus:   0,            // 默认禁用，等待配置 API Key\n\t\t\t\tModels:   string(modelsJSON),\n\t\t\t\tPriority: 1,\n\t\t\t\tWeight:   100,\n\t\t\t}\n\n\t\t\tif err := db.Create(&channel).Error; err != nil {\n\t\t\t\tlog.Warn(\"Failed to create domestic channel\", logger.String(\"name\", cfg.name), logger.Err(err))\n\t\t\t} else {\n\t\t\t\tlog.Info(\"Created domestic channel\", logger.String(\"name\", cfg.name), logger.Int(\"type\", cfg.channelType))\n\t\t\t}\n\t\t}\n\t}\n\n\t// 定义模型数据\n\tdomesticModels := []struct {\n\t\tname          string\n\t\tdisplayName   string\n\t\tcontextWindow int\n\t\tmaxTokens     int\n\t\tinputPrice    float64\n\t\toutputPrice   float64\n\t}{\n\t\t// 豆包\n\t\t{\"doubao-lite-4k\", \"豆包 Lite 4K\", 4096, 2048, 0.0003, 0.0006},\n\t\t{\"doubao-pro-4k\", \"豆包 Pro 4K\", 4096, 2048, 0.0008, 0.0020},\n\t\t{\"doubao-lite-32k\", \"豆包 Lite 32K\", 32768, 4096, 0.0006, 0.0012},\n\t\t{\"doubao-pro-32k\", \"豆包 Pro 32K\", 32768, 4096, 0.0015, 0.0030},\n\t\t// 阿里通义\n\t\t{\"qwen-turbo\", \"通义千问 Turbo\", 8192, 4096, 0.0003, 0.0006},\n\t\t{\"qwen-plus\", \"通义千问 Plus\", 32768, 8192, 0.0008, 0.0020},\n\t\t{\"qwen-max\", \"通义千问 Max\", 32768, 8192, 0.0015, 0.0030},\n\t\t{\"qwen-max-longcontext\", \"通义千问 Max 长文本\", 131072, 8192, 0.0020, 0.0040},\n\t\t// DeepSeek\n\t\t{\"deepseek-chat\", \"DeepSeek Chat\", 32768, 4096, 0.0002, 0.0004},\n\t\t{\"deepseek-coder\", \"DeepSeek Coder\", 16384, 2048, 0.0002, 0.0004},\n\t\t// MiniMax\n\t\t{\"abab6.5-chat\", \"MiniMax Abab6.5 Chat\", 8192, 4096, 0.0005, 0.0010},\n\t\t{\"abab6.5g-chat\", \"MiniMax Abab6.5G Chat\", 8192, 4096, 0.0005, 0.0010},\n\t\t{\"abab6.5t-chat\", \"MiniMax Abab6.5T Chat\", 8192, 4096, 0.0005, 0.0010},\n\t\t// 智谱 AI\n\t\t{\"glm-4\", \"智谱 GLM-4\", 128000, 4096, 0.0010, 0.0020},\n\t\t{\"glm-4-flash\", \"智谱 GLM-4 Flash\", 8192, 4096, 0.0001, 0.0002},\n\t\t{\"glm-3-turbo\", \"智谱 GLM-3 Turbo\", 128000, 4096, 0.0005, 0.0010},\n\t}\n\n\t// 添加模型到 models 表\n\tfor _, m := range domesticModels {\n\t\tvar count int64\n\t\tdb.Model(&model.Model{}).Where(\"name = ?\", m.name).Count(&count)\n\n\t\tif count == 0 {\n\t\t\tmodelItem := model.Model{\n\t\t\t\tProviderID:    1, // 默认提供商\n\t\t\t\tName:          m.name,\n\t\t\t\tDisplayName:   m.displayName,\n\t\t\t\tType:          \"chat\",\n\t\t\t\tContextWindow: m.contextWindow,\n\t\t\t\tMaxTokens:     m.maxTokens,\n\t\t\t\tInputPrice:    decimal.NewFromFloat(m.inputPrice),\n\t\t\t\tOutputPrice:   decimal.NewFromFloat(m.outputPrice),\n\t\t\t\tStatus:        1,\n\t\t\t}\n\n\t\t\tif err := db.Create(&modelItem).Error; err != nil {\n\t\t\t\tlog.Warn(\"Failed to create domestic model\", logger.String(\"name\", m.name), logger.Err(err))\n\t\t\t} else {\n\t\t\t\tlog.Info(\"Created domestic model\", logger.String(\"name\", m.name), logger.String(\"displayName\", m.displayName))\n\t\t\t}\n\t\t}\n\t}\n\n\tlog.Info(\"Domestic LLM models initialization completed\")\n}\n"}}, "web/src/views/admin/Channels.vue": {"b408060e66b5a4d4d7b6b6eef5b738cd0bcc9cf1": {"t": 1785747442.1268895, "n": 30736, "h": "5f9f41f1b2f0c988", "c": "<template>\n  <div class=\"channels-page\">\n    <el-card>\n      <template #header>\n        <div class=\"card-header\">\n          <span>渠道管理</span>\n          <div class=\"header-actions\">\n            <el-button type=\"primary\" @click=\"showCreateDialog = true\">\n              <el-icon><Plus /></el-icon>\n              添加渠道\n            </el-button>\n            <el-button @click=\"batchTestChannels\" :loading=\"batchTesting\">\n              <el-icon><Refresh /></el-icon>\n              批量测试\n            </el-button>\n            <el-button @click=\"refreshChannels\">\n              <el-icon><Refresh /></el-icon>\n              刷新\n            </el-button>\n          </div>\n        </div>\n      </template>\n      \n      <el-table :data=\"channels\" v-loading=\"loading\" border style=\"width: 100%\">\n        <el-table-column prop=\"id\" label=\"ID\" width=\"80\" />\n        <el-table-column prop=\"name\" label=\"名称\" />\n        <el-table-column prop=\"api_key\" label=\"API Key\" show-overflow-tooltip>\n          <template #default=\"{ row }\">\n            {{ row.api_key ? '******' + row.api_key.slice(-4) : '' }}\n          </template>\n        </el-table-column>\n        <el-table-column prop=\"group\" label=\"分组\" width=\"120\">\n          <template #default=\"{ row }\">\n            <el-tag size=\"small\">\n              {{ row.group || 'default' }}\n            </el-tag>\n          </template>\n        </el-table-column>\n        <el-table-column prop=\"type\" label=\"类型\" width=\"120\">\n          <template #default=\"{ row }\">\n            <el-tag :type=\"getChannelTypeTag(row.type)\">\n              {{ channelType(row.type) }}\n            </el-tag>\n          </template>\n        </el-table-column>\n        <el-table-column prop=\"base_url\" label=\"BaseURL\" show-overflow-tooltip />\n        <el-table-column prop=\"priority\" label=\"优先级\" width=\"80\" />\n        <el-table-column prop=\"weight\" label=\"权重\" width=\"80\" />\n        <el-table-column prop=\"status\" label=\"状态\" width=\"100\">\n          <template #default=\"{ row }\">\n            <el-tag :type=\"getStatusTagType(row.status)\" size=\"small\">\n              {{ getStatusText(row.status) }}\n            </el-tag>\n          </template>\n        </el-table-column>\n        <el-table-column prop=\"last_test_time\" label=\"最后测试时间\" width=\"160\">\n          <template #default=\"{ row }\">\n            {{ row.last_test_time || '未测试' }}\n          </template>\n        </el-table-column>\n        <el-table-column label=\"操作\" width=\"300\">\n          <template #default=\"{ row }\">\n            <el-button size=\"small\" @click=\"testChannel(row.id)\" :loading=\"testingChannels.includes(row.id)\">\n              <el-icon><Check /></el-icon>\n              测试\n            </el-button>\n            <el-button size=\"small\" type=\"warning\" @click=\"editChannel(row)\">\n              <el-icon><Edit /></el-icon>\n              编辑\n            </el-button>\n            <el-button size=\"small\" type=\"danger\" @click=\"deleteChannel(row.id)\">\n              <el-icon><Delete /></el-icon>\n              删除\n            </el-button>\n          </template>\n        </el-table-column>\n      </el-table>\n    </el-card>\n    \n    <!-- 创建渠道对话框 -->\n    <el-dialog v-model=\"showCreateDialog\" title=\"添加渠道\" width=\"600px\">\n      <el-form :model=\"createForm\" label-width=\"100px\">\n        <el-form-item label=\"渠道类型\" required>\n          <el-select v-model=\"createForm.type\" placeholder=\"请选择渠道类型\" @change=\"handleChannelTypeChange\">\n            <el-option label=\"OpenAI\" :value=\"1\" />\n            <el-option label=\"Anthropic\" :value=\"2\" />\n            <el-option label=\"Azure\" :value=\"3\" />\n            <el-option label=\"Google Gemini\" :value=\"4\" />\n            <el-option label=\"豆包 (ByteDance)\" :value=\"14\" />\n            <el-option label=\"阿里通义\" :value=\"15\" />\n            <el-option label=\"DeepSeek\" :value=\"16\" />\n            <el-option label=\"MiniMax\" :value=\"17\" />\n            <el-option label=\"智谱 AI\" :value=\"18\" />\n          </el-select>\n        </el-form-item>\n        <el-form-item label=\"名称\" required>\n          <el-input v-model=\"createForm.name\" placeholder=\"请输入名称\" />\n        </el-form-item>\n        <el-form-item label=\"显示名称\" required>\n          <el-input v-model=\"createForm.display_name\" placeholder=\"请输入显示名称\" />\n        </el-form-item>\n        <el-form-item label=\"BaseURL\" required>\n          <el-input v-model=\"createForm.base_url\" placeholder=\"https://api.openai.com/v1\" />\n          <el-tooltip content=\"根据选择的渠道类型，系统已自动填充默认BaseURL\" placement=\"top\" :visible=\"showBaseUrlTip\">\n            <el-button type=\"text\" size=\"small\" @click=\"showBaseUrlTip = !showBaseUrlTip\">\n              显示提示\n            </el-button>\n          </el-tooltip>\n        </el-form-item>\n        <el-form-item label=\"API Key\" required>\n          <el-input v-model=\"createForm.api_key\" type=\"password\" show-password />\n          <el-tooltip content=\"{{ getApiKeyTip(createForm.type) }}\" placement=\"top\" :visible=\"showApiKeyTip\">\n            <el-button type=\"text\" size=\"small\" @click=\"showApiKeyTip = !showApiKeyTip\">\n              API Key提示\n            </el-button>\n          </el-tooltip>\n        </el-form-item>\n        <el-form-item label=\"测试模型\">\n          <el-select v-model=\"createForm.test_model\" placeholder=\"请选择测试模型\">\n            <el-option \n              v-for=\"model in getAvailableModels(createForm.type)\" \n              :key=\"model\" \n              :label=\"model\" \n              :value=\"model\" \n            />\n          </el-select>\n        </el-form-item>\n        <el-form-item label=\"优先级\">\n          <el-input-number v-model=\"createForm.priority\" :min=\"1\" :step=\"1\" />\n          <el-tooltip content=\"优先级越高，越先被使用\" placement=\"top\">\n            <el-button type=\"text\" size=\"small\">\n              ？\n            </el-button>\n          </el-tooltip>\n        </el-form-item>\n        <el-form-item label=\"权重\">\n          <el-input-number v-model=\"createForm.weight\" :min=\"1\" :step=\"10\" />\n          <el-tooltip content=\"权重越高，被使用的概率越大\" placement=\"top\">\n            <el-button type=\"text\" size=\"small\">\n              ？\n            </el-button>\n          </el-tooltip>\n        </el-form-item>\n        <el-form-item label=\"状态\">\n          <el-select v-model=\"createForm.status\">\n            <el-option label=\"启用\" :value=\"1\" />\n            <el-option label=\"禁用\" :value=\"0\" />\n            <el-option label=\"维护中\" :value=\"2\" />\n          </el-select>\n        </el-form-item>\n        <el-form-item label=\"模型\" required>\n          <div class=\"model-management\">\n            <!-- 模型选择器 -->\n            <el-select\n              v-model=\"selectedModels\"\n              multiple\n              filterable\n              allow-create\n              default-first-option\n              placeholder=\"请选择该渠道所支持的模型\"\n              style=\"width: 100%\"\n              @change=\"updateFilteredModels\"\n            >\n              <el-option\n                v-for=\"model in filteredModels\"\n                :key=\"model\"\n                :label=\"model\"\n                :value=\"model\"\n              />\n            </el-select>\n            \n            <!-- 已选择模型标签显示 -->\n            <div class=\"selected-model-tags\" v-if=\"selectedModels.length > 0\">\n              <el-tag\n                v-for=\"model in selectedModels\"\n                :key=\"model\"\n                closable\n                @close=\"removeModel(model)\"\n                class=\"selected-tag\"\n              >\n                {{ model }}\n              </el-tag>\n            </div>\n            \n            <div class=\"model-actions\">\n              <el-button type=\"text\" size=\"small\" @click=\"selectAllModels\">\n                全选\n              </el-button>\n              <el-button type=\"text\" size=\"small\" @click=\"clearSelectedModels\">\n                清空\n              </el-button>\n              <el-button type=\"text\" size=\"small\" @click=\"fillRelatedModels(createForm.type)\">\n                填入相关模型\n              </el-button>\n              <el-button type=\"text\" size=\"small\" @click=\"syncModels(createForm.type)\" :loading=\"syncingModels\">\n                <el-icon><Refresh /></el-icon>\n                同步最新模型\n              </el-button>\n            </div>\n          </div>\n        </el-form-item>\n        \n        <el-form-item label=\"分组\">\n          <el-select v-model=\"createForm.group\" placeholder=\"选择分组\">\n            <el-option \n              v-for=\"group in groups\" \n              :key=\"group.name\" \n              :label=\"group.display_name || group.name\" \n              :value=\"group.name\" \n            />\n          </el-select>\n        </el-form-item>\n      </el-form>\n      <template #footer>\n        <el-button @click=\"resetCreateForm\">取消</el-button>\n        <el-button type=\"primary\" @click=\"handleCreate\">创建</el-button>\n      </template>\n    </el-dialog>\n    \n    <!-- 编辑渠道对话框 -->\n    <el-dialog v-model=\"showEditDialog\" title=\"编辑渠道\" width=\"600px\">\n      <el-form :model=\"editForm\" label-width=\"100px\">\n        <el-form-item label=\"渠道类型\" required>\n          <el-select v-model=\"editForm.type\" @change=\"handleEditChannelTypeChange\">\n            <el-option label=\"OpenAI\" :value=\"1\" />\n            <el-option label=\"Anthropic\" :value=\"2\" />\n            <el-option label=\"Azure\" :value=\"3\" />\n            <el-option label=\"Google Gemini\" :value=\"4\" />\n            <el-option label=\"豆包 (ByteDance)\" :value=\"14\" />\n            <el-option label=\"阿里通义\" :value=\"15\" />\n            <el-option label=\"DeepSeek\" :value=\"16\" />\n            <el-option label=\"MiniMax\" :value=\"17\" />\n            <el-option label=\"智谱 AI\" :value=\"18\" />\n          </el-select>\n        </el-form-item>\n        <el-form-item label=\"名称\" required>\n          <el-input v-model=\"editForm.name\" placeholder=\"请输入名称\" />\n        </el-form-item>\n        <el-form-item label=\"显示名称\" required>\n          <el-input v-model=\"editForm.display_name\" placeholder=\"请输入显示名称\" />\n        </el-form-item>\n        <el-form-item label=\"BaseURL\" required>\n          <el-input v-model=\"editForm.base_url\" placeholder=\"https://api.openai.com/v1\" />\n        </el-form-item>\n        <el-form-item label=\"API Key\" required>\n          <el-input v-model=\"editForm.api_key\" type=\"password\" show-password />\n        </el-form-item>\n        <el-form-item label=\"测试模型\">\n          <el-select v-model=\"editForm.test_model\" placeholder=\"请选择测试模型\">\n            <el-option \n              v-for=\"model in getAvailableModels(editForm.type)\" \n              :key=\"model\" \n              :label=\"model\" \n              :value=\"model\" \n            />\n          </el-select>\n        </el-form-item>\n        <el-form-item label=\"优先级\">\n          <el-input-number v-model=\"editForm.priority\" :min=\"1\" :step=\"1\" />\n        </el-form-item>\n        <el-form-item label=\"权重\">\n          <el-input-number v-model=\"editForm.weight\" :min=\"1\" :step=\"10\" />\n        </el-form-item>\n        <el-form-item label=\"状态\">\n          <el-select v-model=\"editForm.status\">\n            <el-option label=\"启用\" :value=\"1\" />\n            <el-option label=\"禁用\" :value=\"0\" />\n            <el-option label=\"维护中\" :value=\"2\" />\n          </el-select>\n        </el-form-item>\n        <el-form-item label=\"模型\" required>\n          <div class=\"model-management\">\n            <!-- 模型选择器 -->\n            <el-select\n              v-model=\"selectedEditModels\"\n              multiple\n              filterable\n              allow-create\n              default-first-option\n              placeholder=\"请选择该渠道所支持的模型\"\n              style=\"width: 100%\"\n              @change=\"updateFilteredEditModels\"\n            >\n              <el-option\n                v-for=\"model in filteredEditModels\"\n                :key=\"model\"\n                :label=\"model\"\n                :value=\"model\"\n              />\n            </el-select>\n            \n            <!-- 已选择模型标签显示 -->\n            <div class=\"selected-model-tags\" v-if=\"selectedEditModels.length > 0\">\n              <el-tag\n                v-for=\"model in selectedEditModels\"\n                :key=\"model\"\n                closable\n                @close=\"removeEditModel(model)\"\n                class=\"selected-tag\"\n              >\n                {{ model }}\n              </el-tag>\n            </div>\n            \n            <div class=\"model-actions\">\n              <el-button type=\"text\" size=\"small\" @click=\"selectAllEditModels\">\n                全选\n              </el-button>\n              <el-button type=\"text\" size=\"small\" @click=\"clearSelectedEditModels\">\n                清空\n              </el-button>\n              <el-button type=\"text\" size=\"small\" @click=\"fillEditRelatedModels(editForm.type)\">\n                填入相关模型\n              </el-button>\n              <el-button type=\"text\" size=\"small\" @click=\"syncEditModels(editForm.type)\" :loading=\"syncingEditModels\">\n                <el-icon><Refresh /></el-icon>\n                同步最新模型\n              </el-button>\n            </div>\n          </div>\n        </el-form-item>\n        \n        <el-form-item label=\"分组\">\n          <el-select v-model=\"editForm.group\" placeholder=\"选择分组\">\n            <el-option \n              v-for=\"group in groups\" \n              :key=\"group.name\" \n              :label=\"group.display_name || group.name\" \n              :value=\"group.name\" \n            />\n          </el-select>\n        </el-form-item>\n      </el-form>\n      <template #footer>\n        <el-button @click=\"showEditDialog = false\">取消</el-button>\n        <el-button type=\"primary\" @click=\"handleEdit\">保存</el-button>\n      </template>\n    </el-dialog>\n  </div>\n</template>\n\n<script setup>\nimport api from '@/api';\nimport { Check, Delete, Edit, Plus, Refresh } from '@element-plus/icons-vue';\nimport { ElButton, ElMessage, ElTooltip } from 'element-plus';\nimport { onMounted, reactive, ref } from 'vue';\n\nconst loading = ref(false)\nconst batchTesting = ref(false)\nconst testingChannels = ref([])\nconst channels = ref([])\nconst showCreateDialog = ref(false)\nconst showEditDialog = ref(false)\nconst showBaseUrlTip = ref(false)\nconst showApiKeyTip = ref(false)\nconst selectedModels = ref([])\nconst selectedEditModels = ref([])\nconst syncingModels = ref(false)\nconst showManualModelInput = ref(false)\nconst manualModel = ref('')\nconst syncingEditModels = ref(false)\nconst customModels = ref({}) // 存储手动添加的模型\nconst filteredModels = ref([])\nconst filteredEditModels = ref([])\nconst groups = ref([]) // 存储分组列表\nconst hasSyncedModels = ref({}) // 记录是否已经同步过模型\n\nconst createForm = reactive({\n  type: 1,\n  name: '',\n  display_name: '',\n  base_url: 'https://api.openai.com/v1',\n  api_key: '',\n  test_model: 'gpt-3.5-turbo',\n  priority: 1,\n  weight: 100,\n  status: 1,\n  models: '',\n  group: 'default'\n})\n\nconst editForm = reactive({\n  id: '',\n  type: 1,\n  name: '',\n  display_name: '',\n  base_url: '',\n  api_key: '',\n  test_model: '',\n  priority: 1,\n  weight: 100,\n  status: 1,\n  models: '',\n  group: 'default'\n})\n\n// 模型名称映射\nconst modelNameMap = {\n  // 豆包模型映射\n  'Doubao-pro-128k': 'doubao-pro-128k',\n  'Doubao-pro-32k': 'doubao-pro-32k',\n  'Doubao-pro-4k': 'doubao-pro-4k',\n  'Doubao-lite-128k': 'doubao-lite-128k',\n  'Doubao-lite-32k': 'doubao-lite-32k',\n  'Doubao-lite-4k': 'doubao-lite-4k',\n  'Doubao-embedding': 'doubao-embedding-1.0'\n}\n\n// 渠道类型配置\nconst channelConfigs = {\n  1: { // OpenAI\n    baseUrl: 'https://api.openai.com/v1',\n    testModel: 'gpt-3.5-turbo',\n    models: [], // 从API获取\n    apiKeyTip: 'OpenAI API Key 格式为 sk-xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx'\n  },\n  2: { // Anthropic\n    baseUrl: 'https://api.anthropic.com/v1',\n    testModel: 'claude-3-sonnet-20240229',\n    models: [], // 从API获取\n    apiKeyTip: 'Anthropic API Key 格式为 sk-ant-api03-xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx'\n  },\n  3: { // Azure\n    baseUrl: 'https://your-resource.openai.azure.com/openai/deployments/{deployment-name}',\n    testModel: 'gpt-35-turbo',\n    models: [], // 从API获取\n    apiKeyTip: 'Azure API Key 格式为 xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx'\n  },\n  4: { // Google Gemini\n    baseUrl: 'https://generativeai.googleapis.com/v1',\n    testModel: 'gemini-pro',\n    models: [], // 从API获取\n    apiKeyTip: 'Google API Key 格式为 AIzaSyxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx'\n  },\n  14: { // 豆包\n    baseUrl: 'https://ark.cn-beijing.volces.com/api/v3',\n    testModel: 'Doubao-pro-128k',\n    models: [], // 从API获取\n    apiKeyTip: '豆包 API Key 格式为 ak-xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx'\n  },\n  15: { // 阿里通义\n    baseUrl: 'https://dashscope.aliyuncs.com/api/v1',\n    testModel: 'qwen-turbo',\n    models: [], // 从API获取\n    apiKeyTip: '阿里通义 API Key 格式为 sk-xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx'\n  },\n  16: { // DeepSeek\n    baseUrl: 'https://api.deepseek.com/v1',\n    testModel: 'deepseek-chat',\n    models: [], // 从API获取\n    apiKeyTip: 'DeepSeek API Key 格式为 sk-xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx'\n  },\n  17: { // MiniMax\n    baseUrl: 'https://api.minimax.chat/v1',\n    testModel: 'abab5.5-chat',\n    models: [], // 从API获取\n    apiKeyTip: 'MiniMax API Key 格式为 sk-xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx'\n  },\n  18: { // 智谱 AI\n    baseUrl: 'https://open.bigmodel.cn/api/mcp',\n    testModel: 'chatglm3-6b',\n    models: [], // 从API获取\n    apiKeyTip: '智谱 AI API Key 格式为 xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx'\n  }\n}\n\nconst channelType = (type) => {\n  const types = { \n    1: 'OpenAI', \n    2: 'Anthropic', \n    3: 'Azure', \n    4: 'Google Gemini',\n    14: '豆包',\n    15: '阿里通义',\n    16: 'DeepSeek',\n    17: 'MiniMax',\n    18: '智谱 AI'\n  }\n  return types[type] || 'Unknown'\n}\n\nconst getChannelTypeTag = (type) => {\n  switch (type) {\n    case 1: return 'primary'\n    case 2: return 'warning'\n    case 3: return 'info'\n    case 4: return 'success'\n    case 14: return 'danger'\n    case 15: return 'purple'\n    case 16: return 'blue'\n    case 17: return 'cyan'\n    case 18: return 'teal'\n    default: return 'default'\n  }\n}\n\nconst getStatusText = (status) => {\n  const statuses = { 0: '禁用', 1: '启用', 2: '维护中' }\n  return statuses[status] || '未知'\n}\n\nconst getStatusTagType = (status) => {\n  switch (status) {\n    case 1: return 'success'\n    case 0: return 'danger'\n    case 2: return 'warning'\n    default: return 'default'\n  }\n}\n\nconst getAvailableModels = (type) => {\n  const defaultModels = channelConfigs[type]?.models || []\n  const customTypeModels = customModels.value[type] || []\n  return [...defaultModels, ...customTypeModels]\n}\n\n// 计算过滤后的模型列表\nconst updateFilteredModels = () => {\n  filteredModels.value = getAvailableModels(createForm.type)\n}\n\nconst updateFilteredEditModels = () => {\n  filteredEditModels.value = getAvailableModels(editForm.type)\n}\n\n// 移除模型\nconst removeModel = (model) => {\n  const index = selectedModels.value.indexOf(model)\n  if (index > -1) {\n    selectedModels.value.splice(index, 1)\n  }\n}\n\n// 移除编辑模型\nconst removeEditModel = (model) => {\n  const index = selectedEditModels.value.indexOf(model)\n  if (index > -1) {\n    selectedEditModels.value.splice(index, 1)\n  }\n}\n\nconst getApiKeyTip = (type) => {\n  return channelConfigs[type]?.apiKeyTip || '请输入API Key'\n}\n\nconst handleChannelTypeChange = () => {\n  const config = channelConfigs[createForm.type]\n  if (config) {\n    createForm.base_url = config.baseUrl\n    createForm.test_model = config.testModel\n    selectedModels.value = []\n  }\n  // 更新过滤后的模型列表\n  updateFilteredModels()\n}\n\nconst handleEditChannelTypeChange = () => {\n  const config = channelConfigs[editForm.type]\n  if (config) {\n    editForm.base_url = config.baseUrl\n    editForm.test_model = config.testModel\n    selectedEditModels.value = []\n  }\n  // 更新过滤后的模型列表\n  updateFilteredEditModels()\n}\n\nconst selectAllModels = () => {\n  selectedModels.value = [...getAvailableModels(createForm.type)]\n}\n\nconst clearSelectedModels = () => {\n  selectedModels.value = []\n}\n\nconst selectAllEditModels = () => {\n  selectedEditModels.value = [...getAvailableModels(editForm.type)]\n}\n\nconst clearSelectedEditModels = () => {\n  selectedEditModels.value = []\n}\n\nconst syncModels = async (type) => {\n  syncingModels.value = true\n  try {\n    // 从后端API获取最新模型列表\n    ElMessage.info('正在同步最新模型...')\n    \n    const response = await api.admin.getLatestModels({\n      type,\n      api_key: createForm.api_key,\n      base_url: createForm.base_url\n    })\n    const latestModels = response.data.data || []\n    \n    // 更新渠道配置中的模型列表\n    if (channelConfigs[type]) {\n      channelConfigs[type].models = latestModels\n    }\n    \n    // 更新过滤后的模型列表\n    updateFilteredModels()\n    \n    ElMessage.success('模型同步成功')\n  } catch (error) {\n    console.error('Failed to sync models:', error)\n    ElMessage.error('模型同步失败')\n  } finally {\n    syncingModels.value = false\n  }\n}\n\nconst syncEditModels = async (type) => {\n  syncingEditModels.value = true\n  try {\n    // 从后端API获取最新模型列表\n    ElMessage.info('正在同步最新模型...')\n    \n    const response = await api.admin.getLatestModels({\n      type,\n      api_key: editForm.api_key,\n      base_url: editForm.base_url\n    })\n    const latestModels = response.data.data || []\n    \n    // 更新渠道配置中的模型列表\n    if (channelConfigs[type]) {\n      channelConfigs[type].models = latestModels\n    }\n    \n    // 更新过滤后的模型列表\n    updateFilteredEditModels()\n    \n    ElMessage.success('模型同步成功')\n  } catch (error) {\n    console.error('Failed to sync models:', error)\n    ElMessage.error('模型同步失败')\n  } finally {\n    syncingEditModels.value = false\n  }\n}\n\n// 初始化模型列表\nconst initModels = async () => {\n  try {\n    // 为所有渠道类型同步模型列表\n    for (const type in channelConfigs) {\n      const response = await api.admin.getLatestModels({ type })\n      const latestModels = response.data.data || []\n      if (channelConfigs[type]) {\n        channelConfigs[type].models = latestModels\n      }\n    }\n    // 更新过滤后的模型列表\n    updateFilteredModels()\n    updateFilteredEditModels()\n  } catch (error) {\n    console.error('Failed to initialize models:', error)\n  }\n}\n\nconst addManualModel = () => {\n  if (!manualModel.value.trim()) {\n    ElMessage.warning('请输入模型名称')\n    return\n  }\n  \n  const type = createForm.type\n  if (!customModels.value[type]) {\n    customModels.value[type] = []\n  }\n  \n  // 检查模型是否已存在\n  if (getAvailableModels(type).includes(manualModel.value.trim())) {\n    ElMessage.warning('模型已存在')\n    return\n  }\n  \n  // 添加到自定义模型列表\n  customModels.value[type].push(manualModel.value.trim())\n  ElMessage.success('模型添加成功')\n  manualModel.value = ''\n}\n\nconst addEditManualModel = () => {\n  if (!editManualModel.value.trim()) {\n    ElMessage.warning('请输入模型名称')\n    return\n  }\n  \n  const type = editForm.type\n  if (!customModels.value[type]) {\n    customModels.value[type] = []\n  }\n  \n  // 检查模型是否已存在\n  if (getAvailableModels(type).includes(editManualModel.value.trim())) {\n    ElMessage.warning('模型已存在')\n    return\n  }\n  \n  // 添加到自定义模型列表\n  customModels.value[type].push(editManualModel.value.trim())\n  ElMessage.success('模型添加成功')\n  editManualModel.value = ''\n}\n\n// 根据渠道类型获取最新模型列表\nconst getLatestModelsByType = (type) => {\n  // 模拟从API获取最新模型\n  // 实际项目中，这里应该调用后端API获取最新模型\n  switch (type) {\n    case 1: // OpenAI\n      return ['gpt-3.5-turbo', 'gpt-4', 'gpt-4o', 'gpt-4-turbo', 'gpt-4o-mini', 'gpt-5-alpha']\n    case 2: // Anthropic\n      return ['claude-3-sonnet-20240229', 'claude-3-opus-20240229', 'claude-3-haiku-20240307', 'claude-3.5-sonnet-20240620']\n    case 3: // Azure\n      return ['gpt-35-turbo', 'gpt-4', 'gpt-4-turbo', 'gpt-4o']\n    case 4: // Google Gemini\n      return ['gemini-pro', 'gemini-1.5-pro', 'gemini-1.5-flash', 'gemini-2.0-pro']\n    case 14: // 豆包\n      return [\n        'doubao-1.5-pro-20240528',\n        'doubao-1.5-flash-20240528',\n        'doubao-1.0-pro-20240528',\n        'doubao-1.0-flash-20240528',\n        'ep-20240604172028-4q775',\n        'ep-20240610144610-g97pz',\n        'ep-20240701171326-7q7d2',\n        'ep-20240715143158-4v8z9',\n        'ep-20240801150102-5g6h7',\n        'doubao-embedding-1.0'\n      ]\n    case 15: // 阿里通义\n      return ['qwen-turbo', 'qwen-plus', 'qwen-max', 'qwen-2.5-turbo', 'qwen-2.5-plus']\n    case 16: // DeepSeek\n      return ['deepseek-chat', 'deepseek-llm', 'deepseek-v3.1']\n    case 17: // MiniMax\n      return ['abab5.5-chat', 'abab6-chat', 'abab6.5-chat']\n    case 18: // 智谱 AI\n      return ['chatglm3-6b', 'chatglm3-6b-32k', 'glm-4', 'glm-4-flash']\n    default:\n      return []\n  }\n}\n\nconst toggleModelSelection = (model) => {\n  const index = selectedModels.value.indexOf(model)\n  if (index > -1) {\n    selectedModels.value.splice(index, 1)\n  } else {\n    selectedModels.value.push(model)\n  }\n}\n\nconst toggleEditModelSelection = (model) => {\n  const index = selectedEditModels.value.indexOf(model)\n  if (index > -1) {\n    selectedEditModels.value.splice(index, 1)\n  } else {\n    selectedEditModels.value.push(model)\n  }\n}\n\nconst fillRelatedModels = (type) => {\n  // 填入该渠道类型的所有模型\n  selectedModels.value = [...getAvailableModels(type)]\n  ElMessage.success('已填入相关模型')\n}\n\nconst fillEditRelatedModels = (type) => {\n  // 填入该渠道类型的所有模型\n  selectedEditModels.value = [...getAvailableModels(type)]\n  ElMessage.success('已填入相关模型')\n}\n\n// 转换模型名称为API使用的名称\nconst convertModelNames = (models) => {\n  return models.map(model => {\n    return modelNameMap[model] || model\n  })\n}\n\nconst resetCreateForm = () => {\n  createForm.type = 1\n  createForm.name = ''\n  createForm.display_name = ''\n  createForm.base_url = 'https://api.openai.com/v1'\n  createForm.api_key = ''\n  createForm.test_model = 'gpt-3.5-turbo'\n  createForm.priority = 1\n  createForm.weight = 100\n  createForm.status = 1\n  createForm.models = ''\n  createForm.group = 'default'\n  selectedModels.value = []\n  showCreateDialog.value = false\n  showManualModelInput.value = false\n  manualModel.value = ''\n  // 清除同步标记\n  hasSyncedModels.value = {}\n  // 更新过滤后的模型列表\n  updateFilteredModels()\n}\n\nconst loadChannels = async () => {\n  loading.value = true\n  try {\n    const res = await api.admin.getChannels({ page: 1, page_size: 100 })\n    // 新响应格式: { code, message, data: { data: [...], total: N } }\n    channels.value = res.data.data?.data || []\n  } catch (error) {\n    console.error('Failed to load channels:', error)\n    ElMessage.error('加载渠道失败')\n  } finally {\n    loading.value = false\n  }\n}\n\nconst refreshChannels = () => {\n  loadChannels()\n}\n\nconst handleCreate = async () => {\n  try {\n    // 转换模型名称并转换为JSON字符串\n    const convertedModels = convertModelNames(selectedModels.value)\n    createForm.models = JSON.stringify(convertedModels)\n    \n    const data = {\n      ...createForm\n    }\n    await api.admin.createChannel(data)\n    ElMessage.success('创建成功')\n    resetCreateForm()\n    loadChannels()\n  } catch (error) {\n    console.error('Failed to create channel:', error)\n    ElMessage.error('创建失败')\n  }\n}\n\nconst editChannel = (channel) => {\n  editForm.id = channel.id\n  editForm.type = channel.type\n  editForm.name = channel.name\n  editForm.display_name = channel.display_name\n  editForm.base_url = channel.base_url\n  editForm.api_key = channel.api_key || ''\n  editForm.test_model = channel.test_model\n  editForm.priority = channel.priority\n  editForm.weight = channel.weight\n  editForm.status = channel.status\n  editForm.models = channel.models\n  editForm.group = channel.group || 'default'\n  \n  // 解析模型列表\n  try {\n    selectedEditModels.value = JSON.parse(channel.models || '[]')\n  } catch (e) {\n    selectedEditModels.value = []\n  }\n  \n  // 清除同步标记\n  hasSyncedModels.value = {}\n  \n  // 更新过滤后的模型列表\n  updateFilteredEditModels()\n  \n  showEditDialog.value = true\n}\n\nconst handleEdit = async () => {\n  try {\n    // 转换模型名称并转换为JSON字符串\n    const convertedModels = convertModelNames(selectedEditModels.value)\n    editForm.models = JSON.stringify(convertedModels)\n    \n    const data = {\n      ...editForm\n    }\n    await api.admin.updateChannel(editForm.id, data)\n    ElMessage.success('更新成功')\n    showEditDialog.value = false\n    loadChannels()\n  } catch (error) {\n    console.error('Failed to update channel:', error)\n    ElMessage.error('更新失败')\n  }\n}\n\nconst testChannel = async (id) => {\n  testingChannels.value.push(id)\n  try {\n    const response = await api.admin.testChannel(id)\n    ElMessage.success(`测试通过，响应时间：${response.data.response_time || 0}ms`)\n  } catch (error) {\n    ElMessage.error('测试失败：' + (error.response?.data?.error || '未知错误'))\n  } finally {\n    testingChannels.value = testingChannels.value.filter(item => item !== id)\n  }\n}\n\nconst batchTestChannels = async () => {\n  batchTesting.value = true\n  try {\n    const response = await api.admin.batchTestChannels()\n    ElMessage.success('批量测试完成')\n    loadChannels()\n  } catch (error) {\n    ElMessage.error('批量测试失败')\n  } finally {\n    batchTesting.value = false\n  }\n}\n\nconst deleteChannel = async (id) => {\n  if (!confirm('确定要删除此渠道吗？')) return\n  try {\n    await api.admin.deleteChannel(id)\n    ElMessage.success('删除成功')\n    loadChannels()\n  } catch (error) {\n    console.error('Failed to delete channel:', error)\n    ElMessage.error('删除失败')\n  }\n}\n\nconst loadGroups = async () => {\n  try {\n    const res = await api.admin.getGroups({ page: 1, page_size: 100 })\n    groups.value = res.data.data?.data || []\n  } catch (error) {\n    console.error('Failed to load groups:', error)\n  }\n}\n\nconst handleModelFocus = async (form, mode) => {\n  const key = `${mode}-${form.type}`\n  \n  // 如果已经同步过，就不再同步\n  if (hasSyncedModels.value[key]) {\n    return\n  }\n  \n  if (!form.api_key) {\n    ElMessage.warning('请先填写 API Key')\n    return\n  }\n  if (!form.base_url) {\n    ElMessage.warning('请先填写 Base URL')\n    return\n  }\n  if (!form.type) {\n    ElMessage.warning('请先选择渠道类型')\n    return\n  }\n  \n  try {\n    const response = await api.admin.getLatestModels({\n      type: form.type,\n      api_key: form.api_key,\n      base_url: form.base_url\n    })\n    const latestModels = response.data.data || []\n    \n    if (channelConfigs[form.type]) {\n      channelConfigs[form.type].models = latestModels\n    }\n    \n    if (mode === 'create') {\n      updateFilteredModels()\n    } else {\n      updateFilteredEditModels()\n    }\n    \n    // 标记为已同步\n    hasSyncedModels.value[key] = true\n    \n    ElMessage.success('模型列表获取成功')\n  } catch (error) {\n    console.error('Failed to get models:', error)\n    // 不显示错误消息，避免影响用户体验\n  }\n}\n\nonMounted(() => {\n  loadChannels()\n  loadGroups()\n  // 初始化过滤后的模型列表\n  updateFilteredModels()\n  updateFilteredEditModels()\n})\n</script>\n\n<style scoped lang=\"scss\">\n.channels-page {\n  padding: 20px;\n  .card-header {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    \n    .header-actions {\n      display: flex;\n      gap: 10px;\n    }\n  }\n  \n  .el-table {\n    margin-top: 20px;\n    \n    .el-table__row {\n      transition: all 0.3s ease;\n      \n      &:hover {\n        background-color: #f5f7fa;\n      }\n    }\n  }\n  \n  .model-management {\n    display: flex;\n    flex-direction: column;\n    gap: 10px;\n    \n    .selected-model-tags {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 8px;\n      padding: 10px;\n      background-color: #f5f7fa;\n      border-radius: 4px;\n      min-height: 40px;\n      \n      .selected-tag {\n        font-weight: bold;\n        cursor: pointer;\n        transition: all 0.3s ease;\n        \n        &:hover {\n          transform: translateY(-2px);\n        }\n      }\n    }\n    \n    .model-actions {\n      display: flex;\n      gap: 8px;\n      flex-wrap: wrap;\n      padding: 5px 0;\n    }\n  }\n}\n</style>\n"}, "644d9e61e38f9e26163655416f9ed9003d4338b6": {"t": 1785759879.6416724, "n": 30736, "h": "5f9f41f1b2f0c988", "c": "<template>\n  <div class=\"channels-page\">\n    <el-card>\n      <template #header>\n        <div class=\"card-header\">\n          <span>渠道管理</span>\n          <div class=\"header-actions\">\n            <el-button type=\"primary\" @click=\"showCreateDialog = true\">\n              <el-icon><Plus /></el-icon>\n              添加渠道\n            </el-button>\n            <el-button @click=\"batchTestChannels\" :loading=\"batchTesting\">\n              <el-icon><Refresh /></el-icon>\n              批量测试\n            </el-button>\n            <el-button @click=\"refreshChannels\">\n              <el-icon><Refresh /></el-icon>\n              刷新\n            </el-button>\n          </div>\n        </div>\n      </template>\n      \n      <el-table :data=\"channels\" v-loading=\"loading\" border style=\"width: 100%\">\n        <el-table-column prop=\"id\" label=\"ID\" width=\"80\" />\n        <el-table-column prop=\"name\" label=\"名称\" />\n        <el-table-column prop=\"api_key\" label=\"API Key\" show-overflow-tooltip>\n          <template #default=\"{ row }\">\n            {{ row.api_key ? '******' + row.api_key.slice(-4) : '' }}\n          </template>\n        </el-table-column>\n        <el-table-column prop=\"group\" label=\"分组\" width=\"120\">\n          <template #default=\"{ row }\">\n            <el-tag size=\"small\">\n              {{ row.group || 'default' }}\n            </el-tag>\n          </template>\n        </el-table-column>\n        <el-table-column prop=\"type\" label=\"类型\" width=\"120\">\n          <template #default=\"{ row }\">\n            <el-tag :type=\"getChannelTypeTag(row.type)\">\n              {{ channelType(row.type) }}\n            </el-tag>\n          </template>\n        </el-table-column>\n        <el-table-column prop=\"base_url\" label=\"BaseURL\" show-overflow-tooltip />\n        <el-table-column prop=\"priority\" label=\"优先级\" width=\"80\" />\n        <el-table-column prop=\"weight\" label=\"权重\" width=\"80\" />\n        <el-table-column prop=\"status\" label=\"状态\" width=\"100\">\n          <template #default=\"{ row }\">\n            <el-tag :type=\"getStatusTagType(row.status)\" size=\"small\">\n              {{ getStatusText(row.status) }}\n            </el-tag>\n          </template>\n        </el-table-column>\n        <el-table-column prop=\"last_test_time\" label=\"最后测试时间\" width=\"160\">\n          <template #default=\"{ row }\">\n            {{ row.last_test_time || '未测试' }}\n          </template>\n        </el-table-column>\n        <el-table-column label=\"操作\" width=\"300\">\n          <template #default=\"{ row }\">\n            <el-button size=\"small\" @click=\"testChannel(row.id)\" :loading=\"testingChannels.includes(row.id)\">\n              <el-icon><Check /></el-icon>\n              测试\n            </el-button>\n            <el-button size=\"small\" type=\"warning\" @click=\"editChannel(row)\">\n              <el-icon><Edit /></el-icon>\n              编辑\n            </el-button>\n            <el-button size=\"small\" type=\"danger\" @click=\"deleteChannel(row.id)\">\n              <el-icon><Delete /></el-icon>\n              删除\n            </el-button>\n          </template>\n        </el-table-column>\n      </el-table>\n    </el-card>\n    \n    <!-- 创建渠道对话框 -->\n    <el-dialog v-model=\"showCreateDialog\" title=\"添加渠道\" width=\"600px\">\n      <el-form :model=\"createForm\" label-width=\"100px\">\n        <el-form-item label=\"渠道类型\" required>\n          <el-select v-model=\"createForm.type\" placeholder=\"请选择渠道类型\" @change=\"handleChannelTypeChange\">\n            <el-option label=\"OpenAI\" :value=\"1\" />\n            <el-option label=\"Anthropic\" :value=\"2\" />\n            <el-option label=\"Azure\" :value=\"3\" />\n            <el-option label=\"Google Gemini\" :value=\"4\" />\n            <el-option label=\"豆包 (ByteDance)\" :value=\"14\" />\n            <el-option label=\"阿里通义\" :value=\"15\" />\n            <el-option label=\"DeepSeek\" :value=\"16\" />\n            <el-option label=\"MiniMax\" :value=\"17\" />\n            <el-option label=\"智谱 AI\" :value=\"18\" />\n          </el-select>\n        </el-form-item>\n        <el-form-item label=\"名称\" required>\n          <el-input v-model=\"createForm.name\" placeholder=\"请输入名称\" />\n        </el-form-item>\n        <el-form-item label=\"显示名称\" required>\n          <el-input v-model=\"createForm.display_name\" placeholder=\"请输入显示名称\" />\n        </el-form-item>\n        <el-form-item label=\"BaseURL\" required>\n          <el-input v-model=\"createForm.base_url\" placeholder=\"https://api.openai.com/v1\" />\n          <el-tooltip content=\"根据选择的渠道类型，系统已自动填充默认BaseURL\" placement=\"top\" :visible=\"showBaseUrlTip\">\n            <el-button type=\"text\" size=\"small\" @click=\"showBaseUrlTip = !showBaseUrlTip\">\n              显示提示\n            </el-button>\n          </el-tooltip>\n        </el-form-item>\n        <el-form-item label=\"API Key\" required>\n          <el-input v-model=\"createForm.api_key\" type=\"password\" show-password />\n          <el-tooltip content=\"{{ getApiKeyTip(createForm.type) }}\" placement=\"top\" :visible=\"showApiKeyTip\">\n            <el-button type=\"text\" size=\"small\" @click=\"showApiKeyTip = !showApiKeyTip\">\n              API Key提示\n            </el-button>\n          </el-tooltip>\n        </el-form-item>\n        <el-form-item label=\"测试模型\">\n          <el-select v-model=\"createForm.test_model\" placeholder=\"请选择测试模型\">\n            <el-option \n              v-for=\"model in getAvailableModels(createForm.type)\" \n              :key=\"model\" \n              :label=\"model\" \n              :value=\"model\" \n            />\n          </el-select>\n        </el-form-item>\n        <el-form-item label=\"优先级\">\n          <el-input-number v-model=\"createForm.priority\" :min=\"1\" :step=\"1\" />\n          <el-tooltip content=\"优先级越高，越先被使用\" placement=\"top\">\n            <el-button type=\"text\" size=\"small\">\n              ？\n            </el-button>\n          </el-tooltip>\n        </el-form-item>\n        <el-form-item label=\"权重\">\n          <el-input-number v-model=\"createForm.weight\" :min=\"1\" :step=\"10\" />\n          <el-tooltip content=\"权重越高，被使用的概率越大\" placement=\"top\">\n            <el-button type=\"text\" size=\"small\">\n              ？\n            </el-button>\n          </el-tooltip>\n        </el-form-item>\n        <el-form-item label=\"状态\">\n          <el-select v-model=\"createForm.status\">\n            <el-option label=\"启用\" :value=\"1\" />\n            <el-option label=\"禁用\" :value=\"0\" />\n            <el-option label=\"维护中\" :value=\"2\" />\n          </el-select>\n        </el-form-item>\n        <el-form-item label=\"模型\" required>\n          <div class=\"model-management\">\n            <!-- 模型选择器 -->\n            <el-select\n              v-model=\"selectedModels\"\n              multiple\n              filterable\n              allow-create\n              default-first-option\n              placeholder=\"请选择该渠道所支持的模型\"\n              style=\"width: 100%\"\n              @change=\"updateFilteredModels\"\n            >\n              <el-option\n                v-for=\"model in filteredModels\"\n                :key=\"model\"\n                :label=\"model\"\n                :value=\"model\"\n              />\n            </el-select>\n            \n            <!-- 已选择模型标签显示 -->\n            <div class=\"selected-model-tags\" v-if=\"selectedModels.length > 0\">\n              <el-tag\n                v-for=\"model in selectedModels\"\n                :key=\"model\"\n                closable\n                @close=\"removeModel(model)\"\n                class=\"selected-tag\"\n              >\n                {{ model }}\n              </el-tag>\n            </div>\n            \n            <div class=\"model-actions\">\n              <el-button type=\"text\" size=\"small\" @click=\"selectAllModels\">\n                全选\n              </el-button>\n              <el-button type=\"text\" size=\"small\" @click=\"clearSelectedModels\">\n                清空\n              </el-button>\n              <el-button type=\"text\" size=\"small\" @click=\"fillRelatedModels(createForm.type)\">\n                填入相关模型\n              </el-button>\n              <el-button type=\"text\" size=\"small\" @click=\"syncModels(createForm.type)\" :loading=\"syncingModels\">\n                <el-icon><Refresh /></el-icon>\n                同步最新模型\n              </el-button>\n            </div>\n          </div>\n        </el-form-item>\n        \n        <el-form-item label=\"分组\">\n          <el-select v-model=\"createForm.group\" placeholder=\"选择分组\">\n            <el-option \n              v-for=\"group in groups\" \n              :key=\"group.name\" \n              :label=\"group.display_name || group.name\" \n              :value=\"group.name\" \n            />\n          </el-select>\n        </el-form-item>\n      </el-form>\n      <template #footer>\n        <el-button @click=\"resetCreateForm\">取消</el-button>\n        <el-button type=\"primary\" @click=\"handleCreate\">创建</el-button>\n      </template>\n    </el-dialog>\n    \n    <!-- 编辑渠道对话框 -->\n    <el-dialog v-model=\"showEditDialog\" title=\"编辑渠道\" width=\"600px\">\n      <el-form :model=\"editForm\" label-width=\"100px\">\n        <el-form-item label=\"渠道类型\" required>\n          <el-select v-model=\"editForm.type\" @change=\"handleEditChannelTypeChange\">\n            <el-option label=\"OpenAI\" :value=\"1\" />\n            <el-option label=\"Anthropic\" :value=\"2\" />\n            <el-option label=\"Azure\" :value=\"3\" />\n            <el-option label=\"Google Gemini\" :value=\"4\" />\n            <el-option label=\"豆包 (ByteDance)\" :value=\"14\" />\n            <el-option label=\"阿里通义\" :value=\"15\" />\n            <el-option label=\"DeepSeek\" :value=\"16\" />\n            <el-option label=\"MiniMax\" :value=\"17\" />\n            <el-option label=\"智谱 AI\" :value=\"18\" />\n          </el-select>\n        </el-form-item>\n        <el-form-item label=\"名称\" required>\n          <el-input v-model=\"editForm.name\" placeholder=\"请输入名称\" />\n        </el-form-item>\n        <el-form-item label=\"显示名称\" required>\n          <el-input v-model=\"editForm.display_name\" placeholder=\"请输入显示名称\" />\n        </el-form-item>\n        <el-form-item label=\"BaseURL\" required>\n          <el-input v-model=\"editForm.base_url\" placeholder=\"https://api.openai.com/v1\" />\n        </el-form-item>\n        <el-form-item label=\"API Key\" required>\n          <el-input v-model=\"editForm.api_key\" type=\"password\" show-password />\n        </el-form-item>\n        <el-form-item label=\"测试模型\">\n          <el-select v-model=\"editForm.test_model\" placeholder=\"请选择测试模型\">\n            <el-option \n              v-for=\"model in getAvailableModels(editForm.type)\" \n              :key=\"model\" \n              :label=\"model\" \n              :value=\"model\" \n            />\n          </el-select>\n        </el-form-item>\n        <el-form-item label=\"优先级\">\n          <el-input-number v-model=\"editForm.priority\" :min=\"1\" :step=\"1\" />\n        </el-form-item>\n        <el-form-item label=\"权重\">\n          <el-input-number v-model=\"editForm.weight\" :min=\"1\" :step=\"10\" />\n        </el-form-item>\n        <el-form-item label=\"状态\">\n          <el-select v-model=\"editForm.status\">\n            <el-option label=\"启用\" :value=\"1\" />\n            <el-option label=\"禁用\" :value=\"0\" />\n            <el-option label=\"维护中\" :value=\"2\" />\n          </el-select>\n        </el-form-item>\n        <el-form-item label=\"模型\" required>\n          <div class=\"model-management\">\n            <!-- 模型选择器 -->\n            <el-select\n              v-model=\"selectedEditModels\"\n              multiple\n              filterable\n              allow-create\n              default-first-option\n              placeholder=\"请选择该渠道所支持的模型\"\n              style=\"width: 100%\"\n              @change=\"updateFilteredEditModels\"\n            >\n              <el-option\n                v-for=\"model in filteredEditModels\"\n                :key=\"model\"\n                :label=\"model\"\n                :value=\"model\"\n              />\n            </el-select>\n            \n            <!-- 已选择模型标签显示 -->\n            <div class=\"selected-model-tags\" v-if=\"selectedEditModels.length > 0\">\n              <el-tag\n                v-for=\"model in selectedEditModels\"\n                :key=\"model\"\n                closable\n                @close=\"removeEditModel(model)\"\n                class=\"selected-tag\"\n              >\n                {{ model }}\n              </el-tag>\n            </div>\n            \n            <div class=\"model-actions\">\n              <el-button type=\"text\" size=\"small\" @click=\"selectAllEditModels\">\n                全选\n              </el-button>\n              <el-button type=\"text\" size=\"small\" @click=\"clearSelectedEditModels\">\n                清空\n              </el-button>\n              <el-button type=\"text\" size=\"small\" @click=\"fillEditRelatedModels(editForm.type)\">\n                填入相关模型\n              </el-button>\n              <el-button type=\"text\" size=\"small\" @click=\"syncEditModels(editForm.type)\" :loading=\"syncingEditModels\">\n                <el-icon><Refresh /></el-icon>\n                同步最新模型\n              </el-button>\n            </div>\n          </div>\n        </el-form-item>\n        \n        <el-form-item label=\"分组\">\n          <el-select v-model=\"editForm.group\" placeholder=\"选择分组\">\n            <el-option \n              v-for=\"group in groups\" \n              :key=\"group.name\" \n              :label=\"group.display_name || group.name\" \n              :value=\"group.name\" \n            />\n          </el-select>\n        </el-form-item>\n      </el-form>\n      <template #footer>\n        <el-button @click=\"showEditDialog = false\">取消</el-button>\n        <el-button type=\"primary\" @click=\"handleEdit\">保存</el-button>\n      </template>\n    </el-dialog>\n  </div>\n</template>\n\n<script setup>\nimport api from '@/api';\nimport { Check, Delete, Edit, Plus, Refresh } from '@element-plus/icons-vue';\nimport { ElButton, ElMessage, ElTooltip } from 'element-plus';\nimport { onMounted, reactive, ref } from 'vue';\n\nconst loading = ref(false)\nconst batchTesting = ref(false)\nconst testingChannels = ref([])\nconst channels = ref([])\nconst showCreateDialog = ref(false)\nconst showEditDialog = ref(false)\nconst showBaseUrlTip = ref(false)\nconst showApiKeyTip = ref(false)\nconst selectedModels = ref([])\nconst selectedEditModels = ref([])\nconst syncingModels = ref(false)\nconst showManualModelInput = ref(false)\nconst manualModel = ref('')\nconst syncingEditModels = ref(false)\nconst customModels = ref({}) // 存储手动添加的模型\nconst filteredModels = ref([])\nconst filteredEditModels = ref([])\nconst groups = ref([]) // 存储分组列表\nconst hasSyncedModels = ref({}) // 记录是否已经同步过模型\n\nconst createForm = reactive({\n  type: 1,\n  name: '',\n  display_name: '',\n  base_url: 'https://api.openai.com/v1',\n  api_key: '',\n  test_model: 'gpt-3.5-turbo',\n  priority: 1,\n  weight: 100,\n  status: 1,\n  models: '',\n  group: 'default'\n})\n\nconst editForm = reactive({\n  id: '',\n  type: 1,\n  name: '',\n  display_name: '',\n  base_url: '',\n  api_key: '',\n  test_model: '',\n  priority: 1,\n  weight: 100,\n  status: 1,\n  models: '',\n  group: 'default'\n})\n\n// 模型名称映射\nconst modelNameMap = {\n  // 豆包模型映射\n  'Doubao-pro-128k': 'doubao-pro-128k',\n  'Doubao-pro-32k': 'doubao-pro-32k',\n  'Doubao-pro-4k': 'doubao-pro-4k',\n  'Doubao-lite-128k': 'doubao-lite-128k',\n  'Doubao-lite-32k': 'doubao-lite-32k',\n  'Doubao-lite-4k': 'doubao-lite-4k',\n  'Doubao-embedding': 'doubao-embedding-1.0'\n}\n\n// 渠道类型配置\nconst channelConfigs = {\n  1: { // OpenAI\n    baseUrl: 'https://api.openai.com/v1',\n    testModel: 'gpt-3.5-turbo',\n    models: [], // 从API获取\n    apiKeyTip: 'OpenAI API Key 格式为 sk-xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx'\n  },\n  2: { // Anthropic\n    baseUrl: 'https://api.anthropic.com/v1',\n    testModel: 'claude-3-sonnet-20240229',\n    models: [], // 从API获取\n    apiKeyTip: 'Anthropic API Key 格式为 sk-ant-api03-xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx'\n  },\n  3: { // Azure\n    baseUrl: 'https://your-resource.openai.azure.com/openai/deployments/{deployment-name}',\n    testModel: 'gpt-35-turbo',\n    models: [], // 从API获取\n    apiKeyTip: 'Azure API Key 格式为 xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx'\n  },\n  4: { // Google Gemini\n    baseUrl: 'https://generativeai.googleapis.com/v1',\n    testModel: 'gemini-pro',\n    models: [], // 从API获取\n    apiKeyTip: 'Google API Key 格式为 AIzaSyxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx'\n  },\n  14: { // 豆包\n    baseUrl: 'https://ark.cn-beijing.volces.com/api/v3',\n    testModel: 'Doubao-pro-128k',\n    models: [], // 从API获取\n    apiKeyTip: '豆包 API Key 格式为 ak-xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx'\n  },\n  15: { // 阿里通义\n    baseUrl: 'https://dashscope.aliyuncs.com/api/v1',\n    testModel: 'qwen-turbo',\n    models: [], // 从API获取\n    apiKeyTip: '阿里通义 API Key 格式为 sk-xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx'\n  },\n  16: { // DeepSeek\n    baseUrl: 'https://api.deepseek.com/v1',\n    testModel: 'deepseek-chat',\n    models: [], // 从API获取\n    apiKeyTip: 'DeepSeek API Key 格式为 sk-xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx'\n  },\n  17: { // MiniMax\n    baseUrl: 'https://api.minimax.chat/v1',\n    testModel: 'abab5.5-chat',\n    models: [], // 从API获取\n    apiKeyTip: 'MiniMax API Key 格式为 sk-xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx'\n  },\n  18: { // 智谱 AI\n    baseUrl: 'https://open.bigmodel.cn/api/mcp',\n    testModel: 'chatglm3-6b',\n    models: [], // 从API获取\n    apiKeyTip: '智谱 AI API Key 格式为 xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx'\n  }\n}\n\nconst channelType = (type) => {\n  const types = { \n    1: 'OpenAI', \n    2: 'Anthropic', \n    3: 'Azure', \n    4: 'Google Gemini',\n    14: '豆包',\n    15: '阿里通义',\n    16: 'DeepSeek',\n    17: 'MiniMax',\n    18: '智谱 AI'\n  }\n  return types[type] || 'Unknown'\n}\n\nconst getChannelTypeTag = (type) => {\n  switch (type) {\n    case 1: return 'primary'\n    case 2: return 'warning'\n    case 3: return 'info'\n    case 4: return 'success'\n    case 14: return 'danger'\n    case 15: return 'purple'\n    case 16: return 'blue'\n    case 17: return 'cyan'\n    case 18: return 'teal'\n    default: return 'default'\n  }\n}\n\nconst getStatusText = (status) => {\n  const statuses = { 0: '禁用', 1: '启用', 2: '维护中' }\n  return statuses[status] || '未知'\n}\n\nconst getStatusTagType = (status) => {\n  switch (status) {\n    case 1: return 'success'\n    case 0: return 'danger'\n    case 2: return 'warning'\n    default: return 'default'\n  }\n}\n\nconst getAvailableModels = (type) => {\n  const defaultModels = channelConfigs[type]?.models || []\n  const customTypeModels = customModels.value[type] || []\n  return [...defaultModels, ...customTypeModels]\n}\n\n// 计算过滤后的模型列表\nconst updateFilteredModels = () => {\n  filteredModels.value = getAvailableModels(createForm.type)\n}\n\nconst updateFilteredEditModels = () => {\n  filteredEditModels.value = getAvailableModels(editForm.type)\n}\n\n// 移除模型\nconst removeModel = (model) => {\n  const index = selectedModels.value.indexOf(model)\n  if (index > -1) {\n    selectedModels.value.splice(index, 1)\n  }\n}\n\n// 移除编辑模型\nconst removeEditModel = (model) => {\n  const index = selectedEditModels.value.indexOf(model)\n  if (index > -1) {\n    selectedEditModels.value.splice(index, 1)\n  }\n}\n\nconst getApiKeyTip = (type) => {\n  return channelConfigs[type]?.apiKeyTip || '请输入API Key'\n}\n\nconst handleChannelTypeChange = () => {\n  const config = channelConfigs[createForm.type]\n  if (config) {\n    createForm.base_url = config.baseUrl\n    createForm.test_model = config.testModel\n    selectedModels.value = []\n  }\n  // 更新过滤后的模型列表\n  updateFilteredModels()\n}\n\nconst handleEditChannelTypeChange = () => {\n  const config = channelConfigs[editForm.type]\n  if (config) {\n    editForm.base_url = config.baseUrl\n    editForm.test_model = config.testModel\n    selectedEditModels.value = []\n  }\n  // 更新过滤后的模型列表\n  updateFilteredEditModels()\n}\n\nconst selectAllModels = () => {\n  selectedModels.value = [...getAvailableModels(createForm.type)]\n}\n\nconst clearSelectedModels = () => {\n  selectedModels.value = []\n}\n\nconst selectAllEditModels = () => {\n  selectedEditModels.value = [...getAvailableModels(editForm.type)]\n}\n\nconst clearSelectedEditModels = () => {\n  selectedEditModels.value = []\n}\n\nconst syncModels = async (type) => {\n  syncingModels.value = true\n  try {\n    // 从后端API获取最新模型列表\n    ElMessage.info('正在同步最新模型...')\n    \n    const response = await api.admin.getLatestModels({\n      type,\n      api_key: createForm.api_key,\n      base_url: createForm.base_url\n    })\n    const latestModels = response.data.data || []\n    \n    // 更新渠道配置中的模型列表\n    if (channelConfigs[type]) {\n      channelConfigs[type].models = latestModels\n    }\n    \n    // 更新过滤后的模型列表\n    updateFilteredModels()\n    \n    ElMessage.success('模型同步成功')\n  } catch (error) {\n    console.error('Failed to sync models:', error)\n    ElMessage.error('模型同步失败')\n  } finally {\n    syncingModels.value = false\n  }\n}\n\nconst syncEditModels = async (type) => {\n  syncingEditModels.value = true\n  try {\n    // 从后端API获取最新模型列表\n    ElMessage.info('正在同步最新模型...')\n    \n    const response = await api.admin.getLatestModels({\n      type,\n      api_key: editForm.api_key,\n      base_url: editForm.base_url\n    })\n    const latestModels = response.data.data || []\n    \n    // 更新渠道配置中的模型列表\n    if (channelConfigs[type]) {\n      channelConfigs[type].models = latestModels\n    }\n    \n    // 更新过滤后的模型列表\n    updateFilteredEditModels()\n    \n    ElMessage.success('模型同步成功')\n  } catch (error) {\n    console.error('Failed to sync models:', error)\n    ElMessage.error('模型同步失败')\n  } finally {\n    syncingEditModels.value = false\n  }\n}\n\n// 初始化模型列表\nconst initModels = async () => {\n  try {\n    // 为所有渠道类型同步模型列表\n    for (const type in channelConfigs) {\n      const response = await api.admin.getLatestModels({ type })\n      const latestModels = response.data.data || []\n      if (channelConfigs[type]) {\n        channelConfigs[type].models = latestModels\n      }\n    }\n    // 更新过滤后的模型列表\n    updateFilteredModels()\n    updateFilteredEditModels()\n  } catch (error) {\n    console.error('Failed to initialize models:', error)\n  }\n}\n\nconst addManualModel = () => {\n  if (!manualModel.value.trim()) {\n    ElMessage.warning('请输入模型名称')\n    return\n  }\n  \n  const type = createForm.type\n  if (!customModels.value[type]) {\n    customModels.value[type] = []\n  }\n  \n  // 检查模型是否已存在\n  if (getAvailableModels(type).includes(manualModel.value.trim())) {\n    ElMessage.warning('模型已存在')\n    return\n  }\n  \n  // 添加到自定义模型列表\n  customModels.value[type].push(manualModel.value.trim())\n  ElMessage.success('模型添加成功')\n  manualModel.value = ''\n}\n\nconst addEditManualModel = () => {\n  if (!editManualModel.value.trim()) {\n    ElMessage.warning('请输入模型名称')\n    return\n  }\n  \n  const type = editForm.type\n  if (!customModels.value[type]) {\n    customModels.value[type] = []\n  }\n  \n  // 检查模型是否已存在\n  if (getAvailableModels(type).includes(editManualModel.value.trim())) {\n    ElMessage.warning('模型已存在')\n    return\n  }\n  \n  // 添加到自定义模型列表\n  customModels.value[type].push(editManualModel.value.trim())\n  ElMessage.success('模型添加成功')\n  editManualModel.value = ''\n}\n\n// 根据渠道类型获取最新模型列表\nconst getLatestModelsByType = (type) => {\n  // 模拟从API获取最新模型\n  // 实际项目中，这里应该调用后端API获取最新模型\n  switch (type) {\n    case 1: // OpenAI\n      return ['gpt-3.5-turbo', 'gpt-4', 'gpt-4o', 'gpt-4-turbo', 'gpt-4o-mini', 'gpt-5-alpha']\n    case 2: // Anthropic\n      return ['claude-3-sonnet-20240229', 'claude-3-opus-20240229', 'claude-3-haiku-20240307', 'claude-3.5-sonnet-20240620']\n    case 3: // Azure\n      return ['gpt-35-turbo', 'gpt-4', 'gpt-4-turbo', 'gpt-4o']\n    case 4: // Google Gemini\n      return ['gemini-pro', 'gemini-1.5-pro', 'gemini-1.5-flash', 'gemini-2.0-pro']\n    case 14: // 豆包\n      return [\n        'doubao-1.5-pro-20240528',\n        'doubao-1.5-flash-20240528',\n        'doubao-1.0-pro-20240528',\n        'doubao-1.0-flash-20240528',\n        'ep-20240604172028-4q775',\n        'ep-20240610144610-g97pz',\n        'ep-20240701171326-7q7d2',\n        'ep-20240715143158-4v8z9',\n        'ep-20240801150102-5g6h7',\n        'doubao-embedding-1.0'\n      ]\n    case 15: // 阿里通义\n      return ['qwen-turbo', 'qwen-plus', 'qwen-max', 'qwen-2.5-turbo', 'qwen-2.5-plus']\n    case 16: // DeepSeek\n      return ['deepseek-chat', 'deepseek-llm', 'deepseek-v3.1']\n    case 17: // MiniMax\n      return ['abab5.5-chat', 'abab6-chat', 'abab6.5-chat']\n    case 18: // 智谱 AI\n      return ['chatglm3-6b', 'chatglm3-6b-32k', 'glm-4', 'glm-4-flash']\n    default:\n      return []\n  }\n}\n\nconst toggleModelSelection = (model) => {\n  const index = selectedModels.value.indexOf(model)\n  if (index > -1) {\n    selectedModels.value.splice(index, 1)\n  } else {\n    selectedModels.value.push(model)\n  }\n}\n\nconst toggleEditModelSelection = (model) => {\n  const index = selectedEditModels.value.indexOf(model)\n  if (index > -1) {\n    selectedEditModels.value.splice(index, 1)\n  } else {\n    selectedEditModels.value.push(model)\n  }\n}\n\nconst fillRelatedModels = (type) => {\n  // 填入该渠道类型的所有模型\n  selectedModels.value = [...getAvailableModels(type)]\n  ElMessage.success('已填入相关模型')\n}\n\nconst fillEditRelatedModels = (type) => {\n  // 填入该渠道类型的所有模型\n  selectedEditModels.value = [...getAvailableModels(type)]\n  ElMessage.success('已填入相关模型')\n}\n\n// 转换模型名称为API使用的名称\nconst convertModelNames = (models) => {\n  return models.map(model => {\n    return modelNameMap[model] || model\n  })\n}\n\nconst resetCreateForm = () => {\n  createForm.type = 1\n  createForm.name = ''\n  createForm.display_name = ''\n  createForm.base_url = 'https://api.openai.com/v1'\n  createForm.api_key = ''\n  createForm.test_model = 'gpt-3.5-turbo'\n  createForm.priority = 1\n  createForm.weight = 100\n  createForm.status = 1\n  createForm.models = ''\n  createForm.group = 'default'\n  selectedModels.value = []\n  showCreateDialog.value = false\n  showManualModelInput.value = false\n  manualModel.value = ''\n  // 清除同步标记\n  hasSyncedModels.value = {}\n  // 更新过滤后的模型列表\n  updateFilteredModels()\n}\n\nconst loadChannels = async () => {\n  loading.value = true\n  try {\n    const res = await api.admin.getChannels({ page: 1, page_size: 100 })\n    // 新响应格式: { code, message, data: { data: [...], total: N } }\n    channels.value = res.data.data?.data || []\n  } catch (error) {\n    console.error('Failed to load channels:', error)\n    ElMessage.error('加载渠道失败')\n  } finally {\n    loading.value = false\n  }\n}\n\nconst refreshChannels = () => {\n  loadChannels()\n}\n\nconst handleCreate = async () => {\n  try {\n    // 转换模型名称并转换为JSON字符串\n    const convertedModels = convertModelNames(selectedModels.value)\n    createForm.models = JSON.stringify(convertedModels)\n    \n    const data = {\n      ...createForm\n    }\n    await api.admin.createChannel(data)\n    ElMessage.success('创建成功')\n    resetCreateForm()\n    loadChannels()\n  } catch (error) {\n    console.error('Failed to create channel:', error)\n    ElMessage.error('创建失败')\n  }\n}\n\nconst editChannel = (channel) => {\n  editForm.id = channel.id\n  editForm.type = channel.type\n  editForm.name = channel.name\n  editForm.display_name = channel.display_name\n  editForm.base_url = channel.base_url\n  editForm.api_key = channel.api_key || ''\n  editForm.test_model = channel.test_model\n  editForm.priority = channel.priority\n  editForm.weight = channel.weight\n  editForm.status = channel.status\n  editForm.models = channel.models\n  editForm.group = channel.group || 'default'\n  \n  // 解析模型列表\n  try {\n    selectedEditModels.value = JSON.parse(channel.models || '[]')\n  } catch (e) {\n    selectedEditModels.value = []\n  }\n  \n  // 清除同步标记\n  hasSyncedModels.value = {}\n  \n  // 更新过滤后的模型列表\n  updateFilteredEditModels()\n  \n  showEditDialog.value = true\n}\n\nconst handleEdit = async () => {\n  try {\n    // 转换模型名称并转换为JSON字符串\n    const convertedModels = convertModelNames(selectedEditModels.value)\n    editForm.models = JSON.stringify(convertedModels)\n    \n    const data = {\n      ...editForm\n    }\n    await api.admin.updateChannel(editForm.id, data)\n    ElMessage.success('更新成功')\n    showEditDialog.value = false\n    loadChannels()\n  } catch (error) {\n    console.error('Failed to update channel:', error)\n    ElMessage.error('更新失败')\n  }\n}\n\nconst testChannel = async (id) => {\n  testingChannels.value.push(id)\n  try {\n    const response = await api.admin.testChannel(id)\n    ElMessage.success(`测试通过，响应时间：${response.data.response_time || 0}ms`)\n  } catch (error) {\n    ElMessage.error('测试失败：' + (error.response?.data?.error || '未知错误'))\n  } finally {\n    testingChannels.value = testingChannels.value.filter(item => item !== id)\n  }\n}\n\nconst batchTestChannels = async () => {\n  batchTesting.value = true\n  try {\n    const response = await api.admin.batchTestChannels()\n    ElMessage.success('批量测试完成')\n    loadChannels()\n  } catch (error) {\n    ElMessage.error('批量测试失败')\n  } finally {\n    batchTesting.value = false\n  }\n}\n\nconst deleteChannel = async (id) => {\n  if (!confirm('确定要删除此渠道吗？')) return\n  try {\n    await api.admin.deleteChannel(id)\n    ElMessage.success('删除成功')\n    loadChannels()\n  } catch (error) {\n    console.error('Failed to delete channel:', error)\n    ElMessage.error('删除失败')\n  }\n}\n\nconst loadGroups = async () => {\n  try {\n    const res = await api.admin.getGroups({ page: 1, page_size: 100 })\n    groups.value = res.data.data?.data || []\n  } catch (error) {\n    console.error('Failed to load groups:', error)\n  }\n}\n\nconst handleModelFocus = async (form, mode) => {\n  const key = `${mode}-${form.type}`\n  \n  // 如果已经同步过，就不再同步\n  if (hasSyncedModels.value[key]) {\n    return\n  }\n  \n  if (!form.api_key) {\n    ElMessage.warning('请先填写 API Key')\n    return\n  }\n  if (!form.base_url) {\n    ElMessage.warning('请先填写 Base URL')\n    return\n  }\n  if (!form.type) {\n    ElMessage.warning('请先选择渠道类型')\n    return\n  }\n  \n  try {\n    const response = await api.admin.getLatestModels({\n      type: form.type,\n      api_key: form.api_key,\n      base_url: form.base_url\n    })\n    const latestModels = response.data.data || []\n    \n    if (channelConfigs[form.type]) {\n      channelConfigs[form.type].models = latestModels\n    }\n    \n    if (mode === 'create') {\n      updateFilteredModels()\n    } else {\n      updateFilteredEditModels()\n    }\n    \n    // 标记为已同步\n    hasSyncedModels.value[key] = true\n    \n    ElMessage.success('模型列表获取成功')\n  } catch (error) {\n    console.error('Failed to get models:', error)\n    // 不显示错误消息，避免影响用户体验\n  }\n}\n\nonMounted(() => {\n  loadChannels()\n  loadGroups()\n  // 初始化过滤后的模型列表\n  updateFilteredModels()\n  updateFilteredEditModels()\n})\n</script>\n\n<style scoped lang=\"scss\">\n.channels-page {\n  padding: 20px;\n  .card-header {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    \n    .header-actions {\n      display: flex;\n      gap: 10px;\n    }\n  }\n  \n  .el-table {\n    margin-top: 20px;\n    \n    .el-table__row {\n      transition: all 0.3s ease;\n      \n      &:hover {\n        background-color: #f5f7fa;\n      }\n    }\n  }\n  \n  .model-management {\n    display: flex;\n    flex-direction: column;\n    gap: 10px;\n    \n    .selected-model-tags {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 8px;\n      padding: 10px;\n      background-color: #f5f7fa;\n      border-radius: 4px;\n      min-height: 40px;\n      \n      .selected-tag {\n        font-weight: bold;\n        cursor: pointer;\n        transition: all 0.3s ease;\n        \n        &:hover {\n          transform: translateY(-2px);\n        }\n      }\n    }\n    \n    .model-actions {\n      display: flex;\n      gap: 8px;\n      flex-wrap: wrap;\n      padding: 5px 0;\n    }\n  }\n}\n</style>\n"}, "223a324ebaa7104531eeb80eb2d97930edff6b0a": {"t": 1785759881.1665463, "n": 30794, "h": "36f77c3e7744b453", "c": "<template>\n  <div class=\"channels-page\">\n    <el-card>\n      <template #header>\n        <div class=\"card-header\">\n          <span>渠道管理</span>\n          <div class=\"header-actions\">\n            <el-button type=\"primary\" @click=\"showCreateDialog = true\">\n              <el-icon><Plus /></el-icon>\n              添加渠道\n            </el-button>\n            <el-button @click=\"batchTestChannels\" :loading=\"batchTesting\">\n              <el-icon><Refresh /></el-icon>\n              批量测试\n            </el-button>\n            <el-button @click=\"refreshChannels\">\n              <el-icon><Refresh /></el-icon>\n              刷新\n            </el-button>\n          </div>\n        </div>\n      </template>\n      \n      <el-table :data=\"channels\" v-loading=\"loading\" border style=\"width: 100%\">\n        <el-table-column prop=\"id\" label=\"ID\" width=\"80\" />\n        <el-table-column prop=\"name\" label=\"名称\" />\n        <el-table-column prop=\"display_name\" label=\"显示名称\" />\n        <el-table-column prop=\"type\" label=\"类型\" width=\"120\">\n          <template #default=\"{ row }\">\n            <el-tag :type=\"getChannelTypeTag(row.type)\">\n              {{ channelType(row.type) }}\n            </el-tag>\n          </template>\n        </el-table-column>\n        <el-table-column prop=\"base_url\" label=\"BaseURL\" show-overflow-tooltip />\n        <el-table-column prop=\"priority\" label=\"优先级\" width=\"80\" />\n        <el-table-column prop=\"weight\" label=\"权重\" width=\"80\" />\n        <el-table-column prop=\"status\" label=\"状态\" width=\"100\">\n          <template #default=\"{ row }\">\n            <el-tag :type=\"getStatusTagType(row.status)\" size=\"small\">\n              {{ getStatusText(row.status) }}\n            </el-tag>\n          </template>\n        </el-table-column>\n        <el-table-column prop=\"last_test_time\" label=\"最后测试时间\" width=\"160\">\n          <template #default=\"{ row }\">\n            {{ row.last_test_time || '未测试' }}\n          </template>\n        </el-table-column>\n        <el-table-column label=\"操作\" width=\"300\">\n          <template #default=\"{ row }\">\n            <el-button size=\"small\" @click=\"testChannel(row.id)\" :loading=\"testingChannels.includes(row.id)\">\n              <el-icon><Check /></el-icon>\n              测试\n            </el-button>\n            <el-button size=\"small\" type=\"warning\" @click=\"editChannel(row)\">\n              <el-icon><Edit /></el-icon>\n              编辑\n            </el-button>\n            <el-button size=\"small\" type=\"danger\" @click=\"deleteChannel(row.id)\">\n              <el-icon><Delete /></el-icon>\n              删除\n            </el-button>\n          </template>\n        </el-table-column>\n      </el-table>\n    </el-card>\n    \n    <!-- 创建渠道对话框 -->\n    <el-dialog v-model=\"showCreateDialog\" title=\"添加渠道\" width=\"600px\">\n      <el-form :model=\"createForm\" label-width=\"100px\">\n        <el-form-item label=\"渠道类型\" required>\n          <el-select v-model=\"createForm.type\" placeholder=\"请选择渠道类型\" @change=\"handleChannelTypeChange\">\n            <el-option label=\"OpenAI\" :value=\"1\" />\n            <el-option label=\"Anthropic\" :value=\"2\" />\n            <el-option label=\"Azure\" :value=\"3\" />\n            <el-option label=\"Google Gemini\" :value=\"4\" />\n            <el-option label=\"豆包 (ByteDance)\" :value=\"14\" />\n            <el-option label=\"阿里通义\" :value=\"15\" />\n            <el-option label=\"DeepSeek\" :value=\"16\" />\n            <el-option label=\"MiniMax\" :value=\"17\" />\n            <el-option label=\"智谱 AI\" :value=\"18\" />\n          </el-select>\n        </el-form-item>\n        <el-form-item label=\"名称\" required>\n          <el-input v-model=\"createForm.name\" placeholder=\"请输入名称\" />\n        </el-form-item>\n        <el-form-item label=\"显示名称\" required>\n          <el-input v-model=\"createForm.display_name\" placeholder=\"请输入显示名称\" />\n        </el-form-item>\n        <el-form-item label=\"BaseURL\" required>\n          <el-input v-model=\"createForm.base_url\" placeholder=\"https://api.openai.com/v1\" />\n          <el-tooltip content=\"根据选择的渠道类型，系统已自动填充默认BaseURL\" placement=\"top\" :visible=\"showBaseUrlTip\">\n            <el-button type=\"text\" size=\"small\" @click=\"showBaseUrlTip = !showBaseUrlTip\">\n              显示提示\n            </el-button>\n          </el-tooltip>\n        </el-form-item>\n        <el-form-item label=\"API Key\" required>\n          <el-input v-model=\"createForm.api_key\" type=\"password\" show-password />\n          <el-tooltip content=\"{{ getApiKeyTip(createForm.type) }}\" placement=\"top\" :visible=\"showApiKeyTip\">\n            <el-button type=\"text\" size=\"small\" @click=\"showApiKeyTip = !showApiKeyTip\">\n              API Key提示\n            </el-button>\n          </el-tooltip>\n        </el-form-item>\n        <el-form-item label=\"测试模型\">\n          <el-select v-model=\"createForm.test_model\" placeholder=\"请选择测试模型\">\n            <el-option \n              v-for=\"model in getAvailableModels(createForm.type)\" \n              :key=\"model\" \n              :label=\"model\" \n              :value=\"model\" \n            />\n          </el-select>\n        </el-form-item>\n        <el-form-item label=\"优先级\">\n          <el-input-number v-model=\"createForm.priority\" :min=\"1\" :step=\"1\" />\n          <el-tooltip content=\"优先级越高，越先被使用\" placement=\"top\">\n            <el-button type=\"text\" size=\"small\">\n              ？\n            </el-button>\n          </el-tooltip>\n        </el-form-item>\n        <el-form-item label=\"权重\">\n          <el-input-number v-model=\"createForm.weight\" :min=\"1\" :step=\"10\" />\n          <el-tooltip content=\"权重越高，被使用的概率越大\" placement=\"top\">\n            <el-button type=\"text\" size=\"small\">\n              ？\n            </el-button>\n          </el-tooltip>\n        </el-form-item>\n        <el-form-item label=\"状态\">\n          <el-select v-model=\"createForm.status\">\n            <el-option label=\"启用\" :value=\"1\" />\n            <el-option label=\"禁用\" :value=\"0\" />\n            <el-option label=\"维护中\" :value=\"2\" />\n          </el-select>\n        </el-form-item>\n        <el-form-item label=\"支持模型\" required>\n          <div class=\"model-management\">\n            <!-- 模型搜索框 -->\n            <div class=\"model-search\">\n              <el-input \n                v-model=\"modelSearchQuery\" \n                placeholder=\"搜索模型...\" \n                @input=\"handleModelSearch\"\n              >\n                <template #prefix>\n                  <el-icon><Search /></el-icon>\n                </template>\n                <template #suffix>\n                  <el-button \n                    v-if=\"modelSearchQuery\" \n                    type=\"text\" \n                    @click=\"clearModelSearch\"\n                  >\n                    <el-icon><Close /></el-icon>\n                  </el-button>\n                </template>\n              </el-input>\n            </div>\n            \n            <!-- 模型标签显示 -->\n            <div class=\"model-tags\">\n              <el-tag \n                v-for=\"model in filteredModels\" \n                :key=\"model\" \n                :effect=\"selectedModels.includes(model) ? 'dark' : 'plain'\"\n                :class=\"{'selected-tag': selectedModels.includes(model)}\"\n                @click=\"toggleModelSelection(model)\"\n              >\n                {{ model }}\n                <el-icon v-if=\"selectedModels.includes(model)\">\n                  <Check />\n                </el-icon>\n              </el-tag>\n              <el-empty v-if=\"filteredModels.length === 0\" description=\"未找到匹配的模型\" />\n            </div>\n            \n            <div class=\"model-actions\">\n              <el-button type=\"text\" size=\"small\" @click=\"selectAllModels\">\n                全选\n              </el-button>\n              <el-button type=\"text\" size=\"small\" @click=\"clearSelectedModels\">\n                清空\n              </el-button>\n              <el-button type=\"text\" size=\"small\" @click=\"fillRelatedModels(createForm.type)\">\n                填入相关模型\n              </el-button>\n              <el-button type=\"text\" size=\"small\" @click=\"syncModels(createForm.type)\" :loading=\"syncingModels\">\n                <el-icon><Refresh /></el-icon>\n                同步最新模型\n              </el-button>\n              <el-button type=\"text\" size=\"small\" @click=\"showManualModelInput = !showManualModelInput\">\n                更多\n              </el-button>\n            </div>\n            \n            <div v-if=\"showManualModelInput\" class=\"manual-model-input\">\n              <el-input v-model=\"manualModel\" placeholder=\"输入自定义模型名称\" @keyup.enter=\"addManualModel\" />\n              <el-button type=\"primary\" size=\"small\" @click=\"addManualModel\">\n                填入\n              </el-button>\n            </div>\n          </div>\n        </el-form-item>\n        \n        <el-form-item label=\"分组\">\n          <el-select v-model=\"createForm.group\" placeholder=\"选择分组\">\n            <el-option label=\"default\" :value=\"'default'\" />\n            <el-option label=\"openai\" :value=\"'openai'\" />\n            <el-option label=\"anthropic\" :value=\"'anthropic'\" />\n            <el-option label=\"google\" :value=\"'google'\" />\n            <el-option label=\"azure\" :value=\"'azure'\" />\n            <el-option label=\"domestic\" :value=\"'domestic'\" />\n          </el-select>\n        </el-form-item>\n      </el-form>\n      <template #footer>\n        <el-button @click=\"resetCreateForm\">取消</el-button>\n        <el-button type=\"primary\" @click=\"handleCreate\">创建</el-button>\n      </template>\n    </el-dialog>\n    \n    <!-- 编辑渠道对话框 -->\n    <el-dialog v-model=\"showEditDialog\" title=\"编辑渠道\" width=\"600px\">\n      <el-form :model=\"editForm\" label-width=\"100px\">\n        <el-form-item label=\"渠道类型\" required>\n          <el-select v-model=\"editForm.type\" @change=\"handleEditChannelTypeChange\">\n            <el-option label=\"OpenAI\" :value=\"1\" />\n            <el-option label=\"Anthropic\" :value=\"2\" />\n            <el-option label=\"Azure\" :value=\"3\" />\n            <el-option label=\"Google Gemini\" :value=\"4\" />\n            <el-option label=\"豆包 (ByteDance)\" :value=\"14\" />\n            <el-option label=\"阿里通义\" :value=\"15\" />\n            <el-option label=\"DeepSeek\" :value=\"16\" />\n            <el-option label=\"MiniMax\" :value=\"17\" />\n            <el-option label=\"智谱 AI\" :value=\"18\" />\n          </el-select>\n        </el-form-item>\n        <el-form-item label=\"名称\" required>\n          <el-input v-model=\"editForm.name\" placeholder=\"请输入名称\" />\n        </el-form-item>\n        <el-form-item label=\"显示名称\" required>\n          <el-input v-model=\"editForm.display_name\" placeholder=\"请输入显示名称\" />\n        </el-form-item>\n        <el-form-item label=\"BaseURL\" required>\n          <el-input v-model=\"editForm.base_url\" placeholder=\"https://api.openai.com/v1\" />\n        </el-form-item>\n        <el-form-item label=\"API Key\" required>\n          <el-input v-model=\"editForm.api_key\" type=\"password\" show-password />\n        </el-form-item>\n        <el-form-item label=\"测试模型\">\n          <el-select v-model=\"editForm.test_model\" placeholder=\"请选择测试模型\">\n            <el-option \n              v-for=\"model in getAvailableModels(editForm.type)\" \n              :key=\"model\" \n              :label=\"model\" \n              :value=\"model\" \n            />\n          </el-select>\n        </el-form-item>\n        <el-form-item label=\"优先级\">\n          <el-input-number v-model=\"editForm.priority\" :min=\"1\" :step=\"1\" />\n        </el-form-item>\n        <el-form-item label=\"权重\">\n          <el-input-number v-model=\"editForm.weight\" :min=\"1\" :step=\"10\" />\n        </el-form-item>\n        <el-form-item label=\"状态\">\n          <el-select v-model=\"editForm.status\">\n            <el-option label=\"启用\" :value=\"1\" />\n            <el-option label=\"禁用\" :value=\"0\" />\n            <el-option label=\"维护中\" :value=\"2\" />\n          </el-select>\n        </el-form-item>\n        <el-form-item label=\"支持模型\" required>\n          <div class=\"model-management\">\n            <!-- 模型搜索框 -->\n            <div class=\"model-search\">\n              <el-input \n                v-model=\"editModelSearchQuery\" \n                placeholder=\"搜索模型...\" \n                @input=\"handleEditModelSearch\"\n              >\n                <template #prefix>\n                  <el-icon><Search /></el-icon>\n                </template>\n                <template #suffix>\n                  <el-button \n                    v-if=\"editModelSearchQuery\" \n                    type=\"text\" \n                    @click=\"clearEditModelSearch\"\n                  >\n                    <el-icon><Close /></el-icon>\n                  </el-button>\n                </template>\n              </el-input>\n            </div>\n            \n            <!-- 模型标签显示 -->\n            <div class=\"model-tags\">\n              <el-tag \n                v-for=\"model in filteredEditModels\" \n                :key=\"model\" \n                :effect=\"selectedEditModels.includes(model) ? 'dark' : 'plain'\"\n                :class=\"{'selected-tag': selectedEditModels.includes(model)}\"\n                @click=\"toggleEditModelSelection(model)\"\n              >\n                {{ model }}\n                <el-icon v-if=\"selectedEditModels.includes(model)\">\n                  <Check />\n                </el-icon>\n              </el-tag>\n              <el-empty v-if=\"filteredEditModels.length === 0\" description=\"未找到匹配的模型\" />\n            </div>\n            \n            <div class=\"model-actions\">\n              <el-button type=\"text\" size=\"small\" @click=\"selectAllEditModels\">\n                全选\n              </el-button>\n              <el-button type=\"text\" size=\"small\" @click=\"clearSelectedEditModels\">\n                清空\n              </el-button>\n              <el-button type=\"text\" size=\"small\" @click=\"fillEditRelatedModels(editForm.type)\">\n                填入相关模型\n              </el-button>\n              <el-button type=\"text\" size=\"small\" @click=\"syncEditModels(editForm.type)\" :loading=\"syncingEditModels\">\n                <el-icon><Refresh /></el-icon>\n                同步最新模型\n              </el-button>\n              <el-button type=\"text\" size=\"small\" @click=\"showEditManualModelInput = !showEditManualModelInput\">\n                更多\n              </el-button>\n            </div>\n            \n            <div v-if=\"showEditManualModelInput\" class=\"manual-model-input\">\n              <el-input v-model=\"editManualModel\" placeholder=\"输入自定义模型名称\" @keyup.enter=\"addEditManualModel\" />\n              <el-button type=\"primary\" size=\"small\" @click=\"addEditManualModel\">\n                填入\n              </el-button>\n            </div>\n          </div>\n        </el-form-item>\n        \n        <el-form-item label=\"分组\">\n          <el-select v-model=\"editForm.group\" placeholder=\"选择分组\">\n            <el-option label=\"default\" :value=\"'default'\" />\n            <el-option label=\"openai\" :value=\"'openai'\" />\n            <el-option label=\"anthropic\" :value=\"'anthropic'\" />\n            <el-option label=\"google\" :value=\"'google'\" />\n            <el-option label=\"azure\" :value=\"'azure'\" />\n            <el-option label=\"domestic\" :value=\"'domestic'\" />\n          </el-select>\n        </el-form-item>\n      </el-form>\n      <template #footer>\n        <el-button @click=\"showEditDialog = false\">取消</el-button>\n        <el-button type=\"primary\" @click=\"handleEdit\">保存</el-button>\n      </template>\n    </el-dialog>\n  </div>\n</template>\n\n<script setup>\nimport api from '@/api';\nimport { Check, Delete, Edit, Plus, Refresh } from '@element-plus/icons-vue';\nimport { ElButton, ElMessage, ElTooltip } from 'element-plus';\nimport { onMounted, reactive, ref } from 'vue';\n\nconst loading = ref(false)\nconst batchTesting = ref(false)\nconst testingChannels = ref([])\nconst channels = ref([])\nconst showCreateDialog = ref(false)\nconst showEditDialog = ref(false)\nconst showBaseUrlTip = ref(false)\nconst showApiKeyTip = ref(false)\nconst selectedModels = ref([])\nconst selectedEditModels = ref([])\nconst syncingModels = ref(false)\nconst showManualModelInput = ref(false)\nconst manualModel = ref('')\nconst syncingEditModels = ref(false)\nconst showEditManualModelInput = ref(false)\nconst editManualModel = ref('')\nconst customModels = ref({}) // 存储手动添加的模型\nconst modelSearchQuery = ref('')\nconst editModelSearchQuery = ref('')\nconst filteredModels = ref([])\nconst filteredEditModels = ref([])\n\nconst createForm = reactive({\n  type: 1,\n  name: '',\n  display_name: '',\n  base_url: 'https://api.openai.com/v1',\n  api_key: '',\n  test_model: 'gpt-3.5-turbo',\n  priority: 1,\n  weight: 100,\n  status: 1,\n  models: '',\n  group: 'default'\n})\n\nconst editForm = reactive({\n  id: '',\n  type: 1,\n  name: '',\n  display_name: '',\n  base_url: '',\n  api_key: '',\n  test_model: '',\n  priority: 1,\n  weight: 100,\n  status: 1,\n  models: '',\n  group: 'default'\n})\n\n// 渠道类型配置\nconst channelConfigs = {\n  1: { // OpenAI\n    baseUrl: 'https://api.openai.com/v1',\n    testModel: 'gpt-3.5-turbo',\n    models: ['gpt-3.5-turbo', 'gpt-4', 'gpt-4o', 'gpt-4-turbo'],\n    apiKeyTip: 'OpenAI API Key 格式为 sk-xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx'\n  },\n  2: { // Anthropic\n    baseUrl: 'https://api.anthropic.com/v1',\n    testModel: 'claude-3-sonnet-20240229',\n    models: ['claude-3-sonnet-20240229', 'claude-3-opus-20240229', 'claude-3-haiku-20240307'],\n    apiKeyTip: 'Anthropic API Key 格式为 sk-ant-api03-xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx'\n  },\n  3: { // Azure\n    baseUrl: 'https://your-resource.openai.azure.com/openai/deployments/{deployment-name}',\n    testModel: 'gpt-35-turbo',\n    models: ['gpt-35-turbo', 'gpt-4', 'gpt-4-turbo'],\n    apiKeyTip: 'Azure API Key 格式为 xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx'\n  },\n  4: { // Google Gemini\n    baseUrl: 'https://generativeai.googleapis.com/v1',\n    testModel: 'gemini-pro',\n    models: ['gemini-pro', 'gemini-1.5-pro', 'gemini-1.5-flash'],\n    apiKeyTip: 'Google API Key 格式为 AIzaSyxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx'\n  },\n  14: { // 豆包\n    baseUrl: 'https://ark.cn-beijing.volces.com/api/v3',\n    testModel: 'ep-20240604172028-4q775',\n    models: ['ep-20240604172028-4q775', 'ep-20240610144610-g97pz'],\n    apiKeyTip: '豆包 API Key 格式为 ak-xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx'\n  },\n  15: { // 阿里通义\n    baseUrl: 'https://dashscope.aliyuncs.com/api/v1',\n    testModel: 'qwen-turbo',\n    models: ['qwen-turbo', 'qwen-plus', 'qwen-max'],\n    apiKeyTip: '阿里通义 API Key 格式为 sk-xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx'\n  },\n  16: { // DeepSeek\n    baseUrl: 'https://api.deepseek.com/v1',\n    testModel: 'deepseek-chat',\n    models: ['deepseek-chat', 'deepseek-llm'],\n    apiKeyTip: 'DeepSeek API Key 格式为 sk-xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx'\n  },\n  17: { // MiniMax\n    baseUrl: 'https://api.minimax.chat/v1',\n    testModel: 'abab5.5-chat',\n    models: ['abab5.5-chat', 'abab6-chat'],\n    apiKeyTip: 'MiniMax API Key 格式为 sk-xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx'\n  },\n  18: { // 智谱 AI\n    baseUrl: 'https://open.bigmodel.cn/api/mcp',\n    testModel: 'chatglm3-6b',\n    models: ['chatglm3-6b', 'chatglm3-6b-32k', 'glm-4'],\n    apiKeyTip: '智谱 AI API Key 格式为 xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx'\n  }\n}\n\nconst channelType = (type) => {\n  const types = { \n    1: 'OpenAI', \n    2: 'Anthropic', \n    3: 'Azure', \n    4: 'Google Gemini',\n    14: '豆包',\n    15: '阿里通义',\n    16: 'DeepSeek',\n    17: 'MiniMax',\n    18: '智谱 AI'\n  }\n  return types[type] || 'Unknown'\n}\n\nconst getChannelTypeTag = (type) => {\n  switch (type) {\n    case 1: return 'primary'\n    case 2: return 'warning'\n    case 3: return 'info'\n    case 4: return 'success'\n    case 14: return 'danger'\n    case 15: return 'purple'\n    case 16: return 'blue'\n    case 17: return 'cyan'\n    case 18: return 'teal'\n    default: return 'default'\n  }\n}\n\nconst getStatusText = (status) => {\n  const statuses = { 0: '禁用', 1: '启用', 2: '维护中' }\n  return statuses[status] || '未知'\n}\n\nconst getStatusTagType = (status) => {\n  switch (status) {\n    case 1: return 'success'\n    case 0: return 'danger'\n    case 2: return 'warning'\n    default: return 'default'\n  }\n}\n\nconst getAvailableModels = (type) => {\n  const defaultModels = channelConfigs[type]?.models || []\n  const customTypeModels = customModels.value[type] || []\n  return [...defaultModels, ...customTypeModels]\n}\n\n// 计算过滤后的模型列表\nconst updateFilteredModels = () => {\n  if (!modelSearchQuery.value) {\n    filteredModels.value = getAvailableModels(createForm.type)\n  } else {\n    filteredModels.value = getAvailableModels(createForm.type).filter(model => \n      model.toLowerCase().includes(modelSearchQuery.value.toLowerCase())\n    )\n  }\n}\n\nconst updateFilteredEditModels = () => {\n  if (!editModelSearchQuery.value) {\n    filteredEditModels.value = getAvailableModels(editForm.type)\n  } else {\n    filteredEditModels.value = getAvailableModels(editForm.type).filter(model => \n      model.toLowerCase().includes(editModelSearchQuery.value.toLowerCase())\n    )\n  }\n}\n\n// 处理模型搜索\nconst handleModelSearch = () => {\n  updateFilteredModels()\n}\n\nconst handleEditModelSearch = () => {\n  updateFilteredEditModels()\n}\n\n// 清空搜索\nconst clearModelSearch = () => {\n  modelSearchQuery.value = ''\n  updateFilteredModels()\n}\n\nconst clearEditModelSearch = () => {\n  editModelSearchQuery.value = ''\n  updateFilteredEditModels()\n}\n\nconst getApiKeyTip = (type) => {\n  return channelConfigs[type]?.apiKeyTip || '请输入API Key'\n}\n\nconst handleChannelTypeChange = () => {\n  const config = channelConfigs[createForm.type]\n  if (config) {\n    createForm.base_url = config.baseUrl\n    createForm.test_model = config.testModel\n    selectedModels.value = []\n  }\n  // 更新过滤后的模型列表\n  updateFilteredModels()\n}\n\nconst handleEditChannelTypeChange = () => {\n  const config = channelConfigs[editForm.type]\n  if (config) {\n    editForm.base_url = config.baseUrl\n    editForm.test_model = config.testModel\n    selectedEditModels.value = []\n  }\n  // 更新过滤后的模型列表\n  updateFilteredEditModels()\n}\n\nconst selectAllModels = () => {\n  selectedModels.value = [...getAvailableModels(createForm.type)]\n}\n\nconst clearSelectedModels = () => {\n  selectedModels.value = []\n}\n\nconst selectAllEditModels = () => {\n  selectedEditModels.value = [...getAvailableModels(editForm.type)]\n}\n\nconst clearSelectedEditModels = () => {\n  selectedEditModels.value = []\n}\n\nconst syncModels = async (type) => {\n  syncingModels.value = true\n  try {\n    // 从后端API获取最新模型列表\n    ElMessage.info('正在同步最新模型...')\n    \n    const response = await api.admin.getLatestModels({ type })\n    const latestModels = response.data.data || []\n    \n    // 更新渠道配置中的模型列表\n    if (channelConfigs[type]) {\n      channelConfigs[type].models = latestModels\n    }\n    \n    // 更新过滤后的模型列表\n    updateFilteredModels()\n    \n    ElMessage.success('模型同步成功')\n  } catch (error) {\n    console.error('Failed to sync models:', error)\n    ElMessage.error('模型同步失败')\n  } finally {\n    syncingModels.value = false\n  }\n}\n\nconst syncEditModels = async (type) => {\n  syncingEditModels.value = true\n  try {\n    // 从后端API获取最新模型列表\n    ElMessage.info('正在同步最新模型...')\n    \n    const response = await api.admin.getLatestModels({ type })\n    const latestModels = response.data.data || []\n    \n    // 更新渠道配置中的模型列表\n    if (channelConfigs[type]) {\n      channelConfigs[type].models = latestModels\n    }\n    \n    // 更新过滤后的模型列表\n    updateFilteredEditModels()\n    \n    ElMessage.success('模型同步成功')\n  } catch (error) {\n    console.error('Failed to sync models:', error)\n    ElMessage.error('模型同步失败')\n  } finally {\n    syncingEditModels.value = false\n  }\n}\n\nconst addManualModel = () => {\n  if (!manualModel.value.trim()) {\n    ElMessage.warning('请输入模型名称')\n    return\n  }\n  \n  const type = createForm.type\n  if (!customModels.value[type]) {\n    customModels.value[type] = []\n  }\n  \n  // 检查模型是否已存在\n  if (getAvailableModels(type).includes(manualModel.value.trim())) {\n    ElMessage.warning('模型已存在')\n    return\n  }\n  \n  // 添加到自定义模型列表\n  customModels.value[type].push(manualModel.value.trim())\n  ElMessage.success('模型添加成功')\n  manualModel.value = ''\n}\n\nconst addEditManualModel = () => {\n  if (!editManualModel.value.trim()) {\n    ElMessage.warning('请输入模型名称')\n    return\n  }\n  \n  const type = editForm.type\n  if (!customModels.value[type]) {\n    customModels.value[type] = []\n  }\n  \n  // 检查模型是否已存在\n  if (getAvailableModels(type).includes(editManualModel.value.trim())) {\n    ElMessage.warning('模型已存在')\n    return\n  }\n  \n  // 添加到自定义模型列表\n  customModels.value[type].push(editManualModel.value.trim())\n  ElMessage.success('模型添加成功')\n  editManualModel.value = ''\n}\n\n// 根据渠道类型获取最新模型列表\nconst getLatestModelsByType = (type) => {\n  // 模拟从API获取最新模型\n  // 实际项目中，这里应该调用后端API获取最新模型\n  switch (type) {\n    case 1: // OpenAI\n      return ['gpt-3.5-turbo', 'gpt-4', 'gpt-4o', 'gpt-4-turbo', 'gpt-4o-mini', 'gpt-5-alpha']\n    case 2: // Anthropic\n      return ['claude-3-sonnet-20240229', 'claude-3-opus-20240229', 'claude-3-haiku-20240307', 'claude-3.5-sonnet-20240620']\n    case 3: // Azure\n      return ['gpt-35-turbo', 'gpt-4', 'gpt-4-turbo', 'gpt-4o']\n    case 4: // Google Gemini\n      return ['gemini-pro', 'gemini-1.5-pro', 'gemini-1.5-flash', 'gemini-2.0-pro']\n    case 14: // 豆包\n      return ['ep-20240604172028-4q775', 'ep-20240610144610-g97pz', 'doubao-1.5-pro-20240528']\n    case 15: // 阿里通义\n      return ['qwen-turbo', 'qwen-plus', 'qwen-max', 'qwen-2.5-turbo', 'qwen-2.5-plus']\n    case 16: // DeepSeek\n      return ['deepseek-chat', 'deepseek-llm', 'deepseek-v3.1']\n    case 17: // MiniMax\n      return ['abab5.5-chat', 'abab6-chat', 'abab6.5-chat']\n    case 18: // 智谱 AI\n      return ['chatglm3-6b', 'chatglm3-6b-32k', 'glm-4', 'glm-4-flash']\n    default:\n      return []\n  }\n}\n\nconst toggleModelSelection = (model) => {\n  const index = selectedModels.value.indexOf(model)\n  if (index > -1) {\n    selectedModels.value.splice(index, 1)\n  } else {\n    selectedModels.value.push(model)\n  }\n}\n\nconst toggleEditModelSelection = (model) => {\n  const index = selectedEditModels.value.indexOf(model)\n  if (index > -1) {\n    selectedEditModels.value.splice(index, 1)\n  } else {\n    selectedEditModels.value.push(model)\n  }\n}\n\nconst fillRelatedModels = (type) => {\n  // 填入该渠道类型的所有模型\n  selectedModels.value = [...getAvailableModels(type)]\n  ElMessage.success('已填入相关模型')\n}\n\nconst fillEditRelatedModels = (type) => {\n  // 填入该渠道类型的所有模型\n  selectedEditModels.value = [...getAvailableModels(type)]\n  ElMessage.success('已填入相关模型')\n}\n\nconst resetCreateForm = () => {\n  createForm.type = 1\n  createForm.name = ''\n  createForm.display_name = ''\n  createForm.base_url = 'https://api.openai.com/v1'\n  createForm.api_key = ''\n  createForm.test_model = 'gpt-3.5-turbo'\n  createForm.priority = 1\n  createForm.weight = 100\n  createForm.status = 1\n  createForm.models = ''\n  createForm.group = 'default'\n  selectedModels.value = []\n  showCreateDialog.value = false\n  showManualModelInput.value = false\n  manualModel.value = ''\n}\n\nconst loadChannels = async () => {\n  loading.value = true\n  try {\n    const res = await api.admin.getChannels({ page: 1, page_size: 100 })\n    // 新响应格式: { code, message, data: { items: [...], total: N } }\n    channels.value = res.data.data?.items || []\n  } catch (error) {\n    console.error('Failed to load channels:', error)\n    ElMessage.error('加载渠道失败')\n  } finally {\n    loading.value = false\n  }\n}\n\nconst refreshChannels = () => {\n  loadChannels()\n}\n\nconst handleCreate = async () => {\n  try {\n    // 将选中的模型转换为JSON字符串\n    createForm.models = JSON.stringify(selectedModels.value)\n    \n    const data = {\n      ...createForm\n    }\n    await api.admin.createChannel(data)\n    ElMessage.success('创建成功')\n    resetCreateForm()\n    loadChannels()\n  } catch (error) {\n    console.error('Failed to create channel:', error)\n    ElMessage.error('创建失败')\n  }\n}\n\nconst editChannel = (channel) => {\n  editForm.id = channel.id\n  editForm.type = channel.type\n  editForm.name = channel.name\n  editForm.display_name = channel.display_name\n  editForm.base_url = channel.base_url\n  editForm.api_key = channel.api_key\n  editForm.test_model = channel.test_model\n  editForm.priority = channel.priority\n  editForm.weight = channel.weight\n  editForm.status = channel.status\n  editForm.models = channel.models\n  editForm.group = channel.group || 'default'\n  \n  // 解析模型列表\n  try {\n    selectedEditModels.value = JSON.parse(channel.models || '[]')\n  } catch (e) {\n    selectedEditModels.value = []\n  }\n  \n  showEditDialog.value = true\n  showEditManualModelInput.value = false\n  editManualModel.value = ''\n}\n\nconst handleEdit = async () => {\n  try {\n    // 将选中的模型转换为JSON字符串\n    editForm.models = JSON.stringify(selectedEditModels.value)\n    \n    const data = {\n      ...editForm\n    }\n    await api.admin.updateChannel(editForm.id, data)\n    ElMessage.success('更新成功')\n    showEditDialog.value = false\n    loadChannels()\n  } catch (error) {\n    console.error('Failed to update channel:', error)\n    ElMessage.error('更新失败')\n  }\n}\n\nconst testChannel = async (id) => {\n  testingChannels.value.push(id)\n  try {\n    const response = await api.admin.testChannel(id)\n    ElMessage.success(`测试通过，响应时间：${response.data.response_time || 0}ms`)\n  } catch (error) {\n    ElMessage.error('测试失败：' + (error.response?.data?.error || '未知错误'))\n  } finally {\n    testingChannels.value = testingChannels.value.filter(item => item !== id)\n  }\n}\n\nconst batchTestChannels = async () => {\n  batchTesting.value = true\n  try {\n    const response = await api.admin.batchTestChannels()\n    ElMessage.success('批量测试完成')\n    loadChannels()\n  } catch (error) {\n    ElMessage.error('批量测试失败')\n  } finally {\n    batchTesting.value = false\n  }\n}\n\nconst deleteChannel = async (id) => {\n  if (!confirm('确定要删除此渠道吗？')) return\n  try {\n    await api.admin.deleteChannel(id)\n    ElMessage.success('删除成功')\n    loadChannels()\n  } catch (error) {\n    console.error('Failed to delete channel:', error)\n    ElMessage.error('删除失败')\n  }\n}\n\nonMounted(() => {\n  loadChannels()\n  // 初始化过滤后的模型列表\n  updateFilteredModels()\n  updateFilteredEditModels()\n})\n</script>\n\n<style scoped lang=\"scss\">\n.channels-page {\n  padding: 20px;\n  .card-header {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    \n    .header-actions {\n      display: flex;\n      gap: 10px;\n    }\n  }\n  \n  .el-table {\n    margin-top: 20px;\n    \n    .el-table__row {\n      transition: all 0.3s ease;\n      \n      &:hover {\n        background-color: #f5f7fa;\n      }\n    }\n  }\n  \n  .model-management {\n    display: flex;\n    flex-direction: column;\n    gap: 10px;\n    \n    .model-search {\n      margin-bottom: 5px;\n      \n      .el-input {\n        width: 100%;\n      }\n    }\n    \n    .model-tags {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 8px;\n      padding: 10px;\n      background-color: #f5f7fa;\n      border-radius: 4px;\n      min-height: 80px;\n      \n      .el-tag {\n        cursor: pointer;\n        transition: all 0.3s ease;\n        \n        &:hover {\n          transform: translateY(-2px);\n        }\n      }\n      \n      .selected-tag {\n        font-weight: bold;\n      }\n    }\n    \n    .model-actions {\n      display: flex;\n      gap: 8px;\n      flex-wrap: wrap;\n      padding: 5px 0;\n    }\n    \n    .manual-model-input {\n      display: flex;\n      gap: 10px;\n      margin-top: 5px;\n      padding: 10px;\n      background-color: #f0f2f5;\n      border-radius: 4px;\n      \n      .el-input {\n        flex: 1;\n      }\n    }\n  }\n}\n</style>\n"}}}}