fix: 简网刷新重定向登录+认证head样式

src/App.vue

@@ -19,11 +19,13 @@ export default {
     if (this.$store.state.permissions && this.$store.state.userInfo) return;
       if(!getCookie('username')) {
         this.$message('请先登录');
-        redirectToLogin();
+        return redirectToLogin();
       }
       const { status, user } = await fetchCurrentUser();
       // let isDefault = window.localStorage.getItem('isDefault');
       // if (isDefault == 2) return;
+        console.log('status',status)
+        console.log('user',user)
       if (status === "success") {
         this.$store.commit("updateUserInfo", user);
         this.$store.dispatch("updateUserPermission", { email: user.email });
@@ -32,8 +34,8 @@ export default {
           appId: "merchant-op-auditing",
         });
       } else {
-        redirectToLogin();
-    }
+        return redirectToLogin();
+      }
   },
   computed: {
    

src/components/PageHeader/index.vue

@@ -6,7 +6,7 @@
       text-color="#fff"
       :default-active="activeMenu"
       active-text-color="#ffd04b"
-      mode="vertical"
+      mode="horizontal"
     >
       <el-menu-item
           v-for="item in menuItemsWithAuth"
@@ -16,7 +16,7 @@
           {{ item.name }}
       </el-menu-item>
       <el-menu-item key="usermenu" class="user-menu">
-        <user></user>
+        <user @logout="handleLogout"></user>
       </el-menu-item>
     </el-menu>
   </div>
@@ -25,7 +25,8 @@
 <script>
 import { HEADER_CONFIG } from "@/config/pageconfig";
 import User from './User.vue';
-
+import { createNamespacedHelpers } from 'vuex'
+const { mapActions } = createNamespacedHelpers('login')
 const { menuItems } = HEADER_CONFIG;
 
 export default {
@@ -50,7 +51,12 @@ export default {
   },
   beforeMount () {
   },
-  methods: {},
+  methods: {
+    ...mapActions(['logout']),
+    handleLogout() {
+      this.logout()
+    },
+  },
 };
 </script>
 
@@ -60,7 +66,7 @@ export default {
   line-height: 60px;
   width: 100%;
 }
-.header-menu .user-menu {
+.user-menu {
   float: right !important;
   margin-right: 20px;
 }

src/pages/Role/role-detail.vue

 <template>
-  <RoleDetail appId="merchant-op" />
+  <RoleDetail />
 </template>
 <script>
 import RoleDetail from "@/components/Roles/RoleDetail";

src/service/user.js

@@ -14,7 +14,7 @@ export async function j_login (userInfo) {
 export async function fetchCurrentUser () {
   let isDefault = window.localStorage.getItem('isDefault');
   let username = getCookie('username')
-  if(isDefault == 2) return {user: {email:username, status: 'success'}};
+  if(isDefault == 2) return {user:{email:username}, status: 'success'};
   return await axios.get("/api/v1/fetch_user");
 }