diff --git a/src/views/login.vue b/src/views/login.vue
index 560187a..af98f01 100644
--- a/src/views/login.vue
+++ b/src/views/login.vue
@@ -38,16 +38,16 @@
       </el-form-item>
       <div style="display: flex;justify-content: flex-end;flex-direction: row;">
         <el-button circle>
-          <svg-icon icon-class="qq" />
+          <svg-icon icon-class="qq" @click="doSocialLogin('QQ')" />
         </el-button>
         <el-button circle>
-          <svg-icon icon-class="wechat" />
+          <svg-icon icon-class="wechat" @click="doSocialLogin('Wechat')" />
         </el-button>
         <el-button circle>
           <svg-icon icon-class="gitee" @click="doSocialLogin('gitee')" />
         </el-button>
         <el-button circle>
-          <svg-icon icon-class="github" />
+          <svg-icon icon-class="github" @click="doSocialLogin('github')" />
         </el-button>
       </div>
     </el-form>
@@ -65,7 +65,7 @@ import Cookies from 'js-cookie';
 import { encrypt, decrypt } from '@/utils/jsencrypt';
 import { useUserStore } from '@/store/modules/user';
 import { LoginData, TenantVO } from '@/api/types';
-import { FormRules } from 'element-plus';
+import { ElForm, FormRules } from 'element-plus';
 import { to } from 'await-to-js';
 
 const userStore = useUserStore();