夜雨聆风学习资料网

ARTICLE · 1046824

照抄就能建:把 Excel 月计划搓成随身「工作计划展示台」

照抄就能建:把 Excel 月计划搓成随身「工作计划展示台」
WORKBUDDY · 手搓工作台 · 前期准备与调整

从两张 Excel 表到随身「工作计划展示台」:重点是建的时候怎么跟 AI 调整

我把手里两份 Excel 月计划,做成了一个单文件网页:双击就开、断网能用、手机电脑都看得清,完成没直接在页面改。下面有可以直接复制就能生成工作台的提示词,复制黏贴就能生成工作台。

01 前期准备:两份基础 Excel 表(先看懂字段)

展示台不是凭空变的,它只读你本来就有的两张表。先把字段讲清,后面所有"调整"才有抓手。

① 工作计划.xlsx —— 你真正的月度计划

一个工作表,表名就是年月,比如 202609(2026 年 9 月)。每行一件事,从第 2 行开始是数据。

② 月度标准计划.xlsx —— 可复用的"标准动作清单"

同一套字段,但装的是每月都会重复的动作(报送、报批、复盘…)。用到哪个月,就导进哪个月,让"几号"和所选月份自动拼成具体日期。

两张表用同一套列,共 8 个字段

  • A 计划名称
    :这件事叫什么,如"报送出差报销报表"。
  • B 计划开始时间
    :当月的"几号"(1–31),不是完整日期。展示台把"年月 + 几号"拼成 年月日 显示。
  • C 计划工期
    :计划用几天(如 30)。
  • D 实际开始时间
    :真正动手的日期,没动就空着。
  • E 实际工期
    :实际用了几天。
  • F 完成百分比
    :0–100,填了就算进度。
  • G 联系人
    :谁负责 / 对接人。
  • H 工作周期
    :日 / 周 / 月等重复节奏。

一句话:展示台干的事,就是把这两张表的列读出来,把 B 列的"几号"拼上表名里的年月 变成"年月日"显示,其余字段原样呈现、可在页面改。看懂这套列,后面所有调整都是在它上面"加规则"。

02 拿到工作台:复制这段,直接生成(详细可照抄)

下面这段提示词是"自包含"的——它把你第 01 节那两张表的字段、日期拼接规则、完成判定、下载兼容全写进去了。整段复制,发给 WorkBuddy(Cursor、Claude Code 同理),就能吐出一个能直接双击打开用的单文件工作台。

▼ 复制下面整段,发给 AI 即可生成一个可用的工作台

# 角色你是个人工作台搭建助手。请生成一个「工作计划展示台」单文件 HTML(全部 CSS/JS 内联,零外部依赖,双击即开、断网可用)。# 数据来源(两张 Excel 表,字段已定)- 工作计划.xlsx:一个工作表,表名即年月,如 202609(2026年9月)。每行一件事。  列:A 计划名称 / B 计划开始时间(当月几号 1-31) / C 计划工期(天) / D 实际开始时间 / E 实际工期 / F 完成百分比(%) / G 联系人 / H 工作周期- 月度标准计划.xlsx:同字段,装每月重复的标准动作;用哪个月就导进哪个月。- 日期显示规则:把"表名里的年月" + "B 列的几号" 拼成 年月日 显示。- 注意:Excel 日期可能是序列号也可能是文本,统一转成 年月日,避免 NaN 空白。# 展示与功能1. 计划列表:逾期标红,置顶"今天要处理"(含已逾期未完成)。2. 完成情况可在页面直接输入/修改:完成状态、完成日期、进度%。   统一用 isDone() 判定(完成态 / 进度≥100 / 有完成日期,任一成立即完成),"已完成"不计入"进行中"。3. 月度标准计划可按月导入:提供月份选择器,把标准任务的"几号"与所选月份拼成具体日期带入。4. 可按"月"删除计划;已完成的排除在"进行中"统计之外。5. 数据存 localStorage,刷新不丢;提供 JSON 导出/导入备份,以及 Excel 导出。6. 移动端单列、底部 Tab 导航、按钮≥44px、输入框≥16px。# 下载兼容(重要,否则换电脑用不了)导出/备份的下载,必须在 file:// 下也能用:用 safeDownload() 三级降级(data URI 直下 → Blob+createObjectURL → 页内兜底链接 长按/右键存)。禁止只依赖 a.click() 自动下载(Safari/iOS/部分 Chrome 会拦)。# 技术铁律- 图表/图标用内联 SVG,不用 emoji、不引任何外部库。- Excel 读写用原生 JS(DecompressionStream 解压 + OOXML 手拼);  写表时每行必须  包裹,否则 Excel 读出 0 行、导出为空。- 先给"读 Excel → 列表展示 → 完成可点"的最小闭环,再增量。# 交付要求先给一份能直接打开运行的版本;之后每次只改 1~3 点,禁止整体重写。

这段的关键是把"边界"和"坑"都写死:单文件零依赖(断网可用)、日期拼接规则、isDone() 统一口径、file:// 下的下载降级、写表必须  包裹。不写这些,AI 容易在"别人电脑打不开 / 导出是空表"上栽跟头——正是第 03 节那几个真实修改的来源。

03 重点是:为什么要调整,以及怎么调(真实例子)

工作台从"能开"到"好用",全靠来回调整。下面 3 个都是真实改过的,每个都讲清:为什么改、用的什么技巧、一句话怎么跟 AI 提

例 1 · 按月导入"标准计划",别每月手填
月度标准计划.xlsx按月导进来,哪个月自己选,标准计划里的"几号"和月份结合带入。
AI
加了月份选择器。Excel 里日期有的是序列号、有的是文本,混着解析会出 NaN。我统一转成 年月日 再显示。
选 9 月,"1号/5号/15号"正确落到了 9 月对应日——对。
为什么调:标准动作每月重复,手填既烦又易漏。技巧:让"几号"和所选月份拼接成日期,而不是各存各的;并提醒 AI "Excel 日期有序列号/文本两种格式,统一转年月日",否则出 NaN 空白。
例 2 · "已完成"别被算进"进行中"
已点完成的,不要统计在"正在进行中"。
AI
初版错只判断"勾了完成 或 进度≥100",结果你只填了完成日期、没勾框,仍被算进去。加了个统一 isDone() 口径:done / 进度≥100 / 有完成日期,都算完成。
这下对了。
为什么调:你习惯只填"完成日期",不勾框,旧口径就把这类漏进"进行中"。技巧:所有"完成没"的判定收口到一个函数 isDone()(完成态 / 进度满 / 有完成日期,任一成立即完成),统计、标红、置顶全走它,口径永不打架。
例 3 · 导出为空 / 换电脑下载不了
导出按钮导出数据为空。
AI
写 xlsx 时漏了  包裹,Excel 读出来 0 行,补上并真机往返验证过。
换台电脑后,导出/备份还是用不了。
AI
file:// 下 Safari/iOS 拦 a.click() 自动下载。加了 safeDownload() 三级降级:data URI 直下 → Blob+createObjectURL → 页内兜底链接(长按/右键存)。
为什么调:① 拼表漏  → 导出 0 行;② 双击打开是 file://,浏览器默认拦自动下载,所以"在别人电脑用不了"。技巧:凡是"下载"功能,都要在 file:// 下实测;交付前做真机往返校验(导出再导回,行数对得上才算过)。

调整的三条通用技巧(可挪到任何台子)

  • 拼接思路
    :能算出来的(如"年月日")别让用户手填,减少出错点;
  • 收口思路
    :同类判定(如"完成没")只写一处函数,全站调用,避免口径分裂;
  • 验证思路
    :在真实打开方式(双击 / file:// / 手机)下测,别只信 localhost。
04 工作台长啥样(界面预览)

下面是「工作计划展示台」的实机截图——左侧是模块导航,顶部一排是导入/导出/备份按钮,红区是今天该处理的逾期任务,下面是当月计划卡片:

实机截图:顶部红区=今天/逾期要处理(可一键完成/顺延),中部=按月分组的计划卡片(年月日+完成进度),右上角=导入导出与备份入口
05 怎么用 · 谁适合用

用法(三步)

  • 双击工作计划展示台.html
     打开,首次看到的就是真实月度计划;
  • 完成没直接点/改:完成状态、完成日期、进度% 都能在页面上填;
  • 定期点导出 JSON 备份;换电脑用 safeDownload 兜底链接存下,再导入即可续上。

适合谁 / 用在哪

  • 个人月/周计划
    管理:把 Excel 里的排期变成随手能看、能勾的网页;
  • 自由职业者 / 销售
    排期:客户回访、交付节点一眼看清,逾期自动标红;
  • 小团队轻量任务看板
    :不想上重型协作软件时,先拿它兜住;
  • 任意 Excel 清单
    :把通讯录、读书清单、健身表……都按这套提示词搓成随身工具。

不适合:需要多人实时协同 / 云端自动同步的重场景——那种建议接资料库或上云服务,本工作台主打"一个人、一台机、离线可用"。

相关学习资料