1 line
10 KiB
Plaintext
1 line
10 KiB
Plaintext
{"version":3,"file":"index.js","sources":["../../../../../../src/modules/mall/pay/index.vue","../../../../../../uniPage:/bW9kdWxlc1xtYWxsXHBheVxpbmRleC52dWU"],"sourcesContent":["<!-- 收银台 -->\r\n<template>\r\n <s-layout title=\"收银台\">\r\n <view class=\"bg-white ss-modal-box ss-flex-col\">\r\n <!-- 订单信息 -->\r\n <view class=\"modal-header ss-flex-col ss-col-center ss-row-center\">\r\n <view class=\"money-box ss-m-b-20\">\r\n <text class=\"money-text\">{{ fen2yuan(state.orderInfo.price) }}</text>\r\n </view>\r\n <view class=\"time-text\">\r\n <text>{{ payDescText }}</text>\r\n </view>\r\n </view>\r\n\r\n <!-- 支付方式 -->\r\n <view class=\"modal-content ss-flex-1\">\r\n <view class=\"pay-title ss-p-l-30 ss-m-y-30\">选择支付方式</view>\r\n <radio-group @change=\"onTapPay\">\r\n <label class=\"pay-type-item\" v-for=\"item in state.payMethods\" :key=\"item.title\">\r\n <view\r\n class=\"pay-item ss-flex ss-col-center ss-row-between ss-p-x-30 border-bottom\"\r\n :class=\"{ 'disabled-pay-item': item.disabled }\"\r\n >\r\n <view class=\"ss-flex ss-col-center\">\r\n <image\r\n class=\"pay-icon\"\r\n v-if=\"item.disabled\"\r\n :src=\"sheep.$url.static('/static/img/shop/pay/cod_disabled.png')\"\r\n mode=\"aspectFit\"\r\n />\r\n <image\r\n class=\"pay-icon\"\r\n v-else\r\n :src=\"sheep.$url.static(item.icon)\"\r\n mode=\"aspectFit\"\r\n />\r\n <text class=\"pay-title\">{{ item.title }}</text>\r\n </view>\r\n <view class=\"check-box ss-flex ss-col-center ss-p-l-10\">\r\n <view class=\"userInfo-money ss-m-r-10\" v-if=\"item.value === 'wallet'\">\r\n 余额: {{ fen2yuan(userWallet.balance) }}元\r\n </view>\r\n <radio\r\n :value=\"item.value\"\r\n color=\"var(--ui-BG-Main)\"\r\n style=\"transform: scale(0.8)\"\r\n :disabled=\"item.disabled\"\r\n :checked=\"state.payment === item.value\"\r\n />\r\n </view>\r\n </view>\r\n </label>\r\n </radio-group>\r\n </view>\r\n\r\n <!-- 工具 -->\r\n <view class=\"modal-footer ss-flex ss-row-center ss-col-center ss-m-t-80 ss-m-b-40\">\r\n <button v-if=\"state.payStatus === 0\" class=\"ss-reset-button past-due-btn\">\r\n 检测支付环境中\r\n </button>\r\n <button v-else-if=\"state.payStatus === -1\" class=\"ss-reset-button past-due-btn\" disabled>\r\n 支付已过期\r\n </button>\r\n <button\r\n v-else\r\n class=\"ss-reset-button save-btn\"\r\n @tap=\"onPay\"\r\n :disabled=\"state.payStatus !== 1\"\r\n :class=\"{ 'disabled-btn': state.payStatus !== 1 }\"\r\n >\r\n 立即支付\r\n </button>\r\n </view>\r\n </view>\r\n </s-layout>\r\n</template>\r\n<script setup>\r\nimport { computed, reactive } from 'vue'\r\nimport { onLoad } from '@dcloudio/uni-app'\r\nimport sheep from '@/sheep'\r\nimport { fen2yuan, useDurationTime } from '@/sheep/hooks/useGoods'\r\nimport PayOrderApi from '@/sheep/api/pay/order'\r\nimport PayChannelApi from '@/sheep/api/pay/channel'\r\nimport { getPayMethods } from '@/sheep/platform/pay'\r\n\r\nconst userWallet = computed(() => sheep.$store('user').userWallet)\r\n\r\n// 检测支付环境\r\nconst state = reactive({\r\n orderType: 'goods', // 订单类型; goods - 商品订单, recharge - 充值订单\r\n orderInfo: {}, // 支付单信息\r\n payStatus: 0, // 0=检测支付环境, -2=未查询到支付单信息， -1=支付已过期， 1=待支付，2=订单已支付\r\n payMethods: [], // 可选的支付方式\r\n payment: '', // 选中的支付方式\r\n})\r\n\r\nconst onPay = () => {\r\n if (state.payment === '') {\r\n sheep.$helper.toast('请选择支付方式')\r\n return\r\n }\r\n if (state.payment === 'wallet') {\r\n uni.showModal({\r\n title: '提示',\r\n content: '确定要支付吗?',\r\n success: function (res) {\r\n if (res.confirm) {\r\n sheep.$platform.pay(state.payment, state.orderType, state.orderInfo.id)\r\n }\r\n },\r\n })\r\n } else {\r\n sheep.$platform.pay(state.payment, state.orderType, state.orderInfo.id)\r\n }\r\n}\r\n\r\n// 支付文案提示\r\nconst payDescText = computed(() => {\r\n if (state.payStatus === 2) {\r\n return '该订单已支付'\r\n }\r\n if (state.payStatus === 1) {\r\n const time = useDurationTime(state.orderInfo.expireTime)\r\n if (time.ms <= 0) {\r\n state.payStatus = -1\r\n return ''\r\n }\r\n return `剩余支付时间 ${time.h}:${time.m}:${time.s} `\r\n }\r\n if (state.payStatus === -2) {\r\n return '未查询到支付单信息'\r\n }\r\n return ''\r\n})\r\n\r\n// 状态转换：payOrder.status => payStatus\r\nfunction checkPayStatus() {\r\n if (state.orderInfo.status === 10 || state.orderInfo.status === 20) {\r\n // 支付成功\r\n state.payStatus = 2\r\n return\r\n }\r\n if (state.orderInfo.status === 30) {\r\n // 支付关闭\r\n state.payStatus = -1\r\n return\r\n }\r\n state.payStatus = 1 // 待支付\r\n}\r\n\r\n// 切换支付方式\r\nfunction onTapPay(e) {\r\n state.payment = e.detail.value\r\n}\r\n\r\n// 设置支付订单信息\r\nasync function setOrder(id) {\r\n // 获得支付订单信息\r\n const { data, code } = await PayOrderApi.getOrder(id)\r\n if (code !== 0 || !data) {\r\n state.payStatus = -2\r\n return\r\n }\r\n state.orderInfo = data\r\n // 获得支付方式\r\n await setPayMethods()\r\n // 设置支付状态\r\n checkPayStatus()\r\n}\r\n\r\n// 获得支付方式\r\nasync function setPayMethods() {\r\n const { data, code } = await PayChannelApi.getEnableChannelCodeList(state.orderInfo.appId)\r\n if (code !== 0) {\r\n return\r\n }\r\n state.payMethods = getPayMethods(data)\r\n}\r\n\r\nonLoad((options) => {\r\n if (\r\n sheep.$platform.name === 'WechatOfficialAccount' &&\r\n sheep.$platform.os === 'ios' &&\r\n !sheep.$platform.landingPage.includes('pages/pay/index')\r\n ) {\r\n location.reload()\r\n return\r\n }\r\n // 获得支付订单信息\r\n const id = options.id\r\n if (options.orderType) {\r\n state.orderType = options.orderType\r\n }\r\n setOrder(id)\r\n // 刷新钱包的缓存\r\n sheep.$store('user').getWallet()\r\n})\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n \r\n.pay-icon {\r\n width: 36rpx;\r\n height: 36rpx;\r\n margin-right: 26rpx;\r\n}\r\n\r\n.ss-modal-box {\r\n // max-height: 1000rpx;\r\n\r\n .modal-header {\r\n position: relative;\r\n padding: 60rpx 20rpx 40rpx;\r\n\r\n .money-text {\r\n font-family: OPPOSANS;\r\n font-size: 46rpx;\r\n font-weight: bold;\r\n color: $red;\r\n\r\n &::before {\r\n font-size: 30rpx;\r\n content: '￥';\r\n }\r\n }\r\n\r\n .time-text {\r\n font-size: 26rpx;\r\n color: $gray-b;\r\n }\r\n\r\n .close-icon {\r\n position: absolute;\r\n top: 10rpx;\r\n right: 20rpx;\r\n font-size: 46rpx;\r\n opacity: 0.2;\r\n }\r\n }\r\n\r\n .modal-content {\r\n overflow-y: auto;\r\n\r\n .pay-title {\r\n font-size: 26rpx;\r\n font-weight: 500;\r\n color: #333333;\r\n }\r\n\r\n .pay-tip {\r\n font-size: 26rpx;\r\n color: #bbbbbb;\r\n }\r\n\r\n .pay-item {\r\n height: 86rpx;\r\n }\r\n .disabled-pay-item {\r\n .pay-title {\r\n color: #999999;\r\n }\r\n }\r\n\r\n .userInfo-money {\r\n font-size: 26rpx;\r\n line-height: normal;\r\n color: #bbbbbb;\r\n }\r\n }\r\n\r\n .save-btn {\r\n width: 710rpx;\r\n height: 80rpx;\r\n color: $white;\r\n background: linear-gradient(90deg, var(--ui-BG-Main), var(--ui-BG-Main-gradient));\r\n border-radius: 40rpx;\r\n }\r\n .disabled-btn {\r\n color: #999999;\r\n background: #e5e5e5;\r\n }\r\n\r\n .past-due-btn {\r\n width: 710rpx;\r\n height: 80rpx;\r\n color: #fff;\r\n background-color: #999;\r\n border-radius: 40rpx;\r\n }\r\n}\r\n</style>\r\n","import MiniProgramPage from 'D:/App/Work/addr/acdr-ui/src/modules/mall/pay/index.vue'\nwx.createPage(MiniProgramPage)"],"names":["computed","sheep","reactive","uni","useDurationTime","PayOrderApi","PayChannelApi","getPayMethods","onLoad"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqFA,UAAA,aAAAA,cAAA,SAAA,MAAAC,YAAAA,MAAA,OAAA,MAAA,EAAA,UAAA;AAGA,UAAA,QAAAC,cAAAA,SAAA;AAAA,MACA,WAAA;AAAA;AAAA,MACA,WAAA,CAAA;AAAA;AAAA,MACA,WAAA;AAAA;AAAA,MACA,YAAA,CAAA;AAAA;AAAA,MACA,SAAA;AAAA;AAAA,IACA,CAAA;AAEA,UAAA,QAAA,MAAA;AACA,UAAA,MAAA,YAAA,IAAA;AACAD,0BAAA,QAAA,MAAA,SAAA;AACA;AAAA,MACA;AACA,UAAA,MAAA,YAAA,UAAA;AACAE,sBAAAA,MAAA,UAAA;AAAA,UACA,OAAA;AAAA,UACA,SAAA;AAAA,UACA,SAAA,SAAA,KAAA;AACA,gBAAA,IAAA,SAAA;AACAF,gCAAA,UAAA,IAAA,MAAA,SAAA,MAAA,WAAA,MAAA,UAAA,EAAA;AAAA,YACA;AAAA,UACA;AAAA,QACA,CAAA;AAAA,MACA,OAAA;AACAA,0BAAA,UAAA,IAAA,MAAA,SAAA,MAAA,WAAA,MAAA,UAAA,EAAA;AAAA,MACA;AAAA,IACA;AAGA,UAAA,cAAAD,cAAA,SAAA,MAAA;AACA,UAAA,MAAA,cAAA,GAAA;AACA,eAAA;AAAA,MACA;AACA,UAAA,MAAA,cAAA,GAAA;AACA,cAAA,OAAAI,qBAAA,gBAAA,MAAA,UAAA,UAAA;AACA,YAAA,KAAA,MAAA,GAAA;AACA,gBAAA,YAAA;AACA,iBAAA;AAAA,QACA;AACA,eAAA,UAAA,KAAA,CAAA,IAAA,KAAA,CAAA,IAAA,KAAA,CAAA;AAAA,MACA;AACA,UAAA,MAAA,cAAA,IAAA;AACA,eAAA;AAAA,MACA;AACA,aAAA;AAAA,IACA,CAAA;AAGA,aAAA,iBAAA;AACA,UAAA,MAAA,UAAA,WAAA,MAAA,MAAA,UAAA,WAAA,IAAA;AAEA,cAAA,YAAA;AACA;AAAA,MACA;AACA,UAAA,MAAA,UAAA,WAAA,IAAA;AAEA,cAAA,YAAA;AACA;AAAA,MACA;AACA,YAAA,YAAA;AAAA,IACA;AAGA,aAAA,SAAA,GAAA;AACA,YAAA,UAAA,EAAA,OAAA;AAAA,IACA;AAGA,aAAA,SAAA,IAAA;AAAA;AAEA,cAAA,EAAA,MAAA,KAAA,IAAA,MAAAC,oBAAA,YAAA,SAAA,EAAA;AACA,YAAA,SAAA,KAAA,CAAA,MAAA;AACA,gBAAA,YAAA;AACA;AAAA,QACA;AACA,cAAA,YAAA;AAEA,cAAA,cAAA;AAEA,uBAAA;AAAA,MACA;AAAA;AAGA,aAAA,gBAAA;AAAA;AACA,cAAA,EAAA,MAAA,SAAA,MAAAC,sBAAA,cAAA,yBAAA,MAAA,UAAA,KAAA;AACA,YAAA,SAAA,GAAA;AACA;AAAA,QACA;AACA,cAAA,aAAAC,mBAAA,cAAA,IAAA;AAAA,MACA;AAAA;AAEAC,kBAAA,OAAA,CAAA,YAAA;AACA,UACAP,kBAAA,UAAA,SAAA,2BACAA,kBAAA,UAAA,OAAA,SACA,CAAAA,YAAA,MAAA,UAAA,YAAA,SAAA,iBAAA,GACA;AACA,iBAAA,OAAA;AACA;AAAA,MACA;AAEA,YAAA,KAAA,QAAA;AACA,UAAA,QAAA,WAAA;AACA,cAAA,YAAA,QAAA;AAAA,MACA;AACA,eAAA,EAAA;AAEAA,kBAAAA,MAAA,OAAA,MAAA,EAAA,UAAA;AAAA,IACA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACnMA,GAAG,WAAW,eAAe;"} |