项目描述:本作品是针对制造企业生产执行层面的信息化管理系统,为企业提供生产计划调度、生产过程、质量、设备等全方位的管理,协助企业实现生产数据收集、生产过程监控、生产过程质检、设备管理等功能,提高企业生产效率、节省生产成本。
项目技术:React+Redux+Axios+TypeScript+ NProgress + echarts-for-react
职责描述:生产管理,质检管理,库存管理,工厂资料,工作台
应用技术:
1.首页使用echarts-for-react实现数据大屏可视化,显示计划生产数量,合格数量等等。
2.在发送请求时,采用NProgress插件实现进度条的显示,增加用户使用友好度。
3.对 Axios进行二次封装,新增了取消重复请求。
4.Option组件的value属性,完成三个Select的联动。使用useState、useEffect两个
Hooks实现页面数据响应式。
5.通过状态集中管理工具Redux配合函数useSelector和useDispatch实现三级联动组件的动态数据的集中管理。
6.利用函数式组件的userNavigate实现编程式导航跳转,并携带路由参数,实现参数传递。
7. 使用React Router提供的路由守卫功能,在用户跳转到某些页面前进行权限验证或登录状态检查,以确保只有特定用户能够访问敏感页面。