diff --git a/src/views/login/index.vue b/src/views/login/index.vue
index 32c87c9..770e4b6 100644
--- a/src/views/login/index.vue
+++ b/src/views/login/index.vue
@@ -1,5 +1,6 @@
 <template>
-  <div class="login-container">
+  <div class="login-container" v-loading="loginLoading" :element-loading-text="$t('login:tip:waitLogin')"
+    element-loading-spinner="el-icon-loading" element-loading-background="rgba(0, 0, 0, 0.8)">
     <div class="login-header">
       <!-- <img src="@/assets/login-logo.png" class="login-logo"> -->
     </div>
@@ -183,6 +184,8 @@ export default {
 
       toggleRoleVisible: false,
       toggleRoleLoading: false,
+
+      loginLoading: false
     }
   },
   computed: {
@@ -216,6 +219,7 @@ export default {
     }
     // }
     if (this.$route.query.token) {
+      this.loginLoading = true
       this.TJUserLoginInfo(this.$route.query.token)
     }
   },
@@ -287,6 +291,7 @@ export default {
               UserId: res[0].Id, UserTypeId: res[0].UserTypeId
             })
           }
+          this.loginLoading = false
           this.toggleRoleVisible = true
         }).catch(err => {
           console.log(err)