|
...
|
...
|
@@ -27,9 +27,9 @@ |
|
|
|
<div class="aui-flex-box" :class="activeIndex === 'accountLogin' ? 'activeNav on' : ''" @click="loginClick('accountLogin')"
|
|
|
|
>{{ t('sys.login.signInFormTitle') }}
|
|
|
|
</div>
|
|
|
|
<div class="aui-flex-box" :class="activeIndex === 'phoneLogin' ? 'activeNav on' : ''" @click="loginClick('phoneLogin')"
|
|
|
|
>{{ t('sys.login.mobileSignInFormTitle') }}
|
|
|
|
</div>
|
|
|
|
<!-- <div class="aui-flex-box" :class="activeIndex === 'phoneLogin' ? 'activeNav on' : ''" @click="loginClick('phoneLogin')"-->
|
|
|
|
<!-- >{{ t('sys.login.mobileSignInFormTitle') }}-->
|
|
|
|
<!-- </div>-->
|
|
|
|
</div>
|
|
|
|
<div class="aui-form-box" style="height: 180px">
|
|
|
|
<a-form ref="loginRef" :model="formData" v-if="activeIndex === 'accountLogin'" @keyup.enter.native="loginHandleClick">
|
|
...
|
...
|
@@ -63,9 +63,9 @@ |
|
|
|
<span style="margin-left: 5px">{{ t('sys.login.rememberMe') }}</span>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="aui-forget">
|
|
|
|
<a @click="forgetHandelClick"> {{ t('sys.login.forgetPassword') }}</a>
|
|
|
|
</div>
|
|
|
|
<!-- <div class="aui-forget">-->
|
|
|
|
<!-- <a @click="forgetHandelClick"> {{ t('sys.login.forgetPassword') }}</a>-->
|
|
|
|
<!-- </div>-->
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</a-form>
|
|
...
|
...
|
@@ -91,42 +91,42 @@ |
|
|
|
<a-button :loading="loginLoading" class="aui-link-login" type="primary" @click="loginHandleClick">
|
|
|
|
{{ t('sys.login.loginButton') }}</a-button>
|
|
|
|
</div>
|
|
|
|
<div class="aui-flex">
|
|
|
|
<a class="aui-linek-code aui-flex-box" @click="codeHandleClick">{{ t('sys.login.qrSignInFormTitle') }}</a>
|
|
|
|
</div>
|
|
|
|
<div class="aui-flex">
|
|
|
|
<a class="aui-linek-code aui-flex-box" @click="registerHandleClick">{{ t('sys.login.registerButton') }}</a>
|
|
|
|
</div>
|
|
|
|
<!-- <div class="aui-flex">-->
|
|
|
|
<!-- <a class="aui-linek-code aui-flex-box" @click="codeHandleClick">{{ t('sys.login.qrSignInFormTitle') }}</a>-->
|
|
|
|
<!-- </div>-->
|
|
|
|
<!-- <div class="aui-flex">-->
|
|
|
|
<!-- <a class="aui-linek-code aui-flex-box" @click="registerHandleClick">{{ t('sys.login.registerButton') }}</a>-->
|
|
|
|
<!-- </div>-->
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<a-form @keyup.enter.native="loginHandleClick">
|
|
|
|
<div class="aui-flex aui-third-text">
|
|
|
|
<div class="aui-flex-box aui-third-border">
|
|
|
|
<span>{{ t('sys.login.otherSignIn') }}</span>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="aui-flex" :class="`${prefixCls}-sign-in-way`">
|
|
|
|
<div class="aui-flex-box">
|
|
|
|
<div class="aui-third-login">
|
|
|
|
<a title="github" @click="onThirdLogin('github')"><GithubFilled /></a>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="aui-flex-box">
|
|
|
|
<div class="aui-third-login">
|
|
|
|
<a title="企业微信" @click="onThirdLogin('wechat_enterprise')"><icon-font class="item-icon" type="icon-qiyeweixin3" /></a>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="aui-flex-box">
|
|
|
|
<div class="aui-third-login">
|
|
|
|
<a title="钉钉" @click="onThirdLogin('dingtalk')"><DingtalkCircleFilled /></a>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="aui-flex-box">
|
|
|
|
<div class="aui-third-login">
|
|
|
|
<a title="微信" @click="onThirdLogin('wechat_open')"><WechatFilled /></a>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<!-- <div class="aui-flex aui-third-text">-->
|
|
|
|
<!-- <div class="aui-flex-box aui-third-border">-->
|
|
|
|
<!-- <span>{{ t('sys.login.otherSignIn') }}</span>-->
|
|
|
|
<!-- </div>-->
|
|
|
|
<!-- </div>-->
|
|
|
|
<!-- <div class="aui-flex" :class="`${prefixCls}-sign-in-way`">-->
|
|
|
|
<!-- <div class="aui-flex-box">-->
|
|
|
|
<!-- <div class="aui-third-login">-->
|
|
|
|
<!-- <a title="github" @click="onThirdLogin('github')"><GithubFilled /></a>-->
|
|
|
|
<!-- </div>-->
|
|
|
|
<!-- </div>-->
|
|
|
|
<!-- <div class="aui-flex-box">-->
|
|
|
|
<!-- <div class="aui-third-login">-->
|
|
|
|
<!-- <a title="企业微信" @click="onThirdLogin('wechat_enterprise')"><icon-font class="item-icon" type="icon-qiyeweixin3" /></a>-->
|
|
|
|
<!-- </div>-->
|
|
|
|
<!-- </div>-->
|
|
|
|
<!-- <div class="aui-flex-box">-->
|
|
|
|
<!-- <div class="aui-third-login">-->
|
|
|
|
<!-- <a title="钉钉" @click="onThirdLogin('dingtalk')"><DingtalkCircleFilled /></a>-->
|
|
|
|
<!-- </div>-->
|
|
|
|
<!-- </div>-->
|
|
|
|
<!-- <div class="aui-flex-box">-->
|
|
|
|
<!-- <div class="aui-third-login">-->
|
|
|
|
<!-- <a title="微信" @click="onThirdLogin('wechat_open')"><WechatFilled /></a>-->
|
|
|
|
<!-- </div>-->
|
|
|
|
<!-- </div>-->
|
|
|
|
<!-- </div>-->
|
|
|
|
</a-form>
|
|
|
|
</div>
|
|
|
|
</div>
|
...
|
...
|
|