修改显示组织名称

src/views/main-navbar.vue

@@ -1,37 +1,26 @@
 <template>
-  <nav class="aui-navbar"
+  <nav class="aui-navbar" :class="`aui-navbar--${$store.state.navbarLayoutType}`">
-       :class="`aui-navbar--${$store.state.navbarLayoutType}`">
     <div class="aui-navbar__header">
-      <h1 class="aui-navbar__brand new"
+      <h1 class="aui-navbar__brand new" style="text-transform: none;" @click="$router.push({ name: 'home' })">
-          style="text-transform: none;"
+        <a class="aui-navbar__brand-lg" href="javascript:;">北尚诉办</a>
-          @click="$router.push({ name: 'home' })">
+        <a class="aui-navbar__brand-lg new-top" href="javascript:;">{{ $t('brand.lg') }}</a>
-          <a class="aui-navbar__brand-lg"
-           href="javascript:;">北尚诉办</a>
-        <a class="aui-navbar__brand-lg new-top"
-           href="javascript:;">{{ $t('brand.lg') }}</a>
 
       </h1>
     </div>
     <div class="aui-navbar__body">
-      <el-menu class="aui-navbar__menu mr-auto"
+      <el-menu class="aui-navbar__menu mr-auto" mode="horizontal">
-               mode="horizontal">
+        <el-menu-item index="1" @click="$store.state.sidebarFold = !$store.state.sidebarFold">
-        <el-menu-item index="1"
+          <svg class="icon-svg aui-navbar__icon-menu aui-navbar__icon-menu--switch" aria-hidden="true">
-                      @click="$store.state.sidebarFold = !$store.state.sidebarFold">
-          <svg class="icon-svg aui-navbar__icon-menu aui-navbar__icon-menu--switch"
-               aria-hidden="true">
             <use xlink:href="#icon-outdent"></use>
           </svg>
         </el-menu-item>
-        <el-menu-item index="2"
+        <el-menu-item index="2" @click="refresh()">
-                      @click="refresh()">
+          <svg class="icon-svg aui-navbar__icon-menu aui-navbar__icon-menu--refresh" aria-hidden="true">
-          <svg class="icon-svg aui-navbar__icon-menu aui-navbar__icon-menu--refresh"
-               aria-hidden="true">
             <use xlink:href="#icon-sync"></use>
           </svg>
         </el-menu-item>
       </el-menu>
-      <el-menu class="aui-navbar__menu"
+      <el-menu class="aui-navbar__menu" mode="horizontal">
-               mode="horizontal">
         <!-- <el-menu-item index="1">
           <el-dropdown placement="bottom"
                        :show-timeout="0">
@@ -52,24 +41,21 @@
             </svg>
           </a>
         </el-menu-item> -->
-        <el-menu-item index="3"
+        <el-menu-item index="3" @click="fullscreenHandle()">
-                      @click="fullscreenHandle()">
+          <svg class="icon-svg aui-navbar__icon-menu" aria-hidden="true">
-          <svg class="icon-svg aui-navbar__icon-menu"
-               aria-hidden="true">
             <use xlink:href="#icon-fullscreen"></use>
           </svg>
         </el-menu-item>
-        <el-menu-item index="4"
+        <el-menu-item index="4" class="aui-navbar__avatar">
-                      class="aui-navbar__avatar">
+          <el-dropdown placement="bottom" :show-timeout="0">
-          <el-dropdown placement="bottom"
-                       :show-timeout="0">
             <span class="el-dropdown-link">
               <img src="~@/assets/img/avatar.png">
-              <span>{{ $store.state.user.realName }}</span>
+              <span>{{ $store.state.user.deptName }}</span>
               <i class="el-icon-arrow-down"></i>
             </span>
             <el-dropdown-menu slot="dropdown">
-              <el-dropdown-item @click.native="updatePasswordHandle()">{{ $t('updatePassword.title') }}</el-dropdown-item>
+              <el-dropdown-item @click.native="updatePasswordHandle()">{{ $t('updatePassword.title') }}
+              </el-dropdown-item>
               <el-dropdown-item @click.native="logoutHandle()">{{ $t('logout') }}</el-dropdown-item>
             </el-dropdown-menu>
           </el-dropdown>
@@ -77,8 +63,7 @@
       </el-menu>
     </div>
     <!-- 弹窗, 修改密码 -->
-    <update-password v-if="updatePassowrdVisible"
+    <update-password v-if="updatePassowrdVisible" ref="updatePassowrd"></update-password>
-                     ref="updatePassowrd"></update-password>
   </nav>
 </template>
 
@@ -139,18 +124,21 @@ export default {
 </script>
 
 <style scoped>
-  .new{
+.new {
-    display: flex;
+  display: flex;
-    flex-direction:column;
+  flex-direction: column;
-  }
+}
-  .new a {
+
-    font-size: 18px;
+.new a {
-  }
+  font-size: 18px;
-  .new-top{
+}
-    margin-top: 6px;
+
-    font-size: 15px !important;
+.new-top {
-  }
+  margin-top: 6px;
-  .aui-navbar__header_new h1{
+  font-size: 15px !important;
-    color: #fff;
+}
-  }
+
-  </style>
+.aui-navbar__header_new h1 {
+  color: #fff;
+}
+</style>

src/views/main.vue

@@ -1,5 +1,6 @@
 <template>
-  <div v-loading.fullscreen.lock="loading" :element-loading-text="$t('loading')" :class="['aui-wrapper', { 'aui-sidebar--fold': $store.state.sidebarFold }]">
+  <div v-loading.fullscreen.lock="loading" :element-loading-text="$t('loading')"
+    :class="['aui-wrapper', { 'aui-sidebar--fold': $store.state.sidebarFold }]">
     <template v-if="!loading">
       <main-navbar />
       <main-sidebar />
@@ -90,7 +91,8 @@ export default {
         this.$store.state.user.name = res.data.username
         this.$store.state.user.realName = res.data.realName
         this.$store.state.user.superAdmin = res.data.superAdmin
-      }).catch(() => {})
+        this.$store.state.user.deptName = res.data.deptName
+      }).catch(() => { })
     },
     // 获取权限
     getPermissions () {
@@ -99,7 +101,7 @@ export default {
           return this.$message.error(res.msg)
         }
         window.SITE_CONFIG['permissions'] = res.data
-      }).catch(() => {})
+      }).catch(() => { })
     }
   }
 }