周报生成器 (Weekly Report Generator)

一个具有科技感的工作周报可视化工具，支持手工录入和Excel导入，可生成可视化报表并导出PDF。

功能特性

1. 数据录入

• 手工录入: 通过表单手工输入各维度数据
• Excel导入: 支持通过Excel模板批量导入数据
• 自动计算: 缺口 = 数字目标 - 已完成 - 存量

2. 多维度统计

• 全年维度
• H1/H2 半年维度
• Q1/Q2/Q3/Q4 季度维度

每个维度包含：数字目标、已完成、存量、缺口

3. 可视化报表

• 科技感UI设计（深色主题 + 科技蓝）
• 进度条可视化
• 数据卡片展示
• 分组展示（年度/上半年/下半年）

4. 历史管理

• 本地存储历史周报
• 下拉选择查看历史
• 历史列表管理
• 编辑/删除历史记录

5. PDF导出

• 一键导出PDF
• 支持多页自动分页

使用方法

方式一：手工录入

1. 选择"数据录入"标签
2. 选择周报周期（周次）
3. 在各维度输入目标、完成、存量数值
4. 缺口自动计算（可手动修改）
5. 点击"保存周报"或"预览报表"

方式二：Excel导入

1. 点击"下载模板"获取标准模板
2. 在模板中填写数据（维度、数字目标、已完成、存量）
3. 拖拽或点击上传Excel文件
4. 系统自动解析并填充表单

查看可视化报表

1. 点击"可视化报表"标签
2. 从下拉框选择要查看的周次
3. 查看科技感报表展示

导出PDF

1. 在可视化报表页面
2. 点击"导出PDF"按钮
3. 自动下载PDF文件

技术栈

• HTML5 + CSS3 + JavaScript (纯前端)
• SheetJS - Excel解析
• html2canvas - 页面截图
• jsPDF - PDF生成
• LocalStorage - 本地数据存储

文件结构

assets/weekly-report/
├── index.html      # 主页面
├── styles.css      # 样式文件（科技感主题）
└── app.js          # 应用逻辑

部署方式

直接在浏览器中打开 index.html 文件即可使用，无需服务器。

# 或使用简单HTTP服务器
python -m http.server 8080
# 访问 http://localhost:8080

数据存储

所有数据存储在浏览器本地 LocalStorage 中，清除浏览器数据会导致历史记录丢失。建议定期导出重要报表为PDF保存。