From 9cdc77656c20f1a9a295d89e5998ed321a86fe55 Mon Sep 17 00:00:00 2001
From: yanyizhou <2311759275@qq.com>
Date: Fri, 22 Oct 2021 14:16:21 +0800
Subject: [PATCH] =?UTF-8?q?=E5=B7=A6=E4=BE=A7=E8=8F=9C=E5=8D=95=E6=A0=8F?=
 =?UTF-8?q?=E6=94=B6=E7=BC=A9=E6=94=BE=E5=88=B0=E5=8F=B3=E4=BE=A7?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/App.vue                      |  557 +++++++--------
 src/components/navMenu/index.vue | 1134 +++++++++++++++---------------
 2 files changed, 859 insertions(+), 832 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index a1a8916e3..dcb78047d 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -12,8 +12,8 @@
           <div class="header-right" style="display: inline-block; float: right; margin-right: 20px; color: #fff">
             <div class="user-info">
               <el-dropdown
-                      trigger="click"
-                      @command="handleCommand"
+                  trigger="click"
+                  @command="handleCommand"
               >
                 <div class="user-box" style="margin-top: 23px;">
                   <img :src="userAvator" v-if="$store.getters.userInfo.avator">
@@ -27,11 +27,11 @@
               </el-dropdown>
             </div>
           </div>
-<!--          <div class="logo">-->
-<!--            <img :src="logo" />-->
-<!--          </div>-->
+          <!--          <div class="logo">-->
+          <!--            <img :src="logo" />-->
+          <!--          </div>-->
         </div>
-<!--        <com-header></com-header>-->
+        <!--        <com-header></com-header>-->
         <div class="container-box">
           <router-view />
         </div>
@@ -41,288 +41,289 @@
 </template>
 
 <script>
-  import {mapGetters, mapState} from 'vuex'
-  import { webLoginType } from '@/sysConfig'
-  export default {
-    name: 'App',
-    data () {
-      return {
-        isBoolean: false
-      }
-    },
-    methods: {
-      // 点击下拉选项事件
-      handleCommand (command) {
-        // 退出登录
-        if (command === 'loginOut') {
-          this.$confirm('您确认要退出吗?', '提示', {
-            confirmButtonText: '确定',
-            cancelButtonText: '取消',
-            type: 'warning',
-            confirmButtonClass: 'common-button-primary',
-            roundButton: false
-          }).then(() => {
-            if(webLoginType != null && webLoginType === 'idm' ) {
-              window.location.href= 'http://sso.foton.com.cn/logout?service='
-              // this.$http.post('logout', {}, res => {
-              //   window.location.href= 'http://testsso1.foton.com.cn/logout?service='
-              // })
-            }else if(webLoginType != null && webLoginType === 'dev'){
-              this.$store.commit('setTypeFlag', 'loginOut')
-              this.$http.get('logout', {}, {
-                _this: this
-              }, res => {
-                this.$store.dispatch('logout')
-                this.$router.push('/login')
-              }, e => {})
-            }
-            // this.$http.post('/logout', {}, res => {
-            //   window.location.href = 'http://testsso1.foton.com.cn/oauth2.0/authorize?client_id=app_slrs&redirect_uri=http://127.0.0.1:9090&response_type=code'
-            // })
-            // return
-            // this.$store.commit('setTypeFlag', 'loginOut')
-            // this.$http.get('logout', {}, {
-            //   _this: this
-            // }, res => {
-            //   this.$store.dispatch('logout')
-            //   this.$router.push('/login')
-            // }, e => {})
-          }).catch(() => {
-          })
-        }
-      },
-      /**
-       * @description: 主题设置
-       * @author: xx
-       * @date: 2018-08-29 14:56:39
-       */
-      setTheme (theme) {
-        document.getElementById('app').className = theme
-      },
-
-      /**
-       * @description: backSpace回退禁用
-       * @date: 2021-03-01 16:36:55
-       * @auth: chenxiaoxi
-       */
-      banBackSpace(e) {
-        var ev = e || window.event;
-        //各种浏览器下获取事件对象
-        var obj = ev.relatedTarget || ev.srcElement || ev.target ||ev.currentTarget;
-        //按下Backspace键
-        if(ev.keyCode == 8){
-          var tagName = obj.nodeName //标签名称
-          //如果标签不是input或者textarea则阻止Backspace
-          if(tagName!='INPUT' && tagName!='TEXTAREA'){
-            return this.stopIt(ev);
-          }
-          var tagType = obj.type.toUpperCase();//标签类型
-          //input标签除了下面几种类型，全部阻止Backspace
-          if(tagName=='INPUT' && (tagType!='TEXT' && tagType!='TEXTAREA' && tagType!='PASSWORD')){
-            return this.stopIt(ev);
-          }
-          //input或者textarea输入框如果不可编辑则阻止Backspace
-          if((tagName=='INPUT' || tagName=='TEXTAREA') && (obj.readOnly==true || obj.disabled ==true)){
-            return this.stopIt(ev);
-          }
-        }
-      },
-
-      stopIt(ev) {
-        if(ev.preventDefault){
-          //preventDefault()方法阻止元素发生默认的行为
-          ev.preventDefault();
-        }
-        if(ev.returnValue){
-          //IE浏览器下用window.event.returnValue = false;实现阻止元素发生默认的行为
-          ev.returnValue = false;
-        }
-        return false;
-      },
-      // 其他标签页修改用户 或者 退出登录
-      refresh() {
-        //执行刷新操作，这里我没有写this.$route.go(0),因为整个页面抖动不是很友好
-        //现将app.vue下面的 头部组件，菜单组件，内容组件隐藏再放出来，实现刷新一样的效果
-        console.log('我要刷新页面了')
-      }
-    },
-    computed: {
-      // 获取用户头像
-      userAvator () {
-        return this.$store.getters.userInfo.avator || require('@/assets/images/avator_default.png')
-      },
-      ...mapGetters([
-        'getWebSocketList', 'getTheme', 'getMenuList'
-      ]),
-      ...mapState(['userInfoModifyTime','isCollapse'])
-    },
-    watch: {
-      // 'userInfoModifyTime'() {
-      //   // console.log('watch global, userInfoModifyTime')
-      //   this.refresh()
-      // },
-      getTheme (val) {
-        // 主题修改
-        this.setTheme(val)
-      },
-      // 监听路由 控制isBoolean
-      $route () {
-        if (this.$route.name !== 'Login' && this.$route.name !== 'Home' && !this.$route.meta.isBoolean && this.$route.name !== 'beeEChungLogin' && this.$route.name !== 'beeEnergyLogin' && this.$route.name !== 'mdLawLogin' && this.$route.name !== 'nuoBLogin' && this.$route.name !== 'sTLogin' && this.$route.name !== 'StandardSearch') {
-          this.isBoolean = true
-        } else {
-          this.isBoolean = false
-        }
-      }
-    },
-    mounted () {
-      this.setTheme(this.getTheme)
-      //实现对字符码的截获，keypress中屏蔽了这些功能按键
-      document.onkeypress = this.banBackSpace
-      //对功能按键的获取
-      document.onkeydown = this.banBackSpace
-      this.visibilitychangeFn = (e) => { //这个方法是监测浏览器窗口发生变化的时候执行
-        // 切换到当前页面
-        if (document.hidden == false) {
-          const userInfoModifyTime = this.userInfoModifyTime
-          const userInfoModifyTimeInLocalStorage = localStorage.getItem('userInfoModifyTime')
-
-          // 用户未切换 不执行任何操作
-          if (userInfoModifyTime === userInfoModifyTimeInLocalStorage) {
-            return
-          }
-
-          if (userInfoModifyTimeInLocalStorage === null && webLoginType === 'idm') {
-            this.$store.dispatch('syncStorageData')
-
-            const currentPage = this.$route.name
-            if (currentPage === 'Login') {return}
-            this.currentMinute = 3
-            this.loading && this.loading.close()
-            this.loading = this.$loading({
-              lock: true,
-              // text: 'Loading',
-              // spinner: 'el-icon-loading',
-              // background: 'rgba(0, 0, 0, 0.7)'
-            });
-            this.messageForLogin && this.messageForLogin.close()
-            this.messageForLogin = this.$message({
-              message: `用户已退出，${this.currentMinute}秒后将跳转到登录1页面`,
-              type: 'warning'
-            })
-
-
-            this.intervalForLogin = setInterval(() => {
-              if (this.currentMinute === 0) {
-                clearInterval(this.intervalForLogin)
-                this.loading.close()
-
-                  this.$router.push('/login')
-                  console.log('切换到登录页面', currentPage)
-              }
-              this.currentMinute--
-              this.messageForLogin.message = `用户已退出，${this.currentMinute}秒后将跳转到登录页面`
-            }, 0)
-
-          } else if (userInfoModifyTime !== userInfoModifyTimeInLocalStorage && webLoginType === 'idm') {
-            this.$store.dispatch('syncStorageData')
-
-            console.log('用户信息已更改，同步数据')
-
-            this.currentMinute = 3
-
-            this.loading && this.loading.close()
-            this.loading = this.$loading({
-              lock: true,
-              // text: 'Loading',
-              // spinner: 'el-icon-loading',
-              // background: 'rgba(0, 0, 0, 0.7)'
-            });
-
-            this.messageForHome && this.messageForHome.close()
-            this.messageForHome = this.$message({
-              message: `用户已切换，${this.currentMinute}秒后将跳转到用户首页`,
-              type: 'warning'
-            })
-            this.intervalForHome = setInterval(() => {
-              if (this.currentMinute === 0) {
-                clearInterval(this.intervalForHome)
-                this.loading.close()
-
-                this.$router.push({
-                  path: '/redirect',
-                  query: '/home2'
-                })
-              }
-              this.currentMinute--
-              this.messageForHome.message = `用户已切换，${this.currentMinute}秒后将跳转到用户首页`
-            }, 1000)
-
-            // const route = this.$router.resolve('/home')
-            // this.$router.push({
-            //   path: '/redirect',
-            //   query: '/home'
-            // })
-            // location.reload();
-          }
-
-        }
-      }
-      document.addEventListener('visibilitychange', this.visibilitychangeFn);
-
-    },
-    beforeDestroy() {
-      document.onkeypress = null
-      document.onkeydown = null
-      document.removeEventListener('visibilitychange', this.visibilitychangeFn)
-      clearInterval(this.intervalForLogin)
-      clearInterval(this.intervalForHome)
+import {mapGetters, mapState} from 'vuex'
+import { webLoginType } from '@/sysConfig'
+export default {
+  name: 'App',
+  data () {
+    return {
+      isBoolean: false
     }
+  },
+  methods: {
+    // 点击下拉选项事件
+    handleCommand (command) {
+      // 退出登录
+      if (command === 'loginOut') {
+        this.$confirm('您确认要退出吗?', '提示', {
+          confirmButtonText: '确定',
+          cancelButtonText: '取消',
+          type: 'warning',
+          confirmButtonClass: 'common-button-primary',
+          roundButton: false
+        }).then(() => {
+          if(webLoginType != null && webLoginType === 'idm' ) {
+            window.location.href= 'http://sso.foton.com.cn/logout?service='
+            // this.$http.post('logout', {}, res => {
+            //   window.location.href= 'http://testsso1.foton.com.cn/logout?service='
+            // })
+          }else if(webLoginType != null && webLoginType === 'dev'){
+            this.$store.commit('setTypeFlag', 'loginOut')
+            this.$http.get('logout', {}, {
+              _this: this
+            }, res => {
+              this.$store.dispatch('logout')
+              this.$router.push('/login')
+            }, e => {})
+          }
+          // this.$http.post('/logout', {}, res => {
+          //   window.location.href = 'http://testsso1.foton.com.cn/oauth2.0/authorize?client_id=app_slrs&redirect_uri=http://127.0.0.1:9090&response_type=code'
+          // })
+          // return
+          // this.$store.commit('setTypeFlag', 'loginOut')
+          // this.$http.get('logout', {}, {
+          //   _this: this
+          // }, res => {
+          //   this.$store.dispatch('logout')
+          //   this.$router.push('/login')
+          // }, e => {})
+        }).catch(() => {
+        })
+      }
+    },
+    /**
+     * @description: 主题设置
+     * @author: xx
+     * @date: 2018-08-29 14:56:39
+     */
+    setTheme (theme) {
+      document.getElementById('app').className = theme
+    },
+
+    /**
+     * @description: backSpace回退禁用
+     * @date: 2021-03-01 16:36:55
+     * @auth: chenxiaoxi
+     */
+    banBackSpace(e) {
+      var ev = e || window.event;
+      //各种浏览器下获取事件对象
+      var obj = ev.relatedTarget || ev.srcElement || ev.target ||ev.currentTarget;
+      //按下Backspace键
+      if(ev.keyCode == 8){
+        var tagName = obj.nodeName //标签名称
+        //如果标签不是input或者textarea则阻止Backspace
+        if(tagName!='INPUT' && tagName!='TEXTAREA'){
+          return this.stopIt(ev);
+        }
+        var tagType = obj.type.toUpperCase();//标签类型
+        //input标签除了下面几种类型，全部阻止Backspace
+        if(tagName=='INPUT' && (tagType!='TEXT' && tagType!='TEXTAREA' && tagType!='PASSWORD')){
+          return this.stopIt(ev);
+        }
+        //input或者textarea输入框如果不可编辑则阻止Backspace
+        if((tagName=='INPUT' || tagName=='TEXTAREA') && (obj.readOnly==true || obj.disabled ==true)){
+          return this.stopIt(ev);
+        }
+      }
+    },
+
+    stopIt(ev) {
+      if(ev.preventDefault){
+        //preventDefault()方法阻止元素发生默认的行为
+        ev.preventDefault();
+      }
+      if(ev.returnValue){
+        //IE浏览器下用window.event.returnValue = false;实现阻止元素发生默认的行为
+        ev.returnValue = false;
+      }
+      return false;
+    },
+    // 其他标签页修改用户 或者 退出登录
+    refresh() {
+      //执行刷新操作，这里我没有写this.$route.go(0),因为整个页面抖动不是很友好
+      //现将app.vue下面的 头部组件，菜单组件，内容组件隐藏再放出来，实现刷新一样的效果
+      console.log('我要刷新页面了')
+    }
+  },
+  computed: {
+    // 获取用户头像
+    userAvator () {
+      return this.$store.getters.userInfo.avator || require('@/assets/images/avator_default.png')
+    },
+    ...mapGetters([
+      'getWebSocketList', 'getTheme', 'getMenuList'
+    ]),
+    ...mapState(['userInfoModifyTime','isCollapse'])
+  },
+  watch: {
+    // 'userInfoModifyTime'() {
+    //   // console.log('watch global, userInfoModifyTime')
+    //   this.refresh()
+    // },
+    getTheme (val) {
+      // 主题修改
+      this.setTheme(val)
+    },
+    // 监听路由 控制isBoolean
+    $route () {
+      if (this.$route.name !== 'Login' && this.$route.name !== 'Home' && !this.$route.meta.isBoolean && this.$route.name !== 'beeEChungLogin' && this.$route.name !== 'beeEnergyLogin' && this.$route.name !== 'mdLawLogin' && this.$route.name !== 'nuoBLogin' && this.$route.name !== 'sTLogin' && this.$route.name !== 'StandardSearch') {
+        this.isBoolean = true
+      } else {
+        this.isBoolean = false
+      }
+    }
+  },
+  mounted () {
+    this.setTheme(this.getTheme)
+    //实现对字符码的截获，keypress中屏蔽了这些功能按键
+    document.onkeypress = this.banBackSpace
+    //对功能按键的获取
+    document.onkeydown = this.banBackSpace
+    this.visibilitychangeFn = (e) => { //这个方法是监测浏览器窗口发生变化的时候执行
+      // 切换到当前页面
+      if (document.hidden == false) {
+        const userInfoModifyTime = this.userInfoModifyTime
+        const userInfoModifyTimeInLocalStorage = localStorage.getItem('userInfoModifyTime')
+
+        // 用户未切换 不执行任何操作
+        if (userInfoModifyTime === userInfoModifyTimeInLocalStorage) {
+          return
+        }
+
+        if (userInfoModifyTimeInLocalStorage === null && webLoginType === 'idm') {
+          this.$store.dispatch('syncStorageData')
+
+          const currentPage = this.$route.name
+          if (currentPage === 'Login') {return}
+          this.currentMinute = 3
+          this.loading && this.loading.close()
+          this.loading = this.$loading({
+            lock: true,
+            // text: 'Loading',
+            // spinner: 'el-icon-loading',
+            // background: 'rgba(0, 0, 0, 0.7)'
+          });
+          this.messageForLogin && this.messageForLogin.close()
+          this.messageForLogin = this.$message({
+            message: `用户已退出，${this.currentMinute}秒后将跳转到登录1页面`,
+            type: 'warning'
+          })
+
+
+          this.intervalForLogin = setInterval(() => {
+            if (this.currentMinute === 0) {
+              clearInterval(this.intervalForLogin)
+              this.loading.close()
+
+              this.$router.push('/login')
+              console.log('切换到登录页面', currentPage)
+            }
+            this.currentMinute--
+            this.messageForLogin.message = `用户已退出，${this.currentMinute}秒后将跳转到登录页面`
+          }, 0)
+
+        } else if (userInfoModifyTime !== userInfoModifyTimeInLocalStorage && webLoginType === 'idm') {
+          this.$store.dispatch('syncStorageData')
+
+          console.log('用户信息已更改，同步数据')
+
+          this.currentMinute = 3
+
+          this.loading && this.loading.close()
+          this.loading = this.$loading({
+            lock: true,
+            // text: 'Loading',
+            // spinner: 'el-icon-loading',
+            // background: 'rgba(0, 0, 0, 0.7)'
+          });
+
+          this.messageForHome && this.messageForHome.close()
+          this.messageForHome = this.$message({
+            message: `用户已切换，${this.currentMinute}秒后将跳转到用户首页`,
+            type: 'warning'
+          })
+          this.intervalForHome = setInterval(() => {
+            if (this.currentMinute === 0) {
+              clearInterval(this.intervalForHome)
+              this.loading.close()
+
+              this.$router.push({
+                path: '/redirect',
+                query: '/home2'
+              })
+            }
+            this.currentMinute--
+            this.messageForHome.message = `用户已切换，${this.currentMinute}秒后将跳转到用户首页`
+          }, 1000)
+
+          // const route = this.$router.resolve('/home')
+          // this.$router.push({
+          //   path: '/redirect',
+          //   query: '/home'
+          // })
+          // location.reload();
+        }
+
+      }
+    }
+    document.addEventListener('visibilitychange', this.visibilitychangeFn);
+
+  },
+  beforeDestroy() {
+    document.onkeypress = null
+    document.onkeydown = null
+    document.removeEventListener('visibilitychange', this.visibilitychangeFn)
+    clearInterval(this.intervalForLogin)
+    clearInterval(this.intervalForHome)
   }
+}
 </script>
 
 <style lang="less">
-  #app {
-    position: relative;
+#app {
+  position: relative;
+  width: 100%;
+  height: 100%;
+  overflow-y: auto;
+  background-color: #F0F2F5;
+  //background: url('~@/assets/images/shangqi/home/BG.png') no-repeat;
+  background-size: 100% 100%;
+  font-family: MicrosoftYaHei,微软雅黑;
+  & > div{
+    position: absolute;
+    top: 0;
+    left: 0;
     width: 100%;
+    min-height: 100%;
+  }
+  .content-box {
+    display: flex;
     height: 100%;
-    overflow-y: auto;
-    background-color: #F0F2F5;
-    //background: url('~@/assets/images/shangqi/home/BG.png') no-repeat;
-    background-size: 100% 100%;
-    font-family: MicrosoftYaHei,微软雅黑;
-    & > div{
-      position: absolute;
-      top: 0;
-      left: 0;
-      width: 100%;
-      min-height: 100%;
-    }
-    .content-box {
-      display: flex;
+    .sub-container {
       height: 100%;
-      .sub-container {
-        height: 100%;
-        flex: 1;
-        overflow-x: auto;
-        display: flex;
-        flex-direction: column;
-        .container-box {
-          position: relative;
-          height: calc(~'100% - 65px');
-          //flex: 1;
-          background: #F4F4F4;
-          overflow-y: auto;
-          padding: 10px 10px 0;
-          .pagination {
-            border-top: 1px solid #f4f4f4;
-            width: calc(~'100% - 20px');
-            left: 10px;
-          }
+      flex: 1;
+      overflow-x: auto;
+      display: flex;
+      flex-direction: column;
+      .container-box {
+        position: relative;
+        height: calc(~'100% - 65px');
+        //flex: 1;
+        background: #F4F4F4;
+        overflow-y: auto;
+        padding: 10px 0 10px 0;
+        //padding:  10px 10px 0;
+        .pagination {
+          border-top: 1px solid #f4f4f4;
+          width: calc(~'100% - 20px');
+          left: 10px;
         }
       }
     }
-    /deep/.el-menu--vertical {
-      background: red;
-    }
   }
+  /deep/.el-menu--vertical {
+    background: red;
+  }
+}
 </style>
diff --git a/src/components/navMenu/index.vue b/src/components/navMenu/index.vue
index d528748cb..30630d572 100644
--- a/src/components/navMenu/index.vue
+++ b/src/components/navMenu/index.vue
@@ -8,26 +8,26 @@
         </div>
       </div>
     </div>
-    <div class="toggle-btn el-icon-s-fold" v-if="isCollapse === false" style="margin: 10px 0; display: flex;justify-content: center; font-size: 30px; color: #333333;" @click="handleToggleSideBar">
-      <div style="font-size: 14px; line-height: 30px;">{{ this.isCollapse ? '' : '' }}</div><i class=""></i></div>
-    <div class="toggle-btn el-icon-s-unfold" v-else style="margin: 10px 0; display: flex;justify-content: center; font-size: 30px; color: #333333;" @click="handleToggleSideBar">
-      <div style="font-size: 14px; line-height: 30px;">{{ this.isCollapse ? '' : '' }}</div></div>
+    <!--    <div class="toggle-btn el-icon-s-fold" v-if="isCollapse === false" style="margin: 10px 0; display: flex;justify-content: center; font-size: 30px; color: #333333;" @click="handleToggleSideBar">-->
+    <!--      <div style="font-size: 14px; line-height: 30px;">{{ this.isCollapse ? '' : '' }}</div><i class=""></i></div>-->
+    <!--    <div class="toggle-btn el-icon-s-unfold" v-else style="margin: 10px 0; display: flex;justify-content: center; font-size: 30px; color: #333333;" @click="handleToggleSideBar">-->
+    <!--      <div style="font-size: 14px; line-height: 30px;">{{ this.isCollapse ? '' : '' }}</div></div>-->
     <div class="left-tree">
       <el-menu
-              unique-opened
-              :default-active="defaultActive"
-              background-color="#5ea9f6"
-              text-color="#000"
-              active-text-color="#ffd04b"
-              router
-              :collapse="isCollapse"
+          unique-opened
+          :default-active="defaultActive"
+          background-color="#5ea9f6"
+          text-color="#000"
+          active-text-color="#ffd04b"
+          router
+          :collapse="isCollapse"
       >
         <template v-for="(item, index) in navMenuList">
           <el-submenu
-                  :key="index"
-                  :index="item.path"
-                  popper-class="nav-menu-popper"
-                  v-if="!item.isChildren && (!item.menuId || $hasPermission(item.menuId))"
+              :key="index"
+              :index="item.path"
+              popper-class="nav-menu-popper"
+              v-if="!item.isChildren && (!item.menuId || $hasPermission(item.menuId))"
           >
             <template slot="title">
               <i class="shangqi-icon" :class="item['icon-class']"></i>
@@ -36,10 +36,10 @@
               </el-badge>
             </template>
             <el-menu-item
-                    v-for="(children, childrenIndex) in item.children"
-                    :key="childrenIndex"
-                    :index="children.path"
-                    v-if="!children.menuId || $hasPermission(children.menuId)"itemSplitInfo
+                v-for="(children, childrenIndex) in item.children"
+                :key="childrenIndex"
+                :index="children.path"
+                v-if="!children.menuId || $hasPermission(children.menuId)"itemSplitInfo
             >
               <el-badge :value="getDynamicTotal.msgCount" class="item" v-if="children.title === '我的消息' && getDynamicTotal.msgCount !== 0">
                 {{ children.title }}
@@ -59,511 +59,571 @@
               :key="index"
               :index="item.path"
               v-if="item.isChildren && (!item.menuId || $hasPermission(item.menuId))"
-            >
-              <i class="shangqi-icon" :class="item['icon-class']"></i>
-              <span slot="title">{{ item.title }}</span>
-            </el-menu-item>
+          >
+            <i class="shangqi-icon" :class="item['icon-class']"></i>
+            <span slot="title">{{ item.title }}</span>
+          </el-menu-item>
         </template>
       </el-menu>
     </div>
+    <div class="tree-collapse" @click="handleToggleSideBar" :class="{ 'tree-close': isCollapse }">
+      <!--切换折叠样式-->
+      <i class="el-icon-arrow-left" v-if="isCollapse === false"></i>
+      <i class="el-icon-arrow-right" v-if="isCollapse === true"></i>
+    </div>
   </div>
 </template>
 <script>
-  import { mapGetters, mapMutations } from 'vuex'
-  export default {
-    name: 'NavMenu',
-    data () {
-      return {
-        defaultActive: null, // 当前激活菜单的 index
-        navMenuList: [
-          // {
-          //   title: '首页',
-          //   path: '/home1',
-          //   isChildren: true, // 判断没有子菜单
-          //   'icon-class': 'home'
-          // },
-          {
-            title: '首页',
-            path: '/home2',
-            isChildren: true, // 判断没有子菜单
-            'icon-class': 'home'
-          },
-          {
-            title: '标准法规库',
-            path: '/regulatoryRepository',
-            'icon-class': 'fagui',
-            menuId: '2ewfwfa',
-            children: [
-              // {
-              //   title: '动态&资料',
-              //   path: '/dynamicInformation',
-              //   menuId: 'RAFQ4N4ARF'
-              // },
-              {
-                title: '国内标准法规',
-                path: '/domesticStandardsAndRegulations',
-                menuId: '3e3657498664beaa0dc1de1ecb3ae0da'
-              },
-              // {
-              //   title: '零部件编号申请',
-              //   path: '/partCodeApply',
-              //   menuId: 'ad9db496772c075f78495382b7581fe9'
-              // },
-              // {
-              //   title: '标准法规工作组数据统计',
-              //   path: '/dataStatisComments',
-              //   menuId: ''
-              // },
-              {
-                title: '海外标准法规',
-                path: '/foreignStandardsAndRegulations',
-                menuId: '18c1e5134ea0cf865e8960b26b81fd8c'
-              },
-              {
-                title: '标准征求意见',
-                path: '/standardForComments',
-                menuId: '2b25c67f10abbbadf37d60daaaec54d3'
-              },
+import { mapGetters, mapMutations } from 'vuex'
+export default {
+  name: 'NavMenu',
+  data () {
+    return {
+      defaultActive: null, // 当前激活菜单的 index
+      navMenuList: [
+        // {
+        //   title: '首页',
+        //   path: '/home1',
+        //   isChildren: true, // 判断没有子菜单
+        //   'icon-class': 'home'
+        // },
+        {
+          title: '首页',
+          path: '/home2',
+          isChildren: true, // 判断没有子菜单
+          'icon-class': 'home'
+        },
+        {
+          title: '标准法规库',
+          path: '/regulatoryRepository',
+          'icon-class': 'fagui',
+          menuId: '2ewfwfa',
+          children: [
+            // {
+            //   title: '动态&资料',
+            //   path: '/dynamicInformation',
+            //   menuId: 'RAFQ4N4ARF'
+            // },
+            {
+              title: '国内标准法规',
+              path: '/domesticStandardsAndRegulations',
+              menuId: '3e3657498664beaa0dc1de1ecb3ae0da'
+            },
+            // {
+            //   title: '零部件编号申请',
+            //   path: '/partCodeApply',
+            //   menuId: 'ad9db496772c075f78495382b7581fe9'
+            // },
+            // {
+            //   title: '标准法规工作组数据统计',
+            //   path: '/dataStatisComments',
+            //   menuId: ''
+            // },
+            {
+              title: '海外标准法规',
+              path: '/foreignStandardsAndRegulations',
+              menuId: '18c1e5134ea0cf865e8960b26b81fd8c'
+            },
+            {
+              title: '标准征求意见',
+              path: '/standardForComments',
+              menuId: '2b25c67f10abbbadf37d60daaaec54d3'
+            },
 
-              // {
-              //   title: '国内外政策',
-              //   path: '/foreignRegulationsDatabase',
-              //   menuId: '4DB4Y2H3NH'
-              // },
-              // // // {
-              // // //   title: '标准制修订管理',
-              // // //   path: '/demo2One'
-              // // // },
-              {
-                title: '标准法规清单',
-                path: '/accessStandardsAndRegulations',
-                menuId: '08dbd417864b08426034ca56d1fa3d02'
-              },
-              // // {
-              // //   title: '标准法规清单详情',
-              // //   path: '/details'
-              // // }
-              // // // {
-              // // //   title: '试验项目库',
-              // // //   path: '/demo2One'
-              // // // },
-              // // // {
-              // // //   title: '本地产品/项目库',
-              // // //   path: '/localProductsOrProjectLibrary'
-              // // // },
-              {
-                title: '企业标准库',
-                path: '/enterpriseStandardDatabase',
-                menuId: '01ed8f752748227777b3572d56ee9ab5'
-              },
-              // {
-              //   title: '企标制修订计划',
-              //   path: '/enterBSysRevPlanManaLib',
-              //   menuId: 'WW7YDHQ9Z679TGMDZMUS'
-              // },
-              // // {
-              // //   title: '子公司标准库',
-              // //   path: '/subsidiaryStandardLibrary'
-              // // }
-              /* {
-                 title: '车型/项目库',
-                 path: '/localProductsOrProjectLibrary',
-                 menuId: '42ce39c9f953be65a3e5643a4a2c786f'
-               },*/
-              {
-                title: '未符合项整改',
-                path: '/nonConfomity',
-                menuId: '0119abd677e0204e061eb0f0b8cafda0'
-              },
-              // {
-              //   title: '工作组',
-              //   path: '/workingGroup',
-              // },
-              // {
-              //   title: '备案产品标准库',
-              //   path: '/enterpriseStandardFiling',
-              //   menuId: 'MQBAGJQMSRZDRX3X5AVR'
-              // },
-              {
-                title: '标准合规评估结果', // 把 标准涉及项目 这几个字 改成 标准合规评估结果
-                path: '/standInvolveProject',
-                menuId: '8a9c87fe06244fb9d55e78fb281f625b'
-              }
-              // {
-              //   title: '动态信息',
-              //   path: '/information',
-              //   menuId: 'ULUBXHYQB8M3XQ9HS9QG'
-              // }
-            ]
-          },
-          {
-            title: '我的工作',
-            path: '/processCenter',
-            'icon-class': 'liucheng',
-            menuId: '3fadf',
-            children: [
-              {
-                title: '流程中心',
-                path: '/processCenter',
-                menuId: '7455dc97eac2933341e18be659f07e89'
-              },
-              {
-                title: '新建流程',
-                path: '/createProcessNew',
-                menuId: 'b53e6722b33a37c0fa2d87a9b06cca40'
-              }
-            ]
-          },
-          {
-            title: '本地工具',
-            path: '/localTool',
-            'icon-class': 'tools',
-            menuId: 'afsd12',
-            children: [
-              // {
-              //   title: '标准预警',
-              //   path: '/standardWarning'
-              // },
-              {
-                title: '标准内容自动识别',
-                path: '/standardRecognition',
-                menuId: '3db80f62af9d96d6dfc6d429eea4b29b'
-              },
-              {
-                title: '标准拆分',
-                path: '/standAutoSplit',
-                menuId: '0062e261bc65e27e0a968dac67e16a3c'
-              },
-              {
-                title: '标准比对',
-                path: '/standContrast',
-                menuId: '1d83a6278f781419f628e9f5560f5c86'
-              },
-              // {
-              //   title: '标准比对库',
-              //   path: '/standardComparisonLibrary',
-              //   menuId: 'AH56UDHHBVF5V7WZFWJQ'
-              // }
-              // {
-              //   title: '预警管理',
-              //   path: '/warningManage'
-              // },
-              // {
-              //   title: '动态&通知管理',
-              //   path: '/dynamicInformationManage'
-              // },
-              // {
-              //   title: '标准编号申领',
-              //   path: '/applicationStandardNumber'
-              // },
-            ]
-          },
-          {
-            title: '标准预警',
-            path: '/standardWarning',
-            'icon-class': 'warning',
-            menuId: 'asfdew33',
-            isChildren: true // 判断没有子菜单
-          },
-          // {
-          //   title: '技术要求清单',
-          //   path: '/skillReq',
-          //   children: [
-          //     {
-          //       title: '技术要求清单查看',
-          //       path: '/SkillReqSee'
-          //     },
-          //     {
-          //       title: '技术要求清单管理',
-          //       path: '/SkillReqAdd'
-          //     }
-          //   ]
-          // },
-          {
-            title: '配置管理',
-            path: '/config',
-            'icon-class': 'conf',
-            menuId: 'adff323',
-            children: [
-              {
-                title: '标准法规属性管理',
-                path: '/standLawsAttrManage',
-                menuId: '72a24657972d286b8b5d80735cf4eee2'
-              },
-              //     {
-              //       title: '资料中心管理',
-              //       path: '/dynamicInformationManage',
-              //       menuId: '6V2QZ9STRZ'
-              //     },
-              {
-                title: '机构管理',
-                path: '/MechanismManage',
-                menuId: '5a09164da97760846509c5c9dd86b80c'
-              },
-              {
-                title: '角色管理',
-                path: '/roleManage',
-                menuId: 'd73d0e230eafdb2ddefe1c97daf657ea'
-              },
-              {
-                title: '岗位管理',
-                path: '/postManage',
-                menuId: 'd2954be3abaaf2de3dc79add4c8ab8cd'
-              },
-              //     {
-              //       title: '用户管理',
-              //       path: '/userManage',
-              //       menuId: 'YRJUEVJVUJ'
-              //     },
-              //     {
-              //       title: '系统配置管理',
-              //       path: '/warningTimeSetting',
-              //       menuId: 'H2KC6P3PPM'
-              //     },
-              //     {
-              //       title: '文档转换监控',
-              //       path: '/convertDocView',
-              //       menuId: '3F52K25546'
-              //     },
-              //     {
-              //       title: '菜单管理',
-              //       path: '/menuManage',
-              //       menuId: '87b8b4f5817a7829696e63185c744d52'
-              //     },
-              {
-                title: '链接管理',
-                path: '/linkManage',
-                menuId: 'd3ff92078c53a4d9d1f1a94450fee91e'
-              },
-              //     // {
-              //     //   title: '保密管理',
-              //     //   path: '/convertDocView'
-              //     // },
-              //     {
-              //       title: '动态信息管理',
-              //       path: '/DynamicInformations',
-              //       menuId: '3C87BSHJUF'
-              //     },
-              {
-                title: '标准属性自定义',
-                path: '/attributeCustom',
-                menuId: '9cdb9b40157dd967b664b9af462b960b'
-              },
-              //     // {
-              //     //   title: '流程分类管理',
-              //     //   path: '/processClassificationManage',
-              //     //   menuId: 'N323F2UB9FTUV5SD3GTD'
-              //     // },
-              //     // {
-              //     //   title: '流程管理',
-              //     //   path: '/processManage',
-              //     //   menuId: 'K5KXSS3X9CF7CS8AMFJ5'
-              //     // },
-              //     {
-              //       title: 'SVPPS',
-              //       path: '/svpps',
-              //       menuId: 'AR52RX586LQHVZSVV83K'
-              //     },
-              //     {
-              //       title: '企标编号管理体系',
-              //       path: '/enterpriseStandardNumberManagement',
-              //       menuId: '9YSFG39S3CBFUJCEU3QX'
-              //     }
-            ]
-          },
-          {
-            title: '个人中心',
-            path: '/personal',
-            'icon-class': 'ucenter',
-            menuId: '32143ffasdf',
-            children: [
-              // {
-              //   title: '我的消息',
-              //   path: '/dynamics',
-              //   menuId: 'JCEV4AEV32'
-              // },
-              // {
-              //   title: '我的企标',
-              //   path: '/MyEnterpriseStandard',
-              //   menuId: 'LKU3W23UMEHDM9VLDHGK'
-              // },
-              {
-                title: '我的收藏',
-                path: '/collection',
-                menuId: '63e999c65b1f2b1339119a00eb1d50cf'
-              },
-              // {
-              //   title: '我的浏览',
-              //   path: '/browsing',
-              //   menuId: 'HAEY2A4LMX'
-              // },
-              // {
-              //   title: '已收分享',
-              //   path: '/push',
-              //   menuId: '9F8T7DPYHE'
-              // },
-              // {
-              //   title: '已发分享',
-              //   path: '/forward',
-              //   menuId: 'K45Y9TGKZV2K4XP4CETD'
-              // },
-              // {
-              //   title: '我的问答',
-              //   path: '/questionsAndAnswers',
-              //   menuId: '8VKLZATQQG4NQHXV9UDS'
-              // },
-              {
-                title: '我的板块',
-                path: '/plate',
-                menuId: 'e4a94f03223df6f4ad70732b96f07221'
-              }
-              // {
-              //   title: '个人信息',
-              //   path: '/info',
-              //   menuId: '8K7FDHG89G'
-              // }
-            ]
-          },
-          // {
-          //   title: '搜索中心',
-          //   path: '/advancedSearch',
-          //   'icon-class': 'search',
-          //   menuId: '1332FSFAD',
-          //   isChildren: true // 判断没有子菜单
-          // },
-          // {
-          //   title: '标准比对库',
-          //   path: '/standardComparisonLibrary',
-          //   'icon-class': 'search',
-          //   menuId: 'Q32VBYVGCAE4XXN3XZ8T',
-          //   isChildren: true // 判断没有子菜单
-          // }
-          // {
-          //   title: '自定义报表',
-          //   path: '/customReport',
-          //   'icon-class': 'baobiao',
-          //   isChildren: true // 判断没有子菜单
-          // }
-        ]
-      }
+            // {
+            //   title: '国内外政策',
+            //   path: '/foreignRegulationsDatabase',
+            //   menuId: '4DB4Y2H3NH'
+            // },
+            // // // {
+            // // //   title: '标准制修订管理',
+            // // //   path: '/demo2One'
+            // // // },
+            {
+              title: '标准法规清单',
+              path: '/accessStandardsAndRegulations',
+              menuId: '08dbd417864b08426034ca56d1fa3d02'
+            },
+            // // {
+            // //   title: '标准法规清单详情',
+            // //   path: '/details'
+            // // }
+            // // // {
+            // // //   title: '试验项目库',
+            // // //   path: '/demo2One'
+            // // // },
+            // // // {
+            // // //   title: '本地产品/项目库',
+            // // //   path: '/localProductsOrProjectLibrary'
+            // // // },
+            {
+              title: '企业标准库',
+              path: '/enterpriseStandardDatabase',
+              menuId: '01ed8f752748227777b3572d56ee9ab5'
+            },
+            // {
+            //   title: '企标制修订计划',
+            //   path: '/enterBSysRevPlanManaLib',
+            //   menuId: 'WW7YDHQ9Z679TGMDZMUS'
+            // },
+            // // {
+            // //   title: '子公司标准库',
+            // //   path: '/subsidiaryStandardLibrary'
+            // // }
+            /* {
+               title: '车型/项目库',
+               path: '/localProductsOrProjectLibrary',
+               menuId: '42ce39c9f953be65a3e5643a4a2c786f'
+             },*/
+            {
+              title: '未符合项整改',
+              path: '/nonConfomity',
+              menuId: '0119abd677e0204e061eb0f0b8cafda0'
+            },
+            // {
+            //   title: '工作组',
+            //   path: '/workingGroup',
+            // },
+            // {
+            //   title: '备案产品标准库',
+            //   path: '/enterpriseStandardFiling',
+            //   menuId: 'MQBAGJQMSRZDRX3X5AVR'
+            // },
+            {
+              title: '标准合规评估结果', // 把 标准涉及项目 这几个字 改成 标准合规评估结果
+              path: '/standInvolveProject',
+              menuId: '8a9c87fe06244fb9d55e78fb281f625b'
+            }
+            // {
+            //   title: '动态信息',
+            //   path: '/information',
+            //   menuId: 'ULUBXHYQB8M3XQ9HS9QG'
+            // }
+          ]
+        },
+        {
+          title: '我的工作',
+          path: '/processCenter',
+          'icon-class': 'liucheng',
+          menuId: '3fadf',
+          children: [
+            {
+              title: '流程中心',
+              path: '/processCenter',
+              menuId: '7455dc97eac2933341e18be659f07e89'
+            },
+            {
+              title: '新建流程',
+              path: '/createProcessNew',
+              menuId: 'b53e6722b33a37c0fa2d87a9b06cca40'
+            }
+          ]
+        },
+        {
+          title: '本地工具',
+          path: '/localTool',
+          'icon-class': 'tools',
+          menuId: 'afsd12',
+          children: [
+            // {
+            //   title: '标准预警',
+            //   path: '/standardWarning'
+            // },
+            {
+              title: '标准内容自动识别',
+              path: '/standardRecognition',
+              menuId: '3db80f62af9d96d6dfc6d429eea4b29b'
+            },
+            {
+              title: '标准拆分',
+              path: '/standAutoSplit',
+              menuId: '0062e261bc65e27e0a968dac67e16a3c'
+            },
+            {
+              title: '标准比对',
+              path: '/standContrast',
+              menuId: '1d83a6278f781419f628e9f5560f5c86'
+            },
+            // {
+            //   title: '标准比对库',
+            //   path: '/standardComparisonLibrary',
+            //   menuId: 'AH56UDHHBVF5V7WZFWJQ'
+            // }
+            // {
+            //   title: '预警管理',
+            //   path: '/warningManage'
+            // },
+            // {
+            //   title: '动态&通知管理',
+            //   path: '/dynamicInformationManage'
+            // },
+            // {
+            //   title: '标准编号申领',
+            //   path: '/applicationStandardNumber'
+            // },
+          ]
+        },
+        {
+          title: '标准预警',
+          path: '/standardWarning',
+          'icon-class': 'warning',
+          menuId: 'asfdew33',
+          isChildren: true // 判断没有子菜单
+        },
+        // {
+        //   title: '技术要求清单',
+        //   path: '/skillReq',
+        //   children: [
+        //     {
+        //       title: '技术要求清单查看',
+        //       path: '/SkillReqSee'
+        //     },
+        //     {
+        //       title: '技术要求清单管理',
+        //       path: '/SkillReqAdd'
+        //     }
+        //   ]
+        // },
+        {
+          title: '配置管理',
+          path: '/config',
+          'icon-class': 'conf',
+          menuId: 'adff323',
+          children: [
+            {
+              title: '标准法规属性管理',
+              path: '/standLawsAttrManage',
+              menuId: '72a24657972d286b8b5d80735cf4eee2'
+            },
+            //     {
+            //       title: '资料中心管理',
+            //       path: '/dynamicInformationManage',
+            //       menuId: '6V2QZ9STRZ'
+            //     },
+            {
+              title: '机构管理',
+              path: '/MechanismManage',
+              menuId: '5a09164da97760846509c5c9dd86b80c'
+            },
+            {
+              title: '角色管理',
+              path: '/roleManage',
+              menuId: 'd73d0e230eafdb2ddefe1c97daf657ea'
+            },
+            {
+              title: '岗位管理',
+              path: '/postManage',
+              menuId: 'd2954be3abaaf2de3dc79add4c8ab8cd'
+            },
+            //     {
+            //       title: '用户管理',
+            //       path: '/userManage',
+            //       menuId: 'YRJUEVJVUJ'
+            //     },
+            //     {
+            //       title: '系统配置管理',
+            //       path: '/warningTimeSetting',
+            //       menuId: 'H2KC6P3PPM'
+            //     },
+            //     {
+            //       title: '文档转换监控',
+            //       path: '/convertDocView',
+            //       menuId: '3F52K25546'
+            //     },
+            //     {
+            //       title: '菜单管理',
+            //       path: '/menuManage',
+            //       menuId: '87b8b4f5817a7829696e63185c744d52'
+            //     },
+            {
+              title: '链接管理',
+              path: '/linkManage',
+              menuId: 'd3ff92078c53a4d9d1f1a94450fee91e'
+            },
+            //     // {
+            //     //   title: '保密管理',
+            //     //   path: '/convertDocView'
+            //     // },
+            //     {
+            //       title: '动态信息管理',
+            //       path: '/DynamicInformations',
+            //       menuId: '3C87BSHJUF'
+            //     },
+            {
+              title: '标准属性自定义',
+              path: '/attributeCustom',
+              menuId: '9cdb9b40157dd967b664b9af462b960b'
+            },
+            //     // {
+            //     //   title: '流程分类管理',
+            //     //   path: '/processClassificationManage',
+            //     //   menuId: 'N323F2UB9FTUV5SD3GTD'
+            //     // },
+            //     // {
+            //     //   title: '流程管理',
+            //     //   path: '/processManage',
+            //     //   menuId: 'K5KXSS3X9CF7CS8AMFJ5'
+            //     // },
+            //     {
+            //       title: 'SVPPS',
+            //       path: '/svpps',
+            //       menuId: 'AR52RX586LQHVZSVV83K'
+            //     },
+            //     {
+            //       title: '企标编号管理体系',
+            //       path: '/enterpriseStandardNumberManagement',
+            //       menuId: '9YSFG39S3CBFUJCEU3QX'
+            //     }
+          ]
+        },
+        {
+          title: '个人中心',
+          path: '/personal',
+          'icon-class': 'ucenter',
+          menuId: '32143ffasdf',
+          children: [
+            // {
+            //   title: '我的消息',
+            //   path: '/dynamics',
+            //   menuId: 'JCEV4AEV32'
+            // },
+            // {
+            //   title: '我的企标',
+            //   path: '/MyEnterpriseStandard',
+            //   menuId: 'LKU3W23UMEHDM9VLDHGK'
+            // },
+            {
+              title: '我的收藏',
+              path: '/collection',
+              menuId: '63e999c65b1f2b1339119a00eb1d50cf'
+            },
+            // {
+            //   title: '我的浏览',
+            //   path: '/browsing',
+            //   menuId: 'HAEY2A4LMX'
+            // },
+            // {
+            //   title: '已收分享',
+            //   path: '/push',
+            //   menuId: '9F8T7DPYHE'
+            // },
+            // {
+            //   title: '已发分享',
+            //   path: '/forward',
+            //   menuId: 'K45Y9TGKZV2K4XP4CETD'
+            // },
+            // {
+            //   title: '我的问答',
+            //   path: '/questionsAndAnswers',
+            //   menuId: '8VKLZATQQG4NQHXV9UDS'
+            // },
+            {
+              title: '我的板块',
+              path: '/plate',
+              menuId: 'e4a94f03223df6f4ad70732b96f07221'
+            }
+            // {
+            //   title: '个人信息',
+            //   path: '/info',
+            //   menuId: '8K7FDHG89G'
+            // }
+          ]
+        },
+        // {
+        //   title: '搜索中心',
+        //   path: '/advancedSearch',
+        //   'icon-class': 'search',
+        //   menuId: '1332FSFAD',
+        //   isChildren: true // 判断没有子菜单
+        // },
+        // {
+        //   title: '标准比对库',
+        //   path: '/standardComparisonLibrary',
+        //   'icon-class': 'search',
+        //   menuId: 'Q32VBYVGCAE4XXN3XZ8T',
+        //   isChildren: true // 判断没有子菜单
+        // }
+        // {
+        //   title: '自定义报表',
+        //   path: '/customReport',
+        //   'icon-class': 'baobiao',
+        //   isChildren: true // 判断没有子菜单
+        // }
+      ]
+    }
+  },
+  created () {
+    // 获取当前页的path，赋值没左侧菜单，并展开
+    if (this.$route.meta.parentPath) {
+      this.defaultActive = this.$route.meta.parentPath
+    } else {
+      this.defaultActive = this.$route.path
+    }
+  },
+  mounted () {
+  },
+  methods: {
+    handleToggleSideBar () {
+      this.toggleSideBar(!this.isCollapse)
     },
-    created () {
+    // 收展按钮
+    collapseIcon() {
+      return this.sideClose ? 'el-icon-arrow-left' : 'el-icon-arrow-right'
+      // return 'el-icon-arrow-left'
+    },
+    ...mapMutations(['toggleSideBar'])
+  },
+  computed: {
+    logo () {
+      // background: url("~@/assets/images/shangqi/home/logo2.png") no-repeat;
+      // return this.isCollapse ? require('assets/images/shangqi/img/logo4.png') : require('assets/images/shangqi/img/logo5.png')
+      return this.isCollapse ? require('assets/images/shangqi/img/logo4.png') : require('assets/images/shangqi/img/logo2.png')
+    },
+    ...mapGetters(['getDynamicTotal', 'isCollapse'])
+  },
+  watch: {
+    // 监听路由 重新渲染面包屑
+    $route () {
       // 获取当前页的path，赋值没左侧菜单，并展开
       if (this.$route.meta.parentPath) {
         this.defaultActive = this.$route.meta.parentPath
       } else {
         this.defaultActive = this.$route.path
       }
-    },
-    mounted () {
-    },
-    methods: {
-      handleToggleSideBar () {
-        this.toggleSideBar(!this.isCollapse)
-      },
-      ...mapMutations(['toggleSideBar'])
-    },
-    computed: {
-      logo () {
-        // background: url("~@/assets/images/shangqi/home/logo2.png") no-repeat;
-        // return this.isCollapse ? require('assets/images/shangqi/img/logo4.png') : require('assets/images/shangqi/img/logo5.png')
-        return this.isCollapse ? require('assets/images/shangqi/img/logo4.png') : require('assets/images/shangqi/img/logo2.png')
-      },
-      ...mapGetters(['getDynamicTotal', 'isCollapse'])
-    },
-    watch: {
-      // 监听路由 重新渲染面包屑
-      $route () {
-        // 获取当前页的path，赋值没左侧菜单，并展开
-        if (this.$route.meta.parentPath) {
-          this.defaultActive = this.$route.meta.parentPath
-        } else {
-          this.defaultActive = this.$route.path
-        }
-      }
     }
   }
+}
 </script>
 <style lang="less" scoped>
-  @import '~@/assets/styles/mixins';
-  .nav-menu {
-    width: 58px;
-    height: 100%;
+@import '~@/assets/styles/mixins';
+.nav-menu {
+  width: 58px;
+  height: 100%;
+  overflow-y: auto;
+  user-select: none;
+  box-sizing: border-box;
+  position: relative;
+  background: rgb(255, 255, 255);
+  background-size: 100% 100%;
+  /deep/.el-tooltip {
+    padding: 0px 16px !important;
+  }
+  .left-tree {
+    height: calc(~'100% - 115px');
     overflow-y: auto;
-    user-select: none;
-    box-sizing: border-box;
+  }
+  .left-tree::-webkit-scrollbar {
+    display: none;
+  }
+  &:not(.is-collapse) {
+    width: 212px;
     background: rgb(255, 255, 255);
     background-size: 100% 100%;
-    /deep/.el-tooltip {
-      padding: 0px 16px !important;
-    }
-    .left-tree {
-      height: calc(~'100% - 115px');
-      overflow-y: auto;
-    }
-    .left-tree::-webkit-scrollbar {
-      display: none;
-    }
-    &:not(.is-collapse) {
-      width: 212px;
-      background: rgb(255, 255, 255);
-      background-size: 100% 100%;
-      .logo {
-        padding: 10px;
-        text-align: left;
-        img {
-          width: 160px;
-          height: 61px;
-          margin-top: -7px;
-        }
-      }
-    }
-    .logo{
-      text-align: center;
-      padding: 15px 0;
+    .logo {
+      padding: 10px;
+      text-align: left;
       img {
-        width: 36px;
-        height: 35px;
+        width: 160px;
+        height: 61px;
+        margin-top: -7px;
       }
     }
-    .nav-menu-header{
-      /*background:url("../../assets/images/shangqi/home/logo3.png");*/
-    }
-    /deep/:not(.is-collapse) .el-menu-item.is-active{
-      background: #f0f7ff !important;
-      color: #4091FF !important;
+  }
+  .tree-collapse{
+    position: absolute;
+    right: 0;
+    top: 65px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 15px;
+    height: calc(100% - 69px);
+    background: #EEE;
+    cursor: pointer;
+    &:hover{
+      background-color: #3391CE;
     }
   }
-  .has-no-read{
-    position: relative;
-    top:-15px;
-    left:10px
+  .logo{
+    text-align: center;
+    padding: 15px 0;
+    img {
+      width: 36px;
+      height: 35px;
+    }
   }
-  .nav-menu /deep/.el-submenu__title i {
-    color: #000;
+  .nav-menu-header{
+    /*background:url("../../assets/images/shangqi/home/logo3.png");*/
   }
-  .nav-menu{
-    scrollbar-width: none;
-    -ms-overflow-style: none; /* IE 10+ */
-  }
-  .nav-menu::-webkit-scrollbar {
-    display: none; /* Chrome Safari */
-  }
-  .nav-menu-popper .el-menu .el-menu-item {
-    color: #fff !important;
-  }
-  .nav-menu-popper .el-menu .el-menu-item.is-active {
-    background-color: #fff !important;
-    color: #5ea9f6 !important;
-    font-weight: bold;
-  }
-  .nav-menu-popper .el-menu .el-menu-item:hover {
-    background-color: #fff !important;
-    color: #5ea9f6 !important;
-    font-weight: bold;
+  /deep/:not(.is-collapse) .el-menu-item.is-active{
+    background: #f0f7ff !important;
+    color: #4091FF !important;
   }
+}
+.has-no-read{
+  position: relative;
+  top:-15px;
+  left:10px
+}
+.nav-menu /deep/.el-submenu__title i {
+  color: #000;
+}
+.nav-menu{
+  scrollbar-width: none;
+  -ms-overflow-style: none; /* IE 10+ */
+}
+.nav-menu::-webkit-scrollbar {
+  display: none; /* Chrome Safari */
+}
+.nav-menu-popper .el-menu .el-menu-item {
+  color: #fff !important;
+}
+.nav-menu-popper .el-menu .el-menu-item.is-active {
+  background-color: #fff !important;
+  color: #5ea9f6 !important;
+  font-weight: bold;
+}
+.nav-menu-popper .el-menu .el-menu-item:hover {
+  background-color: #fff !important;
+  color: #5ea9f6 !important;
+  font-weight: bold;
+}
 
-  .el-menu-item {
+.el-menu-item {
+  padding: 0 16px !important;
+  span {
+    font-weight: normal;
+    margin-left: 5px;
+  }
+  .shangqi-icon {
+    display: inline-block;
+    width: 18px;
+    height: 18px;
+    background-repeat: no-repeat;
+    background-size: 85% 85%;
+    background-position: center center;
+    &.home {
+      background-image: url("~assets/images/shangqi/sideBar/home.png");
+    }
+    &.baobiao {
+      background-image: url("~assets/images/shangqi/sideBar/baobiao.png");
+    }
+    &.ucenter {
+      background-image: url("~assets/images/shangqi/sideBar/ucenter.png");
+    }
+    &.search {
+      background-image: url("~assets/images/shangqi/sideBar/search.png");
+    }
+    &.warning {
+      background-image: url("~assets/images/shangqi/sideBar/warning.png");
+    }
+    &.liucheng {
+      background-image: url("~assets/images/shangqi/sideBar/liucheng.png");
+    }
+  }
+}
+.el-submenu {
+  /deep/.el-submenu__title {
     padding: 0 16px !important;
     span {
       font-weight: normal;
@@ -576,11 +636,11 @@
       background-repeat: no-repeat;
       background-size: 85% 85%;
       background-position: center center;
-      &.home {
-        background-image: url("~assets/images/shangqi/sideBar/home.png");
+      &.fagui {
+        background-image: url("~assets/images/shangqi/sideBar/fagui.png");
       }
-      &.baobiao {
-        background-image: url("~assets/images/shangqi/sideBar/baobiao.png");
+      &.tools {
+        background-image: url("~assets/images/shangqi/sideBar/tools.png");
       }
       &.ucenter {
         background-image: url("~assets/images/shangqi/sideBar/ucenter.png");
@@ -588,71 +648,37 @@
       &.search {
         background-image: url("~assets/images/shangqi/sideBar/search.png");
       }
-      &.warning {
-        background-image: url("~assets/images/shangqi/sideBar/warning.png");
+      &.conf {
+        background-image: url("~assets/images/shangqi/sideBar/conf.png");
       }
       &.liucheng {
         background-image: url("~assets/images/shangqi/sideBar/liucheng.png");
       }
     }
   }
-  .el-submenu {
-    /deep/.el-submenu__title {
-      padding: 0 16px !important;
-      span {
-        font-weight: normal;
-        margin-left: 5px;
-      }
-      .shangqi-icon {
-        display: inline-block;
-        width: 18px;
-        height: 18px;
-        background-repeat: no-repeat;
-        background-size: 85% 85%;
-        background-position: center center;
-        &.fagui {
-          background-image: url("~assets/images/shangqi/sideBar/fagui.png");
-        }
-        &.tools {
-          background-image: url("~assets/images/shangqi/sideBar/tools.png");
-        }
-        &.ucenter {
-          background-image: url("~assets/images/shangqi/sideBar/ucenter.png");
-        }
-        &.search {
-          background-image: url("~assets/images/shangqi/sideBar/search.png");
-        }
-        &.conf {
-          background-image: url("~assets/images/shangqi/sideBar/conf.png");
-        }
-        &.liucheng {
-          background-image: url("~assets/images/shangqi/sideBar/liucheng.png");
-        }
-      }
-    }
-    .el-menu-item {
-      padding-left: 29px !important;
-      div {
-        font-weight: normal;
-      }
-    }
-    /deep/.el-menu {
-      padding-left: 18px;
+  .el-menu-item {
+    padding-left: 29px !important;
+    div {
+      font-weight: normal;
     }
   }
-  .el-menu--collapse{
-    width: 100%;
-    .shangqi-icon{
-      width: 24px;
-      height: 24px;
-    }
-    .el-submenu{
-      /deep/.el-submenu__title{
-        .shangqi-icon{
-          width: 24px;
-          height: 24px;
-        }
+  /deep/.el-menu {
+    padding-left: 18px;
+  }
+}
+.el-menu--collapse{
+  width: 100%;
+  .shangqi-icon{
+    width: 24px;
+    height: 24px;
+  }
+  .el-submenu{
+    /deep/.el-submenu__title{
+      .shangqi-icon{
+        width: 24px;
+        height: 24px;
       }
     }
   }
+}
 </style>