feat(系统设置): 页面布局调整

frontend/src/business/components/settings/Setting.vue

@@ -1,14 +1,12 @@
 <template>
   <ms-container :is-show-warning="isShowWarning && isSystemGroup">
-
     <ms-aside-container>
-      <ms-current-user/>
-      <el-divider/>
-      <h1>{{ $t('commons.setting') }}</h1>
       <ms-setting-menu/>
     </ms-aside-container>
-
     <ms-main-container>
+      <div class="ms-system-header">
+        <ms-header-right-menus/>
+      </div>
       <keep-alive>
         <router-view/>
       </keep-alive>
@@ -24,10 +22,11 @@ import MsContainer from "../common/components/MsContainer";
 import MsMainContainer from "../common/components/MsMainContainer";
 import {getCurrentUser} from "@/common/js/utils";
 import {GROUP_SYSTEM} from "@/common/js/constants";
+import MsHeaderRightMenus from "@/business/components/layout/HeaderRightMenus";
 
 export default {
   name: "MsSetting",
-  components: {MsMainContainer, MsContainer, MsAsideContainer, MsSettingMenu, MsCurrentUser},
+  components: {MsMainContainer, MsContainer, MsAsideContainer, MsSettingMenu, MsCurrentUser, MsHeaderRightMenus},
   computed: {
     isShowWarning() {
       return this.$store.state.showLicenseCountWarning;
@@ -47,11 +46,12 @@ export default {
 <style scoped>
 .ms-aside-container {
   height: calc(100vh) !important;
-  padding: 20px;
+  padding: 0px;
 }
 
 .ms-main-container {
   height: calc(100vh) !important;
+  padding: 2px;
 }
 
 h1 {
@@ -59,5 +59,12 @@ h1 {
   font-weight: 500;
 }
 
+.ms-system-header {
+  width: 400px;
+  position: fixed;
+  right: 0px;
+  z-index: 666;
+  top: 6px;
+}
 </style>