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 | 243 ++++++++++++++++++++++++++++++++++++++++--------
1 files changed, 201 insertions(+), 42 deletions(-)
diff --git a/unpackage/dist/dev/mp-weixin/pages/index/index.js b/unpackage/dist/dev/mp-weixin/pages/index/index.js
index 607e0db..648355d 100644
--- a/unpackage/dist/dev/mp-weixin/pages/index/index.js
+++ b/unpackage/dist/dev/mp-weixin/pages/index/index.js
@@ -8,30 +8,75 @@
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 isLoss = common_vendor.ref(false);
+ const cardInfo = common_vendor.ref({
+ id: "",
+ userName: "微信用户",
+ headImg: "",
+ userPhone: "",
+ waterCardNumber: "",
+ balance: "",
+ count: "",
+ state: ""
+ });
const isVip = common_vendor.ref(false);
- async function getVipInfo() {
- let res = await api_index.getUserInfo();
- if (res.data.userInfo.waterCardNumber) {
- let res1 = await api_index.getVipInfoApi();
- vipInfo.value = res1.data;
- isVip.value = false;
- } else {
- isVip.value = false;
- }
+ 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;
+ }
+ });
+ });
+ }
+ 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));
+ }
+ });
+ }
+ function toScan() {
+ common_vendor.index.scanCode({
+ scanType: ["qrCode"],
+ success: function(res) {
+ console.log("条码内容：" + res.result);
+ common_vendor.index.navigateTo({
+ url: "/pages/scanWater/index"
+ });
+ }
+ });
}
const functionList = common_vendor.ref([
- { text: "余额记录", icon: "../../static/images/index/icon31.png", url: "/pages/balanceRecord/index" },
- { text: "消费记录", icon: "../../static/images/index/icon32.png", url: "" },
- { 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) {
@@ -40,39 +85,153 @@
});
}
}
+ 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();
- await getVipInfo();
+ });
+ 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 common_vendor.e({
- a: isVip.value
+ a: common_assets._imports_0$1,
+ b: common_vendor.t(cardInfo.value.userName),
+ 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 ? {
- b: common_assets._imports_0$1
- } : {
- c: common_assets._imports_1,
- d: common_vendor.o(($event) => navTo("/pages/addCard/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.f(functionList.value, (item, index, i0) => {
+ 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
};
}),
- m: common_assets._imports_6,
- n: common_assets._imports_7,
- o: common_assets._imports_8,
- p: common_assets._imports_9,
- q: common_assets._imports_8
+ 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