昵称登录后显示

项目一：
北京移动自动化网优平台（Pc Vue）
项目简介：
北京移动自动化网优平台是一个PC端数据查询、展示、对比平台，通过折线图、饼图、地图、表格之间的交互，更高效、更直观的查询、展示、对比电信、移动、联通的数据，这是一个高交互性的平台。
项目周期：
3个月
负责模块:
KPI页面、LOG查询页面、MOS问题详情页面、LTE质差详情页面
技术栈:
vue、vue-router、vuex、axios、element、vxe-table、echarts、高德地图API、sass
技术描述:
1、使用项目组自有的已配置好脚手架的项目，根据UI图，合理的增删改项目的布局、样式；
2、另写不带scpoed的style标签通过sass修改组件样式，并套上class防止影响其它页面；
3、MOS、LTE页面，使用calc()函数给div盒子添加自适应高度，使页面不出现滚动条；
4、配置router表，通过el-menu实现侧边栏页面跳转，通过$router.push实现页面跳转，KPI、LOG页面跳转MOS、LTE页面的时候调接口，使用query进行url传参；
5、通过axios，封装post和get调接口方法，并通过async&await来调用方法，写法更简洁；
6、KPI、MOS、LTE页面准备好不同的dom容器，绑定相应id，并把id引入到相应echarts的实例当中，实现折线图、饼图、条形图的展示；
7、KPI页面通过getZr()方法配合on绑定点击事件，实现折线图点击饼图视图更新交互，MOS、LTE页面通过dispatchAction方法和scrollToRow、setCurrentRow方法实现点击地图采样点折线图和表格的移动并高亮显示；
8、使用vxe-table用来展示量非常大的数据，利用vxe-table虚拟列表的特性避免页面卡顿。

项目二:
招商船舶管理平台（Pc Vue）
项目简介：
船舶管理平台系统是一个下单、查询、管理于一身的pc端船舶管理平台，该平台使用echarts图表与表格之间的联动，信息展示更为直观。
项目周期：
8个月
负责模块:
修船管理模块、检验管理模块、备件采购模块、法定信息模块
技术栈:
vue、vue-router、vuex、axios、element、echarts、i18n、sass
技术描述:
1、根据设计稿，用element和sass完成页面模块布局和样式编写，样式编写使用calc()函数实现页面模块宽度自适应；
2、配置router表，配合el-menu实现导航栏的路由跳转，并通过router.addRoutes生成用户可访问的路由模块；
3、安装Vue-i18n插件，在main.js中引入 vue-i18n，编辑好相应的json语言文件，使用$t获取配置，通过触发事件改变locale值实现语言的切换；
4、通过表格cell-dblclick事件，获取到表格的订单id通过后台拿到订单详情数据，并更新到相应的饼图、条形图上面；
5、表格组件el-table-column里嵌套template标签，用v-if判断scope值，实现表格不同的值不同的显示方式，并通过cell-class-name实现不同值不同显示样式；
6、表格筛选用sort-change事件做自定义筛选，表格分页用el-pagination组件实现翻页；
7、引用el-form组件和validate方法给页面中的部分表单做必输校验；
8、在computed通过...mapState拿到store中获取到权限值并给于判断，结合disabled、v-if、readOnly实现不同权限的不同展示。

项目三:
新疆建设工程消防审查验收备案管理平台
（Pc Vue）
项目简介：
新疆消防是一个消防项目、单位人员、公司单位、数据统计、诚信评价、施工信息、数据预警为一体的管理平台，具备消防数据的审查、备案、管理、统计等功能。
项目周期：
6个月
负责模块:
项目管理模块（验收、审查、备案）、消防查验管理模块（设备、工程、方案、查验、预警）
技术栈:
vue、vue-router、vuex、axios、antDesign、sass
技术描述:
1、在菜单管理页面配置路由，并编写相应页面文件，通过后端返回路由表实现动态a-menu导航菜单；
2、通过a-layout布局页面，使用sass编写页面样式、公共样式，标签:class属性结合三元表达式实现不同状态不同样式；
3、通过axios，封装post和get方法，用then方法接收数据，用catch方法捕捉错误；
4、用 Form.create()包装表单组件，通过v-decorator绑定数据，结合自带的this.form属性，实现表单数据自动收集，并具备校验功能，避免了大量v-model绑定；
5、使用a-modal悬浮框编写公共组件，通过$children调用子组件事件改变visible属性值实现窗口开关，通过v-if、v-show等方式判断状态，控制组件不同展示状态；
6、使用a-upload组件在action属性设置url配合download事件实现附件上传下载。

项目四：
新发展项目建设档案系统（Pc Vue）
项目简介：
新发展项目建设档案系统是北投高速建设管理平台的子系统，北投高速建设是一个针对企业内部，具备高速路施工建设进度管理、施工人员管理、施工资料查询&统计等功能的管理平台，而新发展项目建设负责施工资料查询&统计这一块的功能。
负责模块:
工作台、项目档案、项目质检资料、填报进度
技术栈:
vue、vue-router、vuex、axios、iview、echarts、less、xlsx、vue-print-nb
技术描述:
1、根据项目需求，划分路由模块，配置静态路由表和动态路由表，通过后端返回的权限值，对路由判断过滤，并通过addRoutes生成可访问的路由表；
2、根据UI图，使用less和iview组件编写页面样式和组件功能，并修改组件class源样式，使页面符合设计要求；
3、工作台、大屏等需要布局兼容，通过calc()样式给元素添加自适应高度、宽度，实现页面自适应；
4、封装axios，设置请求拦截、响应拦截，封装post和get方法，并根据不同页面划分不同的模块，并引入post和get方法，获取后端数据；
6、部分页面用到echarts，通过折线图on()方法绑定点击事件，实现表格&折线图交互；
7、页面表格套打功能，使用vue-print-nb插件，通过表格id获取到表格结构并用@media print{}修改打印样式，从而实现表格打印功能；
8、页面表格导出excel功能，使用xlsx、xlsx-js-style、file-saver插件，实现excel导出功能。

项目五：
北投装饰物资管理系统web端（WebAPP、Vue）
项目简介：
北投装饰物资管理是流程管理、物资查询、订单跟踪为一体的管理平台，该平台分为pc端和web端，是针对企业内部的管理平台。
负责模块:
工作台、项目档案、项目质检资料、填报进度
技术栈:
vue、vue-router、vuex、axios、vant、echarts、less、vue-qrcode-reader
技术描述:
1、使用lib-flexible、postcss-pxtorem做屏幕自适应，通过postcss-pxtorem把px转成rem单位，lib-flexble动态设置rem的屏幕占比，由此实现rem布局；
2、根据UI图，使用less和vant组件编写页面样式和组件功能，并修改组件class源样式，使页面符合设计要求；
3、使用flex布局，在父元素设置justify-content属性使商品展示自动分配间距，使模块有序的排列，实现页面自适应；
4、使用van-pull-refresh组件包裹van-list组件配合refresh事件和load事件，实现上拉加载、下拉刷新，并用keep-live做数据缓存，优化页面性能；
5、封装axios，设置请求拦截、响应拦截，封装post和get方法，并根据不同页面划分不同的模块，并引入post和get方法，获取后端数据；
6、设置路由守卫，判断to即将要进入的页面是否需要登录，如果不需要用next()跳转到相应界面，反则进入到登录页面。
7、echarts通过clear()方法实现清空画布，防止下拉框柱状图交互的时候，柱状图出现数据错乱；
8、把协议设置成https，并结合vue-qrcode-reader组件获取到摄像头权限，实现h5扫一扫功能；