{"version":3,"sources":["webpack:///./node_modules/core-js/modules/es.string.trim.js","webpack:///./node_modules/core-js/internals/whitespaces.js","webpack:///./node_modules/core-js/internals/string-trim.js","webpack:///./src/views/Booking/OpenBookingDetail.vue?ee30","webpack:///src/views/Booking/OpenBookingDetail.vue","webpack:///./src/views/Booking/OpenBookingDetail.vue?b7e7","webpack:///./src/views/Booking/OpenBookingDetail.vue","webpack:///./node_modules/core-js/internals/string-trim-forced.js","webpack:///./src/views/Booking/OpenBookingDetail.vue?9728"],"names":["$","$trim","trim","forcedStringTrimMethod","target","proto","forced","this","module","exports","requireObjectCoercible","whitespaces","whitespace","ltrim","RegExp","rtrim","createMethod","TYPE","$this","string","String","replace","start","end","render","_vm","_h","$createElement","_c","_self","staticClass","_v","_s","campaign","campaignName","attrs","on","$event","isShowRulePopup","campaignSubTitle","isSendCoupon","_e","staticStyle","pageData","bookingId","class","openBookingStatus","statusName","giftLink","lastName","firstName","lastNamePinyin","firstNamePinyin","gender","dateOfBirth","telephone","nationalityName","email","amount","isExpired","domProps","campaignDescription","active","paymentType","submitPayment","rule","ruleTitle","staticRenderFns","returnUrl","encodeURIComponent","location","href","errMsg","length","component","fails","non","METHOD_NAME","name"],"mappings":"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","file":"js/chunk-3a09897c.4c8053e2.js","sourcesContent":["'use strict';\nvar $ = require('../internals/export');\nvar $trim = require('../internals/string-trim').trim;\nvar forcedStringTrimMethod = require('../internals/string-trim-forced');\n\n// `String.prototype.trim` method\n// https://tc39.github.io/ecma262/#sec-string.prototype.trim\n$({ target: 'String', proto: true, forced: forcedStringTrimMethod('trim') }, {\n  trim: function trim() {\n    return $trim(this);\n  }\n});\n","// a string of all valid unicode whitespaces\n// eslint-disable-next-line max-len\nmodule.exports = '\\u0009\\u000A\\u000B\\u000C\\u000D\\u0020\\u00A0\\u1680\\u2000\\u2001\\u2002\\u2003\\u2004\\u2005\\u2006\\u2007\\u2008\\u2009\\u200A\\u202F\\u205F\\u3000\\u2028\\u2029\\uFEFF';\n","var requireObjectCoercible = require('../internals/require-object-coercible');\nvar whitespaces = require('../internals/whitespaces');\n\nvar whitespace = '[' + whitespaces + ']';\nvar ltrim = RegExp('^' + whitespace + whitespace + '*');\nvar rtrim = RegExp(whitespace + whitespace + '*$');\n\n// `String.prototype.{ trim, trimStart, trimEnd, trimLeft, trimRight }` methods implementation\nvar createMethod = function (TYPE) {\n  return function ($this) {\n    var string = String(requireObjectCoercible($this));\n    if (TYPE & 1) string = string.replace(ltrim, '');\n    if (TYPE & 2) string = string.replace(rtrim, '');\n    return string;\n  };\n};\n\nmodule.exports = {\n  // `String.prototype.{ trimLeft, trimStart }` methods\n  // https://tc39.github.io/ecma262/#sec-string.prototype.trimstart\n  start: createMethod(1),\n  // `String.prototype.{ trimRight, trimEnd }` methods\n  // https://tc39.github.io/ecma262/#sec-string.prototype.trimend\n  end: createMethod(2),\n  // `String.prototype.trim` method\n  // https://tc39.github.io/ecma262/#sec-string.prototype.trim\n  trim: createMethod(3)\n};\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"page-content order_content\"},[_c('div',{staticClass:\"warp1200\"},[_c('div',{staticClass:\"line_con\"},[_c('div',{staticClass:\"line_info_con\"},[_c('div',{staticClass:\"ship_way\"},[_vm._v(\" \"+_vm._s(_vm.campaign.campaignName)+\" \"),_c('a',{attrs:{\"id\":\"opbkRuleLink\"},on:{\"click\":function($event){_vm.isShowRulePopup=true}}},[_c('span',[_vm._v(\"活动规则\")]),_c('img',{staticClass:\"det_icon\",attrs:{\"src\":\"https://resource.rcclchina.com.cn/tui2/info/webhao.png\"}})])]),_c('div',{staticClass:\"ship_time\"},[_vm._v(\" \"+_vm._s(_vm.campaign.campaignSubTitle)+\" \")])])]),_c('div',{staticClass:\"order_con\"},[_c('div',{staticClass:\"order_info_con\"},[(!_vm.campaign.isSendCoupon)?_c('span',[_c('span',{staticStyle:{\"font-size\":\"16px\"}},[_vm._v(\"船票预订号：\")]),_c('span',{staticClass:\"info_text fw-400\"},[_vm._v(_vm._s(_vm.pageData.bookingId || '48小时内生成'))])]):_vm._e(),_c('div',{staticClass:\"or_stu\",class:{'or_stu_unpay': _vm.pageData.openBookingStatus == 0, 'or_stu_paid': _vm.pageData.openBookingStatus > 0}},[_c('span',{staticClass:\"ft_12 fw-400\"},[_vm._v(_vm._s(_vm.statusName))])]),(_vm.isSendGift)?_c('div',{staticClass:\"go-gift\"},[_c('a',{attrs:{\"href\":_vm.giftLink}},[_vm._v(\"查看礼品\")])]):_vm._e()]),_c('div',{staticClass:\"room_con\"},[_c('div',{staticClass:\"usr_con\"},[_c('div',{staticClass:\"usr_head_con\"},[_c('div',{staticClass:\"usr_head\"},[_c('span',{staticClass:\"fw-400\"},[_c('span',[_vm._v(_vm._s(_vm.pageData.lastName + _vm.pageData.firstName)+\" \"+_vm._s(_vm.pageData.lastNamePinyin + \" \" + _vm.pageData.firstNamePinyin)+\" \")])])]),_c('div',{staticClass:\"head_rg\"},[_vm._v(\" 费用明细 \")])]),_c('div',{staticClass:\"info_con\"},[_c('div',{staticClass:\"info_lf\"},[_c('div',{staticClass:\"det_lf\"},[_c('div',[_vm._v(\"性别：\"),_c('span',{staticClass:\"text fw-400\"},[_vm._v(_vm._s(_vm.pageData.gender == 'F' ? '女': '男'))])]),_c('div',[_vm._v(\"生日：\"),_c('span',{staticClass:\"text fw-400\"},[_vm._v(_vm._s(_vm.pageData.dateOfBirth))])]),_c('div',[_vm._v(\"手机：\"),_c('span',{staticClass:\"text fw-400\"},[_vm._v(_vm._s(_vm.pageData.telephone))])])]),_c('div',{staticClass:\"det_lf det_rg\"},[_c('div',[_vm._v(\"国籍：\"),_c('span',{staticClass:\"text fw-400\"},[_vm._v(_vm._s(_vm.pageData.nationalityName))])]),_c('div',[_vm._v(\"邮箱：\"),_c('span',{staticClass:\"text fw-400\"},[_vm._v(_vm._s(_vm.pageData.email))])])])]),_c('div',{staticClass:\"info_rg\"},[_c('div',{staticClass:\"price_con\"},[_c('div',[_vm._v(\"订金总额\"),_c('span',{staticClass:\"text fw-400\"},[_vm._v(\"￥\"+_vm._s(_vm.pageData.amount))])])])])])])])]),(_vm.pageData.openBookingStatus == 0 && !_vm.isExpired)?_c('div',[_c('div',{staticClass:\"line_con choose_pay_con\",staticStyle:{\"margin-bottom\":\"0\"}},[_c('div',{staticClass:\"pay_title\"},[_vm._v(\"选择支付方式\")]),_c('div',{staticClass:\"pay_way_con\"},[_c('div',{staticClass:\"pay_way_item canSelect\",class:{ active: _vm.paymentType == 'ALIPAY'},on:{\"click\":function($event){_vm.paymentType='ALIPAY'}}},[_c('img',{attrs:{\"src\":\" https://resource.rcclchina.com.cn/tui2/order/alipay.png\"}})]),_c('div',{staticClass:\"pay_way_item canSelect\",class:{ active: _vm.paymentType == 'PC_WECHAT_PAY'},on:{\"click\":function($event){_vm.paymentType='PC_WECHAT_PAY'}}},[_c('img',{attrs:{\"src\":\" https://resource.rcclchina.com.cn/tui2/order/wechartpay.png\"}})])])]),_c('div',{staticClass:\"order_ft_con\",staticStyle:{\"margin-bottom\":\"10px\"}},[_c('div',{staticClass:\"ft_lf\"},[_c('div',{staticClass:\"unpaid_rg\"},[_c('span',[_vm._v(\" 应付总计： \"),_c('span',{staticClass:\"text\"},[_vm._v(\" ￥ \"),_c('span',{attrs:{\"id\":\"netAmountText\"}},[_vm._v(\" \"+_vm._s(_vm.pageData.amount))])])])])]),_c('div',{staticClass:\"ft_rg\",attrs:{\"id\":\"goToPay\"},on:{\"click\":_vm.submitPayment}},[_vm._v(\"立即支付\")])])]):_c('div',{staticClass:\"line_con choose_pay_con\"},[_c('div',{staticClass:\"line-intro\"},[_c('div',{staticClass:\"pay_title\"},[_vm._v(\"温馨提醒\")]),_c('div',{staticClass:\"pay_text\",domProps:{\"innerHTML\":_vm._s(_vm.campaign.campaignDescription)}})])])]),_c('OpenBookingRulePopup',{attrs:{\"isShow\":_vm.isShowRulePopup,\"rule\":_vm.rule,\"ruleTitle\":_vm.ruleTitle},on:{\"onModalClose\":function($event){_vm.isShowRulePopup=false}}})],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <div class=\"page-content order_content\">\r\n        <div class=\"warp1200\">\r\n\r\n            <!-- 航线信息 -->\r\n            <div class=\"line_con\">\r\n                <div class=\"line_info_con\">\r\n                    <div class=\"ship_way\">\r\n                        {{campaign.campaignName}}\r\n                        <a id=\"opbkRuleLink\" @click=\"isShowRulePopup=true\"><span>活动规则</span><img class=\"det_icon\" src=\"https://resource.rcclchina.com.cn/tui2/info/webhao.png\"></a>\r\n                    </div>\r\n                    <div class=\"ship_time\">\r\n                        {{campaign.campaignSubTitle}}\r\n                    </div>\r\n                    \r\n                </div>\r\n            </div>\r\n\r\n            <!-- 订单信息 -->\r\n            <div class=\"order_con\">\r\n                <div class=\"order_info_con\">\r\n                    <span v-if=\"!campaign.isSendCoupon\">\r\n                        <span style=\"font-size: 16px;\">船票预订号：</span>\r\n                        <span class=\"info_text fw-400\">{{pageData.bookingId || '48小时内生成' }}</span>\r\n                    </span>\r\n                    <div class=\"or_stu\" :class=\"{'or_stu_unpay': pageData.openBookingStatus == 0, 'or_stu_paid': pageData.openBookingStatus > 0}\">\r\n                        <span class=\"ft_12 fw-400\">{{statusName}}</span>\r\n                    </div>\r\n                    <div v-if=\"isSendGift\" class=\"go-gift\">\r\n                        <a :href=\"giftLink\">查看礼品</a>\r\n                    </div>\r\n\r\n                </div>\r\n                <div class=\"room_con\">\r\n                    <div class=\"usr_con\">\r\n                        <div class=\"usr_head_con\">\r\n                            <div class=\"usr_head\">\r\n                                <span class=\"fw-400\">\r\n                                    <span>{{pageData.lastName + pageData.firstName}} {{pageData.lastNamePinyin + \" \" + pageData.firstNamePinyin}} </span>\r\n                                </span>\r\n\r\n                            </div>\r\n                            <div class=\"head_rg\">\r\n                                费用明细\r\n                            </div>\r\n\r\n                        </div>\r\n                        <div class=\"info_con\">\r\n                            <div class=\"info_lf\">\r\n                                <div class=\"det_lf\">\r\n                                    <div>性别：<span class=\"text fw-400\">{{pageData.gender == 'F' ? '女': '男'}}</span></div>\r\n                                    <div>生日：<span class=\"text fw-400\">{{pageData.dateOfBirth}}</span></div>\r\n                                    <div>手机：<span class=\"text fw-400\">{{pageData.telephone}}</span></div>\r\n                                </div>\r\n                                <div class=\"det_lf det_rg\">\r\n                                    <div>国籍：<span class=\"text fw-400\">{{pageData.nationalityName}}</span></div>\r\n                                    <div>邮箱：<span class=\"text fw-400\">{{pageData.email}}</span></div>\r\n                                </div>\r\n                            </div>\r\n                            <div class=\"info_rg\">\r\n                                <div class=\"price_con\">\r\n                                    <div>订金总额<span class=\"text fw-400\">￥{{pageData.amount}}</span></div>\r\n\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n\r\n                </div>\r\n            </div>\r\n            <!-- 选择支付方式 -->\r\n            <div v-if=\"pageData.openBookingStatus == 0 && !isExpired\">\r\n                <div class=\"line_con choose_pay_con\" style=\"margin-bottom: 0\" >\r\n                    <div class=\"pay_title\">选择支付方式</div>\r\n                    <div class=\"pay_way_con\">\r\n                        <div class=\"pay_way_item canSelect\" :class=\"{ active: paymentType == 'ALIPAY'}\" @click=\"paymentType='ALIPAY'\">\r\n                            <img src=\" https://resource.rcclchina.com.cn/tui2/order/alipay.png\">\r\n                        </div>\r\n                        <div class=\"pay_way_item canSelect\" :class=\"{ active: paymentType == 'PC_WECHAT_PAY'}\" @click=\"paymentType='PC_WECHAT_PAY'\">\r\n                            <img src=\" https://resource.rcclchina.com.cn/tui2/order/wechartpay.png\">\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n                <div class=\"order_ft_con\" style=\"margin-bottom: 10px;\">\r\n                    <div class=\"ft_lf\">\r\n                        <div class=\"unpaid_rg\">\r\n                            <span>\r\n                                应付总计：\r\n                                <span class=\"text\">\r\n                                    ￥\r\n                                    <span id=\"netAmountText\"> {{pageData.amount}}</span>\r\n                                </span>\r\n                            </span>\r\n\r\n                        </div>\r\n                    </div>\r\n                    <div class=\"ft_rg\" id=\"goToPay\" @click=\"submitPayment\">立即支付</div>\r\n                </div>\r\n            </div>\r\n            <div v-else class=\"line_con choose_pay_con\">\r\n                <div class=\"line-intro\">\r\n                    <div class=\"pay_title\">温馨提醒</div>\r\n                    <div class=\"pay_text\" v-html=\"campaign.campaignDescription\">\r\n                       \r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n\r\n         <OpenBookingRulePopup \r\n            :isShow=\"isShowRulePopup\"\r\n            v-on:onModalClose=\"isShowRulePopup=false\"\r\n            :rule=\"rule\"\r\n            :ruleTitle=\"ruleTitle\"\r\n        />\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport api from '@/api'\r\nconst OpenBookingRulePopup = () => import ('@/components/Booking/OpenBooking/OpenBookingRulePopup')\r\nexport default {\r\n    name: \"OpenBookingDetail\",\r\n    components: {\r\n        OpenBookingRulePopup\r\n    },\r\n    data () {\r\n        return {\r\n            pageData: {},\r\n            paymentType: \"ALIPAY\",\r\n            isShowRulePopup: false\r\n        }\r\n    },\r\n    beforeMount() {\r\n        this.initPage()\r\n    },\r\n    mounted() {\r\n       \r\n    },\r\n    beforeDestroy () {\r\n\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.push({ name: 'BookingListPage' })\r\n            }\r\n\r\n            const { success, data } = await api.booking.openBookingDetail({\r\n                orderId: query.orderId,\r\n                userName: userToken\r\n            })\r\n            if (!success) {\r\n                return this.$router.push({ name: 'BookingListPage' })\r\n            }\r\n            this.pageData = data\r\n        },\r\n        async submitPayment() {\r\n\r\n            this.$loading.show()\r\n            const userToken = this.$store.state.user.userToken\r\n            let paymentType = this.paymentType + ''\r\n            const { success, data, errMsg } = await api.booking.openBookingSubmitPay({\r\n                orderId: this.pageData.orderId,\r\n                userName: userToken,\r\n                payMethod: paymentType\r\n            })\r\n            this.$loading.hide()\r\n            if (!success) {\r\n                if (errMsg && errMsg.length > 0) {\r\n                    this.$alert.show(errMsg)\r\n                }\r\n                return\r\n            }\r\n            if (data && data.paymentUrl && data.paymentUrl.length > 0) {\r\n                if (this.paymentType == \"PC_WECHAT_PAY\") {\r\n                    location.href = process.env.VUE_APP_BASE_URL + data.paymentUrl\r\n                } else {\r\n                    this.$router.push({\r\n                        name: \"OpenBookingPayByMethod\",\r\n                        params: {\r\n                            paymentContent: {\r\n                                checkoutShape: data.paymentUrl,\r\n                                requestId: data.paymentId\r\n                            },\r\n                            paymentType: paymentType,\r\n                            orderId: data.openBookingOrderId,\r\n                            requestId: data.paymentId,\r\n                            totalAmount: this.pageData.amount\r\n                        }\r\n                    })\r\n                }\r\n                \r\n            }\r\n        }\r\n    },\r\n    computed: {\r\n        userInfo () {\r\n            return this.$store.state.user.userInfo\r\n        },\r\n        paymentLink () {\r\n            return { name: 'OpenBookingPay', query: { orderId: this.pageData.orderId} }\r\n        },\r\n        campaign () {\r\n            return this.pageData.campaign || {}\r\n        },\r\n        rule () {\r\n            if (!this.campaign.campaignTerms) return \"\"\r\n            return this.campaign.campaignTerms\r\n        },\r\n        ruleTitle () {\r\n            return this.campaign.campaignTermsTitle || \"\"\r\n        },\r\n        statusName () {\r\n            if (this.pageData.openBookingStatus == 0) {\r\n                return \"未付款\"\r\n            } else if (this.pageData.openBookingStatus == 10) {\r\n                return \"已付款\"\r\n            } else if (this.pageData.openBookingStatus == 20) {\r\n                return \"已取消\"\r\n            } else if (this.pageData.openBookingStatus == 25) {\r\n                return \"已使用\"\r\n            }\r\n            return \"\"\r\n        },\r\n        isExpired () {\r\n            const openBookingEndDate = new Date(this.campaign.endDate.trim().substr(0,10))\r\n            return openBookingEndDate < (new Date())\r\n        },\r\n        isSendGift () {\r\n            return this.pageData.openBookingSendGift\r\n            // return true\r\n        },\r\n        giftLink () {\r\n            const giftLink = `${process.env.VUE_APP_REWARD_URL}/rewardpc/member/shop/gift`\r\n            if (this.userInfo && this.userInfo.userIdentity == 1) {\r\n                return `${giftLink}?token=${this.userInfo.localRewardToken}`\r\n            } else {\r\n                return `/Rccl.UserCenter/CustomerInfo/SignupReward?returnUrl=${encodeURIComponent(giftLink)}`\r\n            }\r\n        }\r\n    }\r\n}\r\n</script>\r\n\r\n<style lang=\"less\" scoped>\r\n.order_content {\r\n    padding-bottom: 20px;\r\n    .line_con {\r\n        width: 100%;\r\n        background-color: #fff;\r\n        padding: 20px 20px 20px;\r\n        overflow: hidden;\r\n        border-top: 3px solid #e5f4ff;\r\n        margin-bottom: 12px;\r\n        .line_info_con {\r\n            float: left;\r\n            max-width: 625px;\r\n            .ship_way {\r\n                font-size: 22px;\r\n                color: #282b2c;\r\n                font-weight: 600;\r\n                #opbkRuleLink {\r\n                    color: #0073bb;\r\n                    font-size: 12px;\r\n                    cursor: pointer;\r\n                    font-weight: 400;\r\n                    span {\r\n                        vertical-align: middle;\r\n                        margin-right: 3px;\r\n                    }\r\n                    img {\r\n                        position: relative;\r\n                        top: -1px;\r\n                    }\r\n                }\r\n            }\r\n            .ship_time {\r\n                font-size: 16px;\r\n                color: #282b2c;\r\n                padding: 5px 0px;\r\n                line-height: 16px;\r\n            }\r\n        }\r\n    }\r\n    .order_con {\r\n        margin-bottom: 10px;\r\n        .order_info_con {\r\n            background-color: #e5f4ff;\r\n            padding: 8px 20px;\r\n            color: #757575;\r\n            overflow: hidden;\r\n            .info_text {\r\n                color: #000000;\r\n            }\r\n            .or_stu {\r\n                display: inline-block;\r\n                padding: 6px 22px;\r\n                border-radius: 12px;\r\n                font-size: 12px;\r\n                line-height: 12px;\r\n                margin-left: 15px;\r\n                text-align: center;\r\n            }\r\n            .or_stu_unpay {\r\n                background-color: #fbc500;\r\n                color: #282b2c;\r\n            }\r\n            .or_stu_paid {\r\n                background-color: #006ab9;\r\n                color: #fff;\r\n            }\r\n            .go-gift {\r\n                display: inline-block;\r\n                vertical-align: middle;\r\n                margin-left: 10px;\r\n            }\r\n        }\r\n        .room_con {\r\n            background-color: #fff;\r\n            padding: 20px 20px 10px;\r\n            .usr_con {\r\n                overflow: hidden;\r\n                margin-bottom: 10px;\r\n                .usr_head_con {\r\n                    overflow: hidden;\r\n                    background-color: #f3f6f8;\r\n                    border: solid 1px #d3dadd;\r\n                    height: 40px;\r\n                    .usr_head {\r\n                        float: left;\r\n                        padding-left: 20px;\r\n                        line-height: 40px;\r\n                        font-size: 20px;\r\n                    }\r\n                }\r\n                .head_rg {\r\n                    float: right;\r\n                    width: 378px;\r\n                    font-size: 20px;\r\n                    line-height: 40px;\r\n                }\r\n                .info_con {\r\n                    border: solid 1px #d3dadd;\r\n                    border-top: none;\r\n                    overflow: hidden;\r\n                    padding: 20px 22px;\r\n                    .info_lf {\r\n                        float: left;\r\n                        .det_lf {\r\n                            float: left;\r\n                            width: 206px;\r\n                            font-size: 14px;\r\n                            line-height: 24px;\r\n                            color: #757575;\r\n                            .text {\r\n                                color: #282b2c;\r\n                            }\r\n                        }\r\n                        .det_rg {\r\n                            width: auto;\r\n                        }\r\n                    }\r\n                    .info_rg {\r\n                        float: right;\r\n                        .price_con {\r\n                            width: 378px;\r\n                            padding-left: 20px;\r\n                            border-left: 1px solid #d3dadd;\r\n                            div {\r\n                                width: 100%;\r\n                                margin-bottom: 10px;\r\n                                .text {\r\n                                    float: right;\r\n                                }\r\n                            }\r\n                        }\r\n                    }\r\n                }\r\n            }\r\n        }\r\n    }\r\n    .choose_pay_con {\r\n        .pay_title {\r\n            font-size: 22px;\r\n            font-weight: 400;\r\n            color: #282b2c;\r\n        }\r\n        .pay_text {\r\n            line-height: 20px;\r\n            margin: 5px 0;\r\n            color: #747d80;\r\n        }\r\n        .pay_way_con {\r\n            overflow: hidden;\r\n            margin-top: 15px;\r\n            .pay_way_item {\r\n                float: left;\r\n                margin-right: 10px;\r\n                width: 232px;\r\n                height: 60px;\r\n                line-height: 60px;\r\n                text-align: center;\r\n                background-color: #ffffff;\r\n                border: solid 1px #d3dadd;\r\n                color: #006ab9;\r\n                cursor: pointer;\r\n            }\r\n            .pay_way_item.active {\r\n                border: solid 2px #fbc500;\r\n            }\r\n        }\r\n    }\r\n\r\n    .order_ft_con {\r\n        overflow: hidden;\r\n        background-color: #fff;\r\n        .ft_lf {\r\n            float: left;\r\n            border-top: 1px solid #d3dadd;\r\n            width: calc(100% - 216px);\r\n            padding: 4px 10px;\r\n            text-align: right;\r\n            .unpaid_rg {\r\n                float: right;\r\n            }\r\n            \r\n            .text {\r\n                font-size: 30px;\r\n                color: #ff3022;\r\n                font-weight: 400;\r\n            }\r\n            #netAmountText {\r\n                font-weight: 600;\r\n            }\r\n        }\r\n        .ft_rg {\r\n            float: left;\r\n            font-size: 18px;\r\n            color: #282b2c;\r\n            height: 52px;\r\n            background-color: #fbc500;\r\n            line-height: 52px;\r\n            padding: 0 72px;\r\n            cursor: pointer;\r\n        }\r\n    }\r\n\r\n    .ft_12 {\r\n        display: inline-block;\r\n        font-size: 12px;\r\n    }\r\n    .fw-400 {\r\n        font-weight: 400;\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!./OpenBookingDetail.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!./OpenBookingDetail.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./OpenBookingDetail.vue?vue&type=template&id=9a41ef62&scoped=true&\"\nimport script from \"./OpenBookingDetail.vue?vue&type=script&lang=js&\"\nexport * from \"./OpenBookingDetail.vue?vue&type=script&lang=js&\"\nimport style0 from \"./OpenBookingDetail.vue?vue&type=style&index=0&id=9a41ef62&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  \"9a41ef62\",\n  null\n  \n)\n\nexport default component.exports","var fails = require('../internals/fails');\nvar whitespaces = require('../internals/whitespaces');\n\nvar non = '\\u200B\\u0085\\u180E';\n\n// check that a method works with the correct list\n// of whitespaces and has a correct name\nmodule.exports = function (METHOD_NAME) {\n  return fails(function () {\n    return !!whitespaces[METHOD_NAME]() || non[METHOD_NAME]() != non || whitespaces[METHOD_NAME].name !== METHOD_NAME;\n  });\n};\n","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!./OpenBookingDetail.vue?vue&type=style&index=0&id=9a41ef62&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!./OpenBookingDetail.vue?vue&type=style&index=0&id=9a41ef62&lang=less&scoped=true&\""],"sourceRoot":""}