1.路由页面整理

需求删除基础模板中附带的多余页面简单项目：

中台项目路由：将其拆分成若干个路由模块

复杂中台项目的页面众多，不可能把所有的业务都集中在一个文件上进行管理和维护，并且还有最重要的，前端的页面中主要分为两部分，一部分是所有人都可以访问的，一部分是只有有权限的人才可以访问的，拆分多个模块便于更好的控制

根据访问的权限不同可以分为静态路由和动态路由

只对登录页/404/主页进行了保留，删除了其他页面之后，左侧导航菜单的数据也只剩下了首页，因为左侧导航菜单的数据来源于路由信息 删除多余的路由组件

只保留以上三个路由组件的内容，后续慢慢增加

同样的在api目录下，存在多余的api-table.js 一并删除

2. 业务模块页面的快速搭建

在views目录下，建立对应的目录，给每个模块新建一个**index.vue**，作为每个模块的主页 快速新建文件夹先进入 src/views目录下

mkdir departments employees setting salarys social attendances approvals permission

创建对应模块的内容之后，接下来建立每个模块的路由规则快速创建命令 进入到路由的 router modules 下再创建文件

touch departments.js employees.js setting.js salarys.js salarys.js social.js attendances.js approvals.js permission.js

动态路由涉及到权限进行访问，为了更好的看到效果，先临时合并，后续再拆分

functional为true，表示该组件为一个函数式组件

函数式组件：没有data状态，没有响应式数据，只会接收props属性，没有this，他就是一个函数