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