{"ast":null,"code":"import { toDisplayString as _toDisplayString, createElementVNode as _createElementVNode, renderList as _renderList, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock, normalizeClass as _normalizeClass, vShow as _vShow, withDirectives as _withDirectives, resolveComponent as _resolveComponent, createVNode as _createVNode, withCtx as _withCtx, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from \"vue\";\nconst _withScopeId = n => (_pushScopeId(\"data-v-7589b93f\"), n = n(), _popScopeId(), n);\nconst _hoisted_1 = {\n  class: \"login\"\n};\nconst _hoisted_2 = {\n  class: \"langview\"\n};\nconst _hoisted_3 = {\n  class: \"select-box\"\n};\nconst _hoisted_4 = [\"onClick\"];\nconst _hoisted_5 = {\n  class: \"content\"\n};\nexport function render(_ctx, _cache, $props, $setup, $data, $options) {\n  const _component_van_field = _resolveComponent(\"van-field\");\n  const _component_van_icon = _resolveComponent(\"van-icon\");\n  return _openBlock(), _createElementBlock(\"div\", _hoisted_1, [_createElementVNode(\"div\", _hoisted_2, [_createElementVNode(\"div\", {\n    class: \"select\",\n    onClick: _cache[0] || (_cache[0] = $event => $setup.showLangselect(true))\n  }, _toDisplayString($setup.langList[$setup.Type]), 1 /* TEXT */), _withDirectives(_createElementVNode(\"div\", _hoisted_3, [(_openBlock(true), _createElementBlock(_Fragment, null, _renderList(Object.keys($setup.langList), item => {\n    return _openBlock(), _createElementBlock(\"div\", {\n      class: _normalizeClass([\"option\", {\n        active: item == $setup.Type\n      }]),\n      key: item,\n      onClick: $event => $setup.choseLang(item)\n    }, _toDisplayString($setup.langList[item]), 11 /* TEXT, CLASS, PROPS */, _hoisted_4);\n  }), 128 /* KEYED_FRAGMENT */))], 512 /* NEED_PATCH */), [[_vShow, $setup.langselect]])]), _createElementVNode(\"div\", _hoisted_5, [_createVNode(_component_van_field, {\n    class: \"input\",\n    modelValue: $setup.username,\n    \"onUpdate:modelValue\": _cache[1] || (_cache[1] = $event => $setup.username = $event),\n    type: \"text\",\n    label: $setup.Lang[$setup.Type].account\n  }, null, 8 /* PROPS */, [\"modelValue\", \"label\"]), _createVNode(_component_van_field, {\n    class: \"input\",\n    modelValue: $setup.password,\n    \"onUpdate:modelValue\": _cache[3] || (_cache[3] = $event => $setup.password = $event),\n    type: $setup.showPassword ? 'text' : 'password',\n    label: $setup.Lang[$setup.Type].password\n  }, {\n    \"right-icon\": _withCtx(() => [_createVNode(_component_van_icon, {\n      onClick: _cache[2] || (_cache[2] = $event => $setup.showPassword = !$setup.showPassword),\n      name: $setup.showPassword ? 'eye-o' : 'closed-eye'\n    }, null, 8 /* PROPS */, [\"name\"])]),\n    _: 1 /* STABLE */\n  }, 8 /* PROPS */, [\"modelValue\", \"type\", \"label\"]), _createElementVNode(\"div\", {\n    class: \"btn\",\n    onClick: _cache[4] || (_cache[4] = $event => $setup.doLogin('login'))\n  }, _toDisplayString($setup.Lang[$setup.Type].login), 1 /* TEXT */), _createElementVNode(\"div\", {\n    class: \"btn\",\n    onClick: _cache[5] || (_cache[5] = $event => $setup.doLogin('dome'))\n  }, _toDisplayString($setup.Lang[$setup.Type].dome), 1 /* TEXT */)])]);\n}","map":{"version":3,"names":["class","_createElementBlock","_hoisted_1","_createElementVNode","_hoisted_2","onClick","_cache","$event","$setup","showLangselect","langList","Type","_hoisted_3","_Fragment","_renderList","Object","keys","item","_normalizeClass","active","key","choseLang","_hoisted_4","langselect","_hoisted_5","_createVNode","_component_van_field","username","type","label","Lang","account","password","showPassword","_withCtx","_component_van_icon","name","doLogin","login","dome"],"sources":["/Users/li/Desktop/work/work2/OG/GamePortrait/src/views/login.vue"],"sourcesContent":["<template>\n  <div class=\"login\">\n    <div class=\"langview\">\n      <div class=\"select\" @click=\"showLangselect(true)\">\n        {{ langList[Type] }}\n      </div>\n      <div class=\"select-box\" v-show=\"langselect\">\n        <div\n          class=\"option\"\n          v-for=\"item in Object.keys(langList)\"\n          :key=\"item\"\n          :class=\"{ active: item == Type }\"\n          @click=\"choseLang(item)\"\n        >\n          {{ langList[item] }}\n        </div>\n      </div>\n    </div>\n    <div class=\"content\">\n      <van-field\n        class=\"input\"\n        v-model=\"username\"\n        type=\"text\"\n        :label=\"Lang[Type].account\"\n      />\n      <van-field\n        class=\"input\"\n        v-model=\"password\"\n        :type=\"showPassword ? 'text' : 'password'\"\n        :label=\"Lang[Type].password\"\n      >\n        <template #right-icon>\n          <van-icon\n            @click=\"showPassword = !showPassword\"\n            :name=\"showPassword ? 'eye-o' : 'closed-eye'\"\n          />\n        </template>\n      </van-field>\n      <div class=\"btn\" @click=\"doLogin('login')\">{{ Lang[Type].login }}</div>\n      <div class=\"btn\" @click=\"doLogin('dome')\">{{ Lang[Type].dome }}</div>\n    </div>\n  </div>\n</template>\n\n<script>\nimport { ref, computed, onMounted } from \"vue\"\nimport { useStore } from \"vuex\"\nimport { showToast, showFailToast, showLoadingToast } from \"vant\"\nimport { useRouter } from \"vue-router\"\nimport { login, dome } from \"@/utils/api\"\nexport default {\n  name: \"LoginPage\",\n  components: {},\n  setup() {\n    const langList = {\n      cn: \"简体中文\",\n      tw: \"繁體中文\",\n      en: \"English\",\n      yn: \"Việt nam\",\n      kr: \"한국어\",\n      tl: \"แบบไทย\",\n      in: \"Indonesia\"\n    }\n    const langselect = ref(false)\n    const router = useRouter()\n    const store = useStore()\n    const Type = computed(() => store.state.config.$Type)\n    const Lang = computed(() => store.state.config.$lang)\n    const showPassword = ref(false)\n    // const username = ref(\"488507782\")\n    // const password = ref(\"123321\")\n    const username = ref(\"\")\n    const password = ref(\"\")\n    const doLogin = (type) => {\n      const o = navigator.userAgent\n      const isAndroid = o.indexOf(\"Android\") > -1 || o.indexOf(\"Adr\") > -1 //android终端\n      const isiOS = !!o.match(/\\(i[^;]+;( U;)? CPU.+Mac OS X/) //ios终端\n      const client = isAndroid ? 3 : isiOS ? 2 : 1\n      const params = {\n        username: username.value,\n        password: password.value,\n        client\n      }\n      if (type == \"login\" && !params.username) {\n        showToast({ message: Lang.value[Type.value].please_account })\n      } else if (type == \"login\" && !params.password) {\n        showToast({ message: Lang.value[Type.value].please_password })\n      } else {\n        const api = type == \"dome\" ? dome : login\n        if (type == \"dome\") {\n          params.token = \"shiwanlogin\"\n        }\n        showLoadingToast({\n          message: Lang.value[Type.value].loging,\n          forbidClick: true\n        })\n        api(params)\n          .then((res) => {\n            if (res.Success) {\n              store.commit(\"app/updateUserInfo\", res.Data)\n              // store.dispatch(\"app/init\")\n              router.push(\"/hall\")\n            } else {\n              showToast({ message: res.Msg })\n            }\n          })\n          .catch((err) => {\n            showFailToast({ message: err })\n          })\n      }\n    }\n    const showLangselect = (state) => {\n      langselect.value = state\n    }\n    const choseLang = (lang) => {\n      store.commit(\"config/updateLang\", lang)\n      langselect.value = false\n    }\n    onMounted(() => {\n      let userInfo = {}\n      try {\n        userInfo = JSON.parse(localStorage.getItem(\"userInfo\"))\n      } catch (err) {\n        console.log(err)\n      }\n      if (userInfo && userInfo.online_token) {\n        router.push(\"/hall\")\n      }\n    })\n    return {\n      langselect,\n      langList,\n      Type,\n      Lang,\n      username,\n      password,\n      showPassword,\n      doLogin,\n      showLangselect,\n      choseLang\n    }\n  }\n}\n</script>\n<style lang=\"scss\" scoped>\n.login {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n  height: 100%;\n  transform: rotateX(0deg);\n  .langview {\n    position: absolute;\n    top: 0.5rem;\n    right: 1rem;\n    .select {\n      border-radius: 0.2rem;\n      width: 2.5rem;\n      display: inline-block;\n      font-size: 0.45rem;\n      color: #cfc189;\n      line-height: 0.88rem;\n      background: #212121;\n      text-align: center;\n      &:active {\n        opacity: 0.6;\n      }\n    }\n    .select-box {\n      position: absolute;\n      right: 0;\n      top: 1.4rem;\n      width: 2.5rem;\n      line-height: 0.88rem;\n      background: #212121;\n      border-radius: 0.2rem;\n      text-align: center;\n      color: #fff;\n      font-size: 0.4rem;\n      z-index: 9;\n      .option:active {\n        opacity: 0.6;\n      }\n      .active {\n        color: #cfc189;\n        font-weight: bold;\n      }\n    }\n  }\n  .content {\n    width: 240px;\n    .input {\n      border-radius: 40px;\n      margin: 20px 0;\n      padding: 8px 15px;\n      ::v-deep .van-field__label {\n        min-width: 40px;\n        width: auto;\n      }\n    }\n    .btn {\n      width: 100%;\n      height: 40px;\n      line-height: 40px;\n      text-align: center;\n      font-size: 18px;\n      background: url(\"~@/assets/images/btn-bg.png\") no-repeat;\n      background-size: 100% 100%;\n      font-weight: 600;\n      margin-bottom: 10px;\n      &:active {\n        opacity: 0.8;\n      }\n    }\n  }\n}\n</style>\n"],"mappings":";;;EACOA,KAAK,EAAC;AAAO;;EACXA,KAAK,EAAC;AAAU;;EAIdA,KAAK,EAAC;AAAY;;;EAYpBA,KAAK,EAAC;AAAS;;;;uBAjBtBC,mBAAA,CAwCM,OAxCNC,UAwCM,GAvCJC,mBAAA,CAeM,OAfNC,UAeM,GAdJD,mBAAA,CAEM;IAFDH,KAAK,EAAC,QAAQ;IAAEK,OAAK,EAAAC,MAAA,QAAAA,MAAA,MAAAC,MAAA,IAAEC,MAAA,CAAAC,cAAc;sBACrCD,MAAA,CAAAE,QAAQ,CAACF,MAAA,CAAAG,IAAI,mB,gBAElBR,mBAAA,CAUM,OAVNS,UAUM,I,kBATJX,mBAAA,CAQMY,SAAA,QAAAC,WAAA,CANWC,MAAM,CAACC,IAAI,CAACR,MAAA,CAAAE,QAAQ,GAA5BO,IAAI;yBAFbhB,mBAAA,CAQM;MAPJD,KAAK,EAAAkB,eAAA,EAAC,QAAQ;QAAAC,MAAA,EAGIF,IAAI,IAAIT,MAAA,CAAAG;MAAI;MAD7BS,GAAG,EAAEH,IAAI;MAETZ,OAAK,EAAAE,MAAA,IAAEC,MAAA,CAAAa,SAAS,CAACJ,IAAI;wBAEnBT,MAAA,CAAAE,QAAQ,CAACO,IAAI,iCAAAK,UAAA;oEARYd,MAAA,CAAAe,UAAU,E,KAY5CpB,mBAAA,CAsBM,OAtBNqB,UAsBM,GArBJC,YAAA,CAKEC,oBAAA;IAJA1B,KAAK,EAAC,OAAO;gBACJQ,MAAA,CAAAmB,QAAQ;+DAARnB,MAAA,CAAAmB,QAAQ,GAAApB,MAAA;IACjBqB,IAAI,EAAC,MAAM;IACVC,KAAK,EAAErB,MAAA,CAAAsB,IAAI,CAACtB,MAAA,CAAAG,IAAI,EAAEoB;oDAErBN,YAAA,CAYYC,oBAAA;IAXV1B,KAAK,EAAC,OAAO;gBACJQ,MAAA,CAAAwB,QAAQ;+DAARxB,MAAA,CAAAwB,QAAQ,GAAAzB,MAAA;IAChBqB,IAAI,EAAEpB,MAAA,CAAAyB,YAAY;IAClBJ,KAAK,EAAErB,MAAA,CAAAsB,IAAI,CAACtB,MAAA,CAAAG,IAAI,EAAEqB;;IAER,YAAU,EAAAE,QAAA,CACnB,MAGE,CAHFT,YAAA,CAGEU,mBAAA;MAFC9B,OAAK,EAAAC,MAAA,QAAAA,MAAA,MAAAC,MAAA,IAAEC,MAAA,CAAAyB,YAAY,IAAIzB,MAAA,CAAAyB,YAAY;MACnCG,IAAI,EAAE5B,MAAA,CAAAyB,YAAY;;;sDAIzB9B,mBAAA,CAAuE;IAAlEH,KAAK,EAAC,KAAK;IAAEK,OAAK,EAAAC,MAAA,QAAAA,MAAA,MAAAC,MAAA,IAAEC,MAAA,CAAA6B,OAAO;sBAAc7B,MAAA,CAAAsB,IAAI,CAACtB,MAAA,CAAAG,IAAI,EAAE2B,KAAK,kBAC9DnC,mBAAA,CAAqE;IAAhEH,KAAK,EAAC,KAAK;IAAEK,OAAK,EAAAC,MAAA,QAAAA,MAAA,MAAAC,MAAA,IAAEC,MAAA,CAAA6B,OAAO;sBAAa7B,MAAA,CAAAsB,IAAI,CAACtB,MAAA,CAAAG,IAAI,EAAE4B,IAAI,iB"},"metadata":{},"sourceType":"module","externalDependencies":[]}