负责部分通用组件的封装,数据交互,并与小组成员之间进行页面对接。状况、生产状况等模块的数据展示,项目分为经营核算,燃料监管,财务分析等大
模块以及分类子模块。
项目依赖:Vue3、Element-plus、Vue-Router、Pinia、sass、axios、vue-countup等。
个人职责:负责该项目整个财务分析模块以及所有子模块页面,根据ui给出的蓝湖图实现各类图
表与地图、表格的展示。
1、使用Element-plus结合echarts实现静态页面的布局搭建。
2、将echarts封装为通用组件,通过props传递各配置项,并在钩子函数内添加卸载
resize事件,搭配defineExpose将实例暴露给父组件的ref调用。
3、配置动态路由,实现页面各模块下钻到详情页面的动态数据展示。
4、使用地图搭配涟漪效果散点图实现各区域公司在地图上的数据展示,并实现各区域公
司省份地图的切换。
5、通过pinia采取集中式管理组件中的状态,高效的实现组件之间的数据共享和传输,
搭配pinia-persistedstate实现状态的持久化。
项目亮点: 1、封装通用组件并封装插件通过实例.use方法批量注册为全局组件
2、在el-table的插槽内绑定函数自定义处理ref,并搭配nextTick实现表格添加一行后
相对应的input框自动聚焦