refactor(系统布局): 布局样式优化，去除滑出延时动画

frontend/src/business/components/api/automation/scenario/EnvSelect.vue

@@ -116,7 +116,7 @@ export default {
       return arr;
     },
     getUserPermissionProjectIds(){
-      this.$get('/project/getOwnerProjectIds/', res => {
+      this.$get('/project/getOwnerProjectIds', res => {
         this.permissionProjectIds = res.data;
       })
     },

frontend/src/business/components/common/head/HeaderUser.vue

@@ -1,6 +1,6 @@
 <template>
   <el-dropdown size="medium" @command="handleCommand" class="align-right">
-    <span class="dropdown-link global">
+    <span class="dropdown-link">
         {{ currentUser.name }}<i class="el-icon-caret-bottom el-icon--right"/>
     </span>
     <template v-slot:dropdown>
@@ -105,7 +105,6 @@ export default {
 .dropdown-link {
   cursor: pointer;
   font-size: 12px;
-  color: rgb(245, 245, 245);
   line-height: 40px;
 }
 
@@ -113,10 +112,6 @@ export default {
   float: right;
   margin-right: 20px;
 }
-
-.global {
-  color: var(--color);
-}
 </style>
 
 

frontend/src/business/components/common/head/HeaderWs.vue

@@ -4,7 +4,7 @@
                   'PROJECT_API_DEFINITION:READ','PROJECT_API_SCENARIO:READ','PROJECT_API_REPORT:READ',
                   'PROJECT_USER:READ', 'PROJECT_ENVIRONMENT:READ', 'PROJECT_FILE:READ+JAR', 'PROJECT_FILE:READ+FILE', 'PROJECT_OPERATING_LOG:READ', 'PROJECT_CUSTOM_CODE:READ',
                   'PROJECT_PERFORMANCE_TEST:READ','PROJECT_PERFORMANCE_REPORT:READ','WORKSPACE_USER:READ']" >
-    <span class="dropdown-link global">
+    <span class="dropdown-link">
       {{ currentWorkspaceName }}
       <i class="el-icon-caret-bottom el-icon--right"/>
     </span>
@@ -180,7 +180,6 @@ export default {
 .dropdown-link {
   cursor: pointer;
   font-size: 12px;
-  color: rgb(245, 245, 245);
   line-height: 40px;
   padding-right: 10px;
   padding-left: 5px;

frontend/src/business/components/common/head/LanguageSwitch.vue

@@ -1,6 +1,6 @@
 <template>
   <el-dropdown size="medium" @command="changeLanguage" class="align-right">
-    <span class="dropdown-link global">
+    <span class="dropdown-link">
         <font-awesome-icon :icon="['fas', 'language']" size="lg"/>
     </span>
     <template v-slot:dropdown>
@@ -83,7 +83,6 @@ export default {
 .dropdown-link {
   cursor: pointer;
   font-size: 12px;
-  color: rgb(245, 245, 245);
   line-height: 40px;
   padding-right: 20px;
 }

frontend/src/business/components/layout/AsideHeader.vue

@@ -1,11 +1,11 @@
 <template>
   <el-menu
-    class="ms-menu-vertical ms-menu"
-    :collapse="isCollapse"
-    :background-color="color"
+    class="ms-menu-vertical ms-menu horizontal-collapse-transition"
     text-color="#F2F2F2"
     active-text-color="#fff"
     :key="menuKey"
+    :collapse="isCollapse"
+    :background-color="color"
     router>
     <el-menu-item>
       <div>
@@ -30,7 +30,7 @@ export default {
   },
   computed: {
     title() {
-      return localStorage.getItem("title") || "MeterSphere";
+      return localStorage.getItem("sysTitle") || "MeterSphere";
     }
   },
   props: {
@@ -65,7 +65,7 @@ export default {
   text-overflow: ellipsis;
   vertical-align: middle;
   white-space: nowrap;
-  width: 98px;
+  width: 105px;
 }
 
 /deep/ .el-menu-item {
@@ -89,4 +89,8 @@ export default {
   background-repeat: no-repeat;
   background-position: 50% center;
 }
+
+.horizontal-collapse-transition {
+  transition: 0s width ease-in-out, 0s padding-left ease-in-out, 0s padding-right ease-in-out;
+}
 </style>

frontend/src/business/components/layout/AsideMenus.vue

@@ -1,12 +1,13 @@
 <template>
   <el-menu menu-trigger="click"
-           class="ms-menu-vertical ms-menu ms-menu-title" :collapse="isCollapse"
-           :background-color="color"
+           class="ms-menu-vertical ms-menu ms-menu-title horizontal-collapse-transition"
            text-color="#F2F2F2"
            active-text-color="#fff"
+           :collapse="isCollapse"
+           :background-color="color"
            :default-active="activeIndex"
-           @select="handleSelect"
            :key="menuKey"
+           @select="handleSelect"
            router>
     <el-menu-item index="/workstation" v-xpack v-if="check('workstation')">
       <div>
@@ -212,4 +213,7 @@ export default {
   color: #fff !important;
 }
 
+.horizontal-collapse-transition {
+  transition: 0s width ease-in-out, 0s padding-left ease-in-out, 0s padding-right ease-in-out;
+}
 </style>

frontend/src/business/components/notice/Notification.vue

@@ -219,7 +219,7 @@ export default {
 }
 
 .global {
-  color: var(--color);
+  color: rgb(146, 147, 150);
 }
 
 .header-top-menu {

frontend/src/business/components/task/TaskCenter.vue

@@ -484,7 +484,7 @@ export default {
 }
 
 .global {
-  color: var(--color);
+  color: rgb(96,98,102);
 }
 
 .header-top-menu {

frontend/src/i18n/en-US.js

@@ -517,6 +517,7 @@ export default {
     loginImage: 'Picture on the right side of the login page',
     loginTitle: 'Login page prompt information',
     pageTitle: 'Page Title',
+    sysTitle: 'System Name',
   },
   system_config: {
     base_config: 'Base Config',

frontend/src/i18n/zh-CN.js

@@ -522,6 +522,7 @@ export default {
     loginImage: '登陆页面右侧图片',
     loginTitle: '登陆页面提示信息',
     pageTitle: '页面 Title',
+    sysTitle: '系统名称',
   },
   system_config: {
     base_config: '基本配置',

frontend/src/i18n/zh-TW.js

@@ -519,6 +519,7 @@ export default {
     loginImage: '登陸頁面右側圖片',
     loginTitle: '登陸頁面提示信息',
     pageTitle: '頁面 Title',
+    sysTitle: '系統名稱',
   },
   system_config: {
     base_config: '基本配置',