|
@ -40,9 +40,9 @@ |
|
|
<ACol :span="12"> |
|
|
<ACol :span="12"> |
|
|
<FormItem :style="{ 'text-align': 'right' }"> |
|
|
<FormItem :style="{ 'text-align': 'right' }"> |
|
|
<!-- No logic, you need to deal with it yourself --> |
|
|
<!-- No logic, you need to deal with it yourself --> |
|
|
<Button type="link" size="small" @click="setLoginState(LoginStateEnum.RESET_PASSWORD)"> |
|
|
|
|
|
|
|
|
<!-- <Button type="link" size="small" @click="setLoginState(LoginStateEnum.RESET_PASSWORD)"> |
|
|
{{ t('sys.login.forgetPassword') }} |
|
|
{{ t('sys.login.forgetPassword') }} |
|
|
</Button> |
|
|
|
|
|
|
|
|
</Button> --> |
|
|
</FormItem> |
|
|
</FormItem> |
|
|
</ACol> |
|
|
</ACol> |
|
|
</ARow> |
|
|
</ARow> |
|
@ -55,7 +55,7 @@ |
|
|
{{ t('sys.login.registerButton') }} |
|
|
{{ t('sys.login.registerButton') }} |
|
|
</Button> --> |
|
|
</Button> --> |
|
|
</FormItem> |
|
|
</FormItem> |
|
|
<ARow class="enter-x"> |
|
|
|
|
|
|
|
|
<!-- <ARow class="enter-x"> |
|
|
<ACol :md="8" :xs="24"> |
|
|
<ACol :md="8" :xs="24"> |
|
|
<Button block @click="setLoginState(LoginStateEnum.MOBILE)"> |
|
|
<Button block @click="setLoginState(LoginStateEnum.MOBILE)"> |
|
|
{{ t('sys.login.mobileSignInFormTitle') }} |
|
|
{{ t('sys.login.mobileSignInFormTitle') }} |
|
@ -71,16 +71,16 @@ |
|
|
{{ t('sys.login.registerButton') }} |
|
|
{{ t('sys.login.registerButton') }} |
|
|
</Button> |
|
|
</Button> |
|
|
</ACol> |
|
|
</ACol> |
|
|
</ARow> |
|
|
|
|
|
|
|
|
</ARow> --> |
|
|
|
|
|
|
|
|
<Divider class="enter-x">{{ t('sys.login.otherSignIn') }}</Divider> |
|
|
|
|
|
|
|
|
<!-- <Divider class="enter-x">{{ t('sys.login.otherSignIn') }}</Divider> |
|
|
|
|
|
|
|
|
<div class="flex justify-evenly enter-x" :class="`${prefixCls}-sign-in-way`"> |
|
|
<div class="flex justify-evenly enter-x" :class="`${prefixCls}-sign-in-way`"> |
|
|
<a @click="onThirdLogin('github')" title="github"><GithubFilled /></a> |
|
|
<a @click="onThirdLogin('github')" title="github"><GithubFilled /></a> |
|
|
<a @click="onThirdLogin('wechat_enterprise')" title="企业微信"> <icon-font class="item-icon" type="icon-qiyeweixin3" /></a> |
|
|
<a @click="onThirdLogin('wechat_enterprise')" title="企业微信"> <icon-font class="item-icon" type="icon-qiyeweixin3" /></a> |
|
|
<a @click="onThirdLogin('dingtalk')" title="钉钉"><DingtalkCircleFilled /></a> |
|
|
<a @click="onThirdLogin('dingtalk')" title="钉钉"><DingtalkCircleFilled /></a> |
|
|
<a @click="onThirdLogin('wechat_open')" title="微信"><WechatFilled /></a> |
|
|
<a @click="onThirdLogin('wechat_open')" title="微信"><WechatFilled /></a> |
|
|
</div> |
|
|
|
|
|
|
|
|
</div> --> |
|
|
</Form> |
|
|
</Form> |
|
|
<!-- 第三方登录相关弹框 --> |
|
|
<!-- 第三方登录相关弹框 --> |
|
|
<ThirdModal ref="thirdModalRef"></ThirdModal> |
|
|
<ThirdModal ref="thirdModalRef"></ThirdModal> |
|
@ -122,8 +122,8 @@ |
|
|
const rememberMe = ref(false); |
|
|
const rememberMe = ref(false); |
|
|
|
|
|
|
|
|
const formData = reactive({ |
|
|
const formData = reactive({ |
|
|
account: 'admin', |
|
|
|
|
|
password: '123456', |
|
|
|
|
|
|
|
|
account: '', |
|
|
|
|
|
password: '', |
|
|
inputCode: '', |
|
|
inputCode: '', |
|
|
}); |
|
|
}); |
|
|
const randCodeData = reactive({ |
|
|
const randCodeData = reactive({ |
|
|