{"version":3,"sources":["webpack:///./src/components/Home/SearchBar/SearchBarContainer.vue","webpack:///src/components/Home/SearchBar/SearchBarContainer.vue","webpack:///./src/components/Home/SearchBar/SearchBarContainer.vue?5daa","webpack:///./src/components/Home/SearchBar/SearchBarContainer.vue?1a82"],"names":["render","_vm","this","_c","_self","staticClass","class","dn","isContainerShow","attrs","selectedDepartureCount","on","$event","showForm","_v","_s","_e","selectedDepartures","selectedSailDateCount","selectedSailDates","selectDestinationCount","selectDestinations","onSearchBtnClick","cruiseType","getDepartures","departureGroups","componentShow","closeForm","destinations","staticRenderFns","DepartureForm","SailDateForm","DestinationForm","name","components","props","type","String","default","cruiseFilters","Array","Boolean","data","mounted","methods","component","$store","dispatch","isHideHeader","isHideFooter","platform","filter","category","active","gioTracking","filters","state","cruise","filterRequest","url","process","query","departures","length","push","map","item","code","join","sailDates","window","location","$router","computed","groups","forEach","departure","includes","cruiseFilterGroupName","items","departureNames","sailDateList","replace","destinationNames"],"mappings":"yHAAA,IAAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,YAAY,8BAA8BC,MAAM,CAAEC,IAAKN,EAAIO,kBAAmB,CAACL,EAAG,MAAM,CAACE,YAAY,iBAAiBI,MAAM,CAAC,YAAY,OAAO,CAACN,EAAG,MAAM,CAACE,YAAY,0BAA0BC,MAAM,CAAE,kBAAmBL,EAAIS,uBAAyB,GAAIC,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOX,EAAIY,SAAS,gBAAgB,CAACV,EAAG,OAAO,CAACE,YAAY,qBAAqB,CAACJ,EAAIa,GAAG,SAAUb,EAAIS,uBAAyB,EAAGP,EAAG,OAAO,CAACE,YAAY,SAAS,CAACJ,EAAIa,GAAGb,EAAIc,GAAGd,EAAIS,2BAA2BT,EAAIe,OAAOb,EAAG,OAAO,CAACE,YAAY,iCAAiC,CAACJ,EAAIa,GAAGb,EAAIc,GAAGd,EAAIgB,uBAAuBd,EAAG,MAAM,CAACM,MAAM,CAAC,IAAM,6DAA6D,IAAM,QAAQN,EAAG,MAAM,CAACE,YAAY,0BAA0BC,MAAM,CAAE,kBAAmBL,EAAIiB,sBAAwB,GAAIP,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOX,EAAIY,SAAS,eAAe,CAACV,EAAG,OAAO,CAACE,YAAY,qBAAqB,CAACJ,EAAIa,GAAG,UAAWb,EAAIiB,sBAAwB,EAAGf,EAAG,OAAO,CAACE,YAAY,SAAS,CAACJ,EAAIa,GAAGb,EAAIc,GAAGd,EAAIiB,0BAA0BjB,EAAIe,OAAOb,EAAG,OAAO,CAACE,YAAY,iCAAiC,CAACJ,EAAIa,GAAGb,EAAIc,GAAGd,EAAIkB,sBAAsBhB,EAAG,MAAM,CAACM,MAAM,CAAC,IAAM,iEAAiE,IAAM,QAAQN,EAAG,MAAM,CAACE,YAAY,0BAA0BC,MAAM,CAAE,kBAAmBL,EAAImB,uBAAyB,GAAIT,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOX,EAAIY,SAAS,kBAAkB,CAACV,EAAG,OAAO,CAACE,YAAY,qBAAqB,CAACJ,EAAIa,GAAG,SAAUb,EAAImB,uBAAyB,EAAGjB,EAAG,OAAO,CAACE,YAAY,SAAS,CAACJ,EAAIa,GAAGb,EAAIc,GAAGd,EAAImB,2BAA2BnB,EAAIe,OAAOb,EAAG,OAAO,CAACE,YAAY,uCAAuC,CAACJ,EAAIa,GAAGb,EAAIc,GAAGd,EAAIoB,uBAAuBlB,EAAG,MAAM,CAACM,MAAM,CAAC,IAAM,6DAA6D,IAAM,QAAQN,EAAG,IAAI,CAACE,YAAY,aAAaM,GAAG,CAAC,MAAQV,EAAIqB,mBAAmB,CAACrB,EAAIa,GAAG,YAAYX,EAAG,gBAAgB,CAACM,MAAM,CAAC,WAAaR,EAAIsB,WAAW,WAAatB,EAAIuB,gBAAgB,gBAAkBvB,EAAIwB,gBAAgB,OAA8B,aAArBxB,EAAIyB,cAA6B,UAAYzB,EAAI0B,aAAaxB,EAAG,eAAe,CAACM,MAAM,CAAC,WAAaR,EAAIsB,WAAW,OAA8B,YAArBtB,EAAIyB,cAA4B,UAAYzB,EAAI0B,aAAaxB,EAAG,kBAAkB,CAACM,MAAM,CAAC,WAAaR,EAAIsB,WAAW,aAAetB,EAAI2B,aAAa,OAA8B,eAArB3B,EAAIyB,cAA+B,UAAYzB,EAAI0B,cAAc,IAEz5EE,EAAkB,G,gEC+EtB,MAAAC,MAAA,gDACAC,MAAA,gDACAC,MAAA,gDAEe,OACfC,KAAA,qBACAC,WAAA,CACAJ,gBACAC,eACAC,mBAEAG,MAAA,CACAZ,WAAA,CACAa,KAAAC,OACAC,QAAA,WACA,aAGAC,cAAA,CACAH,KAAAI,MACAF,QAAA,WACA,WAGA9B,gBAAA,CACA4B,KAAAK,QACAH,aACA,IAIAI,OACA,OACAhB,cAAA,KAGAiB,QAAA,aACAC,QAAA,CACA/B,SAAAgC,GACA,KAAAnB,eAAAmB,EACA,KAAAnB,cAAA,IAEA,KAAAA,cAAAmB,EACA,KAAAC,OAAAC,SAAA,mBACAC,cAAA,EACAC,cAAA,MAIAtB,YACA,KAAAD,cAAA,GACA,KAAAoB,OAAAC,SAAA,mBACAC,cAAA,EACAC,cAAA,KAGAzB,gBACA,MAAA0B,EAAA,WAAA3B,WAAA,WACA,YAAAgB,cAAAY,QAAA,SAAAA,GACA,OACAA,EAAAD,aACA,aAAAC,EAAAC,UACAD,EAAAE,WAIA/B,mBACAgC,eAAA,iDACA,MAAAC,EAAA,KAAAT,OAAAU,MAAAC,OAAAC,cAAA,KAAAnC,YACA,IAAAoC,EAAA,mCACA,YAAApC,aACAoC,EAAAC,2CAEA,IAAAC,EAAA,GACAN,EAAAO,WAAAC,OAAA,GACAF,EAAAG,KACA,kBACAT,EAAAO,WAAAG,IAAAC,KAAAC,MAAAC,KAAA,MAGAb,EAAAc,UAAAN,OAAA,GACAF,EAAAG,KACA,aAAAT,EAAAc,UAAAJ,IAAAC,KAAAC,MAAAC,KAAA,MAGAb,EAAA3B,aAAAmC,OAAA,GACAF,EAAAG,KACA,oBACAT,EAAA3B,aAAAqC,IAAAC,KAAAC,MAAAC,KAAA,MAGAP,EAAAE,OAAA,IACAJ,GAAA,IAAAE,EAAAO,KAAA,MAEA,YAAA7C,WACA+C,OAAAC,SAAAZ,EAEA,KAAAa,QAAAR,KAAAL,KAIAc,SAAA,CACAhD,kBACA,IAAAiD,EAAA,GAKA,OAJA,KAAAlD,gBAAAmD,QAAAC,IACAF,EAAAG,SAAAD,EAAAE,wBACAJ,EAAAV,KAAAY,EAAAE,yBAEAJ,GAEA9C,eACA,MAAAsB,EAAA,WAAA3B,WAAA,WACA,YAAAgB,cAAAY,QAAA,SAAAA,GACA,OACAA,EAAAD,aACA,eAAAC,EAAAC,UACAD,EAAAE,WAIA3C,yBACA,MAAAqE,EAAA,KAAAjC,OAAAU,MAAAC,OAAAC,cAAA,KAAAnC,YACAuC,WACA,OAAAiB,EAAAhB,QAEA9C,qBACA,MAAA6C,EAAA,KAAAhB,OAAAU,MAAAC,OAAAC,cAAA,KAAAnC,YACAuC,WACA,IAAAkB,EAAA,GAIA,OAHAlB,EAAAa,QAAAT,IACAc,EAAAhB,KAAAE,EAAAjC,QAEA,GAAA+C,EAAAjB,OACA,GAEAiB,EAAAZ,KAAA,MAEAlD,wBACA,MAAA6D,EAAA,KAAAjC,OAAAU,MAAAC,OAAAC,cAAA,KAAAnC,YACA8C,UACA,OAAAU,EAAAhB,QAEA5C,oBACA,MAAAkD,EAAA,KAAAvB,OAAAU,MAAAC,OAAAC,cAAA,KAAAnC,YACA8C,UACA,IAAAY,EAAA,GAIA,OAHAZ,EAAAM,QAAAT,IACAe,EAAAjB,KAAAE,EAAAjC,KAAAiD,QAAA,aAEA,GAAAD,EAAAlB,OACA,GAEAkB,EAAAb,KAAA,MAEAhD,yBACA,MAAA2D,EAAA,KAAAjC,OAAAU,MAAAC,OAAAC,cAAA,KAAAnC,YACAK,aACA,OAAAmD,EAAAhB,QAEA1C,qBACA,MAAAO,EAAA,KAAAkB,OAAAU,MAAAC,OAAAC,cACA,KAAAnC,YACAK,aACA,IAAAuD,EAAA,GAIA,OAHAvD,EAAA+C,QAAAT,IACAiB,EAAAnB,KAAAE,EAAAjC,QAEA,GAAAkD,EAAApB,OACA,GAEAoB,EAAAf,KAAA,QC3PyX,I,YCOrXvB,EAAY,eACd,EACA7C,EACA6B,GACA,EACA,KACA,KACA,MAIa,aAAAgB,E","file":"js/chunk-2d0c5111.60f45a97.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"cruise-search-bar-container\",class:{ dn: !_vm.isContainerShow }},[_c('div',{staticClass:\"search-wrapper\",attrs:{\"data-type\":\"hp\"}},[_c('div',{staticClass:\"search-port search-comm\",class:{ 'search-has-item': _vm.selectedDepartureCount > 0 },on:{\"click\":function($event){return _vm.showForm('departure')}}},[_c('span',{staticClass:\"search-item-title\"},[_vm._v(\"选择出发港\"),(_vm.selectedDepartureCount > 0)?_c('span',{staticClass:\"badge\"},[_vm._v(_vm._s(_vm.selectedDepartureCount))]):_vm._e()]),_c('span',{staticClass:\"startPort search-item-content\"},[_vm._v(_vm._s(_vm.selectedDepartures))]),_c('img',{attrs:{\"src\":\"https://resource.rcclchina.com.cn/homePage/mobile/port.png\",\"alt\":\"\"}})]),_c('div',{staticClass:\"search-time search-comm\",class:{ 'search-has-item': _vm.selectedSailDateCount > 0 },on:{\"click\":function($event){return _vm.showForm('sailDate')}}},[_c('span',{staticClass:\"search-item-title\"},[_vm._v(\"选择出发时间\"),(_vm.selectedSailDateCount > 0)?_c('span',{staticClass:\"badge\"},[_vm._v(_vm._s(_vm.selectedSailDateCount))]):_vm._e()]),_c('span',{staticClass:\"dateValue search-item-content\"},[_vm._v(_vm._s(_vm.selectedSailDates))]),_c('img',{attrs:{\"src\":\"https://resource.rcclchina.com.cn/homePage/mobile/dataTime.png\",\"alt\":\"\"}})]),_c('div',{staticClass:\"search-dest search-comm\",class:{ 'search-has-item': _vm.selectDestinationCount > 0 },on:{\"click\":function($event){return _vm.showForm('destination')}}},[_c('span',{staticClass:\"search-item-title\"},[_vm._v(\"选择目的地\"),(_vm.selectDestinationCount > 0)?_c('span',{staticClass:\"badge\"},[_vm._v(_vm._s(_vm.selectDestinationCount))]):_vm._e()]),_c('span',{staticClass:\"destinationPort search-item-content\"},[_vm._v(_vm._s(_vm.selectDestinations))]),_c('img',{attrs:{\"src\":\"https://resource.rcclchina.com.cn/homePage/mobile/ship.png\",\"alt\":\"\"}})]),_c('a',{staticClass:\"search-btn\",on:{\"click\":_vm.onSearchBtnClick}},[_vm._v(\"航线搜索\")])]),_c('DepartureForm',{attrs:{\"cruiseType\":_vm.cruiseType,\"departures\":_vm.getDepartures(),\"departureGroups\":_vm.departureGroups,\"isShow\":_vm.componentShow == 'departure',\"closeForm\":_vm.closeForm}}),_c('SailDateForm',{attrs:{\"cruiseType\":_vm.cruiseType,\"isShow\":_vm.componentShow == 'sailDate',\"closeForm\":_vm.closeForm}}),_c('DestinationForm',{attrs:{\"cruiseType\":_vm.cruiseType,\"destinations\":_vm.destinations,\"isShow\":_vm.componentShow == 'destination',\"closeForm\":_vm.closeForm}})],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"cruise-search-bar-container\" :class=\"{ dn: !isContainerShow }\">\r\n    <div class=\"search-wrapper\" data-type=\"hp\">\r\n      <div\r\n        class=\"search-port search-comm\"\r\n        :class=\"{ 'search-has-item': selectedDepartureCount > 0 }\"\r\n        @click=\"showForm('departure')\"\r\n      >\r\n        <span class=\"search-item-title\"\r\n          >选择出发港<span class=\"badge\" v-if=\"selectedDepartureCount > 0\">{{\r\n            selectedDepartureCount\r\n          }}</span></span\r\n        >\r\n        <span class=\"startPort search-item-content\">{{\r\n          selectedDepartures\r\n        }}</span>\r\n        <img\r\n          src=\"https://resource.rcclchina.com.cn/homePage/mobile/port.png\"\r\n          alt=\"\"\r\n        />\r\n      </div>\r\n      <div\r\n        class=\"search-time search-comm\"\r\n        :class=\"{ 'search-has-item': selectedSailDateCount > 0 }\"\r\n        @click=\"showForm('sailDate')\"\r\n      >\r\n        <span class=\"search-item-title\"\r\n          >选择出发时间<span class=\"badge\" v-if=\"selectedSailDateCount > 0\">{{\r\n            selectedSailDateCount\r\n          }}</span></span\r\n        >\r\n        <span class=\"dateValue search-item-content\">{{\r\n          selectedSailDates\r\n        }}</span>\r\n        <img\r\n          src=\"https://resource.rcclchina.com.cn/homePage/mobile/dataTime.png\"\r\n          alt=\"\"\r\n        />\r\n      </div>\r\n      <div\r\n        class=\"search-dest search-comm\"\r\n        :class=\"{ 'search-has-item': selectDestinationCount > 0 }\"\r\n        @click=\"showForm('destination')\"\r\n      >\r\n        <span class=\"search-item-title\"\r\n          >选择目的地<span class=\"badge\" v-if=\"selectDestinationCount > 0\">{{\r\n            selectDestinationCount\r\n          }}</span></span\r\n        >\r\n        <span class=\"destinationPort search-item-content\">{{\r\n          selectDestinations\r\n        }}</span>\r\n        <img\r\n          src=\"https://resource.rcclchina.com.cn/homePage/mobile/ship.png\"\r\n          alt=\"\"\r\n        />\r\n      </div>\r\n      <a class=\"search-btn\" @click=\"onSearchBtnClick\">航线搜索</a>\r\n    </div>\r\n    <DepartureForm\r\n      :cruiseType=\"cruiseType\"\r\n      :departures=\"getDepartures()\"\r\n      :departureGroups=\"departureGroups\"\r\n      :isShow=\"componentShow == 'departure'\"\r\n      :closeForm=\"closeForm\"\r\n    />\r\n\r\n    <SailDateForm\r\n      :cruiseType=\"cruiseType\"\r\n      :isShow=\"componentShow == 'sailDate'\"\r\n      :closeForm=\"closeForm\"\r\n    />\r\n    <DestinationForm\r\n      :cruiseType=\"cruiseType\"\r\n      :destinations=\"destinations\"\r\n      :isShow=\"componentShow == 'destination'\"\r\n      :closeForm=\"closeForm\"\r\n    />\r\n  </div>\r\n</template>\r\n<script>\r\nconst DepartureForm = () => import(\"@/components/Home/SearchBar/DepartureForm\");\r\nconst SailDateForm = () => import(\"@/components/Home/SearchBar/SailDateForm\");\r\nconst DestinationForm = () => import(\"@/components/Home/SearchBar/DestinationForm\");\r\nimport { gioTracking } from \"@/utilities/tools\";\r\nexport default {\r\n  name: \"SearchBarContainer\",\r\n  components: {\r\n    DepartureForm,\r\n    SailDateForm,\r\n    DestinationForm,\r\n  },\r\n  props: {\r\n    cruiseType: {\r\n      type: String,\r\n      default: function () {\r\n        return \"hp\";\r\n      },\r\n    },\r\n    cruiseFilters: {\r\n      type: Array,\r\n      default: function () {\r\n        return [];\r\n      },\r\n    },\r\n    isContainerShow: {\r\n      type: Boolean,\r\n      default: () => {\r\n        return false;\r\n      },\r\n    },\r\n  },\r\n  data() {\r\n    return {\r\n      componentShow: \"\",\r\n    };\r\n  },\r\n  mounted: function () {},\r\n  methods: {\r\n    showForm(component) {\r\n      if (this.componentShow == component) {\r\n        this.componentShow = \"\";\r\n      } else {\r\n        this.componentShow = component;\r\n        this.$store.dispatch(\"HIDE_HEADER_BAR\", {\r\n          isHideHeader: true,\r\n          isHideFooter: true,\r\n        });\r\n      }\r\n    },\r\n    closeForm() {\r\n      this.componentShow = \"\";\r\n      this.$store.dispatch(\"HIDE_HEADER_BAR\", {\r\n        isHideHeader: false,\r\n        isHideFooter: false,\r\n      });\r\n    },\r\n    getDepartures() {\r\n      const platform = this.cruiseType == \"hp\" ? \"HP\" : \"TUI\";\r\n      return this.cruiseFilters.filter(function (filter) {\r\n        return (\r\n          filter.platform == platform &&\r\n          filter.category == \"DEPARTURE\" &&\r\n          filter.active\r\n        );\r\n      });\r\n    },\r\n    onSearchBtnClick() {\r\n\t\t\tgioTracking('track','evt_ButtonClicked', {'btnType':'mainSch'});\r\n      const filters = this.$store.state.cruise.filterRequest[this.cruiseType];\r\n      let url = \"/Rccl.Cruise/CruiseSearch/Search\";\r\n      if (this.cruiseType == \"row\") {\r\n        url = process.env.VUE_APP_TUI_URL + \"/Cruise/Search\";\r\n      }\r\n      let query = [];\r\n      if (filters.departures.length > 0) {\r\n        query.push(\r\n          \"departureCodes=\" +\r\n            filters.departures.map((item) => item.code).join(\",\")\r\n        );\r\n      }\r\n      if (filters.sailDates.length > 0) {\r\n        query.push(\r\n          \"sailDates=\" + filters.sailDates.map((item) => item.code).join(\",\")\r\n        );\r\n      }\r\n      if (filters.destinations.length > 0) {\r\n        query.push(\r\n          \"destinationCodes=\" +\r\n            filters.destinations.map((item) => item.code).join(\",\")\r\n        );\r\n      }\r\n      if (query.length > 0) {\r\n        url += \"?\" + query.join(\"&\");\r\n      }\r\n      if (this.cruiseType == \"row\") {\r\n        window.location = url;\r\n      } else {\r\n        this.$router.push(url);\r\n      }\r\n    },\r\n  },\r\n  computed: {\r\n    departureGroups() {\r\n      let groups = [];\r\n      this.getDepartures().forEach((departure) => {\r\n        if (!groups.includes(departure.cruiseFilterGroupName))\r\n          groups.push(departure.cruiseFilterGroupName);\r\n      });\r\n      return groups;\r\n    },\r\n    destinations() {\r\n      const platform = this.cruiseType == \"hp\" ? \"HP\" : \"TUI\";\r\n      return this.cruiseFilters.filter(function (filter) {\r\n        return (\r\n          filter.platform == platform &&\r\n          filter.category == \"DESTINATION\" &&\r\n          filter.active\r\n        );\r\n      });\r\n    },\r\n    selectedDepartureCount() {\r\n      const items = this.$store.state.cruise.filterRequest[this.cruiseType]\r\n        .departures;\r\n      return items.length;\r\n    },\r\n    selectedDepartures() {\r\n      const departures = this.$store.state.cruise.filterRequest[this.cruiseType]\r\n        .departures;\r\n      let departureNames = [];\r\n      departures.forEach((item) => {\r\n        departureNames.push(item.name);\r\n      });\r\n      if (departureNames.length == 0) {\r\n        return \"\";\r\n      }\r\n      return departureNames.join(\"、\");\r\n    },\r\n    selectedSailDateCount() {\r\n      const items = this.$store.state.cruise.filterRequest[this.cruiseType]\r\n        .sailDates;\r\n      return items.length;\r\n    },\r\n    selectedSailDates() {\r\n      const sailDates = this.$store.state.cruise.filterRequest[this.cruiseType]\r\n        .sailDates;\r\n      let sailDateList = [];\r\n      sailDates.forEach((item) => {\r\n        sailDateList.push(item.name.replace(/-/g, \"/\"));\r\n      });\r\n      if (sailDateList.length == 0) {\r\n        return \"\";\r\n      }\r\n      return sailDateList.join(\"、\");\r\n    },\r\n    selectDestinationCount() {\r\n      const items = this.$store.state.cruise.filterRequest[this.cruiseType]\r\n        .destinations;\r\n      return items.length;\r\n    },\r\n    selectDestinations() {\r\n      const destinations = this.$store.state.cruise.filterRequest[\r\n        this.cruiseType\r\n      ].destinations;\r\n      let destinationNames = [];\r\n      destinations.forEach((item) => {\r\n        destinationNames.push(item.name);\r\n      });\r\n      if (destinationNames.length == 0) {\r\n        return \"\";\r\n      }\r\n      return destinationNames.join(\"、\");\r\n    },\r\n  },\r\n};\r\n</script>\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!./SearchBarContainer.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!./SearchBarContainer.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./SearchBarContainer.vue?vue&type=template&id=5e3a7332\"\nimport script from \"./SearchBarContainer.vue?vue&type=script&lang=js\"\nexport * from \"./SearchBarContainer.vue?vue&type=script&lang=js\"\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  null,\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}