diff --git a/src/App.vue b/src/App.vue
index d19fd5f..e751a54 100755
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,11 +1,5 @@
 <template>
   <div id="app">
-    <!-- <nav>
-      <router-link to="/">Home</router-link> |
-      <router-link to="/about">About</router-link> |
-      <router-link to="/ui">组件示例文件</router-link>
-    </nav> -->
-    <!-- <router-view/> -->
     <el-container>
       <el-header style="height: 62px;" v-if="showHeader">
         <Header></Header>
@@ -14,7 +8,7 @@
         <div class="bg"></div>
       </el-header>
       <el-container :class="(showHeader ? 'short-container' : '')">
-        <SliderMenu v-if="showSidebar"></SliderMenu>
+        <SliderMenu v-if="showSidebar" :menuData="menuData"></SliderMenu>
         <el-container>
           <!-- 面包屑导航 -->
           <Breadcrumb />
@@ -45,26 +39,26 @@ export default {
   data() {
     return {
       isCollapse: true,
-      menuData: [
-        {
-          index: '1',
-          title: '父级菜单1',
-          icon: 'el-icon-location',
-          children: [
-            { index: '1-1', title: '子级菜单1-1', path: '/' },
-            { index: '1-2', title: 'ui页面', path: '/ui' }
-          ]
-        },
-        {
-          index: '2',
-          title: '父级菜单2',
-          icon: 'el-icon-menu',
-          children: [
-            { index: '2-1', title: '子级菜单2-1', path: '/about' },
-            { index: '2-2', title: '加盟耶main', path: '/franchise' }
-          ]
-        }
-      ]
+    //   menuData: [
+    //     {
+    //       index: '1',
+    //       title: '父级菜单1',
+    //       icon: 'el-icon-location',
+    //       children: [
+    //         { index: '1-1', title: '子级菜单1-1', path: '/' },
+    //         { index: '1-2', title: 'ui页面', path: '/ui' }
+    //       ]
+    //     },
+    //     {
+    //       index: '2',
+    //       title: '父级菜单2',
+    //       icon: 'el-icon-menu',
+    //       children: [
+    //         { index: '2-1', title: '子级菜单2-1', path: '/about' },
+    //         { index: '2-2', title: '加盟耶main', path: '/franchise' }
+    //       ]
+    //     }
+    //   ]
     };
   },
   components: {
@@ -76,7 +70,7 @@ export default {
     Breadcrumb
   },
   computed: {
-    ...mapState(['showSidebar', 'showFooter', 'showHeader']) // 从Vuex映射showSidebar状态到组件的计算属性中
+    ...mapState(['menuData','showSidebar', 'showFooter', 'showHeader']) // 从Vuex映射showSidebar状态到组件的计算属性中
   },
   mounted() {
     window.addEventListener('beforeunload', this.clearStorage);
diff --git a/src/assets/loding_.json b/src/assets/loding_.json
new file mode 100644
index 0000000..c720267
--- /dev/null
+++ b/src/assets/loding_.json
@@ -0,0 +1 @@
+{"v":"5.12.2","fr":60,"ip":0,"op":55,"w":88,"h":88,"nm":"Frame 2","ddd":0,"assets":[],"layers":[{"ddd":0,"ind":1,"ty":3,"nm":"▽ Group 1","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":1,"k":[{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":0,"s":[360]},{"t":55,"s":[720]}],"ix":10},"p":{"a":0,"k":[44.5,43.5,0],"ix":2,"l":2},"a":{"a":0,"k":[33.5,33.5,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"ip":0,"op":55,"st":0,"ct":1,"bm":0},{"ddd":0,"ind":2,"ty":4,"nm":"Ellipse 2","parent":1,"sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[50.25,16.75,0],"ix":2,"l":2},"a":{"a":0,"k":[0,0,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,-18.502]],"o":[[18.502,0],[0,0]],"v":[[-16.75,-16.75],[16.75,16.75]],"c":false},"ix":2},"nm":"路径 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0.357,0.435,0.965],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":7,"ix":5},"lc":2,"lj":1,"ml":4,"bm":0,"nm":"描边 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"变换"}],"nm":"Ellipse 2","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":55,"st":0,"ct":1,"bm":0},{"ddd":0,"ind":3,"ty":4,"nm":"Ellipse 1","parent":1,"sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[33.5,33.5,0],"ix":2,"l":2},"a":{"a":0,"k":[0,0,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"d":1,"ty":"el","s":{"a":0,"k":[67,67],"ix":2},"p":{"a":0,"k":[0,0],"ix":3},"nm":"椭圆路径 1","mn":"ADBE Vector Shape - Ellipse","hd":false},{"ty":"st","c":{"a":0,"k":[0.898,0.91,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":7,"ix":5},"lc":1,"lj":1,"ml":4,"bm":0,"nm":"描边 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"变换"}],"nm":"Ellipse 1","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":55,"st":0,"ct":1,"bm":0}],"markers":[],"props":{}}
\ No newline at end of file
diff --git a/src/assets/menu/Totalprofit.svg b/src/assets/menu/Totalprofit.svg
new file mode 100644
index 0000000..cd29104
--- /dev/null
+++ b/src/assets/menu/Totalprofit.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="15.0205078125" height="15.5" viewBox="0 0 15.0205078125 15.5"><g><g><path d="M3.79662953125,3.8964666281738283Q1.6965055312500001,6.345712628173828,0.24108353125000004,10.452212628173829Q-0.43852046874999995,12.369692628173828,0.79886053125,13.960272628173827Q1.99668953125,15.499962628173828,4.02287953125,15.499962628173828L10.99261953125,15.499962628173828Q13.02321953125,15.499962628173828,14.22261953125,13.954422628173829Q15.46071953125,12.358772628173828,14.77801953125,10.437962628173828Q13.31601953125,6.324762628173828,11.23551953125,3.896659628173828Q11.19771953125,3.852576628173828,11.15361953125,3.8148316281738284Q11.10951953125,3.7770866281738282,11.06011953125,3.746578628173828Q11.01071953125,3.7160706281738283,10.95721953125,3.6935256281738282Q10.90371953125,3.670981628173828,10.84741953125,3.656938628173828Q10.79101953125,3.642894628173828,10.73323953125,3.637686628173828Q10.67541953125,3.6324786281738284,10.61747953125,3.636230628173828Q10.55954953125,3.639981628173828,10.50288953125,3.652603628173828Q10.44621953125,3.665225628173828,10.39217953125,3.686416628173828Q9.08217953125,4.200049628173828,7.51886953125,4.200049628173828Q5.95146953125,4.200049628173828,4.6394495312499995,3.6862946281738282Q4.58541953125,3.665140628173828,4.52878953125,3.652546628173828Q4.47215953125,3.639952628173828,4.41425953125,3.636218628173828Q4.3563695312499995,3.632483628173828,4.29858953125,3.637696628173828Q4.24080953125,3.642910628173828,4.18450953125,3.6569476281738282Q4.12821953125,3.670985628173828,4.07475953125,3.693512628173828Q4.0212995312499995,3.716040628173828,3.97192953125,3.746522628173828Q3.92256953125,3.777003628173828,3.87847953125,3.814714628173828Q3.83438953125,3.852424628173828,3.79662953125,3.8964666281738283ZM1.98278953125,13.039242628173827Q1.24962953125,12.096802628173828,1.65491053125,10.953312628173828Q2.90057953125,7.438632628173828,4.6114095312500005,5.267114628173828Q5.96870953125,5.700052628173828,7.51886953125,5.700052628173828Q9.06522953125,5.700052628173828,10.42028953125,5.267401628173828Q12.11401953125,7.421702628173828,13.36461953125,10.940332628173827Q13.77251953125,12.087702628173828,13.03751953125,13.034832628173827Q12.28851953125,14.000002628173828,10.99261953125,14.000002628173828L4.02287953125,14.000002628173828Q2.73020953125,14.000002628173828,1.98278953125,13.039242628173827Z" fill-rule="evenodd" fill="#626573" fill-opacity="1"/></g><g><path d="M5.416015625,8.399959564208984L9.615995625,8.399959564208984Q9.689865625,8.399959564208984,9.762315625,8.414370564208983Q9.834765625,8.428781564208984,9.903005624999999,8.457049564208985Q9.971255625000001,8.485318564208985,10.032675625,8.526357564208984Q10.094095625,8.567396564208984,10.146325625,8.619629564208985Q10.198555625000001,8.671862564208984,10.239595625,8.733281564208985Q10.280635625,8.794701564208985,10.308905625000001,8.862946564208984Q10.337175625,8.931192564208985,10.351585625,9.003641564208984Q10.365995625,9.076091064208985,10.365995625,9.149959564208984Q10.365995625,9.223828064208984,10.351585625,9.296277564208985Q10.337175625,9.368726564208984,10.308905625000001,9.436972564208984Q10.280635625,9.505217564208984,10.239595625,9.566637564208984Q10.198555625000001,9.628056564208984,10.146325625,9.680289564208984Q10.094095625,9.732522564208985,10.032675625,9.773561564208984Q9.971255625000001,9.814600564208984,9.903005624999999,9.842869564208984Q9.834765625,9.871137564208984,9.762315625,9.885548564208985Q9.689865625,9.899959564208984,9.615995625,9.899959564208984L5.416015625,9.899959564208984Q5.342147125,9.899959564208984,5.269697625,9.885548564208985Q5.197248625,9.871137564208984,5.129002625,9.842869564208984Q5.060757625,9.814600564208984,4.999337625,9.773561564208984Q4.937918625,9.732522564208985,4.885685625,9.680289564208984Q4.833452625,9.628056564208984,4.792413625,9.566637564208984Q4.751374625,9.505217564208984,4.723105625,9.436972564208984Q4.694837625,9.368726564208984,4.680426625,9.296277564208985Q4.666015625,9.223828064208984,4.666015625,9.149959564208984Q4.666015625,9.076091064208985,4.680426625,9.003641564208984Q4.694837625,8.931192564208985,4.723105625,8.862946564208984Q4.751374625,8.794701564208985,4.792413625,8.733281564208985Q4.833452625,8.671862564208984,4.885685625,8.619629564208985Q4.937918625,8.567396564208984,4.999337625,8.526357564208984Q5.060757625,8.485318564208985,5.129002625,8.457049564208985Q5.197248625,8.428781564208984,5.269697625,8.414370564208983Q5.342147125,8.399959564208984,5.416015625,8.399959564208984Z" fill-rule="evenodd" fill="#626573" fill-opacity="1"/></g><g><path d="M5.416015625,10.499946594238281L9.615995625,10.499946594238281Q9.689865625,10.499946594238281,9.762315625,10.51435759423828Q9.834765625,10.528768594238281,9.903005624999999,10.557036594238282Q9.971255625000001,10.585305594238282,10.032675625,10.626344594238281Q10.094095625,10.66738359423828,10.146325625,10.719616594238282Q10.198555625000001,10.771849594238281,10.239595625,10.833268594238282Q10.280635625,10.894688594238282,10.308905625000001,10.962933594238281Q10.337175625,11.031179594238282,10.351585625,11.10362859423828Q10.365995625,11.176078094238282,10.365995625,11.249946594238281Q10.365995625,11.323815094238281,10.351585625,11.396264594238282Q10.337175625,11.468713594238281,10.308905625000001,11.536959594238281Q10.280635625,11.60520459423828,10.239595625,11.66662459423828Q10.198555625000001,11.728043594238281,10.146325625,11.78027659423828Q10.094095625,11.832509594238282,10.032675625,11.873548594238281Q9.971255625000001,11.91458759423828,9.903005624999999,11.94285659423828Q9.834765625,11.971124594238281,9.762315625,11.985535594238282Q9.689865625,11.999946594238281,9.615995625,11.999946594238281L5.416015625,11.999946594238281Q5.342147125,11.999946594238281,5.269697625,11.985535594238282Q5.197248625,11.971124594238281,5.129002625,11.94285659423828Q5.060757625,11.91458759423828,4.999337625,11.873548594238281Q4.937918625,11.832509594238282,4.885685625,11.78027659423828Q4.833452625,11.728043594238281,4.792413625,11.66662459423828Q4.751374625,11.60520459423828,4.723105625,11.536959594238281Q4.694837625,11.468713594238281,4.680426625,11.396264594238282Q4.666015625,11.323815094238281,4.666015625,11.249946594238281Q4.666015625,11.176078094238282,4.680426625,11.10362859423828Q4.694837625,11.031179594238282,4.723105625,10.962933594238281Q4.751374625,10.894688594238282,4.792413625,10.833268594238282Q4.833452625,10.771849594238281,4.885685625,10.719616594238282Q4.937918625,10.66738359423828,4.999337625,10.626344594238281Q5.060757625,10.585305594238282,5.129002625,10.557036594238282Q5.197248625,10.528768594238281,5.269697625,10.51435759423828Q5.342147125,10.499946594238281,5.416015625,10.499946594238281Z" fill-rule="evenodd" fill="#626573" fill-opacity="1"/></g><g><path d="M6.76904296875,9.149959564208984Q6.76904296875,9.076091064208985,6.78345396875,9.003641564208984Q6.79786496875,8.931192564208985,6.82613296875,8.862946564208984Q6.85440196875,8.794701564208985,6.89544096875,8.733281564208985Q6.93647996875,8.671862564208984,6.98871296875,8.619629564208985Q7.04094596875,8.567396564208984,7.10236496875,8.526357564208984Q7.16378496875,8.485318564208985,7.23202996875,8.457049564208985Q7.30027596875,8.428781564208984,7.37272496875,8.414370564208983Q7.44517446875,8.399959564208984,7.51904296875,8.399959564208984Q7.59291146875,8.399959564208984,7.66536096875,8.414370564208983Q7.73780996875,8.428781564208984,7.80605596875,8.457049564208985Q7.87430096875,8.485318564208985,7.93572096875,8.526357564208984Q7.99713996875,8.567396564208984,8.04937296875,8.619629564208985Q8.10160596875,8.671862564208984,8.14264496875,8.733281564208985Q8.18368396875,8.794701564208985,8.21195296875,8.862946564208984Q8.24022096875,8.931192564208985,8.254631968750001,9.003641564208984Q8.26904296875,9.076091064208985,8.26904296875,9.149959564208984L8.26904296875,12.649939564208985Q8.26904296875,12.723809564208985,8.254631968750001,12.796259564208984Q8.24022096875,12.868709564208984,8.21195296875,12.936949564208984Q8.18368396875,13.005199564208985,8.14264496875,13.066619564208985Q8.10160596875,13.128039564208985,8.04937296875,13.180269564208984Q7.99713996875,13.232509564208986,7.93572096875,13.273539564208985Q7.87430096875,13.314579564208984,7.80605596875,13.342849564208985Q7.73780996875,13.371119564208986,7.66536096875,13.385529564208984Q7.59291146875,13.399939564208985,7.51904296875,13.399939564208985Q7.44517446875,13.399939564208985,7.37272496875,13.385529564208984Q7.30027596875,13.371119564208986,7.23202996875,13.342849564208985Q7.16378496875,13.314579564208984,7.10236496875,13.273539564208985Q7.04094596875,13.232509564208986,6.98871296875,13.180269564208984Q6.93647996875,13.128039564208985,6.89544096875,13.066619564208985Q6.85440196875,13.005199564208985,6.82613296875,12.936949564208984Q6.79786496875,12.868709564208984,6.78345396875,12.796259564208984Q6.76904296875,12.723809564208985,6.76904296875,12.649939564208985L6.76904296875,9.149959564208984Z" fill-rule="evenodd" fill="#626573" fill-opacity="1"/></g><g><path d="M4.885685625,7.580298719482422Q4.780196625,7.474809719482422,4.723105625,7.336981719482422Q4.666015625,7.199152719482422,4.666015625,7.049968719482422Q4.666015625,6.976100219482422,4.680426625,6.903650719482422Q4.694837625,6.831201719482422,4.723105625,6.762955719482422Q4.751374625,6.694710719482422,4.792413625,6.633290719482422Q4.833452625,6.571871719482422,4.885685625,6.519638719482422Q4.937918625,6.4674057194824215,4.999337625,6.426366719482422Q5.060757625,6.385327719482422,5.129002625,6.3570587194824215Q5.197248625,6.328790719482422,5.269697625,6.314379719482422Q5.342147125,6.299968719482422,5.416015625,6.299968719482422Q5.565199625,6.299968719482422,5.703028625,6.3570587194824215Q5.840856625,6.414149719482422,5.946345625,6.519638719482422L7.516005625,8.089298719482422L9.085505625,6.519792719482422L9.085665625,6.519638719482422Q9.191155625,6.414149719482422,9.328985625,6.3570587194824215Q9.466805625,6.299968719482422,9.615995625,6.299968719482422Q9.689865625,6.299968719482422,9.762315625,6.314379719482422Q9.834765625,6.328790719482422,9.903005624999999,6.3570587194824215Q9.971255625000001,6.385327719482422,10.032675625,6.426366719482422Q10.094095625,6.4674057194824215,10.146325625,6.519638719482422Q10.198555625000001,6.571871719482422,10.239595625,6.633290719482422Q10.280635625,6.694710719482422,10.308905625000001,6.762955719482422Q10.337175625,6.831201719482422,10.351585625,6.903650719482422Q10.365995625,6.976100219482422,10.365995625,7.049968719482422Q10.365995625,7.199152719482422,10.308905625000001,7.336981719482422Q10.251815624999999,7.474809719482422,10.146325625,7.580298719482422L8.046335625000001,9.680288719482423Q7.9941056249999995,9.732518719482421,7.9326856249999995,9.773558719482422Q7.8712656249999995,9.814598719482422,7.8030156250000005,9.842868719482421Q7.734775625,9.871138719482422,7.662325624999999,9.885548719482422Q7.5898756249999995,9.899958719482422,7.516005625,9.899958719482422Q7.442135625000001,9.899958719482422,7.369685625,9.885548719482422Q7.297235625,9.871138719482422,7.228995625,9.842868719482421Q7.160745625,9.814598719482422,7.0993256250000005,9.773558719482422Q7.0379056250000005,9.732518719482421,6.985675625,9.680288719482423L4.885685625,7.580298719482422L4.885685625,7.580298719482422Z" fill-rule="evenodd" fill="#626573" fill-opacity="1"/></g><g><path d="M3.9841803125,0.6841028Q2.2158203125,1.5002710000000001,2.2158203125,2.84999Q2.2158203125,4.19971,3.9841803125,5.01587Q5.4664103125,5.69998,7.5158003125,5.69998Q9.5651903125,5.69998,11.0474103125,5.01587Q12.8157703125,4.19971,12.8157703125,2.84999Q12.8157703125,1.5002710000000001,11.0474103125,0.6841029Q9.5651903125,0,7.5158003125,0Q5.4664103125,0,3.9841803125,0.6841028ZM3.8763123125,3.16068Q3.7158203125,2.98555,3.7158203125,2.84999Q3.7158203125,2.71443,3.8763123125,2.5393Q4.1198603125,2.2735399999999997,4.6127703125,2.04604Q5.7958603125,1.5,7.5158003125,1.5Q9.2357303125,1.5,10.4188203125,2.04604Q10.9117303125,2.2735399999999997,11.1552803125,2.5393Q11.3157703125,2.71443,11.3157703125,2.84999Q11.3157703125,2.98555,11.1552803125,3.16068Q10.9117303125,3.42644,10.4188203125,3.65394Q9.2357303125,4.19998,7.5158003125,4.19998Q5.7958603125,4.19998,4.6127703125,3.65394Q4.1198603125,3.42644,3.8763123125,3.16068Z" fill-rule="evenodd" fill="#626573" fill-opacity="1"/></g></g></svg>
\ No newline at end of file
diff --git a/src/assets/menu/Totalprofit1.svg b/src/assets/menu/Totalprofit1.svg
new file mode 100644
index 0000000..5f28324
--- /dev/null
+++ b/src/assets/menu/Totalprofit1.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="16" height="16" viewBox="0 0 16 16"><defs><clipPath id="master_svg0_401_002005"><rect x="0" y="0" width="16" height="16" rx="0"/></clipPath></defs><g clip-path="url(#master_svg0_401_002005)"><g><path d="M15.002033373069763,12.004133373069763Q15.095533373069763,11.957433373069764,15.172633373069763,11.886933373069763Q15.249733373069763,11.816533373069763,15.304633373069763,11.727633373069763Q15.359533373069763,11.638733373069764,15.388133373069763,11.538333373069763Q15.416633373069763,11.437833373069763,15.416633373069763,11.333333373069763L15.416633373069763,4.666663373069763Q15.416633373069763,4.562203373069764,15.388133373069763,4.461713373069763Q15.359533373069763,4.361233373069763,15.304633373069763,4.272363373069763Q15.249733373069763,4.1835033730697635,15.172633373069763,4.113033373069763Q15.095533373069763,4.042563373069763,15.002033373069763,3.9958433730697633L8.335413373069763,0.6625133730697632Q8.257303373069764,0.6234593730697632,8.172313373069763,0.6033963730697632Q8.087323373069763,0.5833333730697632,8.000003373069763,0.5833333730697632Q7.912673373069763,0.5833333730697632,7.827683373069763,0.6033963730697632Q7.742693373069764,0.6234593730697632,7.6645933730697635,0.6625123730697632L0.9979233730697632,3.9958433730697633Q0.9044883730697633,4.042563373069763,0.8273763730697632,4.113033373069763Q0.7502643730697632,4.1835033730697635,0.6953453730697632,4.272363373069763Q0.6404263730697631,4.361233373069763,0.6118793730697631,4.461713373069763Q0.5833333730697632,4.562203373069764,0.5833333730697632,4.666663373069763L0.5833333730697632,11.333333373069763Q0.5833333730697632,11.437833373069763,0.6118793730697631,11.538333373069763Q0.6404253730697632,11.638733373069764,0.6953453730697632,11.727633373069763Q0.7502643730697632,11.816533373069763,0.8273763730697632,11.886933373069763Q0.9044883730697633,11.957433373069764,0.9979233730697632,12.004133373069763L7.6645933730697635,15.337533373069764Q7.742693373069764,15.376533373069764,7.827683373069763,15.396633373069763Q7.912673373069763,15.416633373069763,8.000003373069763,15.416633373069763Q8.087323373069763,15.416633373069763,8.172313373069763,15.396633373069763Q8.257303373069764,15.376533373069764,8.335413373069763,15.337533373069764L15.002033373069763,12.004133373069763ZM13.916633373069763,10.869803373069763L8.000003373069763,13.828133373069763L2.083333373069763,10.869803373069763L2.083333373069763,5.130193373069764L8.000003373069763,2.171858373069763L13.916633373069763,5.130193373069764L13.916633373069763,10.869803373069763Z" fill-rule="evenodd" fill="#626573" fill-opacity="1"/></g><g><path d="M1.6687433730697632,3.9958465077209473L8.335413373069763,7.329176507720947Q8.428843373069764,7.375896507720947,8.505953373069763,7.446366507720947Q8.583063373069763,7.516836507720948,8.637983373069762,7.605706507720948Q8.692903373069763,7.694566507720947,8.721453373069764,7.795046507720947Q8.750003373069763,7.895536507720948,8.750003373069763,7.999996507720947Q8.750003373069763,8.073866507720947,8.735583373069764,8.146316507720947Q8.721173373069764,8.218766507720947,8.692913373069764,8.287016507720947Q8.664643373069763,8.355256507720947,8.623603373069763,8.416676507720947Q8.582563373069764,8.478096507720947,8.530333373069762,8.530326507720947Q8.478093373069763,8.582566507720948,8.416673373069763,8.623596507720947Q8.355253373069763,8.664636507720948,8.287013373069763,8.692906507720947Q8.218763373069763,8.721176507720948,8.146313373069763,8.735586507720948Q8.073863373069763,8.749996507720947,8.000003373069763,8.749996507720947Q7.822953373069764,8.749996507720947,7.6645933730697635,8.670816507720946L0.9979233730697632,5.337486507720947Q0.9044883730697633,5.290769507720947,0.8273763730697632,5.2202975077209475Q0.7502643730697632,5.149826507720947,0.6953453730697632,5.060964507720947Q0.6404263730697631,4.972103507720948,0.6118793730697631,4.8716165077209475Q0.5833333730697632,4.771129507720947,0.5833333730697632,4.666666507720947Q0.5833333730697632,4.592798007720948,0.5977443730697631,4.520348507720947Q0.6121553730697632,4.4478995077209476,0.6404233730697632,4.379653507720947Q0.6686923730697631,4.311408507720947,0.7097313730697632,4.249988507720947Q0.7507703730697631,4.188569507720947,0.8030033730697632,4.136336507720947Q0.8552363730697632,4.084103507720947,0.9166553730697632,4.043064507720947Q0.9780753730697631,4.002025507720948,1.0463203730697632,3.9737565077209474Q1.1145663730697632,3.945488507720947,1.1870153730697632,3.931077507720947Q1.259464873069763,3.9166665077209473,1.3333333730697632,3.9166665077209473Q1.5103843730697633,3.9166665077209473,1.6687433730697632,3.9958465077209473Z" fill-rule="evenodd" fill="#626573" fill-opacity="1"/></g><g><path d="M7.25,8Q7.25,7.9261315,7.264411,7.853682Q7.278822,7.781233,7.30709,7.712987Q7.335359,7.644742,7.376398,7.583322Q7.417437,7.521903,7.46967,7.46967Q7.521903,7.417437,7.583322,7.376398Q7.644742,7.335359,7.712987,7.30709Q7.781233,7.278822,7.853682,7.264411Q7.9261315,7.25,8,7.25Q8.0738685,7.25,8.146318,7.264411Q8.218767,7.278822,8.287013,7.30709Q8.355258,7.335359,8.416678,7.376398Q8.478097,7.417437,8.53033,7.46967Q8.582563,7.521903,8.623602,7.583322Q8.664641,7.644742,8.69291,7.712987Q8.721178,7.781233,8.735589000000001,7.853682Q8.75,7.9261315,8.75,8L8.75,14.66667Q8.75,14.74054,8.735589000000001,14.81298Q8.721178,14.88543,8.69291,14.95368Q8.664641,15.02192,8.623602,15.08334Q8.582563,15.14476,8.53033,15.197Q8.478097,15.24923,8.416678,15.29027Q8.355258,15.33131,8.287013,15.359580000000001Q8.218767,15.38784,8.146318,15.40226Q8.0738685,15.41667,8,15.41667Q7.9261315,15.41667,7.853682,15.40226Q7.781233,15.38784,7.712987,15.359580000000001Q7.644742,15.33131,7.583322,15.29027Q7.521903,15.24923,7.46967,15.197Q7.417437,15.14476,7.376398,15.08334Q7.335359,15.02192,7.30709,14.95368Q7.278822,14.88543,7.264411,14.81298Q7.25,14.74054,7.25,14.66667L7.25,8Z" fill-rule="evenodd" fill="#626573" fill-opacity="1"/></g><g><path d="M15.00208,5.337486507720947Q15.09551,5.290769507720947,15.17262,5.2202975077209475Q15.24974,5.149826507720947,15.30466,5.060964507720947Q15.35957,4.972103507720948,15.38812,4.8716165077209475Q15.41667,4.771129507720947,15.41667,4.666666507720947Q15.41667,4.592798007720948,15.40226,4.520348507720947Q15.38784,4.4478995077209476,15.359580000000001,4.379653507720947Q15.33131,4.311408507720947,15.29027,4.249988507720947Q15.24923,4.188569507720947,15.197,4.136336507720947Q15.14476,4.084103507720947,15.08334,4.043064507720947Q15.02192,4.002025507720948,14.95368,3.9737565077209474Q14.88543,3.945488507720947,14.81298,3.931077507720947Q14.74054,3.9166665077209473,14.66667,3.9166665077209473Q14.48962,3.9166665077209473,14.33126,3.9958465077209473L14.33113,3.9959115077209475L7.6645900000000005,7.329176507720947Q7.571155,7.375896507720947,7.494043,7.446366507720947Q7.416931,7.516836507720948,7.362012,7.605706507720948Q7.307093,7.694566507720947,7.278546,7.795046507720947Q7.25,7.895536507720948,7.25,7.999996507720947Q7.25,8.073866507720947,7.264411,8.146316507720947Q7.278822,8.218766507720947,7.30709,8.287016507720947Q7.335359,8.355256507720947,7.376398,8.416676507720947Q7.417437,8.478096507720947,7.46967,8.530326507720947Q7.521903,8.582566507720948,7.583322,8.623596507720947Q7.644742,8.664636507720948,7.712987,8.692906507720947Q7.781233,8.721176507720948,7.853682,8.735586507720948Q7.9261315,8.749996507720947,8,8.749996507720947Q8.177051,8.749996507720947,8.33541,8.670816507720946L15.00208,5.337486507720947L15.00208,5.337486507720947Z" fill-rule="evenodd" fill="#626573" fill-opacity="1"/></g><g><path d="M11.668746507720947,3.67082Q11.762176507720948,3.624103,11.839286507720947,3.553631Q11.916406507720946,3.48316,11.971326507720947,3.394298Q12.026236507720947,3.305437,12.054786507720948,3.20495Q12.083336507720947,3.104463,12.083336507720947,3Q12.083336507720947,2.9261315,12.068926507720947,2.853682Q12.054506507720948,2.781233,12.026246507720948,2.712987Q11.997976507720947,2.644742,11.956936507720947,2.583322Q11.915896507720948,2.521903,11.863666507720946,2.46967Q11.811426507720947,2.417437,11.750006507720947,2.376398Q11.688586507720947,2.335359,11.620346507720948,2.30709Q11.552096507720947,2.278822,11.479646507720947,2.264411Q11.407206507720947,2.25,11.333336507720947,2.25Q11.156286507720948,2.25,10.997926507720948,2.32918L10.997796507720947,2.3292450000000002L4.331256507720948,5.66251Q4.237821507720947,5.70923,4.160709507720947,5.7797Q4.083597507720947,5.85017,4.028678507720947,5.93904Q3.9737595077209473,6.0279,3.9452125077209472,6.12838Q3.9166665077209473,6.228870000000001,3.9166665077209473,6.33333Q3.9166665077209473,6.4072,3.931077507720947,6.4796499999999995Q3.945488507720947,6.552099999999999,3.9737565077209474,6.62035Q4.002025507720948,6.68859,4.043064507720947,6.75001Q4.084103507720947,6.81143,4.136336507720947,6.863659999999999Q4.188569507720947,6.915900000000001,4.249988507720947,6.95693Q4.311408507720947,6.9979700000000005,4.379653507720947,7.02624Q4.4478995077209476,7.05451,4.520348507720947,7.06892Q4.592798007720948,7.08333,4.666666507720947,7.08333Q4.843717507720947,7.08333,5.002076507720947,7.00415L11.668746507720947,3.67082L11.668746507720947,3.67082Z" fill-rule="evenodd" fill="#626573" fill-opacity="1"/></g></g></svg>
\ No newline at end of file
diff --git a/src/assets/menu/Totalprofit2.svg b/src/assets/menu/Totalprofit2.svg
new file mode 100644
index 0000000..ce705a9
--- /dev/null
+++ b/src/assets/menu/Totalprofit2.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="16" height="16" viewBox="0 0 16 16"><defs><clipPath id="master_svg0_401_001999"><rect x="0" y="0" width="16" height="16" rx="0"/></clipPath></defs><g clip-path="url(#master_svg0_401_001999)"><g><ellipse cx="8" cy="4.333333373069763" rx="3" ry="3" fill-opacity="0" stroke-opacity="1" stroke="#626573" fill="none" stroke-width="1.5" stroke-linejoin="round"/></g><g><path d="M12.349266626930238,11.106606984558105Q13.583366626930237,12.905226984558105,13.583366626930237,14.666666984558105L15.083366626930237,14.666666984558105Q15.083366626930237,12.440116984558106,13.586166626930236,10.257976984558105Q12.945366626930237,9.324010984558106,12.207566626930237,8.710940584558106Q11.377756626930237,8.021309984558105,10.631176626930237,7.923075984558105Q10.540716626930237,7.911173984558106,10.450056626930238,7.921304984558105Q10.359386626930236,7.931435984558106,10.273786626930237,7.963008984558106Q10.188186626930237,7.994580984558105,10.112656626930237,8.045753984558106Q10.037126626930236,8.096926984558106,9.976066626930237,8.164714984558106L8.012336626930237,10.344846984558105Q7.1830266269302365,9.399840984558105,6.013606626930237,8.153486984558105Q5.940656626930237,8.075738984558106,5.848936626930237,8.021399984558105Q5.757216626930237,7.967059984558105,5.653976626930237,7.940433984558106Q5.550746626930237,7.9138079845581055,5.444186626930237,7.9170039845581055Q5.337616626930236,7.9201999845581055,5.2361666269302365,7.952965984558105Q3.5965666269302368,8.482500984558106,2.293123626930237,10.401516984558105Q0.9166666269302368,12.428016984558106,0.9166666269302368,14.666666984558105L2.416666626930237,14.666666984558105Q2.416666626930237,12.889266984558105,3.5339566269302365,11.244316984558106Q4.358736626930237,10.030036984558105,5.273056626930237,9.557899984558105Q6.597626626930237,10.980916984558105,7.426976626930236,11.963056984558106Q7.4600066269302365,12.002166984558105,7.498046626930237,12.036436984558105Q7.608896626930237,12.136276984558105,7.7495166269302365,12.186096984558105Q7.890126626930237,12.235926984558105,8.039116626930237,12.228146984558105Q8.188096626930236,12.220366984558105,8.322756626930236,12.156166984558105Q8.457416626930236,12.091966984558105,8.557266626930236,11.981116984558106L10.766836626930237,9.528061984558105Q10.981896626930236,9.642688984558106,11.248906626930237,9.864576984558106Q11.826366626930238,10.344466984558105,12.349266626930238,11.106606984558105Z" fill-rule="evenodd" fill="#626573" fill-opacity="1"/></g><g><path d="M0.75,13.916666984558105L15.15,13.916666984558105Q15.2239,13.916666984558105,15.2963,13.931077984558105Q15.3688,13.945488984558105,15.437,13.973756984558106Q15.5053,14.002025984558106,15.5667,14.043064984558105Q15.6281,14.084103984558105,15.6803,14.136336984558106Q15.7326,14.188569984558105,15.7736,14.249988984558106Q15.8146,14.311408984558106,15.8429,14.379653984558106Q15.8712,14.447899984558106,15.8856,14.520348984558105Q15.9,14.592798484558106,15.9,14.666666984558105Q15.9,14.740535484558105,15.8856,14.812984984558106Q15.8712,14.885433984558105,15.8429,14.953679984558105Q15.8146,15.021924984558105,15.7736,15.083344984558105Q15.7326,15.144763984558105,15.6803,15.196996984558105Q15.6281,15.249229984558106,15.5667,15.290268984558105Q15.5053,15.331307984558105,15.437,15.359576984558105Q15.3688,15.387844984558106,15.2963,15.402255984558106Q15.2239,15.416666984558105,15.15,15.416666984558105L0.75,15.416666984558105Q0.6761315,15.416666984558105,0.603682,15.402255984558106Q0.5312330000000001,15.387844984558106,0.462987,15.359576984558105Q0.394742,15.331307984558105,0.333322,15.290268984558105Q0.271903,15.249229984558106,0.21967000000000003,15.196996984558105Q0.16743699999999995,15.144763984558105,0.126398,15.083344984558105Q0.08535899999999996,15.021924984558105,0.057089999999999974,14.953679984558105Q0.028822000000000014,14.885433984558105,0.014410999999999952,14.812984984558106Q0,14.740535484558105,0,14.666666984558105Q0,14.592798484558106,0.014410999999999952,14.520348984558105Q0.028822000000000014,14.447899984558106,0.057089999999999974,14.379653984558106Q0.08535899999999996,14.311408984558106,0.126398,14.249988984558106Q0.16743699999999995,14.188569984558105,0.21967000000000003,14.136336984558106Q0.271903,14.084103984558105,0.333322,14.043064984558105Q0.394742,14.002025984558106,0.462987,13.973756984558106Q0.5312330000000001,13.945488984558105,0.603682,13.931077984558105Q0.6761315,13.916666984558105,0.75,13.916666984558105Z" fill-rule="evenodd" fill="#626573" fill-opacity="1"/></g></g></svg>
\ No newline at end of file
diff --git a/src/assets/menu/Totalprofit3.svg b/src/assets/menu/Totalprofit3.svg
new file mode 100644
index 0000000..fad6881
--- /dev/null
+++ b/src/assets/menu/Totalprofit3.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="15.5" height="13.399993896484375" viewBox="0 0 15.5 13.399993896484375"><g><g><path d="M3.60362,13.0303Q3.65329,13.1147,3.72298,13.1836Q3.79268,13.2524,3.87771,13.301Q3.96275,13.3497,4.05743,13.3748Q4.15211,13.4,4.25007,13.4L11.2501,13.4Q11.3481,13.4,11.4427,13.3748Q11.5374,13.3497,11.6225,13.301Q11.7075,13.2524,11.7772,13.1835Q11.8469,13.1147,11.8966,13.0303L15.3965,7.08026Q15.4473,6.99381,15.4737,6.89705Q15.5,6.80029,15.5,6.7Q15.5,6.59971,15.4737,6.50295Q15.4473,6.40619,15.3965,6.31974L11.8966,0.369743Q11.8469,0.285303,11.7772,0.216453Q11.7075,0.14760399999999996,11.6225,0.09896499999999997Q11.5374,0.05032700000000001,11.4427,0.025163999999999964Q11.3481,0,11.2501,0L4.25007,0Q4.15211,0,4.05743,0.025162000000000018Q3.96275,0.05032499999999995,3.87771,0.09896099999999997Q3.79268,0.147598,3.72298,0.216445Q3.65329,0.285291,3.60362,0.369729L0.103553,6.31973Q0.05270200000000003,6.40617,0.026351000000000013,6.50294Q0,6.59971,0,6.7Q0,6.80029,0.026351000000000013,6.89706Q0.05270200000000003,6.99383,0.103553,7.08027L3.60362,13.0303ZM4.6790199999999995,11.9L1.6201400000000001,6.7L4.6790199999999995,1.5L10.8211,1.5L13.8799,6.7L10.8211,11.9L4.6790199999999995,11.9Z" fill-rule="evenodd" fill="#626573" fill-opacity="1"/></g><g><path d="M6.032236190734864,4.932235809265137Q5.300000190734863,5.6644718092651365,5.300000190734863,6.699999809265137Q5.300000190734863,7.735529809265136,6.032236090734863,8.467759809265136Q6.764472190734863,9.199999809265137,7.800000190734863,9.199999809265137Q8.835530190734863,9.199999809265137,9.567760190734862,8.467759809265136Q10.300000190734863,7.735529809265136,10.300000190734863,6.699999809265137Q10.300000190734863,5.6644718092651365,9.567760190734862,4.932235709265137Q8.835530190734863,4.199999809265137,7.800000190734863,4.199999809265137Q6.764472190734863,4.199999809265137,6.032236190734864,4.932235809265137ZM7.092900190734863,7.407099809265137Q6.800000190734863,7.114209809265137,6.800000190734863,6.699999809265137Q6.800000190734863,6.285789809265137,7.092900190734863,5.992899809265136Q7.3857901907348635,5.699999809265137,7.800000190734863,5.699999809265137Q8.214210190734864,5.699999809265137,8.507100190734864,5.992899809265136Q8.800000190734863,6.285789809265137,8.800000190734863,6.699999809265137Q8.800000190734863,7.114209809265137,8.507100190734864,7.407099809265137Q8.214210190734864,7.699999809265137,7.800000190734863,7.699999809265137Q7.3857901907348635,7.699999809265137,7.092900190734863,7.407099809265137Z" fill-rule="evenodd" fill="#626573" fill-opacity="1"/></g></g></svg>
\ No newline at end of file
diff --git a/src/components/SvgIcon1.vue b/src/components/SvgIcon1.vue
new file mode 100644
index 0000000..a3d852d
--- /dev/null
+++ b/src/components/SvgIcon1.vue
@@ -0,0 +1,175 @@
+<template>
+  <div class="svg-icon-wrapper" :style="wrapperStyle" @mouseenter="handleMouseEnter" @mouseleave="handleMouseLeave">
+    <div class="svg-icon" v-html="svgContent" :style="{
+      '--icon-color': (hoverEffect || isActive) ? activeColor : defaultColor,
+      '--icon-hover-color': activeColor
+    }"></div>
+    <!-- :style="iconStyle" -->
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'SvgIcon',
+  props: {
+    // 图标路径（必须）
+    iconPath: {
+      type: String,
+      required: true
+    },
+    // 默认颜色
+    defaultColor: {
+      type: String,
+      default: '#606266'
+    },
+    // 激活颜色（传入后才允许变色）
+    activeColor: {
+      type: String,
+      default: null
+    },
+    // 是否开启悬停变色
+    hoverEffect: {
+      type: Boolean,
+      default: false
+    },
+    // 图标大小
+    size: {
+      type: [String, Number],
+      default: '14px'
+    },
+    // 是否当前激活状态
+    isActive: {
+      type: Boolean,
+      default: false
+    }
+  },
+  data() {
+    return {
+      svgContent: '',
+      isHovering: false,
+      currentColor: this.defaultColor
+    }
+  },
+  computed: {
+    wrapperStyle() {
+      return {
+        width: typeof this.size === 'number' ? `${this.size}px` : this.size,
+        height: typeof this.size === 'number' ? `${this.size}px` : this.size,
+        display: 'inline-flex',
+        alignItems: 'center',
+        justifyContent: 'center'
+      }
+    },
+    iconStyle() {
+      return {
+        width: '100%',
+        height: '100%',
+        color: this.currentColor,
+        transition: 'color 0.3s ease'
+      }
+    },
+    shouldChangeColor() {
+      return this.activeColor && (this.hoverEffect || this.isActive)
+    }
+  },
+  watch: {
+    isActive(newVal) {
+      console.log(newVal, 'newVal---');
+      if (this.shouldChangeColor) {
+        this.currentColor = newVal ? this.activeColor : this.defaultColor
+        console.log(this.currentColor, 'this.currentColor--');
+      }
+    },
+    defaultColor(newVal) {
+      if (!this.isHovering && !this.isActive) {
+        this.currentColor = newVal
+      }
+    },
+    activeColor() {
+      this.updateColorState()
+    }
+  },
+  methods: {
+    async loadSvg() {
+      try {
+        const response = await fetch(this.iconPath)
+        this.svgContent = await response.text()
+        this.processSvg()
+      } catch (error) {
+        console.error('Failed to load SVG:', error)
+      }
+    },
+    processSvg() {
+      // 确保SVG没有自带颜色，以便用CSS控制
+      this.$nextTick(() => {
+        const svgElement = this.$el.querySelector('svg')
+        if (svgElement) {
+          // 更彻底地移除颜色属性
+          svgElement.removeAttribute('fill')
+          svgElement.removeAttribute('style')
+          const paths = svgElement.querySelectorAll('path, circle, rect, polygon')
+          paths.forEach(el => {
+            el.removeAttribute('fill')
+          })
+          svgElement.style.fill = 'currentColor'
+          svgElement.style.width = '100%'
+          svgElement.style.height = '100%'
+        }
+      })
+    },
+    handleMouseEnter() {
+      this.isHovering = true
+      this.updateColorState()
+    },
+    handleMouseLeave() {
+      this.isHovering = false
+      this.updateColorState()
+    },
+    updateColorState() {
+      if (this.activeColor) {
+        if (this.isActive) {
+          this.currentColor = this.activeColor
+        } else {
+          this.currentColor = this.isHovering && this.hoverEffect ?
+            this.activeColor :
+            this.defaultColor
+        }
+      } else {
+        this.currentColor = this.defaultColor
+      }
+    }
+  },
+  created() {
+    this.loadSvg()
+  }
+}
+</script>
+
+<style scoped>
+.svg-icon-wrapper {
+  cursor: pointer;
+}
+
+
+.svg-icon {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  color: var(--icon-color);
+  transition: color 0.3s;
+}
+
+.svg-icon:hover {
+  color: var(--icon-hover-color);
+}
+
+.svg-icon {
+  display: inline-flex;
+}
+
+.svg-icon>>>svg {
+  fill: currentColor;
+}
+</style>
\ No newline at end of file
diff --git a/src/store/index.js b/src/store/index.js
index 7dc10e2..401fd33 100755
--- a/src/store/index.js
+++ b/src/store/index.js
@@ -6,42 +6,183 @@ Vue.use(Vuex)
 export default new Vuex.Store({
   state: {
     showSidebar: false,
-    showFooter:false,
-    showHeader:false,
-    menuList:[],//目录菜单
-    showBreadcrumb:false,//是否展示面包屑
-    pageTitle:'一般新文献',//页面标题
-    addServiceList:[],//选中的服务
-    isLoading: false,//页面loading
+    showFooter: false,
+    showHeader: false,
+    menuList: [], //目录菜单
+    showBreadcrumb: false, //是否展示面包屑
+    pageTitle: '一般新文献', //页面标题
+    addServiceList: [], //选中的服务
+    isLoading: false, //页面loading
+    rankMenuData: [{
+        index: '1',
+        title: '总利润',
+        icon: 'Totalprofit',
+        children: [{
+            index: '1-1',
+            title: '年排行',
+            path: '/super/ranking/yearProfit'
+          },
+          {
+            index: '1-2',
+            title: '月排行',
+            path: '/super/ranking/monthProfit'
+          }
+        ]
+      },
+      {
+        index: '2',
+        title: '产品',
+        icon: 'Totalprofit1',
+        children: [{
+            index: '2-1',
+            title: '毛利润排行',
+            path: '/super/ranking/checkProfit'
+          },
+          {
+            index: '2-2',
+            title: '订单数排行',
+            path: '/super/ranking/checkOrdernum'
+          },
+          {
+            index: '2-3',
+            title: '退单数排行',
+            path: '/super/ranking/checkRefund'
+          },
+          {
+            index: '2-4',
+            title: '负毛利排行',
+            path: '/super/ranking/loss'
+          }
+        ]
+      },
+      {
+        index: '3',
+        title: '代理商',
+        icon: 'Totalprofit2',
+        children: [{
+            index: '3-1',
+            title: '毛利润排行',
+            path: '/super/ranking/agentProfit'
+          },
+          {
+            index: '3-2',
+            title: '充值排行',
+            path: '/super/ranking/agentRecharge'
+          },
+          {
+            index: '3-3',
+            title: '新加盟',
+            path: '/super/ranking/agentNew'
+          }
+        ]
+      },
+      {
+        index: '4',
+        title: '设置',
+        icon: 'Totalprofit3',
+        children: [{
+            index: '4-1',
+            title: '采购价',
+            path: '/super/ranking/purchase'
+          },
+          {
+            index: '4-2',
+            title: '阶段采购',
+            path: '/super/ranking/stagePurchase'
+          }
+        ]
+      },
+    ],
+    menuData: [
+      {
+        index: '1',
+        title: '首页',
+        path:'/',
+        icon: 'Totalprofit',
+      },
+      // {
+      //   name: '用户管理',
+      //   icon: 'el-icon-user',
+      //   children: [
+      //     { name: '用户列表', path: '/user/list' },
+      //     { name: '角色管理', path: '/user/role' }
+      //   ]
+      // },
+      {
+        index: '2',
+        title: '父级菜单1',
+        icon: 'Totalprofit',
+        children: [{
+            index: '2-1',
+            title: '子级菜单2-1',
+            path: '/'
+          },
+          {
+            index: '2-2',
+            title: 'ui页面',
+            path: '/ui'
+          }
+        ]
+      },
+      {
+        index: '3',
+        title: '父级菜单2',
+        icon: 'Totalprofit',
+        children: [{
+            index: '3-1',
+            title: '子级菜单3-1',
+            path: '/about'
+          },
+          {
+            index: '3-2',
+            title: '加盟耶main',
+            path: '/franchise'
+          }
+        ]
+      }
+    ]
   },
   actions: {
-    SET_HEADER({ commit }) {
+    SET_HEADER({
+      commit
+    }) {
       commit('SET_HEADER');
     },
-    SET_SIDEBAR({ commit }) {
+    SET_SIDEBAR({
+      commit
+    }) {
       commit('SET_SIDEBAR');
     },
-    SET_FOOTER({ commit }) {
+    SET_FOOTER({
+      commit
+    }) {
       commit('SET_FOOTER');
     },
-    SHOW_BREAD({ commit }) {
+    SHOW_BREAD({
+      commit
+    }) {
       commit('SHOW_BREAD');
     },
-    SET_PAGETITLE({ commit }) {
+    SET_PAGETITLE({
+      commit
+    }) {
       commit('SET_PAGETITLE');
     },
-    SET_ADDSERVICELIST({ commit }) {
+    SET_ADDSERVICELIST({
+      commit
+    }) {
       commit('SET_ADDSERVICELIST');
     },
-    showLoading({ commit }) {
-      console.log('zhixingle111');
+    showLoading({
+      commit
+    }) {
       commit('SHOW_LOADING')
     },
-    hideLoading({ commit }) {
-      console.log('zhixingle222');
-
+    hideLoading({
+      commit
+    }) {
       commit('HIDE_LOADING')
-    }
+    },
   },
   mutations: {
     SHOW_LOADING(state) {
@@ -70,9 +211,7 @@ export default new Vuex.Store({
       state.addServiceList = list;
     }
   },
-  getters: {
-  },
-  
-  modules: {
-  }
-})
+  getters: {},
+
+  modules: {}
+})
\ No newline at end of file
diff --git a/src/style/theme/common.scss b/src/style/theme/common.scss
index 01abe15..8738e46 100644
--- a/src/style/theme/common.scss
+++ b/src/style/theme/common.scss
@@ -13,6 +13,15 @@ body {
         padding: 0;
     }
 }
+.element {
+    overflow: hidden; /* 通用方法 */
+    scrollbar-width: none; /* Firefox */
+}
+ 
+/* 对于WebKit浏览器 */
+.element::-webkit-scrollbar {
+    display: none; /* Chrome, Safari, Edge */
+}
 .common_title{
     font-weight: bold;
     letter-spacing: 0.08em;
@@ -799,7 +808,7 @@ body {
 
 // table start
 .el-table{
-    min-height: 258px;
+    min-height: 218px;
     th,td{
         font-size: 14px;
         font-weight: normal;
@@ -953,6 +962,14 @@ body {
 }
 ::v-deep .custom-popover {
     position: fixed !important;
+    // max-height: 290px;
+    // overflow-y: auto;
+    margin-top: 0 !important;
+    margin-left: 0 !important;
+    transform: none !important;
+}
+::v-deep .custom-popover1 {
+    position: fixed !important;
     max-height: 290px;
     overflow-y: auto;
     margin-top: 0 !important;
diff --git a/src/style/theme/index.css b/src/style/theme/index.css
index 0732fda..d20537a 100644
--- a/src/style/theme/index.css
+++ b/src/style/theme/index.css
@@ -15593,6 +15593,7 @@ border-color:#006AFF !important;
     font-size: 14px;
     color: #606266;
     line-height: 40px;
+    white-space: nowrap;
     padding: 0 12px 0 0;
     -webkit-box-sizing: border-box;
     box-sizing: border-box
diff --git a/src/views/Register.vue b/src/views/Register.vue
index 20c5b0e..8b410df 100755
--- a/src/views/Register.vue
+++ b/src/views/Register.vue
@@ -327,7 +327,10 @@
     </div>
     <div class="step3-wrap min-flex" v-if="activeStep == 3">
       <div class="step3-top flex-common">
-        <h3>服务列表</h3>
+        <h3>
+          <svg-icon :size="16" :path="require('@/assets/register/tableEdit.svg')" :color="'#8A9099'"
+                          :hoverColor="'#006AFF'" />
+          服务列表</h3>
         <div class="btngroup">
           <GuipButton type="ignore" :btnstyle="{ width: '97px', height: '33px' }" @click="showDomainModal">添加查重服务
           </GuipButton>
@@ -338,27 +341,28 @@
       <div>
         <div class="flex-common table-wrap">
           <el-form>
-            <GuipTable :tableData="tableData1" :loading="tableLoading">
-              <el-table-column prop="name" label="检测服务" width="210">
+            <GuipTable :border="true" :tableData="tableData1" :loading="tableLoading">
+              <el-table-column prop="name" fixed="left" label="检测服务" width="200">
                 <template slot-scope="scope">
-                  <div class="flex">
-                    <span :class="(scope.row.type == 'a' ? 'green' : 'blue')">{{ scope.row.type == 'a' ? '查重服务' : '写作辅助'
-                    }}</span>
-                    <span class="">{{ scope.row.name }}</span>
+                  <div class="flex nowrap ">
+                    <div :class="(scope.row.type == 'a' ? 'green' : 'blue')">{{ scope.row.type == 'a' ? '查重服务' : '写作辅助'
+                    }}</div>
+                    <div class="">{{ scope.row.name }}</div>
                   </div>
                 </template>
               </el-table-column>
-              <el-table-column prop="stock" label="今日供货价" width="198">
+              <el-table-column prop="stock" label="今日供货价" min-width="138">
                 <template slot-scope="scope">
                   <div class="flex cell_render">
                     <span>¥{{ scope.row.stock }}/篇</span>
                   </div>
                 </template>
               </el-table-column>
-              <el-table-column prop="price" label="售价" width="200">
+              <el-table-column prop="price" label="售价" width="300">
                 <template #default="{ row,$index }">
-                  <el-popover :ref="`pricePopover-${row.id}`" popper-class="single-popover" placement="top" :append-to-body="true" trigger="manual"
-                    v-model="row.pricePopoverVisible" @show="closeOtherPopovers(row, 'price')">
+                  <el-popover v-model="row.pricePopoverVisible" :ref="`pricePopover-${row.id}`"
+                                placement="bottom" trigger="manual" :append-to-body="false"  :visible-arrow="true"
+                                popper-class="custom-popover"  @show="popshow" >
                     <div style="text-align: center">
                       <GuipInput ref="GuipInput" v-if="!row.word" width="252px" v-model="row.edit_price" label="售价"
                         placeholder="请输入售价" unit="元">
@@ -380,6 +384,8 @@
                       <div class="flex cell_render" @click="handlePriceClick(row,$index,'price')">
                         <span v-if="row.word" :key="random()">¥{{ row.price }}/{{ row.word }}字</span>
                         <span v-else :key="random()">¥{{ row.price }}/篇</span>
+                        <span>测试用一下</span>
+                        <span>随便写的</span>
                         <svg-icon :size="16" :path="require('@/assets/register/tableEdit.svg')" :color="'#8A9099'"
                           :hoverColor="'#006AFF'" />
                       </div>
@@ -388,7 +394,7 @@
                 </template>
               </el-table-column>
 
-              <el-table-column prop="num" label="排序" width="126">
+              <el-table-column prop="num" label="排序" min-width="95">
                 <template #default="{ row,$index }">
                   <!-- <el-tooltip :manual="true" v-model="row.numPopoverVisible" placement="top" effect="light">
                     <template #content>
@@ -410,8 +416,11 @@
                         :hoverColor="'#006AFF'" />
                     </div>
                   </el-tooltip> -->
-                  <el-popover v-model="row.numPopoverVisible" placement="top" trigger="manual"  append-to-body :ref="`popover-${row.id}`">
-                    <div style="text-align: center">
+                  <el-popover v-model="row.numPopoverVisible" :ref="`popover-${row.id}`"
+                                placement="bottom" trigger="manual" :append-to-body="false"  :visible-arrow="true"
+                                popper-class="custom-popover"  @show="popshow" >
+                  <!-- <el-popover v-model="row.numPopoverVisible" placement="top" class="single-popover" trigger="manual" :append-to-body="false" :ref="`popover-${row.id}`"> -->
+                    <div style="text-align: center" :visible-arrow="true">
                       <GuipInput ref="GuipInput" width="252px" v-model="row.edit_num" label="排序" placeholder="请输入数字">
                       </GuipInput>
                       <p
@@ -424,7 +433,9 @@
                     </div>
                     <span slot="reference" @click="handlePriceClick(row,$index,'num')">
                       <div class="flex cell_render">
-                        <span>{{ row.num }}</span>
+                        <GuipToolTip :content="row.num">
+                          <span class="nowrap">{{ row.num }}</span>
+                        </GuipToolTip>
                         <svg-icon :size="16" :path="require('@/assets/register/tableEdit.svg')" :color="'#8A9099'"
                           :hoverColor="'#006AFF'" />
                       </div>
@@ -432,7 +443,7 @@
                   </el-popover>
                 </template>
               </el-table-column>
-              <el-table-column prop="stock" label="收款方式" width="198">
+              <el-table-column prop="stock" label="收款方式" min-width="258">
                 <template slot-scope="scope">
                   <div class="flex cell_render">
                     <span :class="(scope.row.payment == '0' ? 'normal_payment' : 'self_payment')">{{ scope.row.payment
@@ -443,14 +454,13 @@
                   </div>
                 </template>
               </el-table-column>
-              <el-table-column prop="stock" label="上首页" width="110">
+              <el-table-column prop="stock" fixed="right" label="上首页" min-width="160">
                 <template slot-scope="scope">
                   <GuipSwitch :modelValue="scope.row.homeFlag" @change="onSwitchChange(scope.row)">
                   </GuipSwitch>
                 </template>
               </el-table-column>
-              <!-- :fixed="popoverFlag ? 'false' : 'right'"  -->
-              <el-table-column label="操作" width="150">
+              <el-table-column label="操作" fixed="right" min-width="150px">
                 <template slot-scope="scope">
                   <div class="flex">
                     <el-button type="text">编辑</el-button>
@@ -481,7 +491,7 @@
       <DomainModal />
     </GuipDialog>
 
-    <el-dialog :visible.sync="dialogVisibleAdd" ref="addDialog" width="1011px" class="addDialog-wrap"
+    <el-dialog :visible.sync="dialogVisibleAdd" ref="addDialog" append-to-body width="1011px" class="addDialog-wrap"
       :show-close="false">
       <div class="addService_wrap">
         <div class="addServicetop">
@@ -548,6 +558,7 @@ import CustomDropdown from '@/components/CustomDropdown.vue';
 import SvgIcon from '@/components/SvgIcon.vue';
 import store from '../store';
 import GuipTable from '@/components/GuipTable.vue';
+import GuipToolTip from '@/components/GuipToolTip.vue';
 
 export default {
   components: {
@@ -563,7 +574,8 @@ export default {
     PaymentMethod,
     DomainModal,
     CustomDropdown,
-    GuipTable
+    GuipTable,
+    GuipToolTip
   },
   data() {
     return {
@@ -821,21 +833,21 @@ export default {
         '3': '想卖哪些东西？来选选吧',
       },
       tableData1: [
-        { id: 1, name: '万方大学生版', stock: 100, price: 50, pricePopoverVisible: false, edit_price: '', type: 'a', num: '1', edit_num: '', num_popover: false, homeFlag: true, payment: '0' },
+        { id: 1, name: '万方大学生版', stock: 100, price: 50, pricePopoverVisible: false, edit_price: '', type: 'a', num: '18567988777736366363', edit_num: '', num_popover: false, homeFlag: true, payment: '0' },
         { id: 2, name: '维普检测版', stock: 200, price: 80, word: 1000, pricePopoverVisible: false, edit_price: '', editWord: '', type: 'a', num: '2', edit_num: '', num_popover: false, homeFlag: true, payment: '1' },
         { id: 3, name: '商品C1', stock: 150, price: 120, pricePopoverVisible: false, edit_price: '', type: 'b', num: '2', edit_num: '', num_popover: false, homeFlag: false, payment: '0' },
         { id: 11, name: '商品A2', stock: 100, price: 50, pricePopoverVisible: false, edit_price: '', type: 'a', num: '3', edit_num: '', num_popover: false, homeFlag: false, payment: '0' },
         { id: 21, name: '商品B2', stock: 200, price: 80, word: 1000, pricePopoverVisible: false, edit_price: '', editWord: '', type: 'a', num: '0', edit_num: '', num_popover: false, homeFlag: true },
-        { id: 31, name: '商品C2', stock: 150, price: 120, pricePopoverVisible: false, edit_price: '', type: 'b', num: '1', edit_num: '' },
+        { id: 31, name: '商品C2', stock: 150, price: 120, pricePopoverVisible: false, edit_price: '', type: 'b', num: '1333333333333333333', edit_num: '' },
         { id: 12, name: '商品A3', stock: 100, price: 50, pricePopoverVisible: false, edit_price: '', type: 'a' },
-        { id: 22, name: '商品B3', stock: 200, price: 80, word: 1000, pricePopoverVisible: false, edit_price: '', editWord: '', type: 'a' },
-        { id: 32, name: '商品C3', stock: 150, price: 120, pricePopoverVisible: false, edit_price: '', type: 'b' },
-        { id: 13, name: '商品A4', stock: 100, price: 50, pricePopoverVisible: false, edit_price: '', type: 'a' },
-        { id: 23, name: '商品B4', stock: 200, price: 80, word: 1000, pricePopoverVisible: false, edit_price: '', editWord: '', type: 'a' },
-        { id: 33, name: '商品C4', stock: 150, price: 120, pricePopoverVisible: false, edit_price: '', type: 'b' },
-        { id: 14, name: '商品A5', stock: 100, price: 50, pricePopoverVisible: false, edit_price: '', type: 'a' },
-        { id: 24, name: '商品B5', stock: 200, price: 80, word: 1000, pricePopoverVisible: false, edit_price: '', editWord: '', type: 'a' },
-        { id: 34, name: '商品C5', stock: 150, price: 120, pricePopoverVisible: false, edit_price: '', type: 'b' },
+        // { id: 22, name: '商品B3', stock: 200, price: 80, word: 1000, pricePopoverVisible: false, edit_price: '', editWord: '', type: 'a' },
+        // { id: 32, name: '商品C3', stock: 150, price: 120, pricePopoverVisible: false, edit_price: '', type: 'b' },
+        // { id: 13, name: '商品A4', stock: 100, price: 50, pricePopoverVisible: false, edit_price: '', type: 'a' },
+        // { id: 23, name: '商品B4', stock: 200, price: 80, word: 1000, pricePopoverVisible: false, edit_price: '', editWord: '', type: 'a' },
+        // { id: 33, name: '商品C4', stock: 150, price: 120, pricePopoverVisible: false, edit_price: '', type: 'b' },
+        // { id: 14, name: '商品A5', stock: 100, price: 50, pricePopoverVisible: false, edit_price: '', type: 'a' },
+        // { id: 24, name: '商品B5', stock: 200, price: 80, word: 1000, pricePopoverVisible: false, edit_price: '', editWord: '', type: 'a' },
+        // { id: 34, name: '商品C5', stock: 150, price: 120, pricePopoverVisible: false, edit_price: '', type: 'b' },
       ],
       tableLoading: false,
       typelistobj: {
@@ -1170,8 +1182,16 @@ export default {
 </script>
 <style lang="scss" scoped>
 .single-popover {
-  transform: translateX(-50%); /* 根据需要调整 */
-  left: 50% !important; /* 根据需要调整 */
+  // transform: translateX(-50%); /* 根据需要调整 */
+  // left: 50% !important; /* 根据需要调整 */
+}
+::v-deep .custom-popover {
+    position: fixed !important;
+    // max-height: 290px;
+    // overflow-y: auto;
+    margin-top: 0 !important;
+    margin-left: 0 !important;
+    transform: none !important;
 }
 /* 隐藏固定列中的弹出框 */
 .el-table__fixed .el-popover,
@@ -1372,6 +1392,8 @@ export default {
 
 .green,
 .blue {
+  width: 80px;
+  box-sizing: border-box;
   display: flex;
   flex-direction: row;
   justify-content: center;
diff --git a/src/views/elementGroups.vue b/src/views/elementGroups.vue
index 10c8746..3175aab 100644
--- a/src/views/elementGroups.vue
+++ b/src/views/elementGroups.vue
@@ -43,7 +43,7 @@
                                             '0' ? '文字居中' : '文字居中' }}</span>
                                     </GuipToolTip>
                                     <GuipToolTip content="图标居中">
-                                        <svg-icon size="16" :path="require('@/assets/register/tableEdit.svg')" :color="'#8A9099'"
+                                        <svg-icon :size="16" :path="require('@/assets/register/tableEdit.svg')" :color="'#8A9099'"
                                         :hoverColor="'#006AFF'" />
                                     </GuipToolTip>
 
@@ -58,7 +58,7 @@
                                             scope.row.payment
                                                 ==
                                             '0' ? '单元格局中' : '单元格局中' }}</span>
-                                             <svg-icon size="16" :path="require('@/assets/register/tableEdit.svg')" :color="'#8A9099'"
+                                             <svg-icon :size="16" :path="require('@/assets/register/tableEdit.svg')" :color="'#8A9099'"
                                              :hoverColor="'#006AFF'" />
                                     </div>
 
@@ -292,6 +292,33 @@
                 <GuipSwitch v-model="switchValue" activeText="开启" inactiveText="关闭" @change="onSwitchChange">
                 </GuipSwitch>
             </div>
+            <el-table
+      :data="tableData3"
+      :span-method="objectSpanMethod"
+      :border="true"
+      style="width: 100%; margin-top: 20px">
+      <el-table-column
+        prop="id"
+        label="ID"
+        width="180">
+      </el-table-column>
+      <el-table-column
+        prop="name"
+        label="姓名">
+      </el-table-column>
+      <el-table-column
+        prop="amount1"
+        label="数值 1（元）">
+      </el-table-column>
+      <el-table-column
+        prop="amount2"
+        label="数值 2（元）">
+      </el-table-column>
+      <el-table-column
+        prop="amount3"
+        label="数值 3（元）">
+      </el-table-column>
+    </el-table>
             <el-button type="primary" @click="submitForm">Submit</el-button>
 
         </el-form>
@@ -395,6 +422,38 @@ export default {
     },
     data() {
         return {
+            tableData3: [{
+          id: '12987122',
+          name: '王小虎',
+          amount1: '234',
+          amount2: '3.2',
+          amount3: 10
+        }, {
+          id: '12987123',
+          name: '王小虎',
+          amount1: '165',
+          amount2: '4.43',
+          amount3: 12
+        }, {
+          id: '12987124',
+          name: '王小虎',
+          amount1: '324',
+          amount2: '1.9',
+          amount3: 9
+        }, {
+          id: '12987125',
+          name: '王小虎',
+          amount1: '621',
+          amount2: '2.2',
+          amount3: 17
+        }, {
+          id: '12987126',
+          name: '王小虎',
+          amount1: '539',
+          amount2: '4.1',
+          amount3: 15
+        }],
+            tableWidth: 0,
             currentPage: 1,    //当前页
             pageSize: 5,   //每页的容量
             total: 0,   //列表总数
@@ -620,7 +679,35 @@ export default {
 
     },
     methods: {
-        openMessage(type){
+        arraySpanMethod({ row, column, rowIndex, columnIndex }) {
+            console.log(row, column);
+        if (rowIndex % 2 === 0) {
+          if (columnIndex === 0) {
+            return [1, 2];
+          } else if (columnIndex === 1) {
+            return [0, 0];
+          }
+        }
+      },
+
+      objectSpanMethod({ row, column, rowIndex, columnIndex }) {
+        console.log(row, column);
+
+        if (columnIndex === 0) {
+          if (rowIndex % 2 === 0) {
+            return {
+              rowspan: 2,
+              colspan: 1
+            };
+          } else {
+            return {
+              rowspan: 0,
+              colspan: 0
+            };
+          }
+        }
+      },
+        openMessage(type) {
             console.log(type);
             // 单独指定方法调用
             switch(type){
@@ -674,7 +761,7 @@ export default {
                 this.tableLoading = false
                 this.$nextTick(() => {
                     that.tableData = response.data.list
-                    console.log(that.tableData,'---that.tableData');
+                    // console.log(that.tableData,'---that.tableData');
                     // that.type2name = response.data.type2name
                     that.total = response.data.total
                 })
diff --git a/src/views/super/Ranking/RankBatchList.vue b/src/views/super/Ranking/RankBatchList.vue
index 2da66f0..1ed2705 100644
--- a/src/views/super/Ranking/RankBatchList.vue
+++ b/src/views/super/Ranking/RankBatchList.vue
@@ -57,7 +57,7 @@
                                 :ref="`popover-${$index}`" :append-to-body="false" :visible-arrow="true"
                                 popper-class="custom-popover" @show="popshow"> -->
                                 <el-popover v-model="row.id_popover" :ref="`popover-${row.id}`" 
-                                placement="top" trigger="manual" :append-to-body="false"  :visible-arrow="true"
+                                placement="bottom" trigger="manual" :append-to-body="false"  :visible-arrow="true"
                                 popper-class="custom-popover"  @show="popshow" >
 
                                 <div v-if="type != 'agent'" class="pop-wrap">
@@ -136,10 +136,14 @@
                         :render-header=" (h, scope) => renderHeaderWithIcon(h, scope, require('@/assets/require.svg')) "
                         key="top" prop="top" label="代理商排行" width="250" fixed="right">
                         <template v-slot="{ row, $index }">
-                            <el-popover v-model="row.id_popover_2" :ref="`popover_2-${$index}`" placement="top" trigger="manual"
-                                popper-class="custom-popover"  @show="popshow" :append-to-body="false"
-                                 :visible-arrow="true"
-                               >
+                            <!-- :fallback-placements="['bottom','top','left']" -->
+                            <el-popover v-model="row.id_popover_2" :ref="`popover_2-${$index}`"
+                                placement="bottom" trigger="manual" :append-to-body="false"  :visible-arrow="true"
+                                popper-class="custom-popover"  @show="popshow" >
+                            <!-- <el-popover v-model="row.id_popover_2" :ref="`popover_2-${$index}`" trigger="manual"
+                                popper-class="custom-popover"  @show="popshow" :append-to-body="false" 
+                                 :visible-arrow="true" 
+                               > -->
                                 <div class="pop-wrap">
                                     <div class="flex-between flex pop-top">
                                         <h3>
@@ -150,11 +154,11 @@
                                             <img src="@/assets/register/close.svg">
                                         </span>
                                     </div>
-                                    <el-table :data="tableData1" style="width: 100%">
+                                    <GuipTable :data="tableData1" style="width: 100%" max-height="218">
                                         <el-table-column prop="sort" width="100" label="排行"></el-table-column>
                                         <el-table-column prop="name" width="200" label="代理商"></el-table-column>
                                         <el-table-column prop="value_1" width="200" label="销售额"></el-table-column>
-                                    </el-table>
+                                    </GuipTable>
                                 </div>
                                 <span v-if="top_list[row.id]" slot="reference" class="flex">
                                     No.1 {{ top_list[row.id]['name'] }}
@@ -520,26 +524,243 @@ export default {
         getTypeRanking() {
             //产品排行
             const that = this
-            that.tableData = []
-            that.top_list = []
-            this.loading = true;
-            this.$http('POST', '/supernew/ajax_get_type_batch_list', {
-                date: that.text,
-                rank_type: that.dataRank,
-                sort_by: that.sort_by,
-                sort_order: that.sort_order,
-                cur_page: that.currentPage,
-                page_size: that.pageSize,
-            }).then(response => {
-                this.loading = false;
-                this.$nextTick(() => {
-                    that.tableData = response.data.list
-                    that.top_list = response.data.top_list
-                    that.total = response.data.total
-                })
-            }).catch(error => {
-                console.error(error, 'error')
-            })
+            that.tableData = [
+              
+                {
+                    id
+                        :
+                        6,
+                    name
+                        :
+                        "维普大学生版",
+                    sort
+                        :
+                        1,
+                    value_1
+                        :
+                        "23,754.25",
+                    value_2
+                        :
+                        "43,012.15",
+                    value_3
+                        :
+                        "61,869.09",
+                    value_4
+                        :
+                        "479,820.85"
+                },
+                {
+                    id
+                        :
+                        94,
+                    name
+                        :
+                        "ai中文大学生版",
+                    sort
+                        :
+                        2,
+                    value_1
+                        :
+                        "23,754.25",
+                    value_2
+                        :
+                        "43,012.15",
+                    value_3
+                        :
+                        "61,869.09",
+                    value_4
+                        :
+                        "0"
+
+                },
+                {
+                    id
+                        :
+                        6,
+                    name
+                        :
+                        "维普大学生版",
+                    sort
+                        :
+                        1,
+                    value_1
+                        :
+                        "23,754.25",
+                    value_2
+                        :
+                        "43,012.15",
+                    value_3
+                        :
+                        "61,869.09",
+                    value_4
+                        :
+                        "479,820.85"
+                },
+                {
+                    id
+                        :
+                        94,
+                    name
+                        :
+                        "ai中文大学生版",
+                    sort
+                        :
+                        2,
+                    value_1
+                        :
+                        "23,754.25",
+                    value_2
+                        :
+                        "43,012.15",
+                    value_3
+                        :
+                        "61,869.09",
+                    value_4
+                        :
+                        "0"
+
+                },
+                {
+                    id
+                        :
+                        94,
+                    name
+                        :
+                        "ai中文大学生版",
+                    sort
+                        :
+                        2,
+                    value_1
+                        :
+                        "23,754.25",
+                    value_2
+                        :
+                        "43,012.15",
+                    value_3
+                        :
+                        "61,869.09",
+                    value_4
+                        :
+                        "569,820.85"
+
+                },
+                {
+                    id
+                        :
+                        94,
+                    name
+                        :
+                        "ai中文大学生版",
+                    sort
+                        :
+                        2,
+                    value_1
+                        :
+                        "23,754.25",
+                    value_2
+                        :
+                        "43,012.15",
+                    value_3
+                        :
+                        "61,869.09",
+                    value_4
+                        :
+                        "569,820.85"
+
+                },
+                {
+                    id
+                        :
+                        94,
+                    name
+                        :
+                        "ai中文大学生版",
+                    sort
+                        :
+                        2,
+                    value_1
+                        :
+                        "23,754.25",
+                    value_2
+                        :
+                        "43,012.15",
+                    value_3
+                        :
+                        "61,869.09",
+                    value_4
+                        :
+                        "569,820.85"
+
+                },
+                {
+                    id
+                        :
+                        94,
+                    name
+                        :
+                        "ai中文大学生版",
+                    sort
+                        :
+                        2,
+                    value_1
+                        :
+                        "23,754.25",
+                    value_2
+                        :
+                        "43,012.15",
+                    value_3
+                        :
+                        "61,869.09",
+                    value_4
+                        :
+                        "569,820.85"
+
+                }
+            ]
+            that.top_list = {
+                94: {
+                    id
+                        :
+                        "94",
+                    name
+                        :
+                        "尚志教育",
+                    value_1
+                        :
+                        "156409.50"
+                },
+                6: {
+                    id
+                        :
+                        "6",
+                    name
+                        :
+                        "千校论文查重平台",
+                    value_1
+                        :
+                        "238081.00"
+                }
+            }
+            // that.tableData = []
+            // that.top_list = []
+            // this.loading = true;
+            // this.$http('POST', '/supernew/ajax_get_type_batch_list', {
+            //     date: that.text,
+            //     rank_type: that.dataRank,
+            //     sort_by: that.sort_by,
+            //     sort_order: that.sort_order,
+            //     cur_page: that.currentPage,
+            //     page_size: that.pageSize,
+            // }).then(response => {
+            //     this.loading = false;
+            //     this.$nextTick(() => {
+            //         that.tableData = response.data.list
+            //         that.top_list = response.data.top_list
+            //         that.total = response.data.total
+            //     })
+            // }).catch(error => {
+            //     console.error(error, 'error')
+            // })
         },
         getRankingDetail(obj) {
             const that = this
@@ -611,8 +832,8 @@ export default {
 }
 ::v-deep .custom-popover {
     position: fixed !important;
-    max-height: 290px;
-    overflow-y: auto;
+    // max-height: 290px;
+    // overflow-y: auto;
     margin-top: 0 !important;
     margin-left: 0 !important;
     transform: none !important;
diff --git a/src/views/super/Ranking/Ranking.vue b/src/views/super/Ranking/Ranking.vue
index 0a47609..3e7f7f5 100644
--- a/src/views/super/Ranking/Ranking.vue
+++ b/src/views/super/Ranking/Ranking.vue
@@ -1,6 +1,9 @@
 <template>
     <div class="siteSetting-wrap">
-        <RankingLeft/>
+        <!-- <RankingLeft /> -->
+         <SliderMenu :menuData= "rankMenuData" />
+         <!-- <SliderMenu :menuData= "rankMenuData" :default-collapsed="false"
+         @collapse-change="handleCollapseChange"/> -->
         <!-- 主内容区域 -->
         <main class="main-content" ref="scrollContainer">
             <router-view></router-view>
@@ -10,7 +13,9 @@
 </template>
 <script>
 import Footer from '@/components/Footer.vue';
-import RankingLeft from '@/components/super/RankingLeft.vue'
+import SliderMenu from '@/components/SliderMenu.vue';
+// import RankingLeft from '@/components/super/RankingLeft.vue'
+import { mapState } from 'vuex';
 
 export default {
     // 站点设置
@@ -18,13 +23,17 @@ export default {
     props: [''],
     components: {
         Footer,
-        RankingLeft,
+        SliderMenu,
+        // RankingLeft,
     },
     data() {
         return {
             path: ''
         }
     },
+    computed: {
+      ...mapState(['rankMenuData']), // 直接映射 state 中的 count 属性到组件的局部计算属性中
+    },
     mounted() {
         this.path = this.$route.path;
         if(this.$route.query.str) localStorage.setItem('token', this.$route.query.str)