coder
d338522692
- 创建 SVG 格式 favicon（蓝色文档+翻译箭头+中文标记） - 在所有前台页面添加 favicon：index, login, register, history, pricing, translation - 在所有后台管理页面添加 favicon
150 lines
8.0 KiB
HTML
150 lines
8.0 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="zh-CN">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>用户管理 - 后台管理</title>
|
|
<link rel="icon" href="/static/img/favicon.svg" type="image/svg+xml">
|
|
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
|
|
<link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.0/font/bootstrap-icons.css" rel="stylesheet">
|
|
<style>
|
|
body { background-color: #f5f5f5; }
|
|
.sidebar { position: fixed; top: 0; left: 0; height: 100vh; width: 250px; background: #343a40; padding-top: 60px; }
|
|
.sidebar .nav-link { color: #adb5bd; padding: 12px 20px; border-left: 3px solid transparent; }
|
|
.sidebar .nav-link:hover, .sidebar .nav-link.active { color: #fff; background: rgba(255,255,255,0.1); border-left-color: #0d6efd; }
|
|
.sidebar .nav-link i { margin-right: 10px; }
|
|
.main-content { margin-left: 250px; padding: 20px; }
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<!-- 侧边栏 -->
|
|
<nav class="sidebar">
|
|
<div class="position-absolute top-0 w-100 p-3 border-bottom border-secondary">
|
|
<h5 class="text-white mb-0"><i class="bi bi-gear-fill"></i> 后台管理</h5>
|
|
</div>
|
|
<ul class="nav flex-column">
|
|
<li class="nav-item"><a class="nav-link" href="{{ url_for('admin.dashboard') }}"><i class="bi bi-speedometer2"></i> 数据概览</a></li>
|
|
<li class="nav-item"><a class="nav-link active" href="{{ url_for('admin.users') }}"><i class="bi bi-people"></i> 用户管理</a></li>
|
|
<li class="nav-item"><a class="nav-link" href="{{ url_for('admin.translations') }}"><i class="bi bi-file-text"></i> 翻译记录</a></li>
|
|
<li class="nav-item"><a class="nav-link" href="{{ url_for('admin.cache_list') }}"><i class="bi bi-database"></i> 缓存管理</a></li>
|
|
<li class="nav-item"><a class="nav-link" href="{{ url_for('admin.stats') }}"><i class="bi bi-bar-chart"></i> 统计报表</a></li>
|
|
<li class="nav-item"><a class="nav-link" href="{{ url_for('admin.logs') }}"><i class="bi bi-list-check"></i> 操作日志</a></li>
|
|
<li class="nav-item"><a class="nav-link" href="{{ url_for('admin.llm_config') }}"><i class="bi bi-cpu"></i> 大模型配置</a></li>
|
|
<li class="nav-item"><a class="nav-link" href="{{ url_for('admin.settings') }}"><i class="bi bi-sliders"></i> 系统配置</a></li>
|
|
</ul>
|
|
<div class="position-absolute bottom-0 w-100 p-3 border-top border-secondary">
|
|
<a href="/" class="btn btn-outline-light btn-sm w-100"><i class="bi bi-house"></i> 返回前台</a>
|
|
</div>
|
|
</nav>
|
|
|
|
<!-- 主内容 -->
|
|
<main class="main-content">
|
|
<div class="card">
|
|
<div class="card-header">
|
|
<div class="row align-items-center">
|
|
<div class="col">
|
|
<h5 class="mb-0"><i class="bi bi-people"></i> 用户管理</h5>
|
|
</div>
|
|
<div class="col-auto">
|
|
<form method="get" class="d-flex gap-2">
|
|
<input type="text" class="form-control" name="search" value="{{ search }}" placeholder="搜索用户名/邮箱">
|
|
<select class="form-select" name="type">
|
|
<option value="">全部类型</option>
|
|
{% for t in user_types %}
|
|
<option value="{{ t }}" {% if user_type == t %}selected{% endif %}>{{ t }}</option>
|
|
{% endfor %}
|
|
</select>
|
|
<button class="btn btn-primary"><i class="bi bi-search"></i></button>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="card-body p-0">
|
|
<table class="table table-hover mb-0">
|
|
<thead class="table-light">
|
|
<tr>
|
|
<th>ID</th>
|
|
<th>用户名</th>
|
|
<th>邮箱</th>
|
|
<th>类型</th>
|
|
<th>翻译次数</th>
|
|
<th>状态</th>
|
|
<th>注册时间</th>
|
|
<th>操作</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
{% for user in users.items %}
|
|
<tr>
|
|
<td>{{ user.id }}</td>
|
|
<td>
|
|
{{ user.username }}
|
|
{% if user.is_admin %}<span class="badge bg-danger">管理员</span>{% endif %}
|
|
</td>
|
|
<td>{{ user.email }}</td>
|
|
<td>
|
|
<span class="badge bg-{% if user.user_type == 'free' %}secondary{% elif 'vip' in user.user_type %}warning{% else %}primary{% endif %}">
|
|
{{ user.user_type }}
|
|
</span>
|
|
</td>
|
|
<td>
|
|
<span title="今日">{{ user.daily_count }}</span> /
|
|
<span title="总计">{{ user.total_count }}</span>
|
|
</td>
|
|
<td>
|
|
{% if user.is_active %}
|
|
<span class="badge bg-success">正常</span>
|
|
{% else %}
|
|
<span class="badge bg-danger">禁用</span>
|
|
{% endif %}
|
|
</td>
|
|
<td>{{ user.created_at.strftime('%Y-%m-%d %H:%M') }}</td>
|
|
<td>
|
|
<a href="{{ url_for('admin.user_detail', user_id=user.id) }}" class="btn btn-sm btn-outline-primary">
|
|
<i class="bi bi-eye"></i>
|
|
</a>
|
|
<button class="btn btn-sm btn-outline-danger" onclick="deleteUser({{ user.id }}, '{{ user.username }}')">
|
|
<i class="bi bi-trash"></i>
|
|
</button>
|
|
</td>
|
|
</tr>
|
|
{% else %}
|
|
<tr><td colspan="8" class="text-center text-muted py-4">暂无数据</td></tr>
|
|
{% endfor %}
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
<div class="card-footer">
|
|
<nav>
|
|
<ul class="pagination mb-0">
|
|
{% if users.has_prev %}
|
|
<li class="page-item"><a class="page-link" href="?page={{ users.prev_num }}&search={{ search }}&type={{ user_type }}">上一页</a></li>
|
|
{% endif %}
|
|
<li class="page-item disabled"><span class="page-link">{{ users.page }} / {{ users.pages }}</span></li>
|
|
{% if users.has_next %}
|
|
<li class="page-item"><a class="page-link" href="?page={{ users.next_num }}&search={{ search }}&type={{ user_type }}">下一页</a></li>
|
|
{% endif %}
|
|
</ul>
|
|
</nav>
|
|
</div>
|
|
</div>
|
|
</main>
|
|
|
|
<script>
|
|
function deleteUser(id, name) {
|
|
if (!confirm('确定删除用户 "' + name + '" 吗？此操作不可恢复！')) return;
|
|
|
|
fetch(`/admin/user/${id}/delete`, { method: 'POST' })
|
|
.then(r => r.json())
|
|
.then(data => {
|
|
if (data.success) {
|
|
alert('删除成功');
|
|
location.reload();
|
|
} else {
|
|
alert('删除失败: ' + data.error);
|
|
}
|
|
});
|
|
}
|
|
</script>
|
|
</body>
|
|
</html> |