{"version":3,"sources":["webpack:///./src/components/Home/LikeRoutePopups.vue?4dec","webpack:///./src/components/Home/LikeRoutePopups.vue","webpack:///src/components/Home/LikeRoutePopups.vue","webpack:///./src/components/Home/LikeRoutePopups.vue?4988","webpack:///./src/components/Home/LikeRoutePopups.vue?070b"],"names":["render","_vm","this","_c","_self","isShowLikePopups","staticClass","_l","likeRoutePopupsList","item","index","key","_v","on","onChangeClose","attrs","$event","onCruiseClick","shipCode","sailDate","_s","customizeTag","mobileImage","cruiseName","routeDays","shipCNName","getSailDate","remark","netAmount","originalAmount","_e","staticRenderFns","props","type","Array","default","data","methods","sailDateBegin","split","sailDateEnd","$store","commit","state","user","e","$router","push","name","query","computed","component"],"mappings":"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","file":"js/chunk-48c58612.d8beb03a.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/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./LikeRoutePopups.vue?vue&type=style&index=0&id=869e88e0&prod&scoped=true&lang=less\"","var render = function render(){var _vm=this,_c=_vm._self._c;return (_vm.isShowLikePopups)?_c('div',{staticClass:\"popups\"},_vm._l((_vm.likeRoutePopupsList),function(item,index){return _c('div',{key:index,staticClass:\"popups-content\"},[_c('div',{staticClass:\"popups-content-title\"},[_vm._v(\"您关注的航线优惠进行中，抓紧锁定心仪假期\")]),_c('div',{staticClass:\"close\",on:{\"click\":_vm.onChangeClose}},[_c('img',{attrs:{\"src\":\"https://resource.rcclchina.com.cn/wechatMiniProgram/icon-closed.png\",\"alt\":\"\"}})]),_c('div',{staticClass:\"popups-content-main\",on:{\"click\":function($event){return _vm.onCruiseClick($event,item.shipCode,\n            item.sailDate,)}}},[_c('div',{staticClass:\"main-left\"},[_c('div',{staticClass:\"img-wrapper-tag\"},[_vm._v(_vm._s(item.customizeTag))]),_c('div',{staticClass:\"main-wrapper-img\"},[_c('img',{attrs:{\"src\":item.mobileImage,\"alt\":\"\"}})])]),_c('div',{staticClass:\"main-right\"},[_c('div',{staticClass:\"main-right-title\"},[_vm._v(_vm._s(item.cruiseName))]),_c('div',{staticClass:\"main-right-mark\"},[_c('span',[_vm._v(_vm._s(item.routeDays)+\"天\"+_vm._s(item.routeDays-1)+\"晚\")]),_vm._v(\" \"),_c('span',{staticClass:\"main-partition\"},[_vm._v(\"|\")]),_vm._v(\" \"),_c('span',[_vm._v(_vm._s(item.shipCNName))])]),_c('div',{staticClass:\"main-right-mark\"},[_vm._v(\" \"+_vm._s(_vm.getSailDate(item))+\" \")]),_c('div',{staticClass:\"price-content\"},[_c('span',{staticClass:\"price-prompt\"},[_vm._v(_vm._s(item.remark)+\"：\")]),_c('span',{staticClass:\"price-unit\"},[_vm._v(\"￥\")]),_c('span',{staticClass:\"current-price\"},[_vm._v(_vm._s(item.netAmount))]),_vm._v(\" /\"),_c('span',{staticClass:\"price-text\"},[_vm._v(\"人起(含税)\")])]),_c('div',{staticClass:\"old-price\"},[_vm._v(\" ￥\"+_vm._s(item.originalAmount)+\" /人起(含税) \")])])])])}),0):_vm._e()\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <!--components/guessYouLikePopups/guessYouLikePopups.wxml-->\r\n  <div class=\"popups\" v-if=\"isShowLikePopups\">\r\n    <div class=\"popups-content\" v-for=\"(item,index) in likeRoutePopupsList\" :key=\"index\">\r\n      <div class=\"popups-content-title\">您关注的航线优惠进行中，抓紧锁定心仪假期</div>\r\n      <div class=\"close\" @click=\"onChangeClose\"><img src=\"https://resource.rcclchina.com.cn/wechatMiniProgram/icon-closed.png\" alt=\"\"></div>\r\n      <div class=\"popups-content-main\" @click=\"onCruiseClick($event,item.shipCode,\r\n            item.sailDate,)\">\r\n        <div class=\"main-left\">\r\n<!--          <img class=\"img-wrapper-tag\" src=\"../../assets/browse.png\" alt=\"\">-->\r\n          <div class=\"img-wrapper-tag\">{{item.customizeTag}}</div>\r\n          <div class=\"main-wrapper-img\"><img :src=\"item.mobileImage\"  alt=\"\"/></div>\r\n        </div>\r\n        <div class=\"main-right\">\r\n          <div class=\"main-right-title\">{{item.cruiseName}}</div>\r\n          <div class=\"main-right-mark\">\r\n            <span>{{item.routeDays}}天{{item.routeDays-1}}晚</span> <span class=\"main-partition\">|</span> <span>{{item.shipCNName}}</span>\r\n          </div>\r\n          <div class=\"main-right-mark\">\r\n            {{ getSailDate(item) }}\r\n          </div>\r\n          <div class=\"price-content\">\r\n            <span class=\"price-prompt\">{{item.remark}}：</span><span class=\"price-unit\">￥</span><span class=\"current-price\">{{item.netAmount}}</span>\r\n            /<span class=\"price-text\">人起(含税)</span>\r\n          </div>\r\n          <div class=\"old-price\">\r\n            ￥{{item.originalAmount}} /人起(含税)\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n<script>\r\nexport default {\r\n  props: {\r\n    likeRoutePopupsList:{\r\n      type:Array,\r\n      default: () => {\r\n        return [];\r\n      },\r\n    }\r\n  },\r\n  data(){\r\n   return{\r\n     isShowLikePopups: true\r\n   }\r\n  },\r\n  methods:{\r\n    getSailDate(item) {\r\n      let sailDateBegin = item.sailDateBegin.split(\" (\")[0];\r\n      let sailDateEnd = item.sailDateEnd.split(\" (\")[0];\r\n      return `${sailDateBegin}-${sailDateEnd}`;\r\n    },\r\n    onChangeClose(){\r\n      this.$store.commit('SET_LIKE_ROUTE_POPUPS',false)\r\n      this.isShowLikePopups = this.$store.state.user.isShowLikePopups\r\n    },\r\n    onCruiseClick(e,shipCode,sailDate){\r\n      sailDate = sailDate.split(\"T\")[0];\r\n      this.$router.push({\r\n        name: \"CruiseDetail\",\r\n        query:{shipCode: shipCode, sailDate: sailDate}\r\n      })\r\n    }\r\n  },\r\n  computed:{\r\n\r\n  },\r\n\r\n}\r\n</script>\r\n<style scoped lang=\"less\">\r\n.popups {\r\n  position: fixed;\r\n  bottom: 45px;\r\n  width: 100%;\r\n  height: 167px;\r\n  z-index: 1001;\r\n  padding: 0 15px;\r\n}\r\n\r\n.popups-content {\r\n  box-sizing: border-box;\r\n  width: 100%;\r\n  height: 100%;\r\n  background-color: rgba(17, 17, 17, 0.88);\r\n  margin: 0 auto;\r\n  border-radius: 10px;\r\n  padding: 9px 11px 5px;\r\n  position: relative;\r\n}\r\n\r\n.popups-content-title {\r\n  font-size: 12px;\r\n  font-family: PingFangSC-Medium, PingFang SC;\r\n  font-weight: 500;\r\n  color: #FFFFFF;\r\n  line-height: 17px;\r\n  text-align: center;\r\n  padding-bottom: 7px;\r\n  border-bottom: 1px solid #ffffff;\r\n}\r\n\r\n.popups-content-main {\r\n  margin-top: 11px;\r\n  display: flex;\r\n  color: #ffffff;\r\n}\r\n\r\n.main-left {\r\n  width: 78px;\r\n  height: 110px;\r\n  border-radius: 4px;\r\n  //overflow: hidden;\r\n  margin-right: 12px;\r\n  position: relative;\r\n}\r\n.main-left .img-wrapper-tag{\r\n  background: url(\"../../assets/likeTageBg.png\") no-repeat;\r\n  background-size: 100% 100%;\r\n  position: absolute;\r\n  width: 49px;\r\n  height: 20px;\r\n  left: -3px;\r\n  top: 9px;\r\n  font-size: 9px;\r\n  line-height: 15px;\r\n  text-align: center;\r\n  color: #FFFFFF;\r\n}\r\n.main-wrapper-img{\r\n  width: 100%;\r\n  height: 110px;\r\n  overflow: hidden;\r\n  border-radius: 4px;\r\n}\r\n.main-right {\r\n  width: 225px;\r\n  margin-top: -3px;\r\n}\r\nimg{\r\n  width: 100%;\r\n  height: 100%;\r\n}\r\n.main-right-title {\r\n  //height: 40px;\r\n  font-size: 14px;\r\n  font-family: PingFangSC-Medium, PingFang SC;\r\n  font-weight: 500;\r\n  color: #FFFFFF;\r\n  line-height: 20px;\r\n}\r\n\r\n.main-right-mark {\r\n  height: 17px;\r\n  font-size: 12px;\r\n  font-family: PingFangSC-Regular, PingFang SC;\r\n  font-weight: 400;\r\n  color: #FFFFFF;\r\n  line-height: 17px;\r\n  margin-top: 3px;\r\n}\r\n.main-partition{\r\n  display: inline-block;\r\n  margin: 0 5px;\r\n}\r\n.price-content {\r\n  height: 22px;\r\n  font-size: 12px;\r\n  font-family: PingFangSC-Semibold, PingFang SC;\r\n\r\n  color: #FFFFFF;\r\n  line-height: 17px;\r\n  margin-top: 2px;\r\n}\r\n.price-prompt{\r\n  font-weight: 600;\r\n}\r\n.current-price {\r\n  color: #FCC300;\r\n  font-size: 16px;\r\n  font-weight: 600;\r\n}\r\n.price-text{\r\n  font-size: 11px;\r\n}\r\n.price-unit {\r\n  color: #FCC300;\r\n  font-size: 13px;\r\n}\r\n\r\n.old-price {\r\n  color: #c4c4c4;\r\n  font-size: 10px;\r\n  text-decoration: line-through;\r\n  /* margin-left: 20px; */\r\n}\r\n\r\n.close {\r\n  position: absolute;\r\n  color: #ffffff;\r\n  font-size: 19px;\r\n  width: 16px;\r\n  height: 16px;\r\n  top: 3px;\r\n  right: 8px;\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!./LikeRoutePopups.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!./LikeRoutePopups.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./LikeRoutePopups.vue?vue&type=template&id=869e88e0&scoped=true\"\nimport script from \"./LikeRoutePopups.vue?vue&type=script&lang=js\"\nexport * from \"./LikeRoutePopups.vue?vue&type=script&lang=js\"\nimport style0 from \"./LikeRoutePopups.vue?vue&type=style&index=0&id=869e88e0&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  \"869e88e0\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}