日程日历项目【移动端+web端】产品系统

日程日历系统是现代企业和组织中不可或缺的协作工具。本项目主要面向企业级用户，解决多场景下的时间管理和协作需求。

1. 企业办公场景
在现代化办公环境中，员工需要高效管理个人日程、安排会议、协调资源。本系统通过移动端和PC端的双端覆盖，满足员工随时随地查看和管理日程的需求。特别是对于需要频繁跨部门协作的企业，统一的日程管理平台能够显著提升沟通效率。

2. 会议室和资源调度
企业内部的会议室、设备等资源是有限的，如何合理分配和避免冲突是管理痛点。本系统提供会议室预约功能，支持查看会议室使用情况，避免资源冲突，提高资源利用率。

3. 移动办公需求
随着移动办公的普及，用户需要在手机上快速查看日程、创建会议、响应邀请。移动端的H5应用支持轻量级操作，而PC端则提供更完整的功能体验，形成优势互补。

4. 系统集成场景
项目对接了Exchange邮件系统（北银消费案例），体现了在复杂企业环境中，日程系统需要与现有通讯录、邮件、会议系统等深度集成，实现数据互通和统一身份认证。

1. 多视图日程展示
系统提供日视图、三日视图、月视图等多种展示方式。日视图详细展示当天的日程安排，支持时间轴浏览；三日视图适合查看近期安排；月视图提供宏观的时间规划。移动端和PC端均支持这些视图，并根据屏幕特性优化交互体验。

2. 日程创建与管理
用户可创建个人日程、会议邀请，支持设置重复规则（每日、每周、每月等）、添加参与者、选择会议室等。系统支持日程的编辑、删除、复制等操作，并提供详细的权限控制。

3. 查看闲忙功能
在安排会议时，可以查看参与者的空闲/忙碌状态，帮助选择合适的会议时间。这一功能对于多人员协作的场景尤其重要，能够减少沟通成本。

4. 日历订阅与共享
支持订阅他人的日历（如团队成员日历），实现日程信息的共享。同时可以管理多个日历，为不同工作场景创建独立的日历（项目日历、个人日历等）。

5. 会议室预约
专门的会议室预约功能，展示各会议室的使用情况，支持按时间段预约，避免冲突。PC端提供更丰富的会议室管理界面。

6. 搜索与提醒
提供全局搜索功能，可按关键词、时间范围搜索日程。系统集成提醒功能，确保重要事项不被遗漏。

7. 跨平台同步
移动端和PC端数据实时同步，用户在任一端操作均可同步到其他设备。系统支持Exchange等企业邮件系统的集成，实现与企业现有系统的无缝对接。

1. 技术栈
前端框架采用Vue 3 + Vue Router + Vuex，利用Vue 3的Composition API提升代码可维护性。UI方面，PC端使用Element Plus，移动端使用Vant 4，均采用主流的Vue 3组件库。日历功能在PC端集成@toast-ui/calendar，移动端则采用自研的日历组件，更好地适配移动端交互。

2. 移动端特色实现
移动端采用amfe-flexible适配不同屏幕尺寸，使用postcss-pxtorem实现px到rem的自动转换，确保在各种设备上的显示效果。引入hammerjs支持手势操作，提升用户体验。移动端还集成了vconsole用于调试，并与原生App进行桥接（通过MXApi），支持原生功能调用。

3. PC端特色实现
PC端提供更丰富的交互，如拖拽创建日程、右键菜单操作等。使用@toast-ui/calendar提供专业的日历展示，支持多种视图切换。集成ckeditor4富文本编辑器，支持日程详情的富文本编辑。

4. 状态管理
两个项目均使用Vuex进行状态管理，PC端额外使用vuex-persistedstate实现状态持久化。采用mitt实现事件总线，支持跨组件通信。

5. 数据交互
项目与后端通过RESTful API进行数据交互，支持Exchange等企业系统的集成。路由支持URL参数传递，实现从外部系统（如邮件链接）直接跳转到指定日程的深度链接功能。

6. 构建与部署
两个项目均基于Vue CLI构建，使用webpack进行打包。PC端配置了Sentry进行错误监控，移动端则有专门的打包插件webpack-mx-mobile-baler-plugin。代码规范采用ESLint标准配置，确保代码质量。

7. 响应式设计
移动端和PC端虽然技术栈相似，但针对各自平台做了深度优化。移动端注重触摸