人力资源中台项目PC

权限管理模块 RBAC的权限设计思想 三个关键点: 员工用户, 角色, 权限 给员工分配角色 给角色分配权限 以你自己为例, 你进入一家公司, 入职, 人事将你录入系统 => 分配你的角色 (前端研发

员工详情 员工详情页 详情页的基本布局和路由 建立详情页路由 router/modules/employees.js 配置二级路由，并且控制左侧菜单不显示 动态路由参数的获取方式：1、$route.p

角色管理模块 角色管理介绍 用户（员工）账号：用来登录系统 角色：员工的身份，不同的身份拥有不同的菜单，角色可以分配给用户 权限：功能按钮，可以分配给角色 角色管理组件布局 获取角色列表数据 首先，封

※组织架构模块 业务功能介绍 基本组件布局 头部布局 树形组件用法 树形组件关键属性 参数 说明 类型 可选值 默认值 data 展示数据 array — — props 配置选项，具体看下表 obj

路由配置 路由配置介绍 整理路由配置 删除多余的路由配置 src/router/index.js 搭建业务模块页面 通过命令快速创建相关目录 每个模块的内容，可以先按照标准的模板建立，如下所示 配置模

主页模块 主页布局-左侧菜单 左侧导航样式处理 styles/siderbar.scss 主页布局-左侧图标 左侧菜单展开和折叠的控制逻辑 左侧菜单的展开和折叠由什么决定？el-menu组件的coll

登录模块 登录页面基本布局 基本布局 样式处理 设置手机号和密码的字体颜色 设置输入表单整体背景色 设置错误信息的颜色 设置登录按钮的样式 修改显示的提示文本和登录文本 登录表单的校验 el-form

项目初始化 前后端交互 前端动效（交互） css html js（jQuery）+ ajax node.js 后端开发：对标java、php、python 作为工具使用 Vue：把数据填充到HTML标

权限管理模块（给员工分配角色，权限点管理页面开发，给角色分配权限，前端权限-页面访问权(路由)，前端权限-按钮操作权）

员工管理模块 通用工具栏的组件结构 组件 src/components/PageTools/index.vue 通过全局插件的方式扩展全局组件（这样的话，其他组件中可以直接使用这个全局组件） 效果图:

角色管理模块 角色管理介绍 用户（员工）账号：用来登录系统 角色：员工的身份，不同的身份拥有不同的菜单，角色可以分配给用户 权限：功能按钮，可以分配给角色 角色管理组件布局 获取角色列表数据 首先，封