fix:明确文字验证码按钮类型,登录表单组件添加 文字验证码 类型
parent
4002d00672
commit
5a87a41812
|
|
@ -119,6 +119,10 @@ export default {
|
|||
}
|
||||
watchEffect(() => {
|
||||
switch (captchaType.value) {
|
||||
case 'pictureWord':
|
||||
verifyType.value = '3'
|
||||
componentType.value = 'VerifyPictureWord'
|
||||
break
|
||||
case 'blockPuzzle':
|
||||
verifyType.value = '2'
|
||||
componentType.value = 'VerifySlide'
|
||||
|
|
|
|||
|
|
@ -37,7 +37,7 @@
|
|||
}">
|
||||
<input class="verify-input" type="text" v-model="userCode" />
|
||||
</div>
|
||||
<button class="verify-btn" @click="submit" @disabled="checking">{{ t('captcha.verify') }}</button>
|
||||
<button type="button" class="verify-btn" @click="submit" :disabled="checking">{{ t('captcha.verify') }}</button>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
|
@ -48,7 +48,7 @@
|
|||
* */
|
||||
import { resetSize } from '../utils/util';
|
||||
import { aesEncrypt } from '../utils/ase';
|
||||
import { getCode, reqCheck } from 'src/api/login';
|
||||
import { getCode, reqCheck } from '@/api/login';
|
||||
import { getCurrentInstance, nextTick, onMounted, reactive, ref, toRefs } from 'vue';
|
||||
|
||||
const props = defineProps({
|
||||
|
|
|
|||
|
|
@ -177,7 +177,8 @@ const permissionStore = usePermissionStore()
|
|||
const redirect = ref<string>('')
|
||||
const loginLoading = ref(false)
|
||||
const verify = ref()
|
||||
const captchaType = ref('blockPuzzle') // blockPuzzle 滑块 clickWord 点击文字
|
||||
const captchaType = ref('pictureWord') // blockPuzzle 滑块 clickWord 点击文字 pictureWord 文字验证码
|
||||
// const captchaType = ref('blockPuzzle') // blockPuzzle 滑块 clickWord 点击文字 pictureWord 文字验证码
|
||||
|
||||
const getShow = computed(() => unref(getLoginState) === LoginStateEnum.LOGIN)
|
||||
|
||||
|
|
@ -360,4 +361,4 @@ onMounted(() => {
|
|||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
</style>
|
||||
Loading…
Reference in New Issue