This commit is contained in:
cnlimiter
2026-03-14 17:36:55 +08:00
parent 9d3099fcd8
commit 0688f4ca7e
8 changed files with 2066 additions and 882 deletions
+49 -26
View File
@@ -5,6 +5,7 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>账号管理 - OpenAI 注册系统</title>
<link rel="stylesheet" href="/static/css/style.css">
<link rel="icon" href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><text y='.9em' font-size='90'>📋</text></svg>">
</head>
<body>
<div class="container">
@@ -18,6 +19,9 @@
<a href="/accounts" class="nav-link active">账号管理</a>
<a href="/settings" class="nav-link">设置</a>
</div>
<button class="theme-toggle" onclick="theme.toggle()" title="切换主题">
🌙
</button>
</nav>
<!-- 主内容区 -->
@@ -66,15 +70,19 @@
<option value="custom_domain">自定义域名</option>
</select>
<input type="text" id="search-input" class="form-input" placeholder="搜索邮箱...">
<input type="text" id="search-input" class="form-input" placeholder="🔍 搜索邮箱..." style="min-width: 200px;">
</div>
<div class="toolbar-right">
<button class="btn btn-secondary" id="refresh-btn">刷新</button>
<button class="btn btn-danger" id="batch-delete-btn" disabled>批量删除</button>
<button class="btn btn-ghost" id="refresh-btn" title="刷新">
🔄 刷新
</button>
<button class="btn btn-danger" id="batch-delete-btn" disabled>
🗑️ 批量删除
</button>
<div class="dropdown">
<button class="btn btn-primary dropdown-toggle" id="export-btn">
导出
<button class="btn btn-primary" id="export-btn">
📥 导出
</button>
<div class="dropdown-menu" id="export-menu">
<a href="#" class="dropdown-item" data-format="json">导出 JSON</a>
@@ -87,29 +95,43 @@
<!-- 账号列表 -->
<div class="card">
<div class="card-body">
<table class="data-table">
<thead>
<tr>
<th><input type="checkbox" id="select-all"></th>
<th>ID</th>
<th>邮箱</th>
<th>邮箱服务</th>
<th>状态</th>
<th>注册时间</th>
<th>操作</th>
</tr>
</thead>
<tbody id="accounts-table">
<!-- 动态加载 -->
</tbody>
</table>
<div class="card-body" style="padding: 0;">
<div class="table-container">
<table class="data-table">
<thead>
<tr>
<th style="width: 40px;"><input type="checkbox" id="select-all"></th>
<th style="width: 60px;">ID</th>
<th>邮箱</th>
<th style="width: 120px;">邮箱服务</th>
<th style="width: 100px;">状态</th>
<th style="width: 160px;">注册时间</th>
<th style="width: 140px;">操作</th>
</tr>
</thead>
<tbody id="accounts-table">
<tr>
<td colspan="7">
<div class="empty-state">
<div class="skeleton skeleton-text" style="width: 60%;"></div>
<div class="skeleton skeleton-text" style="width: 80%;"></div>
<div class="skeleton skeleton-text" style="width: 40%;"></div>
</div>
</td>
</tr>
</tbody>
</table>
</div>
<!-- 分页 -->
<div class="pagination" id="pagination">
<button class="btn btn-sm" id="prev-page" disabled>上一页</button>
<span id="page-info">第 1 页</span>
<button class="btn btn-sm" id="next-page">下一页</button>
<button class="btn btn-secondary btn-sm" id="prev-page" disabled>
← 上一页
</button>
<span id="page-info">第 1 页 / 共 1 页</span>
<button class="btn btn-secondary btn-sm" id="next-page">
下一页 →
</button>
</div>
</div>
</div>
@@ -120,7 +142,7 @@
<div class="modal" id="detail-modal">
<div class="modal-content">
<div class="modal-header">
<h3>账号详情</h3>
<h3>📋 账号详情</h3>
<button class="modal-close" id="close-modal">&times;</button>
</div>
<div class="modal-body" id="modal-body">
@@ -129,6 +151,7 @@
</div>
</div>
<script src="/static/js/utils.js"></script>
<script src="/static/js/accounts.js"></script>
</body>
</html>