临时代码

src/components/mock/api_block.vue

@@ -0,0 +1,11 @@
+<script setup>
+
+</script>
+
+<template>
+
+</template>
+
+<style scoped>
+
+</style>

src/layout/components/PageAside.vue

@@ -5,22 +5,33 @@ import {
   Location,
   Setting,
 } from '@element-plus/icons-vue'
+import {useRoute} from "vue-router";
+
+const route = useRoute()
+
 </script>
 
 <template>
   <el-row class="tac">
-    <el-col :span="15">
+    <el-col :span="25">
       <h5 class="mb-2">鼎新工具集</h5>
       <el-menu
           default-active="1"
+          router
           class="el-menu-vertical-demo"
       >
-        <el-menu-item index="1">
+        <el-menu-item index="update">
           <el-icon>
             <icon-menu/>
           </el-icon>
           <span>影院列表</span>
         </el-menu-item>
+        <el-menu-item index="mock">
+          <el-icon>
+            <icon-menu/>
+          </el-icon>
+          <span>专资接口模拟</span>
+        </el-menu-item>
       </el-menu>
     </el-col>
   </el-row>

src/layout/index.vue

@@ -16,7 +16,7 @@ import PageAside from "@/layout/components/PageAside.vue";
           <PageHeader/>
         </el-header>
         <el-main>
-          <Index/>
+          <router-view/>
         </el-main>
       </el-container>
     </el-container>

src/router/index.js

@@ -3,9 +3,21 @@ import Layout from '@/layout/index.vue'
 
 const routes = [
     {
-        path: '/update',
+        path: '/',
         name: 'Home',
         component: Layout,
+        children: [
+            {
+                path: 'update',
+                name: 'Update',
+                component: () => import('@/views/update/index.vue')
+            },
+            {
+                path: 'mock',
+                name: 'Mock',
+                component: () => import('@/views/mock/index.vue')
+            }
+        ]
     }
 ]
 

src/views/mock/index.vue

@@ -0,0 +1,12 @@
+<script setup>
+
+</script>
+
+<template>
+
+  <el-divider content-position="left">接口</el-divider>
+</template>
+
+<style scoped>
+
+</style>