新建金融数字超市

src/layout/layout-part/menus.vue

@@ -3,15 +3,16 @@
     <el-menu :default-active="thisRouter()" class="el-menu-vertical-demo" :router="false" :default-openeds="defalutMenu" @select="to">
       <el-menu-item index="/"> <i class="el-icon-s-grid"></i>首页 </el-menu-item>
       <el-menu-item index="/test/index"> <i class="el-icon-s-grid"></i>测试菜单</el-menu-item>
-      <!-- <el-submenu index="1">
+      <el-submenu index="1">
         <template v-slot:title>
           <i class="el-icon-s-grid"></i>
-          <span>测试菜单1</span>
+          <span>金融数字超市</span>
         </template>
         <el-menu-item-group>
-          <el-menu-item index="/test2/index">测试菜单1</el-menu-item>
+          <el-menu-item index="/supermarket/zhai">债权产品</el-menu-item>
+          <el-menu-item index="/supermarket/gu">股权产品</el-menu-item>
         </el-menu-item-group>
-      </el-submenu> -->
+      </el-submenu>
     </el-menu>
   </div>
 </template>

src/router/index.js

@@ -12,6 +12,14 @@ const routes = [
     path: '/test/index',
     component: () => import('../views/test/index.vue'),
   },
+  {
+    path: '/supermarket/zhai',
+    component: () => import('../views/supermarket/zhai.vue'),
+  },
+  {
+    path: '/supermarket/gu',
+    component: () => import('../views/supermarket/gu.vue'),
+  },
 ];
 
 const router = new VueRouter({

src/views/supermarket/gu.vue

@@ -0,0 +1,19 @@
+<template>
+  <div id="gu">
+    <p>股权产品</p>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'gu',
+  props: {},
+  components: {},
+  data: () => ({}),
+  created() {},
+  computed: {},
+  methods: {},
+};
+</script>
+
+<style lang="scss" scoped></style>

src/views/supermarket/zhai.vue

@@ -0,0 +1,19 @@
+<template>
+  <div id="zhai">
+    <p>债权产品</p>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'zhai',
+  props: {},
+  components: {},
+  data: () => ({}),
+  created() {},
+  computed: {},
+  methods: {},
+};
+</script>
+
+<style lang="scss" scoped></style>