{"version":3,"sources":["webpack:///./src/components/Home/RoyalShip.vue?2f96","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?c942"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_m","_l","item","i","id","key","class","active","currentShipIndex","attrs","on","$event","changeShipIndex","shipCode","tagName","_v","_s","shipCNName","shipENImage","shipENImageSelected","_e","ship","getExperienceItemsByShipId","experienceItem","j","currentItemIndex","shipId","onExperienceItemMouseEnter","title","pcImage","domProps","subTitle","pcLink","length","goToShipPage","code","isShowVideo","selectVideoUrl","videoModalClose","staticRenderFns","name","components","VideoModel","props","homeShip","type","Object","default","data","shipExperienceIds","methods","experienceItems","index","expCode","window","location","href","showVideoModal","videoUrl","computed","ships","homeRoyalShipItemViewModels","component"],"mappings":"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","file":"js/chunk-defe8d24.1a3b7c67.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),_c('div',{staticClass:\"ship-nav is-full\"},[_c('ul',{staticClass:\"main-nav\"},[_vm._l((_vm.ships),function(item,i){return [(item.id === 3 || item.id === 7)?_c('li',{key:i,class:{ active: i == _vm.currentShipIndex },attrs:{\"data-shipid\":item.id},on:{\"click\":function($event){return _vm.changeShipIndex(i, item.shipCode)}}},[_c('div',{staticClass:\"ship-name\"},[(item.tagName == 'NEW')?_c('span',{staticClass:\"ship-new\"}):(item.tagName == 'HOT')?_c('span',{staticClass:\"ship-hot\"}):_c('span'),_c('span',[_vm._v(_vm._s(item.shipCNName))])]),_c('img',{staticClass:\"font1-img\",attrs:{\"src\":item.shipENImage,\"alt\":\"\"}}),_c('img',{staticClass:\"font2-img\",attrs:{\"src\":item.shipENImageSelected,\"alt\":\"\"}})]):_vm._e()]})],2)]),_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 }},[(ship.id === 3 || ship.id === 7)?_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):_vm._e()])}),_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(\"艘海上移动城堡\")])])}]\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 is-full\">\r\n      <ul class=\"main-nav\">\r\n        <template v-for=\"(item, i) in ships\">\r\n          <li v-if=\"item.id === 3 || item.id === 7\"\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        </template>\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\" v-if=\"ship.id === 3 || ship.id === 7\">\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                    @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      gioAdsTracking({\r\n        \"adsType\": \"sp\",\r\n        \"spCode\": shipCode\r\n      });\r\n    },\r\n    onExperienceItemMouseEnter(index) {\r\n      this.currentItemIndex = index;\r\n    },\r\n    goToShipPage(link, expCode, shipCode) {\r\n      gioAdsTracking({\r\n        \"adsType\": \"sp\",\r\n        \"spCode\": shipCode,\r\n        \"spCat\": expCode,\r\n        \"desUrl\": process.env.VUE_APP_BASE_URL + link\r\n      });\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        gioAdsTracking({\r\n          \"adsType\": \"sp\",\r\n          \"spCode\": shipCode,\r\n          \"spVideo\": 1\r\n        });\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=3ac182ed&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=3ac182ed&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  \"3ac182ed\",\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=3ac182ed&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=3ac182ed&scoped=true&lang=css&\""],"sourceRoot":""}