{"version":3,"sources":["webpack:///./src/components/Booking/PaySuccessShorex.vue?7a0a","webpack:///./src/components/Booking/PaySuccessShorex.vue?9524","webpack:///src/components/Booking/PaySuccessShorex.vue","webpack:///./src/components/Booking/PaySuccessShorex.vue?ff37","webpack:///./src/components/Booking/PaySuccessShorex.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","class","isShow","staticStyle","attrs","_v","on","$event","onGoBack","_m","_l","cruise","i","key","getCruise","shipCode","sailDate","_s","cruiseName","_e","shorex","j","shorexName","price","showSelectBooking","id","directives","name","rawName","value","getSelectBookingsByShorexId","length","expression","booking","bookingId","removeBookingShorex","getGuestName","tour","shorexRelationId","image","duration","domProps","shorexDescription","isShowBooking","active","isInTempBookings","setTempBookings","tempBookings","confirmBookingShorex","selectedShorexes","shorexes","staticRenderFns","component"],"mappings":"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","file":"js/chunk-c9a7bc32.a28c2677.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!./PaySuccessShorex.vue?vue&type=style&index=0&id=dc3f5782&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!./PaySuccessShorex.vue?vue&type=style&index=0&id=dc3f5782&lang=less&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"popup popup-rule\",class:{ 'modal-in': _vm.isShow, 'modal-out': !_vm.isShow},staticStyle:{\"display\":\"block\"},attrs:{\"id\":\"paySuccessShorex\"}},[_c('div',{staticClass:\"shorexDetail-title js-returnShorexBtn\"},[_c('p',[_vm._v(\"升级精品游\")]),_c('a',{staticClass:\"shorexDetail-returnButton\",on:{\"click\":function($event){return _vm.onGoBack()}}},[_c('img',{attrs:{\"src\":\"https://resource.rcclchina.com.cn/mobileSearchPackage/arrowRightBlack.png\"}})])]),_c('div',{staticClass:\"pop-content\",staticStyle:{\"height\":\"100%\",\"overflow\":\"scroll\",\"padding-bottom\":\"50px\"}},[_c('div',{staticClass:\"shorex-content\"},[_vm._m(0),_c('div',{staticClass:\"shorex-body\"},_vm._l((_vm.cruises),function(cruise,i){return _c('div',{key:('cruise_' + i),staticClass:\"shorex-list\"},[_c('div',{staticClass:\"list-item\"},[(_vm.getCruise(cruise.shipCode, cruise.sailDate))?_c('div',{staticClass:\"item-title\"},[_vm._v(_vm._s(_vm.getCruise(cruise.shipCode, cruise.sailDate).cruiseName))]):_vm._e(),_vm._m(1,true),_vm._l((cruise.shorexes),function(shorex,j){return _c('div',{key:('shorex_'+i+'_'+j),staticClass:\"shorex-item\"},[_c('div',{staticClass:\"item-intro\"},[_vm._v(\" \"+_vm._s(shorex.shorexName)+\" \"),_c('span',{staticClass:\"num\"},[_vm._v(_vm._s(shorex.price))]),_vm._v(\" \"),_c('span',{staticClass:\"txt\"},[_vm._v(\"美元/人\")]),_c('span',{staticClass:\"line\"}),_c('span',{staticClass:\"select\",on:{\"click\":function($event){return _vm.showSelectBooking(cruise.shipCode, cruise.sailDate, shorex.id)}}},[_vm._v(\"选择订单\")])]),_c('div',{staticClass:\"out-content\"},[_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.getSelectBookingsByShorexId(shorex.id).length > 0),expression:\"getSelectBookingsByShorexId(shorex.id).length > 0\"}],staticClass:\"item-order\"},[_c('div',{staticClass:\"sub-title\"},[_vm._v(\"已选订单:\")]),_c('div',{staticClass:\"order-detail\"},_vm._l((_vm.getSelectBookingsByShorexId(shorex.id)),function(booking){return _c('div',{key:booking.id},[_c('div',{staticClass:\"code\"},[_vm._v(\" 订单号：\"+_vm._s(booking.bookingId)+\" \"),_c('img',{staticClass:\"cleanImg\",attrs:{\"src\":\"https://resource.rcclchina.com.cn/TUI2PCImg/SearchPackage/modal-close.jpg\"},on:{\"click\":function($event){return _vm.removeBookingShorex(shorex.id, booking.id)}}})]),_c('div',{staticClass:\"info\"},[_vm._v(\" 乘客信息：\"+_vm._s(_vm.getGuestName(booking))+\" \")])])}),0)]),_vm._l((shorex.shorexTours),function(tour){return _c('div',{key:tour.shorexRelationId,staticClass:\"singal-img\"},[_c('img',{staticStyle:{\"width\":\"320px\"},attrs:{\"src\":tour.image,\"alt\":\"\"}}),_c('div',{staticClass:\"introduce\"},[_c('span',[_vm._v(_vm._s(tour.shorexName)+\" \")]),_c('img',{staticClass:\"time-css\",attrs:{\"src\":\"https://resource.rcclchina.com.cn/RcclHP/time-jpg.jpg\"}}),_vm._v(\" 时长: \"+_vm._s(tour.duration)+\" \")]),_c('p',{staticClass:\"desc\",domProps:{\"innerHTML\":_vm._s(tour.shorexDescription)}})])})],2)])})],2)])}),0),_vm._m(2)])]),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.isShowBooking),expression:\"isShowBooking\"}],staticClass:\"roomDetailModel\"},[_c('div',{staticClass:\"roomDetail-bg\",on:{\"click\":function($event){_vm.isShowBooking=false}}}),_c('div',{staticClass:\"roomDetailModel-container\"},[_vm._m(3),_c('div',{staticClass:\"pop-list\"},_vm._l((_vm.targetCruiseBookings),function(booking){return _c('div',{key:'targetCruiseBooking_' + booking.id,staticClass:\"order-item\",class:{ active: _vm.isInTempBookings(booking.id)},on:{\"click\":function($event){return _vm.setTempBookings(booking)}}},[_c('div',{staticClass:\"inner-item\"},[_c('p',{staticClass:\"code\"},[_vm._v(\"订单号: \"+_vm._s(booking.bookingId))]),_c('p',{staticClass:\"info\"},[_vm._v(\"乘客信息: \"+_vm._s(_vm.getGuestName(booking)))])])])}),0),_c('div',{staticClass:\"roomDetailModel-closed js-closedBtn\",on:{\"click\":function($event){_vm.isShowBooking=false}}},[_c('span',{},[_vm._v(\"X\")])])]),_c('div',{staticClass:\"pop-foot\"},[_c('div',{staticClass:\"sx comm js-reset\",on:{\"click\":function($event){_vm.tempBookings=[]}}},[_c('img',{staticStyle:{\"position\":\"relative\",\"top\":\"3px\"},attrs:{\"src\":\"https://resource.rcclchina.com.cn/paySuccess/sx-icon.png\"}}),_vm._v(\" 重置 \")]),_c('div',{staticClass:\"qd comm  js-confirm\",on:{\"click\":function($event){return _vm.confirmBookingShorex()}}},[_c('img',{staticStyle:{\"height\":\"16px\",\"position\":\"relative\",\"top\":\"3px\"},attrs:{\"src\":\"https://resource.rcclchina.com.cn/paySuccess/qd-icon.png\"}}),_vm._v(\" 确定 \")])])]),_c('PaySuccessShorexBottom',{attrs:{\"selectedShorexes\":_vm.selectedShorexes,\"shorexes\":_vm.shorexes}})],1)}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"pop-img\"},[_c('div',{staticClass:\"pop-sight\"},[_c('img',{attrs:{\"src\":\"https://resource.rcclchina.com.cn/shorex/shorex-title-mobile.png\",\"alt\":\"\"}})]),_c('div',{staticClass:\"rule-item\"},[_c('div',{staticClass:\"rule-item-line\"}),_c('p',[_vm._v(\"请在线升级付费精品游套餐\")]),_c('p')])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"item-sub\"},[_vm._v(\"每张订单\"),_c('span',[_vm._v(\"仅可选择1种\")]),_vm._v(\" 皇家精品游套餐\")])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"foot\"},[_c('div',{staticClass:\"no\"},[_vm._v(\"注:\")]),_c('div',{staticClass:\"no-item\"},[_c('div',[_vm._v(\"1) 行程与时长仅供参考，以地接社实际接待为准。\")])])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"pop-title\"},[_c('p',{staticClass:\"o-title\"},[_c('img',{attrs:{\"src\":\"https://resource.rcclchina.com.cn/RcclHP/Fill.jpg\",\"alt\":\"Alternate Text\"}}),_vm._v(\" 请选择需要的订单 \")]),_c('p',{staticClass:\"o-intro\"},[_vm._v(\"每张订单\"),_c('span',{staticStyle:{\"color\":\"#F0777B\"}},[_vm._v(\"仅可选择 \"),_c('i',{staticStyle:{\"font-style\":\"normal\",\"font-weight\":\"bold\"}},[_vm._v(\"1\")]),_vm._v(\"种\")]),_vm._v(\"皇家精品游套餐\")])])}]\n\nexport { render, staticRenderFns }","<template>\r\n    <div class=\"popup popup-rule\" id=\"paySuccessShorex\" :class=\"{ 'modal-in': isShow, 'modal-out': !isShow}\"  style=\"display: block;\">\r\n        <div class=\"shorexDetail-title js-returnShorexBtn\">\r\n            <p>升级精品游</p>\r\n            <a class=\"shorexDetail-returnButton\" @click=\"onGoBack()\">\r\n                <img src=\"https://resource.rcclchina.com.cn/mobileSearchPackage/arrowRightBlack.png\">\r\n            </a>\r\n        </div>\r\n        <div class=\"pop-content\" style=\"height: 100%;overflow: scroll;padding-bottom:50px;\">\r\n            <div class=\"shorex-content\">\r\n                <div class=\"pop-img\">\r\n                    <div class=\"pop-sight\">\r\n                        <img src=\"https://resource.rcclchina.com.cn/shorex/shorex-title-mobile.png\" alt=\"\">\r\n                    </div>\r\n                    <div class=\"rule-item\">\r\n                        <div class=\"rule-item-line\"></div>\r\n                        <p>请在线升级付费精品游套餐</p>\r\n                        <p>\r\n                        </p>\r\n                    </div>\r\n                </div>\r\n                <div class=\"shorex-body\">\r\n\r\n                    <div class=\"shorex-list\" v-for=\"(cruise, i) in cruises\" :key=\"('cruise_' + i)\">\r\n                        <div class=\"list-item\" >\r\n                            <div class=\"item-title\" v-if=\"getCruise(cruise.shipCode, cruise.sailDate)\">{{getCruise(cruise.shipCode, cruise.sailDate).cruiseName}}</div>\r\n                            <div class=\"item-sub\">每张订单<span>仅可选择1种</span> 皇家精品游套餐</div>\r\n                            <div class=\"shorex-item\" v-for=\"(shorex, j) in cruise.shorexes\" :key=\"('shorex_'+i+'_'+j)\">\r\n                                <div class=\"item-intro\">\r\n                                    {{shorex.shorexName}} <span class=\"num\">{{shorex.price}}</span> <span class=\"txt\">美元/人</span>\r\n                                    <span class=\"line\"></span>\r\n                                    <span class=\"select\" @click=\"showSelectBooking(cruise.shipCode, cruise.sailDate, shorex.id)\">选择订单</span>\r\n                                </div>\r\n                                <div class=\"out-content\">\r\n                                    <div class=\"item-order\" v-show=\"getSelectBookingsByShorexId(shorex.id).length > 0\">\r\n                                        <div class=\"sub-title\">已选订单:</div>\r\n                                        <div class=\"order-detail\" >\r\n                                            <div v-for=\"(booking) in getSelectBookingsByShorexId(shorex.id)\" :key=\"booking.id\">\r\n                                                <div class=\"code\"> 订单号：{{booking.bookingId}}\r\n                                                    <img class=\"cleanImg\" src=\"https://resource.rcclchina.com.cn/TUI2PCImg/SearchPackage/modal-close.jpg\"\r\n                                                    @click=\"removeBookingShorex(shorex.id, booking.id)\">\r\n                                                </div>\r\n                                                <div class=\"info\"> 乘客信息：{{getGuestName(booking)}}\r\n                                                </div>\r\n                                            </div>\r\n                                        </div>\r\n                                    </div>\r\n                                    <div class=\"singal-img\" v-for=\"(tour) in shorex.shorexTours\" :key=\"tour.shorexRelationId\">\r\n                                        <img style=\"width: 320px\"\r\n                                            :src=\"tour.image\"\r\n                                            alt=\"\">\r\n                                        <div class=\"introduce\">\r\n                                            <span>{{tour.shorexName}} </span>\r\n                                            <img class=\"time-css\" src=\"https://resource.rcclchina.com.cn/RcclHP/time-jpg.jpg\">\r\n                                            时长: {{tour.duration}}\r\n                                        </div>\r\n                                        <p class=\"desc\" v-html=\"tour.shorexDescription\">\r\n\r\n                                        </p>\r\n                                    </div>\r\n\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n                <div class=\"foot\">\r\n                    <div class=\"no\">注:</div>\r\n                    <div class=\"no-item\">\r\n                        <div>1) 行程与时长仅供参考，以地接社实际接待为准。</div>\r\n<!--                        <div>2) 关于岸上观光产品的咨询、预定和修改,您可通过拨打400-820-3187和皇家加勒比游轮度假专家来联系</div>-->\r\n                    </div>\r\n                </div>\r\n            </div>\r\n\r\n\r\n        </div>\r\n\r\n        <div class=\"roomDetailModel\" v-show=\"isShowBooking\">\r\n            <div class=\"roomDetail-bg\" @click=\"isShowBooking=false\"></div>\r\n            <div class=\"roomDetailModel-container\">\r\n                <div class=\"pop-title\">\r\n                    <p class=\"o-title\">\r\n                        <img style=\"\" src=\"https://resource.rcclchina.com.cn/RcclHP/Fill.jpg\" alt=\"Alternate Text\">\r\n                        请选择需要的订单\r\n                    </p>\r\n                    <p class=\"o-intro\">每张订单<span style=\"color: #F0777B\">仅可选择 <i\r\n                                style=\"font-style: normal;font-weight: bold;\">1</i>种</span>皇家精品游套餐</p>\r\n                </div>\r\n                <div class=\"pop-list\">\r\n                    <div class=\"order-item\" v-for=\"(booking) in targetCruiseBookings\"\r\n                    :key=\"'targetCruiseBooking_' + booking.id\"\r\n                    :class=\"{ active: isInTempBookings(booking.id)}\"\r\n                    @click=\"setTempBookings(booking)\"\r\n                    >\r\n                        <div class=\"inner-item\">\r\n                            <p class=\"code\">订单号: {{booking.bookingId}}</p>\r\n                            <p class=\"info\">乘客信息: {{getGuestName(booking)}}</p>\r\n                        </div>\r\n                    </div>\r\n\r\n                </div>\r\n                <div class=\"roomDetailModel-closed js-closedBtn\" @click=\"isShowBooking=false\"><span class=\"\">X</span></div>\r\n            </div>\r\n            <div class=\"pop-foot\">\r\n                <div class=\"sx comm js-reset\" @click=\"tempBookings=[]\">\r\n                    <img style=\"position: relative;top: 3px;\" src=\"https://resource.rcclchina.com.cn/paySuccess/sx-icon.png\" />\r\n                    重置\r\n                </div>\r\n                <div class=\"qd comm  js-confirm\" @click=\"confirmBookingShorex()\">\r\n                    <img style=\"height: 16px;position: relative;top:3px;\"\r\n                        src=\"https://resource.rcclchina.com.cn/paySuccess/qd-icon.png\" />\r\n                    确定\r\n                </div>\r\n            </div>\r\n        </div>\r\n\r\n        <PaySuccessShorexBottom\r\n            :selectedShorexes=\"selectedShorexes\"\r\n            :shorexes=\"shorexes\"\r\n        />\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nconst PaySuccessShorexBottom = () => import('@/components/Booking/PaySuccessShorexBottom')\r\nexport default {\r\n    name: \"PaySuccessShorex\",\r\n    components: {\r\n        PaySuccessShorexBottom\r\n    },\r\n    props: {\r\n        isShow: {\r\n            type: Boolean\r\n        },\r\n        onGoBack: {\r\n            type: Function\r\n        },\r\n        shorexes: {\r\n            type: Array\r\n        },\r\n        bookings: {\r\n            type: Array\r\n        },\r\n        bookingCruises: {\r\n            type: Array\r\n        }\r\n    },\r\n    data () {\r\n        return {\r\n            isShowBooking: false,\r\n            selectedShorexes: [],\r\n            targetCruiseBookings: [],\r\n            targetShorexId: 0,\r\n            tempBookings: []\r\n        }\r\n    },\r\n    methods: {\r\n        showSelectBooking (shipCode, sailDate, shorexId) {\r\n            this.targetCruiseBookings = this.bookings.filter(r=>r.shipCode == shipCode && r.sailDate == sailDate)\r\n            this.targetShorexId = shorexId\r\n            const selectedShorex = this.selectedShorexes.find(r=>r.shorex.id == shorexId)\r\n            if (!selectedShorex) {\r\n                this.tempBookings = []\r\n            } else {\r\n                this.tempBookings = [...selectedShorex.bookings]\r\n            }\r\n\r\n            this.isShowBooking = true\r\n        },\r\n        getSelectBookingsByShorexId(shorexId) {\r\n            const selectedShorex = this.selectedShorexes.find(r=>r.shorex.id == shorexId)\r\n            if (!selectedShorex) return []\r\n            return selectedShorex.bookings\r\n        },\r\n        getGuests (booking) {\r\n            return booking.bookingGuests || []\r\n        },\r\n        getGuestName (booking) {\r\n            let guestName = []\r\n            const guests = this.getGuests(booking)\r\n            guests.forEach((guest) => {\r\n                let name = guest.chineseLastName + guest.chineseFirstName\r\n                if (!name || name.length == 0) {\r\n                    name = `${guest.pinYinLastName} ${guest.pinYinFirstName}`\r\n                }\r\n                guestName.push(name)\r\n            })\r\n            return guestName.join(' | ')\r\n        },\r\n        getCruise (shipCode, sailDate) {\r\n            return this.bookingCruises.find(r=>r.shipCode == shipCode && r.sailDate == sailDate)\r\n        },\r\n        // 删除已选订单\r\n        removeBookingShorex(shorexId, bookingRecordId) {\r\n            const selectedShorex = this.selectedShorexes.find(r=>r.shorex.id == shorexId)\r\n            if (!selectedShorex) return\r\n            selectedShorex.bookings = selectedShorex.bookings.filter(r=>r.id != bookingRecordId)\r\n        },\r\n        isInTempBookings(bookingRecordId) {\r\n            return this.tempBookings.some(r=>r.id == bookingRecordId)\r\n        },\r\n        setTempBookings(booking) {\r\n            if (this.isInTempBookings(booking.id)) {\r\n                this.tempBookings = this.tempBookings.filter(r=>r.id != booking.id)\r\n            } else {\r\n                this.tempBookings.push(booking)\r\n            }\r\n        },\r\n        confirmBookingShorex() {\r\n            const shorex = this.shorexes.find(r=>r.id == this.targetShorexId)\r\n            if (!shorex) return\r\n            let selectedShorex = this.selectedShorexes.find(r=>r.shorex.id == this.targetShorexId)\r\n            if (!selectedShorex) {\r\n                selectedShorex = {\r\n                    shorex: shorex,\r\n                    bookings: [...this.tempBookings]\r\n                }\r\n                this.selectedShorexes.push(selectedShorex)\r\n            } else {\r\n                selectedShorex.bookings = [...this.tempBookings]\r\n            }\r\n\r\n            // 岸上观光每张订单只能选一个，如果选了其他的话，需要把其他的删掉\r\n            if (this.tempBookings.length > 0) {\r\n                const otherShorexes = this.selectedShorexes.filter(r=>r.shorex.id != this.targetShorexId)\r\n                for (let i = 0; i < this.tempBookings.length; i++) {\r\n                    const booking = this.tempBookings[i]\r\n                    for (let j = 0; j < otherShorexes.length; j++) {\r\n                        const shorex = otherShorexes[j]\r\n                        if (shorex.bookings.some(r=>r.id == booking.id)) {\r\n                            shorex.bookings = shorex.bookings.filter(r=> r.id != booking.id)\r\n                        }\r\n                    }\r\n                }\r\n            }\r\n\r\n            this.targetCruiseBookings = []\r\n            this.targetShorexId = 0\r\n            this.tempBookings = []\r\n            this.isShowBooking = false\r\n        }\r\n    },\r\n    computed: {\r\n        cruises () {\r\n            let cruises = []\r\n            this.shorexes.forEach((shorex) => {\r\n                const shipCode = shorex.ship\r\n                const sailDate = shorex.sailDate.substring(0, 10)\r\n                let cruise = cruises.find(r=>r.shipCode == shipCode && r.sailDate == sailDate)\r\n                if (!cruise) {\r\n                    cruise = {\r\n                        shipCode,\r\n                        sailDate,\r\n                        shorexes: [shorex]\r\n                    }\r\n                    cruises.push(cruise)\r\n                } else {\r\n                    cruise.shorexes.push(shorex)\r\n                }\r\n            })\r\n            return cruises\r\n        },\r\n\r\n    }\r\n}\r\n</script>\r\n\r\n<style lang=\"less\" scoped>\r\np {\r\n    margin: 0;\r\n}\r\n#paySuccessShorex.popup {\r\n    position: fixed;\r\n    background-color: #F6F7F8;\r\n    transform: translate3d(100%, 0, 0);\r\n    display: block;\r\n    z-index: 10401;\r\n}\r\n#paySuccessShorex.modal-in {\r\n    position: fixed;\r\n    background-color: #F6F7F8;\r\n    transform: translate3d(0, 0, 0);\r\n}\r\n#paySuccessShorex.modal-out {\r\n    transform: translate3d(100%, 0, 0);\r\n}\r\n\r\n#paySuccessShorex {\r\n    .shorexDetail-title {\r\n        padding: 15px 20px;\r\n        background-color: #fff;\r\n        overflow: hidden;\r\n        text-align: center;\r\n        margin-bottom: 10px;\r\n        position: fixed;\r\n        width: 100%;\r\n        z-index: 10;\r\n        > p {\r\n            font-family: PingFang-SC-Medium;\r\n            font-size: 14px;\r\n            color: #333333;\r\n            letter-spacing: 1px;\r\n            text-align: center;\r\n            margin: 0;\r\n        }\r\n        .shorexDetail-returnButton {\r\n            width: 30px;\r\n            position: absolute;\r\n            top: 15px;\r\n            left: 20px;\r\n            text-align: left;\r\n            img {\r\n                width: 33%;\r\n            }\r\n        }\r\n    }\r\n\r\n    .shorex-content {\r\n        .pop-img {\r\n            padding: 55px 0px 0;\r\n            background: white;\r\n            img {\r\n                width: 100%;\r\n                display: block;\r\n            }\r\n            .rule-item {\r\n                display: flex;\r\n                align-items: center;\r\n                padding: 10px 12px;\r\n                font-size: 14px;\r\n                line-height: 20px;\r\n                color: #4A90E2;\r\n                position: relative;\r\n                .rule-item-line {\r\n                    width: 3px;\r\n                    height: 12px;\r\n                    margin-right: 6px;\r\n                    background-color: #4A90E2;\r\n                }\r\n                p {\r\n                    margin: 0;\r\n                    font-weight: bold;\r\n                }\r\n            }\r\n        }\r\n\r\n        .shorex-body {\r\n            background: #F6F7F8;\r\n            padding: 10px;\r\n            font-size: 14px;\r\n            .shorex-list {\r\n                background: #fff;\r\n                width: 100%;\r\n                border: 1px solid #FEB803;\r\n                border-top: 3px solid #FEB803;\r\n                padding: 2px 10px 0;\r\n                border-radius: 5px;\r\n                margin-bottom: 10px;\r\n                .list-item {\r\n                    border-bottom: 1px solid #e3e3e3;\r\n                    padding-top: 15px;\r\n                    .item-title {\r\n                        font-size: 14px;\r\n                        font-weight: bold;\r\n                        color: #333;\r\n                        margin-bottom: 3px;\r\n                    }\r\n                    .item-sub {\r\n                        font-size: 12px;\r\n                        color: #666;\r\n                        font-weight: 400;\r\n                        > span {\r\n                            color: #FF5055;\r\n                        }\r\n                    }\r\n                    .item-intro {\r\n                        font-size: 14px;\r\n                        font-weight: bold;\r\n                        color: #333;\r\n                        margin-top: 7px;\r\n                        margin-bottom: 5px;\r\n                        .num {\r\n                            color: #FF5055;\r\n                        }\r\n                        .txt {\r\n                            font-size: 10px;\r\n                            color: #333;\r\n                            font-weight: normal;\r\n                        }\r\n                        .line {\r\n                            position: relative;\r\n                            width: 112px;\r\n                            margin: 0px 5px 0px 5px;\r\n                            height: 0px;\r\n                            display: inline-block;\r\n                            border-bottom: dotted 1px #ccc;\r\n                            top: -3px;\r\n                        }\r\n                        .select {\r\n                            width: 56px;\r\n                            height: 20px;\r\n                            display: inline-block;\r\n                            text-align: center;\r\n                            line-height: 20px;\r\n                            background: #fff;\r\n                            color: #4A90E2;\r\n                            font-size: 10px;\r\n                            border: 1px solid #4A90E2;\r\n                            border-radius: 4px;\r\n                            border-radius: 4px;\r\n                        }\r\n                    }\r\n                    .out-content {\r\n                        .item-order {\r\n                            display: flex;\r\n                            color: #999;\r\n                            .sub-title {\r\n                                font-size: 12px;\r\n                                color: #2A2A2A;\r\n                            }\r\n                            .order-detail {\r\n                                .code {\r\n                                    color: #333;\r\n                                    font-weight: bold;\r\n                                    position: relative;\r\n                                    font-size: 12px;\r\n                                    margin-left: 10px;\r\n                                    img {\r\n                                        width: 11px;\r\n                                        height: 11px;\r\n                                        margin-left: 10px;\r\n                                        position: relative;\r\n                                        top: 1px;\r\n                                    }\r\n                                }\r\n                                .info {\r\n                                    font-size: 12px;\r\n                                    color: #2A2A2A;\r\n                                    margin-left: 10px;\r\n                                }\r\n                            }\r\n                        }\r\n\r\n                        .singal-img {\r\n                            > img {\r\n                                margin: 15px 0 5px;\r\n                            }\r\n                            .introduce {\r\n                                color: #4A90E2;\r\n                                margin-bottom: 5px;\r\n                                 > span {\r\n                                    font-weight: bold;\r\n                                }\r\n                                .time-css {\r\n                                    width: 12px;\r\n                                    position: relative;\r\n                                    top: 1px;\r\n                                }\r\n                            }\r\n                            .desc {\r\n                                line-height: 20px;\r\n                                font-size: 12px;\r\n                                padding-bottom: 10px;\r\n                                color: #666;\r\n                            }\r\n                        }\r\n                    }\r\n\r\n                }\r\n                .list-item:last-child {\r\n                    border-bottom: 0;\r\n                }\r\n            }\r\n        }\r\n\r\n        .foot {\r\n            font-size: 10px;\r\n            display: flex;\r\n            color: #999;\r\n            padding: 10px 23px 10px;\r\n            background: white;\r\n        }\r\n    }\r\n\r\n}\r\n\r\n.roomDetailModel {\r\n    width: 100%;\r\n    position: fixed;\r\n    top: 0;\r\n    left: 0;\r\n    bottom: 0px;\r\n    z-index: 2222222;\r\n    .roomDetail-bg {\r\n        width: 100%;\r\n        background-color: rgba(0,0,0,.4);\r\n        position: fixed;\r\n        top: 0;\r\n        left: 0;\r\n        bottom: 0px;\r\n    }\r\n    .roomDetailModel-container {\r\n        background-color: #fff;\r\n        border-top: 5px solid #FEBC10;\r\n        padding: 22px 20px 30px 20px;\r\n        position: absolute;\r\n        bottom: 48px;\r\n        width: 100%;\r\n        max-height: 60vh;\r\n        overflow-y: auto;\r\n        .pop-title {\r\n            margin-bottom: 10px;\r\n            .o-title {\r\n                padding-left: 2px;\r\n                font-size: 14px;\r\n                color: #4A90E2;\r\n                letter-spacing: 0;\r\n                img {\r\n                    max-height: 20px;\r\n                    max-width: 18px;\r\n                }\r\n            }\r\n            .o-intro {\r\n                padding-left: 26px;\r\n                font-size: 12px;\r\n                color: #333333;\r\n                letter-spacing: 0;\r\n            }\r\n        }\r\n        .pop-list {\r\n            padding-top: 20px;\r\n            border-top: 1px solid #E5E5E5;\r\n            .order-item {\r\n                background: rgba(229,229,229,0.60);\r\n                border-radius: 3.64px;\r\n                padding: 8px 0 8px 22px;\r\n                font-size: 14px;\r\n                margin-bottom: 10px;\r\n                .code {\r\n                    color: #333333;\r\n                    letter-spacing: 0;\r\n                    line-height: 20px;\r\n                    font-weight: bold;\r\n                }\r\n                .info {\r\n                    color: #2A2A2A;\r\n                    letter-spacing: 0;\r\n                    line-height: 20px;\r\n                }\r\n            }\r\n            .order-item.active {\r\n                background: #4A90E2;\r\n                .code, .info {\r\n                    color: #fff;\r\n                }\r\n            }\r\n        }\r\n        .roomDetailModel-closed {\r\n            width: 38px;\r\n            text-align: center;\r\n            height: 34px;\r\n            line-height: 34px;\r\n            position: absolute;\r\n            top: -4px;\r\n            right: 0px;\r\n            background: #FEBC10;\r\n            border-bottom-left-radius: 8px;\r\n            -webkit-border-bottom-left-radius: 8px;\r\n            border-bottom-right-radius: 8px;\r\n            -webkit-border-bottom-right-radius: 8px;\r\n            span {\r\n                display: inline-block;\r\n                color: #fff;\r\n                font-size: 16px;\r\n                -webkit-transform: scale(1.5,1.3);\r\n                -moz-transform: scale(1.5,1.3);\r\n                -ms-transform: scale(1.5,1.3);\r\n                -o-transform: scale(1.5,1.3);\r\n                transform: scale(1.5,1.3);\r\n            }\r\n        }\r\n    }\r\n    .pop-foot {\r\n        height: 48px;\r\n        display: flex;\r\n        font-size: 14px;\r\n        position: fixed;\r\n        left: 0;\r\n        bottom: 0;\r\n        right: 0;\r\n        .sx {\r\n            color: #999;\r\n            background: #fff;\r\n        }\r\n        .qd {\r\n            color: #454545;\r\n            background: #FCC72E;\r\n        }\r\n\r\n        .comm {\r\n            width: 50%;\r\n            line-height: 48px;\r\n            text-align: center;\r\n            img {\r\n                margin-right: 4px;\r\n            }\r\n        }\r\n    }\r\n}\r\n\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!./PaySuccessShorex.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!./PaySuccessShorex.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./PaySuccessShorex.vue?vue&type=template&id=dc3f5782&scoped=true&\"\nimport script from \"./PaySuccessShorex.vue?vue&type=script&lang=js&\"\nexport * from \"./PaySuccessShorex.vue?vue&type=script&lang=js&\"\nimport style0 from \"./PaySuccessShorex.vue?vue&type=style&index=0&id=dc3f5782&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  \"dc3f5782\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}