● 项目介绍:智慧售后管理系统采用与内外部系统对接形式搭建售后平台,整合资源、对接需求、优化流程等,打通了不同部门之间的数据堵点,提高了售后服务工作质量,其中的国际化功能满足了面向海外业务的需求要,主要功能有基础数据、系统配置、配件管理、出入库管理、语言管理和工单管理等主要功能。
● 技术栈:Vue3 + TS + Pinia + Vite + ElementPlus + axios + Formliy
● 主要工作:
1. 参与使用 Vue3+ElementPlus 二次封装 el-table 组件,完成表格主体内容展示区区域和表格分页区域的封装b. 封装 axios 的多种请求方式,对请求头中用户 token 和请求参数,token 过期以及返回值进行封装
2. 对 api 进行统一的封装管理,对卡片、List、dialog 以及上传等组件进行符合业务需求的封装
3. 完成国际化语言配置模块,以及 Vue-i18n的引入并全局注册,使用$t完成国际化文案的转换
4. 对于系统中的打印功能,安装并全局引入 vue3-print-nb 插件,对要打印的区域模块加上 id ,使用插件的v-print 命令绑定改 id ,实现打印功能,也可以通过@media print 来自定义打印区域的样式
5. 完成配件采购、投诉单、索赔单、价格查询等模块的业务开发,并使用 Formliy的 JSON Schema 渲染模式完成一些复杂表单的快速搭建以及场景化复用
6. 使用 Pinia ,并配置数据持久化来完成登录用户的用户信息的公共存储和调用以及解决刷新页面带来的存储为空的情况