技术栈： Vue、Vuex、router、elementUI组件 主要功能模块一级目录为14个管理模块 主要功能涉及流程表单进行编辑、审核、预览、稿件拖动排序等功能， 前端系统架构：登录权限 · 登录：当user填写完账号和密码使用AES对称加密算法，后向服务端验证是否正确，验证通过之后，服务端会返回一个token，拿到token之后（我会将这个token存贮到cookie中，保证刷新页面后能记住登录状态），我会根据token再去拉取一个 user_info 的接口来获取user的详细信息（如user权限，user名等等信息）。 · 权限验证：通过token获取user对应的 role，动态根据user的 role 算出其对应有权限的路由，在全局钩子router.beforeEach中拦截路由，通过 router.addRoutes 动态挂载这些路由。axios拦截器通过request拦截器在每个请求头里面塞入token，好让后端对请求进行权限验证。并创建一个respone拦截器，当服务端返回特殊的状态码，我们统一做处理，如没权限或者token失效等操作。 详细表单例如：物资管理=》1、采购计划=》2、采购比价=》3、采购合同=》4、采购订单=》最后的物资出入库剩余物资管控。表单创建导入Excel表格识别数据，上传附件使用二进制流，设置的content-type为application/octet-stream，采购计划数据计算，使用BigNumber处理计算失精问题，采购比价数据联动选择多个供应商实时比价，选择最优推荐供应商。 echarts数据大屏：数据可视化将数据分析技术与图形技术结合，清晰有效地将分析结果信息进行解读和传达。通过数据采集、清洗、分析到直观实时的数据可视化，呈现隐藏在瞬息万变且庞杂数据背后的业务洞察。通过交互式实时数据可视化大屏来实时监测企业数据，洞悉运营增长，助力智能高效决策。 1、分包管控、物资管理、安全分析、项目运行、平台总览、内容监控、通联协作；等页面 2、展示各项目项目进度情况 ，未施工、施工中、结算中、未结算、已完工。 3、对大屏宽高进行固定缩放处理，确保在不同电脑的分辨率上完美展示。 4、通过echarts 对饼图、柱状、折线、地图等进行组件封装，方便多次使用。 5、页面展示的滚动