创逸科技智能化企业后台管理系统(Vue3)产品系统

我要开发同款
proginn21215622642026年01月20日
7阅读

技术信息

语言技术
HTML5CSSJavaScriptVueElementUI
系统类型
Web
行业分类
企业服务

作品详情

行业场景

这是一款基于Vue3框架开发的企业后台管理系统。该系统是一款面向企业内部的高效管理平台,主要应用于企
业的设备信息维护、故障报告统计、人员信息管理以及日常工作安排。

功能介绍

项目模块:登录模块,企业概括模块,生产模块,库存模块,设备模块,原料模块,质量模块,人员模块,监控系统模块等
应用技术栈:vue3+Ts+elementplus+axios+pinia+scss+echarts+vue-lazyload+日期格式化插件+hls.js

项目实现

项目职责:
1. 根据原型图,使用elementplus完成页面的开发,高度还原页面。
2.基于 Element Plus 二次封装动态表单组件,支持 JSON 配置化生成以及完成表单、抽屉、树形等。
3. 对登录模块进 行登陆后处理,登陆成功后将返回的tokenid存入到pinia中,在请求拦截器中获取到pinia
中的tokenid并携带到请求头。
4. 实现 RBAC 动态路由,通过 addRoute 动态加载菜单,权限变更后无需刷新页面。
5. 实现登录鉴权以及对人员管理和设备管理的增删改查以及头像上传修改等功能。
6. 通过axios完成与后台数据的交互,并负责了axios二次封装。
7. 人员模块,该模块的功能有搜索功能,用于快速查找特定的员工信息,利用elementplus树形展示部门
结构。表格展示员工信息,并且可查看员工详情,修改角色,删除员工,添加员工,以及使用xlsx插
件excel的导入导出功能,下载导入模版。
8. 质量模块配置wangeditor富文本编辑器完成文章内容的编辑,且进行了富文本回显操作,并将
富文本拆分为一个组件,对话框拆分为一个组件防止主页代码臃肿导致后期不宜维护。
9. 大文件断点续传,使用 vue-simple-uploader 实现文件分片(2MB/片),通过 Range 请求头实现
断点续传。
10. 综合系统监控模块,完成了海康威视摄像头的嵌入,使用hls.js完成 rtmp视频流的解析与播放,对监
控视频列表进行放大,缩小功能,动态切换监控列表群组。
11. 对echart 图表的饼状图,柱状图,折线图等进行二次封装,对echarts样式精准修改。
12. 协助后端完成产品功能的调试,实现前后端功能集成联

示例图片

声明:本文仅代表作者观点,不代表本站立场。如果侵犯到您的合法权益,请联系我们删除侵权资源!如果遇到资源链接失效,请您通过评论或工单的方式通知管理员。未经允许,不得转载,本站所有资源文章禁止商业使用运营!
下载安装【程序员客栈】APP
实时对接需求、及时收发消息、丰富的开放项目需求、随时随地查看项目状态

评论