{"version":3,"sources":["webpack:///./src/views/Login.vue?293f","webpack:///./src/views/Login.vue","webpack:///./src/views/Login.vue?f1df","webpack:///./src/api/user.js"],"names":["store","titleStatus","state","linkTo","goBack","sendCaptcha","loginInfo","agreement","alert","message","confirmButtonColor","test","mobile","isSendCaptcha","action","timestrap","Date","parse","salt","md5key","eval","sign","data","version","result","console","log","isSucess","time","timer","setInterval","captchaStatus","clearInterval","submit","length","captcha","login","headImg","getIndexConfig","appkey","partnerId","secret","params","item_key","partner_id","resutl","status","JSON","item_value","cooperationLogo","isDisabled","value","img","response","url","mobilecode","userData","commit","then","user_info","request","method","send_captcha","login_mobile"],"mappings":"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","file":"js/chunk-ceed2b5a.07a0e87b.js","sourcesContent":["export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader-v16/dist/index.js??ref--0-1!./Login.vue?vue&type=style&index=0&id=373595bc&lang=scss&scoped=true\"","<script setup>\r\nimport { ref, reactive, onMounted } from \"vue\";\r\n\r\nimport { NavBar, Dialog } from \"vant\";\r\nimport routers from \"@/hooks/routers\";\r\nimport { useStore } from \"vuex\";\r\nimport { send_captcha, login_mobile } from \"@/api/user\";\r\nimport md5 from \"md5\";\r\nimport { getPartnerSetting } from \"@/api/partner\";\r\n\r\nconst store = useStore();\r\nconst titleStatus = store.state.titleStatus;\r\nconst { linkTo, goBack } = routers();\r\n\r\nasync function sendCaptcha() {\r\n  if (!loginInfo.agreement) {\r\n    return Dialog.alert({\r\n      message: \"请阅读且勾选同意服务协议\",\r\n      confirmButtonColor: \"#101010\",\r\n    });\r\n  }\r\n\r\n  if (\r\n    !/^(?:(?:\\+|00)86)?1\\d{10}$/.test(loginInfo.mobile) ||\r\n    loginInfo.isSendCaptcha\r\n  ) {\r\n    return;\r\n  }\r\n\r\n  let mobile = loginInfo.mobile;\r\n  let action = \"send_sms\"; //获取当前操作动作\r\n  let timestrap = Date.parse(new Date()) / 1000; //获取秒时间戳\r\n  let salt = \"#$@JYF0+)@!\"; //加密中插入的随机码\r\n  let md5key = eval(\"action+mobile+salt+timestrap+'2'\"); //拼接需要加密的数据\r\n  let sign = md5(md5key); //加密生成sign值\r\n\r\n  let data = {\r\n    version: 2,\r\n    mobile,\r\n    timestrap,\r\n    sign,\r\n  };\r\n\r\n  let result = await send_captcha(data);\r\n  console.log(result);\r\n  if (result.data?.isSucess) {\r\n    Dialog.alert({\r\n      message: \"发送成功\",\r\n      confirmButtonColor: \"#101010\",\r\n    });\r\n\r\n    loginInfo.isSendCaptcha = true;\r\n\r\n    let time = 60;\r\n    let timer = setInterval(() => {\r\n      time--;\r\n      loginInfo.captchaStatus = time + \" s\";\r\n      if (time === 0) {\r\n        loginInfo.captchaStatus = \"重新发送\";\r\n        loginInfo.isSendCaptcha = false;\r\n        clearInterval(timer);\r\n      }\r\n    }, 1000);\r\n  } else {\r\n    Dialog.alert({\r\n      message: result.data.message,\r\n      confirmButtonColor: \"#101010\",\r\n    });\r\n  }\r\n}\r\n\r\nfunction submit() {\r\n  if (loginInfo.mobile.length < 11 || !loginInfo.captcha) return;\r\n\r\n  if (!loginInfo.agreement) {\r\n    return Dialog.alert({\r\n      message: \"请阅读且勾选同意服务协议\",\r\n      confirmButtonColor: \"#101010\",\r\n    });\r\n  }\r\n  login();\r\n}\r\n\r\nlet headImg = ref(\"\");\r\n/**\r\n * @description: 获取合作商首页配置\r\n * @param {*}\r\n * @return {*}\r\n */\r\nasync function getIndexConfig() {\r\n  let sign = md5(\r\n    `action=setting&appkey=${store.state.appkey}&item_key=homePage&partner_id=${store.state.partnerId}${store.state.secret}`\r\n  );\r\n\r\n  let params = {\r\n    appkey: store.state.appkey,\r\n    item_key: \"homePage\",\r\n    partner_id: store.state.partnerId,\r\n    sign,\r\n  };\r\n  let resutl = await getPartnerSetting(params);\r\n  // console.log(resutl);\r\n  if (resutl.status === 200 && resutl.data?.isSucess) {\r\n    let data = JSON.parse(resutl.data.data.item_value);\r\n    if (data.cooperationLogo.isDisabled) {\r\n      headImg.value = data.cooperationLogo.img.length\r\n        ? data.cooperationLogo.img[0].response.data.url\r\n        : \"\";\r\n    }\r\n  }\r\n}\r\n\r\n/**\r\n * @description: 登录\r\n * @param {*}\r\n * @return {*}\r\n */\r\nasync function login() {\r\n  let data = {\r\n    mobile: loginInfo.mobile,\r\n    mobilecode: loginInfo.captcha,\r\n  };\r\n\r\n  let result = await login_mobile(data);\r\n  console.log(result);\r\n\r\n  // //模拟登录成功\r\n  // let userData = {\r\n  //   truename: \"\",\r\n  //   username: \"13486328397\",\r\n  //   token: \"19fa71e2e7d7cdacfdd9b5da26cc3aa7\",\r\n  // };\r\n  // store.commit(\"setUserInfo\", userData);\r\n  // goBack();\r\n\r\n  if (result.data?.isSucess) {\r\n    let userData = result.data.data;\r\n    store.commit(\"setUserInfo\", userData);\r\n    Dialog.alert({\r\n      message: \"登录成功\",\r\n      confirmButtonColor: \"#101010\",\r\n    }).then(() => {\r\n      goBack();\r\n    });\r\n  } else {\r\n    Dialog.alert({\r\n      message: result.data.message,\r\n      confirmButtonColor: \"#101010\",\r\n    });\r\n  }\r\n}\r\n\r\n// 登录信息\r\nlet loginInfo = reactive({\r\n  mobile: \"\",\r\n  captcha: \"\",\r\n  agreement: false,\r\n  isSendCaptcha: false,\r\n  captchaStatus: \"获取验证码\",\r\n});\r\n\r\nonMounted(() => {\r\n  getIndexConfig();\r\n});\r\n</script>\r\n<template>\r\n  <div class=\"main\">\r\n    <NavBar\r\n      v-if=\"titleStatus\"\r\n      title=\"登录\"\r\n      left-arrow\r\n      fixed\r\n      placeholder\r\n      @click-left=\"goBack\"\r\n      :border=\"false\"\r\n    />\r\n    <div class=\"logo\">\r\n      <div class=\"wrap\">\r\n        <img :src=\"headImg\" alt />\r\n      </div>\r\n    </div>\r\n    <div class=\"title\">\r\n      <div>手机快捷登录</div>\r\n      <div>未注册的手机号将自动创建新账号</div>\r\n    </div>\r\n    <div class=\"from\">\r\n      <div class=\"inputWrap\">\r\n        <input\r\n          type=\"number\"\r\n          placeholder=\"请输入您的手机号\"\r\n          v-model=\"loginInfo.mobile\"\r\n        />\r\n      </div>\r\n      <div class=\"inputWrap\">\r\n        <input\r\n          type=\"text\"\r\n          placeholder=\"请输入短信验证码\"\r\n          v-model=\"loginInfo.captcha\"\r\n        />\r\n        <div\r\n          :class=\"[\r\n            'yzm',\r\n            /^(?:(?:\\+|00)86)?1\\d{10}$/.test(loginInfo.mobile) ? 'active' : '',\r\n          ]\"\r\n          @click=\"sendCaptcha()\"\r\n        >\r\n          {{ loginInfo.captchaStatus }}\r\n        </div>\r\n      </div>\r\n      <div\r\n        :class=\"[\r\n          'submit',\r\n          loginInfo.mobile && loginInfo.captcha ? 'active' : '',\r\n        ]\"\r\n        @click=\"submit()\"\r\n      >\r\n        登 录\r\n      </div>\r\n      <div class=\"clause\">\r\n        <div\r\n          :class=\"['btn', loginInfo.agreement ? 'active' : '']\"\r\n          @click=\"loginInfo.agreement = !loginInfo.agreement\"\r\n        >\r\n          <span class=\"iconfont icon-hook-copy\"></span>\r\n        </div>\r\n        <div class=\"des\">\r\n          已仔细阅读并同意\r\n          <span @click=\"linkTo('/agreement')\">《白鲸鱼用户服务协议》</span>和\r\n          <span @click=\"linkTo('/policy')\">《白鲸鱼隐私政策》</span>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<style></style>\r\n<style lang=\"scss\" scoped>\r\n.main {\r\n  padding: 0.2rem 0.4rem;\r\n  .logo {\r\n    .wrap {\r\n      text-align: center;\r\n      color: #555555;\r\n      font-size: 0.12rem;\r\n      img {\r\n        height: 0.3rem;\r\n        display: inline-block;\r\n        vertical-align: bottom;\r\n      }\r\n    }\r\n  }\r\n  .title {\r\n    margin: 0.4rem 0;\r\n    font-size: 14px;\r\n    color: #666;\r\n    div:first-child {\r\n      color: #4a4a4a;\r\n      font-size: 18px;\r\n      margin: 0 0 0.1rem;\r\n      font-weight: bold;\r\n    }\r\n  }\r\n  .from {\r\n    .inputWrap {\r\n      position: relative;\r\n      margin: 0 0 0.2rem 0;\r\n      border-bottom: 1px solid #f2f2f2;\r\n      input {\r\n        border: none;\r\n        outline: none;\r\n        line-height: 0.3rem;\r\n        width: 100%;\r\n        height: 0.3rem;\r\n        font-size: 14px;\r\n      }\r\n      .yzm {\r\n        position: absolute;\r\n        top: 0;\r\n        right: 0;\r\n        color: #fff;\r\n        padding: 0.05rem 0.2rem;\r\n        font-size: 12px;\r\n        background: #e1e1e1;\r\n        border-radius: 25px;\r\n        &.active {\r\n          background: var(--themeColor);\r\n        }\r\n      }\r\n    }\r\n    .submit {\r\n      color: #fff;\r\n      background: #e1e1e1;\r\n      text-align: center;\r\n      line-height: 0.45rem;\r\n      border-radius: 0.25rem;\r\n      font-size: 14px;\r\n      margin: 0.4rem 0 0.5rem;\r\n      box-shadow: 0px 4px 6px 1px rgba(247, 247, 247, 0.4);\r\n      &.active {\r\n        background: var(--themeColor);\r\n        box-shadow: 0px 4px 6px 1px rgba(255, 149, 52, 0.4);\r\n      }\r\n    }\r\n    .clause {\r\n      font-size: 12px;\r\n      display: flex;\r\n      align-items: center;\r\n      .btn {\r\n        border-radius: 100%;\r\n        height: 20px;\r\n        width: 22.5px;\r\n        line-height: 20px;\r\n        border: 1px solid #bbb;\r\n        margin: 0 0.05rem 0 0;\r\n        text-align: center;\r\n        box-sizing: border-box;\r\n        color: #fff;\r\n        font-weight: bold;\r\n        &.active {\r\n          background: #1460ff;\r\n          border-color: #1460ff;\r\n        }\r\n        span {\r\n          font-size: 12px;\r\n        }\r\n      }\r\n      .des {\r\n        span {\r\n          color: #2b5ffe;\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n</style>\r\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=373595bc&lang=scss&scoped=true\"\n\nimport exportComponent from \"E:\\\\h5template\\\\node_modules\\\\vue-loader-v16\\\\dist\\\\exportHelper.js\"\nexport default /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-373595bc\"]])","import request from \"@/utils/request\";\r\n\r\n//获取用户信息\r\nfunction user_info(params) {\r\n  return request({\r\n    url: \"/api/app/user.php?action=userinfo&\",\r\n    method: \"get\",\r\n    params,\r\n  });\r\n}\r\n\r\nfunction send_captcha(params) {\r\n  return request({\r\n    url: \"/api/app/brand.php?action=send_sms\",\r\n    method: \"get\",\r\n    params,\r\n  });\r\n}\r\n\r\nfunction login_mobile(params) {\r\n  return request({\r\n    url: \"/api/app/brand.php?action=register_login\",\r\n    method: \"get\",\r\n    params,\r\n  });\r\n}\r\n\r\nexport { user_info, send_captcha, login_mobile };\r\n"],"sourceRoot":""}