Expensify移动应用中费用审批列表显示异常问题分析

问题背景

在Expensify移动应用9.1.51-0版本中，测试人员发现了一个关于费用审批列表显示逻辑的异常问题。当用户在一个禁用了延迟提交和审批功能的工作区中提交手动费用时，这些理论上不需要审批的费用却出现在了"审批"列表中。

问题现象重现

1. 用户打开Expensify应用
2. 进入一个禁用了延迟提交和审批功能的工作区
3. 提交一个手动创建的费用
4. 导航至"报告"页面
5. 点击书签图标并选择"审批"选项
6. 观察到刚提交的费用出现在审批列表中，尽管它实际上不需要审批

技术分析

这个问题的核心在于应用的前端过滤逻辑与后端审批状态的不一致。从技术实现角度看，可能有以下几个关键点：

1. 前端过滤逻辑缺陷：审批列表可能没有正确检查工作区的审批配置，而是简单地显示所有待处理费用。

2. 状态同步问题：当费用提交后，前端可能没有及时获取最新的审批状态，导致显示错误。

3. 缓存机制影响：应用可能缓存了费用列表，但没有根据工作区设置更新过滤条件。

4. 权限检查缺失：在渲染审批列表时，可能缺少对工作区审批配置的实时检查。

解决方案与修复

开发团队通过以下方式解决了这个问题：

1. 代码回滚：确认问题是由特定PR引入后，团队决定先回滚相关代码以快速修复问题。

2. 架构改进：计划中的"自动提交"功能将从根本上解决这类问题，它会将费用自动提交到"开放"报告中，而不是需要审批的流程。

3. 状态检查增强：在显示审批列表时，增加了对工作区审批配置的实时检查。

经验总结

这个案例展示了在开发企业级应用时几个重要的技术考量：

1. 状态一致性：前端展示必须与后端业务规则保持严格一致，特别是涉及审批流程等关键功能时。

2. 配置感知：UI组件需要动态响应系统配置变化，不能假设所有工作区都有相同的审批流程。

3. 测试覆盖：对于核心业务流程，需要建立全面的测试用例，包括各种配置组合下的行为验证。

4. 渐进式改进：有时临时回滚是必要的，但同时应该规划更彻底的架构改进来解决根本问题。

对开发者的启示

1. 在实现类似审批流程时，应该建立清晰的"是否需要审批"的判断逻辑，并在多个层面进行验证。

2. 对于配置驱动的功能，UI组件应该设计为能够动态响应配置变化。

3. 缓存机制需要谨慎设计，确保不会因为缓存导致状态不一致。

4. 在修改核心业务流程时，应该进行全面的回归测试，包括各种边界条件。