责任描述:
此项目为团队项目,本人负责整体的框架搭建、页面布局以及交互实现
项目功能:
此项目为雷克萨斯中国区车库操作系统有三个端分别为:
申请人端(经销商4S店)-->车库管理员端(库管)-->事务局端
1.申请人端:填写用车信息、筛选车辆、控制用车活动时间,上传PDF、审批用车流程
2.车库管理员端:取车、还车流程记录
3.事务局端:数据管理,车辆管理等功能
技术要点:
1.使用html2canvas实现前端页面生成pdf功能
2.使用ElementUI table组件实现较复杂表格展示功能:根据服务器端接口返回的数据,动态计算需要合并的单元格
3.独立开发高度定制化的可交互的日历组件:
①通过自定义属性动态控制任意可选和非可选日期范围
②通过动态渲染日历的显示,实现智能化起止日期选择(当选择的结束日期比起始日期要早的情况下,可实现自动切换起止日期顺序)
③通过动态计算显示月份的起止日期是周几,来对齐日期对应的星期
4.使用flex弹性布局来替代传统的盒模型+浮动的布局方式,有效的减少了页面布局的复杂性
5.使用Echarts.js柱状图实现数据可视化
6.使用Vue CLI脚手架搭建项目框架
7.使用ElementUI+iView搭建页面布局
8.使用Vue Router组件实现单页面应用效果
9.使用vueX,实现数据跨组件通信传输