{"version":3,"file":"js/login.3a6e2d2c.js","mappings":"4oIAgDA,MAAMA,GAASC,EAAAA,EAAAA,OACT,EAAEC,EAAC,OAAEC,IAAWC,EAAAA,EAAAA,MAChBC,GAAQC,EAAAA,EAAAA,IAAS,CACrBC,IAAK,GACLC,SAAU,GACVC,KAAM,WACNC,SAAS,EACTC,IAAK,MAEPC,EAAAA,EAAAA,KAAU,MACRC,EAAAA,EAAAA,MAASC,MAAMC,IACbV,EAAMM,IAAMI,EAAIC,KAAKL,GAAG,GACxB,IAEJ,MAAMM,EAAQN,IACZX,EAAOkB,KAAKP,EAAI,EAEZQ,EAAOA,KACXd,EAAMI,KAAqB,YAAdJ,EAAMI,KAAqB,OAAS,UAAU,EAEvDW,EAAOA,KACM,IAAbf,EAAME,KAA+B,IAAlBF,EAAMG,SAIzBH,EAAMK,UAGVL,EAAMK,SAAU,GAChBW,EAAAA,EAAAA,IAAM,CACJd,IAAKF,EAAME,IACXC,SAAUH,EAAMG,WAEfM,MAAMC,IACLO,aAAaC,QAAQ,QAASR,EAAIS,QAElCC,EAAAA,EAAAA,IAAUvB,EAAE,qBAEZwB,YAAW,KACTT,EAAK,IAAI,GACR,IAAI,IAERU,OAAOC,KACNH,EAAAA,EAAAA,IAAUG,EAAIC,IAAI,IAEnBC,SAAQ,KACPzB,EAAMK,SAAU,CAAK,MAxBvBe,EAAAA,EAAAA,IAAUvB,EAAE,gDAyBV,E,spCC1FN,MAAM6B,EAAc,EAEpB,O,gRCFA,MAAMA,EAAc,EAEpB,O,uBCPO,SAASC,EAAYC,GAC1B,OAAOA,EAAMC,QAAQ,GAAGC,QAAQ,wBAAyB,IAC3D,CAEO,SAASC,EAAWC,GACzB,MAAMC,EAAQ,CACZC,GAAI,OACJC,GAAI,UACJC,GAAI,MACJC,GAAI,KACJC,GAAI,MACJC,GAAI,cAEN,OAAON,EAAMD,EACf,C","sources":["webpack://client/./src/views/login/login.vue","webpack://client/./src/views/login/login.vue?57ce","webpack://client/./src/components/logo/index.vue","webpack://client/./src/utils/index.js"],"sourcesContent":["<template>\n  <div class=\"login\">\n    <!-- <u-swipe></u-swipe> -->\n    <img src=\"@/assets/images/gia-vang-the-gioi-15-10.jpg\" class=\"cover\" />\n    <div class=\"header\">\n      <u-logo class=\"logo\" src=\"/images/logo.png\"></u-logo>\n      <div class=\"language\" @click=\"goTo('/language')\">\n        <img src=\"@/assets/images/language.png\" />\n        <span>{{ getLangStr(locale) }}</span>\n      </div>\n    </div>\n    <div class=\"form\">\n      <div class=\"form-item\">\n        <input :placeholder=\"$t('Username or phone number')\" v-model=\"state.tel\" />\n      </div>\n      <div class=\"form-item\">\n        <input :placeholder=\"$t('Please enter password')\" :type=\"state.type\" v-model=\"state.password\" />\n        <van-icon name=\"eye-o\" class=\"eye\" size=\"24\" @click=\"open\" />\n      </div>\n      <div class=\"bnts\">\n        <div class=\"bnt-login\" @click=\"sign\">\n          <van-button :loading=\"state.loading\">{{ $t(\"Log In\") }}</van-button>\n        </div>\n        <div class=\"bnt-register\">\n          <van-button @click=\"goTo('/register')\">{{\n            $t(\"Sign Up\")\n            }}</van-button>\n        </div>\n      </div>\n      <div class=\"href\">\n        <a :href=\"state.url\">{{ $t(\"Forget password?\") }}</a>\n      </div>\n      <div class=\"copyright\">\n        <img src=\"@/assets/images/msg6618830477-17579.jpg\" /> Copyright by SJC\n      </div>\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport { showToast } from \"vant\";\nimport { reactive, onMounted } from \"vue\";\nimport { useRouter } from \"vue-router\";\nimport { useI18n } from \"vue-i18n\";\nimport { login, getCsv } from \"@/api\";\n// import uSwipe from \"./components/swipe.vue\";\nimport uLogo from \"@/components/logo\";\nimport { getLangStr } from \"@/utils\";\nconst router = useRouter();\nconst { t, locale } = useI18n();\nconst state = reactive({\n  tel: \"\", //13799252403\n  password: \"\", //admin1234\n  type: \"password\",\n  loading: false,\n  url: \"\",\n});\nonMounted(() => {\n  getCsv().then((res) => {\n    state.url = res.csv2.url;\n  });\n});\nconst goTo = (url) => {\n  router.push(url);\n};\nconst open = () => {\n  state.type = state.type == \"password\" ? \"text\" : \"password\";\n};\nconst sign = () => {\n  if (state.tel == \"\" || state.password == \"\") {\n    showToast(t(\"Please enter your login account and password\"));\n    return;\n  }\n  if (state.loading) {\n    return;\n  }\n  state.loading = true;\n  login({\n    tel: state.tel,\n    password: state.password,\n  })\n    .then((res) => {\n      localStorage.setItem(\"token\", res.token);\n\n      showToast(t(\"Login successful\"));\n\n      setTimeout(() => {\n        goTo(\"/\");\n      }, 800);\n    })\n    .catch((err) => {\n      showToast(err.msg);\n    })\n    .finally(() => {\n      state.loading = false;\n    });\n};\n</script>\n\n<style lang=\"less\">\n.login {\n  min-height: 100%;\n  padding-top: 1px;\n  overflow-y: hidden;\n  box-sizing: border-box;\n  position: relative;\n  padding-bottom: 40px;\n  background: #2d40e5;\n\n  .cover {\n    width: 100%;\n    border: 0;\n    padding: 0;\n    margin: 0;\n    position: relative;\n    top: -2px;\n  }\n\n  .header {\n    position: relative;\n\n    .logo {\n      margin: 20px auto 0 auto;\n    }\n  }\n\n  .language {\n    position: absolute;\n    right: 0;\n    top: -10px;\n\n    display: flex;\n    align-items: center;\n\n    img {\n      display: block;\n      height: 16px;\n      width: 16px;\n    }\n\n    span {\n      padding: 0 10px 0 5px;\n    }\n  }\n\n  .form {\n    margin: 20px 15px 0 15px;\n    padding: 12px 0;\n\n    &-item {\n      margin-bottom: 5px;\n      position: relative;\n\n      input {\n        border: 1px solid rgba(0, 0, 0, 0.8);\n        padding: 0 50px;\n        height: 45px;\n\n        line-height: 45px;\n        box-sizing: border-box;\n        display: block;\n        width: 100%;\n        text-align: center;\n        font-size: 16px;\n        margin-bottom: 15px;\n\n        &::-webkit-input-placeholder {\n          font-size: 16px;\n          color: #bbb8b8;\n        }\n\n        &:focus {\n          border-color: #6d00c3 !important;\n          outline: none;\n        }\n      }\n\n      .eye {\n        position: absolute;\n        right: 10px;\n        top: 50%;\n        transform: translateY(-50%);\n        font-size: 24px;\n      }\n    }\n  }\n\n  .bnts {\n    display: flex;\n    justify-content: center;\n  }\n\n  .bnt-login,\n  .bnt-register {\n    margin: 0 30px;\n\n    button {\n      background-color: #333;\n      color: #fff;\n\n      height: 45px;\n      font-size: 16px;\n      display: block;\n      width: 100px;\n      border: none;\n      border-radius: 0;\n    }\n  }\n\n  .href {\n    margin-top: 12px;\n    line-height: 37px;\n    text-align: center;\n\n    a {\n      color: #000;\n\n      font-size: 15px;\n    }\n  }\n\n  .copyright {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    text-align: center;\n    font-size: 14px;\n    position: absolute;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    padding: 10px;\n\n    img {\n      width: 22px;\n    }\n  }\n}\n</style>\n","import script from \"./login.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./login.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./login.vue?vue&type=style&index=0&id=c9ce7124&lang=less\"\n\nconst __exports__ = script;\n\nexport default __exports__","import script from \"./index.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./index.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./index.vue?vue&type=style&index=0&id=b007b43e&lang=less\"\n\nconst __exports__ = script;\n\nexport default __exports__","export function formatPrice(price) {\n  return price.toFixed(2).replace(/\\B(?=(\\d{3})+(?!\\d))/g, ',')\n}\n\nexport function getLangStr(key) {\n  const value = {\n    zh: '简体中文',\n    en: 'English',\n    th: 'ไทย',\n    ja: '日文',\n    ko: '한국인',\n    vi: 'Tiếng Việt',\n  }\n  return value[key]\n}\n\nexport function formatDateUTC(date) {\n  date = new Date(date)\n  const year = date.getUTCFullYear()\n  const month = (date.getUTCMonth() + 1).toString().padStart(2, '0') // Month is zero-based\n  const day = date.getUTCDate().toString().padStart(2, '0')\n  const hours = date.getUTCHours().toString().padStart(2, '0')\n  const minutes = date.getUTCMinutes().toString().padStart(2, '0')\n  const seconds = date.getUTCSeconds().toString().padStart(2, '0')\n  return `${year}-${month}-${day} ${hours}:${minutes}:${seconds}`\n}\n"],"names":["router","useRouter","t","locale","useI18n","state","reactive","tel","password","type","loading","url","onMounted","getCsv","then","res","csv2","goTo","push","open","sign","login","localStorage","setItem","token","showToast","setTimeout","catch","err","msg","finally","__exports__","formatPrice","price","toFixed","replace","getLangStr","key","value","zh","en","th","ja","ko","vi"],"sourceRoot":""}