操作日志页面

  • 路由:/operation-log
  • 实现:src/views/OperationLog.vue
  • 数据:src/stores/operationLogs.ts
  • 状态:已开发,使用前端只读演示数据

页面目标

集中查询系统用户在测试、设备、报表、账号和权限等模块中的关键操作,作为系统审计与问题追溯入口。

当前功能

  • 支持按日志 ID 模糊查询。
  • 支持按操作人筛选,选择项包含“全部”和当前日志中已有操作人。
  • 支持按操作日期范围筛选,时间选择器使用中文文案。
  • 查询条件点击“查询”后统一生效;“重置”恢复全部日志。
  • 日志按操作时间倒序展示,字段为日志 ID、操作人、操作内容和操作时间。
  • 支持每页条数切换和分页;无结果时展示表格空状态。
  • 查询栏使用四列响应式布局,依次按三列、两列和单列换行。
  • 页面仅提供只读查看,不允许前端编辑或删除审计记录。
  • 侧栏“角色与权限”和顶部全局搜索均可进入本页面。

数据字段

id、operator、content、operatedAt。

后续事项

接入后端操作日志接口、服务端分页、操作模块与操作类型筛选、请求 IP、客户端信息、操作结果以及日志导出权限。