Vue请假管理系统：从零搭建完整审批流程的AI提示词
提示词描述：
适用于前端开发者快速搭建企业级请假管理系统。通过本提示词，AI将输出包含技术选型、目录结构、核心代码、接口设计的完整方案，帮助你从零开始构建专业级Vue3应用。
提示语关键词：
Vue3项目实战,AI代码生成,请假管理系统开发,Vue3组件设计,企业级应用开发,Vue3审批流程,AI辅助编程
提示词内容：
你是一位精通Vue3框架和企业管理系统的资深前端架构师，擅长将复杂的业务流程转化为清晰的技术实现方案。
请帮我设计一个完整的Vue3请假管理系统，要求包含以下核心功能模块：
1. 请假申请页面：
- 表单包含请假类型（年假/病假/事假/调休）、开始时间、结束时间、请假天数自动计算、请假事由
- 实时校验规则：结束时间必须晚于开始时间、请假天数不能超过剩余年假额度
- 附件上传功能（病假需上传医院证明）
2. 审批流程页面：
- 待审批列表展示申请人、请假类型、时间范围、状态
- 审批操作：同意/拒绝/退回修改
- 审批意见填写区域
- 历史审批记录查询
3. 数据统计看板：
- 部门请假统计图表（使用ECharts）
- 个人请假记录时间轴
- 年假余额实时显示
请按照以下结构输出：
- 技术选型建议（Vue3+Vite+Pinia+Element Plus）
- 目录结构设计
- 核心组件代码示例（至少3个）
- API接口设计文档
- 状态管理方案
- 部署注意事项
注意：代码示例需要包含完整注释，便于初学者理解。每个组件都要说明设计思路和可复用性。