feat: 概览，学习组织数据接口联调

src/components/NavLeft.vue

@@ -3,7 +3,7 @@
     class="navLeft"
     :style="{
       width: packup ? '100px' : '208px',
-      'min-height': screenHeight - 80 + 'px',
+      height: screenHeight - 80 + 'px',
     }"
   >
     <div style="display: flex; justify-content: flex-end">
@@ -307,6 +307,9 @@
             <router-link to="/operational">营运数据概览</router-link>
           </a-menu-item>
           <a-sub-menu key="sub17-2" class="treeMenu">
+            <template #icon>
+              <div class="img"></div>
+            </template>
             <template #title>版块详细数据</template>
             <a-menu-item key="sub17-2-1">
               <span
@@ -353,7 +356,7 @@
               ></span>
               <router-link to="/article">文章</router-link>
             </a-menu-item>
-             <a-menu-item key="sub17-2-6">
+            <a-menu-item key="sub17-2-6">
               <span
                 :class="{
                   circleActive: selectedKeys[0] === 'sub17-2-6' ? true : false,
@@ -373,6 +376,9 @@
             </a-menu-item>
           </a-sub-menu>
           <a-sub-menu key="sub17-3" class="treeMenu">
+            <template #icon>
+              <div class="img"></div>
+            </template>
             <template #title>组织学习数据</template>
             <a-menu-item key="sub17-3-1">
               <span
@@ -671,6 +677,7 @@ export default {
         {
           href: "/learningpathmap",
           openKeys: "sub17",
+          // openKeyss:'sub17-2',
           selectedKeys: "sub17-2-1",
           pagename: "学习路径图",
         },
@@ -725,8 +732,6 @@ export default {
       ],
     });
 
-    // console.log(state.openKeys, state.selectedKeys);
-
     const onOpenChange = (openKeys) => {
       const latestOpenKey = openKeys.find(
         (key) => state.openKeys.indexOf(key) === -1
@@ -852,15 +857,27 @@ export default {
 <style lang="scss">
 .navLeft {
   width: 208px;
-  min-height: 100%;
+  height: 100%;
+  overflow-y: auto;
+  overflow-x: hidden;
   background: linear-gradient(0deg, #a9e9f7 0%, #388be1 73%);
   box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.21);
   // margin-top: -50px;
   flex-shrink: 0;
   .treeMenu {
+    padding-left: 17px;
+    .ant-menu-item-icon {
+      width: 10px !important;
+      height: 10px;
+      min-width: 10px;
+      border-radius: 50%;
+      margin-right: 10px;
+      // background: white;
+      border: 2px solid white;
+    }
     .ant-menu-title-content {
       box-sizing: border-box;
-      padding-left: 52px !important;
+      // padding-left: 40px !important;
       overflow: hidden;
       text-overflow: ellipsis;
     }
@@ -917,7 +934,7 @@ export default {
   //修改左侧padding
   .ant-menu-item,
   .ant-menu-submenu-title {
-    padding-left: 10px !important;
+    padding-left: 14px !important;
     height: 49px !important;
     line-height: 49px !important;
     margin: 0px !important;