| | |
| | | <div v-show="type === 'login'"> |
| | | <div class="aui-content"> |
| | | <div class="aui-container"> |
| | | <div class="aui-form"> |
| | | <div class="aui-form" style="min-height: 570px;"> |
| | | <div class="aui-image"> |
| | | <div>Lanpu</div> |
| | | <div>中药车间智能生产管理系统</div> |
| | |
| | | <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"> |
| | |
| | | {{ 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="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> |
| | | </a-form> |
| | | <!-- <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>--> |
| | | <!-- </a-form>--> |
| | | </div> |
| | | </div> |
| | | </div> |