获取当前角色

src/store/modules/systemStore.js

@@ -13,7 +13,7 @@ const INITIALIZE = {
   stsClientInfo: {},
 };
 try {
-  const  SYSTEM_STORE = getLocalStorage("SYSTEM_STORE")
+  const SYSTEM_STORE = getLocalStorage("SYSTEM_STORE")
   for (const key in SYSTEM_STORE) {
     const value = getLocalStorage(key)
     if (value) INITIALIZE[key] = value
@@ -28,7 +28,7 @@ export const useSystemStore = defineStore({
     ...INITIALIZE,
   }),
   getters: {
-    getLocalLoading(){
+    getLocalLoading() {
       return this.local_loading
     },
     getToken() {
@@ -82,7 +82,7 @@ export const useSystemStore = defineStore({
             return infoData
           }
           getInfoData(info)
-        
+
           const client = new windowVar.OSS({
             ...this.stsClientInfo,
             refreshSTSToken: async () => {
@@ -110,6 +110,11 @@ export const useSystemStore = defineStore({
       };
       return stsFn
     },
+    getRole() {
+      if (this.role) return this.role;
+      this.role = window.localStorage?.role || "";
+      return this.role;
+    },
   },
   actions: {
     localLoading(value = false) {

src/views/login/login-form.vue

@@ -2,34 +2,25 @@
   <div class="login-form-wrapper">
     <div class="login-form-title">登陆 Admin</div>
     <div class="login-form-sub-title">Login to ADMIN</div>
-    
-    <a-form ref="loginForm" :model="formData" class="login-form"  @submit-success="handleSubmit">
-      <a-form-item
-        field="username"
-        :rules="[{ required: true, message: '用户名不能为空' }]"
-        :validate-trigger="['change', 'blur']"
-        hide-label
-      >
+
+    <a-form ref="loginForm" :model="formData" class="login-form" @submit-success="handleSubmit">
+      <a-form-item field="username" :rules="[{ required: true, message: '用户名不能为空' }]"
+        :validate-trigger="['change', 'blur']" hide-label>
         <a-input v-model="formData.username" placeholder="用户名：">
           <template #prefix>
             <icon-user />
           </template>
         </a-input>
       </a-form-item>
-      <a-form-item
-        field="password"
-        :rules="[{ required: true, message: '密码不能为空' }]"
-        :validate-trigger="['change', 'blur']"
-        hide-label
-        
-      >
+      <a-form-item field="password" :rules="[{ required: true, message: '密码不能为空' }]"
+        :validate-trigger="['change', 'blur']" hide-label>
         <a-input-password v-model="formData.password" placeholder="密码：" allow-clear>
           <template #prefix>
             <icon-lock />
           </template>
         </a-input-password>
       </a-form-item>
-    
+
 
       <a-space :size="16" direction="vertical">
         <div class="login-form-password-actions">
@@ -48,14 +39,14 @@
 import { ref, reactive } from 'vue'
 import { encryptByDES } from "@/utils"
 import { loginApi } from "@/api/path/login.api"
-import { useSystemStore  } from "@/store/modules/systemStore"
+import { useSystemStore } from "@/store/modules/systemStore"
 import { useRouter } from 'vue-router'
 import { updateRouteByMenu } from '@/router/router.update'
 
 
 const router = useRouter()
 const formData = ref({
-  username:localStorage.remember_user_name
+  username: localStorage.remember_user_name
 })
 const formLoading = ref(false)
 const rememberPassword = ref(true)
@@ -68,7 +59,7 @@ const handleSubmit = async () => {
     password: encryptByDES(formData.value.password)
   })
   window.localStorage.setItem('remember_user_name', formData.value.username)
- 
+
   systemStore.setStateValue({
     key: 'token',
     value: data.token,
@@ -79,6 +70,11 @@ const handleSubmit = async () => {
     value: JSON.stringify(data.userInfo),
     localStorage: true,
   })
+  systemStore.setStateValue({
+    key: 'role',
+    value: data.user_type,
+    localStorage: true,
+  })
   await updateRouteByMenu(router, systemStore)
   router.push({
     path: "/",
@@ -93,18 +89,19 @@ const setRememberPassword = (e) => {
 </script>
 
 <style lang="less" scoped>
-
-.login-form-wrapper{
+.login-form-wrapper {
   margin: 0 1rem;
 }
+
 .login-form {
   margin-top: 32px;
+
   &-wrapper {
     width: 320px;
   }
 
   &-title {
-    color:  @text_color_1;
+    color: @text_color_1;
     font-weight: 500;
     font-size: 24px;
     line-height: 32px;