{"version":3,"sources":["webpack:///./src/components/Home/RoyalShip.vue?6f0c","webpack:///src/components/Home/RoyalShip.vue","webpack:///./src/components/Home/RoyalShip.vue?dda5","webpack:///./src/components/Home/RoyalShip.vue","webpack:///./src/components/Home/RoyalShip.vue?be0b"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_m","_l","ship","i","key","class","active","currentShipIndex","getExperienceItemsByShipId","id","experienceItem","j","currentItemIndex","attrs","shipId","on","$event","onExperienceItemMouseEnter","_v","_s","title","pcImage","domProps","subTitle","pcLink","length","goToShipPage","code","shipCode","isShowVideo","selectVideoUrl","videoModalClose","staticRenderFns","name","components","VideoModel","props","homeShip","type","Object","default","data","shipExperienceIds","methods","experienceItems","changeShipIndex","index","window","location","href","showVideoModal","videoUrl","computed","ships","homeRoyalShipItemViewModels","component"],"mappings":"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","file":"js/chunk-1c206c9b.c3dca6b9.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"homepage-ships\"},[_vm._m(0),_vm._m(1),_c('div',{staticClass:\"main-experience\"},[_vm._l((_vm.ships),function(ship,i){return _c('div',{key:i,staticClass:\"super-exper\",class:{ active: i == _vm.currentShipIndex }},[_c('ul',{staticClass:\"exper-list\"},_vm._l((_vm.getExperienceItemsByShipId(ship.id)),function(experienceItem,j){return _c('li',{key:j,class:{ active: j == _vm.currentItemIndex },attrs:{\"data-releVanceShipId\":experienceItem.shipId},on:{\"mouseenter\":function($event){return _vm.onExperienceItemMouseEnter(j)}}},[_c('div',{staticClass:\"exper-mask\",class:{ active: _vm.currentItemIndex == j }},[_vm._v(\" \"+_vm._s(experienceItem.title)+\" \")]),_c('img',{attrs:{\"src\":experienceItem.pcImage,\"alt\":\"\"}}),_c('div',{staticClass:\"content\"},[_c('div',{staticClass:\"title\"},[_vm._v(_vm._s(experienceItem.title))]),_c('div',{staticClass:\"border-line\"}),_c('div',{staticClass:\"detail\"},[_c('div',{staticClass:\"parah\",domProps:{\"innerHTML\":_vm._s(experienceItem.subTitle)}}),(experienceItem.pcLink && experienceItem.pcLink.length > 0)?_c('a',{staticClass:\"a-btn\",attrs:{\"href\":experienceItem.pcLink,\"target\":\"_blank\"},on:{\"click\":function($event){return _vm.goToShipPage(experienceItem.pcLink, experienceItem.code, ship.shipCode)}}},[_vm._v(\"查看详情\")]):_c('a',{staticClass:\"f-dn\"})])])])}),0)])}),_c('a',{staticClass:\"link-btn f-dn\"},[_vm._v(\"全部船队 >\")])],2),_c('VideoModel',{attrs:{\"isShow\":_vm.isShowVideo,\"videoUrl\":_vm.selectVideoUrl},on:{\"onModalClose\":_vm.videoModalClose}})],1)}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"main-title\"},[_c('h2',{staticClass:\"title\"},[_vm._v(\"皇家游轮体验\")]),_c('h3',{staticClass:\"subtitle\"},[_c('span',[_vm._v(\"26\")]),_vm._v(\"艘海上移动城堡\")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"ship-nav-banner\"},[_c('img',{attrs:{\"src\":\"https://resource.rcclchina.com.cn/Home/home_banner_SC.jpg\"}})])}]\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"homepage-ships\">\r\n    <div class=\"main-title\">\r\n      <h2 class=\"title\">皇家游轮体验</h2>\r\n      <h3 class=\"subtitle\"><span>26</span>艘海上移动城堡</h3>\r\n    </div>\r\n\r\n<!--    <div class=\"ship-nav\">-->\r\n<!--      <ul class=\"main-nav\">-->\r\n<!--        <li-->\r\n<!--          v-for=\"(item, i) in ships\"-->\r\n<!--          :key=\"i\"-->\r\n<!--          :class=\"{ active: i == currentShipIndex }\"-->\r\n<!--          :data-shipid=\"item.id\"-->\r\n<!--          @click=\"changeShipIndex(i, item.shipCode)\"-->\r\n<!--        >-->\r\n<!--          <div class=\"ship-name\">-->\r\n<!--            <span class=\"ship-new\" v-if=\"item.tagName == 'NEW'\"></span>-->\r\n<!--            <span class=\"ship-hot\" v-else-if=\"item.tagName == 'HOT'\"></span>-->\r\n<!--            <span v-else></span>-->\r\n<!--            <span>{{ item.shipCNName }}</span>-->\r\n<!--          </div>-->\r\n<!--          <img class=\"font1-img\" :src=\"item.shipENImage\" alt=\"\" />-->\r\n<!--          <img class=\"font2-img\" :src=\"item.shipENImageSelected\" alt=\"\" />-->\r\n<!--        </li>-->\r\n<!--      </ul>-->\r\n<!--    </div>-->\r\n    <div class=\"ship-nav-banner\">\r\n      <img src=\"https://resource.rcclchina.com.cn/Home/home_banner_SC.jpg\" />\r\n    </div>\r\n    <div class=\"main-experience\">\r\n      <div\r\n        v-for=\"(ship, i) in ships\"\r\n        :key=\"i\"\r\n        class=\"super-exper\"\r\n        :class=\"{ active: i == currentShipIndex }\"\r\n      >\r\n<!--        <img-->\r\n<!--          class=\"exper-nav\"-->\r\n<!--          :src=\"ship.pcBacKgroundImage\"-->\r\n<!--          @click=\"showVideoModal(ship.pcVideo, ship.shipCode)\"-->\r\n<!--        />-->\r\n        <ul class=\"exper-list\">\r\n          <li\r\n            v-for=\"(experienceItem, j) in getExperienceItemsByShipId(ship.id)\"\r\n            :key=\"j\"\r\n            :class=\"{ active: j == currentItemIndex }\"\r\n            :data-releVanceShipId=\"experienceItem.shipId\"\r\n            @mouseenter=\"onExperienceItemMouseEnter(j)\"\r\n          >\r\n            <div class=\"exper-mask\" :class=\"{ active: currentItemIndex == j }\">\r\n              {{ experienceItem.title }}\r\n            </div>\r\n            <img :src=\"experienceItem.pcImage\" alt=\"\" />\r\n\r\n            <div class=\"content\">\r\n              <div class=\"title\">{{ experienceItem.title }}</div>\r\n              <div class=\"border-line\"></div>\r\n              <div class=\"detail\">\r\n                <div class=\"parah\" v-html=\"experienceItem.subTitle\"></div>\r\n                <a\r\n                  class=\"a-btn\"\r\n                  v-if=\"experienceItem.pcLink && experienceItem.pcLink.length > 0\"\r\n                  :href=\"experienceItem.pcLink\"\r\n\t\t\t\t\t\t\t\t\t@click=\"goToShipPage(experienceItem.pcLink, experienceItem.code, ship.shipCode)\"\r\n                  target=\"_blank\"\r\n                  >查看详情</a\r\n                >\r\n                <a v-else class=\"f-dn\"></a>\r\n              </div>\r\n            </div>\r\n          </li>\r\n        </ul>\r\n      </div>\r\n\r\n      <a class=\"link-btn f-dn\">全部船队&nbsp;&nbsp;></a>\r\n    </div>\r\n\r\n    <VideoModel\r\n      :isShow=\"isShowVideo\"\r\n      :videoUrl=\"selectVideoUrl\"\r\n      v-on:onModalClose=\"videoModalClose\"\r\n    />\r\n  </div>\r\n</template>\r\n\r\n\r\n<script>\r\nimport _ from \"lodash\";\r\nimport { gioAdsTracking } from \"@/utilities/tools\";\r\nconst VideoModel = () => import(\"@/components/Common/VideoModel\");\r\nexport default {\r\n  name: \"RoyalShip\",\r\n  components: {\r\n    VideoModel,\r\n  },\r\n  props: {\r\n    homeShip: {\r\n      type: Object,\r\n      default: () => {\r\n        return {};\r\n      },\r\n    },\r\n  },\r\n  data() {\r\n    return {\r\n      shipExperienceIds: [],\r\n      currentShipIndex: 0,\r\n      currentItemIndex: 0,\r\n      selectVideoUrl: \"\",\r\n      isShowVideo: false,\r\n    };\r\n  },\r\n  methods: {\r\n    getExperienceItemsByShipId(shipId) {\r\n      let experienceItems = this.homeShip.homeExperienceItemViewModels.filter(\r\n        (r) => r.shipId == shipId\r\n      );\r\n      experienceItems = _.orderBy(experienceItems, \"seq\", \"asc\");\r\n      return experienceItems;\r\n    },\r\n    changeShipIndex(index, shipCode) {\r\n      this.currentShipIndex = index;\r\n\t\t\tgioAdsTracking({\r\n\t\t\t\t\"adsType\": \"sp\",\r\n\t\t\t\t\"spCode\": shipCode\r\n\t\t\t});\r\n    },\r\n    onExperienceItemMouseEnter(index) {\r\n      this.currentItemIndex = index;\r\n    },\r\n\t\tgoToShipPage(link, expCode, shipCode) {\r\n\t\t\tgioAdsTracking({\r\n\t\t\t\t\"adsType\": \"sp\",\r\n\t\t\t\t\"spCode\": shipCode,\r\n\t\t\t\t\"spCat\": expCode,\r\n\t\t\t\t\"desUrl\": process.env.VUE_APP_BASE_URL + link\r\n\t\t\t});\r\n      window.location.href = process.env.VUE_APP_BASE_URL + link;\r\n    },\r\n    showVideoModal(videoUrl, shipCode) {\r\n      if (videoUrl && videoUrl.length > 0) {\r\n        this.selectVideoUrl = videoUrl;\r\n        this.isShowVideo = true;\r\n\t\t\t\tgioAdsTracking({\r\n\t\t\t\t\t\"adsType\": \"sp\",\r\n\t\t\t\t\t\"spCode\": shipCode,\r\n\t\t\t\t\t\"spVideo\": 1\r\n\t\t\t\t});\r\n      }\r\n    },\r\n    videoModalClose() {\r\n      this.isShowVideo = false;\r\n      this.selectVideoUrl = \"\";\r\n    },\r\n  },\r\n  computed: {\r\n    ships() {\r\n      return this.homeShip.homeRoyalShipItemViewModels;\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style scoped>\r\n.ship-nav-banner {\r\n  min-width: 240px;\r\n  max-width: 1200px;\r\n  margin: 0 auto 6px;\r\n}\r\n.ship-nav-banner > img {\r\n  width: 100%;\r\n  display: block;\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!./RoyalShip.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!./RoyalShip.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./RoyalShip.vue?vue&type=template&id=2129cc98&scoped=true&\"\nimport script from \"./RoyalShip.vue?vue&type=script&lang=js&\"\nexport * from \"./RoyalShip.vue?vue&type=script&lang=js&\"\nimport style0 from \"./RoyalShip.vue?vue&type=style&index=0&id=2129cc98&scoped=true&lang=css&\"\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  \"2129cc98\",\n  null\n  \n)\n\nexport default component.exports","import mod from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../node_modules/style-resources-loader/lib/index.js??ref--6-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./RoyalShip.vue?vue&type=style&index=0&id=2129cc98&scoped=true&lang=css&\"; export default mod; export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../node_modules/style-resources-loader/lib/index.js??ref--6-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./RoyalShip.vue?vue&type=style&index=0&id=2129cc98&scoped=true&lang=css&\""],"sourceRoot":""}