From 7cbda90b02e31447122f1d22c9797b423d7bd9fc Mon Sep 17 00:00:00 2001 From: Liuyi <candymxq888@outlook.com> Date: 星期三, 16 十月 2024 17:26:06 +0800 Subject: [PATCH] 添加扫码成功操作页,修改主页面样式,更换主页图标 --- unpackage/dist/dev/mp-weixin/pages/index/index.js | 237 ++++++++++++++++++++++++++++++++++++++++++++-------------- 1 files changed, 178 insertions(+), 59 deletions(-) diff --git a/unpackage/dist/dev/mp-weixin/pages/index/index.js b/unpackage/dist/dev/mp-weixin/pages/index/index.js index 66682be..648355d 100644 --- a/unpackage/dist/dev/mp-weixin/pages/index/index.js +++ b/unpackage/dist/dev/mp-weixin/pages/index/index.js @@ -11,38 +11,51 @@ topHeight.value = common_vendor.index.getMenuButtonBoundingClientRect().top * 2; } } + const isLoss = common_vendor.ref(false); const cardInfo = common_vendor.ref({ id: "", - userName: "", + userName: "微信用户", headImg: "", + userPhone: "", waterCardNumber: "", balance: "", count: "", - userPhone: "" + state: "" }); const isVip = common_vendor.ref(false); - async function getInfo() { - let res = await api_index.getUserInfo(); - if (res.code == 200) { - 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; - cardInfo.value.id = res.data.userInfo.id; - if (res.data.userInfo.waterCardNumber) { - let res1 = await api_index.getVipInfoApi(); - 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; + function getVipInfo() { + return new Promise((resolve, reject) => { + api_index.getVipInfoApi().then((res) => { + if (res.code == 200) { + cardInfo.value.waterCardNumber = res.data.cardNumber; + cardInfo.value.state = res.data.state; + isLoss.value = cardInfo.value.state == 2 ? true : false; + if (res.data.cardType == 1) { + cardInfo.value.balance = res.data.balance; + } else if (res.data.cardType == 2) { + cardInfo.value.count = res.data.count; + } + isVip.value = true; } - isVip.value = true; - } else { - isVip.value = false; + }); + }); + } + function getInfo() { + api_index.getUserInfo().then((res) => { + if (res.code == 200) { + cardInfo.value.userName = res.data.userInfo.userName ? res.data.userInfo.userName : cardInfo.value.userName; + cardInfo.value.headImg = res.data.userInfo.headImg; + cardInfo.value.userPhone = res.data.userInfo.userPhone; + cardInfo.value.id = res.data.userInfo.id; + if (res.data.userInfo.waterCardNumber) { + getVipInfo(); + console.log("00000"); + } else { + isVip.value = false; + } + common_vendor.index.setStorageSync("userInfo", JSON.stringify(cardInfo.value)); } - common_vendor.index.setStorageSync("userInfo", JSON.stringify(cardInfo.value)); - } + }); } function toScan() { common_vendor.index.scanCode({ @@ -56,14 +69,14 @@ }); } const functionList = common_vendor.ref([ - { text: "余额记录", icon: "../../static/images/index/icon31.png", url: "/pages/balanceRecord/index" }, - { text: "消费记录", icon: "../../static/images/index/icon32.png", url: "/pages/paymentRecord/index" }, - { text: "充值记录", icon: "../../static/images/index/icon33.png", url: "" }, - { text: "账户共享", icon: "../../static/images/index/icon34.png", url: "" }, - { text: "优惠卷", icon: "../../static/images/index/icon35.png", url: "" }, - { text: "电子发票", icon: "../../static/images/index/icon36.png", url: "" }, - { text: "联系客服", icon: "../../static/images/index/icon37.png", url: "" }, - { text: "推广分佣", icon: "../../static/images/index/icon38.png", url: "" } + { text: "余额记录", icon: "../../static/images/index/icon31.png", bgColor: "#16b387", bgColor: "", url: "/pages/functionList/balanceRecord/index", isUrl: 1 }, + { text: "消费记录", icon: "../../static/images/index/icon32.png", bgColor: "#329ae8", url: "/pages/functionList/paymentRecord/index", isUrl: 1 }, + { text: "充值记录", icon: "../../static/images/index/icon33.png", bgColor: "#faaf0f", url: "/pages/functionList/rechargeRecord/index", isUrl: 1 }, + { text: "账户共享", icon: "../../static/images/index/icon34.png", bgColor: "#faaf0f", url: "", isUrl: 4 }, + { text: "故障上报", icon: "../../static/images/index/icon35.png", bgColor: "#a88ff1", url: "/pages/infoBreakdown/index", isUrl: 1 }, + { text: "优惠卷", icon: "../../static/images/index/icon36.png", bgColor: "#18bfc4", url: "", isUrl: 4 }, + { text: "会员卡挂失", icon: "../../static/images/index/icon37.png", bgColor: "#4875f0", url: "", isUrl: 2 }, + { text: "会员卡注销", icon: "../../static/images/index/icon38.png", bgColor: "#f45088", url: "", isUrl: 3 } ]); function navTo(itemUrl) { if (itemUrl) { @@ -72,48 +85,154 @@ }); } } + async function setEvent(isUrl, url) { + if (isUrl == 1) { + navTo(url); + } else if (isUrl == 2) { + common_vendor.index.showModal({ + title: "会员卡挂失", + content: "确认挂失会员卡?", + success: async function(res) { + if (res.confirm) { + await api_index.reportLossApi(cardInfo.value.waterCardNumber).then(async (res2) => { + if (res2.code == 200) { + common_vendor.index.showToast({ + title: "已挂失", + duration: 2e3 + }); + await api_index.getVipInfoApi().then((res3) => { + if (res3.code == 200) { + if (res3.data.state == 2) { + isLoss.value = true; + } + } + }); + } + }); + } else { + console.log("点击了取消7"); + } + } + }); + } else if (isUrl == 3) { + common_vendor.index.showModal({ + title: "会员卡注销", + content: "确认注销会员卡?", + success: async function(res) { + if (res.confirm) { + await api_index.removeCardApi(cardInfo.value.waterCardNumber).then(async (res2) => { + if (res2.code == 200) { + common_vendor.index.showToast({ + title: "已注销", + duration: 2e3, + icon: "none" + }); + await api_index.getVipInfoApi().then((res3) => { + if (res3.code == 200) { + if (!res3.data.id) { + isVip.value = false; + cardInfo.value.balance = ""; + cardInfo.value.count = ""; + cardInfo.value.waterCardNumber = ""; + common_vendor.index.setStorageSync("userInfo", JSON.stringify(cardInfo.value)); + } + } + }); + } + }); + } else { + console.log("点击了取消8"); + } + } + }); + } else { + common_vendor.index.showToast({ + title: "该功能正在升级中!", + duration: 2e3, + icon: "none" + }); + } + } + function upGrade() { + common_vendor.index.showToast({ + title: "该功能正在升级中!", + duration: 2e3, + icon: "none" + }); + } common_vendor.onMounted(async () => { getTopHeight(); }); common_vendor.onShow(async () => { await getInfo(); }); + common_vendor.index.showShareMenu({ + withShareTicket: true, + menus: ["shareAppMessage", "shareTimeline"], + success: function() { + console.log("分享菜单显示成功"); + }, + fail: function(err) { + console.error("分享菜单显示失败", err); + } + }); return (_ctx, _cache) => { - return { + return common_vendor.e({ a: common_assets._imports_0$1, b: common_vendor.t(cardInfo.value.userName), - c: common_assets._imports_1, - d: common_assets._imports_2, - e: common_vendor.o(($event) => navTo("/pages/addCard/index")), - f: common_vendor.o(($event) => navTo("/pages/userInfo/index")), - g: common_assets._imports_3, - h: common_assets._imports_4, - i: common_vendor.t(cardInfo.value.waterCardNumber), - j: common_vendor.t(cardInfo.value.userPhone), - k: common_vendor.t(cardInfo.value.balance), - l: common_vendor.o(($event) => navTo("/pages/recharge/index")), - m: topHeight.value + "rpx", - n: common_assets._imports_5, - o: common_vendor.o(($event) => navTo("/pages/sendWater/index")), - p: common_assets._imports_1$1, - q: common_vendor.o(($event) => navTo("/pages/facilityList/index")), - r: common_assets._imports_7, - s: common_vendor.o(($event) => toScan()), - t: common_vendor.f(functionList.value, (item, index, i0) => { + c: common_vendor.o(($event) => navTo("/pages/userInfo/index")), + d: common_vendor.o(($event) => navTo("/pages/userInfo/index")), + e: common_assets._imports_1$1, + f: common_assets._imports_2, + g: common_vendor.o(($event) => navTo("/pages/addCard/index")), + h: common_assets._imports_3, + i: isVip.value + }, isVip.value ? { + j: common_assets._imports_4 + } : {}, { + k: isLoss.value && isVip.value + }, isLoss.value && isVip.value ? {} : {}, { + l: isVip.value + }, isVip.value ? { + m: common_vendor.t(cardInfo.value.waterCardNumber) + } : {}, { + n: isVip.value + }, isVip.value ? {} : {}, { + o: !isVip.value + }, !isVip.value ? {} : {}, { + p: isVip.value + }, isVip.value ? { + q: common_vendor.t(cardInfo.value.balance) + } : {}, { + r: isVip.value + }, isVip.value ? { + s: common_vendor.o(($event) => navTo("/pages/recharge/index")) + } : {}, { + t: topHeight.value + "rpx", + v: common_assets._imports_5, + w: common_vendor.o(($event) => upGrade()), + x: common_assets._imports_1, + y: common_vendor.o(($event) => navTo("/pages/facilityList/index")), + z: common_assets._imports_7, + A: common_vendor.o(($event) => toScan()), + B: common_vendor.f(functionList.value, (item, index, i0) => { return { a: item.icon, - b: common_vendor.t(item.text), - c: common_vendor.o(($event) => navTo(item.url), index), - d: index + b: item.bgColor, + c: common_vendor.t(item.text), + d: common_vendor.o(($event) => setEvent(item.isUrl, item.url), index), + e: index }; }), - v: common_assets._imports_8, - w: common_assets._imports_9, - x: common_assets._imports_10, - y: common_vendor.o(($event) => navTo("/pages/station/index")), - z: common_assets._imports_11, - A: common_assets._imports_10 - }; + C: common_assets._imports_8, + D: common_vendor.o(upGrade), + E: common_assets._imports_9, + F: common_assets._imports_10, + G: common_vendor.o(($event) => navTo("/pages/station/index")), + H: common_assets._imports_11, + I: common_assets._imports_10, + J: common_vendor.o(upGrade) + }); }; } }; -- Gitblit v1.9.3