{"version":3,"sources":["webpack:///./src/components/Home/HomeRecommendCruise.vue?5733","webpack:///./src/components/Home/HomeRecommendCruise.vue?9e05","webpack:///src/components/Home/HomeRecommendCruise.vue","webpack:///./src/components/Home/HomeRecommendCruise.vue?bb39","webpack:///./src/components/Home/HomeRecommendCruise.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_v","_l","category","i","key","class","active","currentIndex","staticStyle","on","$event","onCategoryClick","_s","name","getCruiseItems","id","item","index","cruiseCategoryId","onCruiseClick","cruiseViewModel","shipCode","sailDate","isRow","attrs","image","isShowCountDown","getCountDown","_e","tag","length","onWishListClick","isInWishList","getCruiseName","getSailDate","shipName","getRouteNight","price","isNrp","toFixed","staticRenderFns","components","HomeCountDown","props","cruiseCategories","type","Array","default","promoCruiseItems","data","methods","cruiseItems","slice","e","stopPropagation","split","window","location","href","url","$router","push","query","cruiseName","substr","endTime","checkEndTime","Date","replace","getTime","moreDate","cruise","deleteWishList","addWishList","computed","component"],"mappings":"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","file":"js/chunk-2b8819a4.0a90fec0.js","sourcesContent":["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!./HomeRecommendCruise.vue?vue&type=style&index=0&id=47a633d1&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!./HomeRecommendCruise.vue?vue&type=style&index=0&id=47a633d1&scoped=true&lang=css&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"homepage-recommand-cruises\"},[_c('h2',{staticClass:\"cruise-title\"},[_vm._v(\"限时抢购\")]),_c('ul',{staticClass:\"cruise-nav cruise-comm\"},_vm._l((_vm.cruiseCategories),function(category,i){return _c('li',{key:i,class:{ active: _vm.currentIndex == i },staticStyle:{\"width\":\"109px\"},on:{\"click\":function($event){return _vm.onCategoryClick(i)}}},[_vm._v(\" \"+_vm._s(category.name)+\" \")])}),0),_vm._l((_vm.cruiseCategories),function(category,i){return _c('ul',{key:i,staticClass:\"cruise-content cruise-comm\",class:{ active: _vm.currentIndex == i }},_vm._l((_vm.getCruiseItems(category.id)),function(item,index){return _c('li',{key:index,staticClass:\"cruise_link\",class:{ 'f-dn': item.cruiseCategoryId != category },on:{\"click\":function($event){return _vm.onCruiseClick(\n            $event,\n            item.cruiseViewModel.shipCode,\n            item.cruiseViewModel.sailDate,\n            item.cruiseViewModel.isRow,\n\t\t\t\t\t\tindex\n          )}}},[_c('div',{staticClass:\"img-wrapper\"},[_c('img',{attrs:{\"src\":item.image}}),(_vm.isShowCountDown(item))?_c('HomeCountDown',{attrs:{\"countDownNum\":_vm.getCountDown(item),\"className\":'timing'}}):_vm._e(),(item.tag && item.tag.length > 0)?_c('div',{staticClass:\"bg-tag\"},[_vm._v(\" \"+_vm._s(item.tag)+\" \")]):_vm._e(),(item.isInWishList)?_c('img',{staticClass:\"img-soucang heart inWishList\",attrs:{\"src\":\"https://resource.rcclchina.com.cn/homePage/heart.png\"},on:{\"click\":function($event){return _vm.onWishListClick($event, item)}}}):_vm._e(),(!item.isInWishList)?_c('img',{staticClass:\"img-soucang heart notInWishList\",attrs:{\"src\":\"https://resource.rcclchina.com.cn/homePage/nullHeart.png\"},on:{\"click\":function($event){return _vm.onWishListClick($event, item)}}}):_vm._e()],1),_c('div',{staticClass:\"cruise-intro\"},[_c('div',{staticClass:\"intro-title\"},[_vm._v(\" \"+_vm._s(_vm.getCruiseName(item))+\" \")]),_c('div',{staticClass:\"intro-dataTime intro-comm\"},[_vm._v(_vm._s(_vm.getSailDate(item)))]),_c('div',{staticClass:\"intro-shipName intro-comm\"},[_vm._v(\" \"+_vm._s(item.shipName)+\" | \"+_vm._s(_vm.getRouteNight(item))+\" \")]),(item.price > 0)?_c('div',{staticClass:\"intro-price\"},[_vm._v(\" \"+_vm._s(item.isNrp ? \"早订特惠价\" : \"限时优惠价\")+\" \"),_c('span',{staticClass:\"tag\"},[_vm._v(\"￥\")]),_c('span',{staticClass:\"num\"},[_vm._v(_vm._s(item.price.toFixed(0)))]),_vm._v(\"/人起 \")]):_vm._e(),(item.price <= 0)?_c('div',{staticClass:\"intro-comm\"},[_vm._v(\"售罄\")]):_vm._e()])])}),0)})],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"homepage-recommand-cruises\">\r\n    <h2 class=\"cruise-title\">限时抢购</h2>\r\n    <ul class=\"cruise-nav cruise-comm\">\r\n      <li\r\n        v-for=\"(category, i) in cruiseCategories\"\r\n        :key=\"i\"\r\n        :class=\"{ active: currentIndex == i }\"\r\n        style=\"width: 109px\"\r\n        @click=\"onCategoryClick(i)\"\r\n      >\r\n        {{ category.name }}\r\n      </li>\r\n    </ul>\r\n    <ul\r\n      v-for=\"(category, i) in cruiseCategories\"\r\n      :key=\"i\"\r\n      class=\"cruise-content cruise-comm\"\r\n      :class=\"{ active: currentIndex == i }\"\r\n    >\r\n      <li\r\n        v-for=\"(item, index) in getCruiseItems(category.id)\"\r\n        :key=\"index\"\r\n        class=\"cruise_link\"\r\n        @click=\"\r\n          onCruiseClick(\r\n            $event,\r\n            item.cruiseViewModel.shipCode,\r\n            item.cruiseViewModel.sailDate,\r\n            item.cruiseViewModel.isRow,\r\n\t\t\t\t\t\tindex\r\n          )\r\n        \"\r\n        :class=\"{ 'f-dn': item.cruiseCategoryId != category }\"\r\n      >\r\n        <div class=\"img-wrapper\">\r\n          <img :src=\"item.image\" />\r\n          <!-- countdown -->\r\n          <HomeCountDown\r\n            :countDownNum=\"getCountDown(item)\"\r\n            v-if=\"isShowCountDown(item)\"\r\n            :className=\"'timing'\"\r\n          />\r\n          <div v-if=\"item.tag && item.tag.length > 0\" class=\"bg-tag\">\r\n            {{ item.tag }}\r\n          </div>\r\n          <img\r\n            v-if=\"item.isInWishList\"\r\n            class=\"img-soucang heart inWishList\"\r\n            src=\"https://resource.rcclchina.com.cn/homePage/heart.png\"\r\n            @click=\"onWishListClick($event, item)\"\r\n          />\r\n          <img\r\n            v-if=\"!item.isInWishList\"\r\n            class=\"img-soucang heart notInWishList\"\r\n            src=\"https://resource.rcclchina.com.cn/homePage/nullHeart.png\"\r\n            @click=\"onWishListClick($event, item)\"\r\n          />\r\n        </div>\r\n        <div class=\"cruise-intro\">\r\n          <div class=\"intro-title\">\r\n            {{ getCruiseName(item) }}\r\n          </div>\r\n          <div class=\"intro-dataTime intro-comm\">{{ getSailDate(item) }}</div>\r\n          <div class=\"intro-shipName intro-comm\">\r\n            {{ item.shipName }}&nbsp;&nbsp;|&nbsp;{{ getRouteNight(item) }}\r\n          </div>\r\n          <div class=\"intro-price\" v-if=\"item.price > 0\">\r\n            {{ item.isNrp ? \"早订特惠价\" : \"限时优惠价\" }}\r\n            <span class=\"tag\">￥</span>\r\n            <span class=\"num\">{{ item.price.toFixed(0) }}</span\r\n            >/人起\r\n          </div>\r\n          <div v-if=\"item.price <= 0\" class=\"intro-comm\">售罄</div>\r\n        </div>\r\n      </li>\r\n    </ul>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport _ from \"lodash\";\r\nconst HomeCountDown = () => import(\"@/components/Home/HomeCountDown\");\r\nimport api from \"@/api\";\r\nimport { gioAdsTracking } from \"@/utilities/tools\";\r\nexport default {\r\n  name: \"HomeRecommendCruise\",\r\n  components: {\r\n    HomeCountDown,\r\n  },\r\n  props: {\r\n    cruiseCategories: {\r\n      type: Array,\r\n      default: () => {\r\n        return [];\r\n      },\r\n    },\r\n    promoCruiseItems: {\r\n      type: Array,\r\n      default: () => {\r\n        return [];\r\n      },\r\n    },\r\n  },\r\n  data() {\r\n    return {\r\n      currentIndex: 0,\r\n    };\r\n  },\r\n  methods: {\r\n    getCruiseItems(categoryId) {\r\n      let cruiseItems = this.promoCruiseItems.filter(\r\n        (item) => item.cruiseCategoryId == categoryId && item.cruiseViewModel\r\n      );\r\n      cruiseItems = _.orderBy(cruiseItems, \"sortNumber\", \"desc\");\r\n      return cruiseItems.slice(0, 2);\r\n    },\r\n    onCruiseClick(e, shipCode, sailDate, isRow, index) {\r\n      e.stopPropagation();\r\n      sailDate = sailDate.split(\"T\")[0];\r\n\t\t\tlet url = isRow ? `${process.env.VUE_APP_TUI_URL}/Cruise/MobileCruiseDetail?sailDate=${sailDate}&shipCode=${shipCode}`\r\n\t\t\t: `${process.env.VUE_APP_BASE_URL}/Rccl.Cruise/CruiseDetail?sailDate=${sailDate}&shipCode=${shipCode}`;\r\n\t\t\tconst eventObject = {\r\n\t\t\t\t\"adsType\": \"ls\",\r\n\t\t\t\t\"lsCatOrder\": this.currentIndex+1,\r\n\t\t\t\t\"lsItmOrder\": index+1,\r\n\t\t\t\t\"desUrl\": url\r\n\t\t\t}\r\n\t\t\tgioAdsTracking(eventObject);\r\n      if (isRow) {\r\n        window.location.href = url;\r\n      } else {\r\n        this.$router.push({\r\n          name: \"CruiseDetail\",\r\n          query: { shipCode: shipCode, sailDate: sailDate },\r\n        });\r\n      }\r\n    },\r\n    getCruiseName(item) {\r\n      let cruiseName = item.cruiseViewModel.cruiseRoute;\r\n      if (cruiseName > 49) {\r\n        cruiseName = cruiseName.substr(0, 49) + \"..\";\r\n      }\r\n      return cruiseName;\r\n    },\r\n    getRouteNight(item) {\r\n      const sailDays = item.cruiseViewModel.sailDays;\r\n      return `${sailDays}天${sailDays - 1}晚`;\r\n    },\r\n    getSailDate(item) {\r\n      let sailDateBegin = item.sailDateBegin.split(\" (\")[0];\r\n      let sailDateEnd = item.sailDateEnd.split(\" (\")[0];\r\n      return `${sailDateBegin} - ${sailDateEnd}`;\r\n    },\r\n    isShowCountDown(item) {\r\n      let now = new Date();\r\n      const endTime = item.promoEndTime;\r\n      const moreDate = now.setTime(now.getTime() + 72 * 60 * 60 * 1000);\r\n      let checkEndTime = 0;\r\n      if (item.isShowCountDown && endTime && endTime.length > 0) {\r\n        checkEndTime = new Date(endTime.replace(\"T\", \" \")).getTime();\r\n        return checkEndTime < moreDate;\r\n      }\r\n      return false;\r\n    },\r\n    getCountDown(item) {\r\n      const endTime = item.promoEndTime;\r\n      let checkEndTime = 0;\r\n      if (endTime && endTime.length > 0) {\r\n        checkEndTime = new Date(endTime.replace(\"T\", \" \")).getTime();\r\n      }\r\n      return checkEndTime;\r\n    },\r\n    onCategoryClick(index) {\r\n      this.currentIndex = index;\r\n\t\t\tconst eventObject = {\r\n\t\t\t\t\"adsType\": \"ls\",\r\n\t\t\t\t\"lsCatOrder\": index+1\r\n\t\t\t}\r\n\t\t\tgioAdsTracking(eventObject);\r\n    },\r\n    onWishListClick(e, cruise) {\r\n      e.stopPropagation();\r\n      if (cruise.isInWishList) {\r\n        this.deleteWishList(cruise);\r\n      } else {\r\n        this.addWishList(cruise);\r\n      }\r\n    },\r\n    async addWishList(cruise) {\r\n      const userToken = this.$store.state.user.userToken;\r\n      if (!userToken || userToken.length == 0) {\r\n        let self = this;\r\n        this.$confirm.show(\"您尚未登录， 请登录之后， 再添加至心愿单\", {\r\n          confirmCallBack: () => {\r\n            self.$router.push({\r\n              name: \"Login\",\r\n              query: {\r\n                returnUrl: location.href,\r\n              },\r\n            });\r\n          },\r\n        });\r\n        return;\r\n      }\r\n      const requestData = {\r\n        userName: userToken,\r\n        cruiseId: cruise.cruiseViewModel.cruiseId,\r\n        source: \"mobile\",\r\n      };\r\n      this.$loading.show();\r\n      const { success } = await api.cruise.addWishList(requestData);\r\n      if (success) {\r\n        cruise.isInWishList = true;\r\n      }\r\n      this.$loading.hide();\r\n    },\r\n    async deleteWishList(cruise) {\r\n      const userToken = this.$store.state.user.userToken;\r\n      if (!userToken || userToken.length == 0) {\r\n        let self = this;\r\n        this.$confirm.show(\"您尚未登录， 请登录之后， 再添加至心愿单\", {\r\n          confirmCallBack: () => {\r\n            self.$router.push({\r\n              name: \"Login\",\r\n              query: {\r\n                returnUrl: location.href,\r\n              },\r\n            });\r\n          },\r\n        });\r\n        return;\r\n      }\r\n      const requestData = {\r\n        userName: userToken,\r\n        cruiseId: cruise.cruiseViewModel.cruiseId,\r\n        source: \"mobile\",\r\n      };\r\n      this.$loading.show();\r\n      const { success } = await api.cruise.deleteWishList(requestData);\r\n      if (success) {\r\n        cruise.isInWishList = false;\r\n      }\r\n      this.$loading.hide();\r\n    },\r\n  },\r\n  computed: {},\r\n};\r\n</script>\r\n\r\n<style scoped>\r\n* {\r\n  margin: 0;\r\n  padding: 0;\r\n  list-style: none;\r\n  font-family: PingFang-SC, Microsoft YaHei, Helvetica;\r\n  text-transform: uppercase;\r\n}\r\nimg {\r\n  display: block;\r\n}\r\n\r\n/*限时抢购*/\r\n.homepage-recommand-cruises {\r\n  margin-bottom: 25px;\r\n  /*padding-top: 31px;*/\r\n}\r\n.homepage-recommand-cruises .cruise-title {\r\n  font-size: 23px;\r\n  font-weight: bold;\r\n  color: #282b2c;\r\n  line-height: 62px;\r\n  text-align: center;\r\n}\r\n.homepage-recommand-cruises .cruise-comm {\r\n  width: 345px;\r\n  margin: 0 auto;\r\n  display: flex;\r\n  justify-content: space-between;\r\n  flex-wrap: wrap;\r\n}\r\n.homepage-recommand-cruises .cruise-nav {\r\n  margin-bottom: 12px;\r\n}\r\n.homepage-recommand-cruises .cruise-nav li {\r\n  width: 165px;\r\n  height: 49px;\r\n  font-size: 15px;\r\n  font-weight: bold;\r\n  text-align: center;\r\n  line-height: 49px;\r\n  border: 1px solid #d3dadd;\r\n  margin-bottom: 8px;\r\n  border-radius: 4px;\r\n  background-color: #fff;\r\n  box-shadow: 0px 6px 24px 0px rgba(0, 115, 187, 0.12);\r\n\r\n  color: rgb(40, 43, 44);\r\n}\r\n.homepage-recommand-cruises .cruise-nav li.active {\r\n  background-color: rgb(84, 163, 222);\r\n  color: #fff;\r\n}\r\n.homepage-recommand-cruises .cruise-content {\r\n  display: none;\r\n}\r\n.homepage-recommand-cruises .cruise-content.active {\r\n  display: flex;\r\n}\r\n.homepage-recommand-cruises .cruise-content li {\r\n  width: 168px;\r\n  margin-bottom: 18px;\r\n}\r\n.homepage-recommand-cruises .cruise-content li .img-wrapper {\r\n  position: relative;\r\n}\r\n.homepage-recommand-cruises .cruise-content li .img-wrapper .timing {\r\n  position: absolute;\r\n  left: 0;\r\n  bottom: 0;\r\n  width: 100%;\r\n  height: 27px;\r\n  background-color: rgba(0, 0, 0, 0.5);\r\n  color: #ffa70d;\r\n  font-size: 12px;\r\n  text-align: center;\r\n  line-height: 27px;\r\n}\r\n.cruise-content li .img-wrapper .timing > span {\r\n  color: inherit;\r\n  font-size: 23px;\r\n  font-weight: bold;\r\n}\r\n.cruise-content li .img-wrapper .bg-tag {\r\n  position: absolute;\r\n  top: 0;\r\n  left: -3px;\r\n  background: url(\"https://resource.rcclchina.com.cn/homePage/mobile/bg.png\")\r\n    no-repeat;\r\n  width: 92px;\r\n  height: 23px;\r\n  font-size: 12px;\r\n  font-weight: 400;\r\n  line-height: 23px;\r\n  text-align: center;\r\n  color: #fff;\r\n}\r\n.cruise-content li .img-wrapper .img-soucang {\r\n  position: absolute;\r\n  right: 11px;\r\n  top: 11px;\r\n  width: 27px;\r\n  height: 23px;\r\n}\r\n.homepage-recommand-cruises .cruise-content li img {\r\n  width: 168px;\r\n  display: block;\r\n}\r\n.homepage-recommand-cruises .cruise-content li .cruise-intro {\r\n  padding: 6px 10px 0 0;\r\n}\r\n.cruise-content li .cruise-intro .intro-title {\r\n  font-size: 15px;\r\n  font-weight: 400;\r\n  color: #282b2c;\r\n  line-height: 20px;\r\n  text-overflow: -o-ellipsis-lastline;\r\n  overflow: hidden;\r\n  text-overflow: ellipsis;\r\n  display: -webkit-box;\r\n  -webkit-line-clamp: 2;\r\n  -webkit-box-orient: vertical;\r\n}\r\n.cruise-content li .cruise-intro .intro-comm {\r\n  font-size: 12px;\r\n  line-height: 19px;\r\n  color: #a0a6a7;\r\n}\r\n.cruise-content li .cruise-intro .intro-price {\r\n  font-size: 12px;\r\n  color: rgb(255, 167, 13);\r\n}\r\n.cruise-content li .cruise-intro .intro-price .num {\r\n  font-weight: bold;\r\n  font-size: 22px;\r\n  color: inherit;\r\n  margin-left: -5px;\r\n}\r\n.cruise-content li .cruise-intro .intro-price .tag {\r\n  font-weight: bold;\r\n  margin-left: -4px;\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!./HomeRecommendCruise.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!./HomeRecommendCruise.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./HomeRecommendCruise.vue?vue&type=template&id=47a633d1&scoped=true&\"\nimport script from \"./HomeRecommendCruise.vue?vue&type=script&lang=js&\"\nexport * from \"./HomeRecommendCruise.vue?vue&type=script&lang=js&\"\nimport style0 from \"./HomeRecommendCruise.vue?vue&type=style&index=0&id=47a633d1&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  \"47a633d1\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}