KPI日报导出工具

这是一个基于Vue 3 + TypeScript + Tailwind CSS开发的KPI日报导出工具。

功能特性

• 🚀 支持拖拽或点击选择Excel文件上传
• 📊 解析Excel中的"任务拆解"工作表
• 👥 按负责人筛选数据
• 📅 按月份筛选数据
• 📋 自动生成日报格式
• 📝 单天或整月日报一键复制
• ⚡ 高性能Excel解析
• 🎨 基于shadcn-vue的现代化UI设计
• 📱 完全响应式设计，支持移动端
• 🌙 深色/浅色主题切换
• ♿ 优秀的可访问性支持
• 🎯 优化的触摸交互体验

使用说明

Excel文件要求

1. Excel文件必须包含名为"任务拆解"的工作表
2. 工作表必须包含以下列（顺序可以不同）：
   • 票务系统：作为日报内容
   • 负责人：用于筛选
   • 计划结束日期：用于按月份分组
   • 进展：必填字段
3. 支持的日期格式：
   • 2025-08-01 20:22
   • 2025/8/1 20:22:00

使用流程

1. 上传文件：拖拽或点击选择Excel文件
2. 选择筛选条件：选择负责人和月份
3. 查看日报：系统自动按天分组显示日报内容
4. 复制内容：
   • 点击单天的"复制"按钮复制当天日报
   • 点击"复制全部"按钮复制整月日报

技术栈

• 前端框架：Vue 3 + TypeScript
• 构建工具：Vite (Rolldown)
• 样式框架：Tailwind CSS v4
• UI组件库：shadcn-vue
• Excel解析：xlsx
• 日期处理：dayjs
• 图标库：lucide-vue-next
• 工具库：@vueuse/core
• 状态管理：Pinia

UI特性

响应式设计

• 完全适配移动端和桌面端
• 触摸友好的交互设计
• 优化的移动端字体大小和间距

暗色模式

• 支持系统主题自动切换
• 手动主题切换按钮
• 主题偏好本地存储

现代化组件

• 基于shadcn-vue的设计系统
• 统一的视觉语言
• 丰富的交互状态反馈

开发

# 安装依赖
pnpm install

# 启动开发服务器
pnpm dev

# 构建生产版本
pnpm build

# 预览生产版本
pnpm preview

复制格式

单天日报格式

8月1日
任务内容1
任务内容2

整月日报格式

8月1日
任务内容1
任务内容2

8月2日
任务内容3
任务内容4

注意事项

1. Excel文件大小建议不超过10MB
2. 支持.xlsx和.xls格式
3. 确保浏览器支持Clipboard API（用于复制功能）
4. 日期列中的无效日期将被忽略