1 line
12 KiB
Plaintext
1 line
12 KiB
Plaintext
{"version":3,"file":"result.js","sources":["../../../../../../src/modules/mall/pay/result.vue","../../../../../../uniPage:/bW9kdWxlc1xtYWxsXHBheVxyZXN1bHQudnVl"],"sourcesContent":["<!-- 支付结果页面 -->\r\n<template>\r\n <s-layout title=\"支付结果\" :bgStyle=\"{ color: '#FFF' }\">\r\n <view class=\"pay-result-box ss-flex-col ss-row-center ss-col-center\">\r\n <!-- 信息展示 -->\r\n <view class=\"pay-waiting ss-m-b-30\" v-if=\"payResult === 'waiting'\" />\r\n <image\r\n class=\"pay-img ss-m-b-30\"\r\n v-if=\"payResult === 'success'\"\r\n :src=\"sheep.$url.static('/static/img/shop/order/order_pay_success.gif')\"\r\n />\r\n <image\r\n class=\"pay-img ss-m-b-30\"\r\n v-if=\"['failed', 'closed'].includes(payResult)\"\r\n :src=\"sheep.$url.static('/static/img/shop/order/order_paty_fail.gif')\"\r\n />\r\n <view class=\"tip-text ss-m-b-30\" v-if=\"payResult === 'success'\">支付成功</view>\r\n <view class=\"tip-text ss-m-b-30\" v-if=\"payResult === 'failed'\">支付失败</view>\r\n <view class=\"tip-text ss-m-b-30\" v-if=\"payResult === 'closed'\">该订单已关闭</view>\r\n <view class=\"tip-text ss-m-b-30\" v-if=\"payResult === 'waiting'\">检测支付结果...</view>\r\n <view class=\"pay-total-num ss-flex\" v-if=\"payResult === 'success'\">\r\n <view>￥{{ fen2yuan(state.orderInfo.price) }}</view>\r\n </view>\r\n\r\n <!-- 操作区 -->\r\n <view class=\"btn-box ss-flex ss-row-center ss-m-t-50\">\r\n <button class=\"back-btn ss-reset-button\" @tap=\"sheep.$router.go('/modules/mall/index/index')\">\r\n 返回首页\r\n </button>\r\n <button\r\n class=\"check-btn ss-reset-button\"\r\n v-if=\"payResult === 'failed'\"\r\n @tap=\"\r\n sheep.$router.redirect('/modules/mall/pay/index', {\r\n id: state.id,\r\n orderType: state.orderType,\r\n })\r\n \"\r\n >\r\n 重新支付\r\n </button>\r\n <button class=\"check-btn ss-reset-button\" v-if=\"payResult === 'success'\" @tap=\"onOrder\">\r\n 查看订单\r\n </button>\r\n <!-- TODO 芋艿：拼团接入 -->\r\n <button\r\n class=\"check-btn ss-reset-button\"\r\n v-if=\"payResult === 'success' && state.tradeOrder.type === 3\"\r\n @tap=\"sheep.$router.redirect('/modules/mall/activity/groupon/order')\"\r\n >\r\n 我的拼团\r\n </button>\r\n </view>\r\n\r\n <!-- #ifdef MP -->\r\n <view\r\n class=\"subscribe-box ss-flex ss-m-t-44\"\r\n v-if=\"showSubscribeBtn && state.orderType === 'goods'\"\r\n >\r\n <image class=\"subscribe-img\" :src=\"sheep.$url.static('/static/img/shop/order/cargo.png')\" />\r\n <view class=\"subscribe-title ss-m-r-48 ss-m-l-16\">获取实时发货信息与订单状态</view>\r\n <view class=\"subscribe-start\" @tap=\"subscribeMessage\">立即订阅</view>\r\n </view>\r\n <!-- #endif -->\r\n </view>\r\n </s-layout>\r\n</template>\r\n\r\n<script setup>\r\nimport { onLoad, onHide, onShow } from '@dcloudio/uni-app'\r\nimport { reactive, computed, ref } from 'vue'\r\nimport { isEmpty } from 'lodash-es'\r\nimport sheep from '@/sheep'\r\nimport PayOrderApi from '@/sheep/api/pay/order'\r\nimport { fen2yuan } from '@/sheep/hooks/useGoods'\r\nimport OrderApi from '@/sheep/api/trade/order'\r\nimport { WxaSubscribeTemplate } from '@/sheep/util/const'\r\n\r\nconst state = reactive({\r\n id: 0, // 支付单号\r\n orderType: 'goods', // 订单类型\r\n result: 'unpaid', // 支付状态\r\n orderInfo: {}, // 支付订单信息\r\n tradeOrder: {}, // 商品订单信息，只有在 orderType 为 goods 才会请求。目的：【我的拼团】按钮的展示\r\n counter: 0, // 获取结果次数\r\n})\r\n\r\n// 支付结果 result => payResult\r\nconst payResult = computed(() => {\r\n if (state.result === 'unpaid') {\r\n return 'waiting'\r\n }\r\n if (state.result === 'paid') {\r\n return 'success'\r\n }\r\n if (state.result === 'failed') {\r\n return 'failed'\r\n }\r\n if (state.result === 'closed') {\r\n return 'closed'\r\n }\r\n})\r\n\r\n// 获得订单信息\r\nasync function getOrderInfo(id) {\r\n state.counter++\r\n // 1. 加载订单信息\r\n const { data, code } = await PayOrderApi.getOrder(id)\r\n if (code === 0) {\r\n state.orderInfo = data\r\n if (!state.orderInfo || state.orderInfo.status === 30) {\r\n // 支付关闭\r\n state.result = 'closed'\r\n return\r\n }\r\n if (state.orderInfo.status !== 0) {\r\n // 非待支付，可能是已支付，可能是已退款\r\n state.result = 'paid'\r\n // #ifdef MP\r\n uni.showModal({\r\n title: '支付结果',\r\n showCancel: false, // 不要取消按钮\r\n content: '支付成功',\r\n success: () => {\r\n // 订阅只能由用户主动触发，只能包一层 showModal 诱导用户点击\r\n autoSubscribeMessage()\r\n },\r\n })\r\n\r\n // #endif\r\n // 特殊：获得商品订单信息\r\n if (state.orderType === 'goods') {\r\n const { data, code } = await OrderApi.getOrder(state.orderInfo.merchantOrderId)\r\n if (code === 0) {\r\n state.tradeOrder = data\r\n }\r\n }\r\n return\r\n }\r\n }\r\n // 2.1 情况三一：未支付，且轮询次数小于三次，则继续轮询\r\n if (state.counter < 3 && state.result === 'unpaid') {\r\n setTimeout(() => {\r\n getOrderInfo(id)\r\n }, 1500)\r\n }\r\n // 2.2 情况二：超过三次检测才判断为支付失败\r\n if (state.counter >= 3) {\r\n state.result = 'failed'\r\n }\r\n}\r\n\r\nfunction onOrder() {\r\n if (state.orderType === 'recharge') {\r\n sheep.$router.redirect('/modules/mall/pay/recharge-log')\r\n } else {\r\n sheep.$router.redirect('/modules/mall/order/list')\r\n }\r\n}\r\n\r\n// #ifdef MP\r\nconst showSubscribeBtn = ref(false) // 默认隐藏\r\nconst SUBSCRIBE_BTN_STATUS_STORAGE_KEY = 'subscribe_btn_status'\r\nfunction subscribeMessage() {\r\n if (state.orderType !== 'goods') {\r\n return\r\n }\r\n const event = [WxaSubscribeTemplate.TRADE_ORDER_DELIVERY]\r\n if (state.tradeOrder.type === 3) {\r\n event.push(WxaSubscribeTemplate.PROMOTION_COMBINATION_SUCCESS)\r\n }\r\n sheep.$platform.useProvider('wechat').subscribeMessage(event, () => {\r\n // 订阅后记录一下订阅状态\r\n uni.removeStorageSync(SUBSCRIBE_BTN_STATUS_STORAGE_KEY)\r\n uni.setStorageSync(SUBSCRIBE_BTN_STATUS_STORAGE_KEY, '已订阅')\r\n // 隐藏订阅按钮\r\n showSubscribeBtn.value = false\r\n })\r\n}\r\nasync function autoSubscribeMessage() {\r\n // 1. 校验是否手动订阅过\r\n const subscribeBtnStatus = uni.getStorageSync(SUBSCRIBE_BTN_STATUS_STORAGE_KEY)\r\n if (!subscribeBtnStatus) {\r\n showSubscribeBtn.value = true\r\n return\r\n }\r\n\r\n // 2. 订阅消息\r\n subscribeMessage()\r\n}\r\n// #endif\r\n\r\nonLoad(async (options) => {\r\n // 支付订单号\r\n if (options.id) {\r\n state.id = options.id\r\n }\r\n // 订单类型\r\n if (options.orderType) {\r\n state.orderType = options.orderType\r\n }\r\n\r\n // 支付结果传值过来是失败，则直接显示失败界面\r\n if (options.payState === 'fail') {\r\n state.result = 'failed'\r\n } else {\r\n // 轮询三次检测订单支付结果\r\n await getOrderInfo(state.id)\r\n }\r\n})\r\n\r\nonShow(() => {\r\n if (isEmpty(state.orderInfo)) {\r\n return\r\n }\r\n getOrderInfo(state.id)\r\n})\r\n\r\nonHide(() => {\r\n state.result = 'unpaid'\r\n state.counter = 0\r\n})\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n \r\n@keyframes rotation {\r\n 0% {\r\n transform: rotate(0deg);\r\n }\r\n\r\n 100% {\r\n transform: rotate(360deg);\r\n }\r\n}\r\n\r\n.score-img {\r\n width: 36rpx;\r\n height: 36rpx;\r\n margin: 0 4rpx;\r\n}\r\n\r\n.pay-result-box {\r\n padding: 60rpx 0;\r\n\r\n .pay-waiting {\r\n display: inline-block;\r\n width: 60rpx;\r\n height: 60rpx;\r\n margin-top: 20rpx;\r\n border: 10rpx solid rgb(233, 231, 231);\r\n border-bottom-color: rgb(204, 204, 204);\r\n border-radius: 50%;\r\n // -webkit-animation: rotation 1s linear infinite;\r\n animation: rotation 1s linear infinite;\r\n }\r\n\r\n .pay-img {\r\n width: 130rpx;\r\n height: 130rpx;\r\n }\r\n\r\n .tip-text {\r\n font-size: 30rpx;\r\n font-weight: bold;\r\n color: #333333;\r\n }\r\n\r\n .pay-total-num {\r\n font-family: OPPOSANS;\r\n font-size: 36rpx;\r\n font-weight: 500;\r\n color: #333333;\r\n }\r\n\r\n .btn-box {\r\n width: 100%;\r\n\r\n .back-btn {\r\n width: 190rpx;\r\n height: 70rpx;\r\n font-size: 28rpx;\r\n font-weight: 400;\r\n color: #595959;\r\n border: 2rpx solid #dfdfdf;\r\n border-radius: 35rpx;\r\n }\r\n\r\n .check-btn {\r\n width: 190rpx;\r\n height: 70rpx;\r\n margin-left: 32rpx;\r\n font-size: 28rpx;\r\n font-weight: 400;\r\n color: #595959;\r\n border: 2rpx solid #dfdfdf;\r\n border-radius: 35rpx;\r\n }\r\n }\r\n\r\n .subscribe-box {\r\n .subscribe-img {\r\n width: 44rpx;\r\n height: 44rpx;\r\n }\r\n\r\n .subscribe-title {\r\n font-size: 32rpx;\r\n font-weight: 500;\r\n line-height: 36rpx;\r\n color: #434343;\r\n }\r\n\r\n .subscribe-start {\r\n font-size: 32rpx;\r\n font-weight: 700;\r\n line-height: 36rpx;\r\n color: var(--ui-BG-Main);\r\n }\r\n }\r\n}\r\n</style>\r\n","import MiniProgramPage from 'D:/App/Work/addr/acdr-ui/src/modules/mall/pay/result.vue'\nwx.createPage(MiniProgramPage)"],"names":["reactive","computed","PayOrderApi","uni","data","code","OrderApi","sheep","ref","WxaSubscribeTemplate","onLoad","onShow","isEmpty","onHide"],"mappings":"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"} |