{"version":3,"sources":["webpack:///./src/components/SearchBar/SearchBarContainer.vue?8c04","webpack:///./src/components/SearchBar/SearchBarContainer.vue?b5c3","webpack:///src/components/SearchBar/SearchBarContainer.vue","webpack:///./src/components/SearchBar/SearchBarContainer.vue?49bf","webpack:///./src/components/SearchBar/SearchBarContainer.vue","webpack:///./node_modules/core-js/modules/es.array.includes.js"],"names":["render","_vm","this","_h","$createElement","_c","_self","ref","class","cruiseType","attrs","staticClass","on","$event","showForm","staticStyle","_v","directives","name","rawName","value","selectedDeparturesCount","expression","_s","selectedDepartures","selectedSailDatesCount","selectedSailDates","selectDestinationsCount","selectDestinations","onSearchBtnClick","style","formStyle","getDepartures","departureGroups","componentShow","destinations","length","staticRenderFns","components","DepartureForm","SailDateForm","DestinationForm","props","type","String","default","cruiseFilters","Array","rowCruiseSearchHandler","Function","data","methods","component","$nextTick","autoScrollHandler","windowHeight","searchHeight","window","scroll","top","behavior","currentScrollTop","scrollY","offsetHeight","$refs","SearchBarContainer","getBoundingClientRect","width","left","filter","url","filters","departures","query","push","sailDates","join","location","$router","computed","forEach","groups","includes","departure","cruiseFilterGroupName","departureNames","item","sailDateList","replace","destinationNames","$","$includes","addToUnscopables","arrayMethodUsesToLength","USES_TO_LENGTH","ACCESSORS","1","target","proto","forced","el","arguments","undefined"],"mappings":"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","file":"js/chunk-63cdbd06.768a4fd6.js","sourcesContent":["import mod from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--10-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--10-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--10-oneOf-1-2!../../../node_modules/less-loader/dist/cjs.js??ref--10-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SearchBarContainer.vue?vue&type=style&index=0&id=15a5780d&lang=less&scoped=true&\"; export default mod; export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--10-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--10-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--10-oneOf-1-2!../../../node_modules/less-loader/dist/cjs.js??ref--10-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SearchBarContainer.vue?vue&type=style&index=0&id=15a5780d&lang=less&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{ref:\"SearchBarContainer\",class:_vm.cruiseType + '-search-container cruise-search-bar-container',attrs:{\"data-type\":_vm.cruiseType}},[_c('div',{staticClass:\"search_container\",attrs:{\"id\":_vm.cruiseType + '_search'}},[_c('div',{staticClass:\"chosen-wrap departureCodes\",attrs:{\"id\":\"dep\",\"data-key\":\"DepartureCode\"},on:{\"click\":function($event){return _vm.showForm('departure')}}},[_c('div',{staticClass:\"chosen-container chosen-container-single\",staticStyle:{\"width\":\"100%\"}},[_c('div',{staticClass:\"chosen-single\",attrs:{\"tabindex\":\"-1\"}},[_c('div',{staticClass:\"chosen-bind\"},[_vm._v(\" 选择出发港\"),_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.selectedDeparturesCount > 0),expression:\"selectedDeparturesCount > 0\"}],staticClass:\"badge\"},[_vm._v(_vm._s(_vm.selectedDeparturesCount))])]),_c('div',{staticClass:\"chosen-content\"},[_c('span',{class:{ 'item-empty': _vm.selectedDepartures == '请选择' },staticStyle:{\"max-width\":\"225px\"}},[_vm._v(\" \"+_vm._s(_vm.selectedDepartures)+\" \")]),_c('b',{staticClass:\"ti-angle-down animated1\",attrs:{\"aria-hidden\":\"true\"}})])])])]),_c('div',{staticClass:\"chosen-wrap sailDates\",attrs:{\"id\":\"month\",\"data-key\":\"SailDate\"},on:{\"click\":function($event){return _vm.showForm('sailDate')}}},[_c('div',{staticClass:\"chosen-container chosen-container-single\",staticStyle:{\"width\":\"100%\"}},[_c('div',{staticClass:\"chosen-single\",attrs:{\"tabindex\":\"-1\"}},[_c('div',{staticClass:\"chosen-bind\"},[_vm._v(\" 选择出发时间\"),_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.selectedSailDatesCount > 0),expression:\"selectedSailDatesCount > 0\"}],staticClass:\"badge\"},[_vm._v(_vm._s(_vm.selectedSailDatesCount))])]),_c('div',{staticClass:\"chosen-content\"},[_c('span',{class:{ 'item-empty': _vm.selectedSailDates == '请选择' },staticStyle:{\"max-width\":\"180px\"}},[_vm._v(_vm._s(_vm.selectedSailDates))]),_c('img',{attrs:{\"src\":\"https://resource.rcclchina.com.cn/TUI2PCImg/SearchPackage/icon-date-1.jpg\"}})])])])]),_c('div',{staticClass:\"chosen-wrap destinationCodes\",attrs:{\"id\":\"des\",\"data-key\":\"DestinationCode\"},on:{\"click\":function($event){return _vm.showForm('destination')}}},[_c('div',{staticClass:\"chosen-container chosen-container-single\",staticStyle:{\"width\":\"100%\"}},[_c('div',{staticClass:\"chosen-single\",attrs:{\"tabindex\":\"-1\"}},[_c('div',{staticClass:\"chosen-bind\"},[_vm._v(\" 选择目的地\"),_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.selectDestinationsCount > 0),expression:\"selectDestinationsCount > 0\"}],staticClass:\"badge\"},[_vm._v(_vm._s(_vm.selectDestinationsCount))])]),_c('div',{staticClass:\"chosen-content\"},[_c('span',{class:{ 'item-empty': _vm.selectDestinations == '请选择' },staticStyle:{\"max-width\":\"412px\"}},[_vm._v(_vm._s(_vm.selectDestinations))]),_c('b',{staticClass:\"ti-angle-down animated1\",attrs:{\"aria-hidden\":\"true\"}})])])])]),_c('div',{attrs:{\"id\":\"searchCruiseH\"}},[_c('button',{staticClass:\"search_button\",on:{\"click\":function($event){return _vm.onSearchBtnClick()}}},[_vm._v(\" 航线搜索 \")])])]),_c('div',{ref:\"SearchBarForm\",staticClass:\"search_form\",style:(_vm.formStyle())},[_c('DepartureForm',{attrs:{\"cruiseType\":_vm.cruiseType,\"departures\":_vm.getDepartures(),\"departureGroups\":_vm.departureGroups,\"isShow\":_vm.componentShow == 'departure'}}),_c('SailDateForm',{attrs:{\"cruiseType\":_vm.cruiseType,\"isShow\":_vm.componentShow == 'sailDate'}}),_c('DestinationForm',{attrs:{\"cruiseType\":_vm.cruiseType,\"destinations\":_vm.destinations,\"isShow\":_vm.componentShow == 'destination'}})],1),(_vm.componentShow && _vm.componentShow.length > 0)?_c('div',{staticClass:\"tranBg\",on:{\"click\":function($event){_vm.componentShow = ''}}}):_c('div',{staticClass:\"f-dn\"})])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div\r\n    :class=\"cruiseType + '-search-container cruise-search-bar-container'\"\r\n    ref=\"SearchBarContainer\"\r\n    :data-type=\"cruiseType\"\r\n  >\r\n    <div class=\"search_container\" :id=\"cruiseType + '_search'\">\r\n      <div\r\n        class=\"chosen-wrap departureCodes\"\r\n        id=\"dep\"\r\n        data-key=\"DepartureCode\"\r\n        @click=\"showForm('departure')\"\r\n      >\r\n        <div\r\n          class=\"chosen-container chosen-container-single\"\r\n          style=\"width: 100%\"\r\n        >\r\n          <div class=\"chosen-single\" tabindex=\"-1\">\r\n            <div class=\"chosen-bind\">\r\n              选择出发港<span\r\n                class=\"badge\"\r\n                v-show=\"selectedDeparturesCount > 0\"\r\n                >{{ selectedDeparturesCount }}</span\r\n              >\r\n            </div>\r\n            <div class=\"chosen-content\">\r\n              <span\r\n                style=\"max-width: 225px\"\r\n                :class=\"{ 'item-empty': selectedDepartures == '请选择' }\"\r\n              >\r\n                {{ selectedDepartures }}\r\n              </span>\r\n              <b class=\"ti-angle-down animated1\" aria-hidden=\"true\"></b>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n\r\n      <div\r\n        class=\"chosen-wrap sailDates\"\r\n        id=\"month\"\r\n        data-key=\"SailDate\"\r\n        @click=\"showForm('sailDate')\"\r\n      >\r\n        <div\r\n          class=\"chosen-container chosen-container-single\"\r\n          style=\"width: 100%\"\r\n        >\r\n          <div class=\"chosen-single\" tabindex=\"-1\">\r\n            <div class=\"chosen-bind\">\r\n              选择出发时间<span\r\n                class=\"badge\"\r\n                v-show=\"selectedSailDatesCount > 0\"\r\n                >{{ selectedSailDatesCount }}</span\r\n              >\r\n            </div>\r\n            <div class=\"chosen-content\">\r\n              <span\r\n                style=\"max-width: 180px\"\r\n                :class=\"{ 'item-empty': selectedSailDates == '请选择' }\"\r\n                >{{ selectedSailDates }}</span\r\n              >\r\n              <img\r\n                src=\"https://resource.rcclchina.com.cn/TUI2PCImg/SearchPackage/icon-date-1.jpg\"\r\n              />\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n\r\n      <div\r\n        class=\"chosen-wrap destinationCodes\"\r\n        id=\"des\"\r\n        data-key=\"DestinationCode\"\r\n        @click=\"showForm('destination')\"\r\n      >\r\n        <div\r\n          class=\"chosen-container chosen-container-single\"\r\n          style=\"width: 100%\"\r\n        >\r\n          <div class=\"chosen-single\" tabindex=\"-1\">\r\n            <div class=\"chosen-bind\">\r\n              选择目的地<span\r\n                class=\"badge\"\r\n                v-show=\"selectDestinationsCount > 0\"\r\n                >{{ selectDestinationsCount }}</span\r\n              >\r\n            </div>\r\n            <div class=\"chosen-content\">\r\n              <span\r\n                style=\"max-width: 412px\"\r\n                :class=\"{ 'item-empty': selectDestinations == '请选择' }\"\r\n                >{{ selectDestinations }}</span\r\n              >\r\n              <b class=\"ti-angle-down animated1\" aria-hidden=\"true\"></b>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <div class=\"\" id=\"searchCruiseH\">\r\n        <button class=\"search_button\" @click=\"onSearchBtnClick()\">\r\n          航线搜索\r\n        </button>\r\n      </div>\r\n    </div>\r\n\r\n    <div class=\"search_form\" ref=\"SearchBarForm\" :style=\"formStyle()\">\r\n      <!-- 出发地 -->\r\n      <DepartureForm\r\n        :cruiseType=\"cruiseType\"\r\n        :departures=\"getDepartures()\"\r\n        :departureGroups=\"departureGroups\"\r\n        :isShow=\"componentShow == 'departure'\"\r\n      />\r\n      <SailDateForm\r\n        :cruiseType=\"cruiseType\"\r\n        :isShow=\"componentShow == 'sailDate'\"\r\n      />\r\n      <DestinationForm\r\n        :cruiseType=\"cruiseType\"\r\n        :destinations=\"destinations\"\r\n        :isShow=\"componentShow == 'destination'\"\r\n      />\r\n    </div>\r\n\r\n    <div\r\n      class=\"tranBg\"\r\n      v-if=\"componentShow && componentShow.length > 0\"\r\n      @click=\"componentShow = ''\"\r\n    ></div>\r\n    <div v-else class=\"f-dn\"></div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nconst DepartureForm = () => import(\"@/components/SearchBar/DepartureForm\");\r\nconst SailDateForm = () => import(\"@/components/SearchBar/SailDateForm\");\r\nconst DestinationForm = () => import(\"@/components/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    rowCruiseSearchHandler: {\r\n      type: Function,\r\n    },\r\n  },\r\n  data() {\r\n    return {\r\n      componentShow: \"\",\r\n    };\r\n  },\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.$nextTick(() => {\r\n          this.autoScrollHandler();\r\n        });\r\n      }\r\n    },\r\n    // 展开搜索框自动滚动\r\n    autoScrollHandler() {\r\n      const windowHeight = window.innerHeight;\r\n      const searchHeight =\r\n        this.$refs.SearchBarContainer.clientHeight +\r\n        this.$refs.SearchBarForm.clientHeight;\r\n      if (windowHeight < searchHeight) {\r\n        // 如果屏幕高度小于搜索框展开高度的话，直接滚到搜索框的位置\r\n        let top = this.$refs.SearchBarContainer.getBoundingClientRect().top;\r\n        window.scroll({\r\n          top: top,\r\n          behavior: \"smooth\",\r\n        });\r\n      } else {\r\n        // 判断是否已经显示完全，即需不需要滚动\r\n        var currentScrollTop = window.scrollY;\r\n        var offsetHeight = this.$refs.SearchBarContainer.getBoundingClientRect()\r\n          .top;\r\n\r\n        if (searchHeight + offsetHeight > windowHeight + currentScrollTop) {\r\n          // 滚动到显示完全\r\n          let top = offsetHeight - (windowHeight - searchHeight) / 2;\r\n          window.scroll({\r\n            top: top,\r\n            behavior: \"smooth\",\r\n          });\r\n        }\r\n      }\r\n    },\r\n    formStyle() {\r\n      if (this.componentShow == \"sailDate\") {\r\n        return {\r\n          width: \"741px\",\r\n          left: \"289px\",\r\n        };\r\n      } else if (this.componentShow == \"departure\" && this.cruiseType == \"hp\") {\r\n        return {\r\n          width: \"290px\",\r\n          left: \"0\",\r\n        };\r\n      } else {\r\n        return {\r\n          width: \"100%\",\r\n          left: \"0px\",\r\n        };\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      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\r\n\t\t\tgioTracking('track', 'evt_ButtonClicked', {\r\n        \"btnType\": \"mainSch\"\r\n      })\r\n      if (this.cruiseType == \"row\") {\r\n        if (this.rowCruiseSearchHandler) {\r\n          this.rowCruiseSearchHandler(url);\r\n        } else {\r\n          window.location = url;\r\n        }\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    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    selectedDeparturesCount() {\r\n      const departures = this.$store.state.cruise.filterRequest[this.cruiseType]\r\n        .departures;\r\n      return departures.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        if (item.name && item.name.length > 0) {\r\n          sailDateList.push(item.name.replace(/-/g, \"/\"));\r\n        }\r\n      });\r\n      if (sailDateList.length == 0) {\r\n        return \"请选择\";\r\n      }\r\n      return sailDateList.join(\"、\");\r\n    },\r\n    selectedSailDatesCount() {\r\n      const sailDates = this.$store.state.cruise.filterRequest[this.cruiseType]\r\n        .sailDates;\r\n      return sailDates.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    selectDestinationsCount() {\r\n      const destinations = this.$store.state.cruise.filterRequest[\r\n        this.cruiseType\r\n      ].destinations;\r\n      return destinations.length;\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style lang=\"less\" scoped>\r\n.tranBg {\r\n  position: fixed;\r\n  top: 0;\r\n  left: 0;\r\n  width: 100%;\r\n  height: 100%;\r\n  background-color: transparent;\r\n  z-index: 9;\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!./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=15a5780d&scoped=true&\"\nimport script from \"./SearchBarContainer.vue?vue&type=script&lang=js&\"\nexport * from \"./SearchBarContainer.vue?vue&type=script&lang=js&\"\nimport style0 from \"./SearchBarContainer.vue?vue&type=style&index=0&id=15a5780d&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  \"15a5780d\",\n  null\n  \n)\n\nexport default component.exports","'use strict';\nvar $ = require('../internals/export');\nvar $includes = require('../internals/array-includes').includes;\nvar addToUnscopables = require('../internals/add-to-unscopables');\nvar arrayMethodUsesToLength = require('../internals/array-method-uses-to-length');\n\nvar USES_TO_LENGTH = arrayMethodUsesToLength('indexOf', { ACCESSORS: true, 1: 0 });\n\n// `Array.prototype.includes` method\n// https://tc39.github.io/ecma262/#sec-array.prototype.includes\n$({ target: 'Array', proto: true, forced: !USES_TO_LENGTH }, {\n  includes: function includes(el /* , fromIndex = 0 */) {\n    return $includes(this, el, arguments.length > 1 ? arguments[1] : undefined);\n  }\n});\n\n// https://tc39.github.io/ecma262/#sec-array.prototype-@@unscopables\naddToUnscopables('includes');\n"],"sourceRoot":""}