操作日志页面
- 路由:
/operation-log
- 实现:
src/views/OperationLog.vue
- 数据:
src/stores/operationLogs.ts
- 状态:已开发,使用前端只读演示数据
页面目标
集中查询系统用户在测试、设备、报表、账号和权限等模块中的关键操作,作为系统审计与问题追溯入口。
当前功能
- 支持按日志 ID 模糊查询。
- 支持按操作人筛选,选择项包含“全部”和当前日志中已有操作人。
- 支持按操作日期范围筛选,时间选择器使用中文文案。
- 查询条件点击“查询”后统一生效;“重置”恢复全部日志。
- 日志按操作时间倒序展示,字段为日志 ID、操作人、操作内容和操作时间。
- 支持每页条数切换和分页;无结果时展示表格空状态。
- 查询栏使用四列响应式布局,依次按三列、两列和单列换行。
- 页面仅提供只读查看,不允许前端编辑或删除审计记录。
- 侧栏“角色与权限”和顶部全局搜索均可进入本页面。
数据字段
id、operator、content、operatedAt。
后续事项
接入后端操作日志接口、服务端分页、操作模块与操作类型筛选、请求 IP、客户端信息、操作结果以及日志导出权限。