开学特惠 会员低至4.4折 限时加赠 10000 AI积分 立即前往 arrow

操作日志页面怎么设计?筛选、差异与追溯

文章目录
免费使用墨刀
更新时间: 2026年10月09日

操作日志页面要帮助用户找到一次变化并理解它的后果。列表先展示时间、操作者、对象、动作和结果,详情再给修改前后内容、关联事件与必要的排查标识。日志记录的是发生过什么,不应让“请求已发送”看起来像“业务已修改成功”。

下面设计客服后台的工单操作日志。管理员想知道TK-104为何从小林转给小周,可以在墨刀原型中连接日志列表与变更详情,沿工单编号查到分配事件,再判断是人工操作、自动规则还是批量任务。

操作日志列表连接工单负责人修改前后的差异详情
一条记录要能解释谁改了什么,以及这次修改是否真正生效。

先约定一行日志代表哪件事

本例一行表示一次业务事件,而不是一次鼠标点击。点击分配按钮、发送请求、工单负责人实际变化,可能产生不同技术记录;面向管理员的日志应优先显示他能理解的业务变化,并在需要时关联更细的排查信息。

例如“重新分配负责人”可以包含对象TK-104、原负责人U01、新负责人U02、发起人U09、发生时间和结果。姓名用于阅读,稳定编号用于区分同名和改名。管理员不必总看编号,但详情中应有能确认对象的辅助信息。

字段列表显示详情补充
时间10月10日09:18:24完整日期、时区和事件发生时间
操作者陈敏 · 客服主管稳定成员编号;代操作关系如存在
对象TK-104 账单无法下载对象类型与当前可访问链接
动作重新分配负责人原值、新值和填写的原因
结果已完成 / 未完成失败原因与可公开的排查标识

OWASP日志指南建议记录事件的时间、位置、主体和行为,并区分应用事件与技术日志。本文将这些信息用于页面设计;具体记录范围与保存要求仍由系统定义,不能只凭一张日志表宣称满足合规审计。

查一个对象,比先猜操作类型更容易

管理员知道工单编号,不一定知道后台把动作叫“转派”还是“负责人更新”。搜索应支持他已知的对象信息,常用筛选再包括时间、操作者、动作和结果。列表默认按最近发生排序,同时保留稳定的次级顺序,避免同秒事件翻页时跳动。

时间筛选注明采用事件发生时间还是日志入库时间。网络延迟可能让先发生的事件晚入库;调查时两者有不同用途。如果只提供一种,界面应写明,不能排序按入库时间、详情却只展示发生时间而不解释。

筛选无结果时保留条件,并提示调整范围;日志服务读取失败时则显示失败和重试。历史范围尚在加载,不能先用“没有记录”暗示从未发生过操作。

修改前后对照,要保留空值的含义

打开TK-104的分配事件,详情可显示“负责人:小林 → 小周”,下方保留原因“早班交接”。如果修改多个字段,按字段逐行排列,只展示发生变化的项,并允许查看相关上下文。整份JSON并排堆放,通常不利于非研发人员阅读。

未填写、空字符串、数值0和字段不存在不能统一变成短横线。可以分别写“未填写”“空文本”“0”“当时无此字段”,并按业务实际数据定义使用。密码、访问令牌等敏感内容不应以“修改前后”形式暴露,日志页面不是查看秘密值的后门。

原值或新值过长时,列表保留摘要,详情提供完整内容与差异位置;触屏用户也应能展开。若字段按权限脱敏,两侧采用一致规则,并说明部分内容不可见,避免脱敏后看起来前后相同却没有解释。

自动规则、代操作和批量动作各自留名

“系统”这个操作者太宽泛。自动分配规则执行时,可以显示“自动规则:按地区分配”,详情再给规则版本或任务标识。管理员代表客户操作时,应分别记录发起者与作用对象,不能只显示客户姓名,让人以为是客户自己改的。

批量把20张工单转给小周,其中18张成功、2张失败,可以形成一条批次记录并关联20条明细。批次摘要显示成功与失败范围,单条详情说明具体结果。全部明细都平铺在列表会淹没其他事件,只有一行“批量分配成功”又会掩盖两条失败。

请求结果尚未确定时,不应提前写“已完成”。后续确认结果可以追加关联事件或按系统约定更新展示状态,但要保留发生与确认的时间关系。日志页面如何反映最终结果,必须与后台事件机制一致。

对象删除了,历史记录仍要可理解

工单后来被删除,日志链接可以显示“对象已删除”,保留当时允许保存的编号与名称;不能把一整行变成404链接。成员离职后,同样可以显示当时的身份标识及当前停用状态,避免历史操作者消失。

“没有权限查看对象”与“对象已删除”是不同状态。用户有权看日志但无权看工单详情时,提供日志范围内的信息,禁用对象跳转并说明原因;不要通过日志泄露原本不可见的字段。

若产品规定日志只保留某段时间,应让用户知道可查询范围。超出范围显示“当前日志保留范围之外”,比空白结果更准确。导出日志同样需要明确字段、时间与权限,长任务可参考后台导出与下载记录的设计。

用一次交接调查检验页面

给评审者一个问题:“TK-104今天为什么变成小周负责?”让他从编号搜索找到事件,打开前后差异,再确认操作者、原因和结果。接着加入一条相同时间的自动分配、一条失败的批量明细以及一个已删除对象,观察能否区分。

交付时附上列表字段、详情字段、脱敏规则、关联事件方式与时间口径。若需求其实是保留设计文件版本和评审结论,可阅读原型与设计协作的留痕方法;业务日志界面与团队版本管理各自解决不同问题,不宜混成一页。

免费在线原型设计工具

内容丰富组件拖拽即用

多人在线编辑实时协作

海量模板素材快速复用

一键分享交付在线评论互动