gupiao-web/dist/dev/mp-weixin/components/UserInfoPopup.js

"use strict";
const common_vendor = require("../common/vendor.js");
const utils_api = require("../utils/api.js");
const _sfc_main = {
  data() {
    return {
      visible: false,
      nickname: "",
      avatarUrl: "",
      tempAvatarPath: "",
      // 临时头像路径
      userData: null
      // 后端返回的用户数据
    };
  },
  methods: {
    /**
     * 打开弹窗
     */
    open(userData) {
      this.visible = true;
      this.userData = userData;
      this.nickname = "";
      this.avatarUrl = "";
      this.tempAvatarPath = "";
    },
    /**
     * 关闭弹窗
     */
    close() {
      this.visible = false;
    },
    /**
     * 选择头像
     */
    handleChooseAvatar(e) {
      console.log("[用户信息] 选择头像:", e);
      const { avatarUrl } = e.detail;
      this.tempAvatarPath = avatarUrl;
      this.avatarUrl = avatarUrl;
    },
    /**
     * 点击遮罩层
     */
    handleMaskClick() {
    },
    /**
     * 取消
     */
    handleCancel() {
      common_vendor.index.showModal({
        title: "提示",
        content: "取消后将无法完成登录，确定要取消吗？",
        success: (res) => {
          if (res.confirm) {
            this.close();
          }
        }
      });
    },
    /**
     * 确定提交
     */
    async handleConfirm() {
      if (!this.nickname || this.nickname.trim() === "") {
        common_vendor.index.showToast({
          title: "请输入昵称",
          icon: "none"
        });
        return;
      }
      if (!this.avatarUrl) {
        common_vendor.index.showToast({
          title: "请选择头像",
          icon: "none"
        });
        return;
      }
      try {
        common_vendor.index.showLoading({ title: "上传中..." });
        let uploadedAvatarUrl = this.avatarUrl;
        if (this.tempAvatarPath) {
          uploadedAvatarUrl = await this.uploadAvatar(this.tempAvatarPath);
        }
        common_vendor.index.hideLoading();
        this.$emit("confirm", {
          nickname: this.nickname.trim(),
          avatarUrl: uploadedAvatarUrl
        });
        this.close();
      } catch (error) {
        common_vendor.index.hideLoading();
        console.error("[用户信息] 上传头像失败:", error);
        common_vendor.index.showToast({
          title: "头像上传失败，请重试",
          icon: "none"
        });
      }
    },
    /**
     * 上传头像到OSS
     */
    uploadAvatar(filePath) {
      return new Promise((resolve, reject) => {
        common_vendor.index.uploadFile({
          url: utils_api.uploadFile.url,
          // 从api.js导入
          filePath,
          name: "file",
          header: {
            "Authorization": `Bearer ${common_vendor.index.getStorageSync("user_token") || ""}`
          },
          success: (res) => {
            const data = JSON.parse(res.data);
            if (data.code === 200 && data.data && data.data.url) {
              resolve(data.data.url);
            } else {
              reject(new Error(data.message || "上传失败"));
            }
          },
          fail: (err) => {
            reject(err);
          }
        });
      });
    }
  }
};
function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
  return common_vendor.e({
    a: $data.visible
  }, $data.visible ? {
    b: $data.avatarUrl || "/static/images/default-avatar.png",
    c: common_vendor.o((...args) => $options.handleChooseAvatar && $options.handleChooseAvatar(...args)),
    d: $data.nickname,
    e: common_vendor.o(($event) => $data.nickname = $event.detail.value),
    f: common_vendor.o((...args) => $options.handleCancel && $options.handleCancel(...args)),
    g: common_vendor.o((...args) => $options.handleConfirm && $options.handleConfirm(...args)),
    h: common_vendor.o(() => {
    }),
    i: common_vendor.o((...args) => $options.handleMaskClick && $options.handleMaskClick(...args))
  } : {});
}
const Component = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-a5b292f7"], ["__file", "D:/program/gupiao-wx/src/components/UserInfoPopup.vue"]]);
wx.createComponent(Component);