Sun

***************英树美妆后台管理系统***************

该项目主要是给店员，店长和公司管理员使用的后台管理系统，方便对改公司商品状态，消费明细，订单信息，积分查询，会员拉新，门店管理，公司内部人员的角色等等进行可视化管理，改管理系统分为三个角色，店员，店长，公司管理员，不同角色可以查看不同模块功能

技术栈：element-plus,vue3,vue-router,pinia

负责模块：
 商品信息的录入，新增，修改，详情的查看，其中修改涉及到一些图片上传功能
 广告位的录入新增，修改
 会员管理，根据条件查询，比如会员卡号，手机号查询当前会员的储蓄卡消费记录和对次卡消费记录，并且查看消费详情，在此功能模块还能查看储值余额，次卡划卡次数，总储值等等一些详细信息,同样也设计了会员拉新的积分列表，这些都是用el-table组件展示，并且设置了分页查询功能
 会员收银功能，利用el-Autocomplete组件，根据商品条形码对商品数量，价格进行查询，方便店员对客户买的商品进行结算

**************英树漫美妆小程序***************

面向客户开发的小程序，从0构建，该项目主要是由首页广告位展示，商品分类，信息发现，购物车，我的，5个tableBar组成，

技术栈：uniapp,vue2,vuex,vantweapp,uv-ui

负责模块：
 该项目所有ui页面图的设计，和客户简单事件ui的操作
 登录功能:利用手机号组件快速验证，uni.Login获取code,进行快速登录操作
 商品分类页面和发现信息的搜索功能，其中利用防抖限制用户过多的频繁搜索，
 商品详情页的利用uniapp中的自定义button open-type属性进行自定义分享功能
 购物车功能:徽标的展示，购物车加入，清除购物车，购物车的全选反选等功能，
 订单页面的设计，地址管理等等功能
 支付功能:生成订单，根据后台返回的订单信息调用uni.requestpayment接口进行支付，其中订单信息包含一些参数appid.商户号，签名等等
 我的:个人信息的编辑，附件门店查询，积分查询，订单列表查询，地址管理，消费明细等等功能


***************范果鲜小程序***************

该小程序主要是方便客户提供线上购买水果的小程序，购买方式有自提和配送

技术栈：uniapp,vue2,vuex,vantweapp

负责模块：
 首页水果推荐列表的渲染，以及触底分页加载
 水果分类列表模块的渲染
 搜索附近门店，门店位置的获取，在uniapp内置map组件中展示，通过uni.getlocatin的success回调获取当前用户设备的经纬度，并且通过腾讯位置服务搜索附近门店，腾讯位置服务利用key和sdk调用其接口来查寻
 小程序二维码的生成，通过uni.request接口字段responstType: arraybuffer来接受二进制数据，并通过转换成base64绑定image中的src，渲染到页面上