中小企业在日常运营中普遍面临三大痛点:一是员工权限管理混乱,谁能看什么、谁能操作什么全靠口头约定,越权操作和离职权限残留时有发生;二是经营数据分散在 Excel 和群聊中,老板想看一眼实时经营状况都要月底手工汇总;三是误操作和违规行为无法追溯,出了问题各执一词。本项目旨在为中小企业提供一套开箱即用的数字化管理中台,把权限、数据、审计三件事一次性理顺。
点击空白处退出提示
语言技术
React、TypeScript、Antd系统类型
Web行业分类
企业服务
中小企业在日常运营中普遍面临三大痛点:一是员工权限管理混乱,谁能看什么、谁能操作什么全靠口头约定,越权操作和离职权限残留时有发生;二是经营数据分散在 Excel 和群聊中,老板想看一眼实时经营状况都要月底手工汇总;三是误操作和违规行为无法追溯,出了问题各执一词。本项目旨在为中小企业提供一套开箱即用的数字化管理中台,把权限、数据、审计三件事一次性理顺。
系统包含完整的后台管理能力,主要模块有:1)登录鉴权,支持双角色一键登录演示权限差异;2)工作台,含待办、快捷入口、公告速览和团队动态;3)数据看板,集成 ECharts 展示销售利润趋势、类目占比、渠道分析、目标完成率和热销 TOP5;4)系统管理,含用户管理(CRUD、角色分配、停用、重置密码)、角色管理(菜单+按钮级权限树)、菜单管理(目录/菜单/按钮三类节点树形维护)、部门管理(无限级组织架构);5)通知公告,支持发布/草稿、置顶、按人记录已读未读,打通顶部消息铃铛;6)审计中心,含操作日志和登录日志,记录 IP、归属地、浏览器、耗时,支持多条件检索;7)个人中心、403/404/500 异常页。另支持多页签、面包屑、暗色模式、6 色主题切换、圆角调节和全局水印。
本人独立完成全部前端开发与部署。技术栈采用 React 18 + TypeScript + Ant Design 5 + @ant-design/pro-components + Zustand + ECharts 5 + Vite 5。数据层采用纯前端 Mock 服务,基于 localStorage 持久化,增删改刷新不丢并自动写入操作日志。实现亮点:1)RBAC 三级权限模型,菜单驱动路由自动生成,权限码精准控制按钮级权限,越权访问自动拦截 403;2)树形菜单与部门的层级构建、防循环挂载和父子联动;3)ECharts 主题随暗色模式动态切换;4)登录与操作全链路留痕。难点在于将后端权限体系用纯前端方式完整还原,同时保证交互流畅和数据一致性。





评论