{"version":3,"sources":["webpack:///./src/views/Booking/OpenBookingPayByMethod.vue?34e4","webpack:///./src/views/Booking/OpenBookingPayByMethod.vue?6f34","webpack:///src/views/Booking/OpenBookingPayByMethod.vue","webpack:///./src/views/Booking/OpenBookingPayByMethod.vue?edff","webpack:///./src/views/Booking/OpenBookingPayByMethod.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","paymentType","indexOf","staticClass","domProps","_s","paymentContent","checkoutShape","_v","orderId","toFixed","staticStyle","attrs","qrCodeUrl","_m","staticRenderFns","clearInterval","confirmCallBack","component"],"mappings":"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","file":"js/chunk-d96f56b0.dd5b3679.js","sourcesContent":["import mod 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=3f57ef03&lang=less&scoped=true&\"; export default mod; 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=3f57ef03&lang=less&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (_vm.paymentType.indexOf('WECHAT')<0)?_c('div',{staticClass:\"payByMethod\",domProps:{\"innerHTML\":_vm._s(_vm.paymentContent.checkoutShape)}}):_c('div',{staticClass:\"payment--container\"},[_c('div',{staticClass:\"payment--title\"},[_c('div',{staticClass:\"transition--message\"},[_c('div',{staticClass:\"message--title\"},[_vm._v(\" 您正在使用微信即时到帐交易，付款后资金直接进入对方账户，若发生退款需联系收款方协商。 \")]),_c('div',{staticClass:\"order--info\"},[_vm._v(\" 皇家加勒比国际游轮 订单号: \"+_vm._s(_vm.orderId)+\" \"),_c('span',{staticClass:\"collect\"},[_vm._v(\"收款方: 皇家加勒比国际游轮\")])])]),_c('div',{staticClass:\"transition--price\"},[_c('div',{staticClass:\"price\"},[_c('span',{staticClass:\"yuan\"},[_vm._v(_vm._s((_vm.totalAmount).toFixed(2)))]),_vm._v(\"元 \")])])]),_c('div',{staticClass:\"payment\"},[_c('div',{staticClass:\"pay-weixin\"},[_c('div',{staticClass:\"p-w-hd\"},[_vm._v(\"微信支付\")]),_c('div',{staticClass:\"scan--scan\"},[_vm._v(\" 扫一扫付款(元) \"),_c('div',{staticClass:\"price\"},[_vm._v(_vm._s((_vm.totalAmount).toFixed(2)))])]),_c('div',{staticClass:\"p-w-bd\",staticStyle:{\"position\":\"relative\"}},[_c('div',{staticClass:\"p-w-container\"},[_c('div',{staticClass:\"p-w-box\"},[_c('div',{staticClass:\"pw-box-hd\"},[_c('img',{attrs:{\"id\":\"weixinImageURL\",\"src\":_vm.qrCodeUrl}})]),_vm._m(0)]),_c('div',{staticClass:\"p-w-sidebar\"})])])])])])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"pw-box-ft\"},[_c('p',[_vm._v(\"请使用微信扫一扫\")]),_c('p',[_vm._v(\"扫描二维码支付\")])])}]\n\nexport { render, staticRenderFns }","<template>\r\n    <div class=\"payByMethod\" v-if=\"paymentType.indexOf('WECHAT')<0\" v-html=\"paymentContent.checkoutShape\"></div>\r\n    <div class=\"payment--container\" v-else>\r\n        <div class=\"payment--title\">\r\n            <div class=\"transition--message\">\r\n                <div class=\"message--title\">\r\n                    您正在使用微信即时到帐交易，付款后资金直接进入对方账户，若发生退款需联系收款方协商。\r\n                   \r\n                </div>\r\n                <div class=\"order--info\">\r\n                    皇家加勒比国际游轮 订单号: {{orderId}}\r\n                    <span class=\"collect\">收款方: 皇家加勒比国际游轮</span>\r\n                </div>\r\n            </div>\r\n            <div class=\"transition--price\">\r\n                <div class=\"price\">\r\n                    <span class=\"yuan\">{{(totalAmount).toFixed(2)}}</span>元\r\n                </div>\r\n                \r\n            </div>\r\n        </div>\r\n        <div class=\"payment\">\r\n            <!-- 微信支付 -->\r\n            <div class=\"pay-weixin\">\r\n                <div class=\"p-w-hd\">微信支付</div>\r\n                <div class=\"scan--scan\">\r\n                    扫一扫付款(元)\r\n                    <div class=\"price\">{{(totalAmount).toFixed(2)}}</div>\r\n                </div>\r\n                <div class=\"p-w-bd\" style=\"position:relative\">\r\n                    <div class=\"p-w-container\">\r\n                        <div class=\"p-w-box\">\r\n                            <div class=\"pw-box-hd\">\r\n                                <img id=\"weixinImageURL\" :src=\"qrCodeUrl\">\r\n                            </div>\r\n                            <div class=\"pw-box-ft\">\r\n                                <p>请使用微信扫一扫</p>\r\n                                <p>扫描二维码支付</p>\r\n                            </div>\r\n                        </div>\r\n                        <div class=\"p-w-sidebar\"></div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n            <!-- 微信支付 end -->\r\n        </div>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport qrcode from 'qrcode'\r\nimport api from '@/api'\r\nexport default {\r\n    name: \"OpenBookingPayByMethod\",\r\n    props: {\r\n        paymentContent: {\r\n            type: Object\r\n        },\r\n        paymentType: {\r\n            type: String\r\n        },\r\n        orderId: {\r\n            type: String\r\n        },\r\n        totalAmount: {\r\n            type: Number,\r\n            default () {\r\n                return 0\r\n            }\r\n        }\r\n    },\r\n    data () {\r\n        return {\r\n            qrCodeUrl: \"\",\r\n            checkPaidInterval: null\r\n        }\r\n    },\r\n    beforeMount () {\r\n        // 如果没有预订参数，返回上一页\r\n        if (!this.paymentContent || !this.paymentType || this.paymentType == '') {\r\n            this.$router.go(-1)\r\n        }\r\n    },\r\n    beforeDestroy () {\r\n        if (this.checkPaidInterval) {\r\n            clearInterval(this.checkPaidInterval)\r\n        }\r\n    },\r\n    mounted () {\r\n        \r\n        switch(this.paymentType) {\r\n            case 'ALIPAY': {\r\n                this.alipayFormHandler()\r\n                break\r\n            }\r\n            case 'UNIONPAY' : {\r\n                this.unionPayHandler()\r\n                break\r\n            }\r\n            case 'WECHATQRCODEPAY': {\r\n                this.wechatQrCodeHandler()\r\n                break\r\n            }\r\n            default: break\r\n        }\r\n    },\r\n    \r\n    methods: {\r\n        alipayFormHandler () {\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        async wechatQrCodeHandler () {\r\n            if (this.paymentContent&&this.paymentContent.checkoutShape) {\r\n                this.qrCodeUrl = await qrcode.toDataURL(this.paymentContent.checkoutShape)\r\n                this.checkPaidInterval = setInterval(this.checkPaid, 2000)\r\n            }\r\n        },\r\n        async checkPaid () {\r\n            const { success, data } = await api.booking.checkPaid({\r\n                paymentId: this.paymentContent.requestId\r\n            })\r\n            if (success && data) {\r\n                if (this.checkPaidInterval) {\r\n                    clearInterval(this.checkPaidInterval)\r\n                }\r\n                const self = this\r\n                this.$alert.show(\"支付成功！\", {\r\n                    confirmCallBack: ()=> {\r\n                        location.href = self.paySuccessUrl\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.payment--container {\r\n    background: #f0f1f3;\r\n    .payment--title {\r\n        height: 82px;\r\n        width: 990px;\r\n        margin: 0 auto;\r\n        .transition--message {\r\n            float: left;\r\n            height: 82px;\r\n            width: 700px;\r\n            overflow: hidden;\r\n            .message--title {\r\n                color: #333333;\r\n                font-weight: 500;\r\n                height: 41px;\r\n                line-height: 61px;\r\n                padding-left: 30px;\r\n            }\r\n            .order--info {\r\n                color: #333333;\r\n                font-size: 15px;\r\n                font-weight: 600;\r\n                height: 41px;\r\n                line-height: 41px;\r\n                padding-left: 30px;\r\n                .collect {\r\n                    font-weight: 500;\r\n                    display: inline-block;\r\n                    margin-left: 20px;\r\n                }\r\n            }\r\n        }\r\n        .transition--price {\r\n            float: left;\r\n            height: 82px;\r\n            width: 290px;\r\n            overflow: hidden;\r\n            .price {\r\n                color: #333333;\r\n                height: 41px;\r\n                font-weight: 500;\r\n                text-align: right;\r\n                line-height: 81px;\r\n                padding-right: 30px;\r\n                .yuan {\r\n                    color: #e35d14;\r\n                    font-size: 22px;\r\n                    font-weight: 600;\r\n                    display: inline-block;\r\n                    margin-right: 3px;\r\n                }\r\n            }\r\n        }\r\n    }\r\n\r\n    .payment {\r\n        width: 990px;\r\n        height: 511px;\r\n        margin: 0 auto 0px;\r\n        background-color: #fff;\r\n        padding: 12px 30px 50px;\r\n        -moz-box-shadow: 0px 1px 25px rgba(0, 0, 0, 0.1);\r\n        -webkit-box-shadow: 0px 1px 25px rgba(0, 0, 0, 0.1);\r\n        box-shadow: 0px 1px 25px rgba(0, 0, 0, 0.1);\r\n        -moz-transition: all .2s ease-in-out;\r\n        -o-transition: all .2s ease-in-out;\r\n        -webkit-transition: all .2s ease-in-out;\r\n        transition: all .2s ease-in-out;\r\n        .pay-weixin {\r\n            zoom: 1;\r\n            .p-w-hd {\r\n                margin-bottom: 20px;\r\n                font-size: 18px;\r\n                font-family: \"Microsoft Yahei\";\r\n            }\r\n            .scan--scan {\r\n                text-align: center;\r\n                .price {\r\n                    color: #e35d14;\r\n                    font-size: 22px;\r\n                    font-weight: 600;\r\n                    margin: 5px 0 10px;\r\n                }\r\n            }\r\n            .p-w-bd {\r\n                margin-bottom: 30px;\r\n                .p-w-container {\r\n                    width: 298px;\r\n                    height: auto;\r\n                    margin: 0 auto;\r\n                    -moz-box-shadow: 0 0 20px rgba(0,0,0,.12);\r\n                    -webkit-box-shadow: 0 0 20px rgba(0,0,0,.12);\r\n                    box-shadow: 0 0 20px rgba(0,0,0,.12);\r\n                    .p-w-box {\r\n                        margin: 0 auto;\r\n                        width: 300px;\r\n                        .pw-box-hd {\r\n                            margin-bottom: 20px;\r\n                            border: 1px solid #ddd;\r\n                            width: 298px;\r\n                            height: 298px;\r\n                            img {\r\n                                width: 100%;\r\n                                height: 100%;\r\n                                position: relative;\r\n                                top: 0%;\r\n                                left: 0%;\r\n                            }\r\n                        }\r\n                        .pw-box-ft {\r\n                            height: 60px;\r\n                            padding: 8px 0 8px 95px;\r\n                            background:#061556;\r\n                            p {\r\n                                margin: 0;\r\n                                font-size: 14px;\r\n                                line-height: 22px;\r\n                                color: #fff;\r\n                                font-weight: 700;\r\n                            }\r\n                        }\r\n                    }\r\n                }\r\n            }\r\n        }\r\n    }\r\n}\r\n</style>","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=3f57ef03&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=3f57ef03&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  \"3f57ef03\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}