|
|
@ -4,24 +4,27 @@ |
|
|
|
<div class="aui-form"> |
|
|
|
<div class="aui-form"> |
|
|
|
<div class="aui-formBox"> |
|
|
|
<div class="aui-formBox"> |
|
|
|
<div class="aui-formWell"> |
|
|
|
<div class="aui-formWell"> |
|
|
|
|
|
|
|
<div class="login-title">{{ t('sys.login.signUpFormTitle') }}</div> |
|
|
|
<a-form ref="formRef" :model="formData"> |
|
|
|
<a-form ref="formRef" :model="formData"> |
|
|
|
<div class="aui-flex aui-form-nav aui-clear-left" style="padding-bottom: 21px"> |
|
|
|
|
|
|
|
<div class="aui-flex-box activeNav on">{{ t('sys.login.signUpFormTitle') }}</div> |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
<div class="aui-form-box"> |
|
|
|
<div class="aui-form-box"> |
|
|
|
<div class="aui-account aui-account-line"> |
|
|
|
<div class="aui-account aui-account-line"> |
|
|
|
<a-form-item> |
|
|
|
<a-form-item> |
|
|
|
<div class="aui-input-line"> |
|
|
|
<div style="display: flex;align-items: center;justify-content: space-between;"> |
|
|
|
|
|
|
|
<div class="aui-input-line" style="flex: 1;"> |
|
|
|
<Icon class="aui-icon" icon="ant-design:user-outlined" /> |
|
|
|
<Icon class="aui-icon" icon="ant-design:user-outlined" /> |
|
|
|
<a-input class="fix-auto-fill" type="text" :placeholder="t('sys.login.userName')" v-model:value="formData.username" /> |
|
|
|
<a-input class="fix-auto-fill" type="text" :placeholder="t('sys.login.userName')" v-model:value="formData.username" /> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</a-form-item> |
|
|
|
<div class="aui-input-line" style="flex: 1;margin-left: 24px;"> |
|
|
|
<a-form-item> |
|
|
|
|
|
|
|
<div class="aui-input-line"> |
|
|
|
|
|
|
|
<Icon class="aui-icon" icon="ant-design:mobile-outlined" /> |
|
|
|
<Icon class="aui-icon" icon="ant-design:mobile-outlined" /> |
|
|
|
<a-input class="fix-auto-fill" type="text" :placeholder="t('sys.login.name')" v-model:value="formData.realname" /> |
|
|
|
<a-input class="fix-auto-fill" type="text" :placeholder="t('sys.login.name')" v-model:value="formData.realname" /> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
|
|
</a-form-item> |
|
|
|
</a-form-item> |
|
|
|
|
|
|
|
<!-- <a-form-item> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</a-form-item> --> |
|
|
|
<a-form-item> |
|
|
|
<a-form-item> |
|
|
|
<div class="aui-input-line"> |
|
|
|
<div class="aui-input-line"> |
|
|
|
<Icon class="aui-icon" icon="ant-design:mobile-outlined" /> |
|
|
|
<Icon class="aui-icon" icon="ant-design:mobile-outlined" /> |
|
|
@ -102,12 +105,12 @@ |
|
|
|
<!-- </a-form-item>--> |
|
|
|
<!-- </a-form-item>--> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="aui-formButton"> |
|
|
|
<div class="aui-formButton" style="display: flex;align-items: center;justify-content: center;"> |
|
|
|
<div class="aui-flex"> |
|
|
|
<div class="aui-flex"> |
|
|
|
<a class="aui-link-login aui-flex-box" @click="registerHandleClick"> {{ t('sys.login.registerButton') }}</a> |
|
|
|
<a class="aui-link-login aui-flex-box" @click="registerHandleClick"> {{ t('sys.login.registerButton') }}</a> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="aui-flex"> |
|
|
|
<div class="aui-flex"> |
|
|
|
<a class="aui-linek-code aui-flex-box" @click="goBackHandleClick">{{ t('sys.login.backSignIn') }}</a> |
|
|
|
<a class="aui-linek-code aui-flex-box" style="margin-left: 20px;" @click="goBackHandleClick">{{ t('sys.login.backSignIn') }}</a> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</a-form> |
|
|
|
</a-form> |
|
|
@ -119,7 +122,6 @@ |
|
|
|
</template> |
|
|
|
</template> |
|
|
|
|
|
|
|
|
|
|
|
<script lang="ts" setup name="mini-register"> |
|
|
|
<script lang="ts" setup name="mini-register"> |
|
|
|
|
|
|
|
|
|
|
|
import { ref, reactive, unref, toRaw, onMounted } from 'vue'; |
|
|
|
import { ref, reactive, unref, toRaw, onMounted } from 'vue'; |
|
|
|
import { getCaptcha, registerStu, getCodeInfo } from '/@/api/sys/user'; |
|
|
|
import { getCaptcha, registerStu, getCodeInfo } from '/@/api/sys/user'; |
|
|
|
import { SmsEnum } from '/@/views/sys/login/useLogin'; |
|
|
|
import { SmsEnum } from '/@/views/sys/login/useLogin'; |
|
|
@ -293,7 +295,16 @@ const randCodeData = reactive<any>({ |
|
|
|
* 初始化表单 |
|
|
|
* 初始化表单 |
|
|
|
*/ |
|
|
|
*/ |
|
|
|
function initForm() { |
|
|
|
function initForm() { |
|
|
|
Object.assign(formData, { workno: '', username: '', mobile: '', realname: '', department: '', smscode: '', password: '', confirmPassword: ''/*, policy: false*/ }); |
|
|
|
Object.assign(formData, { |
|
|
|
|
|
|
|
workno: '', |
|
|
|
|
|
|
|
username: '', |
|
|
|
|
|
|
|
mobile: '', |
|
|
|
|
|
|
|
realname: '', |
|
|
|
|
|
|
|
department: '', |
|
|
|
|
|
|
|
smscode: '', |
|
|
|
|
|
|
|
password: '', |
|
|
|
|
|
|
|
confirmPassword: '' /*, policy: false*/, |
|
|
|
|
|
|
|
}); |
|
|
|
if (!unref(timer)) { |
|
|
|
if (!unref(timer)) { |
|
|
|
showInterval.value = true; |
|
|
|
showInterval.value = true; |
|
|
|
clearInterval(unref(timer)); |
|
|
|
clearInterval(unref(timer)); |
|
|
@ -335,4 +346,8 @@ const randCodeData = reactive<any>({ |
|
|
|
left: 10px; |
|
|
|
left: 10px; |
|
|
|
font-size: 20px !important; |
|
|
|
font-size: 20px !important; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
:deep(.ant-btn-primary){ |
|
|
|
|
|
|
|
background-color: #0bd7c6; |
|
|
|
|
|
|
|
border: none; |
|
|
|
|
|
|
|
} |
|
|
|
</style> |
|
|
|
</style> |
|
|
|