mirror of
https://github.com/Wei-Shaw/claude-relay-service.git
synced 2026-01-22 16:43:35 +00:00
feat: 完全移除 API Key 图标功能
彻底删除 API Key 图标功能的所有相关代码: 前端改动: - 删除 IconPicker.vue 组件文件 - 移除 ApiKeysView.vue 中的图标显示和 updateApiKeyIcon 方法 - 清理 CreateApiKeyModal.vue 中的图标选择器 - 清理 EditApiKeyModal.vue 中的图标选择器 - 移除所有 IconPicker 组件的引用 后端改动: - 从 apiKeyService.js 中移除 icon 字段更新支持 - 从 admin.js 路由中移除 icon 参数处理和验证逻辑 - 清理创建和更新 API Key 时的 icon 参数 此改动简化了 API Key 管理界面,移除了不必要的图标功能。 🤖 Generated with [Claude Code](https://claude.ai/code) Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
@@ -110,9 +110,7 @@
|
||||
class="mb-1.5 block text-xs font-semibold text-gray-700 dark:text-gray-300 sm:mb-2 sm:text-sm"
|
||||
>名称 <span class="text-red-500">*</span></label
|
||||
>
|
||||
<div class="flex items-center gap-2">
|
||||
<!-- 图标选择器 -->
|
||||
<IconPicker v-model="form.icon" size="medium" />
|
||||
<div>
|
||||
<input
|
||||
v-model="form.name"
|
||||
class="form-input flex-1 border-gray-300 text-sm dark:border-gray-600 dark:bg-gray-700 dark:text-gray-200 dark:placeholder-gray-400"
|
||||
@@ -811,7 +809,6 @@ import { useClientsStore } from '@/stores/clients'
|
||||
import { useApiKeysStore } from '@/stores/apiKeys'
|
||||
import { apiClient } from '@/config/api'
|
||||
import AccountSelector from '@/components/common/AccountSelector.vue'
|
||||
import IconPicker from '@/components/common/IconPicker.vue'
|
||||
|
||||
const props = defineProps({
|
||||
accounts: {
|
||||
@@ -858,7 +855,6 @@ const form = reactive({
|
||||
createType: 'single',
|
||||
batchCount: 10,
|
||||
name: '',
|
||||
icon: '',
|
||||
description: '',
|
||||
rateLimitWindow: '',
|
||||
rateLimitRequests: '',
|
||||
@@ -1204,8 +1200,7 @@ const createApiKey = async () => {
|
||||
// 单个创建
|
||||
const data = {
|
||||
...baseData,
|
||||
name: form.name,
|
||||
icon: form.icon || ''
|
||||
name: form.name
|
||||
}
|
||||
|
||||
const result = await apiClient.post('/admin/api-keys', data)
|
||||
@@ -1223,8 +1218,7 @@ const createApiKey = async () => {
|
||||
...baseData,
|
||||
createType: 'batch',
|
||||
baseName: form.name,
|
||||
count: form.batchCount,
|
||||
icon: form.icon || ''
|
||||
count: form.batchCount
|
||||
}
|
||||
|
||||
const result = await apiClient.post('/admin/api-keys/batch', data)
|
||||
|
||||
@@ -32,9 +32,7 @@
|
||||
class="mb-1.5 block text-xs font-semibold text-gray-700 dark:text-gray-300 sm:mb-3 sm:text-sm"
|
||||
>名称</label
|
||||
>
|
||||
<div class="flex items-center gap-2">
|
||||
<!-- 图标选择器 -->
|
||||
<IconPicker v-model="form.icon" size="medium" />
|
||||
<div>
|
||||
<input
|
||||
v-model="form.name"
|
||||
class="form-input flex-1 border-gray-300 text-sm dark:border-gray-600 dark:bg-gray-700 dark:text-gray-200 dark:placeholder-gray-400"
|
||||
@@ -662,7 +660,6 @@ import { useClientsStore } from '@/stores/clients'
|
||||
import { useApiKeysStore } from '@/stores/apiKeys'
|
||||
import { apiClient } from '@/config/api'
|
||||
import AccountSelector from '@/components/common/AccountSelector.vue'
|
||||
import IconPicker from '@/components/common/IconPicker.vue'
|
||||
|
||||
const props = defineProps({
|
||||
apiKey: {
|
||||
@@ -710,7 +707,6 @@ const unselectedTags = computed(() => {
|
||||
// 表单数据
|
||||
const form = reactive({
|
||||
name: '',
|
||||
icon: '',
|
||||
tokenLimit: '', // 保留用于检测历史数据
|
||||
rateLimitWindow: '',
|
||||
rateLimitRequests: '',
|
||||
@@ -809,7 +805,6 @@ const updateApiKey = async () => {
|
||||
// 准备提交的数据
|
||||
const data = {
|
||||
name: form.name, // 添加名称字段
|
||||
icon: form.icon || '', // 添加图标字段
|
||||
tokenLimit: 0, // 清除历史token限制
|
||||
rateLimitWindow:
|
||||
form.rateLimitWindow !== '' && form.rateLimitWindow !== null
|
||||
@@ -1042,7 +1037,6 @@ onMounted(async () => {
|
||||
}
|
||||
|
||||
form.name = props.apiKey.name
|
||||
form.icon = props.apiKey.icon || ''
|
||||
|
||||
// 处理速率限制迁移:如果有tokenLimit且没有rateLimitCost,提示用户
|
||||
form.tokenLimit = props.apiKey.tokenLimit || ''
|
||||
|
||||
File diff suppressed because it is too large
Load Diff
@@ -1046,12 +1046,6 @@
|
||||
:value="key.id"
|
||||
@change="updateSelectAllState"
|
||||
/>
|
||||
<!-- API Key 图标 -->
|
||||
<IconPicker
|
||||
v-model="key.icon"
|
||||
size="medium"
|
||||
@update:model-value="(val) => updateApiKeyIcon(key.id, val)"
|
||||
/>
|
||||
<div>
|
||||
<h4 class="text-sm font-semibold text-gray-900 dark:text-gray-100">
|
||||
{{ key.name }}
|
||||
@@ -1758,7 +1752,6 @@ import { apiClient } from '@/config/api'
|
||||
import { useClientsStore } from '@/stores/clients'
|
||||
import { useAuthStore } from '@/stores/auth'
|
||||
import * as XLSX from 'xlsx-js-style'
|
||||
import IconPicker from '@/components/common/IconPicker.vue'
|
||||
import CreateApiKeyModal from '@/components/apikeys/CreateApiKeyModal.vue'
|
||||
import EditApiKeyModal from '@/components/apikeys/EditApiKeyModal.vue'
|
||||
import RenewApiKeyModal from '@/components/apikeys/RenewApiKeyModal.vue'
|
||||
@@ -2977,28 +2970,6 @@ const toggleApiKeyStatus = async (key) => {
|
||||
}
|
||||
|
||||
// 更新API Key图标
|
||||
const updateApiKeyIcon = async (keyId, icon) => {
|
||||
try {
|
||||
const data = await apiClient.put(`/admin/api-keys/${keyId}`, {
|
||||
icon: icon
|
||||
})
|
||||
|
||||
if (data.success) {
|
||||
// 更新本地数据
|
||||
const localKey = apiKeys.value.find((k) => k.id === keyId)
|
||||
if (localKey) {
|
||||
localKey.icon = icon
|
||||
}
|
||||
showToast('图标已更新', 'success')
|
||||
} else {
|
||||
showToast(data.message || '更新图标失败', 'error')
|
||||
}
|
||||
} catch (error) {
|
||||
console.error('更新图标失败:', error)
|
||||
showToast('更新图标失败,请重试', 'error')
|
||||
}
|
||||
}
|
||||
|
||||
// 删除API Key
|
||||
const deleteApiKey = async (keyId) => {
|
||||
let confirmed = false
|
||||
|
||||
Reference in New Issue
Block a user