用户登陆后首先跳转到的就是首页，首页页面的信息展示和跳转，同时包含通用的用户功能（登出和修改密码）的开关。

首页布局

页面展示信息

首页展示信息包括系统信息，页面内容，通用的用户操作（退出和修改密码）等，具体如下：

image.png
如上图所示：

  1. 模块1为系统图标和浏览器标题
  2. 模块2为系统logo和系统名称
  3. 模块3为当前激活的标签页名称列表
  4. 模块4为菜单导航
  5. 模块5为具体的页面
  6. 模块6为通用的用户操作按钮，模块6下方的倒三角按钮为标签页批量操作按钮
  7. 模块7为版权信息和公司连接跳转

布局类型更改

工程目前支持左右布局和上下布局两种，可以通过配置文件进行更改

  1. admin:
  2.   # 布局设置，left-right为左右布局,up-down为上下布局
  3.   layout: left-right

如图为不同的布局类型

  1. 左右布局

image.png

  1. 上下布局

image.png

菜单栏操作

菜单栏展开、隐藏

在左右布局下，用户可以对菜单栏进行展开和隐藏操作
image.png

页面跳转

点击对应的菜单即可进行页面跳转，跳转至不同的页面时会进行页面刷新。同时在设置多标签的情况下，用户也可以通过点击标签页进行页面跳转，此时跳转不会刷新页面。
页面跳转.gif

标签页操作

在已经设置多标签的前提下，标签页可以通过当前激活标签的”X”进行关闭，也可以通过下拉菜单进行批量操作。
标签页操作.gif

用户操作

用户操作目前支持密码修改和退出，下拉菜单是浏览器最右上角的倒三角图标
image.png

密码修改

image.png

登出系统

image.png
登出系统后将跳转至登录页面