{"version":3,"file":"index-BzkhEli8.js","sources":["../../src/pages/Login/index.vue"],"sourcesContent":["<template>\n  <div class=\"login-page box st-container\">\n    <div class=\"switch-lang\">\n      <div class=\"box-l\">\n        <p class=\"switch-lang-text\">{{$t('login.switchTheOperatingPageLanguage')}}</p>\n        <el-dropdown>\n          <div class=\"el-dropdown-link box-l\">\n            <p > {{ pageData.lang }}</p>\n            <svg width=\"10\" height=\"7\" viewBox=\"0 0 10 7\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" style=\"margin: 2px 0 0 6px;\">\n              <rect x=\"0.707107\" width=\"5.74961\" height=\"0.958268\" rx=\"0.479134\" transform=\"matrix(0.737901 -0.674909 0.737901 0.674909 3.77908 5.19598)\" fill=\"#333333\" stroke=\"#333333\" stroke-width=\"0.958268\"/>\n              <rect x=\"-0.707107\" width=\"5.74961\" height=\"0.958268\" rx=\"0.479134\" transform=\"matrix(-0.737901 -0.674909 -0.737901 0.674909 5.1344 4.24152)\" fill=\"#333333\" stroke=\"#333333\" stroke-width=\"0.958268\"/>\n            </svg>\n          </div>\n          <template #dropdown>\n            <el-dropdown-menu>\n              <el-dropdown-item v-if=\"pageData.lang!=='English'\" @click=\"changeLang('en')\">English</el-dropdown-item>\n              <el-dropdown-item v-if=\"pageData.lang!=='Tiếng Việt'\" @click=\"changeLang('vi')\">Tiếng Việt</el-dropdown-item>\n            </el-dropdown-menu>\n          </template>\n        </el-dropdown>\n      </div>\n    </div>\n    \n    <div class=\"block\">\n      <div class=\"oblique\" />\n    </div>\n    <div>\n      <img class=\"logo\" src=\"https://appletservice.oss-cn-hangzhou.aliyuncs.com/WooshCreator/logo.png\" />\n      <!-- <p class=\"logo\">WooshCreator</p> -->\n      <div class=\"sign-container\">\n        <div class=\"sign-test\">{{$t('login.signIn')}}</div>\n        <el-form\n          ref=\"formRef\"\n          :model=\"pageData.formInline\"\n          :rules=\"rules\"\n          label-position=\"top\"\n          hide-required-asterisk\n          class=\"sign-form\"\n        >\n          <el-form-item :label=\"$t('login.email')\" prop=\"username\">\n            <el-input clearable v-model.trim=\"pageData.formInline.username\" />\n          </el-form-item>\n          <el-form-item :label=\"$t('login.password')\" prop=\"password\" class=\"password\">\n            <el-input\n              placeholder=\"•••••••••\"\n              v-model.trim=\"pageData.formInline.password\"\n              :type=\"pageData.isOpenPwd ? 'text' : 'password'\"\n            />\n            <img\n              class=\"eye\"\n              v-show=\"pageData.formInline.password\"\n              @click=\"pageData.isOpenPwd = !pageData.isOpenPwd\"\n              :src=\"pageData.isOpenPwd ? closeEye : openEye\"\n            />\n            <!-- <p class=\"tip\">If your email is not yet registered, clicking Sign in will automatically create an account for you.</p> -->\n          </el-form-item>\n          \n        </el-form>\n        <el-button type=\"primary\" :loading=\"pageData.signInLoading\" class=\"ys-button-primary login-button\" @click=\"signIn\">{{$t('login.signIn')}}</el-button>\n        <div class=\"exchange\">\n          {{$t('login.dontHaveAnAccount')}}?\n          <span @click=\"goRegister\">{{$t('login.createAnAccount')}}</span>\n        </div>\n      </div>\n      <div class=\"privacy\" >\n        <span @click=\"openPolicy\">{{$t('login.privacyPolicy')}}</span>\n        <span @click=\"openConditions\">{{$t('login.termsAndConditions')}}</span>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport { https } from \"@/utils/request\";\nimport { encrypt } from \"@/utils/rsaEncrypt\";\nimport { ElMessage, ElMessageBox } from \"element-plus\";\nimport {\n  ref,\n  watch,\n  onMounted,\n  reactive,\n  nextTick,\n  computed,\n  getCurrentInstance\n} from \"vue\";\nimport { useTag } from \"@/hooks\";\nimport { useRouter, useRoute } from \"vue-router\";\nimport { GenerateTopic } from \"@/api\";\n\nimport {useUserSotre} from \"@/store/user\"\nimport { storeToRefs } from \"pinia\";\nimport { useI18n } from \"vue-i18n\"\nconst { t: $t } = useI18n()\nconst {locale} =  useI18n()\n// import i18n from '@/locale/index.js'\n// const userStore = useUserSotre()\n// const {name, age, count} = storeToRefs(userStore)\n// console.log(name.value, age, count,'12345')\n\nconst router = useRouter();\nconst route = useRoute()\nconsole.log(route.query,'1234')\n\n// if(lang){\n//   localStorage.setItem('lang', lang)\n//   locale.value = lang\n// }\n// console.log(lang,'lang')\n\n// console.log(i18n,'i18n')\nconst rules = {\n  username: [\n    {\n      required: true,\n      trigger: \"blur\",\n      message: \"The field is required.\"\n    }\n  ],\n  password: [\n    {\n      required: true,\n      trigger: \"blur\",\n      message: \"The field is required.\"\n    },\n    {\n      trigger: \"blur\",\n      min: 6,\n      max: 30,\n      message: \"The password contains 6 to 30 characters.\"\n    }\n  ]\n};\nconst openEye =\n  \"https://appletservice.oss-accelerate.aliyuncs.com/weiboH5/upload/ob-new-eye-open.png\";\nconst closeEye =\n  \"https://appletservice.oss-accelerate.aliyuncs.com/weiboH5/upload/ob-new-eye-close.png\";\nconst formRef = ref();\n\nconst languageName = {\n  en: 'English',\n  vi: 'Tiếng Việt'\n};\n\nconst pageData = reactive({\n  formInline: {\n    username: \"\",\n    password: \"\"\n  },\n  isOpenPwd: false,\n  signInLoading: false,\n  lang: languageName[locale.value]\n});\n\nconst changeLang = (lang) => {\n  locale.value = lang\n  pageData.lang = languageName[lang]\n  localStorage.setItem('lang', lang)\n}\n\n// signIn\nconst signIn = () => {\n  formRef.value.validate(valid => {\n    if (valid) {\n      pageData.signInLoading = true\n      https({\n        url: \"/auth/login\",\n        method: \"post\",\n        data: {\n          username: pageData.formInline.username,\n          password: encrypt(pageData.formInline.password),\n        }\n      }).then((res)=>{\n        pageData.signInLoading = false\n        if(res.code){\n          ElMessage({\n            message: res.msg,\n            type: 'error',\n          })\n          return\n        }\n        const { token, user } = res\n        localStorage.setItem('token', token)\n        const userInfo = {\n          username: user.user.username,\n          id: user.user.acctId\n        }\n        localStorage.setItem('userInfo', JSON.stringify(userInfo))\n        \n        router.push({\n          path: \"/creator\"\n        });\n      }).catch(({message})=>{\n        pageData.signInLoading = false\n        ElMessage.error(message)\n      })\n    }\n  });\n};\nconst openPolicy = () => {\n  window.open(\"https://www.wooshpay.com/wooshcreator-privacy-cookies-data-handling-policy/\")\n}\n\nconst openConditions =()=>{\n  window.open(\"https://www.wooshpay.com/wooshcreator-terms-of-service/\")\n}\n\n// register\nconst goRegister = () => {\n  router.push({\n    path: \"/register\"\n  });\n};\nonMounted(()=>{\n  localStorage.removeItem(\"token\");\n  localStorage.removeItem('creatorPrePayData')\n})\n\n</script>\n\n<style lang=\"scss\" scoped>\n\n.switch-lang{\n  font-size: 14px;\n  font-weight: 400;\n  position: absolute;\n  top: 29px;\n  right: 48px;\n  z-index: 10;\n  color: #333;\n  .switch-lang-text{\n    margin-right: 36px;\n  }\n  .el-dropdown-link{\n    font-size: 14px;\n    font-weight: 600;\n    color: #333;\n    cursor: pointer;\n    &:focus{\n      outline: none;\n    }\n  }\n}\n\n.login-page {\n  width: 100vw;\n  height: 100vh;\n  background: red;\n  overflow: hidden;\n}\n\n// TODO\n.forget {\n  position: absolute;\n  top: 3px;\n  right: 0;\n  color: #00beff;\n  font-size: 14px;\n  line-height: 18px;\n  font-weight: 500;\n  cursor: pointer;\n}\n\n.st-container {\n  position: relative;\n  width: 100vw;\n  height: 100vh;\n  // background: #F6F8FF;\n  background: #f0f7ff;\n  box-sizing: border-box;\n  .bg {\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    width: 100%;\n    height: 100%;\n    img {\n      max-width: 1000px;\n      height: auto;\n      margin: 0 auto;\n    }\n  }\n  .block {\n    position: absolute;\n    top: 42%;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    width: 100%;\n    height: 100%;\n    // opacity: 0.4;\n    .oblique {\n      width: 200%;\n      height: 100%;\n      background: rgb(255, 255, 255);\n      transform: rotate(-6deg);\n      box-shadow: -1px -1px 1px rgba(225, 225, 225, 0.21),\n        8px 8px 10px rgba(23, 22, 113, 0.02);\n      backdrop-filter: blur(30px);\n    }\n  }\n  .main {\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    width: 100%;\n    height: 100%;\n    overflow: auto;\n\n    .sign {\n      min-height: 90vh;\n      flex: 1;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n    }\n    .footer {\n      min-height: 10vh;\n      text-align: center;\n    }\n    .contact {\n      display: flex;\n      justify-content: center;\n      color: #666;\n      font-size: 14px;\n      line-height: 28px;\n      margin-bottom: 12px;\n    }\n    .privacy {\n      color: #666666;\n      opacity: 0.6;\n      font-size: 14px;\n      line-height: 28px;\n      span {\n        cursor: pointer;\n      }\n      span:first-child {\n        margin-right: 20px;\n      }\n    }\n  }\n}\n\n.privacy {\n  margin-top: 20px;\n  position: relative;\n  color: #666666;\n  opacity: 0.6;\n  font-size: 14px;\n  line-height: 28px;\n  text-align: center;\n  span {\n    cursor: pointer;\n  }\n  span:first-child {\n    margin-right: 20px;\n  }\n}\n:deep(.sign-logo) {\n  margin-bottom: 14px;\n  img {\n    width: 194px;\n    height: 42px;\n  }\n}\n:deep(.sign-container) {\n  box-sizing: border-box;\n  width: 530px;\n  padding: 50px;\n  box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1);\n  background: #fff;\n  // background: linear-gradient(81.09deg, rgba(240, 243, 255, 0.7) 4.89%, rgba(243, 246, 255, 0.7) 26.35%, rgba(252, 252, 255, 0.7) 58.11%);\n  backdrop-filter: blur(30px);\n  border-radius: 8px;\n  h1 {\n    color: #333;\n    font-size: 28px;\n    line-height: 28px;\n    font-weight: 700;\n    margin-bottom: 40px;\n  }\n  .btn {\n    width: 100%;\n    margin-top: 28px;\n    margin-bottom: 32px;\n  }\n  .exchange {\n    margin-top: 32px;\n    color: #666;\n    font-size: 14px;\n    line-height: 22px;\n    text-align: center;\n    span {\n      color: #00beff;\n      margin-left: 20px;\n      cursor: pointer;\n    }\n  }\n  .eye {\n    position: absolute;\n    right: 12px;\n    top: 10px;\n    display: block;\n    width: 18px;\n    height: 18px;\n    cursor: pointer;\n  }\n}\n:deep(.sign-form) {\n  .el-form-item {\n    margin-bottom: 20px;\n    .el-form-item__content {\n      line-height: 0;\n    }\n    .el-input__inner {\n      height: 36px;\n      padding: 0 16px;\n    }\n  }\n  .el-form-item__label {\n    color: #666;\n    font-size: 16px;\n    line-height: 22px;\n    font-weight: 500;\n    margin-bottom: 8px;\n  }\n  .el-form-item__error {\n    padding-left: 16px;\n  }\n  .el-form-item__error::before {\n    content: \"\";\n    display: block;\n    width: 14px;\n    height: 14px;\n    position: absolute;\n    top: 2px;\n    left: 0;\n    background: url(\"https://appletservice.oss-cn-hangzhou.aliyuncs.com/weiboH5/upload/ob-error.png\")\n      no-repeat;\n    background-size: cover;\n  }\n}\n// @media screen and (max-width: 1600px) {\n//   .sign-container {\n//     padding: 24px 50px 20px;\n//     h1 {\n//       font-size: 28px;\n//       margin-bottom: 20px;\n//     }\n//     .btn {\n//       margin-bottom: 20px;\n//     }\n//   }\n//   /deep/ .sign-form {\n//     .el-form-item {\n//       margin-bottom: 10px;\n//     }\n//     .el-form-item__label {\n//       font-size: 14px;\n//       margin-bottom: 4px;\n//     }\n//   }\n// }\n@media only screen and (max-width: 767px) {\n  :deep(.sign-container) {\n    width: 92vw;\n    padding: 17px 27px 17px;\n    h1 {\n      font-size: 28px;\n      margin-bottom: 30px;\n    }\n  }\n  :deep(.sign-logo) {\n    img {\n      width: 150px;\n      height: 31px;\n    }\n  }\n  :deep(.tip) {\n    display: none !important;\n  }\n}\n.login-button {\n  margin-top: 16px;\n}\n\n.ys-button-primary {\n  width: 100%;\n  background: #00beff;\n  border: none;\n  height: 40px;\n  // border: 2px solid #00beff;\n}\n\n.logo{\n  display: block;\n  width: 194px;\n  margin-bottom: 20px;\n}\n.tip{\n  margin-top: 12px;\n  font-size: 12px;\n  font-weight: 400;\n  line-height: 16px;\n  text-align: left;\n  color: #666;\n}\n\n.sign-test{\nfont-size: 32px;\nfont-weight: 700;\nline-height: 1;\ntext-align: left;\ncolor: #333;\nmargin-bottom: 36px;\n}\n</style>\n"],"names":["openEye","closeEye","$t","useI18n","locale","router","useRouter","route","useRoute","rules","formRef","ref","languageName","pageData","reactive","changeLang","lang","signIn","valid","https","encrypt","res","ElMessage","token","user","userInfo","message","openPolicy","openConditions","goRegister","onMounted"],"mappings":"uqBAoIMA,GACJ,uFACIC,GACJ,qHA3CF,KAAM,CAAE,EAAGC,CAAI,EAAGC,EAAS,EACrB,CAAC,OAAAC,CAAM,EAAKD,EAAS,EAMrBE,EAASC,EAAS,EAClBC,EAAQC,EAAU,EACxB,QAAQ,IAAID,EAAM,MAAM,MAAM,EAS9B,MAAME,EAAQ,CACZ,SAAU,CACR,CACE,SAAU,GACV,QAAS,OACT,QAAS,wBACV,CACF,EACD,SAAU,CACR,CACE,SAAU,GACV,QAAS,OACT,QAAS,wBACV,EACD,CACE,QAAS,OACT,IAAK,EACL,IAAK,GACL,QAAS,2CACV,CACF,CACH,EAKMC,EAAUC,EAAG,EAEbC,EAAe,CACnB,GAAI,UACJ,GAAI,YACN,EAEMC,EAAWC,EAAS,CACxB,WAAY,CACV,SAAU,GACV,SAAU,EACX,EACD,UAAW,GACX,cAAe,GACf,KAAMF,EAAaR,EAAO,KAAK,CACjC,CAAC,EAEKW,EAAcC,GAAS,CAC3BZ,EAAO,MAAQY,EACfH,EAAS,KAAOD,EAAaI,CAAI,EACjC,aAAa,QAAQ,OAAQA,CAAI,CACnC,EAGMC,EAAS,IAAM,CACnBP,EAAQ,MAAM,SAASQ,GAAS,CAC1BA,IACFL,EAAS,cAAgB,GACzBM,EAAM,CACJ,IAAK,cACL,OAAQ,OACR,KAAM,CACJ,SAAUN,EAAS,WAAW,SAC9B,SAAUO,EAAQP,EAAS,WAAW,QAAQ,CAC/C,CACT,CAAO,EAAE,KAAMQ,GAAM,CAEb,GADAR,EAAS,cAAgB,GACtBQ,EAAI,KAAK,CACVC,EAAU,CACR,QAASD,EAAI,IACb,KAAM,OAClB,CAAW,EACD,MACD,CACD,KAAM,CAAE,MAAAE,EAAO,KAAAC,CAAI,EAAKH,EACxB,aAAa,QAAQ,QAASE,CAAK,EACnC,MAAME,EAAW,CACf,SAAUD,EAAK,KAAK,SACpB,GAAIA,EAAK,KAAK,MACf,EACD,aAAa,QAAQ,WAAY,KAAK,UAAUC,CAAQ,CAAC,EAEzDpB,EAAO,KAAK,CACV,KAAM,UAChB,CAAS,CACF,CAAA,EAAE,MAAM,CAAC,CAAC,QAAAqB,CAAO,IAAI,CACpBb,EAAS,cAAgB,GACzBS,EAAU,MAAMI,CAAO,CAC/B,CAAO,EAEP,CAAG,CACH,EACMC,EAAa,IAAM,CACvB,OAAO,KAAK,6EAA6E,CAC3F,EAEMC,EAAgB,IAAI,CACxB,OAAO,KAAK,yDAAyD,CACvE,EAGMC,EAAa,IAAM,CACvBxB,EAAO,KAAK,CACV,KAAM,WACV,CAAG,CACH,EACA,OAAAyB,EAAU,IAAI,CACZ,aAAa,WAAW,OAAO,EAC/B,aAAa,WAAW,mBAAmB,CAC7C,CAAC"}