feat(pay): 支付跳转功能

- 账号管理:补充订阅状态管理、TeamManager上传说明
 - 新增「支付升级」功能模块描述
 - 系统设置:补充 CPA配置和 TeamManager配置项
This commit is contained in:
cnlimiter
2026-03-16 17:04:54 +08:00
parent c5ab1747c6
commit 19eb172eee
18 changed files with 1174 additions and 3 deletions

View File

@@ -18,6 +18,7 @@
<a href="/" class="nav-link">注册</a>
<a href="/accounts" class="nav-link">账号管理</a>
<a href="/email-services" class="nav-link">邮箱服务</a>
<a href="/payment" class="nav-link">支付</a>
<a href="/settings" class="nav-link active">设置</a>
</div>
<button class="theme-toggle" onclick="theme.toggle()" title="切换主题">
@@ -36,6 +37,7 @@
<div class="tabs">
<button class="tab-btn active" data-tab="proxy">🌐 代理设置</button>
<button class="tab-btn" data-tab="cpa">☁️ CPA上传</button>
<button class="tab-btn" data-tab="team-manager">🚀 Team Manager</button>
<button class="tab-btn" data-tab="outlook">📮 Outlook配置</button>
<button class="tab-btn" data-tab="registration">⚙️ 注册配置</button>
<button class="tab-btn" data-tab="email-code">📧 验证码配置</button>
@@ -269,6 +271,44 @@
</div>
</div>
<!-- Team Manager 设置 -->
<div class="tab-content" id="team-manager-tab">
<div class="card">
<div class="card-header">
<h3>Team Manager 配置</h3>
<span class="hint">配置 Team Manager 账号导入功能</span>
</div>
<div class="card-body">
<form id="tm-form">
<div class="form-group">
<label>
<input type="checkbox" id="tm-enabled" name="enabled">
启用 Team Manager 上传
</label>
<p class="hint">启用后可在账号管理页面将账号导入 Team Manager 平台</p>
</div>
<div class="form-group">
<label for="tm-api-url">API URL</label>
<input type="text" id="tm-api-url" name="api_url" placeholder="例如: https://tm.example.com">
<p class="hint">Team Manager 平台的 API 地址</p>
</div>
<div class="form-group">
<label for="tm-api-key">API Key</label>
<input type="password" id="tm-api-key" name="api_key" placeholder="留空则保持原值" autocomplete="new-password">
<p class="hint">Team Manager 平台的认证 Key</p>
</div>
<div class="form-actions">
<button type="submit" class="btn btn-primary">💾 保存设置</button>
<button type="button" class="btn btn-secondary" id="test-tm-btn">🔌 测试连接</button>
</div>
</form>
</div>
</div>
</div>
<!-- Outlook 配置 -->
<div class="tab-content" id="outlook-tab">
<div class="card">