{"version":3,"sources":["webpack:///./src/components/Home/SearchBar/DestinationForm.vue","webpack:///src/components/Home/SearchBar/DestinationForm.vue","webpack:///./src/components/Home/SearchBar/DestinationForm.vue?0b1d","webpack:///./src/components/Home/SearchBar/DestinationForm.vue?52d0"],"names":["render","_vm","this","_c","_self","staticClass","class","in","isShow","attrs","on","$event","goBack","_v","_l","groupSubCategories","subCategory","i","key","active","currentGroupIndex","changeGroup","domProps","_s","getSubCategoryName","ref","cruiseType","getFilterGroups","destinations","onDestinationListOpen","onClearClick","staticRenderFns","DestinationGroupForm","name","components","props","type","String","default","Array","Boolean","closeForm","Function","data","methods","$store","dispatch","indexOf","split","join","groups","forEach","destination","cruiseFilterGroupSubCategory","countryName","length","groupName","cruiseFilterGroupName","includes","push","getDestinationsBySubCategory","filter","item","index","onDestinationClear","offsetTop","setTimeout","$refs","selectCountry","scroll","top","behavior","computed","filterResponseDesinations","state","cruise","filterResponse","watch","newOne","availableIndexs","availableItems","destinationCodes","map","filterCode","isNotDisbaleAll","some","component"],"mappings":"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","file":"js/chunk-2d0be6fc.526623da.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"popup popup-dest panel-left-destination panel-left-comm cruise_search cruise-search-popup\",class:{in: _vm.isShow},attrs:{\"id\":\"panel-left-destination\",\"data-type\":\"row\"}},[_c('div',{staticClass:\"popup-head\"},[_c('a',{staticClass:\"js-returnDetailBtn\",on:{\"click\":function($event){return _vm.goBack()}}},[_c('img',{attrs:{\"src\":\"https://resource.rcclchina.com.cn/homePage/mobile/leftalllow.png\",\"alt\":\"\"}})]),_vm._v(\" 选择目的港 \")]),_c('div',{staticClass:\"dest-area search-form-container\",attrs:{\"data-key\":\"DestinationCode\"}},[_c('div',{staticClass:\"area-select dest-fir\"},_vm._l((_vm.groupSubCategories),function(subCategory,i){return _c('div',{key:i,class:{ active: _vm.currentGroupIndex == i},on:{\"click\":function($event){return _vm.changeGroup(i)}}},[_c('div',{staticClass:\"area-select-line\"}),_c('div',{staticClass:\"area-select-name\",domProps:{\"innerHTML\":_vm._s(_vm.getSubCategoryName(subCategory))}})])}),0),_c('div',{ref:\"selectCountry\",staticClass:\"area-country-select select-fir\"},_vm._l((_vm.groupSubCategories),function(subCategory,i){return _c('div',{key:i,staticClass:\"area-country\",class:{ active: i == _vm.currentGroupIndex }},[_c('DestinationGroupForm',{attrs:{\"cruiseType\":_vm.cruiseType,\"groups\":_vm.getFilterGroups(_vm.destinations, subCategory),\"destinations\":_vm.destinations,\"onDestinationListOpen\":_vm.onDestinationListOpen,\"subCategory\":subCategory}})],1)}),0),_c('div',{staticClass:\"click-btn\"},[_c('a',{staticClass:\"reset-btn\",on:{\"click\":function($event){return _vm.onClearClick()}}},[_c('img',{attrs:{\"src\":\"https://resource.rcclchina.com.cn/homePage/mobile/mb-reset.png\"}}),_vm._v(\" 重置\")]),_c('a',{staticClass:\"define-btn\",on:{\"click\":function($event){return _vm.goBack()}}},[_c('img',{attrs:{\"src\":\"https://resource.rcclchina.com.cn/homePage/mobile/mb-define.png\"}}),_vm._v(\" 确定\")])])])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <div class=\"popup popup-dest panel-left-destination panel-left-comm cruise_search cruise-search-popup\" \r\n    :class=\"{in: isShow}\"\r\n    id=\"panel-left-destination\" data-type=\"row\">\r\n        <div class=\"popup-head\">\r\n            <a @click=\"goBack()\" class=\"js-returnDetailBtn\">\r\n                <img src=\"https://resource.rcclchina.com.cn/homePage/mobile/leftalllow.png\" alt=\"\">\r\n            </a>\r\n            选择目的港\r\n        </div>\r\n        <div class=\"dest-area search-form-container\" data-key=\"DestinationCode\">\r\n            <div class=\"area-select dest-fir\">\r\n                <div v-for=\"(subCategory, i) in groupSubCategories\" :key=\"i\" \r\n                :class=\"{ active: currentGroupIndex == i}\" @click=\"changeGroup(i)\">\r\n                    <div class=\"area-select-line\"></div>\r\n                    <div class=\"area-select-name\" v-html=\"getSubCategoryName(subCategory)\">\r\n                    </div>\r\n                </div>\r\n            </div>\r\n            <div class=\"area-country-select select-fir\" ref=\"selectCountry\">\r\n                <div class=\"area-country\" v-for=\"(subCategory, i) in groupSubCategories\" :key=\"i\" :class=\"{ active: i == currentGroupIndex }\">\r\n                    <DestinationGroupForm \r\n                    :cruiseType=\"cruiseType\" \r\n                    :groups=\"getFilterGroups(destinations, subCategory)\"\r\n                    :destinations=\"destinations\" \r\n                    :onDestinationListOpen=\"onDestinationListOpen\"\r\n                    :subCategory=\"subCategory\"/>\r\n                \r\n                </div>\r\n            </div>\r\n            <div class=\"click-btn\">\r\n                <a class=\"reset-btn\" @click=\"onClearClick()\"> <img src=\"https://resource.rcclchina.com.cn/homePage/mobile/mb-reset.png\" /> 重置</a>\r\n                <a class=\"define-btn\" @click=\"goBack()\"> <img src=\"https://resource.rcclchina.com.cn/homePage/mobile/mb-define.png\"  /> 确定</a>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nconst DestinationGroupForm = () => import('@/components/Home/SearchBar/DestinationGroupForm')\r\nexport default {\r\n    name: 'DestinationForm',\r\n    components: {\r\n        DestinationGroupForm\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        destinations: {\r\n            type: Array,\r\n            default: function() {\r\n                return []\r\n            }\r\n        },\r\n        isShow: {\r\n            type: Boolean,\r\n            default: function() {\r\n                return false\r\n            }\r\n        },\r\n        closeForm: {\r\n            type: Function\r\n        }\r\n    },\r\n    data () {\r\n        return {\r\n            currentGroupIndex: 0\r\n        }\r\n    },\r\n    methods: {\r\n        goBack() {\r\n            this.closeForm()\r\n        },\r\n        onClearClick() {\r\n            this.$store.dispatch('RESET_DESTINATION_FILTERS', { cruiseType: this.cruiseType })\r\n        },\r\n        getSubCategoryName (subCategory) {\r\n            if (subCategory.indexOf('/') > 0) {\r\n                return subCategory.split(\"/\").join(\"<br/>\")\r\n            } else {\r\n                return subCategory\r\n            }\r\n        },\r\n        getFilterGroups (destinations, subCategory) {\r\n            let groups = []\r\n            destinations.forEach((destination) => {\r\n                if (destination.cruiseFilterGroupSubCategory == subCategory \r\n                    && destination.countryName && destination.countryName.length > 0) {\r\n                        const groupName = destination.cruiseFilterGroupName\r\n                        if (!groups.includes(groupName)) {\r\n                            groups.push(groupName)\r\n                        }\r\n                    }\r\n            })\r\n            return groups\r\n        },\r\n        getDestinationsBySubCategory (subCategory) {\r\n            return this.destinations.filter(item => item.cruiseFilterGroupSubCategory == subCategory)\r\n        },\r\n        changeGroup (index) {\r\n            this.currentGroupIndex = index\r\n        },\r\n        onDestinationClear () {\r\n            this.$store.dispatch('RESET_DESTINATION_FILTERS', { cruiseType: this.cruiseType })\r\n        },\r\n        onDestinationListOpen (offsetTop) {\r\n            setTimeout(()=> {\r\n                this.$refs.selectCountry.scroll({ top: offsetTop - 54, behavior: 'smooth'})\r\n            }, 100)\r\n        }\r\n    },\r\n    computed: {\r\n        groupSubCategories () {\r\n            let groupSubCategories = []\r\n            this.destinations.forEach((filter) => {\r\n                const subCategory = filter.cruiseFilterGroupSubCategory\r\n                if (!groupSubCategories.includes(subCategory)) {\r\n                    groupSubCategories.push(subCategory)\r\n                }\r\n            })\r\n\r\n            return groupSubCategories\r\n        },\r\n        filterResponseDesinations () {\r\n            return this.$store.state.cruise.filterResponse[this.cruiseType].destinations\r\n        }\r\n    },\r\n    watch: {\r\n        filterResponseDesinations (newOne) {\r\n            // 查找第一个可以选择的sub category\r\n            let availableIndexs = []\r\n            const availableItems = newOne\r\n            this.groupSubCategories.forEach((subCategory, i) => {\r\n                const destinationCodes = this.getDestinationsBySubCategory(subCategory).map(item=>item.filterCode)\r\n                let isNotDisbaleAll = availableItems.some(item=> destinationCodes.includes(item))\r\n                if (isNotDisbaleAll) {\r\n                    availableIndexs.push(i)\r\n                }\r\n            })\r\n\r\n            if (availableIndexs.length > 0 && !availableIndexs.includes(this.currentGroupIndex)) {\r\n                this.currentGroupIndex = availableIndexs[0]\r\n            }\r\n\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!./DestinationForm.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!./DestinationForm.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./DestinationForm.vue?vue&type=template&id=12c71afc\"\nimport script from \"./DestinationForm.vue?vue&type=script&lang=js\"\nexport * from \"./DestinationForm.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":""}