{"version":3,"sources":["webpack:///./src/views/Booking/OpenBookingPayByMethod.vue?6093","webpack:///./src/views/Booking/OpenBookingPayByMethod.vue","webpack:///src/views/Booking/OpenBookingPayByMethod.vue","webpack:///./src/views/Booking/OpenBookingPayByMethod.vue?32fb","webpack:///./src/views/Booking/OpenBookingPayByMethod.vue?946f"],"names":["render","_vm","this","_c","_self","isFinishLoading","paymentContent","payMethod","staticClass","domProps","_s","paymentUrl","_e","directives","name","rawName","value","isShowAlipayWarning","expression","_m","staticRenderFns","attrs","_v","data","beforeDestroy","$store","dispatch","isHideHeader","isHideFooter","initPage","methods","query","$router","currentRoute","returnUrl","go","orderId","userToken","state","user","isTui","request","userName","openId","wechatOpenId","tuiWechatOpenId","success","api","booking","openBookingSubmitPay","$loading","hide","location","href","decodeURIComponent","needRedirect","$nextTick","processPayMethod","h5wechatPayHandler","wechatPayHandler","mobileAlipayFormHandler","url","encodeURIComponent","paySuccessUrl","paymentId","openBookingOrderId","wechatHelper","isWeixinBrowser","forms","document","getElementsByTagName","submit","unionPayHandler","getElementById","action","process","onBridgeReady","wxParam","wxrdata","JSON","parse","window","WeixinJSBridge","invoke","appId","timeStamp","nonceStr","package","signType","paySign","res","err_msg","setTimeout","computed","component"],"mappings":"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","file":"js/chunk-977328b0.5b01f1af.js","sourcesContent":["export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--10-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--10-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--10-oneOf-1-2!../../../node_modules/less-loader/dist/cjs.js??ref--10-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./OpenBookingPayByMethod.vue?vue&type=style&index=0&id=2850eede&prod&lang=less&scoped=true\"","var render = function render(){var _vm=this,_c=_vm._self._c;return (_vm.isFinishLoading)?_c('div',[(_vm.paymentContent.payMethod=='MOBILE_ALIPAY'||_vm.paymentContent.payMethod=='TUI_MOBILE_ALIPAY')?_c('div',{staticClass:\"payByMethod\",domProps:{\"innerHTML\":_vm._s(_vm.paymentContent.paymentUrl)}}):_vm._e(),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.isShowAlipayWarning),expression:\"isShowAlipayWarning\"}],staticClass:\"page-payment\"},[_vm._m(0),_vm._m(1)])]):_vm._e()\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('div',[_c('img',{staticClass:\"arrow\",attrs:{\"src\":\"https://resource.rcclchina.com.cn/paySuccess/arrow.png\"}})])\n},function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"aliPay_hint\"},[_c('p',[_vm._v(\"点击右上方\")]),_c('p',[_vm._v(\"选择用浏览器打开支付\")])])\n}]\n\nexport { render, staticRenderFns }","<template>\r\n    <div v-if=\"isFinishLoading\">\r\n        <div class=\"payByMethod\" v-if=\"paymentContent.payMethod=='MOBILE_ALIPAY'||paymentContent.payMethod=='TUI_MOBILE_ALIPAY'\" \r\n            v-html=\"paymentContent.paymentUrl\"></div>\r\n        <div class=\"page-payment\" v-show=\"isShowAlipayWarning\">\r\n            <div><img src=\"https://resource.rcclchina.com.cn/paySuccess/arrow.png\" class=\"arrow\"></div>\r\n            <div class=\"aliPay_hint\">\r\n                <p>点击右上方</p>\r\n                <p>选择用浏览器打开支付</p>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport wechatHelper from '@/utilities/wechatHelper'\r\nimport api from '@/api'\r\nexport default {\r\n    name: \"OpenBookingPayByMethod\",\r\n    data() {\r\n        return {\r\n            paymentContent: {},\r\n            isShowAlipayWarning: false,\r\n            isFinishLoading: false\r\n        }\r\n    },\r\n    beforeDestroy () {\r\n        this.$store.dispatch('HIDE_HEADER_BAR', { isHideHeader: false, isHideFooter: false})\r\n    },\r\n    async mounted () {\r\n        this.$store.dispatch('HIDE_HEADER_BAR', { isHideHeader: true, isHideFooter: true})\r\n        await this.initPage()\r\n    },\r\n    methods: {\r\n        async initPage() {\r\n            const query = this.$router.currentRoute.query\r\n            if (!query || !query.returnUrl || query.returnUrl == '') {\r\n                return this.$router.go(-1)\r\n            } \r\n            const orderId = query.orderId\r\n            const payMethod = query.payMethod\r\n            const userToken = this.$store.state.user.userToken\r\n            const isTui = query.isTui && query.isTui == \"true\"\r\n\r\n            let request = {\r\n                orderId: orderId,\r\n                userName: userToken,\r\n                payMethod: payMethod,\r\n                openId: this.$store.state.user.wechatOpenId\r\n            }\r\n            if (isTui) {\r\n                request.openId = this.$store.state.user.tuiWechatOpenId\r\n            }\r\n            const { success, data } = await api.booking.openBookingSubmitPay(request)\r\n            this.$loading.hide()\r\n            if (!success) {\r\n                return location.href = decodeURIComponent(query.returnUrl)\r\n            }\r\n            this.isFinishLoading = true\r\n            if (data.paymentUrl) {\r\n                if (data.needRedirect) {\r\n                    return location.href = data.paymentUrl\r\n                } else {\r\n                    this.paymentContent = data\r\n                    this.$nextTick(()=> {\r\n                        this.processPayMethod()\r\n                    })\r\n                }\r\n            }\r\n        },\r\n        processPayMethod() {\r\n            switch(this.paymentContent.payMethod) {\r\n                case 'TUI_H5_WECHAT_PAY':\r\n                case 'H5_WECHAT_PAY': {\r\n                    this.h5wechatPayHandler()\r\n                    break\r\n                }\r\n                case 'TUI_WECHAT_PAY':\r\n                case 'WECHAT_PAY': {\r\n                    this.wechatPayHandler()\r\n                    break\r\n                }\r\n                case 'TUI_MOBILE_ALIPAY':\r\n                case 'MOBILE_ALIPAY': {\r\n                    this.mobileAlipayFormHandler()\r\n                    break\r\n                }\r\n                default: break\r\n            }\r\n        },\r\n        h5wechatPayHandler() {\r\n            const url = `${this.paymentContent.paymentUrl}&redirect_url=${encodeURIComponent(this.paySuccessUrl)}`\r\n            location.href = url\r\n            //window.location.href = `${this.paymentContent.paymentUrl}&redirect_url=${this.paySuccessUrl}`\r\n        },\r\n        wechatPayHandler () {\r\n            let openId = ''\r\n            if (this.paymentContent.payMethod == 'WECHAT_PAY') {\r\n                openId = this.$store.state.user.wechatOpenId\r\n            } else if (this.paymentContent.payMethod == 'TUI_WECHAT_PAY') {\r\n                openId = this.$store.state.user.tuiWechatOpenId\r\n            }\r\n            \r\n            if (!openId || openId == '') {\r\n                return\r\n            }\r\n\r\n            return location.href = `/Rccl.Booking/Booking/OpenBookingPay?paymentId=${this.paymentContent.paymentId}`\r\n            +`&orderId=${this.paymentContent.openBookingOrderId}&openId=${openId}`\r\n            // if (typeof window.WeixinJSBridge == \"undefined\") {\r\n            //     if (document.addEventListener) {\r\n            //         document.addEventListener('WeixinJSBridgeReady', this.onBridgeReady, false);\r\n            //     } else if (document.attachEvent) {\r\n            //         document.attachEvent('WeixinJSBridgeReady', this.onBridgeReady);\r\n            //         document.attachEvent('onWeixinJSBridgeReady', this.onBridgeReady);\r\n            //     }\r\n            // } else {\r\n            //     this.onBridgeReady()\r\n            // }\r\n        },\r\n        mobileAlipayFormHandler () {\r\n            if (wechatHelper.isWeixinBrowser()) {\r\n                this.isShowAlipayWarning = true\r\n                return\r\n            }\r\n            const forms = document.getElementsByTagName('form')\r\n            if (forms) {\r\n                forms[0].submit()\r\n            }\r\n        },\r\n        unionPayHandler () {\r\n            const forms = document.getElementById('pay_form')\r\n            if (forms) {\r\n                forms.action = process.env.VUE_APP_UNION_PAY_URL\r\n                forms.submit()\r\n            }\r\n        },\r\n        onBridgeReady() {\r\n            const wxParam = this.paymentContent.paymentUrl\r\n            const wxrdata = JSON.parse(wxParam)\r\n            const paySuccessUrl = this.paySuccessUrl\r\n            window.WeixinJSBridge.invoke(\r\n                'getBrandWCPayRequest', {\r\n                \"appId\": wxrdata.appId,     //公众号名称，由商户传入\r\n                \"timeStamp\": wxrdata.timeStamp,         //时间戳，自1970年以来的秒数\r\n                \"nonceStr\": wxrdata.nonceStr, //随机串\r\n                \"package\": wxrdata.package,\r\n                \"signType\": wxrdata.signType,         //微信签名方式：\r\n                \"paySign\": wxrdata.paySign //微信签名\r\n                },\r\n                function (res) {\r\n                    // 使用以上方式判断前端返回,微信团队郑重提示：res.err_msg将在用户支付成功后返回    ok，但并不保证它绝对可靠。\r\n                    if (res.err_msg == \"get_brand_wcpay_request:ok\") {\r\n                        setTimeout(function () {\r\n                            window.location.href = paySuccessUrl\r\n                        }, 2000)\r\n                    }\r\n                }\r\n            );\r\n        },\r\n    },\r\n    computed: {\r\n        paySuccessUrl() {\r\n            return `${process.env.VUE_APP_BASE_URL}${process.env.VUE_APP_OPBK_PAY_SUCCESS_URL}?paymentId=${this.paymentContent.paymentId}&PromotionCampaign=fixedCoupon&PromotionProduct=3`\r\n        }\r\n    }\r\n}\r\n</script>\r\n\r\n<style lang=\"less\" scoped>\r\n.payByMethod {\r\n    display: none;\r\n}\r\n\r\n.page-payment {\r\n    top: -10px;\r\n}\r\n</style>\r\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./OpenBookingPayByMethod.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./OpenBookingPayByMethod.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./OpenBookingPayByMethod.vue?vue&type=template&id=2850eede&scoped=true\"\nimport script from \"./OpenBookingPayByMethod.vue?vue&type=script&lang=js\"\nexport * from \"./OpenBookingPayByMethod.vue?vue&type=script&lang=js\"\nimport style0 from \"./OpenBookingPayByMethod.vue?vue&type=style&index=0&id=2850eede&prod&lang=less&scoped=true\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"2850eede\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}