diff --git a/src/assets/img/choicepart/factory-back.png b/src/assets/img/choicepart/factory-back.png
new file mode 100644
index 0000000..6c5087d
Binary files /dev/null and b/src/assets/img/choicepart/factory-back.png differ
diff --git a/src/assets/img/choicepart/factory-model.png b/src/assets/img/choicepart/factory-model.png
new file mode 100644
index 0000000..b029736
Binary files /dev/null and b/src/assets/img/choicepart/factory-model.png differ
diff --git a/src/components/baseContainer/index.vue b/src/components/baseContainer/index.vue
new file mode 100644
index 0000000..f3ea65f
--- /dev/null
+++ b/src/components/baseContainer/index.vue
@@ -0,0 +1,143 @@
+<!--
+ * @Author: gtz
+ * @Date: 2022-01-19 15:58:17
+ * @LastEditors: zhp
+ * @LastEditTime: 2022-01-24 09:18:01
+ * @Description: file content
+ * @FilePath: \mt-bus-fe\src\views\OperationalOverview\components\baseContainer\index.vue
+-->
+<template>
+  <div class="base-container" :style="{height: height * beilv + 'px', fontSize: 12 * beilv + 'px'}">
+    <div class="line" />
+    <div class="line line-vertical" />
+    <div class="line line-right" />
+    <div class="line line-right-vertical" />
+    <div class="line line-bottom" />
+    <div class="line line-bottom-vertical" />
+    <div class="line line-bottom-right" />
+    <div class="line line-bottom-right-vertical" />
+    <div class="bar-item">
+      <div v-if="title" class="bar-title">
+        <span>
+          <svg-icon :icon-class="titleIcon" style="font-size: 1.5em; position: relative; top: .08em" />
+          {{ title }}
+        </span>
+      </div>
+      <div class="bar-content">
+        <slot />
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'BaseContainer',
+  props: {
+    title: {
+      type: String,
+      default: ''
+    },
+    titleIcon: {
+      type: String,
+      default: ''
+    },
+    height: {
+      type: Number,
+      default: 200
+    },
+    baseSize: {
+      type: Number,
+      default: 12
+    },
+    beilv: {
+      type: Number,
+      default: 1
+    }
+  },
+  data() {
+    return {
+      curIndex: 0
+    }
+  },
+  mounted() {
+  },
+  methods: {
+    changeTab(num) {
+      this.curIndex = num
+      this.$emit('tabSelect', num)
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.base-container {
+  color: #fff;
+  width: 100%;
+  background-color: rgba($color: #061027, $alpha: 0.15);
+  position: relative;
+  border: 2px solid;
+  border-image: linear-gradient(90deg, rgba(82, 255, 241, 0.6), rgba(95, 190, 249, 0), rgba(82, 255, 241, 0.6)) 2 2;
+  .line {
+    position: absolute;
+    border-top: 4px solid #52FFF1;
+    width: 2em;
+    top: -.25em;
+    left: -.25em;
+    &-vertical {
+      top: calc(-5em / 12);
+      left: calc(-1em / 12);
+      transform: rotate(90deg);
+      transform-origin: left;
+    }
+    &-right {
+      top: -.25em;
+      right: -.25em;
+      left: inherit;
+    }
+    &-right-vertical {
+      top: calc(-5em / 12);
+      right: calc(-1em / 12);
+      left: inherit;
+      transform: rotate(-90deg);
+      transform-origin: right;
+    }
+    &-bottom {
+      top: inherit;
+      left: -.25em;
+      bottom: -.25em;
+    }
+    &-bottom-vertical {
+      top: inherit;
+      left: calc(-1em / 12);
+      bottom: calc(-5em / 12);
+      transform: rotate(-90deg);
+      transform-origin: left;
+    }
+    &-bottom-right {
+      top: inherit;
+      left: inherit;
+      right: -.25em;
+      bottom: -.25em;
+    }
+    &-bottom-right-vertical {
+      top: inherit;
+      left: inherit;
+      right: calc(-1em / 12);
+      bottom: calc(-5em / 12);
+      transform: rotate(90deg);
+      transform-origin: right;
+    }
+  }
+  .bar-title {
+    width: 100%;
+    color: #52FFF1;
+    font-size: 1.5em;
+    padding: .67em;
+  }
+  // .bar-content{
+  //   padding: 1em;
+  // }
+}
+</style>
diff --git a/src/components/baseTable.vue b/src/components/baseTable.vue
new file mode 100644
index 0000000..72c5573
--- /dev/null
+++ b/src/components/baseTable.vue
@@ -0,0 +1,176 @@
+<!--
+ * @Date: 2020-12-14 09:07:03
+ * @LastEditors: gtz
+ * @LastEditTime: 2022-06-14 11:12:39
+ * @FilePath: \mt-bus-fe\src\views\OperationalOverview\components\baseTable.vue
+ * @Description:
+-->
+<template>
+  <div class="visual-base-table-container">
+    <el-table
+      v-loading="isLoading"
+      :header-cell-style="{background:'rgba(79,114,136,0.29)',color:'#fff',height: 28 * beilv + 'px',lineHeight: 28 * beilv + 'px',padding: 0,fontSize: 12 * beilv + 'px'}"
+      :row-style="setRowStyle"
+      :data="renderData"
+      border
+      style="width: 100%; background: transparent"
+    >
+      <el-table-column v-if="page && limit && showIndex" prop="_pageIndex" :label="'tableHeader.index' | i18nFilter" :width="70 * beilv" align="center" />
+      <el-table-column
+        v-for="item in renderTableHeadList"
+        :key="item.prop"
+        :show-overflow-tooltip="showOverflow"
+        v-bind="item"
+      >
+        <template slot-scope="scope">
+
+          <component :is="item.subcomponent" v-if="item.subcomponent" :inject-data="{...scope.row, ...item}" @emitData="emitData" />
+          <span v-else>{{ scope.row[item.prop] | commonFilter(item.filter) }}</span>
+
+        </template>
+      </el-table-column>
+      <slot name="content" />
+    </el-table>
+  </div>
+</template>
+<script>
+import { isObject, isString } from 'lodash'
+export default {
+  name: 'BaseTable',
+  filters: {
+    commonFilter: (source, filterType = a => a) => {
+      return filterType(source)
+    }
+  },
+  props: {
+    tableData: {
+      type: Array,
+      required: true,
+      validator: val => val.filter(item => !isObject(item)).length === 0
+    },
+    tableConfig: {
+      type: Array,
+      required: true,
+      validator: val => val.filter(item => !isString(item.prop) || !isString(item.label)).length === 0
+    },
+    isLoading: {
+      type: Boolean,
+      required: false
+    },
+    page: {
+      type: Number,
+      required: false,
+      default: 1
+    },
+    limit: {
+      type: Number,
+      required: false,
+      default: 5
+    },
+    beilv: {
+      type: Number,
+      default: 1
+    },
+    showOverflow: {
+      type: Boolean,
+      default: true
+    },
+    showIndex: {
+      type: Boolean,
+      default: true
+    }
+  },
+  data() {
+    return {
+      tableConfigBak: [],
+      selectedBox: new Array(100).fill(true)
+    }
+  },
+  computed: {
+    renderData() {
+      if (this.tableData.length && !this.tableData[0]._pageIndex) {
+        this.tableData.forEach((item, index) => {
+          item._pageIndex = (this.page - 1) * this.limit + index + 1
+        })
+      }
+      return this.tableData.slice((this.page - 1) * this.limit, this.page * this.limit)
+    },
+    renderTableHeadList() {
+      return this.tableConfig.filter((item, index) => {
+        return this.selectedBox[index]
+      })
+    }
+  },
+  beforeMount() {
+    this.selectedBox = new Array(100).fill(true)
+  },
+  methods: {
+    emitData(val) {
+      this.$emit('emitFun', val)
+    },
+    setRowStyle(v) {
+      if (v.rowIndex % 2 === 0) {
+        return {
+          background: 'rgba(76,97,123,0.2)',
+          color: 'rgba(255,255,255,0.5)',
+          height: 26 * this.beilv + 'px',
+          lineHeight: 26 * this.beilv + 'px',
+          padding: 0,
+          fontSize: 12 * this.beilv + 'px'
+        }
+      } else {
+        return {
+          background: 'rgba(79,114,136,0.29)',
+          color: 'rgba(255,255,255,0.5)',
+          height: 26 * this.beilv + 'px',
+          lineHeight: 26 * this.beilv + 'px',
+          padding: 0,
+          fontSize: 12 * this.beilv + 'px'
+        }
+      }
+    },
+    setCellStyle(v) {
+      return {
+        lineHeight: 23 * this.beilv + 'px'
+      }
+    }
+  }
+}
+</script>
+<style lang="scss">
+@import "~@/styles/index.scss";
+.visual-base-table-container {
+  .el-table {
+    border: 0;
+  }
+  .el-table::before,.el-table--border::after {
+    background-color: transparent;
+  }
+  .el-table th,td{
+    border-color: #0D1728 !important;
+    padding: 0;
+  }
+  .el-table tr {
+    background: transparent;
+  }
+  .el-table__row:hover > td {
+    background-color: rgba(79,114,136,0.29) !important;
+    }
+
+  .el-table__row--striped:hover > td {
+    background-color: rgba(79,114,136,0.29) !important;
+  }
+}
+.setting {
+  text-align: right;
+  padding: 15px;
+  .setting-box {
+    width: 100px;
+  }
+  i {
+    color: #aaa;
+    @extend .pointer;
+  }
+}
+
+</style>
diff --git a/src/icons/svg/home-old.svg b/src/icons/svg/home-old.svg
new file mode 100644
index 0000000..4e97c20
--- /dev/null
+++ b/src/icons/svg/home-old.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1615188284589" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2221" xmlns:xlink="http://www.w3.org/1999/xlink" width="32" height="32"><defs><style type="text/css"></style></defs><path d="M998.428444 381.112889l-469.333333-353.180445c-0.469333-0.355556-0.981333-0.568889-1.479111-0.896a28.017778 28.017778 0 0 0-2.417778-1.464888 29.909333 29.909333 0 0 0-10.453333-3.128889 30.705778 30.705778 0 0 0-5.475556-0.014223 28.771556 28.771556 0 0 0-13.112889 4.707556c-0.412444 0.284444-0.867556 0.469333-1.28 0.782222l-469.333333 353.180445a28.458667 28.458667 0 0 0 34.204445 45.468444l73.656888-55.424V854.186667c0 111.701333 29.141333 147.555556 136.803556 147.555555h483.555556c107.662222 0 147.640889-35.854222 147.640888-147.555555V379.320889l62.805334 47.260444c5.12 3.854222 11.121778 5.717333 17.080889 5.717334a28.444444 28.444444 0 0 0 17.137777-51.185778zM443.747556 674.673778H580.266667c31.288889 0 36.707556 0.554667 36.707555 28.8v241.422222H417.877333V703.473778c0-28.245333-5.418667-28.8 25.870223-28.8z m400.782222-327.111111v506.666666c0 81.365333-14.193778 90.666667-90.752 90.666667h-108.359111V703.473778c0-48.967111-23.850667-57.244444-65.152-57.244445h-136.519111c-41.301333 0-54.314667 8.277333-54.314667 57.244445v241.422222H270.222222c-76.572444 0-79.914667-9.301333-79.914666-90.666667V347.562667c0-5.788444-1.749333-11.150222-4.721778-15.644445L512 86.272l334.336 251.591111a28.231111 28.231111 0 0 0-1.806222 9.699556z" fill="" p-id="2222"></path><path d="M435.370667 230.499556L250.055111 373.617778c-3.512889 2.688-2.858667 6.855111-2.858667 11.278222v161.777778a14.222222 14.222222 0 1 0 28.444445 0V391.907556l178.730667-138.837334c6.243556-4.778667 5.034667-13.710222 0.256-19.939555a13.425778 13.425778 0 0 0-19.256889-2.631111zM261.418667 589.340444a14.222222 14.222222 0 0 0-14.222223 14.222223v14.222222a14.222222 14.222222 0 1 0 28.444445 0v-14.222222a14.222222 14.222222 0 0 0-14.222222-14.222223z" fill="" p-id="2223"></path></svg>
\ No newline at end of file
diff --git a/src/icons/svg/home.svg b/src/icons/svg/home.svg
index 4e97c20..44052d2 100644
--- a/src/icons/svg/home.svg
+++ b/src/icons/svg/home.svg
@@ -1 +1,13 @@
-<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1615188284589" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2221" xmlns:xlink="http://www.w3.org/1999/xlink" width="32" height="32"><defs><style type="text/css"></style></defs><path d="M998.428444 381.112889l-469.333333-353.180445c-0.469333-0.355556-0.981333-0.568889-1.479111-0.896a28.017778 28.017778 0 0 0-2.417778-1.464888 29.909333 29.909333 0 0 0-10.453333-3.128889 30.705778 30.705778 0 0 0-5.475556-0.014223 28.771556 28.771556 0 0 0-13.112889 4.707556c-0.412444 0.284444-0.867556 0.469333-1.28 0.782222l-469.333333 353.180445a28.458667 28.458667 0 0 0 34.204445 45.468444l73.656888-55.424V854.186667c0 111.701333 29.141333 147.555556 136.803556 147.555555h483.555556c107.662222 0 147.640889-35.854222 147.640888-147.555555V379.320889l62.805334 47.260444c5.12 3.854222 11.121778 5.717333 17.080889 5.717334a28.444444 28.444444 0 0 0 17.137777-51.185778zM443.747556 674.673778H580.266667c31.288889 0 36.707556 0.554667 36.707555 28.8v241.422222H417.877333V703.473778c0-28.245333-5.418667-28.8 25.870223-28.8z m400.782222-327.111111v506.666666c0 81.365333-14.193778 90.666667-90.752 90.666667h-108.359111V703.473778c0-48.967111-23.850667-57.244444-65.152-57.244445h-136.519111c-41.301333 0-54.314667 8.277333-54.314667 57.244445v241.422222H270.222222c-76.572444 0-79.914667-9.301333-79.914666-90.666667V347.562667c0-5.788444-1.749333-11.150222-4.721778-15.644445L512 86.272l334.336 251.591111a28.231111 28.231111 0 0 0-1.806222 9.699556z" fill="" p-id="2222"></path><path d="M435.370667 230.499556L250.055111 373.617778c-3.512889 2.688-2.858667 6.855111-2.858667 11.278222v161.777778a14.222222 14.222222 0 1 0 28.444445 0V391.907556l178.730667-138.837334c6.243556-4.778667 5.034667-13.710222 0.256-19.939555a13.425778 13.425778 0 0 0-19.256889-2.631111zM261.418667 589.340444a14.222222 14.222222 0 0 0-14.222223 14.222223v14.222222a14.222222 14.222222 0 1 0 28.444445 0v-14.222222a14.222222 14.222222 0 0 0-14.222222-14.222223z" fill="" p-id="2223"></path></svg>
\ No newline at end of file
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="32px" height="32px" viewBox="0 0 32 32" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>首页</title>
+    <g id="4数采平台" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="数采平台" transform="translate(-1864.000000, -46.000000)" fill-rule="nonzero">
+            <g id="首页" transform="translate(1864.000000, 46.000000)">
+                <rect id="矩形" fill="#000000" opacity="0" x="0" y="0" width="32" height="32"></rect>
+                <path d="M3.36212554,9.99760304 L14.4561021,2.03491762 C15.37881,1.37257076 16.62119,1.37257076 17.5438979,2.03491762 L28.6378745,9.99760304 C29.7265595,10.7789878 30.3723957,12.0369335 30.3723957,13.3770071 L30.3723957,26.217608 C30.3723957,28.5153002 28.5096576,30.3780383 26.2119654,30.3780383 L5.78803465,30.3780383 C3.49034244,30.3780383 1.62760433,28.5153002 1.62760433,26.217608 L1.62760433,13.3773853 C1.62760433,12.0371783 2.27333209,10.7790656 3.36212554,9.99760304 Z M4.68552062,11.8410519 C4.19052975,12.196239 3.89692996,12.7681449 3.89692996,13.3773853 L3.89692996,26.217608 C3.89692996,27.2620363 4.74360637,28.1087127 5.78803465,28.1087127 L26.2119654,28.1087127 C27.2563936,28.1087127 28.10307,27.2620363 28.10307,26.217608 L28.10307,13.3773853 C28.10307,12.7681449 27.8094702,12.196239 27.3144794,11.8410519 L16.2205028,3.87836647 C16.0887105,3.78379718 15.9112895,3.78379718 15.7794972,3.87836647 L4.68552062,11.8414301 L4.68552062,11.8410519 Z" id="形状" fill="#42D0CE"></path>
+                <path d="M16.25,17 C16.8972087,17 17.4295339,17.4918747 17.4935464,18.1221948 L17.5,18.25 L17.5,28.25 C17.5,28.9403559 16.9403559,29.5 16.25,29.5 C15.6027913,29.5 15.0704661,29.0081253 15.0064536,28.3778052 L15,28.25 L15,18.25 C15,17.5596441 15.5596441,17 16.25,17 Z" id="路径-3" fill="#42D0CE"></path>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/src/icons/svg/logout-old.svg b/src/icons/svg/logout-old.svg
new file mode 100644
index 0000000..5a5ca14
--- /dev/null
+++ b/src/icons/svg/logout-old.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1611891006162" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2308" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16"><defs><style type="text/css"></style></defs><path d="M874.140686 556.503194H479.15707a33.412941 33.412941 0 0 1 0-66.825882h403.514579l-83.887809-85.025271a33.811052 33.811052 0 0 1 0-47.204665 32.872646 32.872646 0 0 1 46.635935 0l122.845876 124.552069a30.569286 30.569286 0 0 1 17.061927 9.099694 45.242544 45.242544 0 0 1 0 55.166898 30.569286 30.569286 0 0 1-17.061927 9.099695l-122.845876 124.552069a32.872646 32.872646 0 0 1-46.635935 0 33.811052 33.811052 0 0 1 0-47.204666zM775.465873 200.477645V89.006387a88.295473 88.295473 0 0 0-87.58456-89.006387H116.875482A88.352347 88.352347 0 0 0 29.006556 89.006387v845.70286a88.352347 88.352347 0 0 0 87.868926 89.006388h571.005831a88.295473 88.295473 0 0 0 87.58456-89.006388v-111.186892a32.84421 32.84421 0 1 0-65.68842 0v89.006387a44.304138 44.304138 0 0 1-43.79228 44.361011H138.487256a43.70697 43.70697 0 0 1-43.507914-44.361011V111.186893a44.048209 44.048209 0 0 1 43.507914-44.361011H665.985173a44.105082 44.105082 0 0 1 43.79228 44.361011v89.290752a32.84421 32.84421 0 1 0 65.68842 0z m0 0" p-id="2309"></path></svg>
\ No newline at end of file
diff --git a/src/icons/svg/logout.svg b/src/icons/svg/logout.svg
index 5a5ca14..d09a3ac 100644
--- a/src/icons/svg/logout.svg
+++ b/src/icons/svg/logout.svg
@@ -1 +1,12 @@
-<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1611891006162" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2308" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16"><defs><style type="text/css"></style></defs><path d="M874.140686 556.503194H479.15707a33.412941 33.412941 0 0 1 0-66.825882h403.514579l-83.887809-85.025271a33.811052 33.811052 0 0 1 0-47.204665 32.872646 32.872646 0 0 1 46.635935 0l122.845876 124.552069a30.569286 30.569286 0 0 1 17.061927 9.099694 45.242544 45.242544 0 0 1 0 55.166898 30.569286 30.569286 0 0 1-17.061927 9.099695l-122.845876 124.552069a32.872646 32.872646 0 0 1-46.635935 0 33.811052 33.811052 0 0 1 0-47.204666zM775.465873 200.477645V89.006387a88.295473 88.295473 0 0 0-87.58456-89.006387H116.875482A88.352347 88.352347 0 0 0 29.006556 89.006387v845.70286a88.352347 88.352347 0 0 0 87.868926 89.006388h571.005831a88.295473 88.295473 0 0 0 87.58456-89.006388v-111.186892a32.84421 32.84421 0 1 0-65.68842 0v89.006387a44.304138 44.304138 0 0 1-43.79228 44.361011H138.487256a43.70697 43.70697 0 0 1-43.507914-44.361011V111.186893a44.048209 44.048209 0 0 1 43.507914-44.361011H665.985173a44.105082 44.105082 0 0 1 43.79228 44.361011v89.290752a32.84421 32.84421 0 1 0 65.68842 0z m0 0" p-id="2309"></path></svg>
\ No newline at end of file
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="32px" height="32px" viewBox="0 0 32 32" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>退出</title>
+    <g id="首页" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g transform="translate(-1864.000000, -46.000000)" fill-rule="nonzero" id="退出">
+            <g transform="translate(1864.000000, 46.000000)">
+                <rect id="矩形" fill="#000000" opacity="0" x="0" y="0" width="32" height="32"></rect>
+                <path d="M16.75,2 C17.4403559,2 18,2.55964406 18,3.25 C18,3.94035594 17.4403559,4.5 16.75,4.5 L16.75,4.5 L5.125,4.5 C4.77982203,4.5 4.5,4.77982203 4.5,5.125 L4.5,5.125 L4.5,26.875 C4.5,27.220178 4.77982203,27.5 5.125,27.5 L5.125,27.5 L16.75,27.5 C17.4403559,27.5 18,28.0596441 18,28.75 C18,29.4403559 17.4403559,30 16.75,30 L16.75,30 L3.25,30 C2.55964406,30 2,29.4403559 2,28.75 L2,28.75 L2,3.25 C2,2.55964406 2.55964406,2 3.25,2 L3.25,2 Z M24.0001562,9.9991732 C24.331688,9.9991732 24.6496402,10.1308781 24.8840625,10.3653125 L24.8840625,10.3653125 L29.6340625,15.1128125 C29.8217817,15.3000624 29.9448361,15.5423394 29.9853125,15.804375 L29.9853125,15.804375 C29.986875,15.815625 29.986875,15.8196875 29.986875,15.82375 C29.98875,15.835625 29.99125,15.8478125 29.99125,15.86 L29.99125,15.86 L29.993125,15.875 C30.0323914,16.2495473 29.9003119,16.6217819 29.63375,16.8878125 L29.63375,16.8878125 L24.8721875,21.6340625 C24.3840627,22.1220399 23.5928123,22.1220399 23.1046875,21.6340625 C22.8702531,21.3996402 22.7385482,21.081688 22.7385482,20.7501562 C22.7385482,20.4186245 22.8702531,20.1006723 23.1046875,19.86625 L23.1046875,19.86625 L25.7296875,17.25 L9.25,17.25 C8.55964406,17.25 8,16.6903559 8,16 C8,15.3096441 8.55964406,14.75 9.25,14.75 L9.25,14.75 L25.734375,14.75 L23.11625,12.133125 C22.8818156,11.8987027 22.7501107,11.5807505 22.7501107,11.2492187 C22.7501107,10.917687 22.8818156,10.5997348 23.11625,10.3653125 C23.3506723,10.1308781 23.6686245,9.9991732 24.0001562,9.9991732 Z" id="形状结合" fill="#42D0CE"></path>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/src/icons/svg/material.svg b/src/icons/svg/material.svg
new file mode 100644
index 0000000..06f206b
--- /dev/null
+++ b/src/icons/svg/material.svg
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>物料信息 </title>
+    <g id="4数采平台" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="数采平台" transform="translate(-993.000000, -793.000000)" fill-rule="nonzero">
+            <g id="编组-5备份-6" transform="translate(968.000000, 768.000000)">
+                <g id="物料信息-" transform="translate(25.000000, 25.000000)">
+                    <rect id="矩形" fill="#000000" opacity="0" x="0" y="0" width="24" height="24"></rect>
+                    <path d="M20.3505422,14.9151538 L20.458789,14.9215423 C20.8283324,15.1756033 20.9365283,16.0632505 20.5345696,16.3962497 L20.4405365,16.4586841 L12.3478497,20.7032297 C12.2016803,20.79009 11.8833705,20.8006382 11.6976954,20.7375186 L11.6173217,20.699832 L3.53524588,16.5181762 C3.13421554,16.2396631 3.13620989,15.4741677 3.38080569,15.0736815 L3.44148439,14.9881289 L3.57039169,14.9618461 L11.9916374,19.3126195 L20.3505422,14.9151538 Z M20.3505455,11.1907368 L20.4587026,11.1970677 C20.8283142,11.4506321 20.936545,12.3384142 20.5345732,12.6714428 L20.4405365,12.7338816 L12.3478497,16.9784271 C12.2016803,17.0652875 11.8833705,17.0758357 11.6976954,17.012716 L11.6173217,16.9750295 L3.53524588,12.7933736 C3.13421554,12.5148606 3.13620989,11.7493651 3.38080569,11.348879 L3.44148439,11.2633264 L3.57039169,11.2370435 L11.9916374,15.5876251 L20.3505455,11.1907368 Z M12.4463389,3.3309719 L12.5600247,3.40332636 L20.3179067,7.46797471 C20.3828378,7.50198626 20.4422319,7.54565391 20.4941486,7.59757438 C20.8671243,7.97146203 20.8671243,8.57668705 20.4940313,8.95069207 L20.4111763,9.02185105 L20.3185938,9.07973137 L12.5536247,13.1569789 C12.2525083,13.3810327 11.8526139,13.4065554 11.5389056,13.2394459 L11.4256662,13.1677617 L3.66901765,9.16124436 C3.60269972,9.12706228 3.54205927,9.0828421 3.48915918,9.0300661 C3.30967167,8.85060515 3.20883441,8.60718793 3.20883441,8.35337304 C3.20883441,8.09955815 3.30967167,7.85614093 3.48911133,7.67672785 L3.57020807,7.60674321 L3.66079174,7.54945114 L11.4274137,3.41400371 C11.7293235,3.18803429 12.1313281,3.16229769 12.4463389,3.3309719 Z M12.0031732,4.74717805 L5.24637717,8.34632811 L11.9321821,11.8491065 L18.7348003,8.27501628 L12.0031732,4.74717805 Z" id="形状结合" stroke="#6EF9E1" stroke-width="0.2" fill="#77FFF2"></path>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/src/icons/svg/signal-error.svg b/src/icons/svg/signal-error.svg
new file mode 100644
index 0000000..e8af75c
--- /dev/null
+++ b/src/icons/svg/signal-error.svg
@@ -0,0 +1,28 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="18px" height="20px" viewBox="0 0 18 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>通信备份 2</title>
+    <defs>
+        <path d="M11.2958904,14.3850991 L8.67195496,8.40144728 C9.0924638,8.16335668 9.3882286,7.72947771 9.3882286,7.21211944 C9.3882286,6.44534616 8.7667879,5.82389084 8.00001461,5.82389084 C7.23324133,5.82389084 6.61180062,6.44534616 6.61180062,7.21211944 C6.61180062,7.7294631 6.90758004,8.16335668 7.32702219,8.40144728 L4.70311597,14.3850844 C4.47637903,14.9045176 4.75361561,15.3291179 5.32045066,15.3291179 L10.6795932,15.3291179 C11.2464136,15.3291179 11.5236502,14.9045176 11.2958904,14.3850844 L11.2958904,14.3850991 Z M7.20895591,7.19936302 C7.20895591,6.75097417 7.57244809,6.3874966 8.02082233,6.3874966 C8.46921119,6.3874966 8.83267414,6.75097417 8.83267414,7.19936302 C8.83267414,7.64775188 8.46919657,8.01124406 8.02082233,8.01124406 C7.57244809,8.01124406 7.20895591,7.64775188 7.20895591,7.19936302 Z M8.00001461,2.9165817 C5.63167513,2.9165817 3.70549972,4.84380919 3.70549972,7.21109659 C3.70549972,8.45605293 4.24552146,9.56910527 5.09371372,10.3533839 L5.42387555,9.60104746 C4.82683716,8.96708413 4.4608463,8.11310545 4.4608463,7.17355794 C4.4608463,5.2175445 6.04649985,3.63189095 8.00251329,3.63189095 C9.95852674,3.63189095 11.5441803,5.21752989 11.5441803,7.17354333 C11.5441803,8.11488814 11.1768159,8.97035726 10.577761,9.60468589 L10.9063155,10.3533839 C11.7545078,9.5680532 12.2945295,8.45605293 12.2945295,7.21109659 C12.2945295,4.84275711 10.3683541,2.9165817 8.00001461,2.9165817 Z M8.00001461,0.670882115 C4.39291435,0.670882115 1.45877728,3.60503379 1.45877728,7.21213406 C1.45877728,9.38154354 2.52441315,11.3015526 4.15586122,12.4929408 L4.50352843,11.6999094 C3.14287298,10.6509899 2.26604087,9.0051342 2.26604087,7.15425528 C2.26604087,3.9860898 4.8343332,1.41779747 8.00248407,1.41779747 C11.1706349,1.41779747 13.7389565,3.9860898 13.7389565,7.15424066 C13.7389565,9.00682922 12.860517,10.654 11.4977282,11.7027588 L11.8441388,12.4929408 C13.4755868,11.3025901 14.5412227,9.38152893 14.5412227,7.21211944 C14.5412227,3.60503379 11.6071149,0.670882115 8.00001461,0.670882115 Z" id="path-1"></path>
+        <filter x="-22.9%" y="-20.5%" width="145.9%" height="140.9%" filterUnits="objectBoundingBox" id="filter-2">
+            <feMorphology radius="0.5" operator="dilate" in="SourceAlpha" result="shadowSpreadOuter1"></feMorphology>
+            <feOffset dx="0" dy="0" in="shadowSpreadOuter1" result="shadowOffsetOuter1"></feOffset>
+            <feGaussianBlur stdDeviation="0.5" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
+            <feColorMatrix values="0 0 0 0 1   0 0 0 0 0.0470588235   0 0 0 0 0.0470588235  0 0 0 0.249890734 0" type="matrix" in="shadowBlurOuter1"></feColorMatrix>
+        </filter>
+    </defs>
+    <g id="4数采平台" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="数采平台" transform="translate(-355.000000, -908.000000)">
+            <g id="编组-5备份-5" transform="translate(24.000000, 768.000000)">
+                <g id="编组-19备份-2" transform="translate(25.000000, 57.000000)">
+                    <g id="通信备份-2" transform="translate(307.000000, 85.000000)">
+                        <rect id="矩形" fill="#000000" fill-rule="nonzero" opacity="0" x="0" y="0" width="16" height="16"></rect>
+                        <g id="形状">
+                            <use fill="black" fill-opacity="1" filter="url(#filter-2)" xlink:href="#path-1"></use>
+                            <use fill="#FF0C0C" fill-rule="evenodd" xlink:href="#path-1"></use>
+                        </g>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/src/icons/svg/signal-warning.svg b/src/icons/svg/signal-warning.svg
new file mode 100644
index 0000000..734dcc3
--- /dev/null
+++ b/src/icons/svg/signal-warning.svg
@@ -0,0 +1,28 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="18px" height="20px" viewBox="0 0 18 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>通信备份</title>
+    <defs>
+        <path d="M11.2958904,14.3850991 L8.67195496,8.40144728 C9.0924638,8.16335668 9.3882286,7.72947771 9.3882286,7.21211944 C9.3882286,6.44534616 8.7667879,5.82389084 8.00001461,5.82389084 C7.23324133,5.82389084 6.61180062,6.44534616 6.61180062,7.21211944 C6.61180062,7.7294631 6.90758004,8.16335668 7.32702219,8.40144728 L4.70311597,14.3850844 C4.47637903,14.9045176 4.75361561,15.3291179 5.32045066,15.3291179 L10.6795932,15.3291179 C11.2464136,15.3291179 11.5236502,14.9045176 11.2958904,14.3850844 L11.2958904,14.3850991 Z M7.20895591,7.19936302 C7.20895591,6.75097417 7.57244809,6.3874966 8.02082233,6.3874966 C8.46921119,6.3874966 8.83267414,6.75097417 8.83267414,7.19936302 C8.83267414,7.64775188 8.46919657,8.01124406 8.02082233,8.01124406 C7.57244809,8.01124406 7.20895591,7.64775188 7.20895591,7.19936302 Z M8.00001461,2.9165817 C5.63167513,2.9165817 3.70549972,4.84380919 3.70549972,7.21109659 C3.70549972,8.45605293 4.24552146,9.56910527 5.09371372,10.3533839 L5.42387555,9.60104746 C4.82683716,8.96708413 4.4608463,8.11310545 4.4608463,7.17355794 C4.4608463,5.2175445 6.04649985,3.63189095 8.00251329,3.63189095 C9.95852674,3.63189095 11.5441803,5.21752989 11.5441803,7.17354333 C11.5441803,8.11488814 11.1768159,8.97035726 10.577761,9.60468589 L10.9063155,10.3533839 C11.7545078,9.5680532 12.2945295,8.45605293 12.2945295,7.21109659 C12.2945295,4.84275711 10.3683541,2.9165817 8.00001461,2.9165817 Z M8.00001461,0.670882115 C4.39291435,0.670882115 1.45877728,3.60503379 1.45877728,7.21213406 C1.45877728,9.38154354 2.52441315,11.3015526 4.15586122,12.4929408 L4.50352843,11.6999094 C3.14287298,10.6509899 2.26604087,9.0051342 2.26604087,7.15425528 C2.26604087,3.9860898 4.8343332,1.41779747 8.00248407,1.41779747 C11.1706349,1.41779747 13.7389565,3.9860898 13.7389565,7.15424066 C13.7389565,9.00682922 12.860517,10.654 11.4977282,11.7027588 L11.8441388,12.4929408 C13.4755868,11.3025901 14.5412227,9.38152893 14.5412227,7.21211944 C14.5412227,3.60503379 11.6071149,0.670882115 8.00001461,0.670882115 Z" id="path-1"></path>
+        <filter x="-22.9%" y="-20.5%" width="145.9%" height="140.9%" filterUnits="objectBoundingBox" id="filter-2">
+            <feMorphology radius="0.5" operator="dilate" in="SourceAlpha" result="shadowSpreadOuter1"></feMorphology>
+            <feOffset dx="0" dy="0" in="shadowSpreadOuter1" result="shadowOffsetOuter1"></feOffset>
+            <feGaussianBlur stdDeviation="0.5" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
+            <feColorMatrix values="0 0 0 0 1   0 0 0 0 0.717647059   0 0 0 0 0.0470588235  0 0 0 0.249890734 0" type="matrix" in="shadowBlurOuter1"></feColorMatrix>
+        </filter>
+    </defs>
+    <g id="4数采平台" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="数采平台" transform="translate(-355.000000, -881.000000)">
+            <g id="编组-5备份-5" transform="translate(24.000000, 768.000000)">
+                <g id="编组-19备份-2" transform="translate(25.000000, 57.000000)">
+                    <g id="通信备份" transform="translate(307.000000, 58.000000)">
+                        <rect id="矩形" fill="#000000" fill-rule="nonzero" opacity="0" x="0" y="0" width="16" height="16"></rect>
+                        <g id="形状">
+                            <use fill="black" fill-opacity="1" filter="url(#filter-2)" xlink:href="#path-1"></use>
+                            <use fill="#FFB70C" fill-rule="evenodd" xlink:href="#path-1"></use>
+                        </g>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/src/icons/svg/signal.svg b/src/icons/svg/signal.svg
new file mode 100644
index 0000000..e7533ab
--- /dev/null
+++ b/src/icons/svg/signal.svg
@@ -0,0 +1,28 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="18px" height="20px" viewBox="0 0 18 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>通信</title>
+    <defs>
+        <path d="M11.2958904,14.3850991 L8.67195496,8.40144728 C9.0924638,8.16335668 9.3882286,7.72947771 9.3882286,7.21211944 C9.3882286,6.44534616 8.7667879,5.82389084 8.00001461,5.82389084 C7.23324133,5.82389084 6.61180062,6.44534616 6.61180062,7.21211944 C6.61180062,7.7294631 6.90758004,8.16335668 7.32702219,8.40144728 L4.70311597,14.3850844 C4.47637903,14.9045176 4.75361561,15.3291179 5.32045066,15.3291179 L10.6795932,15.3291179 C11.2464136,15.3291179 11.5236502,14.9045176 11.2958904,14.3850844 L11.2958904,14.3850991 Z M7.20895591,7.19936302 C7.20895591,6.75097417 7.57244809,6.3874966 8.02082233,6.3874966 C8.46921119,6.3874966 8.83267414,6.75097417 8.83267414,7.19936302 C8.83267414,7.64775188 8.46919657,8.01124406 8.02082233,8.01124406 C7.57244809,8.01124406 7.20895591,7.64775188 7.20895591,7.19936302 Z M8.00001461,2.9165817 C5.63167513,2.9165817 3.70549972,4.84380919 3.70549972,7.21109659 C3.70549972,8.45605293 4.24552146,9.56910527 5.09371372,10.3533839 L5.42387555,9.60104746 C4.82683716,8.96708413 4.4608463,8.11310545 4.4608463,7.17355794 C4.4608463,5.2175445 6.04649985,3.63189095 8.00251329,3.63189095 C9.95852674,3.63189095 11.5441803,5.21752989 11.5441803,7.17354333 C11.5441803,8.11488814 11.1768159,8.97035726 10.577761,9.60468589 L10.9063155,10.3533839 C11.7545078,9.5680532 12.2945295,8.45605293 12.2945295,7.21109659 C12.2945295,4.84275711 10.3683541,2.9165817 8.00001461,2.9165817 Z M8.00001461,0.670882115 C4.39291435,0.670882115 1.45877728,3.60503379 1.45877728,7.21213406 C1.45877728,9.38154354 2.52441315,11.3015526 4.15586122,12.4929408 L4.50352843,11.6999094 C3.14287298,10.6509899 2.26604087,9.0051342 2.26604087,7.15425528 C2.26604087,3.9860898 4.8343332,1.41779747 8.00248407,1.41779747 C11.1706349,1.41779747 13.7389565,3.9860898 13.7389565,7.15424066 C13.7389565,9.00682922 12.860517,10.654 11.4977282,11.7027588 L11.8441388,12.4929408 C13.4755868,11.3025901 14.5412227,9.38152893 14.5412227,7.21211944 C14.5412227,3.60503379 11.6071149,0.670882115 8.00001461,0.670882115 Z" id="path-1"></path>
+        <filter x="-22.9%" y="-20.5%" width="145.9%" height="140.9%" filterUnits="objectBoundingBox" id="filter-2">
+            <feMorphology radius="0.5" operator="dilate" in="SourceAlpha" result="shadowSpreadOuter1"></feMorphology>
+            <feOffset dx="0" dy="0" in="shadowSpreadOuter1" result="shadowOffsetOuter1"></feOffset>
+            <feGaussianBlur stdDeviation="0.5" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
+            <feColorMatrix values="0 0 0 0 0.556862745   0 0 0 0 0.980392157   0 0 0 0 0.505882353  0 0 0 0.249890734 0" type="matrix" in="shadowBlurOuter1"></feColorMatrix>
+        </filter>
+    </defs>
+    <g id="4数采平台" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="数采平台" transform="translate(-355.000000, -856.000000)">
+            <g id="编组-5备份-5" transform="translate(24.000000, 768.000000)">
+                <g id="编组-19备份-2" transform="translate(25.000000, 57.000000)">
+                    <g id="通信" transform="translate(307.000000, 33.000000)">
+                        <rect id="矩形" fill="#000000" fill-rule="nonzero" opacity="0" x="0" y="0" width="16" height="16"></rect>
+                        <g id="形状">
+                            <use fill="black" fill-opacity="1" filter="url(#filter-2)" xlink:href="#path-1"></use>
+                            <use fill="#67FF55" fill-rule="evenodd" xlink:href="#path-1"></use>
+                        </g>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/src/store/modules/user.js b/src/store/modules/user.js
index e51be17..b274b42 100644
--- a/src/store/modules/user.js
+++ b/src/store/modules/user.js
@@ -1,6 +1,6 @@
 import { login, getUserInfo } from '@/api/user'
 import { getToken, setToken, removeToken } from '@/utils/auth'
-import router, { resetRouter } from '@/router'
+import router from '@/router'
 import Cookies from 'js-cookie'
 
 const state = {
@@ -49,6 +49,8 @@ const actions = {
           commit('SET_TOKEN', token)
           commit('SET_USERNAME', name)
           Cookies.set('username', name)
+          Cookies.set('account', username)
+          Cookies.set('password', password)
           setToken(token)
           resolve()
         } else {
@@ -93,13 +95,14 @@ const actions = {
   logout({ commit, state, dispatch }) {
     return new Promise((resolve, reject) => {
       removeToken()
-      resetRouter()
       dispatch('tagsView/delAllViews', null, { root: true })
       commit('SET_TOKEN', '')
       commit('SET_ROLES', [])
       commit('SET_MENUS', [])
       commit('SET_USERNAME')
       Cookies.set('username', '')
+      Cookies.set('account', '')
+      Cookies.set('password', '')
       localStorage.clear()
       resolve()
       // logout(state.token).then(() => {
@@ -139,8 +142,6 @@ const actions = {
 
       const { roles } = await dispatch('getInfo')
 
-      resetRouter()
-
       // generate accessible routes map based on roles
       const accessRoutes = await dispatch('permission/generateRoutes', roles, { root: true })
 
diff --git a/src/views/factory.vue b/src/views/factory.vue
index 3f74738..5813229 100644
--- a/src/views/factory.vue
+++ b/src/views/factory.vue
@@ -9,17 +9,36 @@
         合 肥 新 能 源 数 字 工 厂
       </span>
       <span class="navbar-right">
-        {{ time }}
+        <span>
+          {{ time }}
+          <svg-icon class="item-icon" icon-class="home" @click="handleHome" />
+        </span>
       </span>
     </div>
+    <el-row class="container-main">
+      <!-- 上 -->
+      <el-row :style="{ padding: '0 ' + 9 * beilv + 'px' }" :gutter="16 * beilv">
+        <el-col :span="24">
+          <base-container :beilv="beilv" :height="303">
+            <img style="width: 90%; margin: auto 5%;" :src="require('../assets/img/choicepart/factory-model.png')" alt="">
+          </base-container>
+        </el-col>
+      </el-row>
+    </el-row>
   </div>
 </template>
 
 <script>
+import baseContainer from '@/components/baseContainer'
+import BaseTable from '@/components/baseTable.vue'
 let interval = null
 
 export default {
   name: 'Factory',
+  components: {
+    baseContainer,
+    BaseTable
+  },
   data() {
     return {
       baseImg: require('../assets/img/login-back.jpg'),
@@ -27,7 +46,8 @@ export default {
       rowNum: 1,
       windowWidth: 0,
       date: '',
-      time: ''
+      time: '',
+      beilv: 1
     }
   },
   created() {
@@ -50,6 +70,9 @@ export default {
       const date = mytime.split(' ')[0].split('/').join('.')
       const time = mytime.split(' ')[1]
       return new Array(date, time)
+    },
+    handleHome() {
+      this.$router.push('/index')
     }
   }
 }
@@ -87,6 +110,15 @@ export default {
       position: relative;
       right: 84px;
       font-size: 32px;
+      span {
+        position: relative;
+        .item-icon {
+          position: absolute;
+          top: 0;
+          right: -56px;
+          cursor: pointer;
+        }
+      }
     }
     .navbar-title {
       .navbar-title-icon {
@@ -96,6 +128,9 @@ export default {
       }
     }
   }
+  .container-main {
+    margin-top: 24px;
+  }
 }
 ::-webkit-scrollbar-track-piece {
   //滚动条凹槽的颜色，还可以设置边框属性
diff --git a/src/views/index.vue b/src/views/index.vue
index 884e130..c6ba13d 100644
--- a/src/views/index.vue
+++ b/src/views/index.vue
@@ -9,7 +9,10 @@
         合 肥 新 能 源 数 字 工 厂
       </span>
       <span class="navbar-right">
-        {{ time }}
+        <span>
+          {{ time }}
+          <svg-icon @click="logout" class="item-icon" icon-class="logout" />
+        </span>
       </span>
     </div>
     <div class="choicepart-box">
@@ -29,6 +32,7 @@
 </template>
 
 <script>
+import Cookie from 'js-cookie'
 let interval = null
 
 export default {
@@ -41,7 +45,7 @@ export default {
       windowWidth: 0,
       routeList: [
         { name: 'factory', path: 'http://www.baidu.com', title: '数字工厂总览' },
-        { name: 'mes', path: 'http://hfxny.mes.picaiba.com', title: 'MES生产管理平台' },
+        { name: 'mes', path: 'http://localhost:9528/#/login', title: 'MES生产管理平台' },
         { name: 'wms', path: 'http://a.wms.picaiba.com', title: 'WMS物流仓储管理' },
         { name: 'data', path: 'factory', title: '数据采集平台' }
       ],
@@ -72,13 +76,17 @@ export default {
     },
     handelClick(item) {
       if (item.path.substring(0,4) === 'http') {
-        window.open(item.path)
+        window.open(`${item.path}?username=${Cookie.get('account')}&password=${Cookie.get('password')}`)
       } else {
         this.$router.push({
           name: item.path
         })
       }
-    }
+    },
+    async logout() {
+      await this.$store.dispatch('user/logout')
+      this.$router.push('/')
+    },
   }
 }
 </script>
@@ -115,6 +123,15 @@ export default {
       position: relative;
       right: 84px;
       font-size: 32px;
+      span {
+        position: relative;
+        .item-icon {
+          position: absolute;
+          top: 0;
+          right: -56px;
+          cursor: pointer;
+        }
+      }
     }
     .navbar-title {
       .navbar-title-icon {
diff --git a/src/views/login.vue b/src/views/login.vue
index 6809aef..ad3f4dc 100644
--- a/src/views/login.vue
+++ b/src/views/login.vue
@@ -96,8 +96,6 @@
 </template>
 
 <script>
-import { login } from '@/api/user'
-// import { mapGetters } from 'vuex'
 
 export default {
   name: 'LoginPage',
@@ -120,8 +118,8 @@ export default {
       baseImg: require('../assets/img/login-back.png'),
       coverImgUrl: '',
       loginForm: {
-        username: '13588441519',
-        password: '123abc.'
+        username: '18099288101',
+        password: '18072965424'
       },
       loginRules: {
         username: [{ required: true, trigger: 'blur', validator: validateUsername }],
@@ -201,39 +199,7 @@ export default {
         }
         return acc
       }, {})
-    },
-    // changeLanguage(lang) {
-    //   if (this.language !== lang) {
-    //     this.$i18n.locale = lang
-    //     this.$store.dispatch('app/setLanguage', lang)
-    //     this.$message({
-    //       message: 'Switch Language Success',
-    //       type: 'success',
-    //       duration: 2000,
-    //       onClose: () => {
-    //         location.reload()
-    //       }
-    //     })
-    //   }
-    // }
-    // afterQRScan() {
-    //   if (e.key === 'x-admin-oauth-code') {
-    //     const code = getQueryObject(e.newValue)
-    //     const codeMap = {
-    //       wechat: 'code',
-    //       tencent: 'code'
-    //     }
-    //     const type = codeMap[this.auth_type]
-    //     const codeName = code[type]
-    //     if (codeName) {
-    //       this.$store.dispatch('LoginByThirdparty', codeName).then(() => {
-    //         this.$router.push({ path: this.redirect || '/' })
-    //       })
-    //     } else {
-    //       alert('第三方登录失败')
-    //     }
-    //   }
-    // }
+    }
   }
 }
 </script>