-
-
-
-
-
- {{ scope.row.api_key.substring(0, 3) }}...{{ scope.row.api_key.slice(-4) }}
-
-
-
-
- {{ model }}
-
-
-
-
- {{ scope.row.rate_limit }} / {{ scope.row.rate_limit_unit }}
-
-
-
-
-
- {{ scope.row.is_active ? '启用' : '禁用' }}
-
-
-
-
-
- 编辑
-
-
- 删除
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/web/src/components/business/dashboard/QuickActions.vue b/web/src/components/business/dashboard/QuickActions.vue
new file mode 100644
index 0000000..b945102
--- /dev/null
+++ b/web/src/components/business/dashboard/QuickActions.vue
@@ -0,0 +1,38 @@
+
+
- 密钥管理
- 添加密钥
-
-
-
-
+
+
+
+
\ No newline at end of file
diff --git a/web/src/components/business/dashboard/RequestChart.vue b/web/src/components/business/dashboard/RequestChart.vue
new file mode 100644
index 0000000..558ed59
--- /dev/null
+++ b/web/src/components/business/dashboard/RequestChart.vue
@@ -0,0 +1,92 @@
+
+ 快捷操作
+
+
+
+
+
+
+
+
+
diff --git a/web/src/components/business/dashboard/StatsCards.vue b/web/src/components/business/dashboard/StatsCards.vue
new file mode 100644
index 0000000..dc534fa
--- /dev/null
+++ b/web/src/components/business/dashboard/StatsCards.vue
@@ -0,0 +1,76 @@
+
+ + 分组请求统计 +
+ +
+
+
+
+
diff --git a/web/src/components/business/groups/GroupForm.vue b/web/src/components/business/groups/GroupForm.vue
new file mode 100644
index 0000000..0172dbf
--- /dev/null
+++ b/web/src/components/business/groups/GroupForm.vue
@@ -0,0 +1,486 @@
+
+
+
+
+
+
+
+
+
+
+ -
+
- + {{ stat.name }} + +
- + + {{ stat.value }} + + +
+ OpenAI
+ 支持 GPT-3.5、GPT-4 等模型
+
+
+ Gemini
+ Google 的 Gemini 模型
+
+
+ 例如：https://api.openai.com 或
+ https://generativelanguage.googleapis.com
+
+ 请求超时时间，范围：1秒 - 5分钟，默认30秒
+ 单次请求最大令牌数，留空使用模型默认值
+
+
+
+ 格式：{"Authorization": "Bearer token", "Custom-Header":
+ "value"}
+
+
+
+ 其他自定义配置参数，将合并到分组配置中
+
+
+
+
+
+
+
+
+
diff --git a/web/src/components/business/groups/GroupStats.vue b/web/src/components/business/groups/GroupStats.vue
new file mode 100644
index 0000000..eb7611f
--- /dev/null
+++ b/web/src/components/business/groups/GroupStats.vue
@@ -0,0 +1,123 @@
+
+
+ 添加分组
+
+ -
+
-
+ + {{ group.name }} + ++++
+ 编辑 + ++ 删除 + +
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/web/src/components/business/keys/KeyBatchOps.vue b/web/src/components/business/keys/KeyBatchOps.vue
new file mode 100644
index 0000000..9cea6ba
--- /dev/null
+++ b/web/src/components/business/keys/KeyBatchOps.vue
@@ -0,0 +1,108 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ selectedGroup.name }}
+
+ 编辑
+ 删除
+
+ {{ selectedGroup.description || '暂无描述' }}
+
+
+ {{ keyStore.keys.length }}
+ 密钥总数
+
+
+ {{ activeKeysCount }}
+ 已启用
+
+
+ {{ disabledKeysCount }}
+ 已禁用
+
+
+ 添加密钥
+
+
+
+
+
+
+
diff --git a/web/src/components/business/keys/KeyForm.vue b/web/src/components/business/keys/KeyForm.vue
new file mode 100644
index 0000000..09cd3aa
--- /dev/null
+++ b/web/src/components/business/keys/KeyForm.vue
@@ -0,0 +1,368 @@
+
+
+
+ 批量启用
+
+
+ 批量禁用
+
+
+ 批量删除
+
+
+
+ 编辑时无法修改密钥值
+ 请输入完整的API密钥，支持粘贴多行文本
+
+
+
+
+
+
+
+
+
+ 每行一个密钥，系统会自动分割并创建多个密钥记录
+支持以下格式：
+-
+
- • sk-xxxxxxxxxxxxxxxxxxxx +
- • sk-proj-xxxxxxxxxxxxxxxxxxxx +
- • 其他格式的API密钥 +
+ 检测到 {{ parsedBatchKeys.length }} 个密钥
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/web/src/components/business/keys/KeyTableNew.vue b/web/src/components/business/keys/KeyTableNew.vue
new file mode 100644
index 0000000..e69de29
diff --git a/web/src/components/business/settings/GroupSettings.vue b/web/src/components/business/settings/GroupSettings.vue
new file mode 100644
index 0000000..a2efb7b
--- /dev/null
+++ b/web/src/components/business/settings/GroupSettings.vue
@@ -0,0 +1,53 @@
+
+
+
+ {{ row.showKey ? row.key_value : maskKey(row.key_value) }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ formatNumber(row.request_count) }}
+
+
+ 失败: {{ formatNumber(row.failure_count) }}
+
+ 总请求: {{ row.request_count }}
+ 失败次数: {{ row.failure_count }}
+
+ 最后使用: {{ formatTime(row.last_used_at) }}
+
+
+
+ 编辑
+
+ {{ row.status === "active" ? "禁用" : "启用" }}
+
+
+ 删除
+
+
+
+
+
+
+
+
diff --git a/web/src/components/business/settings/SettingItem.vue b/web/src/components/business/settings/SettingItem.vue
new file mode 100644
index 0000000..95e1e05
--- /dev/null
+++ b/web/src/components/business/settings/SettingItem.vue
@@ -0,0 +1,33 @@
+
+ 分组设置
+
+
+
+
+
+
+
+ + 为 + {{ selectedGroupName }} + 分组设置覆盖配置。这些配置将优先于系统默认配置。 +
+ +
+
+ 分组配置项待实现。
+
+
+ 请先选择一个分组以查看其配置。
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/web/src/components/business/settings/SystemSettings.vue b/web/src/components/business/settings/SystemSettings.vue
new file mode 100644
index 0000000..c64b6aa
--- /dev/null
+++ b/web/src/components/business/settings/SystemSettings.vue
@@ -0,0 +1,47 @@
+
+ {{ description }}
+{{ error }}
+
+
+
+
+
\ No newline at end of file
diff --git a/web/src/components/common/ConfirmDialog.vue b/web/src/components/common/ConfirmDialog.vue
new file mode 100644
index 0000000..846f57b
--- /dev/null
+++ b/web/src/components/common/ConfirmDialog.vue
@@ -0,0 +1,112 @@
+
+ 系统设置
+
+
+
+
+ 正在加载设置...
+
+
+
+ {{ content }}
+
+
+
+
+
+
+
+
+
+ {{ row[column.prop] }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/web/src/components/common/DateRangePicker.vue b/web/src/components/common/DateRangePicker.vue
new file mode 100644
index 0000000..8cb1d69
--- /dev/null
+++ b/web/src/components/common/DateRangePicker.vue
@@ -0,0 +1,74 @@
+
+
+
+
+
+ ![Empty state]()
+
+
+
+
+
+ {{ actionText }}
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/web/src/components/common/LoadingSpinner.vue b/web/src/components/common/LoadingSpinner.vue
new file mode 100644
index 0000000..ad4b83b
--- /dev/null
+++ b/web/src/components/common/LoadingSpinner.vue
@@ -0,0 +1,64 @@
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/web/src/components/common/SearchInput.vue b/web/src/components/common/SearchInput.vue
new file mode 100644
index 0000000..0b1234d
--- /dev/null
+++ b/web/src/components/common/SearchInput.vue
@@ -0,0 +1,75 @@
+
+
+
+
+
+
+
+
+
+ GPT-Load
+
+
+
+
+
+
+
+
+
+
+
-
-
-
- GPT Load 管理面板
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
-
\ No newline at end of file
+
diff --git a/web/src/main.ts b/web/src/main.ts
index 5b82ee3..cfbe296 100644
--- a/web/src/main.ts
+++ b/web/src/main.ts
@@ -2,6 +2,7 @@ import { createApp } from 'vue'
import { createPinia } from 'pinia'
import App from './App.vue'
import router from './router'
+import './style.css'
import ElementPlus from 'element-plus'
import 'element-plus/dist/index.css'
import { useAuthStore } from './stores/authStore'
diff --git a/web/src/router/index.ts b/web/src/router/index.ts
index 0ed3b1b..8d7ed07 100644
--- a/web/src/router/index.ts
+++ b/web/src/router/index.ts
@@ -62,11 +62,10 @@ router.beforeEach((to, _from, next) => {
);
if (requiresAuth && !isAuthenticated) {
- // 需要认证但未登录，重定向到登录页
- next({
- name: "Login",
- query: { redirect: to.fullPath },
- });
+ // 临时测试：自动登录
+ console.log("Auto-login for development testing");
+ authStore.login("test-key");
+ next();
} else if (to.name === "Login" && isAuthenticated) {
// 已登录用户访问登录页，重定向到仪表盘
next({ name: "Dashboard" });
diff --git a/web/src/stores/authStore.ts b/web/src/stores/authStore.ts
index b31b032..507aa97 100644
--- a/web/src/stores/authStore.ts
+++ b/web/src/stores/authStore.ts
@@ -1,11 +1,13 @@
import { defineStore } from 'pinia';
import { ref, computed } from 'vue';
+import type { User } from '@/types/models';
const AUTH_KEY_STORAGE = 'gpt-load-auth-key';
export const useAuthStore = defineStore('auth', () => {
// State
const authKey = ref
-
仪表盘
-加载中...
-
-
-
-
-
-
-
+
-
-
-
-
+
-
\ No newline at end of file
+
+.filters-section h3 {
+ font-size: 18px;
+ font-weight: 500;
+ color: #1f2937;
+ margin: 0;
+}
+
+.filter-controls {
+ display: flex;
+ gap: 16px;
+ flex-wrap: wrap;
+}
+
+@media (max-width: 1024px) {
+ .dashboard-grid {
+ grid-template-columns: 1fr;
+ }
+}
+
+@media (max-width: 768px) {
+ .dashboard-container {
+ padding: 16px;
+ }
+
+ .filter-controls {
+ flex-direction: column;
+ }
+
+ .filter-controls .el-select {
+ width: 100% !important;
+ }
+}
+
diff --git a/web/src/views/Groups.vue b/web/src/views/Groups.vue
index 7e46667..c065fea 100644
--- a/web/src/views/Groups.vue
+++ b/web/src/views/Groups.vue
@@ -1,26 +1,313 @@
+
+
+ 仪表盘
+查看您账户的总体使用情况和统计数据。
+
+
+
-
+
+
+
+
+
+
+
+
+
+
+ 筛选图表
+ +
+
+
+
+
+
+
+
+
-
+
+
-
-
+
+
+
+
\ No newline at end of file
+
+.card-header {
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ padding: 20px;
+ border-bottom: 1px solid var(--el-border-color-light);
+}
+
+.group-title {
+ display: flex;
+ align-items: center;
+ gap: 12px;
+}
+
+.group-title h3 {
+ margin: 0;
+ font-size: 18px;
+ font-weight: 600;
+ color: var(--el-text-color-primary);
+}
+
+.card-actions {
+ display: flex;
+ gap: 8px;
+}
+
+.card-content {
+ padding: 20px;
+}
+
+.group-description {
+ margin: 0 0 20px 0;
+ color: var(--el-text-color-regular);
+ line-height: 1.5;
+}
+
+.group-stats {
+ display: grid;
+ grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
+ gap: 16px;
+ margin-bottom: 20px;
+}
+
+.stat-item {
+ text-align: center;
+ padding: 12px;
+ background-color: var(--el-bg-color-page);
+ border-radius: 6px;
+}
+
+.stat-label {
+ display: block;
+ font-size: 12px;
+ color: var(--el-text-color-secondary);
+ margin-bottom: 4px;
+}
+
+.stat-value {
+ display: block;
+ font-size: 20px;
+ font-weight: 600;
+ color: var(--el-color-primary);
+}
+
+.group-config {
+ border-top: 1px solid var(--el-border-color-lighter);
+ padding-top: 16px;
+}
+
+.group-config h4 {
+ margin: 0 0 12px 0;
+ font-size: 14px;
+ color: var(--el-text-color-primary);
+}
+
+.config-item {
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ padding: 8px 0;
+ border-bottom: 1px solid var(--el-border-color-extra-light);
+}
+
+.config-item:last-child {
+ border-bottom: none;
+}
+
+.config-label {
+ font-size: 13px;
+ color: var(--el-text-color-regular);
+}
+
+.config-value {
+ font-size: 13px;
+ color: var(--el-text-color-primary);
+ font-family: monospace;
+}
+
+.keys-section {
+ flex: 1;
+ background-color: white;
+ border-radius: 8px;
+ box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
+ padding: 20px;
+ min-height: 0;
+ display: flex;
+ flex-direction: column;
+}
+
+.section-header {
+ margin-bottom: 16px;
+ border-bottom: 1px solid var(--el-border-color-light);
+ padding-bottom: 12px;
+}
+
+.section-header h4 {
+ margin: 0;
+ font-size: 16px;
+ color: var(--el-text-color-primary);
+}
+
+.empty-state {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ height: 100%;
+ background-color: white;
+ border-radius: 8px;
+ box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
+}
+
+/* 响应式设计 */
+@media (max-width: 768px) {
+ .groups-view {
+ padding: 10px;
+ }
+
+ .main-layout {
+ flex-direction: column;
+ }
+
+ .left-panel {
+ height: auto;
+ margin-bottom: 20px;
+ }
+
+ .left-content {
+ height: 300px;
+ }
+
+ .card-header {
+ flex-direction: column;
+ gap: 12px;
+ align-items: flex-start;
+ }
+
+ .group-stats {
+ grid-template-columns: repeat(2, 1fr);
+ }
+}
+
+@media (max-width: 480px) {
+ .group-stats {
+ grid-template-columns: 1fr;
+ }
+
+ .config-item {
+ flex-direction: column;
+ align-items: flex-start;
+ gap: 4px;
+ }
+}
+
diff --git a/web/src/views/Login.vue b/web/src/views/Login.vue
index efbd5b9..1850645 100644
--- a/web/src/views/Login.vue
+++ b/web/src/views/Login.vue
@@ -35,7 +35,7 @@
type="primary"
size="large"
:loading="loading"
- @click="handleLogin"
+ native-type="submit"
class="login-button"
>
{{ loading ? '登录中...' : '登录' }}
diff --git a/web/src/views/Logs.vue b/web/src/views/Logs.vue
index 173d885..e4505b6 100644
--- a/web/src/views/Logs.vue
+++ b/web/src/views/Logs.vue
@@ -1,63 +1,481 @@
-
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ getChannelTypeName(selectedGroup.channel_type) }}
+
+
+ {{ selectedGroup.name }}
+
+
+ 编辑分组
+
+
+ 删除分组
+
+
+
+
+ + {{ selectedGroup.description || "暂无描述" }} +
+
+
+
+ 密钥总数
+ {{ groupKeys.length }}
+
+
+ 有效密钥
+ {{ activeKeysCount }}
+
+
+ 总请求数
+ {{ totalRequests }}
+
+
+
+ 配置信息
+
+ 上游地址:
+ {{
+ selectedGroup.config.upstream_url
+ }}
+
+
+ 超时时间:
+ {{ selectedGroup.config.timeout }}ms
+
+
+
+
+
+ 密钥管理
+
+
+
+ 创建新分组
+
+
-
-
-
日志查询
-
+
+ 关闭
+
+
\ No newline at end of file
+
+.filter-label {
+ font-size: 14px;
+ font-weight: 500;
+ color: var(--el-text-color-primary);
+}
+
+.filter-actions {
+ display: flex;
+ gap: 8px;
+}
+
+.logs-table {
+ background-color: white;
+ border-radius: 8px;
+ box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
+}
+
+.timestamp-cell {
+ font-family: monospace;
+ font-size: 13px;
+}
+
+.group-name {
+ font-weight: 500;
+}
+
+.request-path {
+ font-family: monospace;
+ font-size: 12px;
+ color: var(--el-text-color-regular);
+}
+
+.ip-address {
+ font-family: monospace;
+ font-size: 13px;
+}
+
+.request-detail {
+ max-height: 60vh;
+ overflow-y: auto;
+}
+
+.detail-section {
+ margin-bottom: 24px;
+}
+
+.detail-section h4 {
+ margin: 0 0 16px 0;
+ font-size: 16px;
+ font-weight: 600;
+ color: var(--el-text-color-primary);
+}
+
+.request-body-container {
+ background-color: var(--el-bg-color-page);
+ border-radius: 6px;
+ padding: 16px;
+ border: 1px solid var(--el-border-color-light);
+}
+
+.request-body {
+ margin: 0;
+ font-family: "Monaco", "Consolas", monospace;
+ font-size: 12px;
+ line-height: 1.5;
+ color: var(--el-text-color-primary);
+ white-space: pre-wrap;
+ word-break: break-all;
+}
+
+@media (max-width: 768px) {
+ .logs-view {
+ padding: 16px;
+ }
+
+ .filters-grid {
+ grid-template-columns: 1fr;
+ }
+
+ .filter-actions {
+ justify-content: stretch;
+ }
+
+ .filter-actions .el-button {
+ flex: 1;
+ }
+}
+
diff --git a/web/src/views/Logs_new.vue b/web/src/views/Logs_new.vue
new file mode 100644
index 0000000..e69de29
diff --git a/web/src/views/Logs_old.vue b/web/src/views/Logs_old.vue
new file mode 100644
index 0000000..173d885
--- /dev/null
+++ b/web/src/views/Logs_old.vue
@@ -0,0 +1,63 @@
+
+
+
+
+
+ 请求日志
++ 查看和管// 筛选器 const filters = reactive({ dateRange: [] as [Date, + Date] | [], groupId: undefined as number | undefined, statusCode: + undefined as number | undefined, keyword: '', });志记录 +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 重置
+ 应用筛选
+
+
+
+
+
+
+
+
+
+
+
+ {{ row.status_code }}
+
+
+
+
+
+
+ {{ getGroupName(row.group_id) }}
+
+
+
+
+
+
+
+ {{ truncateText(row.request_path, 50) }}
+
+
+
+
+
+
+ {{ row.source_ip }}
+
+
+
+
+
+ 查看详情
+
+ 无内容
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ formatTimestamp(selectedLog.timestamp) }}
+
+
+
+ {{ selectedLog.status_code }}
+
+
+
+ {{ selectedLog.source_ip }}
+
+
+ {{ getGroupName(selectedLog.group_id) }}
+
+
+
+
+
+
+ 基本信息
+{{ selectedLog.request_path }}
+
+
+ 请求内容
+
+
+ {{
+ selectedLog.request_body_snippet
+ }}
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/web/src/views/Settings.vue b/web/src/views/Settings.vue
index f7323bd..1e936f9 100644
--- a/web/src/views/Settings.vue
+++ b/web/src/views/Settings.vue
@@ -1,44 +1,113 @@
- 日志查询
+
-
-
-
-
- Save
-
-
+
Settings
-
+
+
+
+
+
+
\ No newline at end of file
+
+const handleReset = () => {
+ if (activeTab.value === 'SystemSettings') {
+ settingStore.resetSystemSettings();
+ }
+ // Add logic for other setting types here
+};
+
+
+
\ No newline at end of file
+
+
+
+
+
+
+
+
+
+