标题样式

epmet-oper-web/src/views/main-navbar.vue

@@ -1,6 +1,7 @@
 <template>
   <div>
-    <nav v-if="showHeader" class="aui-navbar"
+    <nav v-if="showHeader"
+         class="aui-navbar"
          :class="`aui-navbar--${$store.state.navbarLayoutType}`">
       <div class="aui-navbar__header">
         <h1 class="aui-navbar__brand"
@@ -64,14 +65,14 @@
                         class="aui-navbar__avatar">
             <el-dropdown placement="bottom"
                          :show-timeout="0">
-            <span class="el-dropdown-link">
+              <span class="el-dropdown-link">
-              <img v-if="$store.state.user.gender ==='2'"
+                <img v-if="$store.state.user.gender ==='2'"
-                   src="~@/assets/img/staff-default-avatar-girl.png">
+                     src="~@/assets/img/staff-default-avatar-girl.png">
-              <img v-else
+                <img v-else
-                   src="~@/assets/img/staff-default-avatar-boy.png">
+                     src="~@/assets/img/staff-default-avatar-boy.png">
-              <span>{{ $store.state.user.realName }}</span>
+                <span>{{ $store.state.user.realName }}</span>
-              <i class="el-icon-arrow-down"></i>
+                <i class="el-icon-arrow-down"></i>
-            </span>
+              </span>
               <el-dropdown-menu slot="dropdown">
                 <!-- <el-dropdown-item @click.native="updatePasswordHandle()">{{ $t('updatePassword.title') }}</el-dropdown-item> -->
                 <el-dropdown-item @click.native="logoutHandle()">{{ $t('logout') }}</el-dropdown-item>
@@ -84,7 +85,8 @@
       <update-password v-if="updatePassowrdVisible"
                        ref="updatePassowrd"></update-password>
     </nav>
-    <nav v-else class = "aui-navbar main-line"></nav>
+    <nav v-else
+         class="aui-navbar main-line"></nav>
   </div>
 
 </template>
@@ -110,7 +112,7 @@ export default {
   components: {
     UpdatePassword
   },
-  created() {
+  created () {
     let platformToken = localStorage.getItem('showHeader') || '';
     if (typeof platformToken !== 'undefined' && platformToken !== 'undefined' && platformToken !== '') {
       this.showHeader = false
@@ -178,9 +180,9 @@ export default {
 }
 </script>
 <style lang="scss" scoped>
-  .main-line{
+.main-line {
-    height: 50px;
+  height: 50px;
-    background: #eeeeee;
+  background: #eeeeee;
-  }
+}
 </style>
 

epmet-oper-web/src/views/main-sidebar.vue

@@ -1,5 +1,5 @@
 <template>
-  <aside :class="['aui-sidebar', `aui-sidebar--${$store.state.sidebarLayoutSkin}`,'top0']">
+  <aside :class="['aui-sidebar', `aui-sidebar--${$store.state.sidebarLayoutSkin}`]">
     <div class="aui-sidebar__inner">
       <el-menu :default-active="$store.state.sidebarMenuActiveName"
                :collapse="$store.state.sidebarFold"
@@ -34,7 +34,4 @@ export default {
 .el-menu--collapse .el-menu-item span {
   display: none;
 }
-.top0 {
-  top: 0;
-}
 </style>

epmet-oper-web/src/views/main.vue

@@ -3,7 +3,7 @@
        :element-loading-text="$t('loading')"
        :class="['aui-wrapper', { 'aui-sidebar--fold': $store.state.sidebarFold }]">
     <template v-if="!loading">
-      <!-- <main-navbar ref="ref_navbar" /> -->
+      <main-navbar ref="ref_navbar" />
       <main-sidebar />
       <div class="aui-content__wrapper">
         <main-content v-if="!$store.state.contentIsNeedRefresh"