1、 熟 练 掌 握 HTML5 + CSS3 页 面 布 局 和 处 理 兼 容 问 题 ; 熟 悉 SCSS/ LESS等 CSS预 编 译 语 言
2 、 熟 练 使 用 Flex布 局 , rem布 局 和 流 式 布局 搭 建 页 面
3 、 熟练使用JavaScript 、 熟练使用es6和新特性
4 、 熟 练 使 用 Vue全 家 桶 , 有 丰 富 的 Vue项 目 开 发 经 验 , 并 熟 练 使 用 第三 方 库 Element- ui对 项 目 进 行 编写 开 发
7 、熟悉微信小程序开发 ,熟练使用uniapp开发及使用
8 、 熟 悉 Git进 行 代 码 的 统一 管 理 , 能 够 解 决 上 传时 出 现 的 代 码 冲 突 , 熟 悉 webpack和 vite打 包 配 置
9 、 熟悉echarts图表 ,能够根据要求 实现可视化图表展示
1 0 、 熟 悉 Vue3 ,TypeScript的 使 用 , 熟 悉 对 应 的 Vue3 的 组 件 库 , 例 如 Element- plus 、 Naive - ui等
1.中车时代电动智慧售后台管理系统
● 项目介绍:智慧售后管理系统采用与内外部系统对接形式搭建售后平台,整合资源、对接需求、优化流程等,打通了不同部门之间的数据堵点,提高了售后服务工作质量,其中的国际化功能满足了面向海外业务的需求要,主要功能有基础数据、系统配置、配件管理、出入库管理、语言管理和工单管理等主要功能。
● 技术栈: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 ,并配置数据持久化来完成登录用户的用户信息的公共存储和调用以及解决刷新页面带来的存储为空的情况
● 项目成果:
项目完成后,优化了售后服务模块向数字化,一体化方向转型,完备的国际化语言转换功能,更是帮助公司完成了墨西哥,德国等一些海外国家定制车辆的成交,使得成交率上升了12%左右。
2.中车环卫通app
● 项目介绍:基于大数据与智慧城市建设的理念,通过接入城市中的各个管理模块,实现各个板块之间的数据流通,从而用构建一个反馈城市各模块实时运行情况的数据“沙盘”,对人员保洁、机械作业、垃圾收运、基础设施、垃圾分类及政府监管等模块进行信息化升级,为集团下属项目和总部各层级提供数据决策依据,主要功能有车辆监管、考勤排班、加油上报、事件处理、维保申请、消息通知等模块。
● 技术栈:Vue2 + uniapp + Echarts + uView
● 主要工作:
1. 消息通知功能需要手机收到消息推送,导入极光推送的本地插件 JG-JPush和 JG-JCore ,并在配置 ios 应用和安卓应用的 appkey 和别名,并且根据收到消息类型的不同播放不同的语音提示音
2. 封装 echarts 组件,完成加油上报中加油折线统计图在按月查询和按年查询额度的变化情况
3. 创建百度地图的安卓和 ios 应用,分别配置对应的 AK ,用于获取当前用户打开点地址的逆解析以及设置打卡点的范围,包括车辆监管中,实时监控每辆车的定位点,以及可以查看任意车辆在某个时间段内的行驶轨迹
4. 封装公共的 List 页面布局组件,实现上拉加载和下拉刷新功能的封装,便利多个 list 页面的复用 ,节约开发时间e. 封装公共 listTree 组件,通过递归遍历的方式完成树的遍历以及数据渲染,配置可支持节点多选和单选功能f. 完成维保申请、设施上报、请假管理、我的等业务模块的开发
● 项目成果:
属于中车环卫平台板块的配套产品,此 app 和对应管理系统的开发,促进了环卫车辆订单交易的增加,更是间接促进公司完成了和成都地区500万环卫车辆订单的达成,提高了公司的营收水平。
3.中车时代电动中车智驭业务中台
● 项目介绍:业务中台后台管理系统整合了公司内部的业务数据,接口文档,文件附件,用户信息、应用管理、车辆信息、设备等业务数据,方便了公司内部人员查看对应的业务数据,管理对应的业务数据,主要功能有数据总线、用户管理、消息管理、角色管理、应用管理等。
● 技术栈:Vue3 + TS + Pinia + Vite + NaiveUI + axios
● 主要工作:
1. 完成消息管理中富文本编辑器的技术方案的调研,引入 TinyMCE 插件完成富文本编辑器功能的开发
2. 配置不同环境的.env 文件,并在 package.json 中配置模拟不同环境的运行脚本,包括生产、预发布以及测试环境c. 在 vite.config.ts 文件里完成 vite 打包的配置,包括配置别名路径,配置代理,配置 plugins ,配置 css 的预处理选择器,配置 build
● 项目介绍:智慧售后管理系统采用与内外部系统对接形式搭建售后平台,整合资源、对接需求、优化流程等,打通了不同部门之间的数据堵点,提高了售后服务工作质量,其中的国际化功能满足了面向海外业务的需求要,主要功能有基础数据、系统配置、配件管理、出入库管理、语言管理和工单管理等主要功能。
● 项目介绍:业务中台后台管理系统整合了公司内部的业务数据,接口文档,文件附件,用户信息、应用管理、车辆信息、设备等业务数据,方便了公司内部人员查看对应的业务数据,管理对应的业务数据,主要功能有数据总线、用户管理、消息管理、角色管理、应用管理等。 ● 技术栈:Vue3 + TS