{"version":3,"sources":["webpack:///./src/views/combination/CombinationOutherSetMeal.vue?08d1","webpack:///./src/views/PageCombination.vue?2176","webpack:///./src/assets/check_ico_on.png","webpack:///./src/assets/check_ico.png","webpack:///./src/views/PageCombination.vue?a383","webpack:///./src/views/combination/CombinationTabItem.vue?4f42","webpack:///src/views/combination/CombinationTabItem.vue","webpack:///./src/views/combination/CombinationTabItem.vue?9926","webpack:///./src/views/combination/CombinationTabItem.vue","webpack:///./src/views/combination/CombinationOutherSetMeal.vue?250e","webpack:///src/views/combination/CombinationOutherSetMeal.vue","webpack:///./src/views/combination/CombinationOutherSetMeal.vue?5af2","webpack:///./src/views/combination/CombinationOutherSetMeal.vue","webpack:///src/views/PageCombination.vue","webpack:///./src/views/PageCombination.vue?70a3","webpack:///./src/views/PageCombination.vue","webpack:///./src/views/combination/CombinationTabItem.vue?7344"],"names":["module","exports","render","_vm","this","_h","$createElement","_c","_self","staticClass","hasBindTicket","_e","attrs","shipSwiperOption","_l","item","key","value","class","active","shipActive","on","$event","shipChange","_v","_s","name","productDetailViewModels","comboView","comboViewModels","changeId","staticRenderFns","mobileImage","index","mobileBanner","applyTo","priceDiscountedFormat","PriceByRouteDays","priceByRouteNights","priceUnit","priceFormat","goToDetail","handleBooking","bookingShow","currentProduct","components","DialogBooking","props","Array","Object","data","computed","Boolean","bindTicket","methods","calcResult","toFixed","checkResult","subcategroy","current","subCategoryName","$router","push","component","swiperOption","mobileThumbnail","goOther","id","slot","slidesPerView","spaceBetween","loop","pagination","el","$emit","val","TabItem","BaseFooter","OutherSetMeal","shipList","freeMode","centerInsufficientSlides","combinationId","activated","$route","query","$store","state","shipCode","getCombList","code","window","scroll"],"mappings":"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","file":"js/chunk-66de3f0b.27f95e7d.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/style-resources-loader/lib/index.js??ref--10-oneOf-1-4!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CombinationOutherSetMeal.vue?vue&type=style&index=0&id=432e2e19&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/style-resources-loader/lib/index.js??ref--10-oneOf-1-4!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CombinationOutherSetMeal.vue?vue&type=style&index=0&id=432e2e19&lang=less&scoped=true&\"","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/style-resources-loader/lib/index.js??ref--10-oneOf-1-4!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./PageCombination.vue?vue&type=style&index=0&id=3863ece8&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/style-resources-loader/lib/index.js??ref--10-oneOf-1-4!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./PageCombination.vue?vue&type=style&index=0&id=3863ece8&lang=less&scoped=true&\"","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd+UAAABjElEQVRIicXWPywDYRjH8a8SRLqYLRKJhSgirMKGdNddGUiaSAxiMAhiaIqljUki7WQRZnZNo00XpIK2i0i6lGr9qTyXuxBx17prz2+73N3zyZPnvXvfhrfoGGqagTlgGugFnFhLHkgCESAIlKSaBnYAx0C/RUQvF8AUkHWondUTQ619ArQIOFtnTIsL8ArosQHT4hFw0EZwQJuhXVFmaGtqBpbLsOi/5vQ8Z/hcTUDB5jcv2Q6ncfvihqhlUMNCh1nlulD8IBBOmwMzD0X8B/dVY5LRoXYiGz267zQZYePeGKlMgcfcK+sLXVVhR4E+2lobdUHdDleDNwom2dq/Y3k3ZRkzBHeWupUiWjTUCoa6W5T1bj6/vOP2JTiLfq06V7eT+FXeFGbYoUSKSLHvnVrBKoJ6qFmsKvA31CxGpRn+jMx0be+WlZlOU9ifwVrkX3aLko1eXsCYjWDSoZ4b7UpEwJB8zzaACbEELAKT6mG1XpGGJsTSVqn8iUcAHxAFnmogSw2pJTWHFQP4BFqVpfUMzdQAAAAAAElFTkSuQmCC\"","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd+UAAABHElEQVRIie2WPUrEQBiGnySSFLFJMZUnEIRVCz2EXsDF2p8T6QEW9gJewkZUFjyBTaZIs2kCIfIOCYSFBWEcq3mrYRje5/umepJhGFCstTnwANwAJ8AhftkCG2ANPBtjOrU5oLX2CHgBTj0h+/IOXBtjvpO6rrXZq2BZllGWJXmekySJF0GLdF1H27b0fa+rD+DyALifYFVVeYOmqKcoCjd80zSCLoC7FFjqjTb7K9guWN1jlgKe66xJQmXWfSZgPk0SKrPuIg1G2ZMIjMAIjMAIjMDfAZ1NTfYWIrPurYBvOkl4QmXWvUlHb3R2FWJLdap7zFqaWIyauAisiZ/AxX+JsJz0yonwjuo/ArfAsczRE6J//AJWwJNTfeAH6bpvDrGXBiEAAAAASUVORK5CYII=\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"page-combination\"},[(!_vm.hasBindTicket)?_c('swiper',{staticClass:\"ships-swiper\",attrs:{\"options\":_vm.shipSwiperOption}},_vm._l((_vm.shipList),function(item){return _c('swiper-slide',{key:item.value,class:['ship-item', {active: item.value === _vm.shipActive}]},[_c('div',{on:{\"click\":function($event){return _vm.shipChange(item.value)}}},[_c('p',{staticClass:\"ship-name\"},[_vm._v(_vm._s(item.name))]),_c('img',{staticClass:\"ship-icon\",attrs:{\"src\":require((\"../assets/\" + (item.icon) + (item.value === _vm.shipActive ? '_cur' : '') + \".png\")),\"alt\":\"\"}})])])}),1):_vm._e(),_c('TabItem',{attrs:{\"productDetailViewModels\":_vm.productDetailViewModels,\"comboView\":_vm.comboView}}),_c('OutherSetMeal',{attrs:{\"comboViewModels\":_vm.comboViewModels},on:{\"changeid\":_vm.changeId}}),_c('BaseFooter')],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"combination-tab-item\"},[(_vm.comboView.mobileImage)?_c('div',{staticClass:\"banner\"},[_c('img',{attrs:{\"src\":_vm.comboView.mobileImage,\"alt\":\"\"}})]):_vm._e(),(_vm.productDetailViewModels.length)?_c('div',{staticClass:\"list\"},_vm._l((_vm.productDetailViewModels),function(item,index){return _c('div',{key:index,staticClass:\"list-card\"},[_c('van-image',{staticClass:\"list-image\",attrs:{\"width\":\"100%\",\"height\":\"3.72rem\",\"fit\":\"cover\",\"src\":item.mobileBanner}}),_c('div',{staticClass:\"list-text\"},[_c('div',{staticClass:\"text-left\"},[_c('div',{staticClass:\"list-title\"},[_vm._v(_vm._s(item.name))]),_c('div',{staticClass:\"list-describe\"},[_vm._v(_vm._s(item.applyTo))]),_c('div',{staticClass:\"list-price\"},[_c('p',[_c('span',{staticClass:\"price\"},[_vm._v(_vm._s(_vm.priceDiscountedFormat(item)))]),_vm._v(\" \"+_vm._s(_vm.hasBindTicket && (item.PriceByRouteDays || item.priceByRouteNights) ? '美元/航次' : item.priceUnit))]),(_vm.priceFormat(item) && _vm.priceFormat(item) !== _vm.priceDiscountedFormat(item))?_c('p',{staticClass:\"old-price\"},[_vm._v(_vm._s(_vm.priceFormat(item))+_vm._s(_vm.hasBindTicket && (item.PriceByRouteDays || item.priceByRouteNights) ? '美元/航次' : item.priceUnit))]):_vm._e()])]),_c('div',{staticClass:\"text-right\"},[_c('a',{staticClass:\"btn-common small item-btn btn-detail\",on:{\"click\":function($event){return _vm.goToDetail(item)}}},[_c('img',{staticClass:\"icon\",attrs:{\"src\":require(\"../../assets/icons/icon_add.png\"),\"alt\":\"\"}}),_vm._v(\" 查看详情 \")]),_c('a',{staticClass:\"btn-common small item-btn btn-cart\",attrs:{\"href\":\"javascript:;\"},on:{\"click\":function($event){return _vm.handleBooking(item)}}},[_c('img',{staticClass:\"icon\",attrs:{\"src\":require(\"../../assets/icons/icon_cart.png\"),\"alt\":\"\"}}),_vm._v(\" 立即预订 \")])])])],1)}),0):_vm._e(),_c('dialog-booking',{attrs:{\"visible\":_vm.bookingShow,\"goodsInfo\":_vm.currentProduct},on:{\"update:visible\":function($event){_vm.bookingShow=$event}}})],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"combination-tab-item\">\r\n    <div class=\"banner\" v-if=\"comboView.mobileImage\">\r\n      <img :src=\"comboView.mobileImage\" alt=\"\">\r\n    </div>\r\n    <div class=\"list\" v-if=\"productDetailViewModels.length\">\r\n      <div class=\"list-card\" v-for=\"(item, index) in productDetailViewModels\" :key=\"index\">\r\n        <van-image\r\n          class=\"list-image\"\r\n          width=\"100%\"\r\n          height=\"3.72rem\"\r\n          fit=\"cover\"\r\n          :src=\"item.mobileBanner\"\r\n        />\r\n        <div class=\"list-text\">\r\n          <div class=\"text-left\">\r\n            <div class=\"list-title\">{{item.name}}</div>\r\n            <div class=\"list-describe\">{{item.applyTo}}</div>\r\n            <div class=\"list-price\">\r\n              <!-- <span class=\"price\">118.00</span> 美元 /人 <span class=\"tips\">{{item.priceCondition}}</span> -->\r\n              <p><span class=\"price\">{{priceDiscountedFormat(item)}}</span> {{hasBindTicket && (item.PriceByRouteDays || item.priceByRouteNights) ? '美元/航次' : item.priceUnit}}</p>\r\n              <p class=\"old-price\" v-if=\"priceFormat(item) && priceFormat(item) !== priceDiscountedFormat(item)\">{{priceFormat(item)}}{{hasBindTicket && (item.PriceByRouteDays || item.priceByRouteNights) ? '美元/航次' : item.priceUnit}}</p>\r\n            </div>\r\n          </div>\r\n          <div class=\"text-right\">\r\n            <a class=\"btn-common small item-btn btn-detail\" @click=\"goToDetail(item)\">\r\n              <img class=\"icon\" src=\"../../assets/icons/icon_add.png\" alt=\"\">\r\n              查看详情\r\n            </a>\r\n            <a href=\"javascript:;\" class=\"btn-common small item-btn btn-cart\" @click=\"handleBooking(item)\">\r\n              <img class=\"icon\" src=\"../../assets/icons/icon_cart.png\" alt=\"\">\r\n              立即预订\r\n            </a>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <!-- 预定弹框 -->\r\n    <dialog-booking :visible.sync=\"bookingShow\" :goodsInfo=\"currentProduct\" />\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport pick from 'lodash/pick'\r\nimport DialogBooking from '@/views/DialogBooking'\r\nimport { showAlert } from '@/utils/tools'\r\nimport { checkOrderState, gioTracking } from '@/plugins/common'\r\nimport { mapState } from 'vuex'\r\nexport default {\r\n  name: 'combinationTabItem',\r\n\r\n  components: {\r\n    DialogBooking\r\n  },\r\n\r\n  props: {\r\n    productDetailViewModels: Array,\r\n    comboView: Object\r\n  },\r\n\r\n  data () {\r\n    return {\r\n      bookingShow: false,\r\n      currentProduct: {}\r\n    }\r\n  },\r\n\r\n  computed: {\r\n    ...mapState(['bindTicket']),\r\n    hasBindTicket () {\r\n      return Boolean(this.bindTicket)\r\n    }\r\n  },\r\n\r\n  methods: {\r\n    priceDiscountedFormat (current) {\r\n      const calcResult = current.priceDiscounted - current.priceDiscountedServiceCharge\r\n      return calcResult % 1 === 0 ? calcResult : calcResult.toFixed(2)\r\n    },\r\n    priceFormat (current) {\r\n      const calcResult = current.price - current.priceServiceCharge\r\n      return calcResult % 1 === 0 ? calcResult : calcResult.toFixed(2)\r\n    },\r\n    handleBooking (current) {\r\n      checkOrderState(checkResult => {\r\n        if (checkResult) {\r\n          if (checkResult !== 'cancel') showAlert(checkResult)\r\n        } else {\r\n          this.currentProduct = {\r\n            ...pick(current, ['id', 'mobileBanner', 'name', 'applyTo', 'needSync', 'categoryName']),\r\n            subcategroy: current.subCategoryName\r\n          }\r\n          this.bookingShow = true\r\n        }\r\n      })\r\n    },\r\n    goToDetail (item) {\r\n      gioTracking('track','evt_prdClick', {'productID': item.id,'Product_Category': item.categoryName, 'Product_DetailProduct': item.name })\r\n      this.$router.push(`/Rccl.PCP/product/detail/${item.id}`)\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style lang=\"less\" scoped>\r\n.combination-tab-item{\r\n  .banner{\r\n    width: 100%;\r\n    height: 480px;\r\n    position: relative;\r\n    img{\r\n      width: 100%;\r\n    }\r\n    .banner-words{\r\n      position: absolute;\r\n      left: 50px;\r\n      top: 50px;\r\n      right: 50px;\r\n      bottom: 50px;\r\n      display: flex;\r\n      align-items: center;\r\n      color: #1174b8;\r\n      line-height: 1.8;\r\n      .title{\r\n        font-size: 48px;\r\n        font-weight: bold;\r\n      }\r\n      .tips{\r\n        font-size: 24px;\r\n        padding: 10px 0 20px;\r\n      }\r\n      .text{\r\n        font-size: 18px;\r\n        color: @main-gray2;\r\n        padding-right: 260px;\r\n      }\r\n    }\r\n  }\r\n  .list{\r\n    padding: 40px 50px;\r\n    .list-card{\r\n      border-radius: 6px;\r\n      background-color: #ffffff;\r\n      overflow: hidden;\r\n      margin-bottom: 30px;\r\n      .list-image{\r\n        display: block;\r\n      }\r\n      .list-text{\r\n        padding: 30px 26px 40px;\r\n        display: flex;\r\n        .text-left{\r\n          flex: 1;\r\n          color: @main-gray2;\r\n          padding-right: 20px;\r\n          .list-title{\r\n            font-size: 30px;\r\n          }\r\n          .list-describe{\r\n            font-size: 18px;\r\n            padding: 10px 0 20px;\r\n          }\r\n          .list-price{\r\n            font-size: 24px;\r\n            color: @main-gray4;\r\n            .price{\r\n              font-size: 30px;\r\n              color: @second-color;\r\n              font-weight: bold;\r\n            }\r\n            .old-price{\r\n              text-decoration: line-through;\r\n            }\r\n            .tips{\r\n              font-size: 18px;\r\n            }\r\n          }\r\n        }\r\n        .text-right{\r\n          width: 155px;\r\n          .item-btn {\r\n            width: 156px;\r\n            height: 46px;\r\n            margin: 20px 0 0 0;\r\n            border-radius: 6px;\r\n            .icon {\r\n              margin-right: 10px;\r\n            }\r\n            &.btn-detail {\r\n              color: #fff;\r\n              background: #1174b8;\r\n              .icon {\r\n                width: 14px;\r\n              }\r\n            }\r\n            &.btn-cart .icon {\r\n              width: 21px;\r\n            }\r\n          }\r\n          .add-car{\r\n            color: @main-gray2;\r\n          }\r\n        }\r\n      }\r\n    }\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!./CombinationTabItem.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!./CombinationTabItem.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./CombinationTabItem.vue?vue&type=template&id=69765cc6&scoped=true&\"\nimport script from \"./CombinationTabItem.vue?vue&type=script&lang=js&\"\nexport * from \"./CombinationTabItem.vue?vue&type=script&lang=js&\"\nimport style0 from \"./CombinationTabItem.vue?vue&type=style&index=0&id=69765cc6&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  \"69765cc6\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"outher_se_meal\"},[_c('p',{staticClass:\"sub-title package\"},[_vm._v(\"其他套餐\")]),_c('div',{staticClass:\"custom-package pr\"},[(_vm.comboViewModels.length)?_c('swiper',{staticClass:\"custom-package-swiper\",attrs:{\"options\":_vm.swiperOption}},[_vm._l((_vm.comboViewModels),function(item,index){return _c('swiper-slide',{key:index,staticClass:\"swiper-item\"},[_c('img',{staticClass:\"item-img\",attrs:{\"src\":item.mobileThumbnail,\"alt\":\"\"},on:{\"click\":function($event){return _vm.goOther(item.id)}}})])}),_c('div',{staticClass:\"swiper-pagination\",attrs:{\"slot\":\"pagination\"},slot:\"pagination\"})],2):_vm._e()],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"outher_se_meal\">\r\n    <p class=\"sub-title package\">其他套餐</p>\r\n    <div class=\"custom-package pr\">\r\n      <swiper v-if=\"comboViewModels.length\" class=\"custom-package-swiper\" :options=\"swiperOption\">\r\n        <swiper-slide class=\"swiper-item\" v-for=\"(item, index) in comboViewModels\" :key=\"index\">\r\n          <!-- <van-image class=\"item-bg\" @click=\"goOther(item.id)\" :src=\"item.mobileImage\" alt=\"\"/> -->\r\n          <img class=\"item-img\" :src=\"item.mobileThumbnail\" alt=\"\" @click=\"goOther(item.id)\"/>\r\n        </swiper-slide>\r\n        <div class=\"swiper-pagination\" slot=\"pagination\"></div>\r\n      </swiper>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  name: 'combinationOutherSetMeal',\r\n\r\n  props: {\r\n    comboViewModels: Array\r\n  },\r\n\r\n  data () {\r\n    return {\r\n      swiperOption: {\r\n        slidesPerView: 2,\r\n        spaceBetween: 10,\r\n        loop: true,\r\n        pagination: {\r\n          el: '.swiper-pagination'\r\n        }\r\n      }\r\n    }\r\n  },\r\n\r\n  methods: {\r\n    goOther (val) {\r\n      this.$emit('changeid', val)\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style lang=\"less\" scoped>\r\n.outher_se_meal{\r\n  width: 100%;\r\n  overflow: hidden;\r\n  padding-bottom: 40px;\r\n  .sub-title {\r\n    position: relative;\r\n    font-size: 30px;\r\n    font-weight: bold;\r\n    line-height: 54px;\r\n    text-align: center;\r\n    &::before,\r\n    &::after {\r\n      content: \"\";\r\n      position: absolute;\r\n      top: 50%;\r\n      z-index: 1;\r\n      width: 190px;\r\n      height: 4px;\r\n      margin-top: -2px;\r\n      background-color: @second-color;\r\n    }\r\n    &::before {\r\n      left: 20px;\r\n    }\r\n    &::after {\r\n      right: 20px;\r\n    }\r\n    &.package {\r\n      &::before,\r\n      &::after {\r\n        width: 280px;\r\n      }\r\n    }\r\n  }\r\n  .custom-package-swiper {\r\n    width: 950px;\r\n    padding: 22px 0 90px 20px;\r\n    position: static;\r\n    .swiper-item {\r\n      position: relative;\r\n      width: 470px;\r\n      height: 280px;\r\n      border-radius: 8px;\r\n      overflow: hidden;\r\n      .item-img {\r\n        width: 100%;\r\n        height: 100%;\r\n      }\r\n      .item-content {\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        bottom: 0;\r\n        z-index: 1;\r\n        width: 100%;\r\n        box-sizing: border-box;\r\n        padding: 37px 84px 0 50px;\r\n        background-color: rgba(1, 15, 88, .3);\r\n        .item-title {\r\n          font-size: 30px;\r\n          color: #fff;\r\n          line-height: 54px;\r\n        }\r\n        .item-info {\r\n          font-size: 20px;\r\n          line-height: 36px;\r\n          color: rgba(255, 255, 255, .6);\r\n        }\r\n      }\r\n    }\r\n    .swiper-pagination {\r\n      bottom: 45px;\r\n      width: 100%;\r\n    }\r\n  }\r\n  .btn-small {\r\n    display: block;\r\n    width: 150px;\r\n    height: 48px;\r\n    margin-top: 18px;\r\n    border-radius: 6px;\r\n    font-size: 18px;\r\n    text-align: center;\r\n    color: #333;\r\n    line-height: 48px;\r\n    background: url(\"../../assets/btn_bg.png\") 0 0 no-repeat;\r\n    background-size: 100% 100%;\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!./CombinationOutherSetMeal.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!./CombinationOutherSetMeal.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./CombinationOutherSetMeal.vue?vue&type=template&id=432e2e19&scoped=true&\"\nimport script from \"./CombinationOutherSetMeal.vue?vue&type=script&lang=js&\"\nexport * from \"./CombinationOutherSetMeal.vue?vue&type=script&lang=js&\"\nimport style0 from \"./CombinationOutherSetMeal.vue?vue&type=style&index=0&id=432e2e19&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  \"432e2e19\",\n  null\n  \n)\n\nexport default component.exports","<template>\r\n  <div class=\"page-combination\">\r\n    <swiper class=\"ships-swiper\" :options=\"shipSwiperOption\" v-if=\"!hasBindTicket\">\r\n      <swiper-slide\r\n        :class=\"['ship-item', {active: item.value === shipActive}]\"\r\n        v-for=\"item in shipList\"\r\n        :key=\"item.value\">\r\n        <div @click=\"shipChange(item.value)\">\r\n          <p class=\"ship-name\">{{item.name}}</p>\r\n          <img class=\"ship-icon\" :src=\"require(`../assets/${item.icon}${item.value === shipActive ? '_cur' : ''}.png`)\" alt=\"\">\r\n        </div>\r\n      </swiper-slide>\r\n    </swiper>\r\n    <TabItem :productDetailViewModels=\"productDetailViewModels\" :comboView=\"comboView\"/>\r\n    <OutherSetMeal :comboViewModels=\"comboViewModels\" @changeid=\"changeId\"/>\r\n    <BaseFooter/>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport api from '@/api'\r\nimport { showLoading, hideLoading, showAlert } from '@/utils/tools'\r\nimport { shipList } from '@/utils/dict'\r\nimport TabItem from './combination/CombinationTabItem.vue'\r\nimport OutherSetMeal from './combination/CombinationOutherSetMeal.vue'\r\nimport BaseFooter from '@/components/BaseFooter'\r\n\r\nexport default {\r\n  name: 'PageCombination',\r\n\r\n  components: {\r\n    TabItem,\r\n    BaseFooter,\r\n    OutherSetMeal\r\n  },\r\n\r\n  data () {\r\n    return {\r\n      shipList,\r\n      shipSwiperOption: {\r\n        freeMode: true,\r\n        slidesPerView: 'auto',\r\n        spaceBetween: 20,\r\n        centerInsufficientSlides: true\r\n      },\r\n      shipActive: null,\r\n      combinationId: null,\r\n      comboViewModels: [],\r\n      productDetailViewModels: [],\r\n      comboView: {}\r\n    }\r\n  },\r\n\r\n  activated () {\r\n    if (this.$route.query.id) {\r\n      this.combinationId = this.$route.query.id\r\n      this.shipActive = this.hasBindTicket ? this.$store.state.bindTicket.shipCode : shipList[0].value\r\n      this.getCombList(this.combinationId, this.shipActive)\r\n    }\r\n  },\r\n\r\n  computed: {\r\n    hasBindTicket () {\r\n      return Boolean(this.$store.state.bindTicket)\r\n    }\r\n  },\r\n\r\n  methods: {\r\n    shipChange (code) {\r\n      // if (this.hasBindTicket) return\r\n      if (code !== this.shipActive) {\r\n        this.shipActive = code\r\n        this.getCombList(this.combinationId, code)\r\n      }\r\n    },\r\n    changeId (id) {\r\n      this.combinationId = id\r\n      this.getCombList(id, this.shipActive)\r\n      window.scroll({ top: 0, left: 0, behavior: 'smooth' })\r\n    },\r\n    // 获取推荐组合列表\r\n    async getCombList (id, shipCode) {\r\n      showLoading()\r\n      const { errCode, errMsg, data } = await api.getCombos({ id: id, ShipCode: shipCode })\r\n      hideLoading()\r\n      if (errCode === 0) {\r\n        this.comboViewModels = data.comboViewModels\r\n        this.productDetailViewModels = data.productDetailViewModels\r\n        this.comboView = data.comboView\r\n      } else {\r\n        showAlert(errMsg)\r\n      }\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style lang=\"less\" scoped>\r\n.page-combination{\r\n  .ships-swiper {\r\n    padding: 40px 45px 0px;\r\n    background-color: #fff;\r\n    .ship-item {\r\n      width: 180px;\r\n      height: 103px;\r\n      text-align: center;\r\n      border-bottom: 3px solid #fff;\r\n      &.active {\r\n        border-color: #1174b8;\r\n        .ship-name {\r\n          color: #333;\r\n        }\r\n      }\r\n      .ship-name {\r\n        font-size: 30px;\r\n        color: #999;\r\n        line-height: 44px;\r\n      }\r\n      .ship-icon {\r\n        display: block;\r\n        width: 162px;\r\n        margin: 6px auto 0;\r\n      }\r\n    }\r\n  }\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!./PageCombination.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!./PageCombination.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./PageCombination.vue?vue&type=template&id=3863ece8&scoped=true&\"\nimport script from \"./PageCombination.vue?vue&type=script&lang=js&\"\nexport * from \"./PageCombination.vue?vue&type=script&lang=js&\"\nimport style0 from \"./PageCombination.vue?vue&type=style&index=0&id=3863ece8&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  \"3863ece8\",\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/style-resources-loader/lib/index.js??ref--10-oneOf-1-4!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CombinationTabItem.vue?vue&type=style&index=0&id=69765cc6&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/style-resources-loader/lib/index.js??ref--10-oneOf-1-4!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CombinationTabItem.vue?vue&type=style&index=0&id=69765cc6&lang=less&scoped=true&\""],"sourceRoot":""}