{"version":3,"sources":["webpack:///./src/components/DestinationAlert.vue?1d26","webpack:///./src/views/PageProductDetail.vue?c88a","webpack:///./src/assets/icons/icon_close2.png","webpack:///./src/views/booking/ProductList.vue","webpack:///src/views/booking/ProductList.vue","webpack:///./src/views/booking/ProductList.vue?5e3d","webpack:///./src/views/booking/ProductList.vue?edff","webpack:///./src/assets/icons/icon_warn.png","webpack:///./src/views/PageProductDetail.vue","webpack:///./src/views/booking/ProductRules.vue","webpack:///src/views/booking/ProductRules.vue","webpack:///./src/views/booking/ProductRules.vue?75d0","webpack:///./src/views/booking/ProductRules.vue?6bb5","webpack:///./src/components/DestinationAlert.vue","webpack:///src/components/DestinationAlert.vue","webpack:///./src/components/DestinationAlert.vue?6344","webpack:///./src/components/DestinationAlert.vue?7671","webpack:///src/views/PageProductDetail.vue","webpack:///./src/views/PageProductDetail.vue?f501","webpack:///./src/views/PageProductDetail.vue?b1b8","webpack:///./src/views/booking/ProductRules.vue?8929","webpack:///./src/assets/icons/icon_add.png","webpack:///./src/assets/icons/icon_cart.png","webpack:///./src/views/booking/ProductList.vue?b644"],"names":["module","exports","render","_vm","this","_c","_self","_l","list","item","key","id","staticClass","termCondition","_v","_s","_e","priceCondition","on","$event","goToDetail","attrs","mobileBanner","promotionImage","productGift","productGiftId","_m","productGiftName","name","descriptionShort","class","priceUnit","length","priceDiscountedFormat","hasBindTicket","priceByRouteDays","priceByRouteNights","priceFormat","applyTo","require","handleBooking","bookingShow","currentProduct","staticRenderFns","components","DialogBooking","props","type","Array","default","category","String","data","computed","mapState","Boolean","bindTicket","methods","current","calcResult","priceDiscounted","priceDiscountedServiceCharge","toFixed","price","priceServiceCharge","checkLoginStatus","pick","subcategroy","subCategoryName","categoryName","gioTracking","$router","push","component","getMbBannerList","bannerList","ref","swiperOption","swiperChange","index","bannerType","staticStyle","image","videoImage","onChangeVideoPlay","slot","isShowVideo","videoUrl","clickVideoPlayV2","productData","cmsBookOnly","directives","rawName","value","expression","priceDiscountedCalc","priceCalc","spec","refImgUrl","refImgName","refImgPreviewShow","domProps","mobileContent","recommendList","goodsInfo","bannerPreviewStart","bannerImgs","model","bannerPreviewShow","callback","$$v","rulesType","cur","active","Object","caution","terms","isShowPopup","stopPropagation","closeVideo","apply","arguments","isShow","watch","newVal","$emit","DestinationVideo","DestinationAlert","ProductRules","ProductList","autoplay","pagination","el","isShowPlayBtn","getData","productGiftDescription","productGiftEnglishName","keys","map","x","mounted","showLoading","errCode","errMsg","api","getProductDetail","hideLoading","recommdationViewModel","productBanner","products","forEach","window","gio","showAlert","bannerPreview","videoPlay","$refs","refBanner","swiper","stop","videoEnd","run","videoList","document","querySelectorAll","pause","video","getElementById","paused","clickVideoPlay","url","e"],"mappings":"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","file":"js/chunk-7e114f20.b50eecba.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!./DestinationAlert.vue?vue&type=style&index=0&id=505ddd9e&prod&scoped=true&lang=less\"","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!./PageProductDetail.vue?vue&type=style&index=0&id=5d68d89c&prod&lang=less&scoped=true\"","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAAAt0lEQVQokZ2SsQ3CMBBFX0jFACldRyxAHYk0LhgkUyAmYQQ62AFRMEBK5ojQRWfJss7Y8Cv7/N/PxWdUDhip06j+VbK4AQ/AF3CvPvG7FtgDR2ADDMAbmDPgWX1b4JUmPjMdlM6zhizYRvCsLQ/RL3TApPsFOAF3C7YCdkBjgRYcAjoFg67AJTVasNdWm6jWW1NI4Xgci36xrxjj77ddAovn8la/JmcCDlL8+22HoizWpAqJzwF8AG8XPbpsOaM0AAAAAElFTkSuQmCC\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_vm._l((_vm.list),function(item){return _c('div',{key:item.id,staticClass:\"product-item\"},[_c('p',{staticClass:\"item-tip\"},[(item.termCondition)?_c('span',[_vm._v(_vm._s(item.termCondition))]):_vm._e(),(item.priceCondition)?_c('span',[_vm._v(\"注: \"+_vm._s(item.priceCondition))]):_vm._e()]),_c('div',{staticClass:\"left-side\"},[_c('a',{on:{\"click\":function($event){return _vm.goToDetail(item)}}},[_c('van-image',{staticClass:\"product-img\",attrs:{\"src\":item.mobileBanner}}),(item.promotionImage)?_c('div',{staticClass:\"label\"},[_c('img',{staticClass:\"label-img\",attrs:{\"src\":item.promotionImage}})]):_vm._e(),(item.productGift && item.productGift.productGiftId>0)?_c('div',{staticClass:\"product-gift-box\"},[_vm._m(0,true),_c('div',{staticClass:\"name\"},[_vm._v(_vm._s(item.productGift.productGiftName))])]):_vm._e()],1)]),_c('div',{staticClass:\"right-side\"},[_c('a',{on:{\"click\":function($event){return _vm.goToDetail(item)}}},[_c('p',{staticClass:\"product-name el2\"},[_vm._v(_vm._s(item.name))]),_c('p',{staticClass:\"product-info el2\"},[_vm._v(_vm._s(item.descriptionShort))]),_c('div',{class:['price', {'new-line': item.priceUnit.length > 6}]},[_c('p',[_c('span',[_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('p',{staticClass:\"info-info\"},[_vm._v(_vm._s(item.applyTo))])]),_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(\" 加入购物车 \")])])])}),_c('dialog-booking',{attrs:{\"visible\":_vm.bookingShow,\"goodsInfo\":_vm.currentProduct},on:{\"update:visible\":function($event){_vm.bookingShow=$event}}})],2)\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"icon\"},[_c('img',{attrs:{\"src\":require(\"../../assets/icons/iconGift.png\"),\"alt\":\"\"}})])\n}]\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n    <div class=\"product-item\" v-for=\"item in list\" :key=\"item.id\">\r\n      <p class=\"item-tip\">\r\n        <span v-if=\"item.termCondition\">{{item.termCondition}}</span>\r\n        <span v-if=\"item.priceCondition\">注: {{item.priceCondition}}</span>\r\n      </p>\r\n      <div class=\"left-side\">\r\n        <a @click=\"goToDetail(item)\">\r\n          <van-image class=\"product-img\" :src=\"item.mobileBanner\"/>\r\n          <div class=\"label\" v-if=\"item.promotionImage\">\r\n            <img class=\"label-img\" :src=\"item.promotionImage\" />\r\n          </div>\r\n          <div v-if=\"item.productGift && item.productGift.productGiftId>0\" class=\"product-gift-box\">\r\n            <div class=\"icon\">\r\n              <img src=\"../../assets/icons/iconGift.png\" alt=\"\" />\r\n            </div>\r\n            <div class=\"name\">{{item.productGift.productGiftName}}</div>\r\n          </div>\r\n        </a>\r\n      </div>\r\n      <div class=\"right-side\">\r\n        <a @click=\"goToDetail(item)\">\r\n          <p class=\"product-name el2\">{{item.name}}</p>\r\n          <p class=\"product-info el2\">{{item.descriptionShort}}</p>\r\n          <div :class=\"['price', {'new-line': item.priceUnit.length > 6}]\">\r\n            <p><span>{{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          <p class=\"info-info\">{{item.applyTo}}</p>\r\n        </a>\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    <!-- 预定弹框 -->\r\n    <dialog-booking :visible.sync=\"bookingShow\" :goodsInfo=\"currentProduct\"/>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport DialogBooking from '@/views/DialogBooking'\r\nimport pick from 'lodash/pick'\r\n// import { showAlert } from '@/utils/tools'\r\n// import { checkOrderState, gioTracking } from '@/plugins/common'\r\nimport {checkLoginStatus, gioTracking} from '@/plugins/common'\r\nimport { mapState } from 'vuex'\r\n\r\nexport default {\r\n  name: 'ProductList',\r\n\r\n  components: {\r\n    DialogBooking\r\n  },\r\n\r\n  props: {\r\n    list: {\r\n      type: Array,\r\n      default () {\r\n        return []\r\n      }\r\n    },\r\n    category: {\r\n      type: String,\r\n      default() {\r\n        return ''\r\n      }\r\n    }\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    async handleBooking(current) {\r\n      await checkLoginStatus();\r\n      this.currentProduct = {\r\n        ...pick(current, ['id', 'mobileBanner', 'name', 'applyTo', 'needSync', 'productGift']),\r\n        subcategroy: current.subCategoryName,\r\n        categoryName: this.category\r\n      }\r\n      this.bookingShow = true\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', 'productGift']),\r\n      //       subcategroy: current.subCategoryName,\r\n      //       categoryName: this.category\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': this.category,'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.product-item {\r\n  display: flex;\r\n  position: relative;\r\n  padding: 20px 20px 36px 20px;\r\n  margin-bottom: 20px;\r\n  background-color: #fff;\r\n  .left-side {\r\n    flex: 0;\r\n    width: 305px;\r\n    padding-right: 30px;\r\n    .product-img {\r\n      display: block;\r\n      width: 305px;\r\n    }\r\n    .label {\r\n      padding-top: 12px;\r\n      .label-img {\r\n        display: block;\r\n        height: 30px;\r\n        margin-right: 6px;\r\n      }\r\n    }\r\n  }\r\n  .right-side {\r\n    .product-name {\r\n      margin-top: 3px;\r\n      font-size: 26px;\r\n      color: @main-color;\r\n      line-height: 38px;\r\n      font-weight: bold;\r\n    }\r\n    .product-info {\r\n      margin-top: 3px;\r\n      font-size: 20px;\r\n      line-height: 30px;\r\n      color: @main-gray3;\r\n    }\r\n    .price {\r\n      display: flex;\r\n      align-items: baseline;\r\n      justify-content: space-between;\r\n      width: 275px;\r\n      margin-top: 16px;\r\n      font-size: 20px;\r\n      color: @main-gray4;\r\n      line-height: 44px;\r\n      span {\r\n        font-size: 32px;\r\n        font-weight: bold;\r\n        color: @second-color;\r\n      }\r\n      .old-price {\r\n        text-decoration: line-through;\r\n      }\r\n      &.new-line {\r\n        flex-wrap: wrap;\r\n        .old-price {\r\n          width: 100%;\r\n        }\r\n      }\r\n    }\r\n    .info-info {\r\n      margin-bottom: 24px;\r\n      font-size: 20px;\r\n      color: @main-gray4;\r\n    }\r\n    .item-btn {\r\n      width: 156px;\r\n      height: 46px;\r\n      margin: 10px 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  }\r\n  .item-tip {\r\n    position: absolute;\r\n    left: 20px;\r\n    bottom: 30px;\r\n    z-index: 1;\r\n    font-size: 20px;\r\n    color: @main-gray4;\r\n    span {\r\n      display: block;\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!./ProductList.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!./ProductList.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./ProductList.vue?vue&type=template&id=c79e16fc&scoped=true\"\nimport script from \"./ProductList.vue?vue&type=script&lang=js\"\nexport * from \"./ProductList.vue?vue&type=script&lang=js\"\nimport style0 from \"./ProductList.vue?vue&type=style&index=0&id=c79e16fc&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  \"c79e16fc\",\n  null\n  \n)\n\nexport default component.exports","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAVCAYAAACpF6WWAAABs0lEQVQ4jZWVzytEURTHPx5Z0VBihSIL2dAoirI0FBllMyVWNhY2/grZkIWFnbBDUmwnTZEhKwtlZERiMoMZ4/foPPfVmN579/lubr3zPZ85Z7rn3KLK6V0c1AqMAl1ALVAFJIArIAIsAyd2qXbQBmAWGJK40y8COWATmAZi+QGjwBgAjoGgBoiKB5U/4AQdBLYBnwZWKJ/KG7S+l6izCVgBiu2ydiY7+M7lKDGK6F04sLMUq3w/cGZB54Eyp1L8dT4TqJHkzwF9hqIH3PzXqVfzTL586MDC8Qs0pHNasKfXT51VFDLUPXTV3fObGU6/eYL2GOpiu+rm8bf9VFbbvqhBoDU6V/wha56J9LsXaKVAn/SV/rb/kPFUaVKg59pKk1nO7zOc3qa9QGNyT/eAdjfX/kWSgcVDr+2HpdJVnau/pZrlsTZmgs1eoGsCjQKO+0800V1vTtV4p/aiCCdqjekUcOQ0qkuRONXlpUQvU27AjOL82aeyZdadlopGX8AwsCW2/NUnH0ZkcP4JFL/kmcBCqGhDPSNyepGt3/pP8yX3Vlqx3qgeoBGokElV8bDjGwX8AI7odpNo3sEPAAAAAElFTkSuQmCC\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"product-detail\"},[(_vm.getMbBannerList(_vm.bannerList).length)?_c('swiper',{ref:\"refBanner\",staticClass:\"banner\",attrs:{\"options\":_vm.swiperOption},on:{\"slide-change-transition-end\":_vm.swiperChange}},[_vm._l((_vm.getMbBannerList(_vm.bannerList)),function(item,index){return _c('swiper-slide',{key:index},[(item.bannerType!=1)?_c('van-image',{staticClass:\"banner-img\",staticStyle:{\"width\":\"100%\",\"height\":\"100%\"},attrs:{\"src\":item.image,\"alt\":\"\"}}):_c('DestinationVideo',{attrs:{\"videoUrl\":item.image,\"coverUrl\":item.videoImage,\"is-white-btn\":true},on:{\"onChangeVideo\":_vm.onChangeVideoPlay}})],1)}),_c('div',{staticClass:\"swiper-pagination\",attrs:{\"slot\":\"pagination\"},slot:\"pagination\"})],2):_vm._e(),_c('Destination-alert',{attrs:{\"isShow\":_vm.isShowVideo,\"videoUrl\":_vm.videoUrl},on:{\"closeVideo\":_vm.clickVideoPlayV2}}),_c('div',{staticClass:\"product-info\"},[_c('div',{staticClass:\"info-info\"},[_c('div',{staticClass:\"name-line\"},[_c('p',{staticClass:\"name\"},[_vm._v(_vm._s(_vm.productData.name))]),(!_vm.productData.cmsBookOnly)?_c('a',{staticClass:\"btn-common small btn-cart\",attrs:{\"href\":\"javascript:;\"},on:{\"click\":_vm.handleBooking}},[_c('img',{staticClass:\"icon\",attrs:{\"src\":require(\"../assets/icons/icon_cart.png\"),\"alt\":\"\"}}),_vm._v(\" 加入购物车 \")]):_vm._e()]),_c('div',{staticClass:\"price-line desc-box\"},[_c('p',[_vm._v(_vm._s(_vm.productData.applyTo))]),_c('p',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.productData.termCondition),expression:\"productData.termCondition\"}]},[_vm._v(_vm._s(_vm.productData.termCondition))])]),_c('div',{staticClass:\"price-line\"},[_c('p',[_c('span',[_vm._v(_vm._s(_vm.priceDiscountedCalc))]),_vm._v(\" \"+_vm._s(_vm.priceUnit)+\" \"),_c('i',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.priceCalc && _vm.priceDiscountedCalc !== _vm.priceCalc),expression:\"priceCalc && priceDiscountedCalc !== priceCalc\"}],staticClass:\"old-price\"},[_vm._v(_vm._s(_vm.priceCalc)+_vm._s(_vm.priceUnit))])]),_c('p',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.productData.priceCondition),expression:\"productData.priceCondition\"}]},[_vm._v(\"[ \"+_vm._s(_vm.productData.priceCondition)+\" ]\")])]),_c('div',{staticClass:\"label-box\",class:{spec: !_vm.productData.promotionImage && _vm.productData.refImgUrl}},[(_vm.productData.promotionImage)?_c('div',{staticClass:\"label\"},[_c('img',{staticClass:\"label-img\",attrs:{\"src\":_vm.productData.promotionImage}})]):_vm._e(),(_vm.productData.refImgName && _vm.productData.refImgUrl)?_c('div',{staticClass:\"sub-btn\",on:{\"click\":function($event){_vm.refImgPreviewShow = true}}},[_c('img',{staticClass:\"icon\",attrs:{\"src\":require(\"../assets/icons/icon_warn.png\"),\"alt\":\"\"}}),_c('span',[_vm._v(_vm._s(_vm.productData.refImgName))])]):_vm._e()]),(_vm.productData.productGiftId>0)?_c('div',{staticClass:\"product-gift-box\"},[_vm._m(0),_c('div',{staticClass:\"name\"},[_vm._v(_vm._s(_vm.productData.productGiftName))])]):_vm._e()]),_c('div',{staticClass:\"desc-detail\",domProps:{\"innerHTML\":_vm._s(_vm.productData.mobileContent)}}),_c('product-rules',{attrs:{\"productData\":_vm.productData}})],1),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.recommendList.length),expression:\"recommendList.length\"}],staticClass:\"product-recommend\"},[_c('div',{staticClass:\"recommend-title\"},[_vm._v(\"猜您喜欢\")]),_c('product-list',{attrs:{\"list\":_vm.recommendList}})],1),_c('dialog-booking',{attrs:{\"visible\":_vm.bookingShow,\"goodsInfo\":_vm.goodsInfo},on:{\"update:visible\":function($event){_vm.bookingShow=$event}}}),_c('van-image-preview',{attrs:{\"start-position\":_vm.bannerPreviewStart,\"images\":_vm.bannerImgs,\"close-icon\":require('../assets/icons/icon_close2.png'),\"closeable\":\"\",\"close-on-popstate\":\"\",\"show-index\":false,\"show-indicators\":\"\",\"class-name\":\"custom-image-preview\"},model:{value:(_vm.bannerPreviewShow),callback:function ($$v) {_vm.bannerPreviewShow=$$v},expression:\"bannerPreviewShow\"}}),_c('van-image-preview',{attrs:{\"images\":[_vm.productData.refImgUrl],\"close-icon\":require('../assets/icons/icon_close2.png'),\"closeable\":\"\",\"close-on-popstate\":\"\",\"show-index\":false,\"class-name\":\"custom-image-preview\"},model:{value:(_vm.refImgPreviewShow),callback:function ($$v) {_vm.refImgPreviewShow=$$v},expression:\"refImgPreviewShow\"}})],1)\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"icon\"},[_c('img',{attrs:{\"src\":require(\"../assets/icons/iconGift.png\"),\"alt\":\"\"}})])\n}]\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('div',{staticClass:\"tab-title\"},_vm._l((_vm.rulesType),function(item,index){return _c('div',{key:`name${index}`,class:['tab-item', {cur: _vm.active === index}],on:{\"click\":function($event){_vm.active = index}}},[_vm._v(_vm._s(item.name))])}),0),_c('div',{staticClass:\"attention\"},[_c('div',{domProps:{\"innerHTML\":_vm._s(_vm.rulesType[_vm.active].value)}}),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.active === 1),expression:\"active === 1\"}],staticClass:\"remark\"},[_c('span',[_vm._v(\"*\")]),_vm._v(\"皇家加勒比国际游轮在法律允许的范围内保留对以上条款的修改及解释权。\")])])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n    <div class=\"tab-title\">\r\n      <div v-for=\"(item, index) in rulesType\" :key=\"`name${index}`\" :class=\"['tab-item', {cur: active === index}]\" @click=\"active = index\">{{item.name}}</div>\r\n    </div>\r\n    <div class=\"attention\">\r\n      <div v-html=\"rulesType[active].value\"></div>\r\n      <div class=\"remark\" v-show=\"active === 1\"><span>*</span>皇家加勒比国际游轮在法律允许的范围内保留对以上条款的修改及解释权。</div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  name: 'ProductRules',\r\n\r\n  props: {\r\n    productData: Object\r\n  },\r\n\r\n  data () {\r\n    return {\r\n      active: 0\r\n    }\r\n  },\r\n\r\n  computed: {\r\n    rulesType () {\r\n      return [{\r\n        name: '注意事项',\r\n        value: this.productData.caution\r\n      }, {\r\n        name: '条款细则',\r\n        value: this.productData.terms\r\n      }]\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style lang=\"less\" scoped>\r\n.tab-title {\r\n  display: flex;\r\n  height: 78px;\r\n  border-radius: 6px;\r\n  background-color: #1174b8;\r\n  .tab-item {\r\n    position: relative;\r\n    flex: 1;\r\n    height: 100%;\r\n    font-size: 30px;\r\n    color: #fff;\r\n    text-align: center;\r\n    line-height: 78px;\r\n    &:first-child {\r\n      border-top-left-radius: 6px;\r\n      border-bottom-left-radius: 6px;\r\n    }\r\n    &:last-child {\r\n      border-top-right-radius: 6px;\r\n      border-bottom-right-radius: 6px;\r\n    }\r\n    &.cur {\r\n      .btn-linear-gradient;\r\n      color: #111;\r\n      &::after {\r\n        content: '';\r\n        position: absolute;\r\n        left: 50%;\r\n        bottom: -10px;\r\n        width: 0;\r\n        height: 0;\r\n        margin-left: -5px;\r\n        border-top: 10px solid #fdc404;\r\n        border-right: 10px solid transparent;\r\n        border-left: 10px solid transparent;\r\n      }\r\n    }\r\n  }\r\n}\r\n.attention {\r\n  padding-bottom: 50px;\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!./ProductRules.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!./ProductRules.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./ProductRules.vue?vue&type=template&id=6117a330&scoped=true\"\nimport script from \"./ProductRules.vue?vue&type=script&lang=js\"\nexport * from \"./ProductRules.vue?vue&type=script&lang=js\"\nimport style0 from \"./ProductRules.vue?vue&type=style&index=0&id=6117a330&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  \"6117a330\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return (_vm.isShowPopup)?_c('div',{staticClass:\"video-popup\",on:{\"click\":function($event){$event.stopPropagation();return _vm.closeVideo.apply(null, arguments)}}},[_c('div',{staticClass:\"video-content\"},[_c('video',{attrs:{\"controls\":\"\",\"src\":_vm.videoUrl,\"autoplay\":\"\"},on:{\"click\":function($event){$event.stopPropagation();}}}),_c('div',{staticClass:\"close-btn\",on:{\"click\":function($event){$event.stopPropagation();return _vm.closeVideo.apply(null, arguments)}}},[_c('img',{attrs:{\"src\":\"https://resource.rcclchina.com.cn/cruiseDetail/suite/suite-modal-close.png\",\"alt\":\"\"}})])])]):_vm._e()\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n<div class=\"video-popup\" v-if=\"isShowPopup\" @click.stop=\"closeVideo\">\r\n  <div class=\"video-content\">\r\n    <video controls :src=\"videoUrl\" autoplay @click.stop></video>\r\n    <div @click.stop=\"closeVideo\" class=\"close-btn\">\r\n      <img src=\"https://resource.rcclchina.com.cn/cruiseDetail/suite/suite-modal-close.png\" alt=\"\">\r\n    </div>\r\n  </div>\r\n</div>\r\n</template>\r\n<script>\r\nexport default {\r\n  props: {\r\n    videoUrl:{\r\n      type: String,\r\n      default: ''\r\n    },\r\n    isShow:{\r\n      type: Boolean,\r\n      default: false\r\n    }\r\n  },\r\n  data () {\r\n    return {\r\n      isShowPopup:false\r\n    }\r\n  },\r\n  watch:{\r\n    isShow(newVal){\r\n      this.isShowPopup = newVal\r\n    }\r\n  },\r\n  methods:{\r\n    closeVideo(){\r\n      this.isShowPopup = false\r\n      this.$emit('closeVideo',false)\r\n    }\r\n  }\r\n}\r\n</script>\r\n<style scoped lang=\"less\">\r\n.video-popup{\r\n  width: 100%;\r\n  height: 100vh;\r\n  position: fixed;\r\n  background: rgba(0,0,0,0.5);\r\n  z-index: 1;\r\n  top: 0;\r\n  left: 0;\r\n}\r\n.video-content{\r\n  position: absolute;\r\n  top: 50%;\r\n  left: 50%;\r\n  transform: translate(-50%, -50%);\r\n  width: 80%;\r\n  & video{\r\n    width: 100%;\r\n    height: 100%;\r\n  }\r\n  .close-btn{\r\n    position: absolute;\r\n    width: 40px;\r\n    height: 40px;\r\n    top: 15px;\r\n    right: 15px;\r\n    border-radius: 26px;\r\n    overflow: hidden;\r\n    cursor: pointer;\r\n    img{\r\n      width: 100%;\r\n      height: 100%;\r\n      position: absolute;\r\n      top: 0;\r\n      left: 0;\r\n    }\r\n  }\r\n}\r\n</style>","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!./DestinationAlert.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!./DestinationAlert.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./DestinationAlert.vue?vue&type=template&id=505ddd9e&scoped=true\"\nimport script from \"./DestinationAlert.vue?vue&type=script&lang=js\"\nexport * from \"./DestinationAlert.vue?vue&type=script&lang=js\"\nimport style0 from \"./DestinationAlert.vue?vue&type=style&index=0&id=505ddd9e&prod&scoped=true&lang=less\"\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  \"505ddd9e\",\n  null\n  \n)\n\nexport default component.exports","<template>\r\n  <div class=\"product-detail\">\r\n    <swiper v-if=\"getMbBannerList(bannerList).length\" ref=\"refBanner\"  class=\"banner\" :options=\"swiperOption\" @slide-change-transition-end=\"swiperChange\">\r\n<!--      item.type 1:pc 2:mb-->\r\n      <swiper-slide v-for=\"(item, index) in getMbBannerList(bannerList)\" :key=\"index\">\r\n        <!--        bannerType 1和null:图片 2:视频    @click=\"bannerPreview(index)\"-->\r\n        <van-image v-if=\"item.bannerType!=1\" class=\"banner-img\" :src=\"item.image\" alt=\"\" style=\"width: 100%;height: 100%\"/>\r\n        <DestinationVideo\r\n            v-else\r\n            :videoUrl=\"item.image\"\r\n            :coverUrl=\"item.videoImage\"\r\n            :is-white-btn=\"true\"\r\n            @onChangeVideo=\"onChangeVideoPlay\"\r\n        ></DestinationVideo>\r\n      </swiper-slide>\r\n      <div class=\"swiper-pagination\" slot=\"pagination\"></div>\r\n    </swiper>\r\n    <Destination-alert :isShow=\"isShowVideo\" :videoUrl=\"videoUrl\" @closeVideo=\"clickVideoPlayV2\"></Destination-alert>\r\n    <div class=\"product-info\">\r\n      <div class=\"info-info\">\r\n        <div class=\"name-line\">\r\n          <p class=\"name\">{{productData.name}}</p>\r\n          <a v-if=\"!productData.cmsBookOnly\" href=\"javascript:;\" class=\"btn-common small btn-cart\" @click=\"handleBooking\">\r\n            <img class=\"icon\" src=\"../assets/icons/icon_cart.png\" alt=\"\">\r\n            加入购物车\r\n          </a>\r\n        </div>\r\n        <div class=\"price-line desc-box\">\r\n          <p>{{productData.applyTo}}</p>\r\n          <p v-show=\"productData.termCondition\">{{productData.termCondition}}</p>\r\n        </div>\r\n        <div class=\"price-line\">\r\n          <p><span>{{priceDiscountedCalc}}</span>  {{priceUnit}} <i class=\"old-price\" v-show=\"priceCalc && priceDiscountedCalc !== priceCalc\">{{priceCalc}}{{priceUnit}}</i></p>\r\n          <p v-show=\"productData.priceCondition\">[ {{productData.priceCondition}} ]</p>\r\n        </div>\r\n        <div class=\"label-box\" :class=\"{spec: !productData.promotionImage && productData.refImgUrl}\">\r\n          <div class=\"label\" v-if=\"productData.promotionImage\">\r\n            <img class=\"label-img\" :src=\"productData.promotionImage\" />\r\n          </div>\r\n          <div class=\"sub-btn\" v-if=\"productData.refImgName && productData.refImgUrl\" @click=\"refImgPreviewShow = true\">\r\n            <img class=\"icon\" src=\"../assets/icons/icon_warn.png\" alt=\"\">\r\n            <span>{{productData.refImgName}}</span>\r\n          </div>\r\n        </div>\r\n        <div v-if=\"productData.productGiftId>0\" class=\"product-gift-box\">\r\n          <div class=\"icon\">\r\n            <img src=\"../assets/icons/iconGift.png\" alt=\"\" />\r\n          </div>\r\n          <div class=\"name\">{{productData.productGiftName}}</div>\r\n        </div>\r\n      </div>\r\n      <div class=\"desc-detail\" v-html=\"productData.mobileContent\"></div>\r\n      <!-- 注意事项、条款细则 -->\r\n      <product-rules :productData=\"productData\" />\r\n    </div>\r\n    <div class=\"product-recommend\" v-show=\"recommendList.length\">\r\n      <div class=\"recommend-title\">猜您喜欢</div>\r\n      <product-list :list=\"recommendList\" />\r\n    </div>\r\n    <!-- 预定弹框 -->\r\n    <dialog-booking :visible.sync=\"bookingShow\" :goodsInfo=\"goodsInfo\" />\r\n    <!-- banner预览 -->\r\n    <van-image-preview\r\n      v-model=\"bannerPreviewShow\"\r\n      :start-position=\"bannerPreviewStart\"\r\n      :images=\"bannerImgs\"\r\n      :close-icon=\"require('../assets/icons/icon_close2.png')\"\r\n      closeable\r\n      close-on-popstate\r\n      :show-index=\"false\"\r\n      show-indicators\r\n      class-name=\"custom-image-preview\"\r\n    />\r\n    <!-- 参考菜单预览 -->\r\n    <van-image-preview\r\n      v-model=\"refImgPreviewShow\"\r\n      :images=\"[productData.refImgUrl]\"\r\n      :close-icon=\"require('../assets/icons/icon_close2.png')\"\r\n      closeable\r\n      close-on-popstate\r\n      :show-index=\"false\"\r\n      class-name=\"custom-image-preview\"\r\n    />\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport ProductRules from './booking/ProductRules'\r\nimport ProductList from './booking/ProductList'\r\nimport DialogBooking from './DialogBooking'\r\nimport api from '@/api'\r\nimport { showLoading, hideLoading, showAlert } from '@/utils/tools'\r\nimport pick from 'lodash/pick'\r\n// import { checkOrderState } from '@/plugins/common'\r\nimport { mapState } from 'vuex'\r\nimport DestinationAlert from \"@/components/DestinationAlert.vue\";\r\nimport DestinationVideo from \"@/components/DestinationVideo.vue\";\r\nimport {checkLoginStatus} from \"@/plugins/common\";\r\n\r\nexport default {\r\n  name: 'PageProductDetail',\r\n\r\n  components: {\r\n    DestinationVideo,\r\n    DestinationAlert,\r\n    ProductRules,\r\n    ProductList,\r\n    DialogBooking\r\n  },\r\n\r\n  props: {\r\n    id: String\r\n  },\r\n\r\n  data () {\r\n    return {\r\n      swiperOption: {\r\n        autoplay: true,\r\n        pagination: {\r\n          el: '.swiper-pagination'\r\n        }\r\n      },\r\n      productData: {},\r\n      recommendList: [],\r\n      bannerList: [],\r\n      bookingShow: false,\r\n      bannerPreviewShow: false,\r\n      bannerPreviewStart: 0,\r\n      refImgPreviewShow: false,\r\n      isShowPlayBtn:true,\r\n      isShowVideo:false,\r\n      videoUrl:''\r\n    }\r\n  },\r\n\r\n  watch: {\r\n    id () {\r\n      this.getData()\r\n    }\r\n  },\r\n\r\n  computed: {\r\n    ...mapState(['bindTicket']),\r\n    goodsInfo () {\r\n      let productData = {\r\n        ...this.productData,\r\n        productGift: null\r\n      };\r\n      if(productData.productGiftId) {\r\n        productData.productGift = {\r\n          productGiftId: productData.productGiftId,\r\n          productGiftName: productData.productGiftName,\r\n          productGiftDescription: productData.productGiftDescription,\r\n          productGiftEnglishName: productData.productGiftEnglishName\r\n        }\r\n      }\r\n      return Object.keys(this.productData).length ? pick(productData, ['id', 'mobileBanner', 'name', 'applyTo', 'needSync', 'subcategroy', 'categoryName', 'productGift']) : {}\r\n    },\r\n    priceUnit () {\r\n      return this.bindTicket && (this.productData.priceByRouteDays || this.productData.priceByRouteNights) ? '美元/航次' : this.productData.priceUnit\r\n    },\r\n    priceDiscountedCalc () {\r\n      const calcResult = this.productData.priceDiscounted - this.productData.priceDiscountedServiceCharge\r\n      return calcResult % 1 === 0 ? calcResult : calcResult.toFixed(2)\r\n    },\r\n    priceCalc () {\r\n      const calcResult = this.productData.price - this.productData.priceServiceCharge\r\n      return calcResult % 1 === 0 ? calcResult : calcResult.toFixed(2)\r\n    },\r\n    bannerImgs () {\r\n      return this.bannerList.map(x => x.image)\r\n    }\r\n  },\r\n\r\n  mounted () {\r\n    this.getData()\r\n  },\r\n\r\n  methods: {\r\n    async handleBooking() {\r\n      await checkLoginStatus();\r\n      this.bookingShow = true\r\n      // checkOrderState(checkResult => {\r\n      //   if (checkResult) {\r\n      //     if (checkResult !== 'cancel') showAlert(checkResult)\r\n      //   } else {\r\n      //     this.bookingShow = true\r\n      //   }\r\n      // })\r\n    },\r\n    async getData () {\r\n      showLoading()\r\n      const { errCode, errMsg, data } = await api.getProductDetail(this.id)\r\n      hideLoading()\r\n      if (errCode === 0) {\r\n        const { recommdationViewModel, productBanner, ...productData } = data\r\n        this.productData = productData\r\n        this.recommendList = recommdationViewModel && recommdationViewModel.products && recommdationViewModel.products.length ? recommdationViewModel.products : []\r\n        this.bannerList = []\r\n        productBanner.forEach(item => {\r\n          if(item.type===2){\r\n            this.bannerList.push(item)\r\n          }\r\n        })\r\n        // this.bannerList = productBanner || []\r\n        window.gio('page.set', 'Product_DetailProduct', productData.name)\r\n      } else {\r\n        showAlert(errMsg || '页面数据获取失败，请稍后重试')\r\n      }\r\n    },\r\n    bannerPreview (index) {\r\n      this.bannerPreviewStart = index\r\n      this.bannerPreviewShow = true\r\n    },\r\n    // 视频在播放时，停止自动轮播\r\n    videoPlay(){\r\n      if(this.$refs.refBanner && this.$refs.refBanner.swiper){\r\n        this.$refs.refBanner.swiper.autoplay.stop()\r\n      }\r\n    },\r\n    // 视频结束或暂停时，重新开启自动轮播\r\n    videoEnd(){\r\n      if(this.$refs.refBanner && this.$refs.refBanner.swiper){\r\n        this.$refs.refBanner.swiper.autoplay.run()\r\n        this.isShowPlayBtn = true\r\n      }\r\n    },\r\n    // 切换轮播时，重新开启自动轮播并暂停视频\r\n    swiperChange(){\r\n      //   获取所有class为video-content下的视频\r\n      const videoList = document.querySelectorAll('.video-content video')\r\n      videoList.forEach(item=>{\r\n        item.pause()\r\n      })\r\n      let video = document.getElementById('myVideo')\r\n      if(video){\r\n        video.pause()\r\n        if(video.paused){\r\n          this.$refs.refBanner.swiper.autoplay.stop()\r\n        }else{\r\n          this.$refs.refBanner.swiper.autoplay.run()\r\n        }\r\n      }\r\n    },\r\n    onChangeVideoPlay(){\r\n      let swiper = this.$refs.refBanner.swiper\r\n      swiper.autoplay.stop()\r\n    },\r\n    clickVideoPlay(url){\r\n      this.videoUrl = url\r\n      this.isShowVideo = true\r\n    },\r\n    clickVideoPlayV2(e){\r\n      if(this.isShowVideo){\r\n        this.isShowVideo = e\r\n      }else{\r\n        this.isShowVideo = true\r\n      }\r\n    },\r\n    getMbBannerList(list){\r\n      let bannerList = []\r\n      list.forEach(item=>{\r\n        if(item.type===2){\r\n          bannerList.push(item)\r\n        }\r\n      })\r\n      return bannerList\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style lang=\"less\" scoped>\r\n.banner {\r\n  position: relative;\r\n  .swiper-pagination ::v-deep .swiper-pagination-bullet {\r\n    width: 16px;\r\n    height: 5px;\r\n    margin: 0 3px;\r\n    border-radius: 2px;\r\n    background-color: #dedede;\r\n    &.swiper-pagination-bullet-active {\r\n      width: 46px;\r\n      .btn-linear-gradient;\r\n    }\r\n  }\r\n  & video{\r\n    width: 100%;\r\n    height: 100%;\r\n  }\r\n  & img{\r\n    width: 100%;\r\n    height: 100%;\r\n  }\r\n  & .videoBtn{\r\n    position: absolute;\r\n    width: 100px;\r\n    height: 100px;\r\n    top: 50%;\r\n    left: 50%;\r\n    transform: translate(-50%, -50%);\r\n    & img{\r\n      width: 100%;\r\n    }\r\n  }\r\n}\r\n.product-info {\r\n  padding: 0 50px;\r\n  background-color: #fff;\r\n  .info-info {\r\n    padding: 24px 0 18px;\r\n    border-bottom: 1Px solid #eaeaea;\r\n    .name-line {\r\n      display: flex;\r\n      justify-content: space-between;\r\n      .name {\r\n        flex: none;\r\n        width: 436px;\r\n        font-size: 30px;\r\n        color: #333;\r\n        line-height: 40px;\r\n        font-weight: bold;\r\n      }\r\n      .btn-cart {\r\n        width: 170px;\r\n        height: 52px;\r\n        margin: 0;\r\n        font-size: 24px;\r\n        .icon {\r\n          width: 25px;\r\n          margin-right: 5px;\r\n        }\r\n      }\r\n    }\r\n    .price-line {\r\n      display: flex;\r\n      align-items: flex-end;\r\n      justify-content: space-between;\r\n      margin-top: 16px;\r\n      font-size: 20px;\r\n      color: #999;\r\n      &.desc-box {\r\n        align-items: flex-start;\r\n        p {\r\n          flex: none;\r\n          &:first-child {\r\n            max-width: 50%;\r\n          }\r\n          &:last-child {\r\n            max-width: 45%;\r\n          }\r\n        }\r\n      }\r\n      span {\r\n        margin-right: 3px;\r\n        font-size: 32px;\r\n        font-weight: bold;\r\n        color: @second-color;\r\n      }\r\n      .old-price {\r\n        font-style: normal;\r\n        text-decoration: line-through;\r\n      }\r\n    }\r\n    .label-box {\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: space-between;\r\n      padding-top: 18px;\r\n      &.spec {\r\n        padding-top: 16px;\r\n        justify-content: flex-end;\r\n      }\r\n      .label {\r\n        .label-img {\r\n          display: block;\r\n          height: 30px;\r\n          margin-right: 6px;\r\n        }\r\n      }\r\n      .sub-btn {\r\n        display: flex;\r\n        align-items: center;\r\n        font-size: 20px;\r\n        color: #1174b8;\r\n        .icon {\r\n          width: 21px;\r\n          height: 21px;\r\n          margin-right: 8px;\r\n        }\r\n        span {\r\n          text-decoration: underline;\r\n        }\r\n      }\r\n    }\r\n  }\r\n  .desc-detail {\r\n    padding: 32px 0;\r\n    font-size: 24px;\r\n    color: #333;\r\n    line-height: 38px;\r\n  }\r\n}\r\n.product-recommend {\r\n  padding: 40px 50px 50px;\r\n  .recommend-title {\r\n    position: relative;\r\n    height: 68px;\r\n    margin-bottom: 30px;\r\n    font-size: 30px;\r\n    color: #333;\r\n    text-align: center;\r\n    line-height: 68px;\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: 220px;\r\n      height: 4px;\r\n      margin-top: -2px;\r\n      background-color: @second-color;\r\n    }\r\n    &::before {\r\n      left: 0;\r\n    }\r\n    &::after {\r\n      right: 0;\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!./PageProductDetail.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!./PageProductDetail.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./PageProductDetail.vue?vue&type=template&id=5d68d89c&scoped=true\"\nimport script from \"./PageProductDetail.vue?vue&type=script&lang=js\"\nexport * from \"./PageProductDetail.vue?vue&type=script&lang=js\"\nimport style0 from \"./PageProductDetail.vue?vue&type=style&index=0&id=5d68d89c&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  \"5d68d89c\",\n  null\n  \n)\n\nexport default component.exports","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!./ProductRules.vue?vue&type=style&index=0&id=6117a330&prod&lang=less&scoped=true\"","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAlElEQVQoka2SQQrCUAxEn27tQrv3FtJeTU+g17FX6NZTaN2qC13KlELEwE9tKQ4MhEwm5DMfSRELSRdjEegkDWOlL46BzpwYK9fNo4k+4yAmG2eSSmALZK6/AZZWP4CT057AoTOegXWy8jeuU099f07dAYuRp76AfZKPsXY5dvXoHAfxd+Pd1bdwoueNpaTGmH5yiRaE3Mj8pKVK4gAAAABJRU5ErkJggg==\"","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAUCAYAAABiS3YzAAABj0lEQVQ4jaXVz4tOURwG8M+8M0zCyiwUJYvZiIUo5W+wYSMWFhOLKU2ykJSyVexlzx9ggQUbLJEFZopmNA1FlDBT49fom6+6zrnv+3rNU6d77j3Pec7T9/nee4dwBdv9xhucxVurxEoxplYrOIxRfEnhTZjFzYo5AIYa1KO4hjncLtb+BcH/iKtN7i58bSnHoOPCSEP0FT5gM87jKdb0cRju1ua4iDE8Kgl309Wxantv7MZ3zGN9p0ENsWc539tTosZEhn4Di51ieTqvOwcIagMO5jxEjRSEmXS8H0/ws4t4PP+R143Ykl3zoGJmSJ/+I/HYM/lHpHT6Prsg2usk7lfH1ogSLuJFN9FI8HmKruS8rHuJKM9y81lbvU7jMj7jXabaC52s54F83Sunges4hG2Z7Louh4e7b9n4Y/2cBrbiBF7jVgsvxHZgHx5m6kuVSgPh7l7WNDYfrxiM59sTnIU8oCf2FO1yp4V8puCcay62JRst9bJx39ZWj/vctyJa6hJO5Ue8DYfzV3Tkr0X8ArUoc6KdYV6+AAAAAElFTkSuQmCC\"","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!./ProductList.vue?vue&type=style&index=0&id=c79e16fc&prod&lang=less&scoped=true\""],"sourceRoot":""}