新发展项目建设档案系统

我要开发同款
WZW小宇2022年10月25日
118阅读

作品详情

项目:
新发展项目建设档案系统(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导出功能。
项目难点:
1、导出excel功能:如果单使用xlsx插件,只能获取到表格结构但无法修改样式,不符合需求,因此要结合xlsx-js-style和file-saver,才能实现实现excel样式修改和文件下载;
声明:本文仅代表作者观点,不代表本站立场。如果侵犯到您的合法权益,请联系我们删除侵权资源!如果遇到资源链接失效,请您通过评论或工单的方式通知管理员。未经允许,不得转载,本站所有资源文章禁止商业使用运营!
下载安装【程序员客栈】APP
实时对接需求、及时收发消息、丰富的开放项目需求、随时随地查看项目状态

评论