{"version":3,"sources":["webpack:///./src/components/Cruise/CruiseDetail/CruiseDetailShorexPopup.vue?4c6c","webpack:///src/components/Cruise/CruiseDetail/CruiseDetailShorexPopup.vue","webpack:///./src/components/Cruise/CruiseDetail/CruiseDetailShorexPopup.vue?c122","webpack:///./src/components/Cruise/CruiseDetail/CruiseDetailShorexPopup.vue?fa70","webpack:///./src/components/Cruise/CruiseDetail/CruiseDetailShorexPopup.vue?ba66","webpack:///./src/components/Cruise/CruiseDetail/CruiseDetailShorexPopup.vue?d338"],"names":["render","_vm","this","_h","$createElement","_c","_self","directives","name","rawName","value","expression","staticClass","class","in","isShowModal","active","isShow","attrs","on","onModalClose","staticStyle","_v","freeShorex","length","payShorex","_m","_e","activeTab","$event","_l","shorex","i","key","banner","_s","shorexName","shorexBrief","duration","shorexPrice","domProps","shorexDescription","trip","j","tripName","tripDescription","staticRenderFns","component"],"mappings":"uHAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,WAAW,CAAC,CAACC,KAAK,OAAOC,QAAQ,SAASC,MAAOT,EAAU,OAAEU,WAAW,WAAWC,YAAY,aAAaC,MAAM,CAAEC,GAAIb,EAAIc,YAAaC,OAAQf,EAAIgB,QAAQC,MAAM,CAAC,GAAK,iBAAiB,SAAW,KAAK,KAAO,SAAS,kBAAkB,eAAe,cAAc,SAAS,CAACb,EAAG,MAAM,CAACO,YAAY,WAAWO,GAAG,CAAC,MAAQlB,EAAImB,gBAAgBf,EAAG,MAAM,CAACO,YAAY,eAAeS,YAAY,CAAC,MAAQ,UAAU,CAAChB,EAAG,MAAM,CAACO,YAAY,iBAAiB,CAACP,EAAG,MAAM,CAACO,YAAY,gBAAgB,CAACX,EAAIqB,GAAG,YAAYjB,EAAG,MAAM,CAACO,YAAY,qBAAqBM,MAAM,CAAC,eAAe,QAAQ,aAAa,SAASC,GAAG,CAAC,MAAQlB,EAAImB,eAAe,CAACf,EAAG,MAAM,CAACO,YAAY,qBAAqBM,MAAM,CAAC,IAAM,iFAAiFb,EAAG,MAAM,CAACO,YAAY,cAAc,CAA2B,GAAzBX,EAAIsB,WAAWC,QAAuC,GAAxBvB,EAAIwB,UAAUD,OAAanB,EAAG,KAAK,CAACO,YAAY,aAAa,CAACX,EAAIyB,GAAG,KAAKzB,EAAI0B,KAAKtB,EAAG,MAAM,CAACO,YAAY,WAAW,CAACP,EAAG,KAAK,CAACO,YAAY,aAAa,CAAEX,EAAIwB,UAAUD,OAAS,EAAGnB,EAAG,KAAK,CAACQ,MAAM,CAAEG,OAAyB,aAAjBf,EAAI2B,WAA0BT,GAAG,CAAC,MAAQ,SAASU,GAAQ5B,EAAI2B,UAAY,eAAe,CAAC3B,EAAIqB,GAAG,aAAarB,EAAI0B,KAAM1B,EAAIsB,WAAWC,OAAS,EAAGnB,EAAG,KAAK,CAACQ,MAAM,CAAEG,OAAyB,cAAjBf,EAAI2B,WAA2BT,GAAG,CAAC,MAAQ,SAASU,GAAQ5B,EAAI2B,UAAY,gBAAgB,CAAC3B,EAAIqB,GAAG,mBAAmBrB,EAAI0B,OAAOtB,EAAG,KAAK,CAACE,WAAW,CAAC,CAACC,KAAK,OAAOC,QAAQ,SAASC,MAAwB,aAAjBT,EAAI2B,UAA0BjB,WAAW,6BAA6BC,YAAY,QAAQX,EAAI6B,GAAI7B,EAAa,WAAE,SAAS8B,EAAOC,GAAG,OAAO3B,EAAG,KAAK,CAAC4B,IAAK,aAAeD,GAAI,CAAC3B,EAAG,MAAM,CAACO,YAAY,YAAY,CAAEmB,EAAOG,QAAUH,EAAOG,OAAOV,OAAS,EAAGnB,EAAG,MAAM,CAACO,YAAY,gBAAgBM,MAAM,CAAC,IAAMa,EAAOG,OAAO,MAAMjC,EAAI0B,KAAKtB,EAAG,MAAM,CAACO,YAAY,UAAU,CAACP,EAAG,MAAM,CAACO,YAAY,SAAS,CAACP,EAAG,OAAO,CAACO,YAAY,SAASP,EAAG,OAAO,CAACO,YAAY,QAAQ,CAACX,EAAIqB,GAAGrB,EAAIkC,GAAGJ,EAAOK,iBAAiB/B,EAAG,MAAM,CAACO,YAAY,cAAc,CAACX,EAAIqB,GAAG,IAAIrB,EAAIkC,GAAGJ,EAAOM,aAAa,OAAQN,EAAOO,UAAYP,EAAOO,SAASd,OAAS,EAAGnB,EAAG,MAAM,CAACO,YAAY,SAAS,CAACP,EAAG,MAAM,CAACa,MAAM,CAAC,IAAM,0DAA0D,IAAM,oBAAoBb,EAAG,OAAO,CAACJ,EAAIqB,GAAG,OAAOrB,EAAIkC,GAAGJ,EAAOO,eAAerC,EAAI0B,KAAMI,EAAOQ,aAAeR,EAAOQ,YAAc,EAAGlC,EAAG,MAAM,CAACO,YAAY,SAAS,CAACP,EAAG,MAAM,CAACa,MAAM,CAAC,IAAM,2DAA2D,IAAM,oBAAoBb,EAAG,OAAO,CAACJ,EAAIqB,GAAG,OAAOrB,EAAIkC,GAAGJ,EAAOQ,aAAa,YAAYtC,EAAI0B,SAAStB,EAAG,MAAM,CAACO,YAAY,OAAO4B,SAAS,CAAC,UAAYvC,EAAIkC,GAAGJ,EAAOU,2BAA0B,GAAGpC,EAAG,KAAK,CAACE,WAAW,CAAC,CAACC,KAAK,OAAOC,QAAQ,SAASC,MAAwB,cAAjBT,EAAI2B,UAA2BjB,WAAW,8BAA8BC,YAAY,QAAQX,EAAI6B,GAAI7B,EAAc,YAAE,SAAS8B,EAAOC,GAAG,OAAO3B,EAAG,KAAK,CAAC4B,IAAK,aAAeD,GAAI/B,EAAI6B,GAAIC,EAAkB,aAAE,SAASW,EAAKC,GAAG,OAAOtC,EAAG,MAAM,CAAC4B,IAAK,kBAAoBD,EAAI,IAAMW,GAAI,CAACtC,EAAG,MAAM,CAACO,YAAY,cAAc,CAACP,EAAG,OAAO,CAACO,YAAY,SAASP,EAAG,OAAO,CAACO,YAAY,SAAS,CAACX,EAAIqB,GAAGrB,EAAIkC,GAAGO,EAAKE,UAAU,OAAO3C,EAAIkC,GAAGO,EAAKJ,UAAU,UAAUjC,EAAG,MAAM,CAACO,YAAY,2BAA2B4B,SAAS,CAAC,UAAYvC,EAAIkC,GAAGO,EAAKG,yBAAwB,MAAK,GAAI5C,EAAIsB,WAAWC,OAAS,GAAKvB,EAAIwB,UAAUD,OAAS,EAAGnB,EAAG,MAAM,CAACO,YAAY,QAAQ,CAACP,EAAG,MAAM,CAACO,YAAY,UAAU,CAACX,EAAIqB,GAAG,QAAQrB,EAAIyB,GAAG,GAAGzB,EAAIyB,GAAG,GAAGzB,EAAIyB,GAAG,KAAKzB,EAAI0B,gBAC95GmB,EAAkB,CAAC,WAAa,IAAI7C,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,KAAK,CAACA,EAAG,MAAM,CAACO,YAAY,OAAOS,YAAY,CAAC,aAAa,QAAQH,MAAM,CAAC,IAAM,mEAAmEb,EAAG,MAAM,CAACO,YAAY,QAAQ,CAACX,EAAIqB,GAAG,yEAAyE,WAAa,IAAIrB,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACO,YAAY,SAAS,CAACP,EAAG,OAAO,CAACO,YAAY,aAAa,CAACX,EAAIqB,GAAG,QAAQrB,EAAIqB,GAAG,oDAAoD,WAAa,IAAIrB,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACO,YAAY,SAAS,CAACP,EAAG,OAAO,CAACO,YAAY,aAAa,CAACX,EAAIqB,GAAG,QAAQrB,EAAIqB,GAAG,uCAAuC,WAAa,IAAIrB,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACO,YAAY,SAAS,CAACP,EAAG,OAAO,CAACO,YAAY,aAAa,CAACX,EAAIqB,GAAG,QAAQrB,EAAIqB,GAAG,mDCqGt9B,GACE,KAAF,0BACE,MAAF,CACI,OAAJ,CACM,KAAN,SAEI,WAAJ,CACM,KAAN,OACM,QAFN,WAGQ,MAAR,CACU,WAAV,GACU,UAAV,OAKE,KAhBF,WAiBI,MAAJ,CACM,aAAN,EACM,UAAN,KAGE,QAAF,CAEI,aAFJ,WAEM,IAAN,OACM,KAAN,eACM,YAAN,WACQ,EAAR,wBACA,OAGE,SAAF,CACI,WADJ,WAEM,OAAN,4CACA,2BADA,IAGI,UALJ,WAMM,OAAN,2CACA,0BADA,KAIE,MAAF,CACI,OADJ,SACA,GAAM,IAAN,OACM,YAAN,WACQ,EAAR,gBACA,MAEI,WANJ,SAMA,GACA,kCACQ,KAAR,sBACA,oCACQ,KAAR,uBAEQ,KAAR,gBC3J+X,I,kCCS3XyB,EAAY,eACd,EACA/C,EACA8C,GACA,EACA,KACA,WACA,MAIa,aAAAC,E,sECpBf,yBAA0kB,EAAG,G,kCCA7kB,yBAAkmB,EAAG,G","file":"js/chunk-4f9b7044.34cdce46.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.isShow),expression:\"isShow\"}],staticClass:\"modal fade\",class:{ in: _vm.isShowModal, active: _vm.isShow},attrs:{\"id\":\"tour_pay_modal\",\"tabindex\":\"-1\",\"role\":\"dialog\",\"aria-labelledby\":\"myModalLabel\",\"aria-hidden\":\"true\"}},[_c('div',{staticClass:\"modal-bg\",on:{\"click\":_vm.onModalClose}}),_c('div',{staticClass:\"modal-dialog\",staticStyle:{\"width\":\"750px\"}},[_c('div',{staticClass:\"modal-content\"},[_c('div',{staticClass:\"modal-header\"},[_vm._v(\"岸上观光服务\")]),_c('div',{staticClass:\"common-modal-close\",attrs:{\"data-dismiss\":\"modal\",\"aria-label\":\"Close\"},on:{\"click\":_vm.onModalClose}},[_c('img',{staticClass:\"common-modal-close\",attrs:{\"src\":\"https://resource.rcclchina.com.cn/TUI2PCImg/SearchPackage/modal-close.jpg\"}})]),_c('div',{staticClass:\"modal-body\"},[(_vm.freeShorex.length == 0 && _vm.payShorex.length == 0)?_c('ul',{staticClass:\"list-null\"},[_vm._m(0)]):_vm._e(),_c('div',{staticClass:\"content\"},[_c('ul',{staticClass:\"modal-nav\"},[(_vm.payShorex.length > 0)?_c('li',{class:{ active: _vm.activeTab == 'payShorex'},on:{\"click\":function($event){_vm.activeTab = 'payShorex'}}},[_vm._v(\" 皇家精品游 \")]):_vm._e(),(_vm.freeShorex.length > 0)?_c('li',{class:{ active: _vm.activeTab == 'freeShorex'},on:{\"click\":function($event){_vm.activeTab = 'freeShorex'}}},[_vm._v(\" 皇家常规游(免费赠送) \")]):_vm._e()]),_c('ul',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.activeTab == 'payShorex'),expression:\"activeTab == 'payShorex'\"}],staticClass:\"list\"},_vm._l((_vm.payShorex),function(shorex,i){return _c('li',{key:('payShorex_' + i)},[_c('div',{staticClass:\"img-tour\"},[(shorex.banner && shorex.banner.length > 0)?_c('img',{staticClass:\"shorex-banner\",attrs:{\"src\":shorex.banner[0]}}):_vm._e(),_c('div',{staticClass:\"detail\"},[_c('div',{staticClass:\"title\"},[_c('span',{staticClass:\"line\"}),_c('span',{staticClass:\"text\"},[_vm._v(_vm._s(shorex.shorexName))])]),_c('div',{staticClass:\"blod-title\"},[_vm._v(\" \"+_vm._s(shorex.shorexBrief)+\" \")]),(shorex.duration && shorex.duration.length > 0)?_c('div',{staticClass:\"intro\"},[_c('img',{attrs:{\"src\":\"https://resource.rcclchina.com.cn/cruiseDetail/time.png\",\"alt\":\"Alternate Text\"}}),_c('span',[_vm._v(\"时长: \"+_vm._s(shorex.duration))])]):_vm._e(),(shorex.shorexPrice && shorex.shorexPrice > 0)?_c('div',{staticClass:\"intro\"},[_c('img',{attrs:{\"src\":\"https://resource.rcclchina.com.cn/cruiseDetail/price.png\",\"alt\":\"Alternate Text\"}}),_c('span',[_vm._v(\"价格: \"+_vm._s(shorex.shorexPrice)+\"美元/人\")])]):_vm._e()])]),_c('div',{staticClass:\"desc\",domProps:{\"innerHTML\":_vm._s(shorex.shorexDescription)}})])}),0),_c('ul',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.activeTab == 'freeShorex'),expression:\"activeTab == 'freeShorex'\"}],staticClass:\"list\"},_vm._l((_vm.freeShorex),function(shorex,i){return _c('li',{key:('freeShorex' + i)},_vm._l((shorex.shorexTrips),function(trip,j){return _c('div',{key:('freeShorexTrip_' + i + '_' + j)},[_c('div',{staticClass:\"main-title\"},[_c('span',{staticClass:\"line\"}),_c('span',{staticClass:\"scene\"},[_vm._v(_vm._s(trip.tripName)+\" - 约\"+_vm._s(trip.duration)+\"小时\")])]),_c('div',{staticClass:\"item free-shorex-content\",domProps:{\"innerHTML\":_vm._s(trip.tripDescription)}})])}),0)}),0),(_vm.freeShorex.length > 0 || _vm.payShorex.length > 0)?_c('div',{staticClass:\"foot\"},[_c('div',{staticClass:\"notice\"},[_vm._v(\"注:\")]),_vm._m(1),_vm._m(2),_vm._m(3)]):_vm._e()])])])])])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('li',[_c('img',{staticClass:\"null\",staticStyle:{\"margin-top\":\"50px\"},attrs:{\"src\":\"https://resource.rcclchina.com.cn/cruiseDetail/pc/nullpic.png\"}}),_c('div',{staticClass:\"text\"},[_vm._v(\" 很抱歉,该航次岸上观光服务尚未开放选定，选定开放后，我们会在第一时间以短信的方式通知您， 您也可以密切关注皇家加勒比官方网站 \")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"parah\"},[_c('span',{staticClass:\"parah-num\"},[_vm._v(\"1)\")]),_vm._v(\"预订船票时，将为您自动选中皇家常规游行程（免费）；船票支付成功后，可选择升级精品游服务。 \")])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"parah\"},[_c('span',{staticClass:\"parah-num\"},[_vm._v(\"2)\")]),_vm._v(\"目的地的产品及行程仅供参考，实际行程以具体航次和地接社安排为准。\")])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"parah\"},[_c('span',{staticClass:\"parah-num\"},[_vm._v(\"3)\")]),_vm._v(\"目的地产品及行程可能因相关政府政策及/或保护公共健康安全之相关要求而取消、变更或调整。\")])}]\n\nexport { render, staticRenderFns }","<template>\r\n    <div class=\"modal fade\" id=\"tour_pay_modal\" :class=\"{ in: isShowModal, active: isShow}\"\r\n        tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel\" aria-hidden=\"true\" v-show=\"isShow\">\r\n        <div class=\"modal-bg\" @click=\"onModalClose\"></div>\r\n        <div class=\"modal-dialog\" style=\"width: 750px;\">\r\n            <div class=\"modal-content\">\r\n                <div class=\"modal-header\" style=\"\">岸上观光服务</div>\r\n                <div class=\"common-modal-close\" data-dismiss=\"modal\" aria-label=\"Close\" @click=\"onModalClose\">\r\n                    <img class=\"common-modal-close\" src=\"https://resource.rcclchina.com.cn/TUI2PCImg/SearchPackage/modal-close.jpg\">\r\n                </div>\r\n\r\n                <div class=\"modal-body\">\r\n                    <ul class=\"list-null\" v-if=\"freeShorex.length == 0 && payShorex.length == 0\">\r\n                        <li>\r\n                            <img style=\"margin-top: 50px;\" class=\"null\" src=\"https://resource.rcclchina.com.cn/cruiseDetail/pc/nullpic.png\">\r\n                            <div class=\"text\">\r\n                                很抱歉,该航次岸上观光服务尚未开放选定，选定开放后，我们会在第一时间以短信的方式通知您，\r\n                                您也可以密切关注皇家加勒比官方网站\r\n                            </div>\r\n                        </li>\r\n                    </ul>\r\n                    <div class=\"content\">\r\n                        <!--导航-->\r\n                        <ul class=\"modal-nav\">\r\n                            <li v-if=\"payShorex.length > 0\"\r\n                                :class=\"{ active: activeTab == 'payShorex'}\"\r\n                                @click=\"activeTab = 'payShorex'\">\r\n                                皇家精品游\r\n                            </li>\r\n                            <li v-if=\"freeShorex.length > 0\"\r\n                                :class=\"{ active: activeTab == 'freeShorex'}\"\r\n                                @click=\"activeTab = 'freeShorex'\"\r\n                            >\r\n                                皇家常规游(免费赠送)\r\n                            </li>\r\n                        </ul>\r\n                        <!--皇家精品游-->\r\n\r\n                        <ul class=\"list\" v-show=\"activeTab == 'payShorex'\">\r\n                            <li v-for=\"(shorex, i) in payShorex\" :key=\"('payShorex_' + i)\">\r\n                                <div class=\"img-tour\">\r\n                                    <img v-if=\"shorex.banner && shorex.banner.length > 0\"\r\n                                    :src=\"shorex.banner[0]\" class=\"shorex-banner\">\r\n\r\n                                    <div class=\"detail\">\r\n                                        <div class=\"title\">\r\n                                            <span class=\"line\"></span>\r\n                                            <span class=\"text\">{{shorex.shorexName}}</span>\r\n                                        </div>\r\n                                        <div class=\"blod-title\">\r\n                                            {{shorex.shorexBrief}}\r\n                                        </div>\r\n                                        <div class=\"intro\" v-if=\"shorex.duration && shorex.duration.length > 0\">\r\n                                            <img src=\"https://resource.rcclchina.com.cn/cruiseDetail/time.png\" alt=\"Alternate Text\">\r\n                                            <span>时长: {{shorex.duration}}</span>\r\n                                        </div>\r\n                                        <div class=\"intro\" v-if=\"shorex.shorexPrice && shorex.shorexPrice > 0\">\r\n                                            <img src=\"https://resource.rcclchina.com.cn/cruiseDetail/price.png\" alt=\"Alternate Text\">\r\n                                            <span>价格: {{shorex.shorexPrice}}美元/人</span>\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n                                <div class=\"desc\" v-html=\"shorex.shorexDescription\">\r\n                                    \r\n                                </div>\r\n                            </li>\r\n                        </ul>\r\n                        <!--皇家常规游-->\r\n                        <ul class=\"list\" v-show=\"activeTab == 'freeShorex'\">\r\n                            <li v-for=\"(shorex, i) in freeShorex\" :key=\"('freeShorex' + i)\">\r\n                                <div v-for=\"(trip, j) in shorex.shorexTrips\" :key=\"('freeShorexTrip_' + i + '_' + j)\">\r\n                                    <div class=\"main-title\" style=\"\">\r\n                                        <span class=\"line\"></span>\r\n                                        <span class=\"scene\">{{trip.tripName}} - 约{{trip.duration}}小时</span>\r\n                                    </div>\r\n                                    <div class=\"item free-shorex-content\" v-html=\"trip.tripDescription\">\r\n                                    </div>\r\n                                </div>\r\n                            </li>\r\n                        </ul>\r\n\r\n                        <!--底部-->\r\n                        <div class=\"foot\" v-if=\"freeShorex.length > 0 || payShorex.length > 0\">\r\n                            <div class=\"notice\">注:</div>\r\n                            <div class=\"parah\">\r\n                                <span class=\"parah-num\">1)</span>预订船票时，将为您自动选中皇家常规游行程（免费）；船票支付成功后，可选择升级精品游服务。\r\n                                    <!-- <span v-if=\"fressShorex&&freeShorex.length>0\">预订船票时，将为您自动选中皇家常规游行程（免费）；船票支付成功后，可选择升级精品游服务。</span>\r\n                                    <span v-else>本航次目前暂无皇家赠送岸上观光常规游，建议您提前安排靠港日活动，或在船票支付成功后，选择升级精品游服务。</span> -->\r\n                                \r\n                            </div>\r\n                            <div class=\"parah\"><span class=\"parah-num\">2)</span>目的地的产品及行程仅供参考，实际行程以具体航次和地接社安排为准。</div>\r\n                            <div class=\"parah\"><span class=\"parah-num\">3)</span>目的地产品及行程可能因相关政府政策及/或保护公共健康安全之相关要求而取消、变更或调整。</div>\r\n                        </div>\r\n\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n    name: \"CruiseDetailShorexPopup\",\r\n    props: { \r\n        isShow: {\r\n            type: Boolean\r\n        },\r\n        shorexInfo: {\r\n            type: Object,\r\n            default () {\r\n                return {\r\n                    freeShorex: [],\r\n                    payShorex: []\r\n                }\r\n            }\r\n        }\r\n    },\r\n    data () {\r\n        return {\r\n            isShowModal: false,\r\n            activeTab: ''\r\n        }\r\n    },\r\n    methods: {\r\n        \r\n        onModalClose () {\r\n            this.isShowModal = false\r\n            setTimeout(()=> {\r\n                this.$emit('onModalClose')\r\n            }, 100)\r\n        }\r\n    },\r\n    computed: {\r\n        freeShorex () {\r\n            if (!this.shorexInfo || !this.shorexInfo.freeShorex) return []\r\n            return this.shorexInfo.freeShorex\r\n        },\r\n        payShorex () {\r\n            if (!this.shorexInfo || !this.shorexInfo.payShorex) return []\r\n            return this.shorexInfo.payShorex\r\n        }\r\n    },\r\n    watch: {\r\n        isShow (newValue) {\r\n            setTimeout(()=> {\r\n                this.isShowModal = newValue\r\n            }, 100)\r\n        },\r\n        shorexInfo (newShorexInfo) {\r\n            if (newShorexInfo.payShorex && newShorexInfo.payShorex.length > 0) {\r\n                this.activeTab = 'payShorex'\r\n            } else if (newShorexInfo.freeShorex && newShorexInfo.freeShorex.length > 0) {\r\n                this.activeTab = 'freeShorex'\r\n            } else {\r\n                this.activeTab = ''\r\n            }\r\n        }\r\n    }\r\n}\r\n</script>\r\n\r\n<style lang=\"less\" scoped>\r\n\r\n.modal.active {\r\n    display: block;\r\n}\r\n\r\n.modal-bg {\r\n    position: fixed;\r\n    width: 100%;\r\n    height: 100%;\r\n    top: 0;\r\n    left: 0;\r\n    background-color: rgba(0, 0, 0, 0.5);\r\n}\r\n#tour_pay_modal {\r\n    overflow-x: hidden;\r\n    overflow-y: auto;\r\n    .modal-header {\r\n        border: 0;\r\n        margin-left: 30px;\r\n        font-size: 22px;\r\n        color: #282b2c;\r\n        font-weight: bold;\r\n        padding: 0;\r\n        padding-top: 30px;\r\n    }\r\n    .modal-body {\r\n        padding: 20px 30px;\r\n        line-height: 1.6;\r\n        .list-null {\r\n            li {\r\n                width: 100%;\r\n                height: 367px;\r\n                img.null {\r\n                    transform: translateX(-50%);\r\n                    position: relative;\r\n                    left: 50%;\r\n                    margin-bottom: 30px;\r\n                    margin-top: 145px;\r\n                }\r\n                .text {\r\n                    text-align: center;\r\n                    padding: 0 34px;\r\n                }\r\n            }\r\n        }\r\n        .modal-nav {\r\n            width: 100%;\r\n            display: flex;\r\n            justify-content: flex-start;\r\n            margin-bottom: 24px;\r\n            position: relative;\r\n            li {\r\n                margin-right: 6px;\r\n                width: 180px;\r\n                height: 44px;\r\n                line-height: 44px;\r\n                text-align: center;\r\n                color: #666;\r\n                background: #f3f6f8;\r\n                font-size: 14px;\r\n                position: relative;\r\n                cursor: pointer;\r\n            }\r\n            li.active {\r\n                background: #54a3de;\r\n                color: #fff;\r\n            }\r\n            li.active::after {\r\n                content: '';\r\n                display: block;\r\n                position: absolute;\r\n                top: 100%;\r\n                left: 50%;\r\n                margin-left: -8px;\r\n                border-style: solid;\r\n                border-width: 8px;\r\n                border-color: #54a3de transparent transparent transparent;\r\n            }\r\n        }\r\n        .list {\r\n            li {\r\n                padding-bottom: 15px;\r\n                border-bottom: 1px solid #d3dadd;\r\n                padding-top: 26px;\r\n                .img-tour {\r\n                    display: inline-block;\r\n                    img.shorex-banner {\r\n                        width: 290px;\r\n                        display: inline-block;\r\n                        vertical-align: top;\r\n                    }\r\n                    .detail {\r\n                        width: 350px;\r\n                        margin-left: 22px;\r\n                        margin-bottom: 2px;\r\n                        display: inline-block;\r\n                        vertical-align: top;\r\n                        .title {\r\n                            margin-bottom: 16px;\r\n                            \r\n                            .text {\r\n                                font-size: 16px;\r\n                                font-weight: bold;\r\n                                color: #282b2c;\r\n                            }\r\n                        }\r\n                        .blod-title {\r\n                            font-size: 14px;\r\n                            font-weight: bold;\r\n                            color: #282b2c;\r\n                            margin-bottom: 12px;\r\n                            font-weight: 400;\r\n                        }\r\n                        .intro {\r\n                            margin-bottom: 8px;\r\n                            span {\r\n                                margin-left: 3px;\r\n                                color: #006ab9;\r\n                            }\r\n                        }\r\n                    }\r\n                }\r\n                .desc {\r\n                    font-size: 14px;\r\n                    line-height: 22px;\r\n                    color: #333;\r\n                    font-weight: 500;\r\n                    margin-top: 13px;\r\n                }\r\n                .line {\r\n                    width: 4px;\r\n                    height: 14px;\r\n                    background: #54A3DE;\r\n                    display: inline-block;\r\n                    margin-right: 2px;\r\n                    position: relative;\r\n                    top: 2px;\r\n                }\r\n                .main-title {\r\n                    margin-bottom: 14px;\r\n                    .scene {\r\n                        font-size: 16px;\r\n                        font-weight: bold;\r\n                        color: #282b2c;\r\n                    }\r\n                    .item {\r\n                        color: #282b2c;\r\n                        font-size: 14px !important;\r\n                        font-weight: bold;\r\n                    }\r\n                }\r\n            }\r\n            li:first-child {\r\n                padding-top: 0;\r\n            }\r\n        }\r\n        .foot {\r\n            color: #747d80;\r\n            font-size: 14px;\r\n            line-height: 22px;\r\n            padding-top: 12px;\r\n            font-weight: 400;\r\n        }\r\n    }\r\n}\r\n.parah-num {\r\n    display: inline-block;\r\n    width: 20px;\r\n}\r\n</style>\r\n\r\n<style lang=\"less\">\r\n#tour_pay_modal .free-shorex-content, #tour_pay_modal .free-shorex-content p, #tour_pay_modal .free-shorex-content span {\r\n    font-size: 14px !important;\r\n}\r\n#tour_pay_modal .free-shorex-content p {\r\n    margin-bottom: 0px;\r\n    color: #282b2c;\r\n    font-weight: bold;\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!./CruiseDetailShorexPopup.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!./CruiseDetailShorexPopup.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./CruiseDetailShorexPopup.vue?vue&type=template&id=4b7dc91e&scoped=true&\"\nimport script from \"./CruiseDetailShorexPopup.vue?vue&type=script&lang=js&\"\nexport * from \"./CruiseDetailShorexPopup.vue?vue&type=script&lang=js&\"\nimport style0 from \"./CruiseDetailShorexPopup.vue?vue&type=style&index=0&id=4b7dc91e&lang=less&scoped=true&\"\nimport style1 from \"./CruiseDetailShorexPopup.vue?vue&type=style&index=1&lang=less&\"\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  \"4b7dc91e\",\n  null\n  \n)\n\nexport default component.exports","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!./CruiseDetailShorexPopup.vue?vue&type=style&index=1&lang=less&\"; 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!./CruiseDetailShorexPopup.vue?vue&type=style&index=1&lang=less&\"","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!./CruiseDetailShorexPopup.vue?vue&type=style&index=0&id=4b7dc91e&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!./CruiseDetailShorexPopup.vue?vue&type=style&index=0&id=4b7dc91e&lang=less&scoped=true&\""],"sourceRoot":""}