红料移动端用户服务工具是主要用于普通用户查看交易单的项目，分享海报信息，查看普通用户交易单的一款h5用户服务工具项目。 项目主要技术栈（前端）：vue +vue-router+vuex+webpack+axios+vant-ui。 负责主要的模块有首页，支付页，海报详情页，视频教程页，推荐页，合买详情页，专家分享页，排行榜，比赛信息页。 主要使用vant-ui组件库来搭建项目组件样式。使用 html2canvas 进行页面截图分享。使用qrcode实现二维码支付功能。使用videojs来实现视频播放功能。 遇到的问题有：使用html2canvas分享海报截图时，截图不全问题/顶部出现白屏问题，html2canvas是根据屏幕截图进行截图，如果内容高度高于屏幕时就会截图不全/顶部出现白屏问题。我的解决方法是获取滚动条的位置，body固定定位，top值为负当前滚动条的位置。设置延时100毫秒后再获取要生成海报的元素，当生成海报之后，再把滚动条设置回原来的位置。然后我的截图再没有出现截图不全/顶部出现白屏问题。

红料移动端店主工具是主要用于店主查看交易单的项目，分享店铺信息、店铺海报，查看普通用户交易单的一款h5店主管理工具项目。 项目主要技术栈（前端）：vue +vue-router+vuex+webpack+axios+vant-ui。 负责主要的模块有首页，支付页，海报详情页，视频教程页，店主推荐页，合买详情页，比赛详情页。 主要使用vant-ui组件库来搭建项目组件样式。使用 html2canvas 进行页面截图分享。使用qrcode实现二维码支付功能。使用videojs来实现视频播放功能。 遇到的问题有：使用html2canvas分享海报截图时，截图不全问题/顶部出现白屏问题，html2canvas是根据屏幕截图进行截图，如果内容高度高于屏幕时就会截图不全/顶部出现白屏问题。我的解决方法是获取滚动条的位置，body固定定位，top值为负当前滚动条的位置。设置延时100毫秒后再获取要生成海报的元素，当生成海报之后，再把滚动条设置回原来的位置。然后我的截图再没有出现截图不全/顶部出现白屏问题。

绝尘是通过公司现有odoo后端项目来改进，实现前后端分离的项目，主要用于第三方公司内部人员管理以及查看其营业、交易额、交易详情的一款pc后台管理系统项目。 项目主要技术栈（前端）：vue +vue-router+vuex+Ant Design of Vue+webpack+axios+odoo.js。 我负责的模块主要有有首页数据分析模块，信息折叠列表模块，报价单列表模块，报价单详情，合同传输模块，客户信息模块，交易信息详情模块。 遇到的难点：（1）点击下载附件，通过blob方式来下载文件，文件含有中文，导致在文件传输过程中会出现乱码问题，网上找是说涉及到编码问题，看了代码后发现需要在赋值Blob数据的时候需要加\ufeff，然后在下面设置response.setCharacterEncoding("UTF-8") ，设置文件流编码格式来解决中文乱码。 （2）odoo.js问题， odoojs 是一个 javascript 类库, 是前端访问 odoo 的接口. 同时 odoojs 提供基于 antd-vue 的 odooweb 组件。但odoojs使用的比较少，所以在odoojs接口对接调试时花费时间较多。