github/claude-relay-service
1
0
Fork 0
mirror of https://github.com/Wei-Shaw/claude-relay-service.git synced 2026-04-27 05:58:38 +00:00
Code Issues Packages Projects Releases Wiki Activity

1

Browse Source
This commit is contained in:
SunSeekerX
2026-01-19 20:24:47 +08:00
parent 12fd5e1cb4
commit 76ecbe18a5
98 changed files with 8182 additions and 1896 deletions
Download Patch File Download Diff File Expand all files Collapse all files

175
web/admin-spa/src/components/apikeys/CreateApiKeyModal.vue
View File

@@ -579,55 +579,59 @@
<label class="mb-2 block text-sm font-semibold text-gray-700 dark:text-gray-300"
>服务权限</label
>
<div class="flex gap-4">
<div class="flex flex-wrap gap-4">
<label class="flex cursor-pointer items-center">
<input
v-model="form.permissions"
:checked="form.permissions === 'all'"
class="mr-2 text-blue-600 focus:ring-blue-500 dark:border-gray-600 dark:bg-gray-700"
type="radio"
value="all"
type="checkbox"
@change="toggleAllServices"
/>
<span class="text-sm text-gray-700 dark:text-gray-300">全部服务</span>
<span class="text-sm font-medium text-gray-700 dark:text-gray-300">全部服务</span>
</label>
<label class="flex cursor-pointer items-center">
<input
v-model="form.permissions"
v-model="selectedServices"
class="mr-2 text-blue-600 focus:ring-blue-500 dark:border-gray-600 dark:bg-gray-700"
type="radio"
type="checkbox"
value="claude"
@change="updatePermissions"
/>
<span class="text-sm text-gray-700 dark:text-gray-300">仅 Claude</span>
<span class="text-sm text-gray-700 dark:text-gray-300">Claude</span>
</label>
<label class="flex cursor-pointer items-center">
<input
v-model="form.permissions"
v-model="selectedServices"
class="mr-2 text-blue-600 focus:ring-blue-500 dark:border-gray-600 dark:bg-gray-700"
type="radio"
type="checkbox"
value="gemini"
@change="updatePermissions"
/>
<span class="text-sm text-gray-700 dark:text-gray-300">仅 Gemini</span>
<span class="text-sm text-gray-700 dark:text-gray-300">Gemini</span>
</label>
<label class="flex cursor-pointer items-center">
<input
v-model="form.permissions"
v-model="selectedServices"
class="mr-2 text-blue-600 focus:ring-blue-500 dark:border-gray-600 dark:bg-gray-700"
type="radio"
type="checkbox"
value="openai"
@change="updatePermissions"
/>
<span class="text-sm text-gray-700 dark:text-gray-300">仅 OpenAI</span>
<span class="text-sm text-gray-700 dark:text-gray-300">OpenAI</span>
</label>
<label class="flex cursor-pointer items-center">
<input
v-model="form.permissions"
v-model="selectedServices"
class="mr-2 text-blue-600 focus:ring-blue-500 dark:border-gray-600 dark:bg-gray-700"
type="radio"
type="checkbox"
value="droid"
@change="updatePermissions"
/>
<span class="text-sm text-gray-700 dark:text-gray-300">仅 Droid</span>
<span class="text-sm text-gray-700 dark:text-gray-300">Droid</span>
</label>
</div>
<p class="mt-2 text-xs text-gray-500 dark:text-gray-400">
控制此 API Key 可以访问哪些服务
控制此 API Key 可以访问哪些服务，可多选
</p>
</div>
@@ -662,7 +666,7 @@
v-model="form.claudeAccountId"
:accounts="localAccounts.claude"
default-option-text="使用共享账号池"
:disabled="form.permissions !== 'all' && form.permissions !== 'claude'"
:disabled="!isServiceEnabled('claude')"
:groups="localAccounts.claudeGroups"
placeholder="请选择Claude账号"
platform="claude"
@@ -676,7 +680,7 @@
v-model="form.geminiAccountId"
:accounts="localAccounts.gemini"
default-option-text="使用共享账号池"
:disabled="form.permissions !== 'all' && form.permissions !== 'gemini'"
:disabled="!isServiceEnabled('gemini')"
:groups="localAccounts.geminiGroups"
placeholder="请选择Gemini账号"
platform="gemini"
@@ -690,7 +694,7 @@
v-model="form.openaiAccountId"
:accounts="localAccounts.openai"
default-option-text="使用共享账号池"
:disabled="form.permissions !== 'all' && form.permissions !== 'openai'"
:disabled="!isServiceEnabled('openai')"
:groups="localAccounts.openaiGroups"
placeholder="请选择OpenAI账号"
platform="openai"
@@ -704,7 +708,7 @@
v-model="form.bedrockAccountId"
:accounts="localAccounts.bedrock"
default-option-text="使用共享账号池"
:disabled="form.permissions !== 'all' && form.permissions !== 'openai'"
:disabled="!isServiceEnabled('claude')"
:groups="[]"
placeholder="请选择Bedrock账号"
platform="bedrock"
@@ -718,7 +722,7 @@
v-model="form.droidAccountId"
:accounts="localAccounts.droid"
default-option-text="使用共享账号池"
:disabled="form.permissions !== 'all' && form.permissions !== 'droid'"
:disabled="!isServiceEnabled('droid')"
:groups="localAccounts.droidGroups"
placeholder="请选择Droid账号"
platform="droid"
@@ -884,16 +888,29 @@
</form>
</div>
</div>
<!-- ConfirmModal -->
<ConfirmModal
:cancel-text="confirmModalConfig.cancelText"
:confirm-text="confirmModalConfig.confirmText"
:message="confirmModalConfig.message"
:show="showConfirmModal"
:title="confirmModalConfig.title"
:type="confirmModalConfig.type"
@cancel="handleCancelModal"
@confirm="handleConfirmModal"
/>
</Teleport>
</template>
<script setup>
import { ref, reactive, computed, onMounted } from 'vue'
import { showToast } from '@/utils/toast'
import { showToast } from '@/utils/tools'
import { useClientsStore } from '@/stores/clients'
import { useApiKeysStore } from '@/stores/apiKeys'
import { apiClient } from '@/config/api'
import * as httpApi from '@/utils/http_apis'
import AccountSelector from '@/components/common/AccountSelector.vue'
import ConfirmModal from '@/components/common/ConfirmModal.vue'
const props = defineProps({
accounts: {
@@ -918,6 +935,40 @@ const clientsStore = useClientsStore()
const apiKeysStore = useApiKeysStore()
const loading = ref(false)
const accountsLoading = ref(false)
// ConfirmModal 状态
const showConfirmModal = ref(false)
const confirmModalConfig = ref({
title: '',
message: '',
type: 'primary',
confirmText: '确认',
cancelText: '取消'
})
const confirmResolve = ref(null)
const showConfirm = (
title,
message,
confirmText = '确认',
cancelText = '取消',
type = 'primary'
) => {
return new Promise((resolve) => {
confirmModalConfig.value = { title, message, confirmText, cancelText, type }
confirmResolve.value = resolve
showConfirmModal.value = true
})
}
const handleConfirmModal = () => {
showConfirmModal.value = false
confirmResolve.value?.(true)
}
const handleCancelModal = () => {
showConfirmModal.value = false
confirmResolve.value?.(false)
}
const localAccounts = ref({
claude: [],
gemini: [],
@@ -980,6 +1031,39 @@ const form = reactive({
tags: []
})
// 多选服务
const allServices = ['claude', 'gemini', 'openai', 'droid']
const selectedServices = ref([...allServices])
// 切换全部服务
const toggleAllServices = (event) => {
if (event.target.checked) {
selectedServices.value = [...allServices]
form.permissions = 'all'
} else {
selectedServices.value = []
form.permissions = ''
}
}
// 更新权限
const updatePermissions = () => {
if (selectedServices.value.length === allServices.length) {
form.permissions = 'all'
} else if (selectedServices.value.length === 1) {
form.permissions = selectedServices.value[0]
} else if (selectedServices.value.length > 1) {
form.permissions = selectedServices.value.join(',')
} else {
form.permissions = ''
}
}
// 检查服务是否启用
const isServiceEnabled = (service) => {
return form.permissions === 'all' || selectedServices.value.includes(service)
}
// 加载支持的客户端和已存在的标签
onMounted(async () => {
supportedClients.value = await clientsStore.loadSupportedClients()
@@ -1046,15 +1130,15 @@ const refreshAccounts = async () => {
droidData,
groupsData
] = await Promise.all([
apiClient.get('/admin/claude-accounts'),
apiClient.get('/admin/claude-console-accounts'),
apiClient.get('/admin/gemini-accounts'),
apiClient.get('/admin/gemini-api-accounts'), // 获取 Gemini-API 账号
apiClient.get('/admin/openai-accounts'),
apiClient.get('/admin/openai-responses-accounts'), // 获取 OpenAI-Responses 账号
apiClient.get('/admin/bedrock-accounts'),
apiClient.get('/admin/droid-accounts'),
apiClient.get('/admin/account-groups')
httpApi.get('/admin/claude-accounts'),
httpApi.get('/admin/claude-console-accounts'),
httpApi.get('/admin/gemini-accounts'),
httpApi.get('/admin/gemini-api-accounts'), // 获取 Gemini-API 账号
httpApi.get('/admin/openai-accounts'),
httpApi.get('/admin/openai-responses-accounts'), // 获取 OpenAI-Responses 账号
httpApi.get('/admin/bedrock-accounts'),
httpApi.get('/admin/droid-accounts'),
httpApi.get('/admin/account-groups')
])
// 合并Claude OAuth账户和Claude Console账户
@@ -1331,18 +1415,13 @@ const createApiKey = async () => {
// 检查是否设置了时间窗口但费用限制为0
if (form.rateLimitWindow && (!form.rateLimitCost || parseFloat(form.rateLimitCost) === 0)) {
let confirmed = false
if (window.showConfirm) {
confirmed = await window.showConfirm(
'费用限制提醒',
'您设置了时间窗口但费用限制为0，这意味着不会有费用限制。\n\n是否继续？',
'继续创建',
'返回修改'
)
} else {
// 降级方案
confirmed = confirm('您设置了时间窗口但费用限制为0，这意味着不会有费用限制。\n是否继续？')
}
const confirmed = await showConfirm(
'费用限制提醒',
'您设置了时间窗口但费用限制为0，这意味着不会有费用限制。\n\n是否继续？',
'继续创建',
'返回修改',
'warning'
)
if (!confirmed) {
return
}
@@ -1435,7 +1514,7 @@ const createApiKey = async () => {
name: form.name
}
const result = await apiClient.post('/admin/api-keys', data)
const result = await httpApi.post('/admin/api-keys', data)
if (result.success) {
showToast('API Key 创建成功', 'success')
@@ -1453,7 +1532,7 @@ const createApiKey = async () => {
count: form.batchCount
}
const result = await apiClient.post('/admin/api-keys/batch', data)
const result = await httpApi.post('/admin/api-keys/batch', data)
if (result.success) {
showToast(`成功创建 ${result.data.length} 个 API Key`, 'success')