gupiao-web/dist/dev/mp-weixin/pages/login/login.js

"use strict";
const common_vendor = require("../../common/vendor.js");
const utils_api = require("../../utils/api.js");
const utils_auth = require("../../utils/auth.js");
const _sfc_main = {
  data() {
    return {
      phone: "",
      code: "",
      countdown: 0,
      agreed: false,
      canUseWxLogin: true,
      // 是否支持微信登录
      timer: null
    };
  },
  onLoad() {
    this.canUseWxLogin = true;
  },
  onUnload() {
    if (this.timer) {
      clearInterval(this.timer);
    }
  },
  methods: {
    /**
     * 处理微信一键登录
     * @param {object} e - 事件对象，包含加密的手机号信息
     */
    async handleWxLogin(e) {
      if (!this.agreed) {
        common_vendor.index.showToast({
          title: "请先同意用户协议和隐私政策",
          icon: "none"
        });
        return;
      }
      if (e.detail.errMsg === "getPhoneNumber:ok") {
        try {
          common_vendor.index.showLoading({ title: "登录中..." });
          const loginRes = await common_vendor.index.login();
          const result = await utils_api.wxLogin(loginRes.code);
          utils_auth.setToken(result.data.token);
          utils_auth.setUserInfo(result.data.userInfo);
          common_vendor.index.hideLoading();
          common_vendor.index.showToast({
            title: "登录成功",
            icon: "success"
          });
          setTimeout(() => {
            this.navigateBack();
          }, 1500);
        } catch (error) {
          common_vendor.index.hideLoading();
          common_vendor.index.showToast({
            title: error.message || "登录失败",
            icon: "none"
          });
        }
      } else {
        common_vendor.index.showToast({
          title: "获取手机号失败",
          icon: "none"
        });
      }
    },
    /**
     * 发送验证码
     */
    async sendCode() {
      if (!this.phone) {
        common_vendor.index.showToast({
          title: "请输入手机号",
          icon: "none"
        });
        return;
      }
      if (!/^1[3-9]\d{9}$/.test(this.phone)) {
        common_vendor.index.showToast({
          title: "请输入正确的手机号",
          icon: "none"
        });
        return;
      }
      if (!this.agreed) {
        common_vendor.index.showToast({
          title: "请先同意用户协议和隐私政策",
          icon: "none"
        });
        return;
      }
      try {
        common_vendor.index.showLoading({ title: "发送中..." });
        await utils_api.sendSmsCode(this.phone);
        common_vendor.index.hideLoading();
        common_vendor.index.showToast({
          title: "验证码已发送",
          icon: "success"
        });
        this.countdown = 60;
        this.timer = setInterval(() => {
          this.countdown--;
          if (this.countdown <= 0) {
            clearInterval(this.timer);
          }
        }, 1e3);
      } catch (error) {
        common_vendor.index.hideLoading();
        common_vendor.index.showToast({
          title: error.message || "发送失败",
          icon: "none"
        });
      }
    },
    /**
     * 处理手机号登录
     */
    async handlePhoneLogin() {
      if (!this.phone) {
        common_vendor.index.showToast({
          title: "请输入手机号",
          icon: "none"
        });
        return;
      }
      if (!/^1[3-9]\d{9}$/.test(this.phone)) {
        common_vendor.index.showToast({
          title: "请输入正确的手机号",
          icon: "none"
        });
        return;
      }
      if (!this.code) {
        common_vendor.index.showToast({
          title: "请输入验证码",
          icon: "none"
        });
        return;
      }
      if (!this.agreed) {
        common_vendor.index.showToast({
          title: "请先同意用户协议和隐私政策",
          icon: "none"
        });
        return;
      }
      try {
        common_vendor.index.showLoading({ title: "登录中..." });
        console.log("准备登录，phone:", this.phone, "code:", this.code);
        const result = await utils_api.phoneLogin(this.phone, this.code);
        console.log("登录成功，result:", result);
        utils_auth.setToken(result.data.token);
        utils_auth.setUserInfo(result.data.userInfo);
        utils_auth.setUserInfo(result.data.userInfo);
        common_vendor.index.hideLoading();
        common_vendor.index.showToast({
          title: "登录成功",
          icon: "success"
        });
        setTimeout(() => {
          this.navigateBack();
        }, 1500);
      } catch (error) {
        common_vendor.index.hideLoading();
        common_vendor.index.showToast({
          title: error.message || "登录失败",
          icon: "none"
        });
      }
    },
    /**
     * 处理协议勾选变化
     */
    handleAgreeChange(e) {
      this.agreed = e.detail.value.length > 0;
    },
    /**
     * 返回上一页或首页
     */
    navigateBack() {
      const pages = getCurrentPages();
      if (pages.length > 1) {
        common_vendor.index.navigateBack();
        const app = getApp();
        if (app.globalData.loginCallback) {
          app.globalData.loginCallback();
          app.globalData.loginCallback = null;
        }
      } else {
        common_vendor.index.switchTab({
          url: "/pages/index/index"
        });
      }
    }
  }
};
function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
  return common_vendor.e({
    a: $data.canUseWxLogin
  }, $data.canUseWxLogin ? {
    b: common_vendor.o((...args) => $options.handleWxLogin && $options.handleWxLogin(...args))
  } : {}, {
    c: $data.phone,
    d: common_vendor.o(($event) => $data.phone = $event.detail.value),
    e: $data.code,
    f: common_vendor.o(($event) => $data.code = $event.detail.value),
    g: common_vendor.t($data.countdown > 0 ? `${$data.countdown}秒后重试` : "获取验证码"),
    h: common_vendor.o((...args) => $options.sendCode && $options.sendCode(...args)),
    i: $data.countdown > 0,
    j: common_vendor.o((...args) => $options.handlePhoneLogin && $options.handlePhoneLogin(...args)),
    k: $data.agreed,
    l: common_vendor.o((...args) => $options.handleAgreeChange && $options.handleAgreeChange(...args))
  });
}
const MiniProgramPage = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-cdfe2409"], ["__file", "D:/program/gupiao-wx/src/pages/login/login.vue"]]);
wx.createPage(MiniProgramPage);