添加用户详情页，修改主页用户及会员卡信息

Liuyi

2024-10-07 134c7e51d33dfd0cdb9e7d47b22d181ebc1bcdc8

 unpackage/dist/dev/mp-weixin/pages/index/index.js

@@ -8,20 +8,37 @@
    const topHeight = common_vendor.ref(0);
    function getTopHeight() {
      if (common_vendor.index.getMenuButtonBoundingClientRect) {
        topHeight.value = (common_vendor.index.getMenuButtonBoundingClientRect().top + common_vendor.index.getMenuButtonBoundingClientRect().height) * 2;
        topHeight.value = common_vendor.index.getMenuButtonBoundingClientRect().top * 2;
      }
    }
    const vipInfo = common_vendor.ref();
    const cardInfo = common_vendor.ref({
      userName: "",
      headImg: "",
      waterCardNumber: "",
      balance: "",
      count: "",
      userPhone: ""
    });
    const isVip = common_vendor.ref(false);
    async function getVipInfo() {
    async function getInfo() {
      let res = await api_index.getUserInfo();
      console.log("res", res.data);
      cardInfo.value.userName = res.data.userInfo.userName;
      cardInfo.value.headImg = res.data.userInfo.headImg;
      cardInfo.value.userPhone = res.data.userInfo.userPhone;
      if (res.data.userInfo.waterCardNumber) {
        let res1 = await api_index.getVipInfoApi();
        vipInfo.value = res1.data;
        cardInfo.value.waterCardNumber = res1.data.cardNumber;
        if (res1.data.cardType == 1) {
          cardInfo.value.balance = res1.data.balance;
        } else if (res1.data.cardType == 2) {
          cardInfo.value.count = res1.data.count;
        }
        isVip.value = true;
      } else {
        isVip.value = false;
      }
      common_vendor.index.setStorageSync("userInfo", JSON.stringify(cardInfo.value));
    }
    function toScan() {
      common_vendor.index.navigateTo({
@@ -47,26 +64,28 @@
    }
    common_vendor.onMounted(async () => {
      getTopHeight();
      await getVipInfo();
      await getInfo();
    });
    common_vendor.onShow(async () => {
      await getInfo();
    });
    return (_ctx, _cache) => {
      return common_vendor.e({
        a: isVip.value
      }, isVip.value ? {
        b: common_assets._imports_0$1
      } : {
      return {
        a: common_assets._imports_0$1,
        b: common_vendor.t(cardInfo.value.userName),
        c: common_assets._imports_1,
        d: common_vendor.o(($event) => navTo("/pages/addCard/index"))
      }, {
        d: common_vendor.o(($event) => navTo("/pages/userInfo/index")),
        e: common_assets._imports_2,
        f: common_assets._imports_3,
        g: topHeight.value + "rpx",
        h: common_assets._imports_4,
        i: common_vendor.o(($event) => navTo("/pages/sendWater/index")),
        j: common_vendor.o(($event) => navTo("/pages/recharge/index")),
        k: common_assets._imports_5,
        l: common_vendor.o(($event) => toScan()),
        m: common_vendor.f(functionList.value, (item, index, i0) => {
        f: common_vendor.t(cardInfo.value.waterCardNumber),
        g: common_vendor.t(cardInfo.value.userPhone),
        h: common_vendor.t(cardInfo.value.balance),
        i: topHeight.value + "rpx",
        j: common_assets._imports_3,
        k: common_vendor.o(($event) => navTo("/pages/sendWater/index")),
        l: common_vendor.o(($event) => navTo("/pages/recharge/index")),
        m: common_assets._imports_4,
        n: common_vendor.o(($event) => toScan()),
        o: common_vendor.f(functionList.value, (item, index, i0) => {
          return {
            a: item.icon,
            b: common_vendor.t(item.text),
@@ -74,12 +93,12 @@
            d: index
          };
        }),
        n: common_assets._imports_6,
        o: common_assets._imports_7,
        p: common_assets._imports_8,
        q: common_assets._imports_9,
        r: common_assets._imports_8
      });
        p: common_assets._imports_5,
        q: common_assets._imports_6,
        r: common_assets._imports_7,
        s: common_assets._imports_8,
        t: common_assets._imports_7
      };
    };
  }
};