新发展项目建设档案系统

猿急送>其他前端兼职程序员>小屁宇>

案例列表

基本信息

案例ID：185185

技术顾问：小屁宇 - 4年经验 - 广西凌郎科技有限公司

联系沟通

微信扫码，建群沟通

项目名称：新发展项目建设档案系统

所属行业：企业服务 - 数据服务

->查看更多案例

案例介绍

项目：
新发展项目建设档案系统（Pc Vue）
项目简介：
新发展项目建设档案系统是北投高速建设管理平台的子系统，北投高速建设是一个针对企业内部，具备高速路施工建设进度管理、施工人员管理、施工资料查询&统计等功能的管理平台，而新发展项目建设负责施工资料查询&统计这一块的功能。
负责模块:
工作台、项目档案、项目质检资料、填报进度
技术栈:
vue、vue-router、vuex、axios、iview、echarts、less、xlsx、vue-print-nb
技术描述:
1、根据项目需求，划分路由模块，配置静态路由表和动态路由表，通过后端返回的权限值，对路由判断过滤，并通过addRoutes生成可访问的路由表；
2、根据UI图，使用less和iview组件编写页面样式和组件功能，并修改组件class源样式，使页面符合设计要求；
3、工作台、大屏等需要布局兼容，通过calc()样式给元素添加自适应高度、宽度，实现页面自适应；
4、封装axios，设置请求拦截、响应拦截，封装post和get方法，并根据不同页面划分不同的模块，并引入post和get方法，获取后端数据；
6、部分页面用到echarts，通过折线图on()方法绑定点击事件，实现表格&折线图交互；
7、页面表格套打功能，使用vue-print-nb插件，通过表格id获取到表格结构并用@media print{}修改打印样式，从而实现表格打印功能；
8、页面表格导出excel功能，使用xlsx、xlsx-js-style、file-saver插件，实现excel导出功能。