From 833527db4681e79cf382f80df9c1ecae378f5003 Mon Sep 17 00:00:00 2001
From: qiangyanwen <508737091@qq.com>
Date: Sat, 13 Aug 2022 20:19:28 +0800
Subject: [PATCH] testcase

---
 src/components/Layout.vue | 39 ++++++++++++++++++++++++++++++++-------
 src/router/index.js       | 11 +++++++++--
 src/view/Monit.vue        | 15 +++++++++++++++
 3 files changed, 56 insertions(+), 9 deletions(-)
 create mode 100644 src/view/Monit.vue

diff --git a/src/components/Layout.vue b/src/components/Layout.vue
index dea8ace..3e79939 100644
--- a/src/components/Layout.vue
+++ b/src/components/Layout.vue
@@ -1,20 +1,20 @@
 <template>
   <a-layout class="layout">
-    <a-layout-sider v-model:collapsed="collapsed" collapsible>
+    <a-layout-sider v-model:collapsed="collapsed" collapsible class="left-menu">
       <div class="logo">{{collapsed?"系统":"自动化系统监控"}}</div>
-      <a-menu theme="dark" v-model:selectedKeys="selectedKeys" mode="inline" @click="">
-        <a-menu-item key="1">
+      <a-menu theme="dark" v-model:selectedKeys="selectedKeys" mode="inline" @click="goTopage">
+        <a-menu-item key="monit">
           <pie-chart-outlined />
           <span>{{collapsed?"监控":"系统监控"}}</span>
         </a-menu-item>
-        <a-sub-menu key="sub1">
+        <a-sub-menu key="2">
           <template #title>
             <span>
               <user-outlined />
               <span>User</span>
             </span>
           </template>
-          <a-menu-item key="3">Tom</a-menu-item>
+          <a-menu-item key="2-1">Tom</a-menu-item>
         </a-sub-menu>
       </a-menu>
     </a-layout-sider>
@@ -39,7 +39,8 @@
           <a-breadcrumb-item>User</a-breadcrumb-item>
         </a-breadcrumb>
         <div :style="container">
-          我是内容页面
+
+          <router-view></router-view>
         </div>
       </a-layout-content>
       <a-layout-footer style="text-align: center">
@@ -78,7 +79,7 @@ export default defineComponent({
     const router = useRouter()
     const goTopage=(item)=>{
       console.log(item.key,"=====>")
-      router.push('/admin/'+item.key).catch((err)=>err)
+      router.push('/'+item.key).catch((err)=>err)
 
     }
 
@@ -106,7 +107,12 @@ export default defineComponent({
 .layout{
   height: 100vh;
 }
+.left-menu{
+  overflow-y: scroll;
+  height: 100vh;
 
+
+}
 .site-layout .site-layout-background {
   background: #fff;
 }
@@ -122,4 +128,23 @@ export default defineComponent({
   font-size: 15px;
   font-weight: bolder;
 }
+
+/*定义滚动条高宽及背景高宽分别对应横竖滚动条的尺寸*/
+::-webkit-scrollbar {
+	width:8px;
+	height:16px;
+	background-color: rgba(0, 9, 38, 0.69);
+}
+/*定义滚动条轨道内阴影+圆角*/
+::-webkit-scrollbar-track {
+	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
+	border-radius: 10px;
+	background-color: rgba(17, 16, 16, 1);
+}
+/*定义滑块内阴影+圆角*/
+::-webkit-scrollbar-thumb {
+	border-radius: 10px;
+	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
+	background-color: #42EBFF;
+}
 </style>
\ No newline at end of file
diff --git a/src/router/index.js b/src/router/index.js
index da985be..ff54bd1 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -1,12 +1,19 @@
 import {createRouter,createWebHistory} from 'vue-router'
 import Layout from "@/components/Layout";
+import Monit from "@/view/Monit";
 
 const routes = [
     {
         path: "/",
         name: "layout",
-        component: Layout
-    }
+        component: Layout,
+        children: [{
+            path: "monit",
+            name: "monit",
+           component: Monit,
+        }]
+    },
+
 ]
 
 
diff --git a/src/view/Monit.vue b/src/view/Monit.vue
new file mode 100644
index 0000000..a006b9a
--- /dev/null
+++ b/src/view/Monit.vue
@@ -0,0 +1,15 @@
+<template>
+<div>
+  我是监控页面
+</div>
+</template>
+
+<script>
+export default {
+  name: "Monit"
+}
+</script>
+
+<style scoped>
+
+</style>
\ No newline at end of file