diff --git a/src/components/Header.vue b/src/components/Header.vue
new file mode 100644
index 0000000000000000000000000000000000000000..0a3871a1d02a679a23edf3fc7ba8b62a2a123658
--- /dev/null
+++ b/src/components/Header.vue
@@ -0,0 +1,106 @@
+<template>
+  <div class="main">
+    <!--logo和项目名-->
+    <div class="left_box">
+      <img alt="" src="../../public/logo.jpg">
+      <span class="title" style="font-size: 24px">安检设备综合管理平台</span>
+    </div>
+    <!--右侧姓名和头像-->
+    <div class="right_box">
+      <span class="username">{{ username }}</span>
+      <el-dropdown>
+        <span class="el-dropdown-link">
+          <el-avatar :size="30" style="margin: 15px 10px 0 15px" />
+        </span>
+        <el-dropdown-menu slot="dropdown">
+          <el-dropdown-item
+            style="width: 80px"
+            icon="el-icon-house"
+            @click.native="backHome"
+          >
+            首页
+          </el-dropdown-item>
+          <el-dropdown-item
+            style="width: 80px"
+            icon="el-icon-s-data"
+            @click.native="toDataViews"
+          >
+            数据平台
+          </el-dropdown-item>
+          <el-dropdown-item
+            icon="el-icon-switch-button"
+            @click.native="logout"
+          >
+            退出登录
+          </el-dropdown-item>
+        </el-dropdown-menu>
+      </el-dropdown>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  // props: ['username'],
+  props: {
+    username: {
+      type: String,
+      default: () => ''
+    }
+  },
+  data() {
+    return {
+    }
+  },
+  methods: {
+    backHome() {
+      this.$router.push('/home')
+    },
+    toDataViews() {
+      // this.$router.push('/dataViews')
+      const routeUrl = this.$router.resolve({
+        path: '/MainPage'
+      })
+      window.open(routeUrl.href, '_blank')
+    },
+    logout() {
+      window.localStorage.clear()
+      this.$router.push('/login')
+    }
+  }
+}
+</script>
+
+<style scoped>
+.main {
+  position: relative;
+  left: 0;
+}
+.left_box {
+  align-items: center;
+  position: absolute;
+}
+.left_box img {
+  width: 50px;
+  height: 50px;
+  border-radius: 25px;
+  margin: auto auto 5px 25px;
+}
+.right_box {
+  align-items: center;
+  position: absolute;
+  right: 0;
+}
+.title {
+  line-height: 80px;
+  font-size: 24px;
+  margin: auto auto 0 25px;
+  position: relative;
+  top: -15px;
+}
+.username {
+  font-size: 15px;
+  position: relative;
+  top: -10px;
+}
+</style>
diff --git a/src/components/MenuTree.vue b/src/components/MenuTree.vue
new file mode 100644
index 0000000000000000000000000000000000000000..ca1145e0debccf4f5f6882343da897f5e3b16d9e
--- /dev/null
+++ b/src/components/MenuTree.vue
@@ -0,0 +1,44 @@
+<template>
+  <div>
+    <template v-for="item in menuList">
+      <el-submenu
+        v-if="item.children"
+        :key="item.menuId"
+        :index="item.menuId + ''"
+      >
+        <template slot="title">
+          <i :class="item.icon" />
+          <span>{{ item.menuName }}</span>
+        </template>
+        <MenuTree :menu-list="item.children" />
+      </el-submenu>
+      <el-menu-item
+        v-else
+        :key="item.menuId"
+        :index="item.path + ''"
+        :route="item.path + ''"
+      >
+        <i :class="item.icon" />
+        <span slot="title">{{ item.menuName }}</span>
+      </el-menu-item>
+    </template>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'MenuTree',
+  props: ['menuList']
+}
+</script>
+
+<style scoped>
+.el-menu--collapse span,
+.el-menu--collapse i.el-submenu__icon-arrow {
+  height: 0;
+  width: 0;
+  overflow: hidden;
+  visibility: hidden;
+  display: none;
+}
+</style>
diff --git a/src/components/scrollbar/index.js b/src/components/scrollbar/index.js
new file mode 100644
index 0000000000000000000000000000000000000000..177c0a04b2c8b8ab6bba2192938c8910379ce448
--- /dev/null
+++ b/src/components/scrollbar/index.js
@@ -0,0 +1,8 @@
+import Scrollbar from './src/main'
+
+/* istanbul ignore next */
+Scrollbar.install = function(Vue) {
+  Vue.component(Scrollbar.name, Scrollbar)
+}
+
+export default Scrollbar
diff --git a/src/components/scrollbar/src/bar.js b/src/components/scrollbar/src/bar.js
new file mode 100644
index 0000000000000000000000000000000000000000..f6f2c9c42b0a6444120563996482e550ae85a722
--- /dev/null
+++ b/src/components/scrollbar/src/bar.js
@@ -0,0 +1,92 @@
+import { on, off } from 'element-ui/src/utils/dom'
+import { renderThumbStyle, BAR_MAP } from './util'
+
+/* istanbul ignore next */
+export default {
+  name: 'Bar',
+
+  props: {
+    vertical: Boolean,
+    size: String,
+    move: Number
+  },
+
+  computed: {
+    bar() {
+      return BAR_MAP[this.vertical ? 'vertical' : 'horizontal']
+    },
+
+    wrap() {
+      return this.$parent.wrap
+    }
+  },
+
+  render(h) {
+    const { size, move, bar } = this
+
+    return (
+      <div
+        class={ ['el-scrollbar__bar', 'is-' + bar.key] }
+        onMousedown={ this.clickTrackHandler } >
+        <div
+          ref='thumb'
+          class='el-scrollbar__thumb'
+          onMousedown={ this.clickThumbHandler }
+          style={ renderThumbStyle({ size, move, bar }) }>
+        </div>
+      </div>
+    )
+  },
+
+  methods: {
+    clickThumbHandler(e) {
+      // prevent click event of right button
+      if (e.ctrlKey || e.button === 2) {
+        return
+      }
+      this.startDrag(e)
+      this[this.bar.axis] = (e.currentTarget[this.bar.offset] - (e[this.bar.client] - e.currentTarget.getBoundingClientRect()[this.bar.direction]))
+    },
+
+    clickTrackHandler(e) {
+      const offset = Math.abs(e.target.getBoundingClientRect()[this.bar.direction] - e[this.bar.client])
+      const thumbHalf = (this.$refs.thumb[this.bar.offset] / 2)
+      const thumbPositionPercentage = ((offset - thumbHalf) * 100 / this.$el[this.bar.offset])
+
+      this.wrap[this.bar.scroll] = (thumbPositionPercentage * this.wrap[this.bar.scrollSize] / 100)
+    },
+
+    startDrag(e) {
+      e.stopImmediatePropagation()
+      this.cursorDown = true
+
+      on(document, 'mousemove', this.mouseMoveDocumentHandler)
+      on(document, 'mouseup', this.mouseUpDocumentHandler)
+      document.onselectstart = () => false
+    },
+
+    mouseMoveDocumentHandler(e) {
+      if (this.cursorDown === false) return
+      const prevPage = this[this.bar.axis]
+
+      if (!prevPage) return
+
+      const offset = ((this.$el.getBoundingClientRect()[this.bar.direction] - e[this.bar.client]) * -1)
+      const thumbClickPosition = (this.$refs.thumb[this.bar.offset] - prevPage)
+      const thumbPositionPercentage = ((offset - thumbClickPosition) * 100 / this.$el[this.bar.offset])
+
+      this.wrap[this.bar.scroll] = (thumbPositionPercentage * this.wrap[this.bar.scrollSize] / 100)
+    },
+
+    mouseUpDocumentHandler(e) {
+      this.cursorDown = false
+      this[this.bar.axis] = 0
+      off(document, 'mousemove', this.mouseMoveDocumentHandler)
+      document.onselectstart = null
+    }
+  },
+
+  destroyed() {
+    off(document, 'mouseup', this.mouseUpDocumentHandler)
+  }
+}
diff --git a/src/components/scrollbar/src/main.js b/src/components/scrollbar/src/main.js
new file mode 100644
index 0000000000000000000000000000000000000000..018574d28a8fe0554631bca0af2706c9f748c55f
--- /dev/null
+++ b/src/components/scrollbar/src/main.js
@@ -0,0 +1,130 @@
+// reference https://github.com/noeldelgado/gemini-scrollbar/blob/master/index.js
+
+import { addResizeListener, removeResizeListener } from 'element-ui/src/utils/resize-event'
+import scrollbarWidth from 'element-ui/src/utils/scrollbar-width'
+import { toObject } from 'element-ui/src/utils/util'
+import Bar from './bar'
+
+/* istanbul ignore next */
+export default {
+  name: 'ElScrollbar',
+
+  components: { Bar },
+
+  props: {
+    native: Boolean,
+    wrapStyle: {},
+    wrapClass: {},
+    viewClass: {},
+    viewStyle: {},
+    noresize: Boolean, // 如果 container 尺寸不会发生变化，最好设置它可以优化性能
+    tag: {
+      type: String,
+      default: 'div'
+    }
+  },
+
+  data() {
+    return {
+      sizeWidth: '0',
+      sizeHeight: '0',
+      moveX: 0,
+      moveY: 0
+    }
+  },
+
+  computed: {
+    wrap() {
+      return this.$refs.wrap
+    }
+  },
+
+  render(h) {
+    const gutter = scrollbarWidth()
+    let style = this.wrapStyle
+
+    if (gutter) {
+      const gutterWith = `-${gutter}px`
+      const gutterStyle = `margin-bottom: ${gutterWith}; margin-right: ${gutterWith};`
+
+      if (Array.isArray(this.wrapStyle)) {
+        style = toObject(this.wrapStyle)
+        style.marginRight = style.marginBottom = gutterWith
+      } else if (typeof this.wrapStyle === 'string') {
+        style += gutterStyle
+      } else {
+        style = gutterStyle
+      }
+    }
+    const view = h(this.tag, {
+      class: ['el-scrollbar__view', this.viewClass],
+      style: this.viewStyle,
+      ref: 'resize'
+    }, this.$slots.default)
+    const wrap = (
+      <div
+        ref='wrap'
+        style={ style }
+        onScroll={ this.handleScroll }
+        class={ [this.wrapClass, 'el-scrollbar__wrap', gutter ? '' : 'el-scrollbar__wrap--hidden-default'] }>
+        { [view] }
+      </div>
+    )
+    let nodes
+
+    if (!this.native) {
+      nodes = ([
+        wrap,
+        <Bar
+          move={ this.moveX }
+          size={ this.sizeWidth }></Bar>,
+        <Bar
+          vertical
+          move={ this.moveY }
+          size={ this.sizeHeight }></Bar>
+      ])
+    } else {
+      nodes = ([
+        <div
+          ref='wrap'
+          class={ [this.wrapClass, 'el-scrollbar__wrap'] }
+          style={ style }>
+          { [view] }
+        </div>
+      ])
+    }
+    return h('div', { class: 'el-scrollbar' }, nodes)
+  },
+
+  methods: {
+    handleScroll() {
+      const wrap = this.wrap
+
+      this.moveY = ((wrap.scrollTop * 100) / wrap.clientHeight)
+      this.moveX = ((wrap.scrollLeft * 100) / wrap.clientWidth)
+    },
+
+    update() {
+      let heightPercentage, widthPercentage
+      const wrap = this.wrap
+      if (!wrap) return
+
+      heightPercentage = (wrap.clientHeight * 100 / wrap.scrollHeight)
+      widthPercentage = (wrap.clientWidth * 100 / wrap.scrollWidth)
+
+      this.sizeHeight = (heightPercentage < 100) ? (heightPercentage + '%') : ''
+      this.sizeWidth = (widthPercentage < 100) ? (widthPercentage + '%') : ''
+    }
+  },
+
+  mounted() {
+    if (this.native) return
+    this.$nextTick(this.update)
+    !this.noresize && addResizeListener(this.$refs.resize, this.update)
+  },
+
+  beforeDestroy() {
+    if (this.native) return
+    !this.noresize && removeResizeListener(this.$refs.resize, this.update)
+  }
+}
diff --git a/src/components/scrollbar/src/util.js b/src/components/scrollbar/src/util.js
new file mode 100644
index 0000000000000000000000000000000000000000..9dfbf380c1d0e2cf9159082c3ac57a1bb6d193fc
--- /dev/null
+++ b/src/components/scrollbar/src/util.js
@@ -0,0 +1,34 @@
+export const BAR_MAP = {
+  vertical: {
+    offset: 'offsetHeight',
+    scroll: 'scrollTop',
+    scrollSize: 'scrollHeight',
+    size: 'height',
+    key: 'vertical',
+    axis: 'Y',
+    client: 'clientY',
+    direction: 'top'
+  },
+  horizontal: {
+    offset: 'offsetWidth',
+    scroll: 'scrollLeft',
+    scrollSize: 'scrollWidth',
+    size: 'width',
+    key: 'horizontal',
+    axis: 'X',
+    client: 'clientX',
+    direction: 'left'
+  }
+};
+
+export function renderThumbStyle({ move, size, bar }) {
+  const style = {};
+  const translate = `translate${bar.axis}(${ move }%)`;
+
+  style[bar.size] = size;
+  style.transform = translate;
+  style.msTransform = translate;
+  style.webkitTransform = translate;
+
+  return style;
+};
diff --git a/src/plugins/element.js b/src/plugins/element.js
index 97db1cef8707cede41577e73053aec24e3aa2c4f..4847ef2ca829d923d993e94b63d2c27e6461cf99 100644
--- a/src/plugins/element.js
+++ b/src/plugins/element.js
@@ -1,5 +1,6 @@
 import Vue from 'vue'
 import {
+  Avatar,
   Pagination,
   Dialog,
   Autocomplete,
@@ -11,6 +12,7 @@ import {
   MenuItem,
   MenuItemGroup,
   Input,
+  InputNumber,
   Radio,
   RadioGroup,
   RadioButton,
@@ -28,24 +30,48 @@ import {
   DatePicker,
   TimeSelect,
   TimePicker,
+  Popover,
   Tooltip,
+  Breadcrumb,
+  BreadcrumbItem,
   Form,
   FormItem,
   Tabs,
   TabPane,
   Tag,
   Tree,
+  Alert,
+  Slider,
   Icon,
   Row,
   Col,
+  Upload,
+  Progress,
   Spinner,
+  Badge,
   Card,
+  Rate,
+  Steps,
+  Step,
+  Carousel,
+  CarouselItem,
   Collapse,
   CollapseItem,
   Cascader,
+  ColorPicker,
+  Transfer,
+  Container,
+  Header,
+  Aside,
+  Main,
+  Footer,
   Timeline,
   TimelineItem,
+  Link,
+  Divider,
+  Image,
   Calendar,
+  Backtop,
   PageHeader,
   CascaderPanel,
   Loading,
@@ -54,6 +80,7 @@ import {
   Notification
 } from 'element-ui'
 
+Vue.use(Avatar)
 Vue.use(Pagination)
 Vue.use(Dialog)
 Vue.use(Autocomplete)
@@ -65,6 +92,7 @@ Vue.use(Submenu)
 Vue.use(MenuItem)
 Vue.use(MenuItemGroup)
 Vue.use(Input)
+Vue.use(InputNumber)
 Vue.use(Radio)
 Vue.use(RadioGroup)
 Vue.use(RadioButton)
@@ -82,30 +110,57 @@ Vue.use(TableColumn)
 Vue.use(DatePicker)
 Vue.use(TimeSelect)
 Vue.use(TimePicker)
+Vue.use(Popover)
 Vue.use(Tooltip)
+Vue.use(Breadcrumb)
+Vue.use(BreadcrumbItem)
 Vue.use(Form)
 Vue.use(FormItem)
 Vue.use(Tabs)
 Vue.use(TabPane)
 Vue.use(Tag)
 Vue.use(Tree)
+Vue.use(Alert)
+Vue.use(Slider)
 Vue.use(Icon)
 Vue.use(Row)
 Vue.use(Col)
+Vue.use(Upload)
+Vue.use(Progress)
 Vue.use(Spinner)
+Vue.use(Badge)
 Vue.use(Card)
+Vue.use(Rate)
+Vue.use(Steps)
+Vue.use(Step)
+Vue.use(Carousel)
+Vue.use(CarouselItem)
 Vue.use(Collapse)
 Vue.use(CollapseItem)
 Vue.use(Cascader)
+Vue.use(ColorPicker)
+Vue.use(Transfer)
+Vue.use(Container)
+Vue.use(Header)
+Vue.use(Aside)
+Vue.use(Main)
+Vue.use(Footer)
 Vue.use(Timeline)
 Vue.use(TimelineItem)
+Vue.use(Link)
+Vue.use(Divider)
+Vue.use(Image)
 Vue.use(Calendar)
+Vue.use(Backtop)
 Vue.use(PageHeader)
 Vue.use(CascaderPanel)
 
 Vue.use(Loading.directive)
 
 Vue.prototype.$loading = Loading.service
+Vue.prototype.$msgbox = MessageBox
+Vue.prototype.$alert = MessageBox.alert
 Vue.prototype.$confirm = MessageBox.confirm
+Vue.prototype.$prompt = MessageBox.prompt
 Vue.prototype.$notify = Notification
 Vue.prototype.$message = Message
diff --git a/src/router/index.js b/src/router/index.js
index 2e82335f0c3dc9b9d382656f6943db12c77cd114..ed890d33bbd6caa8103a249b10e1c522e0d738bb 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -14,6 +14,30 @@ const routes = [
   {
     path: '/',
     component: () => import('../views/Login')
+  },
+  {
+    path: '/home',
+    component: () => import('../views/Home')
+  },
+  {
+    path: '/reportExport',
+    component: () => import('../views/DataManagement/ReportExport')
+  },
+  {
+    path: '/roleManagement',
+    component: () => import('../views/SystemSetting/RoleManagement')
+  },
+  {
+    path: '/userManagement',
+    component: () => import('../views/SystemSetting/UserManagement')
+  },
+  {
+    path: '/facilityLists',
+    component: () => import('../views/FacilityManagement/FacilityLists')
+  },
+  {
+    path: '/facilityOperation',
+    component: () => import('../views/FacilityManagement/FacilityOperation')
   }
 ]
 const router = new VueRouter({
diff --git a/src/utils/request.js b/src/utils/request.js
index 9b7f68d5809f0e2c99caf52672e669f8973246a5..9e2ef6c7a9ad2189092576efe25185db635852d6 100644
--- a/src/utils/request.js
+++ b/src/utils/request.js
@@ -28,12 +28,11 @@ service.interceptors.request.use(config => {
 
 // 3.响应拦截器
 service.interceptors.response.use(success => {
+  console.log(success.headers, '响应头')
   // 业务逻辑错误
   if (success.status && success.status === 200) {
     if (success.data.code === 500 || success.data.code === 401 || success.data.code === 403) {
-      Notification.error({
-        title: success.data.message
-      })
+      Notification.error(success.data.message)
       return
     }
     // 操作成功
@@ -51,9 +50,9 @@ service.interceptors.response.use(success => {
   } else if (error.response.code === 403) {
     Message.error({ message: '您的权限不足' })
   } else if (error.response.code === 401) {
-    Message.error({ message: '尚未登录，请登录' })
+    Message.error({ message: '尚未登录，请登录！' })
     // 跳至登录页面
-    router.replace('/').then(() => {})
+    router.replace('/login').then(() => {})
   } else if (error.response.data.message) {
     Message.error({ message: error.response.data.message })
   } else {
diff --git a/src/views/DataManagement/ReportExport.vue b/src/views/DataManagement/ReportExport.vue
new file mode 100644
index 0000000000000000000000000000000000000000..551fdfab903004d23f74b2df3dc77e799818ebb9
--- /dev/null
+++ b/src/views/DataManagement/ReportExport.vue
@@ -0,0 +1,26 @@
+<!--  报表导出 -->
+<template>
+  <div class="" />
+</template>
+
+<script>
+
+export default {
+  components: {},
+  data() {
+    return {}
+  },
+  computed: {},
+  watch: {},
+  created() {
+
+  },
+  mounted() {
+  },
+  methods: {}
+}
+</script>
+<style lang='less' scoped>
+//@import url(); 引入公共css类
+</style>
+
diff --git a/src/views/FacilityManagement/FacilityLists.vue b/src/views/FacilityManagement/FacilityLists.vue
new file mode 100644
index 0000000000000000000000000000000000000000..b31e48ce2d2b8732ef5804fd0cc2a1079859b765
--- /dev/null
+++ b/src/views/FacilityManagement/FacilityLists.vue
@@ -0,0 +1,26 @@
+<!-- 设备列表 -->
+<template>
+  <div class="" />
+</template>
+
+<script>
+
+export default {
+  components: {},
+  data() {
+    return {}
+  },
+  computed: {},
+  watch: {},
+  created() {
+
+  },
+  mounted() {
+  },
+  methods: {}
+}
+</script>
+<style lang='less' scoped>
+//@import url(); 引入公共css类
+</style>
+
diff --git a/src/views/FacilityManagement/FacilityOperation.vue b/src/views/FacilityManagement/FacilityOperation.vue
new file mode 100644
index 0000000000000000000000000000000000000000..7a8a9b64a664b47975e6a64a93c59eca5f4c568e
--- /dev/null
+++ b/src/views/FacilityManagement/FacilityOperation.vue
@@ -0,0 +1,26 @@
+<!-- 设备操作 -->
+<template>
+  <div class="" />
+</template>
+
+<script>
+
+export default {
+  components: {},
+  data() {
+    return {}
+  },
+  computed: {},
+  watch: {},
+  created() {
+
+  },
+  mounted() {
+  },
+  methods: {}
+}
+</script>
+<style lang='less' scoped>
+//@import url(); 引入公共css类
+</style>
+
diff --git a/src/views/Home.vue b/src/views/Home.vue
new file mode 100644
index 0000000000000000000000000000000000000000..e92268ea6317d2b5f3731a52e2d67eee8da0261f
--- /dev/null
+++ b/src/views/Home.vue
@@ -0,0 +1,118 @@
+  <!-- 后台管理系统主界面 -->
+<template>
+  <div>
+    <el-container>
+      <el-header>
+        <Header :username="username" />
+      </el-header>
+      <el-container>
+        <el-aside width="200px">
+          <!-- <Aside></Aside> -->
+          <Scrollbar class="page_scroll" :native="false" wrap-style="" wrap-class="" view-class="" view-style="" :noresize="false" tag="section">
+            <el-menu
+              class="el-menu-vertical-demo aside"
+              background-color="#2f3542"
+              text-color="#ccc"
+              active-text-color="#fff"
+              router
+              :default-active="activePath"
+            >
+              <MenuTree :menu-list="menuList" />
+            </el-menu>
+          </Scrollbar>
+        </el-aside>
+        <el-main>
+          <router-view />
+        </el-main>
+      </el-container>
+    </el-container>
+  </div>
+</template>
+
+<script>
+// @ is an alias to /src
+import Scrollbar from '@/components/scrollbar/index'
+import Header from '@/components/Header'
+import MenuTree from '@/components/MenuTree'
+
+export default {
+  name: 'Home',
+  components: {
+    Header,
+    MenuTree,
+    Scrollbar
+  },
+  data() {
+    return {
+      username: '超级用户',
+      menuList: [
+        {
+          menuId: '',
+          menuName: '',
+          path: '',
+          icon: '',
+          children: ''
+        }
+      ],
+      activePath: ''
+    }
+  },
+  watch: {
+  },
+  created() {
+    this.menuList = [{"children":[{"icon":"el-icon-s-data","menuId":11,"menuName":"实时数据","path":"productionData"},{"icon":"el-icon-coin","menuId":12,"menuName":"设备数据","path":"equipmentData"},{"icon":"el-icon-notebook-1","menuId":13,"menuName":"物料管理","path":"batchingManagement"},{"icon":"el-icon-pie-chart","menuId":14,"menuName":"统计分析","path":"statistics"}],"icon":"el-icon-location","menuId":1,"menuName":"生产管理","path":"production"},{"children":[{"icon":"el-icon-tickets","menuId":21,"menuName":"设备信息","path":"equipmentManagement"},{"icon":"el-icon-brush","menuId":22,"menuName":"维保管理","path":"equipmentUpkeep"},{"icon":"el-icon-message-solid","menuId":23,"menuName":"设备报警","path":"equipmentAlarm"}],"icon":"el-icon-odometer","menuId":2,"menuName":"设备管理","path":""},{"children":[{"icon":"el-icon-user","menuId":31,"menuName":"信息管理","path":"personManagement"},{"icon":"el-icon-tickets","menuId":32,"menuName":"绩效管理","path":"performanceAppraisal"}],"icon":"el-icon-menu","menuId":3,"menuName":"人员管理","path":"people"},{"children":[{"icon":"el-icon-s-platform","menuId":41,"menuName":"仿真生产","path":"simulationProduction"},{"icon":"el-icon-upload","menuId":42,"menuName":"质量检测","path":"imageRecognition"}],"icon":"el-icon-s-order","menuId":4,"menuName":"优化生产","path":"algorithmProduction"},{"children":[{"icon":"el-icon-user","menuId":51,"menuName":"用户管理","path":"roleManagement"},{"icon":"el-icon-s-custom","menuId":52,"menuName":"角色管理","path":"jurisdictionManagement"},{"icon":"el-icon-document-copy","menuId":54,"menuName":"数据备份","path":"dataCopy"}],"icon":"el-icon-setting","menuId":5,"menuName":"系统管理","path":"sys"}]
+    // // 获取侧边栏
+    // this.$getRequest('/api/menu/all').then((res) => {
+    //   this.menuList = res
+    //   // console.log(res)
+    // })
+    // // 获取用户名
+    // this.$getRequest('/api/staff/name').then((res) => {
+    //   this.username = res
+    // })
+  },
+  mounted() {
+    this.getPath()
+  },
+  methods: {
+    // 获取当前路由地址以保存侧边栏激活状态
+    getPath() {
+      const path = this.$route.path
+      this.activePath = path.substring(path.indexOf('/') + 1, path.length)
+    }
+  }
+}
+</script>
+<style scoped lang="less">
+.el-header {
+  background-color: #2f3542;
+  justify-content: space-between;
+  padding-left: 0;
+  color: #ffffff;
+  align-items: center;
+}
+
+.el-aside {
+  background-color: #2f3542;
+  color: #2f3542;
+  height: calc(100vh - 60px);
+}
+.el-aside .el-menu{
+  border-right: none;
+}
+.el-main {
+  background-color: #fff;
+  color: #2f3542;
+  text-align: center;
+}
+.el-scrollbar {
+  height: 100%;
+}
+/deep/.el-scrollbar__wrap {
+  overflow-x: hidden!important;
+}
+body > .el-container {
+  margin-bottom: 20px;
+  height: calc(100vh - 60px);
+}
+</style>
diff --git a/src/views/Login.vue b/src/views/Login.vue
index 5c40082460c7a62ee4d59f66f826c59ca5356d36..4b4b7e3ea0e4197559a5e7d3e095b59438c6fff6 100644
--- a/src/views/Login.vue
+++ b/src/views/Login.vue
@@ -59,7 +59,8 @@ export default {
     submitForm() {
       this.$refs.loginForm.validate((valid) => {
         if (valid) {
-          this.$router.replace('/MainPage')
+          // this.$router.replace('/MainPage')
+          this.$router.replace('/home')
           /*          this.$postRequest('/login', this.loginForm).then((res) => {
                       if (res.code === 200) {
                         // console.log(res)
diff --git a/src/views/SystemSetting/RoleManagement.vue b/src/views/SystemSetting/RoleManagement.vue
new file mode 100644
index 0000000000000000000000000000000000000000..ddff2b6e42027907f8bc55bced58ab7e387a320b
--- /dev/null
+++ b/src/views/SystemSetting/RoleManagement.vue
@@ -0,0 +1,26 @@
+<!-- 角色管理 -->
+<template>
+  <div class="" />
+</template>
+
+<script>
+
+export default {
+  components: {},
+  data() {
+    return {}
+  },
+  computed: {},
+  watch: {},
+  created() {
+
+  },
+  mounted() {
+  },
+  methods: {}
+}
+</script>
+<style lang='less' scoped>
+//@import url(); 引入公共css类
+</style>
+
diff --git a/src/views/SystemSetting/UserManagement.vue b/src/views/SystemSetting/UserManagement.vue
new file mode 100644
index 0000000000000000000000000000000000000000..55132a1b1864d230ffbd5d3ce664b2e5b9494504
--- /dev/null
+++ b/src/views/SystemSetting/UserManagement.vue
@@ -0,0 +1,25 @@
+<!-- 用户管理 -->
+<template>
+  <div class="" />
+</template>
+
+<script>
+
+export default {
+  components: {},
+  data() {
+    return {}
+  },
+  computed: {},
+  watch: {},
+  created() {
+
+  },
+  mounted() {
+  },
+  methods: {}
+}
+</script>
+<style lang='less' scoped>
+//@import url(); 引入公共css类
+</style>