四大子工具
开发起因
通过了解身边行政老师和会务人员的工作痛点,我发现每次办会都要在报销规则、图片排版、资料归档之间反复切换工具,信息散落在微信群、Excel 和邮件里。一位行政老师告诉我:"我 70% 的时间花在了找文件和确认报销规则上。"
技术演进
从 2026 年 2 月起,我开始尝试用 AI 的 vibe coding 方式快速迭代这个工具。整个开发过程经历了三个阶段的技术演进:
- 第一阶段:Go 封装 EXE(2026.02)— 最初用 Go 语言快速封装成桌面可执行程序,验证核心功能可行性。Go 的跨平台编译能力让工具可以在 Windows 和 Mac 上快速分发。
- 第二阶段:Go + Web(2026.03)— 发现桌面程序更新不便,转向 Go 提供后端 API + 简单 Web 前端的架构。这个阶段验证了报销问答和图片拼图的核心交互逻辑。
- 第三阶段:纯 HTML 静态网页(2026.04~05)— 在 VSCode 中配合 Kimi Code 的 AI 辅助编程,将工具完全重写为纯前端实现。零后端、零服务器成本,直接部署到 Cloudflare Pages,用户开箱即用。
核心亮点
- 报销问答助手:18+ 常见报销场景,聊天框交互类似微信对话。覆盖住宿、餐饮、交通、茶歇、劳务费、发票、照片要求等。底部五大分类标签快速定位。
- 会前必读自动提醒:打开报销问答页面时自动依次弹出横幅标题、主办承办、预算表、联合主办四项会前要求。
- Excel 模板一键下载:交通报销表格(机票/高铁/打车)含示例数据 + SUM 公式,兼容 IE11 和现代浏览器。
- 图片拼图微信兼容:串行读取 + Canvas 压缩 + 批量渲染,解决微信内传多张图卡顿崩溃问题。自动检测微信/QQ 内核切换导出方案。
- 会后 ZIP 一键打包:议程提取专家名单、照片批量管理、发票附件自动归类进"报销资料/发票附件"目录。
- 税点计算器:输入含税总金额自动反推不含税金额与税额,内置常用税率快捷选择。
技术栈
VSCode
Kimi Code
Go
HTML
JavaScript
Cloudflare Pages
版本记录
v1.3.6 — 2026-05-02
资源页链接更新 & 新增合同入口
- 入围供应商链接更新为官网列表页
- 新增支持企业提交合同入口
- 税点计算逻辑修正:输入含税总金额反推不含税金额与税额
v1.3.5 — 2026-04-30
问答助手优化 & 微信提示完善 & 新增资源页
- 问答机器人置顶为第一个功能卡片
- 手机端关键词按钮改为自动换行
- 所有下载按钮增加微信浏览器提示
- 新增「相关网页与资源」子页面,内置税点计算小工具
v1.3.4 — 2026-04-28
报销问答新增会前要求 & 内容更新
- 打开页面自动依次弹出 4 条会前必读要求
- 新增「会前要求」分类,含预算表附件下载
- 照片要求增加任务中正面照片和 PPT 标题与个人名牌合照
- 非入围供应商相关回答统一增加提前联系提醒
v1.3.3 — 2026-04-25
报销问答内容更新 & Excel 模板下载
- 报销问答内容按 CSV 全面更新(18 条问答)
- 交通报销三个表格支持点击直接下载真实 Excel(含示例 + SUM 公式)
- 高铁示例增加「只有正高可以一等座」等细节
v1.3.2 — 2026-04-20
新增报销问答子功能
- 新增 reimburse/ 报销问答助手,聊天框交互形式
- 底部五大分类标签:酒店及用餐 / 交通报销 / 会务与杂物 / 合规要求 / 其他
- 共 18 个常见报销问答,覆盖住宿、场地、餐饮、交通、发票、劳务费等场景
v1.3.1 — 2026-04-15
返回首页 & 发票上传功能
- 两个子页面顶部新增返回首页链接
- 会后资料整理新增「发票附件」步骤,支持 PDF/图片上传,导出时自动打包进 ZIP
v1.3 — 2026-04-10
整合双工具为统一入口
- 新增根目录统一入口页,功能以卡片形式展示
- 图片排版工具迁移至 puzzle/ 子目录
- 会后资料整理工具迁移至 afterweb/ 子目录
v1.2 — 2026-03-20
移动端适配 & 浏览器兼容性优化
- 新增手机端响应式布局,支持手机浏览器和微信内置浏览器
- 手机端底部 Tab 切换:画布 / 素材 / 设置
- 新增原生 Canvas 导出降级方案,自动检测微信/QQ/IE 内核切换导出方式
- 优化 360 浏览器兼容性,强制使用极速内核