一 该项目为pc后台公司人员管理系统，主要分为：公司组织架构，人员考勤打卡（同步前台app端），请假审 批，任务分发以及完成进度，成员每日汇报列表及统计，部门分类，权限管理。 三、负责模块： 部门和对应成员列表，权限管理。 （1）根据后台提供的api拉取到所有的部门列表，部门成员以抽屉形式展示列表，展示成员基本信息，打卡次数统计，实 际出勤天数等等，同时支持在pc后台对成员信息进行编辑（涉及到权限），无权限账号只能查看成员信息。 （2）权限管理模块根据RBAC思想，分为：页面的访问权，按钮的操作权和api的调用权，在后台中有单独的路由页面来 控制子账号应该具有的权限，该项目中只涉及到页面的访问权和按钮的操作券，对于页面权限，在账号登录之后，会从后台 返回该账号具有的页面权限和按钮操作权限，存储到store中，依赖addRouter函数来实现在静态路由后添加新的动态路由， 拿到账号所有页面权限之后，在静态路由中筛选出符合权限的路由，添加到路由表中。对于按钮的操作权限，前端通过自定 义指令实现，在instace中，可以获取到绑定自定义指令的dom元素，通过遍历之前获取到的用户操作按钮权限，不存在就 隐藏或者禁用按钮点击。 四、技术栈： Vue2，Axios，Vue-Router，Vuex，element-ui

项目描述： 该项目属于app端，使用uniapp以及uview组件库进行开发，目前已经正式上线，属于当前非常热门的数藏行 业，改项目中包括基本的app登录退出功能，数字藏品列表展示功能，发售日期功能，订单列表，合成列表，邀请海报的生 成，用户信息的修改，用户所购买的藏品或者盲盒列表，并且实现用户之间藏品转赠以及批量转赠的功能。 负责模块： 整个app的开发以及维护更新。 技术描述： 使用uniapp以及uview组件库开发，登录登出模块主要是对token的持久化处理，在用户点击登录按钮的时候， 调用登录接口，后台会返回一条字符串就是token，前端拿到token之后，需要将token存储到本地，在app.vue 的onLaunch钩子函数中进行判断，如果本地存在token，就直接进入到app的首页，如果没有，就跳转到登录页，从而实现 app的免登录，退出登录的时候，需要先将本地存储的token删除，再进行跳转到登录页，登录登出模块结束。 藏品列表页和订单列表，基本上写法相同，做的一个优化就是分页，每次请求10条数据，可以加快页面的加载速度，藏品详 情页面的话，由于最大的藏品图比较大，如果每次都使用后台返回的数据，每次图片加载的速度就特别慢，耗费用户的流 量，所以在这里也做了图片的缓存，只需要用户在第一次进入到详情页的时候加载，直接将图片进行缓存，下次进详情页的 时候直接读取缓存的图片。在叁贰贰这个app中的支付，对接的是第三方易宝支付，基本的流程为：先生成预支付订单，在 点击去支付的时候，通过webview的src属性，跳转到易宝支付页面，具体的回调后端会做好处理，但是支付完成之后，需要 返回到app端，h5的页面不能直接返回到app，这里需要前端写一个html文件提供给后端，在返回商户的时候返回的是html 页面，然后再返回到我们的app中，这里的html文件只做了一个中转站的作用，基本的支付就结束了。 技术栈： 技 uniapp、uview-ui、Vue2.0、Axios、Vuex

该项目包含PC后台系统和对应的H5前台项目，在企微环境下进行开发，是通过私域流量来实现营销的一种 方式，目前比较热门，效果也非常显著，其中包括创建个人二维码推广，任务宝裂变，抽奖裂变，社群运营等多种方式来实 现引流获客，同时可以对企业内部成员进行管理，将引流过来的客户分配给企业成员。 负责模块： H5端和pc端： （1） 个人二维码的创建，编辑，修改，删除，数据统计 （2） 客户中心客户列表展示，客户详情，客户资料编辑修改 （3） 根据客户线索，调用企微原生api，添加客户为好友 （4） 抽奖裂变实现下发扩散通知，在原企微api的基础上开发，在pc后台创建任务后，通知到所选中的企业成员，生成专属 的推广海报以及活动链接，实现引流获客。 （5） 内容中心素材库：可以创建携带标签的内容，包括图片，图文，文本，视频，文件，小程序。通过企微聊天侧边栏， 将内容素材发送给顾客，当顾客打开对应的内容素材后，会将该素材携带的标签标记到客户信息中，以此可以更好对客户进 行分类。 （6） 欢迎语设置：在创建个人二维码时，会添加欢迎语，用于在客户扫码添加成员企业*之后，自动发送欢迎语，不需 要成员自己来进行编辑发送，更好的通知到客户所需要了解的任务。 （7）二维码模块推送不同小程序：在企微后台绑定对应的小程序appId，小程序后台关联企业*，在企微h5侧，通过 appId，appName，apppage以及appPic进行发送分享小程序到顾客的个人*。 （8）pc权限模块：该项目所有路由均由后端控制，前端只需要通过遍历渲染即可，对于按钮显示权限，通过自定义指令即 可实现 技术栈： pc端主要使用：Vue2.0 、Vuex、Vue-router 、Axios、Ant Design Vue 组件库； H5主要使用：uni-app、vant2.0组件库、Vue2.0、Vuex