{"version":3,"sources":["webpack:///./src/views/Booking/OpenBookingPay.vue","webpack:///src/views/Booking/OpenBookingPay.vue","webpack:///./src/views/Booking/OpenBookingPay.vue?f1bb","webpack:///./src/views/Booking/OpenBookingPay.vue?a800","webpack:///./src/views/Booking/OpenBookingPay.vue?2fef"],"names":["render","_vm","this","_c","_self","staticClass","_v","_s","campaign","campaignName","campaignSubTitle","pageData","bookingId","attrs","detailLink","campaignImage","lastName","firstName","gender","dateOfBirth","telephone","amount","class","active","paymentType","on","$event","_m","submitPayment","staticRenderFns","name","data","beforeMount","$store","commit","initPage","mounted","dispatch","isHideHeader","isHideFooter","beforeDestroy","methods","userToken","state","user","length","$router","push","query","returnUrl","encodeURIComponent","location","href","currentRoute","orderId","go","success","errMsg","api","booking","openBookingPay","userName","openBookingStatus","isTui","tuiCampaignHandler","$alert","show","wechatHelper","isWeixinBrowser","tuiWechatOpenId","tuiWechatAuth","computed","platform","component"],"mappings":"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","file":"js/chunk-c2e9fea2.ad75fecb.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"page-content-ptb js-smartScroll noScroll\"},[_c('div',{staticClass:\"order scroll-container\"},[_c('div',{staticClass:\"route-info\"},[_c('div',{staticClass:\"route-name\"},[_vm._v(\" \"+_vm._s(_vm.campaign.campaignName)+\" \")]),_c('div',{staticClass:\"route-ship\"},[_vm._v(\" \"+_vm._s(_vm.campaign.campaignSubTitle)+\" \")]),_c('div',{staticClass:\"order-line\"})]),_c('div',{staticClass:\"cabinItem-wrap\"},[_c('div',{staticClass:\"cabinItem active\"},[_c('div',{staticClass:\"cabinItem-m\"},[_c('div',{staticClass:\"cabinItem-title\"},[_c('div',{staticClass:\"cabinItem-title-num\"},[_c('div',{staticClass:\"cabinItem-title-num-txt1\"},[_vm._v(\"船票预订号:\")]),_c('div',{staticClass:\"cabinItem-title-num-txt2\"},[_vm._v(_vm._s(_vm.pageData.bookingId || '48小时内生成'))])])]),_c('div',{staticClass:\"cabinItem-box\"},[_c('div',{staticClass:\"cabinItem-img\"},[_c('router-link',{staticClass:\"external\",attrs:{\"to\":_vm.detailLink}},[_c('img',{attrs:{\"src\":_vm.campaign.campaignImage}})])],1),_c('div',{staticClass:\"cabinItem-info\"},[_c('div',{staticClass:\"cabinItem-info-title\"},[_c('div',{staticClass:\"cabinItem-info-title-l\"},[_vm._v(_vm._s(_vm.pageData.lastName + _vm.pageData.firstName))])]),_c('div',{staticClass:\"cabinItem-info-brief\"},[_vm._v(_vm._s(_vm.pageData.gender == 'F' ? '女': '男')+\"  |   \"+_vm._s(_vm.pageData.dateOfBirth))]),_c('div',{staticClass:\"cabinItem-info-num\"},[_vm._v(\" \"+_vm._s(_vm.pageData.telephone)+\" \")])])]),_c('div',{staticClass:\"cabinItem-price\"},[_c('span',{staticClass:\"unit\"},[_vm._v(\"¥\")]),_vm._v(\" \"+_vm._s(_vm.pageData.amount)+\" \")])])])])]),_c('div',{staticClass:\"common-box payMethod scroll-container\"},[_c('div',{staticClass:\"payMethod-cell\",class:{ active: _vm.paymentType=='MOBILE_ALIPAY'},on:{\"click\":function($event){_vm.paymentType='MOBILE_ALIPAY'}}},[_vm._m(0),_vm._m(1)]),_c('div',{staticClass:\"payMethod-cell\",class:{ active: _vm.paymentType=='H5_WECHAT_PAY'},on:{\"click\":function($event){_vm.paymentType='H5_WECHAT_PAY'}}},[_vm._m(2),_vm._m(3)])]),_c('div',{staticClass:\"toPay-m\"},[_c('div',{staticClass:\"toPay-m-l\"},[_vm._m(4),_c('div',{staticClass:\"toPay-m-txt\"},[_vm._v(\"应付总计:￥\")]),_c('div',{staticClass:\"toPay-m-price\"},[_vm._v(_vm._s(_vm.pageData.amount))])]),_c('div',{staticClass:\"toPay-m-r\",on:{\"click\":_vm.submitPayment}},[_vm._v(\"立即支付\")])])])\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"payMethod-cell-m\"},[_c('img',{attrs:{\"src\":\"https://resource.rcclchina.com.cn/RcclHP/alipay.png\"}}),_vm._v(\" 支付宝支付 \")])\n},function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"payMethod-cell-hook\"},[_c('img',{attrs:{\"src\":\"https://resource.rcclchina.com.cn/RcclHP/BOOKING/icon10.png\"}})])\n},function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"payMethod-cell-m\"},[_c('img',{attrs:{\"src\":\"https://resource.rcclchina.com.cn/content/weixinimg3.png\"}}),_vm._v(\" 微信支付 \")])\n},function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"payMethod-cell-hook\"},[_c('img',{attrs:{\"src\":\"https://resource.rcclchina.com.cn/RcclHP/BOOKING/icon10.png\"}})])\n},function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"toPay-m-num\"},[_c('span',{attrs:{\"id\":\"toPayNum\"}},[_vm._v(\"1\")]),_vm._v(\"张订单\")])\n}]\n\nexport { render, staticRenderFns }","<template>\r\n    <div class=\"page-content-ptb js-smartScroll noScroll\">\r\n        <div class=\"order scroll-container\">\r\n            <div class=\"route-info\">\r\n                <div class=\"route-name\">\r\n                    {{campaign.campaignName}}\r\n                </div>\r\n\r\n                <div class=\"route-ship\">\r\n                    {{campaign.campaignSubTitle}}\r\n                </div>\r\n                <div class=\"order-line\"></div>\r\n            </div>\r\n            <div class=\"cabinItem-wrap\">\r\n                <div class=\"cabinItem active\">\r\n                    <div class=\"cabinItem-m \">\r\n                        <div class=\"cabinItem-title\">\r\n                            <div class=\"cabinItem-title-num\">\r\n                                <div class=\"cabinItem-title-num-txt1\">船票预订号:</div>\r\n                                <div class=\"cabinItem-title-num-txt2\">{{pageData.bookingId || '48小时内生成' }}</div>\r\n                            </div>\r\n                        </div>\r\n                        <div class=\"cabinItem-box\">\r\n                            <div class=\"cabinItem-img\">\r\n                                <router-link :to=\"detailLink\" class=\"external\">\r\n                                    <img class=\"\"\r\n                                        :src=\"campaign.campaignImage\">\r\n                                </router-link>\r\n                            </div>\r\n                            <div class=\"cabinItem-info\">\r\n                                <div class=\"cabinItem-info-title\">\r\n                                    <div class=\"cabinItem-info-title-l\">{{pageData.lastName + pageData.firstName}}</div>\r\n                                </div>\r\n                                <div class=\"cabinItem-info-brief\">{{pageData.gender == 'F' ? '女': '男'}}&nbsp;&nbsp;|&nbsp;&nbsp; {{pageData.dateOfBirth}}</div>\r\n\r\n                                <div class=\"cabinItem-info-num \">\r\n                                    {{pageData.telephone}}\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n\r\n                        <div class=\"cabinItem-price\">\r\n                            <span class=\"unit\">¥</span>\r\n                            {{pageData.amount}}\r\n                        </div>\r\n\r\n                    </div>\r\n                   \r\n                </div>\r\n            </div>\r\n        </div>\r\n        <div class=\"common-box payMethod scroll-container\">\r\n            <div class=\"payMethod-cell\" :class=\"{ active: paymentType=='MOBILE_ALIPAY'}\" @click=\"paymentType='MOBILE_ALIPAY'\">\r\n                <div class=\"payMethod-cell-m\">\r\n                    <img src=\"https://resource.rcclchina.com.cn/RcclHP/alipay.png\">\r\n                    支付宝支付\r\n                </div>\r\n                <div class=\"payMethod-cell-hook\">\r\n                    <img src=\"https://resource.rcclchina.com.cn/RcclHP/BOOKING/icon10.png\">\r\n                </div>\r\n            </div>\r\n            <div class=\"payMethod-cell\" :class=\"{ active: paymentType=='H5_WECHAT_PAY'}\" @click=\"paymentType='H5_WECHAT_PAY'\">\r\n                <div class=\"payMethod-cell-m\">\r\n                    <img src=\"https://resource.rcclchina.com.cn/content/weixinimg3.png\">\r\n                    微信支付\r\n                </div>\r\n                <div class=\"payMethod-cell-hook\">\r\n                    <img src=\"https://resource.rcclchina.com.cn/RcclHP/BOOKING/icon10.png\">\r\n                </div>\r\n            </div>\r\n        </div>\r\n\r\n        <div class=\"toPay-m\">\r\n            <div class=\"toPay-m-l\">\r\n                <div class=\"toPay-m-num\"><span id=\"toPayNum\">1</span>张订单</div>\r\n                <div class=\"toPay-m-txt\">应付总计:￥</div>\r\n                <div class=\"toPay-m-price\">{{pageData.amount}}</div>\r\n            </div>\r\n            <div class=\"toPay-m-r\" @click=\"submitPayment\">立即支付</div>\r\n        </div>\r\n\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport api from '@/api'\r\nimport wechatHelper from '@/utilities/wechatHelper'\r\nexport default {\r\n    name: \"OpenBookingPay\",\r\n    data () {\r\n        return {\r\n            paymentType: 'MOBILE_ALIPAY',\r\n            pageData: {}\r\n        }\r\n    },\r\n    beforeMount() {\r\n        this.$store.commit('SET_PAGE_TITLE', '支付订单')\r\n        this.initPage()\r\n    },\r\n    mounted() {\r\n        this.$store.dispatch('HIDE_HEADER_BAR', { isHideHeader: false, isHideFooter: true})\r\n    },\r\n    beforeDestroy () {\r\n        this.$store.dispatch('HIDE_HEADER_BAR', { isHideHeader: false, isHideFooter: false})\r\n    },\r\n    methods: {\r\n        async initPage () {\r\n            const userToken = this.$store.state.user.userToken\r\n            if (!userToken || userToken.length == 0) {\r\n                return this.$router.push({ name: 'Login', query:{ \r\n                    returnUrl: encodeURIComponent(location.href)\r\n                }})\r\n            }\r\n\r\n            const query = this.$router.currentRoute.query\r\n            if (!query || !query.orderId || query.orderId == '') {\r\n                return this.$router.go(-1)\r\n            }\r\n\r\n            const { success, data, errMsg } = await api.booking.openBookingPay({\r\n                orderId: query.orderId,\r\n                userName: userToken\r\n            })\r\n            if (!success) {\r\n                if (errMsg && errMsg.length > 0) {\r\n                    this.$alert.show(errMsg)\r\n                }\r\n                return this.$router.go(-1)\r\n            }\r\n            if (data.openBookingStatus > 0) {\r\n                return this.$router.go(-1)\r\n            }\r\n            this.pageData = data\r\n            if (this.isTui) {\r\n                this.tuiCampaignHandler()\r\n            }\r\n        },\r\n        tuiCampaignHandler () {\r\n            if (!wechatHelper.isWeixinBrowser()) return\r\n\r\n            const tuiWechatOpenId = this.$store.state.user.tuiWechatOpenId\r\n            if (!tuiWechatOpenId || tuiWechatOpenId == '') {\r\n                return wechatHelper.tuiWechatAuth()\r\n            }\r\n        },\r\n        async submitPayment() {\r\n            // this.$loading.show()\r\n            // const userToken = this.$store.state.user.userToken\r\n            let paymentType = this.paymentType + ''\r\n            if (wechatHelper.isWeixinBrowser() && paymentType == 'H5_WECHAT_PAY') {\r\n                paymentType = 'WECHAT_PAY'\r\n            } \r\n\r\n            return location.href = `/Rccl.Booking/OpenBooking/PayByMethod`\r\n                + `?orderId=${this.pageData.orderId}&payMethod=${paymentType}`\r\n                + `&isTui=${this.isTui}&returnUrl=${encodeURIComponent(location.href)}`\r\n\r\n            // let request = {\r\n            //     orderId: this.pageData.orderId,\r\n            //     userName: userToken,\r\n            //     payMethod: paymentType,\r\n            //     openId: this.$store.state.user.wechatOpenId\r\n            // }\r\n            // if (this.isTui) {\r\n            //     request.openId = this.$store.state.user.tuiWechatOpenId\r\n            // }\r\n            // const { success, data, errMsg } = await api.booking.openBookingSubmitPay(request)\r\n            // this.$loading.hide()\r\n            // if (!success) {\r\n            //     if (errMsg && errMsg.length > 0) {\r\n            //         this.$alert.show(errMsg)\r\n            //         return\r\n            //     }\r\n            // }\r\n            // if (data.paymentUrl) {\r\n            //     if (data.needRedirect) {\r\n            //         return location.href = data.paymentUrl\r\n            //     } else {\r\n            //         this.$router.push({\r\n            //             name: \"OpenBookingPayByMethod\",\r\n            //             params: {\r\n            //                 paymentContent: data\r\n            //             },\r\n            //             query: {\r\n            //                 returnUrl: encodeURIComponent(location.href)\r\n            //             }\r\n            //         })\r\n            //     }\r\n            // }\r\n        }\r\n    },\r\n    computed: {\r\n        campaign () {\r\n            return this.pageData.campaign || {}\r\n        },\r\n        detailLink () {\r\n            return { name: \"OpenBookingDetail\", query: { orderId: this.pageData.orderId}}\r\n        },\r\n        isTui () {\r\n            return this.campaign.platform == \"TUI\"\r\n        }\r\n    }\r\n}\r\n</script>\r\n\r\n<style lang=\"less\" scoped>\r\n.page-content-ptb {\r\n    padding-bottom: 49px;\r\n    padding-top: 10px;\r\n}\r\nimg {\r\n    max-width: 100%;\r\n    z-index: 99;\r\n}\r\n\r\n.order {\r\n    width: 355px;\r\n    margin: 10px auto 10px;\r\n    padding: 0 10px;\r\n    border-radius: 5px;\r\n    background-color: #fff;\r\n    border: 1px solid #FEBC10;\r\n    border-top: 5px solid #FEBC10;\r\n    -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);\r\n    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);\r\n    .route-info {\r\n        padding: 14px 0 0;\r\n        .route-name {\r\n            padding-bottom: 5px;\r\n            font-size: 14px;\r\n            line-height: 20px;\r\n            color: #333;\r\n            font-weight: bold;\r\n        }\r\n        .route-ship {\r\n            font-size: 12px;\r\n            line-height: 16px;\r\n            color: #666;\r\n        }\r\n        .order-line {\r\n            margin-top: 16px;\r\n        }\r\n    }\r\n    .cabinItem {\r\n        position: relative;\r\n        display: -webkit-box;\r\n        display: -webkit-flex;\r\n        display: -moz-box;\r\n        display: -ms-flexbox;\r\n        display: flex;\r\n        .cabinItem-m {\r\n            -webkit-box-flex: 1;\r\n            -webkit-flex: 1;\r\n            -moz-box-flex: 1;\r\n            -ms-flex: 1;\r\n            flex: 1;\r\n            padding-bottom: 7px;\r\n            .cabinItem-title {\r\n                display: -webkit-box;\r\n                display: -webkit-flex;\r\n                display: -moz-box;\r\n                display: -ms-flexbox;\r\n                display: flex;\r\n                -webkit-box-align: center;\r\n                -webkit-align-items: center;\r\n                -moz-box-align: center;\r\n                -ms-flex-align: center;\r\n                align-items: center;\r\n                padding: 12px 0;\r\n                .cabinItem-title-num {\r\n                    -webkit-box-flex: 1;\r\n                    -webkit-flex: 1;\r\n                    -moz-box-flex: 1;\r\n                    -ms-flex: 1;\r\n                    flex: 1;\r\n                    display: -webkit-box;\r\n                    display: -webkit-flex;\r\n                    display: -moz-box;\r\n                    display: -ms-flexbox;\r\n                    display: flex;\r\n                    font-size: 14px;\r\n                    line-height: 18px;\r\n                    font-weight: bold;\r\n                    .cabinItem-title-num-txt1 {\r\n                        margin-right: 3px;\r\n                        color: #4A90E2;\r\n                    }\r\n                    .cabinItem-title-num-txt2 {\r\n                        margin-right: 10px;\r\n                        color: #151515;\r\n                    }\r\n                }\r\n            }\r\n            .cabinItem-box {\r\n                display: -webkit-box;\r\n                display: -webkit-flex;\r\n                display: -moz-box;\r\n                display: -ms-flexbox;\r\n                display: flex;\r\n                padding-bottom: 10px;\r\n                .cabinItem-img {\r\n                    -webkit-box-flex: 0;\r\n                    -webkit-flex: none;\r\n                    -moz-box-flex: 0;\r\n                    -ms-flex: none;\r\n                    flex: none;\r\n                    width: 100px;\r\n                    margin-right: 12px;\r\n                }\r\n                .cabinItem-info {\r\n                    -webkit-box-flex: 1;\r\n                    -webkit-flex: 1;\r\n                    -moz-box-flex: 1;\r\n                    -ms-flex: 1;\r\n                    flex: 1;\r\n                    .cabinItem-info-title {\r\n                        display: -webkit-box;\r\n                        display: -webkit-flex;\r\n                        display: -moz-box;\r\n                        display: -ms-flexbox;\r\n                        display: flex;\r\n                        padding-top: 2px;\r\n                        padding-bottom: 4px;\r\n                        font-weight: bold;\r\n                        .cabinItem-info-title-l {\r\n                            -webkit-box-flex: 1;\r\n                            -webkit-flex: 1;\r\n                            -moz-box-flex: 1;\r\n                            -ms-flex: 1;\r\n                            flex: 1;\r\n                            padding-right: 2px;\r\n                            font-size: 12px;\r\n                            line-height: 16px;\r\n                            color: #333;\r\n                        }\r\n                    }\r\n                    .cabinItem-info-brief {\r\n                        padding-bottom: 4px;\r\n                        font-size: 12px;\r\n                        line-height: 16px;\r\n                        color: #666;\r\n                    }\r\n                    .cabinItem-info-num {\r\n                        padding-bottom: 20px;\r\n                        font-size: 12px;\r\n                        line-height: 16px;\r\n                        color: #666;\r\n                    }\r\n                }\r\n            }\r\n            .cabinItem-price {\r\n                display: -webkit-box;\r\n                display: -webkit-flex;\r\n                display: -moz-box;\r\n                display: -ms-flexbox;\r\n                display: flex;\r\n                -webkit-box-pack: end;\r\n                -webkit-justify-content: flex-end;\r\n                -moz-box-pack: end;\r\n                -ms-flex-pack: end;\r\n                justify-content: flex-end;\r\n                -webkit-box-align: baseline;\r\n                -webkit-align-items: baseline;\r\n                -moz-box-align: baseline;\r\n                -ms-flex-align: baseline;\r\n                align-items: baseline;\r\n                padding-bottom: 5px;\r\n                font-size: 15px;\r\n                line-height: 20px;\r\n                color: #FF5055;\r\n                font-weight: bold;\r\n                span {\r\n                    display: block;\r\n                    margin-right: 3px;\r\n                    font-size: 12px;\r\n                }\r\n            }\r\n        }\r\n    }\r\n}\r\n.order-line {\r\n    width: 100%;\r\n    height: 1px;\r\n    background: url(https://resource.rcclchina.com.cn/userCenter/line.png) repeat-x;\r\n    -webkit-background-size: auto 100%;\r\n    -o-background-size: auto 100%;\r\n    background-size: auto 100%;\r\n}\r\n\r\n.common-box {\r\n    margin-bottom: 10px;\r\n    padding: 0 20px;\r\n    background-color: #fff;\r\n    .payMethod-cell {\r\n        display: -webkit-box;\r\n        display: -webkit-flex;\r\n        display: -moz-box;\r\n        display: -ms-flexbox;\r\n        display: flex;\r\n        -webkit-box-align: center;\r\n        -webkit-align-items: center;\r\n        -moz-box-align: center;\r\n        -ms-flex-align: center;\r\n        align-items: center;\r\n        height: 58px;\r\n        border-bottom: 1px solid #E5E5E5;\r\n        .payMethod-cell-m {\r\n            -webkit-box-flex: 1;\r\n            -webkit-flex: 1;\r\n            -moz-box-flex: 1;\r\n            -ms-flex: 1;\r\n            flex: 1;\r\n            display: -webkit-box;\r\n            display: -webkit-flex;\r\n            display: -moz-box;\r\n            display: -ms-flexbox;\r\n            display: flex;\r\n            -webkit-box-align: center;\r\n            -webkit-align-items: center;\r\n            -moz-box-align: center;\r\n            -ms-flex-align: center;\r\n            align-items: center;\r\n            font-size: 12px;\r\n            line-height: 16px;\r\n            color: #333;\r\n            img {\r\n                display: block;\r\n                width: 27px;\r\n                margin-right: 12px;\r\n            }\r\n        }\r\n        .payMethod-cell-hook {\r\n            -webkit-box-flex: 0;\r\n            -webkit-flex: none;\r\n            -moz-box-flex: 0;\r\n            -ms-flex: none;\r\n            flex: none;\r\n            display: -webkit-box;\r\n            display: -webkit-flex;\r\n            display: -moz-box;\r\n            display: -ms-flexbox;\r\n            display: flex;\r\n            -webkit-box-pack: center;\r\n            -webkit-justify-content: center;\r\n            -moz-box-pack: center;\r\n            -ms-flex-pack: center;\r\n            justify-content: center;\r\n            -webkit-box-align: center;\r\n            -webkit-align-items: center;\r\n            -moz-box-align: center;\r\n            -ms-flex-align: center;\r\n            align-items: center;\r\n            width: 15px;\r\n            height: 15px;\r\n            border: 1px solid #4A90E2;\r\n            border-radius: 100%;\r\n            img {\r\n                display: none;\r\n                width: 12px;\r\n            }\r\n        }\r\n    }\r\n    .payMethod-cell:last-child {\r\n        border-bottom: none;\r\n    }\r\n    .payMethod-cell.active .payMethod-cell-hook {\r\n        background-color: #4A90E2;\r\n        img {\r\n            display: block;\r\n        }\r\n    }\r\n}\r\n\r\n.toPay-m {\r\n    position: fixed;\r\n    left: 0;\r\n    bottom: 0;\r\n    z-index: 100;\r\n    display: -webkit-box;\r\n    display: -webkit-flex;\r\n    display: -moz-box;\r\n    display: -ms-flexbox;\r\n    display: flex;\r\n    width: 100%;\r\n    height: 49px;\r\n    .toPay-m-l {\r\n        -webkit-box-flex: 0;\r\n        -webkit-flex: none;\r\n        -moz-box-flex: 0;\r\n        -ms-flex: none;\r\n        flex: none;\r\n        display: -webkit-box;\r\n        display: -webkit-flex;\r\n        display: -moz-box;\r\n        display: -ms-flexbox;\r\n        display: flex;\r\n        -webkit-box-align: center;\r\n        -webkit-align-items: center;\r\n        -moz-box-align: center;\r\n        -ms-flex-align: center;\r\n        align-items: center;\r\n        width: 253px;\r\n        padding: 0 20px;\r\n        background-color: #4A90E2;\r\n        color: #fff;\r\n        .toPay-m-num {\r\n            margin-right: 10px;\r\n            padding-right: 7px;\r\n            font-size: 14px;\r\n            line-height: 16px;\r\n            border-right: 1px solid #fff;\r\n            span {\r\n                font-size: 16px;\r\n            }\r\n        }\r\n        .toPay-m-txt {\r\n            font-size: 14px;\r\n            line-height: 16px;\r\n        }\r\n        .toPay-m-price {\r\n            font-size: 18px;\r\n            line-height: 21px;\r\n            font-weight: bold;\r\n        }\r\n    }\r\n    .toPay-m-r {\r\n        -webkit-box-flex: 1;\r\n        -webkit-flex: 1;\r\n        -moz-box-flex: 1;\r\n        -ms-flex: 1;\r\n        flex: 1;\r\n        display: -webkit-box;\r\n        display: -webkit-flex;\r\n        display: -moz-box;\r\n        display: -ms-flexbox;\r\n        display: flex;\r\n        -webkit-box-pack: center;\r\n        -webkit-justify-content: center;\r\n        -moz-box-pack: center;\r\n        -ms-flex-pack: center;\r\n        justify-content: center;\r\n        -webkit-box-align: center;\r\n        -webkit-align-items: center;\r\n        -moz-box-align: center;\r\n        -ms-flex-align: center;\r\n        align-items: center;\r\n        font-size: 14px;\r\n        line-height: 1;\r\n        color: #454545;\r\n        letter-spacing: 1px;\r\n        font-weight: bold;\r\n        background: -webkit-gradient(linear, left top, right top, from(#FEBC10), to(#FAD961));\r\n        background: -webkit-linear-gradient(left, #FEBC10, #FAD961);\r\n        background: -moz-linear-gradient(left, #FEBC10, #FAD961);\r\n        background: -o-linear-gradient(left, #FEBC10, #FAD961);\r\n        background: linear-gradient(to right, #FEBC10, #FAD961);\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!./OpenBookingPay.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!./OpenBookingPay.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./OpenBookingPay.vue?vue&type=template&id=30865110&scoped=true\"\nimport script from \"./OpenBookingPay.vue?vue&type=script&lang=js\"\nexport * from \"./OpenBookingPay.vue?vue&type=script&lang=js\"\nimport style0 from \"./OpenBookingPay.vue?vue&type=style&index=0&id=30865110&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  \"30865110\",\n  null\n  \n)\n\nexport default component.exports","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!./OpenBookingPay.vue?vue&type=style&index=0&id=30865110&prod&lang=less&scoped=true\""],"sourceRoot":""}