From 3557110552aabe5c8dc3fc82512e046a3b60982c Mon Sep 17 00:00:00 2001
From: Superman_Main <396572590@qq.com>
Date: Fri, 26 Nov 2021 09:12:56 +0800
Subject: [PATCH] feat:FOTON release

---
 src/components/navMenu/index.vue | 788 ++++++++-----------------------
 1 file changed, 205 insertions(+), 583 deletions(-)

diff --git a/src/components/navMenu/index.vue b/src/components/navMenu/index.vue
index 30e44c74c..01799fdb3 100644
--- a/src/components/navMenu/index.vue
+++ b/src/components/navMenu/index.vue
@@ -1,34 +1,34 @@
 <!--左侧导航菜单 liuyan -->
 <template>
   <div class="nav-menu v-class" :class="{'is-collapse': isCollapse}">
-<!--    <div class="nav-menu-header" style="height: 65px; background-color: #4788c0;">
-      <div class="header-left">
-        <div class="logo">
-          <img :src="logo" height="58" width="149" />
-        </div>
-      </div>
-    </div>-->
+    <!--    <div class="nav-menu-header" style="height: 65px; background-color: #4788c0;">
+          <div class="header-left">
+            <div class="logo">
+              <img :src="logo" height="58" width="149" />
+            </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="left-tree">
       <el-menu
-          unique-opened
-          :default-active="defaultActive"
-          background-color="#4788c0"
-          text-color="#fff"
-          active-text-color="#000"
-          router
-          :collapse="isCollapse"
-          @select="handleSelect"
+              unique-opened
+              :default-active="defaultActive"
+              background-color="#4788c0"
+              text-color="#fff"
+              active-text-color="#000"
+              router
+              :collapse="isCollapse"
+              @select="handleSelect"
       >
         <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>
@@ -37,11 +37,11 @@
               </el-badge>
             </template>
             <el-menu-item
-                v-for="(children, childrenIndex) in item.children"
-                :key="childrenIndex"
-                :index="children.path"
-                style="text-align: center;"
-                v-if="!children.menuId || $hasPermission(children.menuId)"itemSplitInfo
+                    v-for="(children, childrenIndex) in item.children"
+                    :key="childrenIndex"
+                    :index="children.path"
+                    style="text-align: center;"
+                    v-if="!children.menuId || $hasPermission(children.menuId)"itemSplitInfo
             >
               <el-badge :value="getDynamicTotal.msgCount" class="item" v-if="children.title === '我的消息' && getDynamicTotal.msgCount !== 0">
                 {{ children.title }}
@@ -58,9 +58,9 @@
             </el-menu-item>
           </el-submenu>
           <el-menu-item
-              :key="index"
-              :index="item.path"
-              v-if="item.isChildren && (!item.menuId || $hasPermission(item.menuId))"
+                  :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>
@@ -132,384 +132,6 @@
                 menuId: '2b25c67f10abbbadf37d60daaaec54d3'
               },
 
-            {
-              title: '国内外政策',
-              path: '/foreignRegulationsDatabase',
-              menuId: 'ef02a3b0af9a4b3ede460456a9591ebc'
-            },
-            // // // {
-            // // //   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: '/enterpriseStandardPlan',
-            //   // menuId: '8a9c87fe06244fb9d55e78fb281f625b'
-            // }
-            // {
-            //   title: '动态信息',
-            //   path: '/information',
-            //   menuId: 'ULUBXHYQB8M3XQ9HS9QG'
-            // }
-          ]
-        },
-        {
-          title: '我的工作',
-          path: '/processCenter',
-          'icon-class': 'el-icon-s-platform',
-          menuId: '3fadf',
-          children: [
-            {
-              title: '流程中心',
-              path: '/processCenter',
-              menuId: '7455dc97eac2933341e18be659f07e89'
-            },
-            {
-              title: '新建流程',
-              path: '/createProcessNew',
-              menuId: 'b53e6722b33a37c0fa2d87a9b06cca40'
-            }
-          ]
-        },
-        {
-          title: '本地工具',
-          path: '/localTool',
-          'icon-class': 'el-icon-s-tools',
-          menuId: 'afsd12',
-          children: [
-            // {
-            //   title: '标准预警',
-            //   path: '/standardWarning'
-            // },
-            {
-              title: 'OCR识别',
-              path: '/standardRecognition',
-              menuId: '3db80f62af9d96d6dfc6d429eea4b29b'
-            },
-            {
-              title: '标准拆分',
-              path: '/standAutoSplit',
-              menuId: '0062e261bc65e27e0a968dac67e16a3c'
-            },
-            {
-              title: '标准比对',
-              path: '/standContrast',
-              menuId: '1d83a6278f781419f628e9f5560f5c86'
-            },
-            {
-              title: '标准化活动日历',
-              path: '/standCalendar',
-              menuId: ''
-            },
-            // {
-            //   title: '标准比对库',
-            //   path: '/standardComparisonLibrary',
-            //   menuId: 'AH56UDHHBVF5V7WZFWJQ'
-            // }
-            // {
-            //   title: '预警管理',
-            //   path: '/warningManage'
-            // },
-            // {
-            //   title: '动态&通知管理',
-            //   path: '/dynamicInformationManage'
-            // },
-            // {
-            //   title: '标准编号申领',
-            //   path: '/applicationStandardNumber'
-            // },
-          ]
-        },
-        {
-          title: '标准预警',
-          path: '/standardWarning',
-          'icon-class': 'el-icon-warning',
-          menuId: 'asfdew33',
-          isChildren: true // 判断没有子菜单
-        },
-        // {
-        //   title: '技术要求清单',
-        //   path: '/skillReq',
-        //   children: [
-        //     {
-        //       title: '技术要求清单查看',
-        //       path: '/SkillReqSee'
-        //     },
-        //     {
-        //       title: '技术要求清单管理',
-        //       path: '/SkillReqAdd'
-        //     }
-        //   ]
-        // },
-        {
-          title: '配置管理',
-          path: '/config',
-          'icon-class': 'el-icon-s-operation',
-          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': 'el-icon-s-check',
-          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: {
-    handleSelect (key, keyPath) {
-      if (this.$route.path === key) {
-        this.$router.go(0)
-      }
-    },
-    handleToggleSideBar () {
-      this.toggleSideBar(!this.isCollapse)
-    },
-    // 收展按钮
-    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
-      }
-    }
-  }
-}
               // {
               //   title: '国内外政策',
               //   path: '/foreignRegulationsDatabase',
@@ -890,170 +512,133 @@
   }
 </script>
 <style lang="less" scoped>
-@import '~@/assets/styles/mixins';
-/deep/.el-menu--popup > div {
-  border-radius: 5px;
-}
-.el-menu--collapse {
-  .is-active {
-    background-color: #697178 !important;
-    .shangqi-icon {
-      color: #fff !important;
+  @import '~@/assets/styles/mixins';
+  /deep/.el-menu--popup > div {
+    border-radius: 5px;
+  }
+  .el-menu--collapse {
+    .is-active {
+      background-color: #697178 !important;
+      .shangqi-icon {
+        color: #fff !important;
+      }
+      color: #697178 !important;
     }
-    color: #697178 !important;
   }
-}
-.nav-menu {
-  width: 58px;
-  height: 100%;
-  overflow-y: auto;
-  user-select: none;
-  box-sizing: border-box;
-  position: absolute;
-  background: #697178;
-  background-size: 100% 100%;
-  /deep/.el-tooltip {
-    padding: 0px 16px !important;
-  }
-  .left-tree::-webkit-scrollbar {
-    display: none;
-  }
-  &:not(.is-collapse) {
-    width: 200px;
+  .nav-menu {
+    width: 58px;
+    height: 100%;
+    overflow-y: auto;
+    user-select: none;
+    box-sizing: border-box;
+    position: absolute;
     background: #697178;
     background-size: 100% 100%;
-    .logo {
-      padding: 10px;
-      text-align: left;
-      img {
-        width: 150px;
-        height: 61px;
-        margin-top: -7px;
+    /deep/.el-tooltip {
+      padding: 0px 16px !important;
+    }
+    .left-tree::-webkit-scrollbar {
+      display: none;
+    }
+    &:not(.is-collapse) {
+      width: 200px;
+      background: #697178;
+      background-size: 100% 100%;
+      .logo {
+        padding: 10px;
+        text-align: left;
+        img {
+          width: 150px;
+          height: 61px;
+          margin-top: -7px;
+        }
       }
     }
-  }
-  .tree-collapse{
-    display: inline-block;
-    position: absolute;
-    right: 0;
-    top: 0px;
-    align-items: center;
-    justify-content: center;
-    width: 15px;
-    min-height: 140%;
-    background: #EEE;
-    cursor: pointer;
-    &:hover{
-      background-color: #f0f2f5;
+    .tree-collapse{
+      display: inline-block;
+      position: absolute;
+      right: 0;
+      top: 0px;
+      align-items: center;
+      justify-content: center;
+      width: 15px;
+      min-height: 140%;
+      background: #EEE;
+      cursor: pointer;
+      &:hover{
+        background-color: #f0f2f5;
+      }
+    }
+    .logo{
+      text-align: center;
+      padding: 15px 0;
+      img {
+        width: 36px;
+        height: 35px;
+      }
+    }
+    .nav-menu-header{
+      /*background:url("../../assets/images/shangqi/home/logo3.png");*/
+    }
+    /deep/:not(.is-collapse) .el-menu-item.is-active{
+      background: #4788c0 !important;
+      color: #fff !important;
     }
   }
-  .logo{
-    text-align: center;
-    padding: 15px 0;
-    img {
-      width: 36px;
-      height: 35px;
-    }
+  .has-no-read{
+    position: relative;
+    top:-15px;
+    left:10px
   }
-  .nav-menu-header{
-    /*background:url("../../assets/images/shangqi/home/logo3.png");*/
+  /*.el-menu--collapse {*/
+  /*  .shangqi-icon {*/
+  /*    color: #4091FF !important;*/
+  /*  }*/
+  /*  .is-active /deep/.shangqi-icon {*/
+  /*    color: #4091FF !important;*/
+  /*  }*/
+  /*  /deep/.el-submenu__title i {*/
+  /*    color: #fff;*/
+  /*  }*/
+  /*  /deep/.el-submenu__title i {*/
+  /*    color: #fff;*/
+  /*  }*/
+  /*}*/
+  .is-active /deep/.shangqi-icon {
+    color: #fff;
   }
-  /deep/:not(.is-collapse) .el-menu-item.is-active{
-    background: #4788c0 !important;
+  /deep/.el-submenu__title i {
+    color: #fff;
+  }
+  .nav-menu /deep/.el-submenu__title i {
+    color: #fff;
+  }
+  .nav-menu{
+    background-color: #697178;
+    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;
   }
-}
-.has-no-read{
-  position: relative;
-  top:-15px;
-  left:10px
-}
-/*.el-menu--collapse {*/
-/*  .shangqi-icon {*/
-/*    color: #4091FF !important;*/
-/*  }*/
-/*  .is-active /deep/.shangqi-icon {*/
-/*    color: #4091FF !important;*/
-/*  }*/
-/*  /deep/.el-submenu__title i {*/
-/*    color: #fff;*/
-/*  }*/
-/*  /deep/.el-submenu__title i {*/
-/*    color: #fff;*/
-/*  }*/
-/*}*/
-.is-active /deep/.shangqi-icon {
-  color: #fff;
-}
-/deep/.el-submenu__title i {
-  color: #fff;
-}
-.nav-menu /deep/.el-submenu__title i {
-  color: #fff;
-}
-.nav-menu{
-  background-color: #697178;
-  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: #4788c0 !important;
-  font-weight: bold;
-}
-.nav-menu-popper .el-menu .el-menu-item:hover {
-  background-color: #697178 !important;
-  color: #fff !important;
-  font-weight: bold;
-}
+  .nav-menu-popper .el-menu .el-menu-item.is-active {
+    background-color: #fff !important;
+    color: #4788c0 !important;
+    font-weight: bold;
+  }
+  .nav-menu-popper .el-menu .el-menu-item:hover {
+    background-color: #697178 !important;
+    color: #fff !important;
+    font-weight: bold;
+  }
 
-.el-menu-item {
-  span {
-    margin-left: 5px;
-    font-weight: normal;
-  }
-  .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 {
-  .is-opened {
-    background-color: red;
-  }
-  /deep/.el-submenu__title {
-    padding: 0 16px !important;
+  .el-menu-item {
     span {
-      font-weight: normal;
       margin-left: 5px;
+      font-weight: normal;
     }
     .shangqi-icon {
       display: inline-block;
@@ -1062,11 +647,11 @@
       background-repeat: no-repeat;
       background-size: 85% 85%;
       background-position: center center;
-      &.fagui {
-        background-image: url("~assets/images/shangqi/sideBar/fagui.png");
+      &.home {
+        background-image: url("~assets/images/shangqi/sideBar/home.png");
       }
-      &.tools {
-        background-image: url("~assets/images/shangqi/sideBar/tools.png");
+      &.baobiao {
+        background-image: url("~assets/images/shangqi/sideBar/baobiao.png");
       }
       &.ucenter {
         background-image: url("~assets/images/shangqi/sideBar/ucenter.png");
@@ -1074,41 +659,78 @@
       &.search {
         background-image: url("~assets/images/shangqi/sideBar/search.png");
       }
-      &.conf {
-        background-image: url("~assets/images/shangqi/sideBar/conf.png");
+      &.warning {
+        background-image: url("~assets/images/shangqi/sideBar/warning.png");
       }
       &.liucheng {
         background-image: url("~assets/images/shangqi/sideBar/liucheng.png");
       }
     }
   }
-  .el-menu-item {
-    padding-left: 29px !important;
-    font-size: 14px;
-    font-weight: normal;
-    height: 40px;
-    line-height: 40px;
-    div {
+  .el-submenu {
+    .is-opened {
+      background-color: red;
+    }
+    /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;
+      font-size: 14px;
+      font-weight: normal;
+      height: 40px;
+      line-height: 40px;
+      div {
+      }
+    }
+    /deep/.el-menu {
+      /*padding-left: 18px;*/
     }
   }
-  /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;
+  .el-menu--collapse{
+    width: 100%;
+    .shangqi-icon{
+      width: 24px;
+      height: 24px;
+    }
+    .el-submenu{
+      /deep/.el-submenu__title{
+        .shangqi-icon{
+          width: 24px;
+          height: 24px;
+        }
       }
     }
   }
-}
 
 </style>