backhend

src/components/Aside.vue

@@ -4,6 +4,34 @@ export default {
   props:{
     isCollapse: Boolean,
     logoTextShow: Boolean
+  },
+  data(){
+    return{
+      personnelChoose:true
+    }
+  },
+  methods:{
+    showSample1(){
+      const sentences = [
+        "这是第1句话。",
+        "这是第2句话。",
+        "这是第3句话。",
+        "这是第4句话。",
+        "这是第5句话。",
+        "这是第6句话。",
+        "这是第7句话。",
+        "这是第8句话。",
+        "这是第9句话。",
+        "这是第10句话。"
+      ];
+      alert(sentences.join('\n'));
+    },
+    isSelectedPersonnelRecognition() {
+      return this.personnelChoose;
+    },
+    handlePersonnelSelect(){
+      this.personnelChoose = !this.personnelChoose;
+    }
   }
 }
 </script>
@@ -18,7 +46,7 @@ export default {
              router
     >
       <div style="height: 60px; line-height: 60px; text-align: center">
-      <img src="../assets/logo.png" alt="" style="width: 20px; position: relative; top: 5px; right: 5px">
+        <!--      <img src="../assets/logo.png" alt="" style="width: 20px; position: relative; top: 5px; right: 5px">-->
         <b style="color: white" v-show="logoTextShow">脑电数据管理系统</b>
       </div>
 
@@ -40,7 +68,7 @@ export default {
           <i class="el-icon-menu"></i>
           <span slot="title">脑电采集</span>
         </template>
-        <el-menu-item index="/sample1">
+        <el-menu-item index="/sample1" @mouseover="showSample1">
           <template slot="title">
             <i class="el-icon-s-grid"></i>
             <span slot="title">第1组</span>
@@ -72,8 +100,8 @@ export default {
         </el-menu-item>
       </el-submenu>
 
-    <el-submenu index="3">
-      <template slot="title">
+      <el-submenu index="3" :class="{'hide-scrollbar':isSelectedPersonnelRecognition}" style="max-height: 200px; overflow-y: auto; overflow-x: hidden">
+        <template slot="title" @click="handlePersonnelSelect">
           <i class="el-icon-user-solid"></i>
           <span slot="title">人员识别</span>
         </template>
@@ -466,8 +494,12 @@ export default {
       </el-submenu>
 
     </el-menu>
-</template>
 
-<style scoped>
+  </template>
 
+<style>
+.hide-scrollbar{
+  overflow-y:hidden;
+}
 </style>
+