|
|
|
@ -1,6 +1,6 @@
|
|
|
|
|
<script lang="ts" setup> |
|
|
|
|
import { computed, reactive, ref, unref } from 'vue' |
|
|
|
|
import { Col, Form, Input, Row } from 'ant-design-vue' |
|
|
|
|
import { Form, Input } from 'ant-design-vue' |
|
|
|
|
import { useAsyncState } from '@vueuse/core' |
|
|
|
|
import CryptoJS from 'crypto-js' |
|
|
|
|
import { LoadingOutlined } from '@ant-design/icons-vue' |
|
|
|
@ -21,7 +21,7 @@ const { notification, createErrorModal } = useMessage()
|
|
|
|
|
const { prefixCls } = useDesign('login') |
|
|
|
|
const userStore = useUserStore() |
|
|
|
|
|
|
|
|
|
const { setLoginState, getLoginState } = useLoginState() |
|
|
|
|
const { getLoginState } = useLoginState() |
|
|
|
|
const { getFormRules } = useFormRules() |
|
|
|
|
|
|
|
|
|
const formRef = ref() |
|
|
|
@ -108,23 +108,6 @@ const { state: captcha, execute: refreshCaptcha, isLoading: isLoadingCaptcha } =
|
|
|
|
|
</div> |
|
|
|
|
</FormItem> |
|
|
|
|
|
|
|
|
|
<Row class="enter-x"> |
|
|
|
|
<Col :span="12"> |
|
|
|
|
<FormItem> |
|
|
|
|
<a-button type="link" size="small" @click="setLoginState(LoginStateEnum.REGISTER)"> |
|
|
|
|
{{ t('sys.login.registerButton') }} |
|
|
|
|
</a-button> |
|
|
|
|
</FormItem> |
|
|
|
|
</Col> |
|
|
|
|
<Col :span="12"> |
|
|
|
|
<FormItem :style="{ 'text-align': 'right' }"> |
|
|
|
|
<a-button type="link" size="small" @click="setLoginState(LoginStateEnum.RESET_PASSWORD)"> |
|
|
|
|
{{ t('sys.login.forgetPassword') }} |
|
|
|
|
</a-button> |
|
|
|
|
</FormItem> |
|
|
|
|
</Col> |
|
|
|
|
</Row> |
|
|
|
|
|
|
|
|
|
<FormItem class="enter-x"> |
|
|
|
|
<a-button type="primary" size="large" block :loading="loading" @click="handleLogin"> |
|
|
|
|
{{ t('sys.login.loginButton') }} |
|
|
|
|