[{"data":1,"prerenderedAt":630},["ShallowReactive",2],{"project-reim-system":3,"related-projects":192},{"id":4,"title":5,"body":6,"date":173,"description":174,"extension":175,"featured":176,"githubUrl":177,"liveUrl":178,"meta":179,"navigation":176,"path":180,"seo":181,"stem":182,"tags":183,"thumbnail":190,"__hash__":191},"projects\u002Fprojects\u002Freim-system.md","个人报销管理",{"type":7,"value":8,"toc":158},"minimark",[9,13,17,20,23,70,73,78,92,96,107,111,122,126,137,141,152,155],[10,11,12],"p",{},"一个为个人和小团队设计的报销管理平台。它把发票识别、报销单整理、单据打印到状态跟踪串成一条顺畅的工作流，让原本繁琐的报销流程变得清晰高效。",[14,15,16],"h2",{"id":16},"项目背景",[10,18,19],{},"报销是件琐碎又容易出错的事：发票号码、金额、税额要逐项手填，费用和发票对不齐，打印单据时排版还要反复调整。我想要一个能把这套流程自动化的工具——发票上传即识别、报销单自动汇总、单据一键打印。Reim System 就是在这个想法下诞生的，覆盖了报销单从创建、整理、打印、审批到打款的全生命周期。",[14,21,22],{"id":22},"技术栈",[24,25,26,34,40,46,52,58,64],"ul",{},[27,28,29,33],"li",{},[30,31,32],"strong",{},"前端框架","：Nuxt 3 + Vue 3 + TypeScript",[27,35,36,39],{},[30,37,38],{},"UI 样式","：Tailwind CSS",[27,41,42,45],{},[30,43,44],{},"数据库","：SQLite",[27,47,48,51],{},[30,49,50],{},"ORM","：Prisma",[27,53,54,57],{},[30,55,56],{},"PDF 处理","：PDF.js（客户端渲染）",[27,59,60,63],{},[30,61,62],{},"数据可视化","：Chart.js",[27,65,66,69],{},[30,67,68],{},"发票识别","：自动解析发票号码、类型、税率、金额、税额",[14,71,72],{"id":72},"主要功能",[74,75,77],"h3",{"id":76},"发票自动识别","🧾 发票自动识别",[24,79,80,83,86,89],{},[27,81,82],{},"上传发票文件即自动识别号码、类型、税率、金额、税额",[27,84,85],{},"无需手动填写，从源头消除录入错误",[27,87,88],{},"支持 PDF、PNG、JPG、JPEG，单文件最大 10MB",[27,90,91],{},"拖拽上传，操作流畅",[74,93,95],{"id":94},"报销单一键打印","📋 报销单一键打印",[24,97,98,101,104],{},[27,99,100],{},"报销单信息自动填入，关联发票一键打印",[27,102,103],{},"优化多张发票打印排版，告别反复调整",[27,105,106],{},"内置 PDF 打印预览，所见即所得",[74,108,110],{"id":109},"发票箱集中管理","📁 发票箱集中管理",[24,112,113,116,119],{},[27,114,115],{},"集中管理所有发票，使用状态（未使用\u002F已使用）一目了然",[27,117,118],{},"标签管理区分发票类型和使用场景（如替票）",[27,120,121],{},"批量标签、筛选、预览、下载一应俱全",[74,123,125],{"id":124},"费用与发票自动计算","💰 费用与发票自动计算",[24,127,128,131,134],{},[27,129,130],{},"费用项目自动汇总报销单总金额",[27,132,133],{},"发票是否上传、金额是否匹配自动校验",[27,135,136],{},"五阶段状态流转：待整理 → 待打印单据 → 待审批 → 待打款 → 已完成",[74,138,140],{"id":139},"可视化数据统计","📊 可视化数据统计",[24,142,143,146,149],{},[27,144,145],{},"首页仪表盘，报销单数量与金额统计",[27,147,148],{},"按状态、按类别的分布图表",[27,150,151],{},"直观掌握报销进度与财务状况",[14,153,154],{"id":154},"总结",[10,156,157],{},"这个项目聚焦于把报销这件\"又碎又烦\"的事彻底简化。发票自动识别省去了手填的繁琐，一键打印解决了排版的老问题，发票箱让每一张发票的去向都清清楚楚。它不追求大而全，而是把报销这一条核心流程做到足够顺手——这正是个人工具最该有的样子。",{"title":159,"searchDepth":160,"depth":160,"links":161},"",2,[162,163,164,172],{"id":16,"depth":160,"text":16},{"id":22,"depth":160,"text":22},{"id":72,"depth":160,"text":72,"children":165},[166,168,169,170,171],{"id":76,"depth":167,"text":77},3,{"id":94,"depth":167,"text":95},{"id":109,"depth":167,"text":110},{"id":124,"depth":167,"text":125},{"id":139,"depth":167,"text":140},{"id":154,"depth":160,"text":154},"2026-06-15","个人报销管理平台，支持发票自动识别、报销单一键打印、费用项目管理与发票文件集中管理","md",true,"https:\u002F\u002Fgithub.com\u002Fbailan-valar\u002Freim-system",null,{},"\u002Fprojects\u002Freim-system",{"title":5,"description":174},"projects\u002Freim-system",[184,185,186,187,188,189],"Nuxt 3","Vue 3","TypeScript","Prisma","SQLite","Tailwind CSS","\u002Fimages\u002Fprojects\u002Freim-system.png","VgS9igArobjiSjYVoa6jcLIsEGdtMfSHLNzRl_hys1A",[193,377,557],{"id":194,"title":195,"body":196,"date":363,"description":364,"extension":175,"featured":176,"githubUrl":365,"liveUrl":178,"meta":366,"navigation":176,"path":367,"seo":368,"stem":369,"tags":370,"thumbnail":375,"__hash__":376},"projects\u002Fprojects\u002Fclaudecode-remote.md","ClaudeCode Remote",{"type":7,"value":197,"toc":351},[198,201,203,206,208,252,254,258,286,290,301,305,316,320,331,335,346,348],[10,199,200],{},"一款面向独立开发者的 AI 驱动多项目管理工具。通过集成 Claude Code CLI，实现任务的自动规划、执行与审查，让 AI 成为你的全天候开发搭档。",[14,202,16],{"id":16},[10,204,205],{},"在日常开发中，我同时维护多个项目，经常需要在它们之间切换上下文、管理任务进度。传统项目管理工具缺少与代码执行的深度集成，而 AI 编程助手又缺乏跨项目的统筹能力。ClaudeCode Remote 正是为解决这个痛点而生——将多项目管理、AI 任务执行和数据同步融合到一个本地优先的桌面应用中。",[14,207,22],{"id":22},[24,209,210,216,222,228,234,240,246],{},[27,211,212,215],{},[30,213,214],{},"前端","：Vue 3 + TypeScript + Pinia + Vue Router",[27,217,218,221],{},[30,219,220],{},"桌面框架","：Electron（支持 Windows、macOS、Linux）",[27,223,224,227],{},[30,225,226],{},"构建工具","：electron-vite + Vite",[27,229,230,233],{},[30,231,232],{},"本地数据库","：PouchDB（本地优先，支持离线使用）",[27,235,236,239],{},[30,237,238],{},"远程同步","：CouchDB（多设备数据同步与冲突解决）",[27,241,242,245],{},[30,243,244],{},"AI 集成","：Claude Code CLI（支持 Anthropic、Kimi、智谱 GLM 等多供应商）",[27,247,248,251],{},[30,249,250],{},"移动访问","：Express.js 内置 Web 服务器，支持手机浏览器访问",[14,253,72],{"id":72},[74,255,257],{"id":256},"ai-驱动的任务引擎","🤖 AI 驱动的任务引擎",[24,259,260,263,280,283],{},[27,261,262],{},"自动调用 Claude Code CLI 执行规划和开发任务",[27,264,265,266,270,271,270,274,270,277],{},"任务生命周期管理：",[267,268,269],"code",{},"pending"," → ",[267,272,273],{},"planning\u002Fdeveloping",[267,275,276],{},"reviewing",[267,278,279],{},"completed",[27,281,282],{},"会话继承机制，保持任务上下文的连续性",[27,284,285],{},"自动 Git 提交与耗时追踪",[74,287,289],{"id":288},"多项目管理","📁 多项目管理",[24,291,292,295,298],{},[27,293,294],{},"同时管理多个开发项目，项目级别序列化执行避免冲突",[27,296,297],{},"可选 Git Worktree 隔离，安全地并行处理不同分支的任务",[27,299,300],{},"实时日志流和进度监控",[74,302,304],{"id":303},"本地优先的数据架构","🔄 本地优先的数据架构",[24,306,307,310,313],{},[27,308,309],{},"PouchDB 本地存储，断网也能正常使用",[27,311,312],{},"CouchDB 远程同步，多设备数据一致",[27,314,315],{},"自动冲突检测与解决机制",[74,317,319],{"id":318},"跨平台访问","📱 跨平台访问",[24,321,322,325,328],{},[27,323,324],{},"Electron 桌面客户端，原生体验",[27,326,327],{},"内置 Web 服务器模式，手机\u002F浏览器也能管理任务",[27,329,330],{},"响应式设计，桌面和移动端界面自适应",[74,332,334],{"id":333},"通知与集成","🔔 通知与集成",[24,336,337,340,343],{},[27,338,339],{},"企业微信 Webhook 集成，任务完成\u002F失败即时通知",[27,341,342],{},"可自定义 Webhook 端点，对接外部系统",[27,344,345],{},"任务执行摘要自动推送",[14,347,154],{"id":154},[10,349,350],{},"这个项目是我探索 AI 辅助开发工作流的核心工具。它让我能以\"指派任务、审查结果\"的方式与 AI 协作，大幅提升了跨项目管理的效率。本地优先的架构确保了数据安全和离线可用性，而 CouchDB 同步则让工作在不同设备间无缝流转。",{"title":159,"searchDepth":160,"depth":160,"links":352},[353,354,355,362],{"id":16,"depth":160,"text":16},{"id":22,"depth":160,"text":22},{"id":72,"depth":160,"text":72,"children":356},[357,358,359,360,361],{"id":256,"depth":167,"text":257},{"id":288,"depth":167,"text":289},{"id":303,"depth":167,"text":304},{"id":318,"depth":167,"text":319},{"id":333,"depth":167,"text":334},{"id":154,"depth":160,"text":154},"2025-06-12","基于 Electron 的 AI 驱动多项目任务管理桌面客户端，集成 Claude Code CLI 实现自动化开发任务执行","https:\u002F\u002Fgithub.com\u002Fbailan-valar\u002Fclaudecode-remote",{},"\u002Fprojects\u002Fclaudecode-remote",{"title":195,"description":364},"projects\u002Fclaudecode-remote",[371,185,186,372,373,374],"Electron","AI","PouchDB","CouchDB","\u002Fimages\u002Fprojects\u002Fclaudecode-remote.png","2hqwpg04ZohbT6Z3JxKEQTJWSPq5YutYbUIWzWAGzYM",{"id":378,"title":379,"body":380,"date":363,"description":547,"extension":175,"featured":176,"githubUrl":548,"liveUrl":178,"meta":549,"navigation":176,"path":550,"seo":551,"stem":552,"tags":553,"thumbnail":555,"__hash__":556},"projects\u002Fprojects\u002Flifeos.md","LifeOS",{"type":7,"value":381,"toc":534},[382,389,391,394,396,439,441,445,456,460,471,475,486,490,501,505,516,520,529,531],[10,383,384,385,388],{},"LifeOS 不是另一个生产力工具，它是你的",[30,386,387],{},"生活操作系统","。通过场景感知、智能捕获、无缝集成，帮助用户从信息焦虑中解放——做正确的事，而不是更多的事。",[14,390,16],{"id":16},[10,392,393],{},"在信息爆炸的时代，任务、笔记、财务、目标散落在不同工具中，切换成本高昂且容易遗漏。我想要一个统一的系统，能像操作系统一样管理生活的各个方面：从日常待办到长期目标，从项目进度到财务状况。LifeOS 就是在这个想法下诞生的——一个本地优先、多场景感知的个人生活管理平台。",[14,395,22],{"id":22},[24,397,398,402,408,413,417,423,427,433],{},[27,399,400,33],{},[30,401,32],{},[27,403,404,407],{},[30,405,406],{},"样式方案","：Tailwind CSS（iOS 26 Liquid Glass 风格）",[27,409,410,412],{},[30,411,232],{},"：PouchDB（IndexedDB 存储，支持离线使用）",[27,414,415,239],{},[30,416,238],{},[27,418,419,422],{},[30,420,421],{},"富文本编辑","：Tiptap（支持自定义扩展）",[27,424,425,63],{},[30,426,62],{},[27,428,429,432],{},[30,430,431],{},"状态管理","：Pinia",[27,434,435,438],{},[30,436,437],{},"认证安全","：JWT + BcryptJS",[14,440,72],{"id":72},[74,442,444],{"id":443},"场景感知引擎","🎯 场景感知引擎",[24,446,447,450,453],{},[27,448,449],{},"根据时间和用户习惯自动切换工作\u002F生活\u002F财务场景",[27,451,452],{},"不同场景呈现差异化仪表盘和操作入口",[27,454,455],{},"减少手动切换，让系统适应你的节奏",[74,457,459],{"id":458},"智能任务中心","📋 智能任务中心",[24,461,462,465,468],{},[27,463,464],{},"多源任务捕获：邮件、消息、语音等多渠道录入",[27,466,467],{},"任务优先级自动排序与时间块分配",[27,469,470],{},"日常任务管理时间从 15 分钟压缩到 5 分钟",[74,472,474],{"id":473},"️-项目全生命周期管理","🏗️ 项目全生命周期管理",[24,476,477,480,483],{},[27,478,479],{},"自定义项目仪表盘，可视化项目进度",[27,481,482],{},"完整生命周期跟踪：规划 → 执行 → 测试 → 上线",[27,484,485],{},"每个环节进度透明，项目状态一目了然",[74,487,489],{"id":488},"财务管理","💰 财务管理",[24,491,492,495,498],{},[27,493,494],{},"支出追踪、预算管理与财务洞察",[27,496,497],{},"AI 驱动的消费分析与建议",[27,499,500],{},"收支趋势可视化，掌握财务健康",[74,502,504],{"id":503},"目标罗盘okr","🧭 目标罗盘（OKR）",[24,506,507,510,513],{},[27,508,509],{},"OKR 框架连接日常任务与长期目标",[27,511,512],{},"习惯追踪系统，将目标拆解为可执行的每日行动",[27,514,515],{},"目标达成率可视化，保持方向感",[74,517,519],{"id":518},"本地优先架构","🔄 本地优先架构",[24,521,522,524,526],{},[27,523,309],{},[27,525,312],{},[27,527,528],{},"多工作空间支持，UUID 隔离确保数据安全",[14,530,154],{"id":154},[10,532,533],{},"这个项目是我对\"个人数字基础设施\"的探索。它不只是工具的组合，而是一个真正理解用户场景、主动适配需求的生活操作系统。本地优先的架构确保了数据主权和隐私安全，而场景感知引擎则让系统从被动等待指令进化为主动提供服务。",{"title":159,"searchDepth":160,"depth":160,"links":535},[536,537,538,546],{"id":16,"depth":160,"text":16},{"id":22,"depth":160,"text":22},{"id":72,"depth":160,"text":72,"children":539},[540,541,542,543,544,545],{"id":443,"depth":167,"text":444},{"id":458,"depth":167,"text":459},{"id":473,"depth":167,"text":474},{"id":488,"depth":167,"text":489},{"id":503,"depth":167,"text":504},{"id":518,"depth":167,"text":519},{"id":154,"depth":160,"text":154},"个人生活操作系统——集场景感知、智能捕获、OKR 目标管理于一体的本地优先生活管理平台","https:\u002F\u002Fgithub.com\u002Fbailan-valar\u002Flifeos",{},"\u002Fprojects\u002Flifeos",{"title":379,"description":547},"projects\u002Flifeos",[184,185,186,373,374,554],"Tiptap","\u002Fimages\u002Fprojects\u002Flifeos.png","t1TtzVsID9LgCcPRjrIc1UMxDPVCNP4CdbzWYjNuE5s",{"id":558,"title":559,"body":560,"date":618,"description":619,"extension":175,"featured":176,"githubUrl":620,"liveUrl":621,"meta":622,"navigation":176,"path":623,"seo":624,"stem":625,"tags":626,"thumbnail":605,"__hash__":629},"projects\u002Fprojects\u002Fexample-project.md","示例项目",{"type":7,"value":561,"toc":611},[562,565,567,570,572,583,585,597,600,606,608],[10,563,564],{},"这是一个示例项目页面。在这里你可以详细介绍你的项目：",[14,566,16],{"id":16},[10,568,569],{},"描述项目的背景和起因...",[14,571,22],{"id":22},[24,573,574,577,580],{},[27,575,576],{},"前端：Vue.js + TypeScript",[27,578,579],{},"后端：Node.js",[27,581,582],{},"部署：Cloudflare Pages",[14,584,72],{"id":72},[586,587,588,591,594],"ol",{},[27,589,590],{},"功能一：描述功能特点",[27,592,593],{},"功能二：描述功能特点",[27,595,596],{},"功能三：描述功能特点",[14,598,599],{"id":599},"项目截图",[10,601,602],{},[603,604],"img",{"alt":599,"src":605},"\u002Fimages\u002Fprojects\u002Fexample.png",[14,607,154],{"id":154},[10,609,610],{},"这个项目让我学到了很多...",{"title":159,"searchDepth":160,"depth":160,"links":612},[613,614,615,616,617],{"id":16,"depth":160,"text":16},{"id":22,"depth":160,"text":22},{"id":72,"depth":160,"text":72},{"id":599,"depth":160,"text":599},{"id":154,"depth":160,"text":154},"2024-01-15","这是一个示例项目，展示如何在网站上展示你的作品","https:\u002F\u002Fgithub.com\u002Fexample","https:\u002F\u002Fexample.com",{},"\u002Fprojects\u002Fexample-project",{"title":559,"description":619},"projects\u002Fexample-project",[627,186,628],"Vue.js","Nuxt","FgP1kzCwxUSykz1QGXRGZO_b1FZ-X5HjWZWXqTOpNKI",1781492197921]