关于我

在此介绍一下自己吧，我呢，00年出生于安徽的一个小村落，15年考进当地的高考工厂-毛坦厂，说来也是一个资深的小镇做题家，当然，我没有那么出色，只考进了一个二本，本科选择的是物联网方向，在摸爬滚打四年之后，还是稀里糊涂的进入了前端这个行业。

欢迎查看我的其他项目：

公司官网类：

- http://www.henengtek.com （安徽和能科技有限公司） 采用vue2

- http://www.junhaozhizao.cn (军豪金属制品有限公司) 采用nuxt + flask

后台管理类：（由于后台管理类项目具有保密性，这里就只放截图或者文字描述用于展示了）

安徽中技国医有限公司

1. SPD 精益化物资管理服务云平台(2022.9-2023.9)

- 主要技术:Vue2 GuoYiUI Sass Websocket dayjs lodash 等 主要负责:手术室模块、检验组模块、供应商端大模块等

- 项目内容:该项目为公司的主营业务，为各医院提供定制化的物资管理服务，精确到科室级别，对物资的流向， 使用流程规范有着强有力的作用。

- 手术室模块:从医院的his端拉取手术信息，处理手术流程，安排使用到的物资，如在手术进行过程中，

可以进行术中请领等，并对高值物资和低值物资进行分批次管理，实现对高值物资的风险预控。

- 检验组模块:对物资的消耗进行确认，物资的上架，下架以及智能补货处理，从一级库流转到三级库整个过程，并提供医疗器械的不良事件管理。

- 供应商端:改端涉及到公司的主要收入来源，为其设置了智能催交业务，区分以及供应商以及以及供应商下的二级供应商，实现供应商的分级管理。

南京风云再起娱乐有限公司

2. 项目名称:喵太吧台管理(2022.6-2022.9)

- 主要技术:Vue2 ElementUI Sass Websocket

- 主要负责:设备管理-设备运输、系统管理-菜单管理、角色管理等模块

- 项目内容:此项目旨在实现对公司对设备的管理，实现自动化设备的开启和关闭。并且实时监控设备的状态，

维护设备的无人工作环境，并且在设备出现问题时及时联系当地的门店维修人员。

- 设备运输:在设备在库和设备运输中使用webstocket实时监听设备状态。

- 菜单管理:管理员的账号针对于菜单进行权限分配和操作分配 用户在登录时一旦权限改变会根据后端返回重新登录的 code 在 axios 进行拦截让用户重新登录;对于多级菜单的显示进行 elementui 的 tree 型懒加载进行显示。

- 角色管理:对用户行为进行分析，实现添加用户黑名单功能;对按钮进行防抖节流处理。

- 解决的问题:在这个项目中存在着大量的树形组件，这些组件的数据信息未知层级，需要通过递归的方式实现组件的渲染和其他操作;封装公共组件，如对 BaseInfo 页面区分操作方式，如果进入方式为 Edit，则可以对form 进行编辑，如果进入方式为 view，则 readonly。

3. 项目名称:风云再起小程序项目(2022.4-2022.6)

- 主要技术:微信小程序 VantUI

- 主要负责:设备管理-设备运输、系统管理-菜单管理、角色管理等模块

- 项目内容:该小程序主要为用户展示公司近期活动，可以在小程序上购买游戏币、展示会员码、开通 pro 会员 和兑换奖品等。在商城模块中充斥着大量的商品卡片和其他的一些常用型按钮，会重复大量的代码，因此需要 采用多次封装组件来提高代码复用率。

- 一键购币:通过调用官方API获取到的当前定位，展示定位附近的门店，点击每个门店可展示门店的活动套餐，实现对这些套餐的下单等操作。

- 个人中心:领取会员卡，进入订单列表、优惠券列表等操作，会员卡会根据接口返回的数据进行背景颜色的渲染。

- 奇豆商城:提供奇豆对奖品的兑换，加入一些限时活动的形式，同时实现购物车功能，在兑换商品时减少 相应商品库存。

- 解决的问题:在微信小程序中，由于原生组件层级最高，即使设置了其 z-index 也于事无补;不能随意在其层 级上展示信息，只能通过`cover-view`和`cover-image`组件(这两个组件也是原生组件)来进行遮盖;由于 cover-view和`cover-image`也是原生组件,需要保证他们插入页面的时机晚于要覆盖的原生组件。

4. 项目名称:奇 G 游活动中心 (2021.9-2022.9)

- 主要技术:Vue2 ElementUI ECharts wangEditor

- 主要负责:会员信息，会员公告，活动信息，活动策划等多个模块

- 项目内容:该项目为公司对每个门店已注册的用户进行信息储存，利用这些信息分析客户的偏好。

- 会员公告:对公告分为两种重要程度，紧急公告会在人员登录系统时直接跳出 dialog 弹窗，次要公告只会显示在消息列表中。

- 活动信息:支持对已策划的活动进行状态改变，例如活动上线、活动下线等操作，针对不同状态的活动显示不同的操作按钮。

- 活动策划:利用 upload 组件上传策划的附件，限制其文件类型为 Word，并对这些文件进行上传云服务存储操作。

- 解决的问题:在活动策划页面涉及到一些 Excel 和 Word 等附件的下载，其中要求显示文件的下载进度，我在 经过查找资料后，利用 axios 的 onDownloadProgress 方法进行监听，函数会返回一个 loaded 和 total， 通过计算进行实时更新进度。