
在机关、企事业单位、乡镇街道的日常办公中,文件收发、传阅送审、到期催办、归档上交是文秘、收发人员高频工作。传统大多依靠纸质登记本、Excel 表格记录文件流转信息,实际工作中会遇到不少现实问题:
基于以上实际办公场景,我使用 WorkBuddy 制作了文件流转跟踪管理工作台,为文秘岗位打造一套离线可用的文件盯办看板,实现收文登记、流转送审、临期逾期提醒、批量归档、收发统计全套能力。整个工具为单 HTML 文件,无需部署服务器,双击浏览器即可打开运行,全部数据保存在本地浏览器,不上云、不联网,适配内网非涉密办公场景。
本工作台模板链接:https://workbuddy.link/p/epujeUKbp30nl3Ike5YM5u?source=2

体制内文件收发员的「流转盯办台」。上级下发 → 领导审阅 → 传达 → 收回归档 → 交回机要部门,全程状态可见、到期自动催办、办完一键整批归档。单文件、离线、双击即用。
工作台一共包含七大功能模块,覆盖公文全生命周期管理:
模块 | 功能说明 |
|---|---|
工作看板 | 首页总览文件总数、流转中、待送、已归档数量;逾期文件顶部红色横幅告警,展示待催办清单 |
文件台账 | 文件全量登记表,支持按编号、标题、状态、密级筛选,支持批量勾选归档操作 |
编号生成 | 根据会议纪要、通知、通报等分类自动生成文号,减少手动输入 |
文件分类 | 维护文件类别字典,登记文件直接下拉选择 |
人员管理 | 预先维护领导、经手人员名单,流转送审无需重复输入姓名 |
提醒规则 | 区分加急 / 普通 / 缓办,自定义最长停留天数、提前提醒天数 |
统计报表 | 支持日、周、月、季、年以及自定义时间区间统计,生成密级、紧急程度、文件分类占比图表;支持 Excel 导出;数据管理:支持备份、导入、CSV/Excel 批量导入导出、修改登录密码、数据清空 |
登记文件内置体制内收文全套字段:文件标题、文号、来源单位、密级、保存年限、传达到级别、备注。流转模式区分:需签字、仅阅知、临时借阅,适配不同类型文件阅办要求。

周一上午,收发人员打开工作台,首页红色横幅提示存在多份临期逾期待催办文件。待催办清单直接展示文件编号、标题、当前持有人、送出时间、应办结时间。针对临期文件执行催办操作,更新流转状态。
日常工作流程:收到上级文件,在台账登记完整元信息,可以选择登记即送审;依次送给相关领导阅签,记录每一步送出、取回时间;文件全部办理完成,批量勾选文件,填写移交单位与归档日期完成批量归档。
到周五或者月末,打开统计报表,选择统计周期,直接获取收发总量、各类文件占比,截图就可以用于工作汇报,省去翻阅纸质台账手动统计的大量时间。
⚠️ 使用和发布重要合规提醒 本作品面向办公、政务场景,发布和使用前请确认如下要点:
admin / admin123;正式投入使用,务必进入【数据管理】修改登录密码。该工作台基于 WorkBuddy 完成构建,全部业务逻辑封装在单 HTML 产物。 如果你想要直接体验:打开上面提供的模板链接,导入 WorkBuddy 即可直接复用。
重要:本工作台适合管理非涉密公文元数据台账,严禁录入涉密内容。 使用小提示 & 踩坑总结
## ✅ 一键做同款
复制下面这个代码块提交(从「你是一个…」到「…一模一样的效果。」)
```
你是一个资深前端工程师。请构建一个【文件流转跟踪管理工作台】,用于体制内单位文件收发员管理公文从"上级下发 → 领导审阅 → 传达 → 收回归档 → 交回上级机要部门"的全流程。
【硬约束·必须严格遵守】
1. 输出为「单个 HTML 文件」,双击即用,不依赖任何服务器、不联网、不引用任何外部 CDN 或在线库。
2. 所有数据保存在浏览器 IndexedDB 中(库名 doc_track_db_v2,版本 3),不落盘、不上传;若浏览器不支持 IndexedDB 则降级到 localStorage。
3. 内嵌 JSZip 库(用于 Excel(.xlsx) 的导入与导出),不引外部脚本。
4. 纯原生 HTML/CSS/JS(可用内嵌 JSZip),不要用 React/Vue 等框架、不要打包。
5. 界面中文,字体优先 "Microsoft YaHei" / "SimSun" / "Noto Sans CJK SC"。
【整体布局】
- 顶部 header(高 54px,背景 #1f4e79 深蓝、白字):左侧标题"文件流转跟踪管理工作台",右侧一个"提醒铃铛"图标,铃铛上显示逾期文件数量红点(无逾期则隐藏)。
- 左侧固定导航(宽 170px,白底、右边框 #d9dee5),8 个按钮,点击切换右侧内容区;当前项左侧蓝条高亮(背景 #eaf2fb、文字 #2e6da4)。
- 右侧内容区背景 #f4f6f9,卡片白底圆角描边,标题用深蓝左边框样式(border-left:4px solid #2e6da4)。
- 配色变量:--gov-red:#c0392b; --gov-blue:#1f4e79; --gov-blue2:#2e6da4; --ok:#2e8b57(绿/安全); --warn:#e8941a(橙/提醒); --danger:#d63b2f(红/逾期); 紧急程度三色 --urg-jia 红/--urg-ping 橙/--urg-huan 蓝; 密级中"机密/绝密"用红底红字标签。
- 三色提醒标签:绿 rem-green(#e9f6ee/#2e8b57)、橙 rem-orange(#fff3e0/#e8941a)、红 rem-red(#fde8e6/#d63b2f 加粗)。
【8 大功能模块】
1) 工作看板:总览卡片(在库/流转中/流程已结束/已上交归档 数量 + 逾期数量);若有逾期文件,顶部显示红色横幅列出逾期编号与标题;下方"临期/逾期"表格(编号、标题、当前在谁手里、紧急程度、送出时间、应办结时间、状态、查看按钮)。
2) 文件台账:表格列出全部文件,列含 编号/标题/分类/来源单位/紧急程度(彩色标签)/密级(彩色标签)/状态(彩色标签)/当前在谁手里/登记时间;支持按状态、紧急程度、密级、分类筛选与关键字搜索;每行可"查看详情";支持勾选多份进行"批量归档";顶部有"登记文件"按钮。
3) 编号生成:展示各分类的编号规则与下一个可用号(如 会议纪要 → 2026HY001);可手动占用/释放号码。
4) 文件分类:管理文件分类(名称、编号前缀 prefix、起始号 start_num、位数 width、当前序号 seq_next、说明);默认预置 4 类:会议纪要(2026HY)/通知(2026TZ)/通报(2026TB)/其他(2026QT),位数 width=3、seq_next=1。
5) 人员管理:维护"人员"名单(姓名 name、职务 title),用于送审时选择送往谁;可增删改。
6) 提醒规则:按"紧急程度"配置默认提醒规则,字段 最长停留天数 max_days 与 提前提醒天数 ahead_days;默认三条:加急 max_days=2 ahead_days=1 / 平时 max_days=5 ahead_days=1 / 缓办 max_days=10 ahead_days=2。
7) 统计报表:按 日 / 周 / 月 / 季 / 年 / 自定义区间 统计收发量;并出"占比图"(按 紧急程度、密级、文件分类 三类分别做柱状/占比图);数据来自文件登记时间与状态。
8) 数据管理:① 导出全部数据(JSON 备份);② 从 JSON 备份导入恢复;③ 导入文件清单(支持 .csv 与 .xlsx 两种格式,自动识别表头行——首行是标题也不影响);④ 导出 Excel 报表(.xlsx);⑤ 修改登录密码;⑥ 修改危险操作密码;⑦ 操作日志;⑧ 清空全部数据(需危险密码二次确认)。
【文件数据模型·字段】
每份文件(f)字段:doc_no(编号,唯一), category_id(分类ID), title(标题,必填), file_no(文件号,可空), copies(份数,默认1), source(来源单位), urgency(紧急程度), secrecy(密级), retention(保存年限,如"10年"/"永久"), reach_level(传达到级别), remark(备注), status(状态), current_holder(当前在谁手里), create_time(登记时间), end_time(流程结束时间), locked(是否锁定), archived(是否归档), archive_time(归档时间), remind_max(单独最长停留天), remind_ahead(单独提前提醒天)。
【可选项·必须一字不差】
- 紧急程度 urgency 三选一:加急 / 平时 / 缓办(默认"平时")。
- 密级 secrecy 五选一:公开 / 内部 / 秘密 / 机密 / 绝密(默认"内部")。
- 签字要求 sign_type 三选一:需签字(sign) / 仅阅知(read) / 临时借阅(temp)。其状态文案:需签字→待签字/已签;仅阅知→待阅知/已阅知;临时借阅→临时借出/已归还。
- 状态 status 四态:在库(in) / 流转中(flow) / 流程已结束(end) / 已上交归档(arc);"流程已结束"与"已上交归档"为锁定态。
【核心流转状态机】
- 登记:可"仅登记(在库待送)"或"登记并直接送审"。送审时选 送往人员 + 签字要求 + 送出时间(默认现在)。
- 送审(doSend):写入一条流转记录 track(file_id, seq, action="send", to_person, send_time, due_time, remind_time, sign_type, recv_time=0);文件状态置"流转中",当前在谁手里=送往人。
- 应办结时间 due_time = 送出时间 + max_days(按"自然日 24 小时"计,最小 0.5 天=12 小时)。
- 提醒时间 remind_time = 送出时间 + (max_days - ahead_days)。
- max_days/ahead_days:文件单独设置了 remind_max/remind_ahead 则用文件值,否则用"提醒规则"里对应该紧急程度的默认值。
- 取回(doRecall):当前在领导手中(最后一条 track 未 recv)时可用;记录 recv_time、from_person、停留时长(分钟/小时);文件回到"文件管理员(在库)"。
- 送审/取回可循环多次(一份文件经多个领导审阅),故台账与详情里用"流转时间线"展示每个节点(送→谁、送出时间、应办结、提醒、取回状态)。
- 追加节点(addNode):可补记不在预设流程内的人员(临时借阅/跨部门传阅),人员可手填。
- 结束流程并锁定(finishFile):状态→"流程已结束"并锁定,仍可"重新借阅/送出"活口。
- 归档上交(archiveFile / 批量归档):状态→"已上交归档"、锁定、当前在谁手里改为"上级档案部门(已归档)";批量归档需填 接收单位(默认"上级机要部门") + 归档日期(默认今天) + 备注,可一次勾选多份整批移交。
【三色提醒机制·必须实现】
- 绿(安全):now < remind_time。
- 橙(进入提醒窗口):remind_time ≤ now < due_time。
- 红(当天必须收取/已逾期):now ≥ due_time。
- 看板铃铛红点 = 逾期文件数;每分钟轮询一次。
- 出现"红"状态时:浏览器桌面通知(Notification) + 页面红色闪屏动画 + 中文语音播报("警告,文件已逾期,编号…");橙态仅在看板以色标呈现、不弹窗。
【编号自动生成规则】
- 选分类后自动取号:no = 分类.prefix + String(seq_next).padStart(width,"0"),跳过已占用号,保存后推进 seq_next。
- 手动输入也允许;无分类时兜底用"年份+3位序号"(如 2026001)。
- 登记表单提供"复制〔〕"按钮,方便用户粘贴六角括号填文件号(如 国发〔2025〕1号)。
【导入 / 导出格式】
- 导入文件清单:表头(第 1 行,或首行是标题时第 2 行)需含 编号、文件名称(映射 title)、文件号、份数、文件分类、来源单位、紧急程度、密级、保存年限、传达到级别、当前状态、当前在谁手里、登记时间;其中 文件号/份数 可留空(份数默认 1)。支持 .csv 与 .xlsx;.xlsx 用内嵌 JSZip 解析共享字符串/内联文本/数字单元格。导入为"追加",不清空已有数据;必填为 编号+文件名称。
- 导出 Excel 报表:用内嵌 JSZip 生成 .xlsx(多 sheet:文件台账、统计、说明),表头同上;文件名 文件流转报表_日期.xlsx。
- JSON 备份:导出/导入全部对象仓库数据用于换机恢复。
【默认账号与初始化】
- 首次打开为登录页:默认账号 admin / 登录密码 admin123 / 危险操作密码 admin123;登录后提示到"数据管理"分别修改。
- 首次启动自动 seed:admin 用户、4 个默认分类、3 条默认提醒规则、默认设置(danger_pass=admin123)。
【合规要求·界面与说明中体现】
- 仅登记文件元数据、不存正文、不联网、数据留本机;说明中提示用户遵守本单位保密规定、不得录入涉密文件正文。
【验收标准·做到以下才算"一模一样"】
- 单文件 HTML 双击可用、离线、IndexedDB 存储;
- 8 个导航模块与上面功能一一对应;
- 登记→送审→取回→再送→结束→归档 全流程可走通,流转时间线正确;
- 三色提醒 + 铃铛红点 + 逾期语音/闪屏 生效;
- 编号按分类自动生成并可手动;
- 统计报表支持日周月季年+自定义,占比图按紧急程度/密级/分类;
- 数据管理支持 JSON 备份恢复、CSV 与 Excel(.xlsx) 导入、Excel 导出;
- 默认 admin/admin123 登录、4 分类、3 提醒规则初始化到位。
请严格按以上规格实现,输出完整可运行的单个 HTML 文件,使其与"文件流转跟踪管理工作台"定稿效果一模一样。
```
本《文件流转跟踪管理工作台》为本人原创实践作品,完整生成 Prompt、界面设计、业务字段均为本人设计;允许个人下载、内部办公使用;禁止未经许可直接将本方案洗稿冒充原创,提交 WorkBuddy 灵感库或各类平台投稿。如需公开二次发布,请联系原作者,注明来源与原文链接。
很多体制内办公工具偏向大型成套业务系统,但很多科室、基层单位需要轻量化、离线、开箱即用的小工具。这个工作台希望解决一线文秘人员最朴素的痛点:把文件流转盯起来,少漏件、少加班。
欢迎大家导入模板体验,也可以基于 WorkBuddy 在此基础上继续扩展适配自己单位的业务字段。
原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。
如有侵权,请联系 cloudcommunity@tencent.com 删除。