chenpei 08dd1c7f75 初始提交：添加充值记录和发票管理功能

功能特性：
- 用户端充值记录页面，从使用日志中分离
- 充值记录中的去开发票功能
- 管理员发票管理页面
- 发票申请、处理、邮件通知功能
- 侧边栏菜单更新
- UI优化和控制台清理
- Docker部署配置
- 生产环境安全配置

2025-09-04 18:07:16 +08:00

3.0 KiB

Raw Permalink Blame History

NewAPI 用户界面完整修改总结

修改目标

根据用户要求，隐藏了以下界面元素：

用户端控制台中的"操练场"和"聊天"功能（保留管理员权限）
顶部导航栏的"文档"和"关于"按钮
首页的"获取密钥"和"文档"按钮
页面底部的公共Footer区域

修改的文件列表

1. 侧边栏权限控制

文件: web/src/components/layout/SiderBar.js

修改位置: 第139-155行 (chatMenuItems配置)
修改内容: 为"操练场"和"聊天"菜单项添加权限控制
实现方式: 使用 isAdmin() 函数和 className: 'tableHiddle' 控制显示

修改位置: 第282-329行 (renderSubItem函数)

修改内容: 添加权限检查逻辑
实现方式: 当 item.className === 'tableHiddle' 时返回 null

2. 顶部导航栏修改

文件: web/src/components/layout/HeaderBar.js

修改位置: 第99-131行 (mainNavLinks配置)
修改内容: 注释掉"文档"和"关于"链接配置
保留功能: "首页"、"控制台"、"定价"等基本导航

3. 首页按钮隐藏

文件: web/src/pages/Home/index.js

修改位置: 第162-190行 (操作按钮区域)
修改内容: 注释掉整个操作按钮区域
隐藏按钮: "获取密钥"和"文档"按钮

4. 页面底部Footer隐藏

文件: web/src/components/layout/PageLayout.js

修改位置: 第26-27行 (shouldHideFooter逻辑)
修改内容: 将 shouldHideFooter 设置为 true
效果: 完全隐藏所有页面的Footer区域

权限系统说明

isAdmin(): 检查用户角色是否 >= 10
isRoot(): 检查用户角色是否 >= 100

权限控制效果

普通用户: 无法看到"操练场"和"聊天"侧边栏菜单
管理员用户: 可以正常使用"操练场"和"聊天"功能
所有用户: 无法看到顶部"文档"和"关于"按钮、首页操作按钮、页面底部Footer

技术实现方式

1. 权限控制方式

使用条件渲染 (isAdmin() 函数)
通过 CSS 类名控制 (tableHiddle)
直接返回 null 不渲染组件

2. 隐藏方式

注释代码: 用于可能需要恢复的功能
条件判断: 用于权限控制
布尔值控制: 用于完全隐藏功能

3. 构建部署

前端已重新构建: npm run build
后端服务正常运行: http://localhost:3000
所有修改已生效

验证方法

侧边栏功能:
- 普通用户登录: 看不到"操练场"和"聊天"
- 管理员登录: 可以看到并使用这些功能
顶部导航栏:
- 所有用户: 只能看到"首页"、"控制台"、"定价"
首页:
- 所有用户: 看不到"获取密钥"和"文档"按钮
页面底部:
- 所有页面: 完全不显示Footer区域

恢复方法

如需恢复任何功能，只需：

取消相关代码的注释
修改权限控制逻辑
重新构建前端

所有修改都采用了可逆的方式实现，便于后续维护和调整。

3.0 KiB Raw Permalink Blame History