路线与里程优先
行车里程按 1 公里 = 1 元折算，支持手动填写、常用路线套用，以及通过高德地图 Key 计算驾车距离。
Case 001 / reimbursement tool
垫付报销记账工具
一个为商务出差、客户拜访和项目现场外勤设计的本地优先工具。它把垫付支出、行车里程、报销单、分类汇总和报销状态放在同一个移动端工作流里。
Summary
把报销从“事后整理”改成“现场记录”。
这个项目的核心不是做一个通用记账本，而是解决外勤人员在出差、送达、拜访之后很容易漏记、混单、里程难算的问题。界面优先呈现最近路线、垫付总额、普通支出、行车支出、总公里数和未报销金额，让用户一打开就知道当前报销状态。
报销单集中管理
每条支出都可以归属到报销单，并按日期、项目、类型、状态和报销单筛选，适合月度或项目制整理。
本地优先与可携带
数据保存在本地，支持 PWA 安装、离线基础使用、CSV 导出、打印预览，以及 JSON 备份和导入。
Process
先把混乱的报销现场拆成几个稳定动作。
这个工具的设计重点不是把表单做得更漂亮，而是减少外勤结束后的补记成本。信息架构从真实记录顺序出发：先发生路线和支出，再归档到报销单，最后导出或备份。
把新增入口放到移动端工作流里
外勤场景里用户通常只想快速记一笔，所以新增支出、路线和报销单不能藏得太深；总览页先给状态，再让用户进入细节。
让路线、支出和报销单互相关联
支出不是孤立条目，它需要被项目、日期、类型、状态和报销单共同解释；这样月末整理时不用重新翻聊天记录和票据。
给不完整数据留修正入口
里程可以手动填，也可以用地图计算；地图 Key 可以测试；数据可以导入导出，避免用户因为一次网络或配置失败放弃整套记录。
Design decisions
设计判断
移动端先行
外勤记录经常发生在路上，所以界面采用手机优先结构：顶部看板负责判断状态，底部操作栏负责快速新增、设置和导出。
高密度但不压迫
报销工具天然信息密度高，视觉上用深青色重点看板承载总览，用白色卡片承载明细，减少在小屏里来回寻找。
把例外流程显性化
里程可以自动算，也可以手动改；地图 Key 可以测试；数据可以备份导入。工具没有假设每次流程都顺利，而是给用户留出修正入口。
Current build
这一版已经能支撑一条完整报销链路。