fix 80798

src/components/menu/SideMenu.vue

@@ -175,5 +175,11 @@ export default {
     }
   }
 }
+// icon图片默认是选中的图片，如果没被选中，就设置灰掉
+.ant-menu-item:not(.ant-menu-item-selected) {
+  .icon-img {
+    filter: grayscale(100%);
+  }
+}
 </style>
 <!-- update_end author:sunjianlei date:20190530 for: 选中首页的时候不显示背景颜色 -->

src/components/menu/index.js

@@ -147,6 +147,13 @@ export default {
       )
     },
     renderIcon (icon) {
+      // 图片做菜单icon，cus_img_xxx.png, xxx-act.png放在assets/imgs/icon/
+      // (act是激活后的图片，未激活时通过样式置灰)
+      if (icon !== 'none' && icon !== undefined && icon.indexOf('cus_img_') !== -1) {
+        const img = require('@/assets/imgs/icon/' + icon.substr(8) + '_act.png')
+        return (<img style="width:16px;height:16px;user-select:none;margin-right:8px;vertical-align:sub;"
+                     src={img} alt="" class="icon-img"/>)
+      }
       if (icon !== 'none' && icon !== undefined && icon.indexOf('cus_') !== -1) {
         let className = `anticon-jeecg anticon${icon.substr(4)}`
         return <i class={className} style='margin-right: 8px'></i>

src/config/router.config.js

@@ -139,7 +139,7 @@ export const routerData = [
     component: 'draftTeam/DraftTeam',
     route: '1',
     meta: {
-      icon: 'cus_member', // 菜单前图标
+      icon: 'cus_img_icon_drafting_group', // 菜单前图标
       componentName: 'DraftTeam',
       keepAlive: false,
       title: '起草组' // 菜单名称