万里安财务系统

主要为万里安飞行服务（上海）公司的日常支出的金额和人员的消费进行报销，员工工资的发放做一个统计，以及和各国客户合作的账单进行计算汇总、各国的币种的汇率展示等
技术栈：vue3、vite、element plus、EChart、axios
技术要点：
1、对 Axios 请求进行二次封装，配置基础路径、超时等全局设置，并在请求拦截器中统一为请求头添加 token 和响应拦截器中对错误进行统一处理
2、使用 vuex+sessionStorage 存储 token ，让其用户离开页面后数据不会残留，解决用户离开页面时清除登录状态以免他人操控电脑涉及财产安全的问题
3、根据后端返回的 role 字段判断用户角色，实现侧边栏菜单的权限控制，显示对应的功能按钮
4、使用 EChart 对近一周和一个月的数据分别以饼图和折线图的形式实现可视化，便于进行数据分析
5、自定义hooks函数提高代码的复用性
技术难点：
1、弹窗关闭后数据残留
2、多条数据进行联动计算
解决方法：
1、监听弹窗关闭后，进行数据清空
2、获取已修改或正在数据的下标，使用for循环利用以获取的下标，开始往下计算