2023.12 - 2024.5 项目类型：web 宽表配置平台
项目描述：宽表配置平台是平安用于管理数据开发的嵌入统一门户项目的系统，在收数，整树，用数，管数中属于用数系统
技术栈：vite,vue3,vue2,wujie,vue-router,axios,pinia,element-plus
负责模块：1.项目搭建：本项目从原有项目基础上开发，要求新需求开发使用vue3，旧代码保持运行，使用vite搭建新项目，用微前端技术将vue3作为主系统，vue2老代码进行改造作为子系统嵌入主系统，达成新老代码同时运行的功能
2.角色管理：对系统用户进行角色权限管理，提供增加角色，修改角色权限，删除角色等功能
3.资源管理：可以增加页面资源，通过配置路由及页面，增加角色可选页面，包括自定义页面，以及内嵌页面，其中内嵌页面采用iframe嵌入
4.自制宽表：该页面用于自定义宽表数据，sql等，其中自定字段的批量新增使用表格嵌入表单方式实现，在极端情况会出现性能瓶颈，例如直接增加100万条数据，首先渲染性能优化在权衡后采用分页处理，重复字段验证以及其他验证等采用哈希表存储已遍历过的对象，一次遍历节省性能
5.查询页面等：大部分重复的功能，例如查询，增加，修改，删除，封装可复用的功能及样式，同时组件单一职责
2023.4 - 2023.12 项目类型：web 客服排班系统
项目描述：客服排班系统是平安金服与平安科技协作开发的用于班表信息化的系统，对员工的班次进行智能排班，清晰查明每个员工的班表情况，对于每日工作进行精准分配
技术栈：vite,vue3,vue-router,axios,pinia,element-plus,echarts
负责模块：1.项目搭建：本项目为新项目开发，要求使用vue3进行开发，使用vite搭建新项目，使用 husky + lint-staged对项目进行规范化处理，提交代码需要调用验证钩子，不符合规范的代码无法提交，提高了项目整体的规范程度
2.角色管理：对系统用户进行角色权限管理，提供增加角色，修改角色权限，删除角色等功能
3.班表生成：该页面对已配置的周期配合已配置的班表进行排班换班处理，其中需要注意跨天班，跨周班等情况，而且需要用不同色块展示不同角色的班次时长，班次事件时长，以及班次事件包含的班次活动，并且需要实现右键换班，拖动换班，复制粘贴等等功能，首先需要考虑的是数据结构，由于数据量大，采用拆分模块的方式分部进行请求，其次为页面渲染问题，在庞大数据下，页面会极为卡顿，采用虚拟滚动技术解决渲染卡顿问题
4.人员信息，预测及排班：两个页面相似，需要查询人员信息，工号信息，班次信息，以及班表事件，以及轮班信息，人员信息需要批量增加工号信息，同样是大量数据请求的问题，采用分模块分步请求的方式处理该页面
5.活动页面，活动事件，班次页面，班次事件页面，轮班页面：大部分重复的功能，例如查询，增加，修改，删除，封装可复用的功能及样式，同时组件单一职责
2021.10 - 2023.4 项目类型：web 客服智慧数据中心
项目描述：客服智慧数据中心是平安金服开发的用于查看平安各分公司收入，话量，营销比等数据的展示，对比，排名等，范围包括银行，信用卡，人身险，寿险等线的系统，对客服数据，工作能力，公司营收有一个直观的展示，方便用户查询，进行工作管理调整
技术栈：vite,vue2,vue-router,axios,pinia,element-ui,echarts, Composition API
负责模块：1.项目升级：由于创建项目时未采用新创建项目，而使用老项目的结构，导致项目极为陈旧，臃肿，应集团要求进行升级，使用vite重新配置脚手架，替换vue-cli，将vue2升级为vue2.7，并在项目中新增composition Api 为后续升级vue3作准备
2.首页：展示各公司，团队长，坐席的基础数据，页面采用数字滚动播放，以及echarts图表等展示，页面模块大多相同，采用封装通用模块的方式，节省开发时间
3.战报：该页面展示分公司，团队长，坐席的收入营收比对，大量的图表使用，造成页面渲染压力较大，采用懒加载方式处理该问题
4.荣耀榜：展示团队长，坐席工作成果的排名，该页面在大量数据下会导致渲染卡顿问题，采用虚拟滚动处理该问题
5.系统管理：主要提供系统管理功能，主要包括角色查询，角色权限查询，修改角色权限，删除角色权限等，由于前期未考虑多线问题，在加线处理时，拆分了原有功能，使系统功能更为完备
6.目标配置：该页面提供设置目标的功能
