perf: change left side menu height

src/components/Form/DataForm/index.vue

@@ -14,26 +14,6 @@
     <slot v-for="item in fields" :slot="`$id:${item.id}`" :name="`$id:${item.id}`" />
 
     <el-form-item v-if="hasButtons" class="form-buttons">
-      <el-button
-        v-for="button in moreButtons"
-        :key="button.title"
-        :loading="button.loading"
-        size="small"
-        v-bind="button"
-        @click="handleClick(button)"
-      >
-        {{ button.title }}
-      </el-button>
-      <el-button v-if="defaultButton && hasReset" size="small" @click="resetForm('form')">
-        {{ $t('Reset') }}
-      </el-button>
-      <el-button
-        v-if="defaultButton && hasSaveContinue"
-        size="small"
-        @click="submitForm('form', true)"
-      >
-        {{ $t('SaveAndAddAnother') }}
-      </el-button>
       <el-button
         v-if="defaultButton"
         :disabled="!canSubmit"
@@ -44,6 +24,26 @@
       >
         {{ submitBtnText }}
       </el-button>
+      <el-button
+        v-if="defaultButton && hasSaveContinue"
+        size="small"
+        @click="submitForm('form', true)"
+      >
+        {{ $t('SaveAndAddAnother') }}
+      </el-button>
+      <el-button v-if="defaultButton && hasReset" size="small" @click="resetForm('form')">
+        {{ $t('Reset') }}
+      </el-button>
+      <el-button
+        v-for="button in moreButtons"
+        :key="button.title"
+        :loading="button.loading"
+        size="small"
+        v-bind="button"
+        @click="handleClick(button)"
+      >
+        {{ button.title }}
+      </el-button>
     </el-form-item>
   </ElFormRender>
 </template>

src/guards.js

@@ -1,19 +1,18 @@
 /* eslint-disable no-unused-vars */
 import router from './router'
-import NProgress from 'nprogress' // progress bar
 import 'nprogress/nprogress.css' // progress bar style
 import { startup } from '@/utils/startup'
 import store from '@/store'
 import { isSameView } from '@/utils/jms'
 import { toSentenceCase } from '@/utils/common'
 
-NProgress.configure({
-  showSpinner: false
-}) // NProgress Configuration
-
+// NProgress.configure({
+//   showSpinner: false
+// }) // NProgress Configuration
+//
 router.beforeEach(async(to, from, next) => {
   // start progress bar
-  NProgress.start()
+  // NProgress.start()
   try {
     await startup({ to, from, next })
     next()
@@ -43,6 +42,6 @@ router.afterEach(async(to, from) => {
   // finish progress bar
   await setPageTitle()
   await generateViewRoutesIfChange({ to, from })
-  NProgress.done()
+  // NProgress.done()
 })
 

src/layout/components/NavLeft/index.vue

@@ -33,7 +33,7 @@
         :default-openeds="defaultOpensMenu"
         :text-color="variables['menuText']"
         :text-weigth="variables['menuTextWeight']"
-        :unique-opened="true"
+        :unique-opened="false"
         class="left-menu"
         mode="vertical"
       >
@@ -74,13 +74,13 @@ export default {
   data() {
     return {
       viewShown: false,
-      switchViewOtherClasses: ''
+      switchViewOtherClasses: '',
+      defaultOpensMenu: []
     }
   },
   computed: {
     ...mapGetters([
       'currentViewRoute',
-      'defaultOpensMenu',
       'sidebar'
     ]),
     activeMenu() {
@@ -163,6 +163,10 @@ export default {
 <style lang="scss" scoped>
   @import "~@/styles/variables.scss";
 
+  .left-menu >>> .el-submenu__title * {
+    vertical-align: inherit;
+  }
+
   .nav-header {
     overflow: hidden;
     background-color: var(--color-primary);

src/store/modules/app.js

@@ -6,7 +6,7 @@ const state = {
     withoutAnimation: false
   },
   // 默认需要展开的菜单
-  defaultOpensMenu: ['/audit/sessions', '/audit/logs', '/workbench/ops'],
+  defaultOpensMenu: [],
   device: 'desktop',
   inited: false,
   i18nLoaded: false

src/styles/index.scss

@@ -93,6 +93,10 @@ div:focus {
   padding: 20px;
 }
 
+.el-tooltip__popper.is-light {
+  background-color: #ebeef5 !important;
+}
+
 .el-tooltip__popper.is-light.help-tips div span {
   padding: 50px;
 }
@@ -177,9 +181,6 @@ input[type=file] {
   table-layout: fixed !important;
 }
 
-.el-table__column-filter-trigger i {
-  color: #888888 !important;
-}
 
 .el-tooltip__popper.is-dark {
   max-width: 60% !important;

src/styles/menu.scss

@@ -64,8 +64,8 @@
   }
 
   .el-submenu .el-menu-item {
-    height: 38px;
-    line-height: 38px;
+    height: 35px;
+    line-height: 35px;
     padding: 0 52px;
     min-width: 200px;
   }
@@ -96,6 +96,10 @@
     border: none;
   }
 
+  .submenu-item.el-submenu.is-opened {
+    border-top: solid 1px #efefef;
+  }
+
   .nest-menu li.is-active {
     border: none;
   }