| | |
| | | <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>兰浦中药干燥云平台</div> |
| | | <!-- <div class="aui-image-text">--> |
| | | <!-- <img :src="adTextImg" />--> |
| | | <!-- </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"> |
| | |
| | | <a-input class="fix-auto-fill" type="password" :placeholder="t('sys.login.password')" v-model:value="formData.password" /> |
| | | </a-form-item> |
| | | </div> |
| | | <div class="aui-inputClear"> |
| | | <!-- <div class="aui-inputClear"> |
| | | <i class="icon icon-code"></i> |
| | | <a-form-item> |
| | | <a-input class="fix-auto-fill" type="text" :placeholder="t('sys.login.inputCode')" v-model:value="formData.inputCode" /> |
| | |
| | | <img v-if="randCodeData.requestCodeSuccess" :src="randCodeData.randCodeImage" @click="handleChangeCheckCode" /> |
| | | <img v-else style="margin-top: 2px; max-width: initial" :src="codeImg" @click="handleChangeCheckCode" /> |
| | | </div> |
| | | </div> |
| | | </div> --> |
| | | <div class="aui-flex"> |
| | | <div class="aui-flex-box"> |
| | | <div class="aui-choice"> |
| | |
| | | {{ 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> |
| | |
| | | /** |
| | | * 获取验证码 |
| | | */ |
| | | function handleChangeCheckCode() { |
| | | formData.inputCode = '' |
| | | // function handleChangeCheckCode() { |
| | | // formData.inputCode = '' |
| | | |
| | | randCodeData.checkKey = 1629428467008 |
| | | getCodeInfo(randCodeData.checkKey).then((res) => { |
| | | randCodeData.randCodeImage = res |
| | | randCodeData.requestCodeSuccess = true |
| | | }) |
| | | } |
| | | // randCodeData.checkKey = 1629428467008 |
| | | // getCodeInfo(randCodeData.checkKey).then((res) => { |
| | | // randCodeData.randCodeImage = res |
| | | // randCodeData.requestCodeSuccess = true |
| | | // }) |
| | | // } |
| | | |
| | | /** |
| | | * 切换登录方式 |
| | |
| | | description: error.message || t('sys.login.networkExceptionMsg'), |
| | | duration: 3, |
| | | }) |
| | | handleChangeCheckCode() |
| | | // handleChangeCheckCode() |
| | | } finally { |
| | | loginLoading.value = false |
| | | } |
| | |
| | | Object.assign(phoneFormData, { mobile: '', smscode: '' }) |
| | | type.value = 'login' |
| | | activeIndex.value = 'accountLogin' |
| | | handleChangeCheckCode() |
| | | // handleChangeCheckCode() |
| | | } |
| | | |
| | | /** |
| | |
| | | |
| | | onMounted(() => { |
| | | //加载验证码 |
| | | handleChangeCheckCode() |
| | | // handleChangeCheckCode() |
| | | }) |
| | | </script> |
| | | |