{"version":3,"file":"forgetpass-code.a5b998f5.js","sources":["../../src/view/user/login/forgetpass-code.vue"],"sourcesContent":["<template>\n  <div id=\"login-app\">\n    <div class=\"login-container\" :class=\"{ en: !$store.getters.isZh, 'is-webview': $store.getters.isInWebview || isDialog }\">\n      <LoginBg v-if=\"!isDialog\" :type=\"query?.action\" />\n      <div class=\"login-form-container\">\n        <el-form ref=\"refForm\" :model=\"formData\" :rules=\"formRules\" class=\"form-container\">\n          <p class=\"tip-info-en\" v-if=\"!$store.getters.isZh\" v-html=\"$t('Please enter the code sent to<br><span>{account}</span>', { account: loginFormData.username })\"></p>\n          <!-- 标题加验证码提示 -->\n          <div class=\"tip-info-cn\" v-if=\"$store.getters.isZh\">\n            {{ loginFormData.accountType === 'phone' ? $t('Check mobile') : $t('Check email') }}\n            <p v-html=\"$t('Please enter the code sent to<br><span>{account}</span>', { account: loginFormData.username })\"></p>\n          </div>\n          <!-- 验证码输入框 -->\n          <div v-loading=\"checkCodeLoading\">\n            <CodeInput ref=\"refCodeInput\" :size=\"4\" @on-ok=\"handleCheckCode\" class=\"code-input\" />\n          </div>\n          <div class=\"send-again-container\">\n            <p class=\"last-second\" v-if=\"lastSecond > 0\">{{ lastSecond }} {{ $t('seconds remaining to resend code') }}</p>\n            <div class=\"send-again\" v-if=\"lastSecond === 0\" @click=\"handleSendCaptchaAgain(true)\" v-loading=\"sendCaptchaLoading\">{{ $t('Resend') }}</div>\n            <p class=\"email-code-tip\" v-if=\"loginFormData.accountType === 'email'\">{{ $t('If you do not receive the email, please check your spam or junk folder.') }}</p>\n          </div>\n        </el-form>\n        <span v-if=\"!isDialog\" class=\"back\" @click=\"$router.back()\"></span>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport { getCurrentInstance, ref, onUnmounted, reactive, onMounted } from 'vue'\nimport { hasUsername, removeCaptchaCache, sendCaptcha } from '@/services/login'\nimport { verifyCaptcha } from '@/api/user/user'\nimport { useStore } from 'vuex'\nimport { useRoute, useRouter } from 'vue-router'\nimport CodeInput from '@/components/code-input.vue'\nimport enums from '@/libs/enums'\nimport { getSessionStorage, setSessionStorage } from '@/libs/utils'\nimport LoginBg from './components/login-bg.vue'\n\nconst { $t } = getCurrentInstance().proxy\n\nconst $store = useStore()\nconst $router = useRouter()\nconst { query } = useRoute()\n\nconst loginFormData = reactive($store.state.user.loginFormData)\n\ndocument.title = $t('UPDF Forgot password')\n\nconst props = defineProps({\n  username: String,\n  accountType: String,\n  type: String,\n})\nconst emits = defineEmits(['on-ok'])\n// 是否是修改密码，修改密码是以组件引入方式，重置密码是跳转方式\nconst isDialog = props.type && props.type === 'changePass'\n\nif (!isDialog && !hasUsername()) {\n  // 手动刷新页面时\n  $router.replace({ name: 'loginAccountInput' })\n}\n\n// 再次进入页面如果距离上次发送不足60秒，则继续倒计时\nconst lastSentTime = parseInt(getSessionStorage('forgetPassCodeLastTime') || 0)\nconst limitSecond = import.meta.env.MODE === 'prod' ? 60 : 10\nconst lastSecond = ref(new Date().getTime() - lastSentTime > limitSecond * 1000 ? 0 : limitSecond - parseInt((new Date().getTime() - lastSentTime) / 1000))\nconst checkCodeLoading = ref(false)\nconst sendCaptchaLoading = ref(false)\nconst refCodeInput = ref(null)\nlet timeInterval = null\n\n// 倒计时\nconst countdown = () => {\n  lastSecond.value = lastSecond.value === 0 ? limitSecond : lastSecond.value\n  timeInterval = setInterval(() => {\n    if (lastSecond.value === 1) clearInterval(timeInterval)\n    lastSecond.value--\n  }, 1000)\n}\n// 重发验证码\nconst handleSendCaptchaAgain = async (isResend = false) => {\n  if (sendCaptchaLoading.value) return\n  sendCaptchaLoading.value = true\n  try {\n    const data = await sendCaptcha(loginFormData.username, enums.sendCaptchaType.forgetPass, isResend)\n    loginFormData.codeId = data.codeId\n    $store.state.user.loginFormData.codeId = data.codeId\n    setSessionStorage('forgetPassCodeLastTime', new Date().getTime())\n    refCodeInput.value.clearCode()\n    countdown()\n  } catch (err) {\n    console.log(err)\n  }\n  sendCaptchaLoading.value = false\n}\n\n// 检测验证码是否有效\nconst handleCheckCode = async code => {\n  if (checkCodeLoading.value || !code) return\n  const requestData = {\n    username: loginFormData.username,\n    code: parseInt(code),\n    type: enums.sendCaptchaType.forgetPass,\n    codeId: loginFormData.codeId,\n  }\n  checkCodeLoading.value = true\n  try {\n    await verifyCaptcha(requestData)\n    removeCaptchaCache(loginFormData.username, enums.sendCaptchaType.forgetPass)\n    $store.state.user.loginFormData.code = parseInt(code)\n    if (isDialog) {\n      emits('on-ok')\n    } else {\n      $router.push({ name: 'loginForgetpass' })\n    }\n  } catch (err) {\n    refCodeInput.value.clearCode()\n    console.log(err)\n  }\n  checkCodeLoading.value = false\n}\n\nonMounted(() => {\n  if (isDialog) {\n    const { username, accountType } = props\n    loginFormData.username = username\n    loginFormData.accountType = accountType\n  }\n  // 第一次进来页面发送验证码\n  if (lastSecond.value === 0) {\n    handleSendCaptchaAgain()\n  } else {\n    countdown()\n  }\n})\n\nonUnmounted(() => {\n  clearInterval(timeInterval)\n})\n</script>\n\n<style lang=\"scss\" scoped>\n@import './index.scss';\n.login-form-container {\n  justify-content: center;\n}\n.login-container.en .form-container {\n  padding-top: 0;\n}\n.tip-info {\n  margin-top: 90px;\n  font-size: 18px;\n  line-height: 32px;\n  font-weight: 700;\n  text-align: center;\n}\n.code-input {\n  margin: 0 auto;\n  margin-top: 50px;\n}\n.send-again-container {\n  margin-top: 54px;\n  .last-second,\n  .send-again {\n    font-size: 12px;\n    line-height: 20px;\n    color: #8a8a8a;\n  }\n  .send-again {\n    background: url(@/assets/recend.png) left center no-repeat;\n    background-size: 16px auto;\n  }\n  .send-again,\n  .password-login,\n  .other-login-type {\n    padding-left: 20px;\n  }\n  .send-again,\n  .password-login {\n    display: block;\n    cursor: pointer;\n    color: $primary-disabled-font-color;\n    &:hover {\n      color: $primary-font-color;\n    }\n  }\n  .email-code-tip {\n    font-size: 12px;\n    color: #8a8a8a;\n    margin-top: 4px;\n  }\n  .password-login {\n    display: none;\n    font-size: 12px;\n    margin-top: 16px;\n  }\n  .other-login-type {\n    display: none;\n    margin-top: 53px;\n  }\n  &.account-is-exist {\n    .password-login,\n    .other-login-type {\n      display: block;\n    }\n  }\n}\n</style>\n"],"names":["$t","getCurrentInstance","$store","useStore","$router","useRouter","query","useRoute","loginFormData","reactive","isDialog","props","hasUsername","lastSentTime","getSessionStorage","limitSecond","lastSecond","ref","checkCodeLoading","sendCaptchaLoading","refCodeInput","timeInterval","countdown","handleSendCaptchaAgain","isResend","data","sendCaptcha","enums","setSessionStorage","err","handleCheckCode","code","requestData","verifyCaptcha","removeCaptchaCache","emits","onMounted","username","accountType","onUnmounted"],"mappings":"28BAuCA,CAAA,GAAAA,CAAA,EAAAC,EAAA,EAAA,MAEAC,EAAAC,EAAA,EACAC,EAAAC,EAAA,EACA,CAAA,MAAAC,CAAA,EAAAC,EAAA,EAEAC,EAAAC,EAAAP,EAAA,MAAA,KAAA,aAAA,EAEA,SAAA,MAAAF,EAAA,sBAAA,EASA,MAAAU,EAAAC,EAAA,MAAAA,EAAA,OAAA,aAEA,CAAAD,GAAA,CAAAE,KAEAR,EAAA,QAAA,CAAA,KAAA,mBAAA,CAAA,EAIA,MAAAS,EAAA,SAAAC,EAAA,wBAAA,GAAA,CAAA,EACAC,EAAA,GACAC,EAAAC,EAAA,IAAA,KAAA,EAAA,UAAAJ,EAAAE,EAAA,IAAA,EAAAA,EAAA,UAAA,IAAA,KAAA,EAAA,UAAAF,GAAA,GAAA,CAAA,EACAK,EAAAD,EAAA,EAAA,EACAE,EAAAF,EAAA,EAAA,EACAG,EAAAH,EAAA,IAAA,EACA,IAAAI,EAAA,KAGA,MAAAC,EAAA,IAAA,CACAN,EAAA,MAAAA,EAAA,QAAA,EAAAD,EAAAC,EAAA,MACAK,EAAA,YAAA,IAAA,CACAL,EAAA,QAAA,GAAA,cAAAK,CAAA,EACAL,EAAA,OACA,EAAA,GAAA,CACA,EAEAO,EAAA,MAAAC,EAAA,KAAA,CACA,GAAA,CAAAL,EAAA,MACA,CAAAA,EAAA,MAAA,GACA,GAAA,CACA,MAAAM,EAAA,MAAAC,EAAAlB,EAAA,SAAAmB,EAAA,gBAAA,WAAAH,CAAA,EACAhB,EAAA,OAAAiB,EAAA,OACAvB,EAAA,MAAA,KAAA,cAAA,OAAAuB,EAAA,OACAG,EAAA,yBAAA,IAAA,KAAA,EAAA,QAAA,CAAA,EACAR,EAAA,MAAA,UAAA,EACAE,EAAA,CACA,OAAAO,EAAA,CACA,QAAA,IAAAA,CAAA,CACA,CACAV,EAAA,MAAA,GACA,EAGAW,EAAA,MAAAC,GAAA,CACA,GAAAb,EAAA,OAAA,CAAAa,EAAA,OACA,MAAAC,EAAA,CACA,SAAAxB,EAAA,SACA,KAAA,SAAAuB,CAAA,EACA,KAAAJ,EAAA,gBAAA,WACA,OAAAnB,EAAA,MACA,EACAU,EAAA,MAAA,GACA,GAAA,CACA,MAAAe,EAAAD,CAAA,EACAE,GAAA1B,EAAA,SAAAmB,EAAA,gBAAA,UAAA,EACAzB,EAAA,MAAA,KAAA,cAAA,KAAA,SAAA6B,CAAA,EACArB,EACAyB,EAAA,OAAA,EAEA/B,EAAA,KAAA,CAAA,KAAA,iBAAA,CAAA,CAEA,OAAAyB,EAAA,CACAT,EAAA,MAAA,UAAA,EACA,QAAA,IAAAS,CAAA,CACA,CACAX,EAAA,MAAA,EACA,EAEA,OAAAkB,EAAA,IAAA,CACA,GAAA1B,EAAA,CACA,KAAA,CAAA,SAAA2B,EAAA,YAAAC,CAAA,EAAA3B,EACAH,EAAA,SAAA6B,EACA7B,EAAA,YAAA8B,CACA,CAEAtB,EAAA,QAAA,EACAO,EAAA,EAEAD,EAAA,CAEA,CAAA,EAEAiB,EAAA,IAAA,CACA,cAAAlB,CAAA,CACA,CAAA"}