排行榜菜单

src/router/index.js

@@ -591,7 +591,7 @@ router.beforeEach((to, from, next) => {
       })
     }
     if (to.path.includes('/super/ranking/')) { //匹配包含此路径的 侧边栏数据
-      store.commit('SET_CUSTOMIZE', false);
+      store.commit('SET_CUSTOMIZE', true);
       store.commit('SET_SLIDER_MENU', 'rankMenuData');
     }
   }

src/store/index.js

@@ -20,83 +20,77 @@ export default new Vuex.Store({
     componentsName:'',
     currentMenuItem:null,
     slidermenu:[],
-    rankMenuData: [{
-        index: '1',
-        title: '总利润',
-        icon: 'Totalprofit',
-        children: [{
-            index: '1-1',
-            title: '年排行',
+    rankMenuData: [
+      {
+        name: '总利润',
+        img:'site/sitebase.svg',
+        imgActive: require('@/assets/site/sitebase_active.svg'),
+        list: [
+          {
+            name: '年排行',
             path: '/super/ranking/yearProfit'
           },
           {
-            index: '1-2',
-            title: '月排行',
+            name: '月排行',
             path: '/super/ranking/monthProfit'
-          }
+          },
         ]
       },
       {
-        index: '2',
-        title: '产品',
-        icon: 'Totalprofit1',
-        children: [{
-            index: '2-1',
-            title: '毛利润排行',
+        name: '产品',
+        img:'site/sitebase.svg',
+        imgActive: require('@/assets/site/sitebase_active.svg'),
+        list: [
+          {
+            name: '毛利润排行',
             path: '/super/ranking/checkProfit'
           },
           {
-            index: '2-2',
-            title: '订单数排行',
+            name: '订单数排行',
             path: '/super/ranking/checkOrdernum'
           },
           {
-            index: '2-3',
-            title: '退单数排行',
+            name: '退单数排行',
             path: '/super/ranking/checkRefund'
           },
           {
-            index: '2-4',
-            title: '负毛利排行',
+            name: '负毛利排行',
             path: '/super/ranking/loss'
-          }
+          },
         ]
       },
       {
-        index: '3',
-        title: '代理商',
-        icon: 'Totalprofit2',
-        children: [{
-            index: '3-1',
-            title: '毛利润排行',
+        name: '代理商',
+        img:'site/sitebase.svg',
+        imgActive: require('@/assets/site/sitebase_active.svg'),
+        list: [
+          {
+            name: '毛利润排行',
             path: '/super/ranking/agentProfit'
           },
           {
-            index: '3-2',
-            title: '充值排行',
+            name: '充值排行',
             path: '/super/ranking/agentRecharge'
           },
           {
-            index: '3-3',
-            title: '新加盟',
+            name: '新加盟',
             path: '/super/ranking/agentNew'
-          }
+          },
         ]
       },
       {
-        index: '4',
-        title: '设置',
-        icon: 'Totalprofit3',
-        children: [{
-            index: '4-1',
-            title: '采购价',
+        name: '设置',
+        img:'site/sitebase.svg',
+        imgActive: require('@/assets/site/sitebase_active.svg'),
+        list: [
+          {
+            name: '采购价',
             path: '/super/ranking/purchase'
           },
           {
-            index: '4-2',
-            title: '阶段采购',
+            name: '阶段采购',
             path: '/super/ranking/stagePurchase'
-          }
+          },
         ]
       },
     ],