项目介绍：由于部队特殊环境，需要查看士兵的手机使用情况，预防不良事件的发生。此应用安装在pad上，通过输入的士兵手机号或手机串号查询所在手机安装应用的情况，根据应用标记生成敏感使用报告，并可查看用户换机换卡情况。查询不良使用手机行为的同时，也没有泄漏士兵的隐私。负责任务：负责应用内h5 部分的全部开发，包括个人行为分析，统计行为分析，历史数据分析，换机换卡详情等模块。技术栈：vue+vuex+vue-router+ jsBridge+E charts难点及解决：1. 不同的pad尺寸并不一样，使用amfe-flexible 和 postcss-pxtorem实现css自适应分辨率。2. 使用jsBridge实现原生和webview的相互调用和通信。3. 使用jsBridge通信的时候，发现webview接收不到原生传递过来的数据，调试发现jsBridge一次性传递数据体积有限，太大时传递不过去，因此采用切割数据分次传递和接收来解决问题。4. 在导出pdf时，出现导出空白页面的情况，排查发现，E charts在渲染图表时可以选择canvas渲染或者svg渲染，默认选择canvas渲染，使用canvas渲染，点击导出时，webview无法绘制canvas渲染出来的内容，采用svg渲染解决问题。