فهرست منبع

fix portal menu

Michael Wang 6 سال پیش
والد
کامیت
aed0e12159
2فایلهای تغییر یافته به همراه20 افزوده شده و 18 حذف شده
  1. 19 18
      src/modules/portal/views/home/Home.vue
  2. 1 0
      src/plugins/vueAwesome.js

+ 19 - 18
src/modules/portal/views/home/Home.vue

@@ -3,26 +3,27 @@
     <el-header style="padding: 0">
       <el-menu class="el-menu-demo" mode="horizontal">
         <el-menu-item index="1">
-          <router-link to="/home/overview" style="text-decoration-line: none">
+          <router-link
+            to="/home/overview"
+            style="text-decoration-line: none"
+            title="回到主页"
+          >
             云平台主页
           </router-link>
         </el-menu-item>
-        <el-submenu
-          index="2"
-          style="float: right;"
-          popper-class="submenu-style"
-          class="fr"
-        >
-          <template slot="title">{{ user.rootOrgName }}</template>
-          <el-menu-item index="2-1">
-            <span @click="openUserDialog" style="cursor: pointer">{{
-              user.displayName
-            }}</span>
-          </el-menu-item>
-          <el-menu-item index="2-2">
-            <span @click="logout" style="cursor: pointer">退出</span>
-          </el-menu-item>
-        </el-submenu>
+        <el-menu-item index="4" style="float: right;" title="退出系统">
+          <v-icon name="sign-out-alt" />&nbsp;
+          <span @click="logout" style="cursor: pointer">退出</span>
+        </el-menu-item>
+        <el-menu-item index="3" style="float: right;" title="个人信息管理">
+          <v-icon name="user" />&nbsp;
+          <span @click="openUserDialog" style="cursor: pointer">{{
+            user.displayName
+          }}</span>
+        </el-menu-item>
+        <el-menu-item index="2" style="float: right;" title="机构名称">
+          <v-icon name="users" />&nbsp; {{ user.rootOrgName }}
+        </el-menu-item>
       </el-menu>
     </el-header>
 
@@ -140,7 +141,7 @@ export default {
   computed: {
     ...mapState({ user: state => state.user }),
     ifShowHomeSide() {
-      return location.pathname.startsWith("/home") === false;
+      return this.$route.fullPath.startsWith("/home") === false;
     },
     sideKey() {
       const module = this.$route.fullPath.split("/")[1];

+ 1 - 0
src/plugins/vueAwesome.js

@@ -4,6 +4,7 @@ import Icon from "vue-awesome/components/Icon";
 import "vue-awesome/icons/flag";
 import "vue-awesome/icons/print";
 import "vue-awesome/icons/user";
+import "vue-awesome/icons/users";
 import "vue-awesome/icons/sign-out-alt";
 import "vue-awesome/icons/lock";