From 5019ed6016b47221321bf395cd102dc4b51b4724 Mon Sep 17 00:00:00 2001
From: MrShi <1878285526@qq.com>
Date: 星期一, 05 二月 2024 09:40:43 +0800
Subject: [PATCH] Mr.Shi

---
 platform/src/components/common/Menu.vue |   55 +++++++++++++++++++++++++++++++++++++++++--------------
 1 files changed, 41 insertions(+), 14 deletions(-)

diff --git a/platform/src/components/common/Menu.vue b/platform/src/components/common/Menu.vue
index b928666..6411793 100644
--- a/platform/src/components/common/Menu.vue
+++ b/platform/src/components/common/Menu.vue
@@ -1,5 +1,9 @@
 <template>
   <div class="menu" :class="{collapse: menuData.collapse}">
+    <div class="logo">
+      <div><img src="@/assets/logo.png"></div>
+      <h1 :class="{ hidden: menuData.collapse }">浜戞槗淇濆鎴锋湇鍔＄郴缁�</h1>
+    </div>
     <scrollbar>
       <el-menu
         ref="menu"
@@ -9,7 +13,6 @@
         :collapse="menuData.collapse"
         :default-openeds="defaultOpeneds"
         :collapse-transition="false"
-        unique-opened
         @select="handleSelect"
       >
         <MenuItems v-for="menu in menuData.list" :key="menu.index" :menu="menu" :is-root-menu="true"/>
@@ -36,17 +39,12 @@
       const menuConfig = this.__getMenuConfig(path, 'url', this.menuData.list)
       if (menuConfig == null) {
         return null
-      } else {
-        this.$store.commit("pushtags", menuConfig)
       }
-      // console.log(menuConfig.index);
       return menuConfig.index
     },
     // 榛樿灞曞紑鐨勮彍鍗昳ndex
     defaultOpeneds () {
-      // return this.menuData.list.map(menu => menu.index)
-      
-      return [this.menuData.list[0].index]
+      return this.menuData.list.map(menu => menu.index)
     }
   },
   methods: {
@@ -66,9 +64,7 @@
       if (menuConfig.url == null || menuConfig.url.trim().length === 0) {
         return
       }
-      
       this.$router.push(menuConfig.url)
-      this.$store.commit("pushtags", menuConfig)
     },
     // 鑾峰彇鑿滃崟閰嶇疆
     __getMenuConfig (value, key, menus) {
@@ -95,6 +91,37 @@
   height: 100%;
   display: flex;
   flex-direction: column;
+  // LOGO
+  .logo {
+    height: 60px;
+    flex-shrink: 0;
+    line-height: 60px;
+    overflow: hidden;
+    display: flex;
+    background: $primary-color - 20;
+    padding: 0 16px;
+    & > div {
+      width: 32px;
+      flex-shrink: 0;
+      margin-right: 12px;
+      img {
+        width: 100%;
+        flex-shrink: 0;
+        vertical-align: middle;
+        position: relative;
+        top: -2px;
+      }
+    }
+    h1 {
+      font-size: 16px;
+      font-weight: 500;
+      transition: opacity ease .3s;
+      overflow: hidden;
+      &.hidden {
+        opacity: 0;
+      }
+    }
+  }
 }
 </style>
 <style lang="scss">
@@ -108,11 +135,11 @@
     background: $primary-color;
     // 閫変腑鐘舵��
     &.is-active {
-      background: $primary-color-sel !important;
+      background: $primary-color - 40 !important;
     }
     // 鎮诞
     &:hover {
-      background-color: $primary-color-hover;
+      background-color: $primary-color - 12;
     }
     &:focus {
       background: $primary-color;
@@ -125,13 +152,13 @@
     }
     &.is-active {
       .el-submenu__title{
-        background-color: $icon-background-color;
+        background-color: $primary-color - 20;
       }
       .el-menu .el-menu-item{
-        background-color: $icon-background-color;
+        background-color: $primary-color - 20;
         // 鎮诞
         &:hover {
-          background-color: $icon-background-color;
+          background-color: $primary-color - 30;
         }
       }
     }

--
Gitblit v1.9.3