1

src/components/main/main.vue

@@ -17,6 +17,11 @@
         <Header  class="header-con-main">
           <headerBar class="header-con" @on-coll-change="collpasedChange" :collapsed="collapsed">
             <Terminal></Terminal>
+            <span
+              v-if="currentTenant"
+              class="main-tenant-tag"
+              :title="'租户：' + currentTenant.name + '（' + currentTenant.code + '）'"
+            >{{ currentTenant.name }}</span>
             <user :userName="userName" :user-avator="userAvator || ''" />
           </headerBar>
         </Header>
@@ -42,7 +47,7 @@ import User from './components/user'
 import ABackTop from './components/a-back-top'
 import Fullscreen from './components/fullscreen'
 import Language from './components/language'
-import { mapGetters } from 'vuex'
+import { mapGetters, mapState } from 'vuex'
 import headerBar from './components/header-bar'
 import loadFlower from '../load-flower/index'
 import Terminal from './components/terminal'
@@ -77,6 +82,7 @@ export default {
       userName: 'user/userName',
       userAvator: 'user/avatorImgPath'
     }),
+    ...mapState('user', ['currentTenant']),
     cacheList() {
       return ['ParentView']
     }
@@ -149,6 +155,21 @@ export default {
   z-index: 999999;
 }
 
+.main-tenant-tag {
+  margin-right: 16px;
+  padding: 0 10px;
+  height: 28px;
+  line-height: 28px;
+  font-size: 13px;
+  color: #2d8cf0;
+  background: rgba(45, 140, 240, 0.08);
+  border-radius: 4px;
+  max-width: 160px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
 .sidebar-brand {
   display: flex;
   justify-content: center;