feat: v3.2 - 用户管理功能和后台菜单统一
新增功能： - 用户管理列表页面（搜索、分页） - 用户详情页面（基本信息、收藏统计） - 管理员重置用户密码功能 - 管理员修改用户昵称功能 - 管理后台首页添加用户统计卡片 优化改进： - 统一后台菜单结构，创建可复用的 sidebar 组件 - 所有后台页面使用统一菜单，避免硬编码 - 优化权限配置文件，清理冗余规则 技术文档： - 添加任务分解规则文档 - 添加后台菜单统一规则文档 - 添加数据库字段修复脚本 Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
This commit is contained in:
Jowe
120
.claude/admin-menu-rules.md
Normal file
120
.claude/admin-menu-rules.md
Normal file
@@ -0,0 +1,120 @@
|
||||
# 后台管理菜单统一规则
|
||||
|
||||
## 📋 规则说明
|
||||
|
||||
所有后台管理页面必须使用统一的菜单结构，不允许硬编码不同的菜单。
|
||||
|
||||
---
|
||||
|
||||
## 🎯 菜单结构
|
||||
|
||||
### 主菜单（按顺序）
|
||||
1. **控制台** - `{{ url_for('admin.index') }}`
|
||||
2. **网站管理** - `{{ url_for('site.index_view') }}`
|
||||
3. **标签管理** - `{{ url_for('tag.index_view') }}`
|
||||
4. **新闻管理** - `{{ url_for('news.index_view') }}`
|
||||
5. **Prompt管理** - `{{ url_for('prompttemplate.index_view') }}`
|
||||
6. **管理员** - `{{ url_for('admin_users.index_view') }}`
|
||||
|
||||
### 系统菜单（按顺序）
|
||||
1. **用户管理** - `{{ url_for('admin_users') }}`
|
||||
2. **SEO工具** - `{{ url_for('seo_tools') }}`
|
||||
3. **批量导入** - `{{ url_for('batch_import') }}`
|
||||
4. **修改密码** - `{{ url_for('change_password') }}`
|
||||
5. **查看网站** - `{{ url_for('index') }}` (target="_blank")
|
||||
6. **退出登录** - `{{ url_for('admin_logout') }}`
|
||||
|
||||
---
|
||||
|
||||
## 📝 实现方式
|
||||
|
||||
### 方式1：使用 admin/master.html（推荐）
|
||||
对于新增的后台页面，应该继承 `admin/master.html`：
|
||||
|
||||
```jinja2
|
||||
{% extends 'admin/master.html' %}
|
||||
|
||||
{% block body %}
|
||||
<!-- 页面内容 -->
|
||||
{% endblock %}
|
||||
```
|
||||
|
||||
**注意**：需要在路由中传递 `admin_view` 对象。
|
||||
|
||||
### 方式2：使用统一菜单组件
|
||||
对于独立HTML页面，使用 `{% include %}` 引入统一菜单组件：
|
||||
|
||||
```jinja2
|
||||
{% set active_page = 'page_name' %}
|
||||
{% include 'admin/components/sidebar.html' %}
|
||||
```
|
||||
|
||||
**注意**：
|
||||
- `active_page` 变量用于标记当前激活的菜单项
|
||||
- 统一菜单组件位于 `templates/admin/components/sidebar.html`
|
||||
- 禁止复制粘贴菜单代码，必须使用 include 方式
|
||||
|
||||
---
|
||||
|
||||
## ⚠️ 重要提醒
|
||||
|
||||
1. **禁止删减菜单项** - 所有页面必须显示完整菜单
|
||||
2. **禁止修改顺序** - 菜单顺序必须一致
|
||||
3. **禁止硬编码菜单** - 必须使用统一组件 `admin/components/sidebar.html`
|
||||
4. **新增菜单项** - 只需在统一组件中添加，所有页面自动生效
|
||||
5. **endpoint 名称** - 必须使用正确的 Flask-Admin endpoint
|
||||
|
||||
---
|
||||
|
||||
## 🔍 检查清单
|
||||
|
||||
添加新后台页面时，必须检查：
|
||||
- [ ] 主菜单包含6个项目
|
||||
- [ ] 系统菜单包含6个项目
|
||||
- [ ] endpoint 名称正确
|
||||
- [ ] 图标使用 Material Symbols
|
||||
- [ ] 当前页面有 `active` 类
|
||||
|
||||
---
|
||||
|
||||
## 📂 涉及的文件
|
||||
|
||||
**统一菜单组件：**
|
||||
- `templates/admin/components/sidebar.html` - 唯一的菜单源文件
|
||||
|
||||
**使用统一菜单的页面：**
|
||||
- `templates/admin/master.html` - Flask-Admin 页面基础模板
|
||||
- `templates/admin/batch_import.html` - 批量导入页面
|
||||
- `templates/admin/change_password.html` - 修改密码页面
|
||||
- `templates/admin/seo_tools.html` - SEO工具页面
|
||||
- `templates/admin/users/list.html` - 用户列表页面
|
||||
- `templates/admin/users/detail.html` - 用户详情页面
|
||||
|
||||
---
|
||||
|
||||
## 🛠️ 维护指南
|
||||
|
||||
### 添加新菜单项
|
||||
1. 在 `templates/admin/components/sidebar.html` 中添加
|
||||
2. 更新本文档
|
||||
3. 所有使用该组件的页面自动生效
|
||||
|
||||
### 删除菜单项
|
||||
1. 从 `templates/admin/components/sidebar.html` 中删除
|
||||
2. 更新本文档
|
||||
3. 所有使用该组件的页面自动生效
|
||||
|
||||
### 修改菜单顺序
|
||||
1. 在 `templates/admin/components/sidebar.html` 中调整
|
||||
2. 更新本文档
|
||||
3. 所有使用该组件的页面自动生效
|
||||
|
||||
### 新增后台页面
|
||||
1. 如果是 Flask-Admin 页面，继承 `admin/master.html`
|
||||
2. 如果是独立页面，使用 `{% include 'admin/components/sidebar.html' %}`
|
||||
3. 设置 `active_page` 变量标记当前页面
|
||||
|
||||
---
|
||||
|
||||
**最后更新**: 2025-02-08
|
||||
**维护人**: Claude Sonnet 4.5
|
||||
168
.claude/task-breakdown-rules.md
Normal file
168
.claude/task-breakdown-rules.md
Normal file
@@ -0,0 +1,168 @@
|
||||
# 任务分解规则
|
||||
|
||||
## 📋 规则说明
|
||||
|
||||
在接到新任务后，必须将主任务分解成合适的子任务，通过分步执行的方式来保障开发的稳定性和准确性。
|
||||
|
||||
---
|
||||
|
||||
## 🎯 核心原则
|
||||
|
||||
1. **先分解，后执行** - 不要直接开始编码，先进行任务分解
|
||||
2. **小步快跑** - 每个子任务应该是独立、可测试的小单元
|
||||
3. **逐步验证** - 完成一个子任务后，验证无误再进行下一个
|
||||
4. **降低风险** - 避免一次性修改过多文件导致的连锁错误
|
||||
|
||||
---
|
||||
|
||||
## 📝 任务分解流程
|
||||
|
||||
### 第一步：理解需求
|
||||
- 仔细阅读用户的需求描述
|
||||
- 明确功能目标和验收标准
|
||||
- 识别涉及的技术栈和文件
|
||||
|
||||
### 第二步：分解任务
|
||||
将主任务分解为 3-8 个子任务，每个子任务应该：
|
||||
- **独立性** - 可以独立完成和测试
|
||||
- **原子性** - 只做一件事情
|
||||
- **可验证** - 有明确的完成标准
|
||||
- **有序性** - 按照依赖关系排序
|
||||
|
||||
### 第三步：列出任务清单
|
||||
使用 TaskCreate 工具创建任务清单，包括：
|
||||
- 任务标题（简短、动词开头）
|
||||
- 详细描述（包含具体要做什么）
|
||||
- 预期结果（如何验证完成）
|
||||
|
||||
### 第四步：逐个执行
|
||||
- 使用 TaskUpdate 标记任务为 in_progress
|
||||
- 完成后标记为 completed
|
||||
- 遇到问题及时反馈，不要继续下一个任务
|
||||
|
||||
---
|
||||
|
||||
## ✅ 良好的任务分解示例
|
||||
|
||||
**主任务：** 添加用户管理功能
|
||||
|
||||
**子任务分解：**
|
||||
1. 创建用户列表页面路由和模板
|
||||
2. 创建用户详情页面路由和模板
|
||||
3. 实现重置密码 API 接口
|
||||
4. 实现修改用户名 API 接口
|
||||
5. 在管理后台首页添加用户统计
|
||||
6. 在管理后台导航添加用户管理入口
|
||||
|
||||
---
|
||||
|
||||
## ❌ 不良的任务分解示例
|
||||
|
||||
**错误示例1：任务过大**
|
||||
- ❌ "完成用户管理功能" - 太笼统，无法独立验证
|
||||
|
||||
**错误示例2：任务过细**
|
||||
- ❌ "创建 user_list.html 文件"
|
||||
- ❌ "在 user_list.html 中添加表格"
|
||||
- ❌ "在表格中添加用户名列"
|
||||
- 这样分解过于琐碎，失去了任务管理的意义
|
||||
|
||||
**错误示例3：任务无序**
|
||||
- ❌ 先做"添加导航入口"，后做"创建页面路由"
|
||||
- 应该先有功能，再添加入口
|
||||
|
||||
---
|
||||
|
||||
## 🔍 任务粒度参考
|
||||
|
||||
### 合适的任务粒度：
|
||||
- 创建一个完整的页面（路由 + 模板 + 样式）
|
||||
- 实现一个 API 接口（路由 + 逻辑 + 错误处理）
|
||||
- 添加一个数据库表（模型 + 迁移脚本）
|
||||
- 实现一个完整的功能模块（前端 + 后端）
|
||||
|
||||
### 任务太大的信号：
|
||||
- 需要修改超过 5 个文件
|
||||
- 预计耗时超过 30 分钟
|
||||
- 包含多个不相关的功能点
|
||||
- 难以用一句话描述清楚
|
||||
|
||||
### 任务太小的信号：
|
||||
- 只修改几行代码
|
||||
- 无法独立测试
|
||||
- 必须和其他任务一起才有意义
|
||||
|
||||
---
|
||||
|
||||
## 🛠️ 使用工具
|
||||
|
||||
### TaskCreate - 创建任务
|
||||
```
|
||||
subject: "创建用户列表页面"
|
||||
description: "创建 /admin/users 路由，实现用户列表展示，包括搜索和分页功能"
|
||||
activeForm: "创建用户列表页面"
|
||||
```
|
||||
|
||||
### TaskUpdate - 更新任务状态
|
||||
```
|
||||
taskId: "1"
|
||||
status: "in_progress" # 开始工作时
|
||||
```
|
||||
|
||||
```
|
||||
taskId: "1"
|
||||
status: "completed" # 完成后
|
||||
```
|
||||
|
||||
### TaskList - 查看任务列表
|
||||
定期查看任务列表，了解整体进度
|
||||
|
||||
---
|
||||
|
||||
## 📊 任务分解模板
|
||||
|
||||
### 模板1：新增功能页面
|
||||
1. 创建后端路由和数据查询逻辑
|
||||
2. 创建前端页面模板
|
||||
3. 添加页面样式和交互
|
||||
4. 在导航菜单中添加入口
|
||||
5. 测试功能完整性
|
||||
|
||||
### 模板2：API 接口开发
|
||||
1. 设计 API 接口规范（URL、参数、返回值）
|
||||
2. 实现后端路由和业务逻辑
|
||||
3. 添加参数验证和错误处理
|
||||
4. 实现前端调用逻辑
|
||||
5. 测试接口功能
|
||||
|
||||
### 模板3：数据库变更
|
||||
1. 设计数据库表结构
|
||||
2. 创建数据库迁移脚本
|
||||
3. 更新 ORM 模型定义
|
||||
4. 运行迁移并验证
|
||||
5. 更新相关业务逻辑
|
||||
|
||||
---
|
||||
|
||||
## ⚠️ 注意事项
|
||||
|
||||
1. **不要跳过分解步骤** - 即使任务看起来简单，也要先分解
|
||||
2. **及时调整计划** - 如果发现任务分解不合理，及时调整
|
||||
3. **记录遇到的问题** - 在任务描述中记录遇到的问题和解决方案
|
||||
4. **保持沟通** - 遇到不确定的地方，及时向用户确认
|
||||
|
||||
---
|
||||
|
||||
## 🎯 预期效果
|
||||
|
||||
通过任务分解，可以达到：
|
||||
- ✅ 降低开发风险，减少大规模返工
|
||||
- ✅ 提高代码质量，每个子任务都经过验证
|
||||
- ✅ 便于进度跟踪，用户可以看到实时进展
|
||||
- ✅ 提升开发效率，问题可以及早发现和解决
|
||||
|
||||
---
|
||||
|
||||
**创建日期**: 2025-02-08
|
||||
**最后更新**: 2025-02-08
|
||||
**维护人**: Claude Sonnet 4.5
|
||||
229
PROGRESS_2025-02-07.md
Normal file
229
PROGRESS_2025-02-07.md
Normal file
@@ -0,0 +1,229 @@
|
||||
# ZJPB 开发进度记录 - 2025-02-07
|
||||
|
||||
## 📅 开发日期
|
||||
2025年2月7日
|
||||
|
||||
---
|
||||
|
||||
## ✅ 今天完成的功能
|
||||
|
||||
### 1. 修改密码功能
|
||||
- **后端API**: `PUT /api/user/change-password`
|
||||
- 验证旧密码
|
||||
- 检查新密码长度（至少6位）
|
||||
- 确保新旧密码不同
|
||||
- **前端页面**: `templates/user/change_password.html`
|
||||
- 密码可见性切换
|
||||
- 实时表单验证
|
||||
- AJAX提交
|
||||
- **导航入口**:
|
||||
- 用户菜单（base_new.html）
|
||||
- 个人中心侧边栏（profile.html）
|
||||
|
||||
### 2. 邮箱绑定功能
|
||||
- **后端API**: `PUT /api/user/email`
|
||||
- 邮箱格式验证（正则表达式）
|
||||
- 唯一性检查（防止重复绑定）
|
||||
- 修改邮箱后重置验证状态
|
||||
- **前端界面**: 集成到 `templates/user/profile.html`
|
||||
- 邮箱管理模块
|
||||
- 弹窗式编辑
|
||||
- 验证状态显示
|
||||
|
||||
### 3. 邮箱验证功能
|
||||
- **数据库字段**: 在 User 模型新增4个字段
|
||||
- `email_verified` (Boolean) - 是否已验证
|
||||
- `email_verified_at` (DateTime) - 验证时间
|
||||
- `email_verify_token` (String) - 验证令牌
|
||||
- `email_verify_token_expires` (DateTime) - 令牌过期时间
|
||||
- **邮件工具**: `utils/email_sender.py`
|
||||
- SMTP邮件发送
|
||||
- HTML邮件模板
|
||||
- 错误处理和日志
|
||||
- **验证流程API**:
|
||||
- `POST /api/user/send-verify-email` - 发送验证邮件
|
||||
- `GET /verify-email/<token>` - 验证邮箱链接
|
||||
- 令牌24小时有效期
|
||||
- **前端界面**: 集成到个人中心
|
||||
- 验证状态徽章
|
||||
- 发送验证邮件按钮
|
||||
|
||||
### 4. 项目文档
|
||||
- **服务器更新流程**: `.claude/skills/server-update.md`
|
||||
- **服务器重启指南**: `SERVER_RESTART_GUIDE.md`
|
||||
- **数据库迁移脚本**: `migrate_email_verification.py`
|
||||
|
||||
---
|
||||
|
||||
## 📦 代码提交记录
|
||||
|
||||
**提交ID**: c61969d
|
||||
**分支**: master
|
||||
**提交信息**: feat: v3.1 - 用户密码管理和邮箱验证功能
|
||||
|
||||
**变更文件**:
|
||||
- 修改: app.py, models.py, templates/base_new.html, templates/user/profile.html
|
||||
- 新增: templates/user/change_password.html, utils/email_sender.py, migrate_email_verification.py
|
||||
- 文档: .claude/skills/server-update.md, SERVER_RESTART_GUIDE.md
|
||||
|
||||
**代码统计**:
|
||||
- 9 个文件变更
|
||||
- 1242 行新增
|
||||
- 1 行删除
|
||||
|
||||
---
|
||||
|
||||
## 🚀 部署状态
|
||||
|
||||
### 已完成
|
||||
- ✅ 代码已推送到 Gitea
|
||||
- ✅ 服务器已拉取最新代码
|
||||
- ✅ 数据库迁移已执行
|
||||
- ✅ 邮件环境变量已配置
|
||||
- ✅ 应用已重启
|
||||
|
||||
### 服务器信息
|
||||
- **服务器地址**: server.zjpb.net
|
||||
- **项目路径**: /opt/1panel/apps/zjpb
|
||||
- **运行方式**: python app.py (临时)
|
||||
- **监听端口**: 5000
|
||||
- **进程ID**: 1644430, 1644432
|
||||
|
||||
### 环境变量配置
|
||||
已在 `.env` 文件添加：
|
||||
```
|
||||
SMTP_SERVER=smtp.gmail.com
|
||||
SMTP_PORT=587
|
||||
SMTP_USER=配置完成
|
||||
SMTP_PASSWORD=配置完成
|
||||
FROM_EMAIL=配置完成
|
||||
FROM_NAME=ZJPB
|
||||
```
|
||||
|
||||
---
|
||||
|
||||
## ⚠️ 待优化事项
|
||||
|
||||
### 高优先级
|
||||
1. **改回 Gunicorn 启动** (生产环境推荐)
|
||||
```bash
|
||||
pkill -f "python app.py"
|
||||
nohup gunicorn -c gunicorn_config.py wsgi:app --daemon
|
||||
```
|
||||
|
||||
2. **更新 server-update.md** 文档
|
||||
- 记录 Gunicorn 启动方式
|
||||
- 补充邮件配置说明
|
||||
|
||||
### 中优先级
|
||||
3. **安全性增强** (后续版本)
|
||||
- 登录失败次数限制
|
||||
- 密码强度检查（大小写+数字+特殊字符）
|
||||
- CSRF 保护
|
||||
- 会话安全配置
|
||||
|
||||
4. **功能完善**
|
||||
- 密码重置功能（忘记密码）
|
||||
- 两因素认证（2FA）
|
||||
- 登录日志审计
|
||||
|
||||
---
|
||||
|
||||
## 📋 下次开发建议
|
||||
|
||||
### 可选方向1: 安全性加固
|
||||
- 实现登录失败限制
|
||||
- 添加 CSRF 保护
|
||||
- 增强密码复杂性要求
|
||||
- 配置安全的 Cookie 属性
|
||||
|
||||
### 可选方向2: 功能扩展
|
||||
- 密码重置功能
|
||||
- 用户头像上传
|
||||
- 账户安全中心
|
||||
- 登录设备管理
|
||||
|
||||
### 可选方向3: 用户体验优化
|
||||
- 前端密码强度提示
|
||||
- 邮箱可用性实时检查
|
||||
- 更友好的错误提示
|
||||
- 社交账号登录（OAuth）
|
||||
|
||||
---
|
||||
|
||||
## 🔧 技术细节
|
||||
|
||||
### API 接口清单
|
||||
```
|
||||
# 密码管理
|
||||
PUT /api/user/change-password 修改密码
|
||||
GET /user/change-password 修改密码页面
|
||||
|
||||
# 邮箱管理
|
||||
PUT /api/user/email 更新邮箱
|
||||
POST /api/user/send-verify-email 发送验证邮件
|
||||
GET /verify-email/<token> 验证邮箱
|
||||
```
|
||||
|
||||
### 数据库模型变更
|
||||
```python
|
||||
# User 模型新增字段
|
||||
email_verified = db.Column(db.Boolean, default=False)
|
||||
email_verified_at = db.Column(db.DateTime)
|
||||
email_verify_token = db.Column(db.String(100))
|
||||
email_verify_token_expires = db.Column(db.DateTime)
|
||||
```
|
||||
|
||||
### 核心依赖
|
||||
- Flask-Login: 用户会话管理
|
||||
- Flask-SQLAlchemy: 数据库ORM
|
||||
- smtplib: 邮件发送
|
||||
- secrets: 生成安全令牌
|
||||
|
||||
---
|
||||
|
||||
## 📝 开发日志
|
||||
|
||||
### 开发过程
|
||||
1. **需求分析** (15分钟)
|
||||
- 讨论用户系统现状
|
||||
- 确定优化方向和优先级
|
||||
|
||||
2. **功能细分** (10分钟)
|
||||
- 将大功能拆解为9个小模块
|
||||
- 创建任务清单
|
||||
|
||||
3. **功能开发** (90分钟)
|
||||
- 逐个实现各模块
|
||||
- 保持代码独立性和稳定性
|
||||
|
||||
4. **测试与部署** (30分钟)
|
||||
- 功能完整性检查
|
||||
- 提交到 Gitea
|
||||
- 服务器部署
|
||||
|
||||
### 遇到的问题
|
||||
1. **服务器运行方式不明确**
|
||||
- 解决：查看进程发现是 Gunicorn
|
||||
- 使用 `pkill -f gunicorn` 停止
|
||||
|
||||
2. **邮箱验证令牌生成**
|
||||
- 解决：使用 `secrets.token_urlsafe(32)` 生成安全令牌
|
||||
|
||||
---
|
||||
|
||||
## 🎯 成果总结
|
||||
|
||||
本次开发成功实现了用户密码管理和邮箱验证功能，为后续的安全性加固和功能扩展打下了良好基础。
|
||||
|
||||
**核心亮点**:
|
||||
- ✅ 模块化开发，功能独立稳定
|
||||
- ✅ 完善的错误处理和用户提示
|
||||
- ✅ 标准化的服务器部署流程
|
||||
- ✅ 详细的开发文档和进度记录
|
||||
|
||||
---
|
||||
|
||||
**记录人**: Claude Sonnet 4.5
|
||||
**记录时间**: 2025-02-07 23:50
|
||||
**版本**: v3.1
|
||||
171
app.py
171
app.py
@@ -2518,6 +2518,174 @@ Sitemap: {}sitemap.xml
|
||||
|
||||
return render_template('admin/batch_import.html', results=results)
|
||||
|
||||
# ========== 用户管理路由 ==========
|
||||
@app.route('/admin/users')
|
||||
@login_required
|
||||
def admin_users():
|
||||
"""用户管理列表页"""
|
||||
if not isinstance(current_user, AdminModel):
|
||||
flash('无权访问', 'error')
|
||||
return redirect(url_for('index'))
|
||||
|
||||
# 获取分页参数
|
||||
page = request.args.get('page', 1, type=int)
|
||||
per_page = 20
|
||||
|
||||
# 获取搜索参数
|
||||
search = request.args.get('search', '').strip()
|
||||
|
||||
# 构建查询
|
||||
query = User.query
|
||||
|
||||
if search:
|
||||
query = query.filter(
|
||||
db.or_(
|
||||
User.username.like(f'%{search}%'),
|
||||
User.email.like(f'%{search}%')
|
||||
)
|
||||
)
|
||||
|
||||
# 排序：按注册时间倒序
|
||||
query = query.order_by(User.created_at.desc())
|
||||
|
||||
# 分页
|
||||
pagination = query.paginate(page=page, per_page=per_page, error_out=False)
|
||||
users = pagination.items
|
||||
|
||||
# 为每个用户统计收藏数据
|
||||
user_stats = {}
|
||||
for user in users:
|
||||
user_stats[user.id] = {
|
||||
'collections_count': Collection.query.filter_by(user_id=user.id).count(),
|
||||
'folders_count': Folder.query.filter_by(user_id=user.id).count()
|
||||
}
|
||||
|
||||
# 获取真实的 admin 实例
|
||||
from flask import current_app
|
||||
admin_instance = current_app.extensions['admin'][0]
|
||||
|
||||
# 创建模拟的 admin_view 对象
|
||||
class MockAdminView:
|
||||
name = '用户管理'
|
||||
category = None
|
||||
admin = admin_instance
|
||||
|
||||
return render_template('admin/users/list.html',
|
||||
users=users,
|
||||
pagination=pagination,
|
||||
user_stats=user_stats,
|
||||
search=search,
|
||||
admin_view=MockAdminView())
|
||||
|
||||
@app.route('/admin/users/<int:user_id>')
|
||||
@login_required
|
||||
def admin_user_detail(user_id):
|
||||
"""用户详情页"""
|
||||
if not isinstance(current_user, AdminModel):
|
||||
flash('无权访问', 'error')
|
||||
return redirect(url_for('index'))
|
||||
|
||||
user = User.query.get_or_404(user_id)
|
||||
|
||||
# 统计数据
|
||||
collections_count = Collection.query.filter_by(user_id=user.id).count()
|
||||
folders_count = Folder.query.filter_by(user_id=user.id).count()
|
||||
|
||||
# 获取最近的收藏（前10条）
|
||||
recent_collections = Collection.query.filter_by(user_id=user.id)\
|
||||
.order_by(Collection.created_at.desc())\
|
||||
.limit(10).all()
|
||||
|
||||
# 获取所有文件夹
|
||||
folders = Folder.query.filter_by(user_id=user.id)\
|
||||
.order_by(Folder.sort_order.desc(), Folder.created_at.desc())\
|
||||
.all()
|
||||
|
||||
# 获取真实的 admin 实例
|
||||
from flask import current_app
|
||||
admin_instance = current_app.extensions['admin'][0]
|
||||
|
||||
# 创建模拟的 admin_view 对象
|
||||
class MockAdminView:
|
||||
name = '用户详情'
|
||||
category = None
|
||||
admin = admin_instance
|
||||
|
||||
return render_template('admin/users/detail.html',
|
||||
user=user,
|
||||
collections_count=collections_count,
|
||||
folders_count=folders_count,
|
||||
recent_collections=recent_collections,
|
||||
folders=folders,
|
||||
admin_view=MockAdminView())
|
||||
|
||||
@app.route('/api/admin/users/<int:user_id>/reset-password', methods=['POST'])
|
||||
@login_required
|
||||
def admin_reset_user_password(user_id):
|
||||
"""管理员重置用户密码"""
|
||||
if not isinstance(current_user, AdminModel):
|
||||
return jsonify({'success': False, 'message': '无权操作'}), 403
|
||||
|
||||
user = User.query.get_or_404(user_id)
|
||||
data = request.get_json()
|
||||
new_password = data.get('new_password', '').strip()
|
||||
|
||||
# 验证新密码
|
||||
if not new_password:
|
||||
return jsonify({'success': False, 'message': '新密码不能为空'}), 400
|
||||
|
||||
if len(new_password) < 6:
|
||||
return jsonify({'success': False, 'message': '新密码至少需要6位'}), 400
|
||||
|
||||
try:
|
||||
# 设置新密码
|
||||
user.set_password(new_password)
|
||||
db.session.commit()
|
||||
|
||||
return jsonify({
|
||||
'success': True,
|
||||
'message': f'已成功重置用户 {user.username} 的密码'
|
||||
})
|
||||
except Exception as e:
|
||||
db.session.rollback()
|
||||
return jsonify({'success': False, 'message': f'重置密码失败: {str(e)}'}), 500
|
||||
|
||||
@app.route('/api/admin/users/<int:user_id>/update-username', methods=['POST'])
|
||||
@login_required
|
||||
def admin_update_username(user_id):
|
||||
"""管理员修改用户昵称"""
|
||||
if not isinstance(current_user, AdminModel):
|
||||
return jsonify({'success': False, 'message': '无权操作'}), 403
|
||||
|
||||
user = User.query.get_or_404(user_id)
|
||||
data = request.get_json()
|
||||
new_username = data.get('new_username', '').strip()
|
||||
|
||||
# 验证新昵称
|
||||
if not new_username:
|
||||
return jsonify({'success': False, 'message': '昵称不能为空'}), 400
|
||||
|
||||
if len(new_username) < 2 or len(new_username) > 50:
|
||||
return jsonify({'success': False, 'message': '昵称长度需要在2-50个字符之间'}), 400
|
||||
|
||||
# 检查昵称是否已被使用
|
||||
existing_user = User.query.filter_by(username=new_username).first()
|
||||
if existing_user and existing_user.id != user.id:
|
||||
return jsonify({'success': False, 'message': '该昵称已被使用'}), 400
|
||||
|
||||
try:
|
||||
old_username = user.username
|
||||
user.username = new_username
|
||||
db.session.commit()
|
||||
|
||||
return jsonify({
|
||||
'success': True,
|
||||
'message': f'已成功将昵称从 {old_username} 修改为 {new_username}'
|
||||
})
|
||||
except Exception as e:
|
||||
db.session.rollback()
|
||||
return jsonify({'success': False, 'message': f'修改昵称失败: {str(e)}'}), 500
|
||||
|
||||
# ========== Flask-Admin 配置 ==========
|
||||
class SecureModelView(ModelView):
|
||||
"""需要登录的模型视图"""
|
||||
@@ -2557,7 +2725,8 @@ Sitemap: {}sitemap.xml
|
||||
'sites_count': Site.query.filter_by(is_active=True).count(),
|
||||
'tags_count': Tag.query.count(),
|
||||
'news_count': News.query.filter_by(is_active=True).count(),
|
||||
'total_views': db.session.query(db.func.sum(Site.view_count)).scalar() or 0
|
||||
'total_views': db.session.query(db.func.sum(Site.view_count)).scalar() or 0,
|
||||
'users_count': User.query.count()
|
||||
}
|
||||
|
||||
# 最近添加的工具（最多5个）
|
||||
|
||||
47
fix_user_fields.py
Normal file
47
fix_user_fields.py
Normal file
@@ -0,0 +1,47 @@
|
||||
"""
|
||||
修复用户表缺失字段
|
||||
"""
|
||||
from app import create_app
|
||||
from models import db
|
||||
|
||||
def fix_fields():
|
||||
app = create_app()
|
||||
with app.app_context():
|
||||
with db.engine.connect() as conn:
|
||||
try:
|
||||
# 添加 email_verified_at
|
||||
conn.execute(db.text("""
|
||||
ALTER TABLE users
|
||||
ADD COLUMN email_verified_at DATETIME COMMENT '邮箱验证时间'
|
||||
"""))
|
||||
conn.commit()
|
||||
print("[OK] 添加 email_verified_at")
|
||||
except Exception as e:
|
||||
print(f"[SKIP] email_verified_at: {e}")
|
||||
|
||||
try:
|
||||
# 添加 email_verify_token
|
||||
conn.execute(db.text("""
|
||||
ALTER TABLE users
|
||||
ADD COLUMN email_verify_token VARCHAR(100) COMMENT '邮箱验证令牌'
|
||||
"""))
|
||||
conn.commit()
|
||||
print("[OK] 添加 email_verify_token")
|
||||
except Exception as e:
|
||||
print(f"[SKIP] email_verify_token: {e}")
|
||||
|
||||
try:
|
||||
# 添加 email_verify_token_expires
|
||||
conn.execute(db.text("""
|
||||
ALTER TABLE users
|
||||
ADD COLUMN email_verify_token_expires DATETIME COMMENT '验证令牌过期时间'
|
||||
"""))
|
||||
conn.commit()
|
||||
print("[OK] 添加 email_verify_token_expires")
|
||||
except Exception as e:
|
||||
print(f"[SKIP] email_verify_token_expires: {e}")
|
||||
|
||||
print("\n[SUCCESS] 字段修复完成！")
|
||||
|
||||
if __name__ == '__main__':
|
||||
fix_fields()
|
||||
@@ -31,7 +31,7 @@ def migrate():
|
||||
ADD COLUMN email_verified BOOLEAN DEFAULT FALSE COMMENT '邮箱是否已验证'
|
||||
"""))
|
||||
conn.commit()
|
||||
print("✓ 添加 email_verified 字段")
|
||||
print("[OK] 添加 email_verified 字段")
|
||||
|
||||
# 添加 email_verified_at 字段
|
||||
conn.execute(db.text("""
|
||||
@@ -39,7 +39,7 @@ def migrate():
|
||||
ADD COLUMN email_verified_at DATETIME COMMENT '邮箱验证时间'
|
||||
"""))
|
||||
conn.commit()
|
||||
print("✓ 添加 email_verified_at 字段")
|
||||
print("[OK] 添加 email_verified_at 字段")
|
||||
|
||||
# 添加 email_verify_token 字段
|
||||
conn.execute(db.text("""
|
||||
@@ -47,7 +47,7 @@ def migrate():
|
||||
ADD COLUMN email_verify_token VARCHAR(100) COMMENT '邮箱验证令牌'
|
||||
"""))
|
||||
conn.commit()
|
||||
print("✓ 添加 email_verify_token 字段")
|
||||
print("[OK] 添加 email_verify_token 字段")
|
||||
|
||||
# 添加 email_verify_token_expires 字段
|
||||
conn.execute(db.text("""
|
||||
@@ -55,14 +55,14 @@ def migrate():
|
||||
ADD COLUMN email_verify_token_expires DATETIME COMMENT '验证令牌过期时间'
|
||||
"""))
|
||||
conn.commit()
|
||||
print("✓ 添加 email_verify_token_expires 字段")
|
||||
print("[OK] 添加 email_verify_token_expires 字段")
|
||||
|
||||
print("\n✅ 邮箱验证字段迁移完成！")
|
||||
print("\n[SUCCESS] 邮箱验证字段迁移完成！")
|
||||
else:
|
||||
print("⚠️ 邮箱验证字段已存在，跳过迁移")
|
||||
print("[SKIP] 邮箱验证字段已存在，跳过迁移")
|
||||
|
||||
except Exception as e:
|
||||
print(f"❌ 迁移失败: {str(e)}")
|
||||
print(f"[ERROR] 迁移失败: {str(e)}")
|
||||
raise
|
||||
|
||||
if __name__ == '__main__':
|
||||
|
||||
@@ -21,101 +21,8 @@
|
||||
<link href="{{ url_for('static', filename='css/admin-actions.css') }}" rel="stylesheet">
|
||||
</head>
|
||||
<body class="admin-sidebar-layout">
|
||||
<!-- 左侧菜单栏 -->
|
||||
<aside class="admin-sidebar">
|
||||
<!-- Logo -->
|
||||
<div class="sidebar-logo">
|
||||
<span class="material-symbols-outlined logo-icon">blur_on</span>
|
||||
<span class="logo-text">ZJPB - 自己品吧</span>
|
||||
</div>
|
||||
|
||||
<!-- 主菜单 -->
|
||||
<nav class="sidebar-nav">
|
||||
<div class="nav-section">
|
||||
<div class="nav-section-title">主菜单</div>
|
||||
<ul class="nav-menu">
|
||||
<li class="nav-item">
|
||||
<a href="{{ url_for('admin.index') }}" class="nav-link">
|
||||
<span class="material-symbols-outlined nav-icon">dashboard</span>
|
||||
<span class="nav-text">控制台</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="{{ url_for('site.index_view') }}" class="nav-link">
|
||||
<span class="material-symbols-outlined nav-icon">public</span>
|
||||
<span class="nav-text">网站管理</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="{{ url_for('tag.index_view') }}" class="nav-link">
|
||||
<span class="material-symbols-outlined nav-icon">label</span>
|
||||
<span class="nav-text">标签管理</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="{{ url_for('news.index_view') }}" class="nav-link">
|
||||
<span class="material-symbols-outlined nav-icon">newspaper</span>
|
||||
<span class="nav-text">新闻管理</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="{{ url_for('admin_users.index_view') }}" class="nav-link">
|
||||
<span class="material-symbols-outlined nav-icon">admin_panel_settings</span>
|
||||
<span class="nav-text">管理员</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<!-- 系统菜单 -->
|
||||
<div class="nav-section">
|
||||
<div class="nav-section-title">系统</div>
|
||||
<ul class="nav-menu">
|
||||
<li class="nav-item">
|
||||
<a href="{{ url_for('seo_tools') }}" class="nav-link">
|
||||
<span class="material-symbols-outlined nav-icon">search</span>
|
||||
<span class="nav-text">SEO工具</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item active">
|
||||
<a href="{{ url_for('batch_import') }}" class="nav-link">
|
||||
<span class="material-symbols-outlined nav-icon">upload_file</span>
|
||||
<span class="nav-text">批量导入</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="{{ url_for('change_password') }}" class="nav-link">
|
||||
<span class="material-symbols-outlined nav-icon">lock_reset</span>
|
||||
<span class="nav-text">修改密码</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="{{ url_for('index') }}" class="nav-link" target="_blank">
|
||||
<span class="material-symbols-outlined nav-icon">open_in_new</span>
|
||||
<span class="nav-text">查看网站</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="{{ url_for('admin_logout') }}" class="nav-link">
|
||||
<span class="material-symbols-outlined nav-icon">logout</span>
|
||||
<span class="nav-text">退出登录</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
<!-- 用户信息 -->
|
||||
<div class="sidebar-user">
|
||||
<div class="user-avatar">
|
||||
<span class="material-symbols-outlined">account_circle</span>
|
||||
</div>
|
||||
<div class="user-info">
|
||||
<div class="user-name">{{ current_user.username }}</div>
|
||||
<div class="user-email">{{ current_user.email or 'admin@zjpb.com' }}</div>
|
||||
</div>
|
||||
</div>
|
||||
</aside>
|
||||
{% set active_page = 'batch_import' %}
|
||||
{% include 'admin/components/sidebar.html' %}
|
||||
|
||||
<!-- 右侧主内容区 -->
|
||||
<div class="admin-main">
|
||||
|
||||
@@ -21,101 +21,8 @@
|
||||
<link href="{{ url_for('static', filename='css/admin-actions.css') }}" rel="stylesheet">
|
||||
</head>
|
||||
<body class="admin-sidebar-layout">
|
||||
<!-- 左侧菜单栏 -->
|
||||
<aside class="admin-sidebar">
|
||||
<!-- Logo -->
|
||||
<div class="sidebar-logo">
|
||||
<span class="material-symbols-outlined logo-icon">blur_on</span>
|
||||
<span class="logo-text">ZJPB - 自己品吧</span>
|
||||
</div>
|
||||
|
||||
<!-- 主菜单 -->
|
||||
<nav class="sidebar-nav">
|
||||
<div class="nav-section">
|
||||
<div class="nav-section-title">主菜单</div>
|
||||
<ul class="nav-menu">
|
||||
<li class="nav-item">
|
||||
<a href="{{ url_for('admin.index') }}" class="nav-link">
|
||||
<span class="material-symbols-outlined nav-icon">dashboard</span>
|
||||
<span class="nav-text">控制台</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="{{ url_for('site.index_view') }}" class="nav-link">
|
||||
<span class="material-symbols-outlined nav-icon">public</span>
|
||||
<span class="nav-text">网站管理</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="{{ url_for('tag.index_view') }}" class="nav-link">
|
||||
<span class="material-symbols-outlined nav-icon">label</span>
|
||||
<span class="nav-text">标签管理</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="{{ url_for('news.index_view') }}" class="nav-link">
|
||||
<span class="material-symbols-outlined nav-icon">newspaper</span>
|
||||
<span class="nav-text">新闻管理</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="{{ url_for('admin_users.index_view') }}" class="nav-link">
|
||||
<span class="material-symbols-outlined nav-icon">admin_panel_settings</span>
|
||||
<span class="nav-text">管理员</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<!-- 系统菜单 -->
|
||||
<div class="nav-section">
|
||||
<div class="nav-section-title">系统</div>
|
||||
<ul class="nav-menu">
|
||||
<li class="nav-item">
|
||||
<a href="{{ url_for('seo_tools') }}" class="nav-link">
|
||||
<span class="material-symbols-outlined nav-icon">search</span>
|
||||
<span class="nav-text">SEO工具</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="{{ url_for('batch_import') }}" class="nav-link">
|
||||
<span class="material-symbols-outlined nav-icon">upload_file</span>
|
||||
<span class="nav-text">批量导入</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item active">
|
||||
<a href="{{ url_for('change_password') }}" class="nav-link">
|
||||
<span class="material-symbols-outlined nav-icon">lock_reset</span>
|
||||
<span class="nav-text">修改密码</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="{{ url_for('index') }}" class="nav-link" target="_blank">
|
||||
<span class="material-symbols-outlined nav-icon">open_in_new</span>
|
||||
<span class="nav-text">查看网站</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="{{ url_for('admin_logout') }}" class="nav-link">
|
||||
<span class="material-symbols-outlined nav-icon">logout</span>
|
||||
<span class="nav-text">退出登录</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
<!-- 用户信息 -->
|
||||
<div class="sidebar-user">
|
||||
<div class="user-avatar">
|
||||
<span class="material-symbols-outlined">account_circle</span>
|
||||
</div>
|
||||
<div class="user-info">
|
||||
<div class="user-name">{{ current_user.username }}</div>
|
||||
<div class="user-email">{{ current_user.email or 'admin@zjpb.com' }}</div>
|
||||
</div>
|
||||
</div>
|
||||
</aside>
|
||||
{% set active_page = 'change_password' %}
|
||||
{% include 'admin/components/sidebar.html' %}
|
||||
|
||||
<!-- 右侧主内容区 -->
|
||||
<div class="admin-main">
|
||||
|
||||
107
templates/admin/components/sidebar.html
Normal file
107
templates/admin/components/sidebar.html
Normal file
@@ -0,0 +1,107 @@
|
||||
<!-- 左侧菜单栏 -->
|
||||
<aside class="admin-sidebar">
|
||||
<!-- Logo -->
|
||||
<div class="sidebar-logo">
|
||||
<span class="material-symbols-outlined logo-icon">blur_on</span>
|
||||
<span class="logo-text">ZJPB - 自己品吧</span>
|
||||
</div>
|
||||
|
||||
<!-- 主菜单 -->
|
||||
<nav class="sidebar-nav">
|
||||
<div class="nav-section">
|
||||
<div class="nav-section-title">主菜单</div>
|
||||
<ul class="nav-menu">
|
||||
<li class="nav-item {% if active_page == 'dashboard' %}active{% endif %}">
|
||||
<a href="{{ url_for('admin.index') }}" class="nav-link">
|
||||
<span class="material-symbols-outlined nav-icon">dashboard</span>
|
||||
<span class="nav-text">控制台</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item {% if active_page == 'site' %}active{% endif %}">
|
||||
<a href="{{ url_for('site.index_view') }}" class="nav-link">
|
||||
<span class="material-symbols-outlined nav-icon">public</span>
|
||||
<span class="nav-text">网站管理</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item {% if active_page == 'tag' %}active{% endif %}">
|
||||
<a href="{{ url_for('tag.index_view') }}" class="nav-link">
|
||||
<span class="material-symbols-outlined nav-icon">label</span>
|
||||
<span class="nav-text">标签管理</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item {% if active_page == 'news' %}active{% endif %}">
|
||||
<a href="{{ url_for('news.index_view') }}" class="nav-link">
|
||||
<span class="material-symbols-outlined nav-icon">newspaper</span>
|
||||
<span class="nav-text">新闻管理</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item {% if active_page == 'prompt' %}active{% endif %}">
|
||||
<a href="{{ url_for('prompttemplate.index_view') }}" class="nav-link">
|
||||
<span class="material-symbols-outlined nav-icon">psychology</span>
|
||||
<span class="nav-text">Prompt管理</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item {% if active_page == 'admin_user' %}active{% endif %}">
|
||||
<a href="{{ url_for('admin_users.index_view') }}" class="nav-link">
|
||||
<span class="material-symbols-outlined nav-icon">admin_panel_settings</span>
|
||||
<span class="nav-text">管理员</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<!-- 系统菜单 -->
|
||||
<div class="nav-section">
|
||||
<div class="nav-section-title">系统</div>
|
||||
<ul class="nav-menu">
|
||||
<li class="nav-item {% if active_page == 'users' %}active{% endif %}">
|
||||
<a href="{{ url_for('admin_users') }}" class="nav-link">
|
||||
<span class="material-symbols-outlined nav-icon">group</span>
|
||||
<span class="nav-text">用户管理</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item {% if active_page == 'seo' %}active{% endif %}">
|
||||
<a href="{{ url_for('seo_tools') }}" class="nav-link">
|
||||
<span class="material-symbols-outlined nav-icon">search</span>
|
||||
<span class="nav-text">SEO工具</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item {% if active_page == 'batch_import' %}active{% endif %}">
|
||||
<a href="{{ url_for('batch_import') }}" class="nav-link">
|
||||
<span class="material-symbols-outlined nav-icon">upload_file</span>
|
||||
<span class="nav-text">批量导入</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item {% if active_page == 'change_password' %}active{% endif %}">
|
||||
<a href="{{ url_for('change_password') }}" class="nav-link">
|
||||
<span class="material-symbols-outlined nav-icon">lock_reset</span>
|
||||
<span class="nav-text">修改密码</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="{{ url_for('index') }}" class="nav-link" target="_blank">
|
||||
<span class="material-symbols-outlined nav-icon">open_in_new</span>
|
||||
<span class="nav-text">查看网站</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="{{ url_for('admin_logout') }}" class="nav-link">
|
||||
<span class="material-symbols-outlined nav-icon">logout</span>
|
||||
<span class="nav-text">退出登录</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
<!-- 用户信息 -->
|
||||
<div class="sidebar-user">
|
||||
<div class="user-avatar">
|
||||
<span class="material-symbols-outlined">account_circle</span>
|
||||
</div>
|
||||
<div class="user-info">
|
||||
<div class="user-name">{{ current_user.username }}</div>
|
||||
<div class="user-email">{{ current_user.email or 'admin@zjpb.com' }}</div>
|
||||
</div>
|
||||
</div>
|
||||
</aside>
|
||||
@@ -4,7 +4,7 @@
|
||||
<div class="dashboard-container">
|
||||
<div class="row">
|
||||
<!-- 统计卡片 -->
|
||||
<div class="col-md-3 mb-4">
|
||||
<div class="col-md-2-4 mb-4">
|
||||
<div class="stat-card">
|
||||
<div class="stat-icon" style="background: rgba(0, 82, 217, 0.1); color: #0052D9;">
|
||||
<span class="material-symbols-outlined">public</span>
|
||||
@@ -16,7 +16,7 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-3 mb-4">
|
||||
<div class="col-md-2-4 mb-4">
|
||||
<div class="stat-card">
|
||||
<div class="stat-icon" style="background: rgba(0, 168, 112, 0.1); color: #00A870;">
|
||||
<span class="material-symbols-outlined">label</span>
|
||||
@@ -28,7 +28,7 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-3 mb-4">
|
||||
<div class="col-md-2-4 mb-4">
|
||||
<div class="stat-card">
|
||||
<div class="stat-icon" style="background: rgba(227, 115, 24, 0.1); color: #E37318;">
|
||||
<span class="material-symbols-outlined">newspaper</span>
|
||||
@@ -40,7 +40,19 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-3 mb-4">
|
||||
<div class="col-md-2-4 mb-4">
|
||||
<div class="stat-card">
|
||||
<div class="stat-icon" style="background: rgba(123, 97, 255, 0.1); color: #7B61FF;">
|
||||
<span class="material-symbols-outlined">group</span>
|
||||
</div>
|
||||
<div class="stat-info">
|
||||
<div class="stat-value">{{ stats.users_count or 0 }}</div>
|
||||
<div class="stat-label">注册用户</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-2-4 mb-4">
|
||||
<div class="stat-card">
|
||||
<div class="stat-icon" style="background: rgba(213, 73, 65, 0.1); color: #D54941;">
|
||||
<span class="material-symbols-outlined">visibility</span>
|
||||
@@ -189,6 +201,25 @@
|
||||
color: #606266;
|
||||
}
|
||||
|
||||
.col-md-2-4 {
|
||||
flex: 0 0 20%;
|
||||
max-width: 20%;
|
||||
}
|
||||
|
||||
@media (max-width: 768px) {
|
||||
.col-md-2-4 {
|
||||
flex: 0 0 50%;
|
||||
max-width: 50%;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 480px) {
|
||||
.col-md-2-4 {
|
||||
flex: 0 0 100%;
|
||||
max-width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
.quick-actions {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
|
||||
|
||||
@@ -79,6 +79,18 @@
|
||||
<div class="nav-section">
|
||||
<div class="nav-section-title">系统</div>
|
||||
<ul class="nav-menu">
|
||||
<li class="nav-item">
|
||||
<a href="{{ url_for('admin_users') }}" class="nav-link">
|
||||
<span class="material-symbols-outlined nav-icon">group</span>
|
||||
<span class="nav-text">用户管理</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="{{ url_for('seo_tools') }}" class="nav-link">
|
||||
<span class="material-symbols-outlined nav-icon">search</span>
|
||||
<span class="nav-text">SEO工具</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="{{ url_for('batch_import') }}" class="nav-link">
|
||||
<span class="material-symbols-outlined nav-icon">upload_file</span>
|
||||
|
||||
@@ -24,101 +24,8 @@
|
||||
<link href="{{ url_for('static', filename='css/admin-actions.css') }}" rel="stylesheet">
|
||||
</head>
|
||||
<body class="admin-sidebar-layout">
|
||||
<!-- 左侧菜单栏 -->
|
||||
<aside class="admin-sidebar">
|
||||
<!-- Logo -->
|
||||
<div class="sidebar-logo">
|
||||
<span class="material-symbols-outlined logo-icon">blur_on</span>
|
||||
<span class="logo-text">ZJPB - 自己品吧</span>
|
||||
</div>
|
||||
|
||||
<!-- 主菜单 -->
|
||||
<nav class="sidebar-nav">
|
||||
<div class="nav-section">
|
||||
<div class="nav-section-title">主菜单</div>
|
||||
<ul class="nav-menu">
|
||||
<li class="nav-item">
|
||||
<a href="{{ url_for('admin.index') }}" class="nav-link">
|
||||
<span class="material-symbols-outlined nav-icon">dashboard</span>
|
||||
<span class="nav-text">控制台</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="{{ url_for('site.index_view') }}" class="nav-link">
|
||||
<span class="material-symbols-outlined nav-icon">public</span>
|
||||
<span class="nav-text">网站管理</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="{{ url_for('tag.index_view') }}" class="nav-link">
|
||||
<span class="material-symbols-outlined nav-icon">label</span>
|
||||
<span class="nav-text">标签管理</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="{{ url_for('news.index_view') }}" class="nav-link">
|
||||
<span class="material-symbols-outlined nav-icon">newspaper</span>
|
||||
<span class="nav-text">新闻管理</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="{{ url_for('admin_users.index_view') }}" class="nav-link">
|
||||
<span class="material-symbols-outlined nav-icon">admin_panel_settings</span>
|
||||
<span class="nav-text">管理员</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<!-- 系统菜单 -->
|
||||
<div class="nav-section">
|
||||
<div class="nav-section-title">系统</div>
|
||||
<ul class="nav-menu">
|
||||
<li class="nav-item active">
|
||||
<a href="{{ url_for('seo_tools') }}" class="nav-link">
|
||||
<span class="material-symbols-outlined nav-icon">search</span>
|
||||
<span class="nav-text">SEO工具</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="{{ url_for('batch_import') }}" class="nav-link">
|
||||
<span class="material-symbols-outlined nav-icon">upload_file</span>
|
||||
<span class="nav-text">批量导入</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="{{ url_for('change_password') }}" class="nav-link">
|
||||
<span class="material-symbols-outlined nav-icon">lock_reset</span>
|
||||
<span class="nav-text">修改密码</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="{{ url_for('index') }}" class="nav-link" target="_blank">
|
||||
<span class="material-symbols-outlined nav-icon">open_in_new</span>
|
||||
<span class="nav-text">查看网站</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="{{ url_for('admin_logout') }}" class="nav-link">
|
||||
<span class="material-symbols-outlined nav-icon">logout</span>
|
||||
<span class="nav-text">退出登录</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
<!-- 用户信息 -->
|
||||
<div class="sidebar-user">
|
||||
<div class="user-avatar">
|
||||
<span class="material-symbols-outlined">account_circle</span>
|
||||
</div>
|
||||
<div class="user-info">
|
||||
<div class="user-name">{{ current_user.username }}</div>
|
||||
<div class="user-email">{{ current_user.email or 'admin@zjpb.com' }}</div>
|
||||
</div>
|
||||
</div>
|
||||
</aside>
|
||||
{% set active_page = 'seo' %}
|
||||
{% include 'admin/components/sidebar.html' %}
|
||||
|
||||
<!-- 右侧主内容区 -->
|
||||
<div class="admin-main">
|
||||
|
||||
884
templates/admin/users/detail.html
Normal file
884
templates/admin/users/detail.html
Normal file
@@ -0,0 +1,884 @@
|
||||
{% extends 'admin/master.html' %}
|
||||
|
||||
{% block body %}
|
||||
<div class="user-detail-container">
|
||||
<!-- 返回按钮 -->
|
||||
<div class="back-nav">
|
||||
<a href="{{ url_for('admin_users') }}" class="btn-back">
|
||||
<span class="material-symbols-outlined">arrow_back</span>
|
||||
返回用户列表
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<!-- 用户基本信息卡片 -->
|
||||
<div class="card mb-4">
|
||||
<div class="card-header">
|
||||
<h5 class="mb-0">基本信息</h5>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<div class="user-profile">
|
||||
<div class="user-avatar">
|
||||
{% if user.avatar %}
|
||||
<img src="{{ user.avatar }}" alt="{{ user.username }}">
|
||||
{% else %}
|
||||
<div class="avatar-placeholder">
|
||||
<span class="material-symbols-outlined">person</span>
|
||||
</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
<div class="user-info-grid">
|
||||
<div class="info-item">
|
||||
<label>用户ID</label>
|
||||
<div class="info-value">{{ user.id }}</div>
|
||||
</div>
|
||||
<div class="info-item">
|
||||
<label>用户名</label>
|
||||
<div class="info-value">
|
||||
<strong>{{ user.username }}</strong>
|
||||
<button class="btn-icon" onclick="showEditUsernameModal()" title="修改昵称">
|
||||
<span class="material-symbols-outlined">edit</span>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="info-item">
|
||||
<label>邮箱</label>
|
||||
<div class="info-value">
|
||||
{% if user.email %}
|
||||
{{ user.email }}
|
||||
{% if user.email_verified %}
|
||||
<span class="badge badge-success-sm">
|
||||
<span class="material-symbols-outlined">verified</span>
|
||||
已验证
|
||||
</span>
|
||||
{% else %}
|
||||
<span class="badge badge-warning-sm">未验证</span>
|
||||
{% endif %}
|
||||
{% else %}
|
||||
<span class="text-muted">未设置</span>
|
||||
{% endif %}
|
||||
</div>
|
||||
</div>
|
||||
<div class="info-item">
|
||||
<label>注册时间</label>
|
||||
<div class="info-value">{{ user.created_at.strftime('%Y-%m-%d %H:%M:%S') if user.created_at else '-' }}</div>
|
||||
</div>
|
||||
<div class="info-item">
|
||||
<label>最后登录</label>
|
||||
<div class="info-value">{{ user.last_login.strftime('%Y-%m-%d %H:%M:%S') if user.last_login else '从未登录' }}</div>
|
||||
</div>
|
||||
<div class="info-item">
|
||||
<label>账户状态</label>
|
||||
<div class="info-value">
|
||||
{% if user.is_active %}
|
||||
<span class="badge badge-success">正常</span>
|
||||
{% else %}
|
||||
<span class="badge badge-secondary">已禁用</span>
|
||||
{% endif %}
|
||||
</div>
|
||||
</div>
|
||||
<div class="info-item">
|
||||
<label>个人简介</label>
|
||||
<div class="info-value">{{ user.bio if user.bio else '暂无' }}</div>
|
||||
</div>
|
||||
<div class="info-item">
|
||||
<label>资料公开</label>
|
||||
<div class="info-value">
|
||||
{% if user.is_public_profile %}
|
||||
<span class="badge badge-info-sm">公开</span>
|
||||
{% else %}
|
||||
<span class="badge badge-secondary-sm">私密</span>
|
||||
{% endif %}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 管理操作卡片 -->
|
||||
<div class="card mb-4">
|
||||
<div class="card-header">
|
||||
<h5 class="mb-0">管理操作</h5>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<div class="action-buttons">
|
||||
<button class="btn btn-warning" onclick="showResetPasswordModal()">
|
||||
<span class="material-symbols-outlined">lock_reset</span>
|
||||
重置密码
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 收藏统计卡片 -->
|
||||
<div class="row mb-4">
|
||||
<div class="col-md-6">
|
||||
<div class="stat-card">
|
||||
<div class="stat-icon" style="background: rgba(0, 82, 217, 0.1); color: #0052D9;">
|
||||
<span class="material-symbols-outlined">bookmark</span>
|
||||
</div>
|
||||
<div class="stat-info">
|
||||
<div class="stat-value">{{ collections_count }}</div>
|
||||
<div class="stat-label">收藏的工具</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<div class="stat-card">
|
||||
<div class="stat-icon" style="background: rgba(0, 168, 112, 0.1); color: #00A870;">
|
||||
<span class="material-symbols-outlined">folder</span>
|
||||
</div>
|
||||
<div class="stat-info">
|
||||
<div class="stat-value">{{ folders_count }}</div>
|
||||
<div class="stat-label">收藏分组</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 收藏分组列表 -->
|
||||
{% if folders %}
|
||||
<div class="card mb-4">
|
||||
<div class="card-header">
|
||||
<h5 class="mb-0">收藏分组 ({{ folders_count }})</h5>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<div class="folders-grid">
|
||||
{% for folder in folders %}
|
||||
<div class="folder-item">
|
||||
<div class="folder-icon">{{ folder.icon }}</div>
|
||||
<div class="folder-info">
|
||||
<div class="folder-name">{{ folder.name }}</div>
|
||||
<div class="folder-meta">
|
||||
<span>{{ folder.collections.count() }} 个工具</span>
|
||||
{% if folder.is_public %}
|
||||
<span class="badge badge-info-sm">公开</span>
|
||||
{% endif %}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% endif %}
|
||||
|
||||
<!-- 最近收藏 -->
|
||||
{% if recent_collections %}
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
<h5 class="mb-0">最近收藏 (最多显示10条)</h5>
|
||||
</div>
|
||||
<div class="card-body p-0">
|
||||
<div class="table-responsive">
|
||||
<table class="table mb-0">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>工具名称</th>
|
||||
<th>所属分组</th>
|
||||
<th>收藏时间</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
{% for collection in recent_collections %}
|
||||
<tr>
|
||||
<td>
|
||||
<div class="site-info">
|
||||
{% if collection.site.logo %}
|
||||
<img src="{{ collection.site.logo }}" alt="{{ collection.site.name }}" class="site-logo">
|
||||
{% endif %}
|
||||
<a href="/site/{{ collection.site.code }}" target="_blank">{{ collection.site.name }}</a>
|
||||
</div>
|
||||
</td>
|
||||
<td>
|
||||
{% if collection.folder %}
|
||||
<span class="folder-badge">{{ collection.folder.icon }} {{ collection.folder.name }}</span>
|
||||
{% else %}
|
||||
<span class="text-muted">未分组</span>
|
||||
{% endif %}
|
||||
</td>
|
||||
<td>{{ collection.created_at.strftime('%Y-%m-%d %H:%M') }}</td>
|
||||
</tr>
|
||||
{% endfor %}
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
|
||||
<!-- 重置密码弹窗 -->
|
||||
<div id="resetPasswordModal" class="modal">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<h5>重置用户密码</h5>
|
||||
<button class="close-btn" onclick="closeResetPasswordModal()">
|
||||
<span class="material-symbols-outlined">close</span>
|
||||
</button>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<p class="text-muted mb-3">为用户 <strong>{{ user.username }}</strong> 设置新密码</p>
|
||||
<div class="form-group">
|
||||
<label>新密码 <span class="text-danger">*</span></label>
|
||||
<input type="password" id="newPassword" class="form-control" placeholder="至少6位字符">
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label>确认密码 <span class="text-danger">*</span></label>
|
||||
<input type="password" id="confirmPassword" class="form-control" placeholder="再次输入新密码">
|
||||
</div>
|
||||
<div id="resetPasswordError" class="alert alert-danger" style="display: none;"></div>
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<button class="btn btn-secondary" onclick="closeResetPasswordModal()">取消</button>
|
||||
<button class="btn btn-warning" onclick="submitResetPassword()">确认重置</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 修改昵称弹窗 -->
|
||||
<div id="editUsernameModal" class="modal">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<h5>修改用户昵称</h5>
|
||||
<button class="close-btn" onclick="closeEditUsernameModal()">
|
||||
<span class="material-symbols-outlined">close</span>
|
||||
</button>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<div class="form-group">
|
||||
<label>当前昵称</label>
|
||||
<input type="text" class="form-control" value="{{ user.username }}" disabled>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label>新昵称 <span class="text-danger">*</span></label>
|
||||
<input type="text" id="newUsername" class="form-control" placeholder="2-50个字符" value="{{ user.username }}">
|
||||
</div>
|
||||
<div id="editUsernameError" class="alert alert-danger" style="display: none;"></div>
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<button class="btn btn-secondary" onclick="closeEditUsernameModal()">取消</button>
|
||||
<button class="btn btn-primary" onclick="submitEditUsername()">确认修改</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
// 重置密码弹窗
|
||||
function showResetPasswordModal() {
|
||||
document.getElementById('resetPasswordModal').style.display = 'flex';
|
||||
document.getElementById('newPassword').value = '';
|
||||
document.getElementById('confirmPassword').value = '';
|
||||
document.getElementById('resetPasswordError').style.display = 'none';
|
||||
}
|
||||
|
||||
function closeResetPasswordModal() {
|
||||
document.getElementById('resetPasswordModal').style.display = 'none';
|
||||
}
|
||||
|
||||
function submitResetPassword() {
|
||||
const newPassword = document.getElementById('newPassword').value.trim();
|
||||
const confirmPassword = document.getElementById('confirmPassword').value.trim();
|
||||
const errorDiv = document.getElementById('resetPasswordError');
|
||||
|
||||
if (!newPassword) {
|
||||
errorDiv.textContent = '请输入新密码';
|
||||
errorDiv.style.display = 'block';
|
||||
return;
|
||||
}
|
||||
|
||||
if (newPassword.length < 6) {
|
||||
errorDiv.textContent = '密码至少需要6位字符';
|
||||
errorDiv.style.display = 'block';
|
||||
return;
|
||||
}
|
||||
|
||||
if (newPassword !== confirmPassword) {
|
||||
errorDiv.textContent = '两次输入的密码不一致';
|
||||
errorDiv.style.display = 'block';
|
||||
return;
|
||||
}
|
||||
|
||||
fetch('/api/admin/users/{{ user.id }}/reset-password', {
|
||||
method: 'POST',
|
||||
headers: {'Content-Type': 'application/json'},
|
||||
body: JSON.stringify({ new_password: newPassword })
|
||||
})
|
||||
.then(response => response.json())
|
||||
.then(data => {
|
||||
if (data.success) {
|
||||
alert(data.message);
|
||||
closeResetPasswordModal();
|
||||
} else {
|
||||
errorDiv.textContent = data.message;
|
||||
errorDiv.style.display = 'block';
|
||||
}
|
||||
})
|
||||
.catch(error => {
|
||||
errorDiv.textContent = '操作失败，请重试';
|
||||
errorDiv.style.display = 'block';
|
||||
});
|
||||
}
|
||||
|
||||
// 修改昵称弹窗
|
||||
function showEditUsernameModal() {
|
||||
document.getElementById('editUsernameModal').style.display = 'flex';
|
||||
document.getElementById('editUsernameError').style.display = 'none';
|
||||
}
|
||||
|
||||
function closeEditUsernameModal() {
|
||||
document.getElementById('editUsernameModal').style.display = 'none';
|
||||
}
|
||||
|
||||
function submitEditUsername() {
|
||||
const newUsername = document.getElementById('newUsername').value.trim();
|
||||
const errorDiv = document.getElementById('editUsernameError');
|
||||
|
||||
if (!newUsername) {
|
||||
errorDiv.textContent = '请输入新昵称';
|
||||
errorDiv.style.display = 'block';
|
||||
return;
|
||||
}
|
||||
|
||||
if (newUsername.length < 2 || newUsername.length > 50) {
|
||||
errorDiv.textContent = '昵称长度需要在2-50个字符之间';
|
||||
errorDiv.style.display = 'block';
|
||||
return;
|
||||
}
|
||||
|
||||
fetch('/api/admin/users/{{ user.id }}/update-username', {
|
||||
method: 'POST',
|
||||
headers: {'Content-Type': 'application/json'},
|
||||
body: JSON.stringify({ new_username: newUsername })
|
||||
})
|
||||
.then(response => response.json())
|
||||
.then(data => {
|
||||
if (data.success) {
|
||||
alert(data.message);
|
||||
location.reload();
|
||||
} else {
|
||||
errorDiv.textContent = data.message;
|
||||
errorDiv.style.display = 'block';
|
||||
}
|
||||
})
|
||||
.catch(error => {
|
||||
errorDiv.textContent = '操作失败，请重试';
|
||||
errorDiv.style.display = 'block';
|
||||
});
|
||||
}
|
||||
|
||||
window.onclick = function(event) {
|
||||
const resetModal = document.getElementById('resetPasswordModal');
|
||||
const editModal = document.getElementById('editUsernameModal');
|
||||
if (event.target === resetModal) closeResetPasswordModal();
|
||||
if (event.target === editModal) closeEditUsernameModal();
|
||||
}
|
||||
</script>
|
||||
|
||||
<style>
|
||||
.user-detail-container {
|
||||
max-width: 1200px;
|
||||
}
|
||||
|
||||
.back-nav {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.btn-back {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
gap: 6px;
|
||||
padding: 8px 16px;
|
||||
background: #F5F7FA;
|
||||
border: 1px solid #DCDFE6;
|
||||
border-radius: 4px;
|
||||
color: #606266;
|
||||
text-decoration: none;
|
||||
font-size: 14px;
|
||||
transition: all 0.2s;
|
||||
}
|
||||
|
||||
.btn-back:hover {
|
||||
background: #ECF2FE;
|
||||
border-color: #0052D9;
|
||||
color: #0052D9;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.btn-back .material-symbols-outlined {
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
.card {
|
||||
background: white;
|
||||
border: 1px solid #DCDFE6;
|
||||
border-radius: 6px;
|
||||
box-shadow: 0 1px 4px rgba(0, 0, 0, .05);
|
||||
}
|
||||
|
||||
.card-header {
|
||||
padding: 16px 20px;
|
||||
border-bottom: 1px solid #F0F0F0;
|
||||
}
|
||||
|
||||
.card-header h5 {
|
||||
font-size: 16px;
|
||||
font-weight: 600;
|
||||
color: #000000;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.card-body {
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
.mb-4 {
|
||||
margin-bottom: 24px;
|
||||
}
|
||||
|
||||
.user-profile {
|
||||
display: flex;
|
||||
gap: 24px;
|
||||
}
|
||||
|
||||
.user-avatar {
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
.user-avatar img {
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
border-radius: 50%;
|
||||
object-fit: cover;
|
||||
}
|
||||
|
||||
.avatar-placeholder {
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
border-radius: 50%;
|
||||
background: #F5F7FA;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.avatar-placeholder .material-symbols-outlined {
|
||||
font-size: 48px;
|
||||
color: #C0C4CC;
|
||||
}
|
||||
|
||||
.user-info-grid {
|
||||
flex: 1;
|
||||
display: grid;
|
||||
grid-template-columns: repeat(2, 1fr);
|
||||
gap: 16px;
|
||||
}
|
||||
|
||||
.info-item label {
|
||||
display: block;
|
||||
font-size: 13px;
|
||||
color: #909399;
|
||||
margin-bottom: 6px;
|
||||
}
|
||||
|
||||
.info-value {
|
||||
font-size: 14px;
|
||||
color: #303133;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 8px;
|
||||
}
|
||||
|
||||
.btn-icon {
|
||||
background: none;
|
||||
border: none;
|
||||
padding: 4px;
|
||||
cursor: pointer;
|
||||
color: #909399;
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
border-radius: 4px;
|
||||
transition: all 0.2s;
|
||||
}
|
||||
|
||||
.btn-icon:hover {
|
||||
background: #F5F7FA;
|
||||
color: #0052D9;
|
||||
}
|
||||
|
||||
.btn-icon .material-symbols-outlined {
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
.text-muted {
|
||||
color: #909399;
|
||||
}
|
||||
|
||||
.badge {
|
||||
padding: 4px 8px;
|
||||
font-size: 12px;
|
||||
border-radius: 4px;
|
||||
font-weight: 500;
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
gap: 4px;
|
||||
}
|
||||
|
||||
.badge-success {
|
||||
background: rgba(0, 168, 112, 0.1);
|
||||
color: #00A870;
|
||||
}
|
||||
|
||||
.badge-success-sm {
|
||||
background: rgba(0, 168, 112, 0.1);
|
||||
color: #00A870;
|
||||
padding: 2px 6px;
|
||||
}
|
||||
|
||||
.badge-success-sm .material-symbols-outlined {
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.badge-warning-sm {
|
||||
background: rgba(227, 115, 24, 0.1);
|
||||
color: #E37318;
|
||||
padding: 2px 6px;
|
||||
}
|
||||
|
||||
.badge-secondary {
|
||||
background: #F5F5F5;
|
||||
color: #606266;
|
||||
}
|
||||
|
||||
.badge-secondary-sm {
|
||||
background: #F5F5F5;
|
||||
color: #606266;
|
||||
padding: 2px 6px;
|
||||
}
|
||||
|
||||
.badge-info-sm {
|
||||
background: rgba(0, 82, 217, 0.1);
|
||||
color: #0052D9;
|
||||
padding: 2px 6px;
|
||||
}
|
||||
|
||||
.row {
|
||||
display: flex;
|
||||
gap: 16px;
|
||||
margin: 0 -8px;
|
||||
}
|
||||
|
||||
.col-md-6 {
|
||||
flex: 1;
|
||||
padding: 0 8px;
|
||||
}
|
||||
|
||||
.stat-card {
|
||||
background: white;
|
||||
border: 1px solid #DCDFE6;
|
||||
border-radius: 6px;
|
||||
padding: 20px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 16px;
|
||||
box-shadow: 0 1px 4px rgba(0, 0, 0, .05);
|
||||
}
|
||||
|
||||
.stat-icon {
|
||||
width: 56px;
|
||||
height: 56px;
|
||||
border-radius: 8px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.stat-icon .material-symbols-outlined {
|
||||
font-size: 28px;
|
||||
}
|
||||
|
||||
.stat-info {
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
.stat-value {
|
||||
font-size: 28px;
|
||||
font-weight: 600;
|
||||
color: #000000;
|
||||
line-height: 1;
|
||||
margin-bottom: 4px;
|
||||
}
|
||||
|
||||
.stat-label {
|
||||
font-size: 14px;
|
||||
color: #606266;
|
||||
}
|
||||
|
||||
.action-buttons {
|
||||
display: flex;
|
||||
gap: 12px;
|
||||
}
|
||||
|
||||
.btn {
|
||||
padding: 10px 20px;
|
||||
border: none;
|
||||
border-radius: 4px;
|
||||
cursor: pointer;
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
gap: 8px;
|
||||
font-size: 14px;
|
||||
transition: all 0.2s;
|
||||
}
|
||||
|
||||
.btn-warning {
|
||||
background: #E37318;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.btn-warning:hover {
|
||||
background: #C96316;
|
||||
}
|
||||
|
||||
.btn .material-symbols-outlined {
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
.folders-grid {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
|
||||
gap: 12px;
|
||||
}
|
||||
|
||||
.folder-item {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 12px;
|
||||
padding: 12px;
|
||||
background: #F5F7FA;
|
||||
border: 1px solid #DCDFE6;
|
||||
border-radius: 6px;
|
||||
}
|
||||
|
||||
.folder-icon {
|
||||
font-size: 24px;
|
||||
}
|
||||
|
||||
.folder-info {
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
.folder-name {
|
||||
font-size: 14px;
|
||||
font-weight: 500;
|
||||
color: #303133;
|
||||
margin-bottom: 4px;
|
||||
}
|
||||
|
||||
.folder-meta {
|
||||
font-size: 12px;
|
||||
color: #909399;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 8px;
|
||||
}
|
||||
|
||||
.p-0 {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.table-responsive {
|
||||
overflow-x: auto;
|
||||
}
|
||||
|
||||
.table {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.table thead th {
|
||||
background: #F5F7FA;
|
||||
color: #606266;
|
||||
font-weight: 600;
|
||||
font-size: 14px;
|
||||
padding: 12px 16px;
|
||||
border-bottom: 1px solid #DCDFE6;
|
||||
}
|
||||
|
||||
.table tbody td {
|
||||
padding: 12px 16px;
|
||||
border-bottom: 1px solid #F0F0F0;
|
||||
font-size: 14px;
|
||||
color: #303133;
|
||||
}
|
||||
|
||||
.table tbody tr:hover {
|
||||
background: #F5F7FA;
|
||||
}
|
||||
|
||||
.site-info {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 8px;
|
||||
}
|
||||
|
||||
.site-logo {
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
border-radius: 4px;
|
||||
object-fit: cover;
|
||||
}
|
||||
|
||||
.site-info a {
|
||||
color: #0052D9;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.site-info a:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
.folder-badge {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
gap: 4px;
|
||||
padding: 4px 8px;
|
||||
background: #F5F7FA;
|
||||
border-radius: 4px;
|
||||
font-size: 13px;
|
||||
color: #606266;
|
||||
}
|
||||
|
||||
/* 弹窗样式 */
|
||||
.modal {
|
||||
display: none;
|
||||
position: fixed;
|
||||
z-index: 1000;
|
||||
left: 0;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background-color: rgba(0, 0, 0, 0.5);
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.modal-content {
|
||||
background-color: white;
|
||||
border-radius: 8px;
|
||||
width: 90%;
|
||||
max-width: 500px;
|
||||
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
|
||||
}
|
||||
|
||||
.modal-header {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
padding: 20px;
|
||||
border-bottom: 1px solid #F0F0F0;
|
||||
}
|
||||
|
||||
.modal-header h5 {
|
||||
margin: 0;
|
||||
font-size: 18px;
|
||||
font-weight: 600;
|
||||
color: #000000;
|
||||
}
|
||||
|
||||
.close-btn {
|
||||
background: none;
|
||||
border: none;
|
||||
padding: 4px;
|
||||
cursor: pointer;
|
||||
color: #909399;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
border-radius: 4px;
|
||||
transition: all 0.2s;
|
||||
}
|
||||
|
||||
.close-btn:hover {
|
||||
background: #F5F7FA;
|
||||
color: #303133;
|
||||
}
|
||||
|
||||
.modal-body {
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
.form-group {
|
||||
margin-bottom: 16px;
|
||||
}
|
||||
|
||||
.form-group label {
|
||||
display: block;
|
||||
font-size: 14px;
|
||||
color: #303133;
|
||||
margin-bottom: 8px;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.form-control {
|
||||
width: 100%;
|
||||
padding: 10px 12px;
|
||||
border: 1px solid #DCDFE6;
|
||||
border-radius: 4px;
|
||||
font-size: 14px;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.form-control:focus {
|
||||
outline: none;
|
||||
border-color: #0052D9;
|
||||
}
|
||||
|
||||
.form-control:disabled {
|
||||
background: #F5F7FA;
|
||||
color: #909399;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
|
||||
.text-danger {
|
||||
color: #D54941;
|
||||
}
|
||||
|
||||
.alert {
|
||||
padding: 12px;
|
||||
border-radius: 4px;
|
||||
font-size: 14px;
|
||||
margin-top: 12px;
|
||||
}
|
||||
|
||||
.alert-danger {
|
||||
background: rgba(213, 73, 65, 0.1);
|
||||
color: #D54941;
|
||||
border: 1px solid rgba(213, 73, 65, 0.2);
|
||||
}
|
||||
|
||||
.modal-footer {
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
gap: 12px;
|
||||
padding: 16px 20px;
|
||||
border-top: 1px solid #F0F0F0;
|
||||
}
|
||||
|
||||
.btn-secondary {
|
||||
background: #F5F5F5;
|
||||
color: #606266;
|
||||
}
|
||||
|
||||
.btn-secondary:hover {
|
||||
background: #E5E5E5;
|
||||
}
|
||||
|
||||
.btn-primary {
|
||||
background: #0052D9;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.btn-primary:hover {
|
||||
background: #0041A8;
|
||||
}
|
||||
</style>
|
||||
{% endblock %}
|
||||
383
templates/admin/users/list.html
Normal file
383
templates/admin/users/list.html
Normal file
@@ -0,0 +1,383 @@
|
||||
{% extends 'admin/master.html' %}
|
||||
|
||||
{% block body %}
|
||||
<div class="users-container">
|
||||
<!-- 页面标题和搜索 -->
|
||||
<div class="page-header">
|
||||
<div>
|
||||
<h4 class="mb-1">用户管理</h4>
|
||||
<p class="text-muted mb-0">管理平台注册用户</p>
|
||||
</div>
|
||||
<div class="header-actions">
|
||||
<form method="GET" action="{{ url_for('admin_users') }}" class="search-form">
|
||||
<div class="input-group">
|
||||
<input type="text" name="search" class="form-control" placeholder="搜索用户名或邮箱" value="{{ search }}">
|
||||
<button type="submit" class="btn btn-primary">
|
||||
<span class="material-symbols-outlined">search</span>
|
||||
</button>
|
||||
{% if search %}
|
||||
<a href="{{ url_for('admin_users') }}" class="btn btn-secondary">
|
||||
<span class="material-symbols-outlined">close</span>
|
||||
</a>
|
||||
{% endif %}
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 用户列表 -->
|
||||
<div class="card">
|
||||
<div class="card-body p-0">
|
||||
{% if users %}
|
||||
<div class="table-responsive">
|
||||
<table class="table table-hover mb-0">
|
||||
<thead>
|
||||
<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 %}
|
||||
<tr>
|
||||
<td>{{ user.id }}</td>
|
||||
<td>
|
||||
<div class="user-info">
|
||||
<strong>{{ user.username }}</strong>
|
||||
</div>
|
||||
</td>
|
||||
<td>
|
||||
{% if user.email %}
|
||||
<div class="email-info">
|
||||
{{ user.email }}
|
||||
{% if user.email_verified %}
|
||||
<span class="badge badge-success-sm" title="邮箱已验证">
|
||||
<span class="material-symbols-outlined" style="font-size: 14px;">verified</span>
|
||||
</span>
|
||||
{% endif %}
|
||||
</div>
|
||||
{% else %}
|
||||
<span class="text-muted">未设置</span>
|
||||
{% endif %}
|
||||
</td>
|
||||
<td>
|
||||
<div class="stats-info">
|
||||
<span class="stat-item">
|
||||
<span class="material-symbols-outlined">bookmark</span>
|
||||
{{ user_stats[user.id].collections_count }}
|
||||
</span>
|
||||
<span class="stat-item">
|
||||
<span class="material-symbols-outlined">folder</span>
|
||||
{{ user_stats[user.id].folders_count }}
|
||||
</span>
|
||||
</div>
|
||||
</td>
|
||||
<td>{{ user.created_at.strftime('%Y-%m-%d %H:%M') if user.created_at else '-' }}</td>
|
||||
<td>{{ user.last_login.strftime('%Y-%m-%d %H:%M') if user.last_login else '从未登录' }}</td>
|
||||
<td>
|
||||
{% if user.is_active %}
|
||||
<span class="badge badge-success">正常</span>
|
||||
{% else %}
|
||||
<span class="badge badge-secondary">已禁用</span>
|
||||
{% endif %}
|
||||
</td>
|
||||
<td>
|
||||
<a href="{{ url_for('admin_user_detail', user_id=user.id) }}" class="btn btn-sm btn-primary">
|
||||
查看详情
|
||||
</a>
|
||||
</td>
|
||||
</tr>
|
||||
{% endfor %}
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<!-- 分页 -->
|
||||
{% if pagination.pages > 1 %}
|
||||
<div class="pagination-container">
|
||||
<nav>
|
||||
<ul class="pagination mb-0">
|
||||
{% if pagination.has_prev %}
|
||||
<li class="page-item">
|
||||
<a class="page-link" href="{{ url_for('admin_users', page=pagination.prev_num, search=search) }}">上一页</a>
|
||||
</li>
|
||||
{% else %}
|
||||
<li class="page-item disabled">
|
||||
<span class="page-link">上一页</span>
|
||||
</li>
|
||||
{% endif %}
|
||||
|
||||
{% for page_num in pagination.iter_pages(left_edge=1, right_edge=1, left_current=2, right_current=2) %}
|
||||
{% if page_num %}
|
||||
{% if page_num == pagination.page %}
|
||||
<li class="page-item active">
|
||||
<span class="page-link">{{ page_num }}</span>
|
||||
</li>
|
||||
{% else %}
|
||||
<li class="page-item">
|
||||
<a class="page-link" href="{{ url_for('admin_users', page=page_num, search=search) }}">{{ page_num }}</a>
|
||||
</li>
|
||||
{% endif %}
|
||||
{% else %}
|
||||
<li class="page-item disabled">
|
||||
<span class="page-link">...</span>
|
||||
</li>
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
|
||||
{% if pagination.has_next %}
|
||||
<li class="page-item">
|
||||
<a class="page-link" href="{{ url_for('admin_users', page=pagination.next_num, search=search) }}">下一页</a>
|
||||
</li>
|
||||
{% else %}
|
||||
<li class="page-item disabled">
|
||||
<span class="page-link">下一页</span>
|
||||
</li>
|
||||
{% endif %}
|
||||
</ul>
|
||||
</nav>
|
||||
<div class="pagination-info">
|
||||
共 {{ pagination.total }} 个用户，第 {{ pagination.page }} / {{ pagination.pages }} 页
|
||||
</div>
|
||||
</div>
|
||||
{% endif %}
|
||||
|
||||
{% else %}
|
||||
<div class="empty-state">
|
||||
<span class="material-symbols-outlined">person_off</span>
|
||||
<p>{% if search %}未找到匹配的用户{% else %}暂无注册用户{% endif %}</p>
|
||||
</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<style>
|
||||
.users-container {
|
||||
max-width: 1400px;
|
||||
}
|
||||
|
||||
.page-header {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
margin-bottom: 24px;
|
||||
gap: 20px;
|
||||
}
|
||||
|
||||
.page-header h4 {
|
||||
font-size: 24px;
|
||||
font-weight: 600;
|
||||
color: #000000;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.header-actions {
|
||||
display: flex;
|
||||
gap: 12px;
|
||||
}
|
||||
|
||||
.search-form {
|
||||
min-width: 350px;
|
||||
}
|
||||
|
||||
.input-group {
|
||||
display: flex;
|
||||
gap: 8px;
|
||||
}
|
||||
|
||||
.input-group .form-control {
|
||||
flex: 1;
|
||||
padding: 8px 12px;
|
||||
border: 1px solid #DCDFE6;
|
||||
border-radius: 4px;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.input-group .btn {
|
||||
padding: 8px 16px;
|
||||
border: none;
|
||||
border-radius: 4px;
|
||||
cursor: pointer;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 4px;
|
||||
}
|
||||
|
||||
.btn-primary {
|
||||
background: #0052D9;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.btn-primary:hover {
|
||||
background: #0041A8;
|
||||
}
|
||||
|
||||
.btn-secondary {
|
||||
background: #F5F5F5;
|
||||
color: #606266;
|
||||
}
|
||||
|
||||
.btn-secondary:hover {
|
||||
background: #E5E5E5;
|
||||
}
|
||||
|
||||
.card {
|
||||
background: white;
|
||||
border: 1px solid #DCDFE6;
|
||||
border-radius: 6px;
|
||||
box-shadow: 0 1px 4px rgba(0, 0, 0, .05);
|
||||
}
|
||||
|
||||
.table {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.table thead th {
|
||||
background: #F5F7FA;
|
||||
color: #606266;
|
||||
font-weight: 600;
|
||||
font-size: 14px;
|
||||
padding: 12px 16px;
|
||||
border-bottom: 1px solid #DCDFE6;
|
||||
}
|
||||
|
||||
.table tbody td {
|
||||
padding: 12px 16px;
|
||||
border-bottom: 1px solid #F0F0F0;
|
||||
font-size: 14px;
|
||||
color: #303133;
|
||||
}
|
||||
|
||||
.table tbody tr:hover {
|
||||
background: #F5F7FA;
|
||||
}
|
||||
|
||||
.user-info strong {
|
||||
color: #000000;
|
||||
}
|
||||
|
||||
.email-info {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 6px;
|
||||
}
|
||||
|
||||
.stats-info {
|
||||
display: flex;
|
||||
gap: 12px;
|
||||
}
|
||||
|
||||
.stat-item {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 4px;
|
||||
color: #606266;
|
||||
}
|
||||
|
||||
.stat-item .material-symbols-outlined {
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.badge {
|
||||
padding: 4px 8px;
|
||||
font-size: 12px;
|
||||
border-radius: 4px;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.badge-success {
|
||||
background: rgba(0, 168, 112, 0.1);
|
||||
color: #00A870;
|
||||
}
|
||||
|
||||
.badge-success-sm {
|
||||
background: rgba(0, 168, 112, 0.1);
|
||||
color: #00A870;
|
||||
padding: 2px 4px;
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.badge-secondary {
|
||||
background: #F5F5F5;
|
||||
color: #606266;
|
||||
}
|
||||
|
||||
.btn-sm {
|
||||
padding: 6px 12px;
|
||||
font-size: 13px;
|
||||
border-radius: 4px;
|
||||
text-decoration: none;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.pagination-container {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
padding: 16px;
|
||||
border-top: 1px solid #F0F0F0;
|
||||
}
|
||||
|
||||
.pagination {
|
||||
display: flex;
|
||||
list-style: none;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
gap: 4px;
|
||||
}
|
||||
|
||||
.page-item .page-link {
|
||||
padding: 6px 12px;
|
||||
border: 1px solid #DCDFE6;
|
||||
border-radius: 4px;
|
||||
color: #606266;
|
||||
text-decoration: none;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.page-item.active .page-link {
|
||||
background: #0052D9;
|
||||
color: white;
|
||||
border-color: #0052D9;
|
||||
}
|
||||
|
||||
.page-item.disabled .page-link {
|
||||
color: #C0C4CC;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
|
||||
.page-item:not(.disabled):not(.active) .page-link:hover {
|
||||
background: #F5F7FA;
|
||||
}
|
||||
|
||||
.pagination-info {
|
||||
color: #606266;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.empty-state {
|
||||
text-align: center;
|
||||
padding: 60px 20px;
|
||||
color: #909399;
|
||||
}
|
||||
|
||||
.empty-state .material-symbols-outlined {
|
||||
font-size: 64px;
|
||||
color: #DCDFE6;
|
||||
margin-bottom: 16px;
|
||||
}
|
||||
|
||||
.empty-state p {
|
||||
margin: 0;
|
||||
font-size: 14px;
|
||||
}
|
||||
</style>
|
||||
{% endblock %}
|
||||
Reference in New Issue
Block a user