Merge remote-tracking branch…

Merge remote-tracking branch 'origin/hotfix/pangguoming/20210629/modify_course_manage_default_img' into dev

src/modules/root/Menu.less

@@ -38,6 +38,9 @@
     padding-left: 0 !important;
     color: #333;
     background: #fff !important;
+    .ant-menu-title-content {
+      margin-left: 0 !important;
+    }
   }
   .left {
     -webkit-user-select: none;
@@ -63,9 +66,16 @@
       }
       .icon-img-box {
         // display: flex;
+        display: inline-block;
+        width: 40px;
+        height: 40px;
         .icon-img {
           margin-left: 12px;
         }
+        margin-right: 0 !important;
+      }
+      .icon-img-title {
+        margin-left: 0 !important;
       }
       .icon-img {
         width: 18px;
@@ -81,7 +91,7 @@
         position: absolute;
       }
       .ant-menu-item {
-        padding-left: 12px !important;
+        padding-left: 0 !important;
         padding-right: 0px;
         margin: 6px 8px;
         width: calc(100% - 15px);

src/modules/root/Menu.tsx

@@ -229,7 +229,7 @@ function Aside(props: any) {
                         </div>
                       )
                     }
-                    title={menuType ? <span>{item.groupName}</span> : ''}
+                    title={menuType ? <span className='icon-img-title'>{item.groupName}</span> : ''}
                     onTitleClick={() => onOpenChange(item.groupCode)}>
                     {item.children.map((_item: any, _index: any) => {
                       if (ctx.xmState.storeUserPermissionList.indexOf(_item.groupCode) === -1) {
@@ -255,8 +255,18 @@ function Aside(props: any) {
                       toggleMenu(item, item.groupCode);
                     }}
                     key={item.groupCode}
-                    icon={<img src={selectKey === item.groupCode ? item.selectImg : item.img} className='icon-img'></img>}>
-                    {menuType ? item.groupName : ''}
+                    icon={
+                      !menuType && item.groupCode === selectKeyParent ? (
+                        <div className='icon-img-box' style={{ backgroundColor: '#2966FF' }}>
+                          <img src={item.selectImg} className='icon-img' />
+                        </div>
+                      ) : (
+                        <div className='icon-img-box'>
+                          <img src={selectKey === item.groupCode ? item.selectImg : item.img} className='icon-img' />
+                        </div>
+                      )
+                    }>
+                    {menuType ? <span className='icon-img-title'>{item.groupName}</span> : ''}
                   </Menu.Item>
                 );
               }

src/routes/config/menuList.tsx

@@ -49,7 +49,7 @@ export const menuList: any = [
     groupCode: 'TrainManage',
     icon: '',
     img: 'https://image.xiaomaiketang.com/xm/Yy6pZ6G6kS.png',
-    selectImg: 'https://image.xiaomaiketang.com/xm/TTBGBpf3BJ.png',
+    selectImg: 'https://image.xiaomaiketang.com/xm/Z8G6NMQhaH.png',
     children: [
       {
         groupName: '培训计划',