{"version":3,"sources":["webpack:///./src/components/Booking/StateroomDetailSuite.vue?435f","webpack:///./src/components/Booking/StateroomDetailSuite.vue?6908","webpack:///src/components/Booking/StateroomDetailSuite.vue","webpack:///./src/components/Booking/StateroomDetailSuite.vue?4a10","webpack:///./src/components/Booking/StateroomDetailSuite.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","directives","name","rawName","value","expression","staticClass","class","in","isShowModal","active","isShow","attrs","on","onModalClose","stateroomDetail","isQiaohu","imgUrl","stateroomImages","length","staticStyle","_e","stateroomType","stateroomTag","GlobalData","suiteImgValue","_v","_s","getStateroomName","stateroomArea","stateroomBalconyArea","stateroomFloor","deviceFeatureTags","showQiaohuPopup","stateroomPrice","isShowPrice","stateroomPriceType","toFixed","isNrp","isFortyEightHoursNrpCruise","nrpTagDirection","nrpTagClasses","_m","domProps","stateroomDescription","ruleDescription","deviceGroupTags","_l","item","index","key","deviceTags","staticRenderFns","component"],"mappings":"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","file":"js/chunk-2af3b0b2.1ee88452.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!./StateroomDetailSuite.vue?vue&type=style&index=0&id=79157176&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!./StateroomDetailSuite.vue?vue&type=style&index=0&id=79157176&lang=less&scoped=true&\"","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:{\"tabindex\":\"-1\",\"role\":\"dialog\",\"aria-labelledby\":\"myModalLabel\",\"aria-hidden\":\"true\"}},[_c('div',{staticClass:\"modal-bg\",on:{\"click\":_vm.onModalClose}}),_c('div',{staticClass:\"modal-dialog\"},[_c('div',{staticClass:\"modal-content\",class:{ 'QIAOHU_ROOM_DETAIL_CSS': _vm.stateroomDetail.isQiaohu}},[_c('div',{staticClass:\"common-modal-close\",attrs:{\"data-dismiss\":\"modal\",\"aria-label\":\"Close\"},on:{\"click\":_vm.onModalClose}},[_c('img',{attrs:{\"src\":(_vm.imgUrl + \"/cruiseDetail/suite/suite-modal-close.png\")}})]),_c('div',{staticClass:\"modal-body\"},[_c('div',{staticClass:\"inner\"},[_c('div',{staticClass:\"inner-top\"},[_c('div',{staticClass:\"left_box\"},[_c('img',{staticClass:\"banner-detail-logo\",attrs:{\"src\":(_vm.imgUrl + \"/cruiseDetail/suite/suite-header-logo.png\")}}),(_vm.stateroomImages.length > 0)?_c('BannerDetail',{staticStyle:{\"height\":\"510px\"},attrs:{\"banners\":_vm.stateroomImages,\"isSuite\":true}}):_vm._e()],1),_c('div',{staticClass:\"inner-blank\"})]),_c('div',{staticClass:\"inner-bottom\"},[_c('div',{staticClass:\"room_detail\",staticStyle:{\"padding\":\"0 30px 35px\"}},[_c('div',{staticClass:\"room_tag\"},[(_vm.stateroomDetail.isQiaohu)?_c('img',{staticClass:\"qiaohu_tag\",attrs:{\"src\":\"https://resource.rcclchina.com.cn/QIAOHU/qiaohu.png\"}}):_vm._e(),(_vm.stateroomDetail.stateroomType === 'DELUXE' && _vm.stateroomDetail.stateroomTag > 0)?_c('img',{staticClass:\"suite-tag\",attrs:{\"src\":_vm.GlobalData.suiteImgValue[_vm.stateroomDetail.stateroomTag]}}):_vm._e()]),_c('div',{staticClass:\"room_title\"},[_vm._v(\" \"+_vm._s(_vm.getStateroomName)+\" \")]),_c('div',{staticClass:\"room_info\"},[_c('span',[_vm._v(\"舱房：\"+_vm._s(_vm.stateroomDetail.stateroomArea))]),_c('span',[_vm._v(\"阳台：\"+_vm._s(_vm.stateroomBalconyArea))]),(_vm.stateroomDetail.stateroomFloor&&_vm.stateroomDetail.stateroomFloor.length>0)?_c('span',[_vm._v(\"楼层：\"+_vm._s(_vm.stateroomDetail.stateroomFloor))]):_vm._e()]),(_vm.stateroomDetail.deviceFeatureTags)?_c('DeviceFeatureTags',{attrs:{\"viewNum\":_vm.stateroomDetail.deviceFeatureTags.length,\"tags\":_vm.stateroomDetail.deviceFeatureTags}}):_vm._e(),(_vm.stateroomDetail.isQiaohu)?_c('div',{on:{\"click\":_vm.showQiaohuPopup}},[_c('img',{staticClass:\"qiaohu_tag\",attrs:{\"src\":\"https://resource.rcclchina.com.cn/QIAOHU/qiaohu.png\"}})]):_vm._e(),_c('div',{staticClass:\"room_price\"},[(_vm.stateroomDetail.stateroomPrice>0&&_vm.isShowPrice)?_c('span',[_c('span',{staticClass:\"title\"},[_vm._v(_vm._s(_vm.stateroomDetail.stateroomPriceType)+\"（含税）\")]),_c('em',{staticClass:\"price\"},[_vm._v(\"￥\"),_c('em',{staticClass:\"number\"},[_vm._v(_vm._s(_vm.stateroomDetail.stateroomPrice.toFixed(0)))]),_vm._v(\"/人起\")])]):_vm._e(),_c('NrpTag',{attrs:{\"isNrp\":_vm.stateroomDetail.isNrp,\"isFortyEightHoursNrpCruise\":_vm.isFortyEightHoursNrpCruise,\"direction\":_vm.nrpTagDirection,\"customClasses\":_vm.nrpTagClasses}})],1),(_vm.stateroomDetail.isQiaohu)?_c('div',{staticClass:\"qiaohu_content\"},[_c('div',{staticClass:\"qiaohu_title_css\"},[_vm._v(\" 主题房内到处可以找到巧虎的可爱身影，床罩、沙发靠垫、壁画，阳台门以及墙上都有巧虎元素的装饰。 \")]),_vm._m(0),_vm._m(1),_vm._m(2)]):_vm._e(),_c('div',{staticClass:\"room_tips\"},[_vm._v(\" 注：房间图片仅供参考，以实际入住为准。 \")]),_c('div',{staticClass:\"detail-main-module\"},[_c('div',{staticClass:\"detail-main-module-inner\"},[_c('div',{staticClass:\"detail-module\"},[_vm._m(3),_c('div',{staticClass:\"content\",domProps:{\"innerHTML\":_vm._s(_vm.stateroomDetail.stateroomDescription)}})])])]),(_vm.ruleDescription)?_c('div',{domProps:{\"innerHTML\":_vm._s(_vm.ruleDescription)}}):_vm._e(),(_vm.stateroomDetail.deviceGroupTags && _vm.stateroomDetail.deviceGroupTags.length)?_c('div',{staticClass:\"detail-main-module\"},[_c('div',{staticClass:\"detail-module no-bc\",staticStyle:{\"padding-top\":\"0\"}},[_c('div',{staticClass:\"title-main\"},[_c('h3',{staticClass:\"title\"},[_vm._v(\"套房设施和礼遇\")]),(_vm.isFacilities)?_c('div',{staticClass:\"feature\"},[_c('span',[_vm._v(\"●\")]),_vm._v(\"该设施为本房型特色设施\")]):_vm._e()]),_c('div',{staticClass:\"content\"},_vm._l((_vm.stateroomDetail.deviceGroupTags),function(item,index){return _c('DeviceGroupTags',{key:index,attrs:{\"category\":item.name,\"facilities\":item.deviceTags}})}),1)])]):_vm._e()],1)]),_c('div',{staticClass:\"inner-bottom-img\"},[_c('img',{attrs:{\"src\":(_vm.imgUrl + \"/cruiseDetail/suite/suite-layer-footer.png\")}})])])])])])])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"qiaohu_title_css\"},[_c('div',{staticClass:\"title_css\"},[_vm._v(\"预订巧虎主题房可享福利：\")]),_c('div',[_vm._v(\" 1. 巧虎神秘萌礼\"),_c('br'),_vm._v(\" 2. 和巧虎一起早餐 \")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"qiaohu_title_css\"},[_c('div',{staticClass:\"title_css\"},[_vm._v(\"航程中可以与巧虎一起参加哪些活动？\")]),_c('div',[_vm._v(\" 1. 巧虎欢迎仪式\"),_c('br'),_vm._v(\" 2. 与巧虎小船长互动拍照留念\"),_c('br'),_vm._v(\" 3. 在海上历奇中心和巧虎一起玩耍\"),_c('br')])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"qiaohu_title_css\"},[_c('div',{staticClass:\"title_css\"},[_vm._v(\"巧虎主题房预订须知：\")]),_c('div',[_vm._v(\" 巧虎主题房不可与同期其他促销活动及优惠券同享，包括但不限于品牌特惠及限时闪惠活动、招商银行折扣券、抽奖券等优惠促销活动，不可与皇家指定渠道专属优惠同享。 \")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"title-main\"},[_c('h3',{staticClass:\"title\"},[_vm._v(\"套房简介\")])])}]\n\nexport { render, staticRenderFns }","<template>\r\n    <div class=\"modal fade\" :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\">\r\n            <div class=\"modal-content\" :class=\"{ 'QIAOHU_ROOM_DETAIL_CSS': stateroomDetail.isQiaohu}\">\r\n                <div class=\"common-modal-close\" data-dismiss=\"modal\" aria-label=\"Close\" @click=\"onModalClose\">\r\n                    <img :src=\"`${imgUrl}/cruiseDetail/suite/suite-modal-close.png`\">\r\n                </div>\r\n                <div class=\"modal-body\">\r\n                    <div class=\"inner\">\r\n                        <div class=\"inner-top\">\r\n                            <div class=\"left_box\">\r\n                                <img class=\"banner-detail-logo\" :src=\"`${imgUrl}/cruiseDetail/suite/suite-header-logo.png`\"/>\r\n                                <BannerDetail v-if=\"stateroomImages.length > 0\"\r\n                                    :banners=\"stateroomImages\"\r\n                                    :isSuite=\"true\"\r\n                                    style=\"height: 510px;\"\r\n                                />\r\n                            </div>\r\n                            <div class=\"inner-blank\"></div>\r\n                        </div>\r\n                        <div class=\"inner-bottom\">\r\n                            <div class=\"room_detail\" style=\"padding: 0 30px 35px\">\r\n                                <div class=\"room_tag\">\r\n                                  <img\r\n                                      class=\"qiaohu_tag\"\r\n                                      v-if=\"stateroomDetail.isQiaohu\"\r\n                                      src=\"https://resource.rcclchina.com.cn/QIAOHU/qiaohu.png\"\r\n                                  />\r\n                                  <img class=\"suite-tag\"\r\n                                       v-if=\"stateroomDetail.stateroomType === 'DELUXE' && stateroomDetail.stateroomTag > 0\"\r\n                                       :src=\"GlobalData.suiteImgValue[stateroomDetail.stateroomTag]\"/>\r\n<!--                                  <img class=\"suite-tag\"-->\r\n<!--                                       v-if=\"stateroomDetail.stateroomTag && stateroomDetail.stateroomTag.indexOf('银钻')>=0\"-->\r\n<!--                                       :src=\"`${imgUrl}/cruiseDetail/suite/suite-sea.jpg`\"/>-->\r\n<!--                                  <img class=\"suite-tag\"-->\r\n<!--                                       v-else-if=\"stateroomDetail.stateroomTag && stateroomDetail.stateroomTag.indexOf('金钻')>=0\"-->\r\n<!--                                       :src=\"`${imgUrl}/cruiseDetail/suite/suite-sky.jpg`\"/>-->\r\n<!--                                  <img class=\"suite-tag\"-->\r\n<!--                                       v-else-if=\"stateroomDetail.stateroomTag && stateroomDetail.stateroomTag.indexOf('星钻')>=0\"-->\r\n<!--                                       :src=\"`${imgUrl}/cruiseDetail/suite/suite-star.jpg`\"/>-->\r\n                                </div>\r\n                                <div class=\"room_title\">\r\n                                    {{getStateroomName}}\r\n                                </div>\r\n                                <div class=\"room_info\">\r\n                                  <span>舱房：{{stateroomDetail.stateroomArea}}</span>\r\n                                  <span>阳台：{{stateroomBalconyArea}}</span>\r\n                                  <span v-if=\"stateroomDetail.stateroomFloor&&stateroomDetail.stateroomFloor.length>0\">楼层：{{stateroomDetail.stateroomFloor}}</span>\r\n                                </div>\r\n                                <DeviceFeatureTags v-if=\"stateroomDetail.deviceFeatureTags\"\r\n                                                    :viewNum=\"stateroomDetail.deviceFeatureTags.length\"\r\n                                                    :tags=\"stateroomDetail.deviceFeatureTags\"></DeviceFeatureTags>\r\n                                <div @click=\"showQiaohuPopup\" v-if=\"stateroomDetail.isQiaohu\">\r\n                                    <img class=\"qiaohu_tag\" src=\"https://resource.rcclchina.com.cn/QIAOHU/qiaohu.png\">\r\n                                </div>\r\n                                <div class=\"room_price\">\r\n                                    <span v-if=\"stateroomDetail.stateroomPrice>0&&isShowPrice\">\r\n                                        <span class=\"title\">{{stateroomDetail.stateroomPriceType}}（含税）</span>\r\n                                        <em class=\"price\">￥<em class=\"number\">{{stateroomDetail.stateroomPrice.toFixed(0)}}</em>/人起</em>\r\n                                    </span>\r\n\r\n                                    <NrpTag\r\n                                        :isNrp=\"stateroomDetail.isNrp\"\r\n                                        :isFortyEightHoursNrpCruise=\"isFortyEightHoursNrpCruise\"\r\n                                        :direction=\"nrpTagDirection\"\r\n                                        :customClasses=\"nrpTagClasses\"\r\n                                    />\r\n                                </div>\r\n\r\n                                <div class=\"qiaohu_content\" v-if=\"stateroomDetail.isQiaohu\">\r\n                                  <div class=\"qiaohu_title_css\">\r\n                                    主题房内到处可以找到巧虎的可爱身影，床罩、沙发靠垫、壁画，阳台门以及墙上都有巧虎元素的装饰。\r\n                                  </div>\r\n                                  <div class=\"qiaohu_title_css\">\r\n                                    <div class=\"title_css\">预订巧虎主题房可享福利：</div>\r\n                                    <div>\r\n                                      1. 巧虎神秘萌礼<br>\r\n                                      2. 和巧虎一起早餐\r\n                                    </div>\r\n                                  </div>\r\n                                  <div class=\"qiaohu_title_css\">\r\n                                    <div class=\"title_css\">航程中可以与巧虎一起参加哪些活动？</div>\r\n\r\n                                    <div>\r\n                                      1. 巧虎欢迎仪式<br>\r\n                                      2. 与巧虎小船长互动拍照留念<br>\r\n                                      3. 在海上历奇中心和巧虎一起玩耍<br>\r\n                                    </div>\r\n\r\n                                  </div>\r\n\r\n                                    <div class=\"qiaohu_title_css\">\r\n                                        <div class=\"title_css\">巧虎主题房预订须知：</div>\r\n                                        <div>\r\n                                            巧虎主题房不可与同期其他促销活动及优惠券同享，包括但不限于品牌特惠及限时闪惠活动、招商银行折扣券、抽奖券等优惠促销活动，不可与皇家指定渠道专属优惠同享。\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n                                <div class=\"room_tips\">\r\n                                  注：房间图片仅供参考，以实际入住为准。\r\n                                </div>\r\n                                <div class=\"detail-main-module\">\r\n                                  <div class=\"detail-main-module-inner\">\r\n                                    <div class=\"detail-module\">\r\n                                      <div class=\"title-main\">\r\n                                        <h3 class=\"title\">套房简介</h3>\r\n                                      </div>\r\n                                      <div class=\"content\" v-html=\"stateroomDetail.stateroomDescription\">\r\n                                      </div>\r\n                                    </div>\r\n                                  </div>\r\n                                </div>\r\n                                <div v-if=\"ruleDescription\" class=\"\" v-html=\"ruleDescription\"></div>\r\n                                <div v-if=\"stateroomDetail.deviceGroupTags && stateroomDetail.deviceGroupTags.length\"\r\n                                     class=\"detail-main-module\">\r\n                                  <div class=\"detail-module no-bc\" style=\"padding-top: 0\">\r\n                                    <div class=\"title-main\">\r\n                                      <h3 class=\"title\">套房设施和礼遇</h3>\r\n                                      <div v-if=\"isFacilities\" class=\"feature\"><span>●</span>该设施为本房型特色设施</div>\r\n                                    </div>\r\n                                    <div class=\"content\">\r\n                                      <DeviceGroupTags v-for=\"(item,index) in stateroomDetail.deviceGroupTags\" :key=\"index\"\r\n                                                       :category=\"item.name\"\r\n                                                       :facilities=\"item.deviceTags\"></DeviceGroupTags>\r\n                                    </div>\r\n                                  </div>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                        <div class=\"inner-bottom-img\">\r\n                          <img :src=\"`${imgUrl}/cruiseDetail/suite/suite-layer-footer.png`\"/>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport bookingHelper from '@/utilities/bookingHelper'\r\nconst BannerDetail = () => import('@/components/BannerDetail.vue')\r\nconst NrpTag = () => import('@/components/Booking/NrpTag.vue')\r\nconst DeviceFeatureTags = ()=> import(\"@/components/Cruise/CruiseDetail/DeviceFeatureTags.vue\");\r\nconst DeviceGroupTags = () => import('@/components/Cruise/CruiseDetail/DeviceGroupTags.vue')\r\nexport default {\r\n    name: \"StateroomDetailSuite\",\r\n    components: {\r\n        BannerDetail,\r\n        NrpTag,\r\n        DeviceFeatureTags,\r\n        DeviceGroupTags\r\n    },\r\n    props: {\r\n        isShow: {\r\n            type: Boolean,\r\n            default () {\r\n                return false\r\n            }\r\n        },\r\n        stateroomDetail: {\r\n            type: Object,\r\n            default () {\r\n                return {\r\n                    stateroomImages: [],\r\n                    stateroomName: '',\r\n                    stateroomCategory: '',\r\n                    stateroomPriceType: '',\r\n                    stateroomPrice: 0,\r\n                    stateroomCapacity: '',\r\n                    stateroomArea: '',\r\n                    stateroomBalcony: '',\r\n                    stateroomFloor: '',\r\n                    isQiaohu: false,\r\n                    isNrp: false,\r\n                    stateroomDescription: '',\r\n                    stateroomNrpTitle: '',\r\n                    stateroomNrpText: '',\r\n                    suiteMobileImageUrl: '',\r\n                    stateroomShelter: '',\r\n                    guestNumber: 0\r\n                }\r\n            }\r\n        },\r\n        isFortyEightHoursNrpCruise: {\r\n            type: Boolean\r\n        },\r\n        showQiaohuPopup: {\r\n            type: Function\r\n        },\r\n        isShowPrice: {\r\n            type: Boolean,\r\n            default () {\r\n                return false\r\n            }\r\n        },\r\n        ruleDescription: {\r\n            type: String\r\n        }\r\n    },\r\n    data () {\r\n        return {\r\n            isShowModal: false,\r\n            imgUrl: process.env.VUE_APP_IMG_URL\r\n        }\r\n    },\r\n    methods: {\r\n        stateroomImageChange(slide) {\r\n            if (slide == 'prev') {\r\n                this.bannerSwiper.slidePrev()\r\n            } else {\r\n                this.bannerSwiper.slideNext()\r\n            }\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        stateroomBalconyArea () {\r\n            const stateroom = this.stateroomDetail\r\n            if (!stateroom.stateroomBalcony || stateroom.stateroomBalcony == '' || stateroom.stateroomBalcony == '无') {\r\n                return '无阳台'\r\n            }\r\n            if (stateroom.stateroomShelter && stateroom.stateroomShelter.length > 0) {\r\n                return \"(\" + stateroom.stateroomShelter + \"视线遮挡) \" + stateroom.stateroomBalcony\r\n            }\r\n            return stateroom.stateroomBalcony\r\n        },\r\n        getStateroomName() {\r\n            const stateroom = this.stateroomDetail\r\n            let name = stateroom.stateroomName + ''\r\n            const shelter = stateroom.stateroomShelter\r\n            if (shelter && shelter.length > 0 && name && name.indexOf('遮挡') < 0) {\r\n                name += \"（有遮挡）\"\r\n            }\r\n            let code = stateroom.stateroomCategory\r\n            if (code && code.indexOf('_') >= 0) {\r\n                code = code.split('_')[0]\r\n            }\r\n            name = `${name}_${code}`\r\n            if (stateroom.guestNumber && stateroom.guestNumber > 0) {\r\n                let guestCountText = bookingHelper.getStateroomGuestNumber(stateroom.guestNumber)\r\n                if (guestCountText.length > 0) {\r\n                    name += `(${guestCountText})`\r\n                }\r\n            }\r\n            return name\r\n        },\r\n        stateroomImages() {\r\n            let images = []\r\n            if (this.stateroomDetail && this.stateroomDetail.stateroomImages) {\r\n                this.stateroomDetail.stateroomImages.forEach(image => {\r\n                    images.push({\r\n                        image\r\n                    })\r\n                })\r\n            }\r\n            return images\r\n        },\r\n        nrpTagClasses () {\r\n            let nrpTagClasses = ['stateroomDetailNrp']\r\n            if (this.isFortyEightHoursNrpCruise) {\r\n                nrpTagClasses.push('fortyEightHoursNrp')\r\n            }\r\n            return nrpTagClasses\r\n        },\r\n        nrpTagDirection () {\r\n            if (this.isFortyEightHoursNrpCruise) {\r\n                return 'bottom'\r\n            }\r\n            return 'right'\r\n        },\r\n        isFacilities() {\r\n          let isFeature = false;\r\n          for(let i = 0; i < this.stateroomDetail.deviceGroupTags.length; i++) {\r\n            let deviceGroupTags = this.stateroomDetail.deviceGroupTags[i];\r\n            for(let j = 0; j < deviceGroupTags.deviceTags.length; j++) {\r\n              let deviceTags = deviceGroupTags.deviceTags[j];\r\n              if(deviceTags.isFeature) {\r\n                isFeature = true;\r\n                break;\r\n              }\r\n            }\r\n            if(isFeature) break;\r\n          }\r\n          return isFeature;\r\n        }\r\n    },\r\n    watch: {\r\n      stateroomDetail() {},\r\n      isShow (newValue) {\r\n          setTimeout(()=> {\r\n              this.isShowModal = newValue\r\n          }, 100)\r\n      }\r\n    }\r\n}\r\n</script>\r\n\r\n<style lang=\"less\" scoped>\r\n.common-modal-close {\r\n  top: 27px;\r\n  right: -40px;\r\n  width: 40px;\r\n}\r\n.modal {\r\n  overflow-y: auto;\r\n}\r\n.modal-dialog {\r\n    top: 50px;\r\n    width: 1000px;\r\n\r\n}\r\n.modal.active {\r\n    display: block;\r\n}\r\n.modal-content {\r\n  background-color: #FAFAFA;\r\n  border-radius: 0;\r\n  border: none;\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\r\n.modal-body {\r\n    position: relative;\r\n    padding: 0;\r\n    border-radius: 0;\r\n    background-color: #322B23;\r\n    //background-color: #FAFAFA;\r\n    .inner {\r\n      //overflow: hidden;\r\n      padding: 0;\r\n      position: relative;\r\n      margin-bottom: 150px;\r\n      & .inner-top{\r\n        position: relative;\r\n        height: 510px;\r\n        width: 100%;\r\n\r\n        & .banner-detail-logo {\r\n          position: absolute;\r\n          top: 0;\r\n          left: 0;\r\n          z-index: 999;\r\n        }\r\n      }\r\n      & .inner-blank {\r\n        position: absolute;\r\n        bottom: 0;\r\n        left: 50%;\r\n        transform: translateX(-50%);\r\n        width: 944px;\r\n        height: 30px;\r\n        z-index: 99;\r\n        background-color: #FFFFFF;\r\n      }\r\n      & .inner-bottom{\r\n        width: 944px;\r\n        margin: 0 auto;\r\n        z-index: 99;\r\n        background-color: #FFFFFF;\r\n      }\r\n      & .inner-bottom-img {\r\n        position: absolute;\r\n        bottom: -49px;\r\n        left: 28px;\r\n        display: block;\r\n        width: 944px;\r\n        margin: 0 auto;\r\n        background-color: #FFFFFF;\r\n      }\r\n    }\r\n    .room_detail {\r\n        position: relative;\r\n        background-color: #FFFFFF;\r\n        .room_tag {\r\n          position: absolute;\r\n          top: 0;\r\n          right: 30px;\r\n          & > img {\r\n            height: 45px;\r\n            width: auto;\r\n          }\r\n        }\r\n        .room_title {\r\n            font-size: 28px;\r\n            color: #282b2c;\r\n            font-weight: bold;\r\n            padding-right: 40px;\r\n        }\r\n        .room_tips {\r\n          margin-top: 25px;\r\n          color: #a6aeb1;\r\n        }\r\n        .qiaohu_tag {\r\n            cursor: pointer;\r\n        }\r\n        .room_price {\r\n            color: #282b2c;\r\n            margin-top: 5px;\r\n            padding-right: 40px;\r\n            .title {\r\n              font-weight: bold;\r\n            }\r\n            .price {\r\n                color: #ff3022;\r\n                font-weight: bold;\r\n                font-style: normal;\r\n                margin-right: 20px;\r\n                & .number {\r\n                  font-size: 24px;\r\n                  font-style: normal;\r\n                }\r\n            }\r\n            a {\r\n                text-decoration: underline;\r\n            }\r\n        }\r\n        .qiaohu_content {\r\n            border-top: 1px solid #ccc;\r\n            border-bottom: 1px solid #cccc;\r\n            padding-top: 10px;\r\n            margin-bottom: 10px;\r\n            .qiaohu_title_css {\r\n                margin-bottom: 10px;\r\n            }\r\n        }\r\n        .title_css {\r\n            font-weight: 600;\r\n            margin-bottom: 1px;\r\n            margin-top: 25px;\r\n            font-size: 20px;\r\n            color: #282b2c;\r\n        }\r\n        .room_info {\r\n            margin-top: 10px;\r\n            padding-right: 40px;\r\n            span {\r\n                position: relative;\r\n                display: inline-block;\r\n                margin-right: 28px;\r\n                color: #a6aeb1;\r\n            }\r\n            span::after {\r\n                content: '';\r\n                position: absolute;\r\n                width: 2px;\r\n                height: 12px;\r\n                display: block;\r\n                background: #cacaca;\r\n                top: 4px;\r\n                right: -14px;\r\n            }\r\n            span:last-child:after {\r\n                display: none;\r\n            }\r\n        }\r\n        .room_detail {\r\n            margin-top: -1px;\r\n            line-height: 1.6;\r\n            margin-bottom: 10px;\r\n        }\r\n    }\r\n}\r\n\r\n.ship_tags {\r\n  margin-top: 8px;\r\n  & .tag {\r\n    display: inline-block;\r\n    margin-right: 25px;\r\n\r\n    & > img {\r\n      display: inline-block;\r\n      height: 14px;\r\n      margin-right: 5px;\r\n    }\r\n    & > div {\r\n      line-height: 14px;\r\n      font-size: 13px;\r\n      color: #282b2c;\r\n      display: inline-block;\r\n    }\r\n  }\r\n}\r\n\r\n.detail-main-module {\r\n  padding-top: 40px;\r\n  padding-bottom: 10px;\r\n  & .detail-main-module-inner {\r\n    //padding-bottom: 20px;\r\n    overflow-x: hidden;\r\n    overflow-y: auto;\r\n  }\r\n\r\n  & .detail-module {\r\n    //padding: 0 0 25px;\r\n    //border-bottom: 1px solid #eeeeee;\r\n    &.no-bc {\r\n      border: none;\r\n    }\r\n    & > .title-main {\r\n      position: relative;\r\n      & > .title {\r\n        position: relative;\r\n        padding: 0 0 0 13px;\r\n        margin: 0;\r\n        font-size: 22px;\r\n        font-weight: bold;\r\n        color: #333333;\r\n        &:before {\r\n          content: \"\";\r\n          display: block;\r\n          width: 5px;\r\n          height: 20px;\r\n          position: absolute;\r\n          top: 2px;\r\n          left: 0;\r\n          background-color: #0074BA;\r\n        }\r\n      }\r\n      & > .feature {\r\n        position: absolute;\r\n        top: 4px;\r\n        right: 0;\r\n        font-size: 12px;\r\n        color: #a6aeb1;\r\n        & > span {\r\n          position: absolute;\r\n          left: -15px;\r\n          top: -1px;\r\n          font-size: 12px;\r\n          margin-left: 4px;\r\n          color: #0173BC;\r\n        }\r\n      }\r\n    }\r\n    & .content {\r\n      padding: 20px 0 0 0;\r\n      color: #a6aeb1;\r\n    }\r\n    & .room-devices {\r\n      overflow: hidden;\r\n      & > li {\r\n        width: 32.33%;\r\n        margin-right: 1%;\r\n        float: left;\r\n        & .title {\r\n          font-size: 16px;\r\n          font-weight: bold;\r\n          margin: 10px 0 15px;\r\n          color: #333333;\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n.QIAOHU_ROOM_DETAIL_CSS {\r\n    background: #fff url(https://resource.rcclchina.com.cn/QIAOHU/PC/QIAOHU_Icon_Detail.png) no-repeat left bottom;\r\n    border: 3px solid #ffe100;\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!./StateroomDetailSuite.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!./StateroomDetailSuite.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./StateroomDetailSuite.vue?vue&type=template&id=79157176&scoped=true&\"\nimport script from \"./StateroomDetailSuite.vue?vue&type=script&lang=js&\"\nexport * from \"./StateroomDetailSuite.vue?vue&type=script&lang=js&\"\nimport style0 from \"./StateroomDetailSuite.vue?vue&type=style&index=0&id=79157176&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  \"79157176\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}