【位置】：/src/page/index/

结构

====================

顶部 top

主体结构 index.vue

顶部导航栏 top-menu

【作用】：用于显示顶部的导航栏

【特点】：
1、顶部导航栏可以切换左侧侧边栏，通过提交setCollapse 方法给Vuex，切换isCollapse属性，来控制
2、通过getTopMenu 函数从服务器获取要显示的菜单，请求方法是/network/index/top/getTopMenuReguest.js定义的
3、是否加载显示，可以通过/src/store/modules/common.js 里的showMenu控制

顶部搜索栏 top-search

【作用】：用于搜索所有的菜单栏

页面主题皮肤 top-theme

通过给最外层的标签添加 class 实现
【作用】：切换不同主题

主题文件：styles/theme/xxx.scss

新增主题皮肤

1、创建主题皮肤scss，放在styles/theme/下
2、在styles/theme/index.scss中引入
3、在src/page/index/top/top-theme.vue的data的list中加入

消息通知 top-notice

【作用】：
1、有消息会显示红点
2、点击会触发弹出框，显示审批的条数和业务的条数
3、点击审批或业务会打开对应的标签

锁屏 top-lock

【作用】：点击后打开输入密码界面，输入后跳转到锁屏页

锁屏页位置：src/page/lock/index.vue

（弃用）变更颜色组件 top-color.vue

（弃用）错误日志 top-logs

【作用】：
1、修改console的错误信息的格式
2、错误信息会记录到本地保存
3、错误信息会在主页的错误日志里面显示

【原理】:
1、main.js 引入错误处理的/src/error.js
2、/src/error.js 读取vue的错误信息，提交给Vuex里面的ADD_LOGS方法，并且重新生成console格式
3、Vuex的src/store/modules/logs.js，给state.logsList添加一个数组元素，储存错误信息
4、src/page/index/top/top-logs.vue 错误日志按钮，打开一个对话框，读取储存的错误信息

禁用的话，要禁用上述的几个文件

==================

侧边栏 sidebar

【位置】：/src/page/index/sidebar/

主结构 index.vue

【作用】：
1、显示侧边栏的结构
2、获取侧边栏数据

侧边栏菜单 sidebarItem.vue

【作用】：循环获取菜单和子菜单

【获取菜单】：
1、menu菜单是通过Vuex里面的src/store/modules/user.js的getMenu方法获取的
2、方法会生成网络请求，在/src/api/user.js 中引入
3、然后mockjs的src/mock/menu.js 进行返回。

【菜单的格式配置】：
在src/config/website.js 配置

【增加菜单】：
1、在/src/views/下，增加页面.vue文件，vue文件的html部分，可以用全局容器包裹，文件最好相同主菜单的，放在同一个文件夹下
2、目前用户登录后，是通过mockjs模拟从服务器返回用户菜单信息的，因此还需要在/src/mock/menu.js 的first变量里面，填写服务器要返回的菜单信息

=================

顶部标签卡 tags

主体视图层