{"version":3,"sources":["webpack:///./src/views/Pages/Faq.vue?7c2f","webpack:///./src/views/Pages/Faq.vue?6960","webpack:///./src/views/Pages/Faq.vue","webpack:///src/views/Pages/Faq.vue","webpack:///./src/views/Pages/Faq.vue?fa9f","webpack:///./src/views/Pages/Faq.vue?a042"],"names":["render","_vm","this","_c","_self","faqItems","length","staticClass","on","$event","isShowShipCategorySelect","_v","_s","selectedShipCategory","title","subTitle","attrs","directives","name","rawName","value","expression","_l","shipCategories","shipCategory","i","key","onShipCategoryChange","_m","searchKeyword","domProps","onSearchKeywordChange","target","composing","clearSearchKeyword","ref","onFaqCategoriesWrappScroll","class","active","selectedFaqCategory","category","onFaqCategoryHotNewClick","faqCategories","faqCategory","id","onFaqCategoryClick","subCategories","_e","isShowFaqCategoryLeftArrow","isShowFaqCategoryRightArrow","isShowFaqSubCategories","subFaqCategories","subCategory","subId","onSubFaqCategoryClick","targetFaqItems","faqItem","onFaqClick","question","isShowFaqDetailPopup","targetFaq","onFaqFeedbackSuccess","onFaqDetailPopupClose","staticRenderFns","FaqDetailPopup","components","asyncData","store","userToken","state","user","userReviewToken","Promise","resolve","reject","dispatch","userName","then","catch","e","data","tempFaqCategoryId","faqCategoriesWrapperWidth","beforeMount","$store","commit","methods","searchFaqItems","filter","r","promoFaqCategories","some","c","trim","keyword","toUpperCase","answer","indexOf","isHot","_","orderBy","sortFilterFaq","text","topFaqs","otherFaqs","faq","tags","push","concat","$refs","faqCategoriesWrapper","scroll","left","faqCategoriesSlideAll","offsetLeft","offsetWidth","behavior","window","gio","console","error","gioTracking","subFaqCategory","find","parentId","faqId","type","suggestionType","scrollX","scrollLeft","width","eles","document","getElementsByClassName","computed","pageData","page","faqData","itemViewModels","categories","watch","newValue","query","$router","currentRoute","source","rewardCategory","$nextTick","component"],"mappings":"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","file":"js/chunk-ee061ab8.c6e6e1e4.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!./Faq.vue?vue&type=style&index=0&id=2020edb4&prod&lang=less&scoped=true\"","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!./Faq.vue?vue&type=style&index=1&id=2020edb4&prod&lang=less\"","var render = function render(){var _vm=this,_c=_vm._self._c;return (_vm.faqItems.length > 0)?_c('div',[_c('div',{staticClass:\"FA-Question\"},[_c('div',{staticClass:\"FA-Question-search\"},[_c('div',{staticClass:\"FA-shipType\"},[_c('div',{staticClass:\"selectItem selectItem-titleStyle noborder js-openShipsList\",on:{\"click\":function($event){_vm.isShowShipCategorySelect=true}}},[_c('span',[_c('span',{staticClass:\"selectItem-title\"},[_vm._v(_vm._s(_vm.selectedShipCategory.title))]),_c('span',{staticClass:\"selectItem-subtitle\"},[_vm._v(_vm._s(_vm.selectedShipCategory.subTitle))])]),_c('img',{attrs:{\"src\":\"https://resource.rcclchina.com.cn/Faq/arrowDownIcon.png\",\"alt\":\"下拉箭头icon\"}})]),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.isShowShipCategorySelect),expression:\"isShowShipCategorySelect\"}],staticClass:\"shipType-selectContainer\"},[_c('div',{staticClass:\"shipType-selectCon-bg js-closeShipBtn\",on:{\"click\":function($event){_vm.isShowShipCategorySelect=false}}}),_c('div',{staticClass:\"shipType-selectCon scroll-container js-selectShipBtn\"},_vm._l((_vm.shipCategories),function(shipCategory,i){return _c('div',{key:('shipCategory_'+i),staticClass:\"selectItem\",on:{\"click\":function($event){return _vm.onShipCategoryChange(shipCategory)}}},[_c('span',[_c('span',{staticClass:\"selectItem-title\"},[_vm._v(_vm._s(shipCategory.title))]),_c('span',{staticClass:\"selectItem-subtitle\"},[_vm._v(_vm._s(shipCategory.subTitle))])])])}),0)])]),_c('div',{staticClass:\"input-search\"},[_c('div',{staticClass:\"input-searchContainer\"},[_vm._m(0),_c('form',{attrs:{\"action\":\"\",\"onsubmit\":\"return false;\"}},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.searchKeyword),expression:\"searchKeyword\"}],staticClass:\"input-searchTxt\",attrs:{\"type\":\"search\",\"placeholder\":\"请输入问题关键字,如:游玩/消费/会员\",\"id\":\"input-searchTxt\"},domProps:{\"value\":(_vm.searchKeyword)},on:{\"change\":_vm.onSearchKeywordChange,\"input\":function($event){if($event.target.composing)return;_vm.searchKeyword=$event.target.value}}})]),_c('div',{staticClass:\"searchClosedIcon js-searchClosedBtn\",on:{\"click\":_vm.clearSearchKeyword}},[_c('img',{staticClass:\"button-searchClosedBtn\",attrs:{\"src\":\"https://resource.rcclchina.com.cn/Faq/searchClosedIcon.png\",\"alt\":\"清空搜索关键字\"}})])])]),_c('div',{staticClass:\"FA-Question-nav js-navChangeBtn\"},[_c('div',{staticClass:\"swiper-container\"},[_c('div',{ref:\"faqCategoriesWrapper\",staticClass:\"faq-categories-wrapper\",on:{\"scroll\":_vm.onFaqCategoriesWrappScroll}},[_c('div',{staticClass:\"faq-categories-slide\"},[_c('div',{staticClass:\"FA-categoriesItem\",class:{ active: _vm.selectedFaqCategory.category == '热门'},on:{\"click\":function($event){return _vm.onFaqCategoryHotNewClick('热门')}}},[_c('span',{attrs:{\"data-category\":\"hot_content2\"}},[_vm._v(\"热门\")])])]),_vm._l((_vm.faqCategories),function(faqCategory,i){return _c('div',{key:('faqCategory_'+i),staticClass:\"faq-categories-slide\"},[_c('div',{staticClass:\"FA-categoriesItem\",class:{ active: _vm.selectedFaqCategory.id == faqCategory.id},on:{\"click\":function($event){return _vm.onFaqCategoryClick(faqCategory)}}},[_c('span',[_vm._v(_vm._s(faqCategory.name))]),(faqCategory.subCategories && faqCategory.subCategories.length>0)?_c('img',{attrs:{\"src\":\"https://resource.rcclchina.com.cn/Faq/arrowDownBIcon.png\",\"alt\":\"下拉箭头icon\"}}):_vm._e()])])}),_c('div',{ref:\"faqCategoriesSlideAll\",staticClass:\"faq-categories-slide\"},[_c('div',{staticClass:\"FA-categoriesItem\",class:{ active: _vm.selectedFaqCategory.category == '全部'},on:{\"click\":function($event){return _vm.onFaqCategoryHotNewClick('全部')}}},[_c('span',{attrs:{\"data-category\":\"\"}},[_vm._v(\"全部\")])])])],2)]),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.isShowFaqCategoryLeftArrow),expression:\"isShowFaqCategoryLeftArrow\"}],staticClass:\"swiper-button-prev\"},[_c('img',{attrs:{\"src\":\"https://resource.rcclchina.com.cn/Faq/leftIcon.png\"}}),_c('img',{attrs:{\"src\":\"https://resource.rcclchina.com.cn/Faq/leftIcon.png\"}})]),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.isShowFaqCategoryRightArrow),expression:\"isShowFaqCategoryRightArrow\"}],staticClass:\"swiper-button-next\"},[_c('img',{attrs:{\"src\":\"https://resource.rcclchina.com.cn/Faq/rightIcon.png\"}}),_c('img',{attrs:{\"src\":\"https://resource.rcclchina.com.cn/Faq/rightIcon.png\"}})]),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.isShowFaqSubCategories==true),expression:\"isShowFaqSubCategories==true\"}],staticClass:\"FA-subCategories\"},[_c('div',{staticClass:\"FA-subCategoriesCon\"},[_c('ul',{staticClass:\"js-subTabChange\"},_vm._l((_vm.subFaqCategories),function(subCategory){return _c('li',{key:('subCategory_'+subCategory.id),class:{ active: _vm.selectedFaqCategory.subId==subCategory.id},on:{\"click\":function($event){return _vm.onSubFaqCategoryClick(subCategory)}}},[_vm._v(\" \"+_vm._s(subCategory.name)+\" \")])}),0)])])])]),_c('div',{staticClass:\"searchResult\"},[_c('div',{attrs:{\"id\":\"searchResult\"}},_vm._l((_vm.targetFaqItems),function(faqItem){return _c('div',{key:'faqItem_' + faqItem.id,staticClass:\"FA-Question-item js-openAnswer\",on:{\"click\":function($event){return _vm.onFaqClick(faqItem)}}},[_c('div',{staticClass:\"FA-Question-itemL\"},[_c('div',{staticClass:\"itemL-question\",domProps:{\"innerHTML\":_vm._s(faqItem.question)}}),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.selectedFaqCategory.category=='热门'),expression:\"selectedFaqCategory.category=='热门'\"}],staticClass:\"itemL-hotIcon\"},[_c('img',{attrs:{\"src\":\"https://resource.rcclchina.com.cn/Faq/hotimg.png\"}})])]),_vm._m(1,true)])}),0)])]),_c('FaqDetailPopup',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.isShowFaqDetailPopup),expression:\"isShowFaqDetailPopup\"}],attrs:{\"faq\":_vm.targetFaq,\"selectedShipCategory\":_vm.selectedShipCategory,\"onFaqFeedbackSuccess\":_vm.onFaqFeedbackSuccess,\"onPopupClose\":_vm.onFaqDetailPopupClose}})],1):_vm._e()\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"searchIcon\"},[_c('img',{attrs:{\"src\":\"https://resource.rcclchina.com.cn/Faq/searchIconN.png\",\"alt\":\"搜索Icon\"}})])\n},function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"FA-Question-itemR\"},[_c('i',{staticClass:\"f7-icons\"},[_vm._v(\"right\")])])\n}]\n\nexport { render, staticRenderFns }","<template>\r\n    <div v-if=\"faqItems.length > 0\">\r\n        <div class=\"FA-Question\">\r\n            <div class=\"FA-Question-search\">\r\n                <!-- 船队分类 -->\r\n                <div class=\"FA-shipType\">\r\n                    <div class=\"selectItem selectItem-titleStyle noborder js-openShipsList\" @click=\"isShowShipCategorySelect=true\">\r\n                        <span>\r\n                            <span class=\"selectItem-title\">{{selectedShipCategory.title}}</span>\r\n                            <span class=\"selectItem-subtitle\">{{selectedShipCategory.subTitle}}</span>\r\n                        </span>\r\n                        <img src=\"https://resource.rcclchina.com.cn/Faq/arrowDownIcon.png\" alt=\"下拉箭头icon\" />\r\n                    </div>\r\n                    <div class=\"shipType-selectContainer\" v-show=\"isShowShipCategorySelect\">\r\n                        <div class=\"shipType-selectCon-bg js-closeShipBtn\" @click=\"isShowShipCategorySelect=false\"></div>\r\n                        <div class=\"shipType-selectCon scroll-container js-selectShipBtn\">\r\n                            <div class=\"selectItem\"\r\n                                v-for=\"(shipCategory, i) in shipCategories\" :key=\"('shipCategory_'+i)\"\r\n                                @click=\"onShipCategoryChange(shipCategory)\"\r\n                            >\r\n                                <span>\r\n                                    <span class=\"selectItem-title\">{{shipCategory.title}}</span>\r\n                                    <span class=\"selectItem-subtitle\">{{shipCategory.subTitle}}</span>\r\n                                </span>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n\r\n                <!-- 关键字搜索 -->\r\n                <div class=\"input-search\">\r\n                    <div class=\"input-searchContainer\">\r\n                        <div class=\"searchIcon\">\r\n                            <img src=\"https://resource.rcclchina.com.cn/Faq/searchIconN.png\" alt=\"搜索Icon\" />\r\n                        </div>\r\n                        <form action=\"\" onsubmit=\"return false;\">\r\n                            <input type=\"search\" class=\"input-searchTxt\" placeholder=\"请输入问题关键字,如:游玩/消费/会员\" id=\"input-searchTxt\"\r\n                            v-model=\"searchKeyword\" @change=\"onSearchKeywordChange\">\r\n                        </form>\r\n                        <div class=\"searchClosedIcon js-searchClosedBtn\" @click=\"clearSearchKeyword\">\r\n                            <img class=\"button-searchClosedBtn\" src=\"https://resource.rcclchina.com.cn/Faq/searchClosedIcon.png\" alt=\"清空搜索关键字\" />\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n\r\n                <!-- FAQ分类 -->\r\n                <div class=\"FA-Question-nav js-navChangeBtn\">\r\n                    <div class=\"swiper-container\">\r\n                        <div class=\"faq-categories-wrapper\" ref=\"faqCategoriesWrapper\" @scroll=\"onFaqCategoriesWrappScroll\">\r\n                            <div class=\"faq-categories-slide\" >\r\n                                <div class=\"FA-categoriesItem\" :class=\"{ active: selectedFaqCategory.category == '热门'}\"\r\n                                @click=\"onFaqCategoryHotNewClick('热门')\"\r\n                                >\r\n                                    <span data-category=\"hot_content2\">热门</span>\r\n                                </div>\r\n                            </div>\r\n                            <div class=\"faq-categories-slide\" v-for=\"(faqCategory, i) in faqCategories\" :key=\"('faqCategory_'+i)\"\r\n                            >\r\n                                <div class=\"FA-categoriesItem\" :class=\"{ active: selectedFaqCategory.id == faqCategory.id}\"\r\n                                @click=\"onFaqCategoryClick(faqCategory)\">\r\n                                    <span>{{faqCategory.name}}</span>\r\n                                    <img v-if=\"faqCategory.subCategories && faqCategory.subCategories.length>0\"\r\n                                        src=\"https://resource.rcclchina.com.cn/Faq/arrowDownBIcon.png\" alt=\"下拉箭头icon\" />\r\n                                </div>\r\n                            </div>\r\n                            <div class=\"faq-categories-slide\" ref=\"faqCategoriesSlideAll\">\r\n                                <div class=\"FA-categoriesItem\" :class=\"{ active: selectedFaqCategory.category == '全部'}\"\r\n                            @click=\"onFaqCategoryHotNewClick('全部')\">\r\n                                    <span data-category=\"\">全部</span>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n\r\n                    <!-- 左右按钮 -->\r\n                    <div class=\"swiper-button-prev\" v-show=\"isShowFaqCategoryLeftArrow\">\r\n                        <img src=\"https://resource.rcclchina.com.cn/Faq/leftIcon.png\" />\r\n                        <img src=\"https://resource.rcclchina.com.cn/Faq/leftIcon.png\" />\r\n                    </div>\r\n                    <div class=\"swiper-button-next\" v-show=\"isShowFaqCategoryRightArrow\">\r\n                        <img src=\"https://resource.rcclchina.com.cn/Faq/rightIcon.png\" />\r\n                        <img src=\"https://resource.rcclchina.com.cn/Faq/rightIcon.png\" />\r\n                    </div>\r\n\r\n                    <div class=\"FA-subCategories\" v-show=\"isShowFaqSubCategories==true\">\r\n                        <div class=\"FA-subCategoriesCon\">\r\n                            <ul class=\" js-subTabChange\">\r\n                                <li v-for=\"(subCategory) in subFaqCategories\" :key=\"('subCategory_'+subCategory.id)\"\r\n                                :class=\"{ active: selectedFaqCategory.subId==subCategory.id}\"\r\n                                @click=\"onSubFaqCategoryClick(subCategory)\">\r\n                                    {{subCategory.name}}\r\n                                </li>\r\n                            </ul>\r\n                        </div>\r\n                    </div>\r\n\r\n                </div>\r\n\r\n            </div>\r\n\r\n            <div class=\"searchResult\">\r\n                <div id=\"searchResult\">\r\n                    <div class=\"FA-Question-item js-openAnswer\" v-for=\"(faqItem) in targetFaqItems\" :key=\"'faqItem_' + faqItem.id\"\r\n                    @click=\"onFaqClick(faqItem)\">\r\n                        <div class=\"FA-Question-itemL\">\r\n                            <div class=\"itemL-question\" v-html=\"faqItem.question\">\r\n                            </div>\r\n                            <div class=\"itemL-hotIcon\" v-show=\"selectedFaqCategory.category=='热门'\">\r\n                                <img src=\"https://resource.rcclchina.com.cn/Faq/hotimg.png\">\r\n                            </div>\r\n                        </div>\r\n                        <div class=\"FA-Question-itemR\"><i class=\"f7-icons\">right</i></div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n        <FaqDetailPopup\r\n            v-show=\"isShowFaqDetailPopup\"\r\n            :faq=\"targetFaq\"\r\n            :selectedShipCategory=\"selectedShipCategory\"\r\n            :onFaqFeedbackSuccess=\"onFaqFeedbackSuccess\"\r\n            :onPopupClose=\"onFaqDetailPopupClose\"\r\n        />\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport _ from 'lodash'\r\nimport {gioTracking} from \"@/utilities/tools\";\r\nconst FaqDetailPopup = () => import('@/components/Faq/FaqDetailPopup')\r\nexport default {\r\n    name: \"Faq\",\r\n    components: {\r\n        FaqDetailPopup\r\n    },\r\n    asyncData ({ store }) {\r\n        const userToken = store.state.user.userReviewToken\r\n        return new Promise((resolve, reject) => {\r\n            return store.dispatch('GET_FAQ', {\r\n                userName: userToken\r\n            })\r\n            .then(()=> {\r\n                resolve();\r\n            })\r\n            .catch((e)=> {\r\n                reject(e)\r\n            })\r\n        })\r\n    },\r\n    data() {\r\n        return {\r\n            selectedShipCategory: {},\r\n            targetFaqItems: [],\r\n            searchKeyword: \"\",\r\n            isShowFaqSubCategories: false,\r\n            selectedFaqCategory: {\r\n                id: 0,\r\n                subId: 0,\r\n                category: \"热门\",\r\n                subCategory: \"\"\r\n            },\r\n            tempFaqCategoryId: 0,\r\n            isShowFaqCategoryLeftArrow: false,\r\n            isShowShipCategorySelect: false,\r\n            isShowFaqCategoryRightArrow: true,\r\n            faqCategoriesWrapperWidth: 0,\r\n            targetFaq: {},\r\n            isShowFaqDetailPopup: false\r\n        }\r\n    },\r\n    beforeMount () {\r\n        this.$store.commit('SET_PAGE_TITLE', '常见问题')\r\n    },\r\n    methods: {\r\n        searchFaqItems () {\r\n\r\n            // 先要有分类\r\n            let faqItems = this.faqItems.filter(r=>r.category && r.category.length > 0)\r\n\r\n            // 先过滤船队分类\r\n            faqItems = faqItems.filter(r=>r.promoFaqCategories && r.promoFaqCategories.some(c=>c.id == this.selectedShipCategory.id))\r\n\r\n            // 过滤关键字\r\n            if (this.searchKeyword && this.searchKeyword.trim().length > 0) {\r\n                const keyword = this.searchKeyword.trim().toUpperCase()\r\n                faqItems = faqItems.filter(r=>r.question && r.answer\r\n                && (r.question.toUpperCase().indexOf(keyword)>= 0 || r.answer.toUpperCase().indexOf(keyword)>= 0 ))\r\n\r\n            }\r\n\r\n            if (this.selectedFaqCategory.category != \"全部\") {\r\n                 // 过滤FAQ分类\r\n                if (this.selectedFaqCategory.category == \"热门\") {\r\n                    faqItems = faqItems.filter(r=>r.isHot)\r\n                } else if (!this.selectedFaqCategory.subCategory || this.selectedFaqCategory.subCategory == ''){\r\n                    faqItems = faqItems.filter(r=>r.category == this.selectedFaqCategory.category)\r\n                } else {\r\n                    faqItems = faqItems.filter(r=>r.category == this.selectedFaqCategory.category\r\n                    && r.subCategory == this.selectedFaqCategory.subCategory)\r\n                }\r\n            }\r\n\r\n            if (faqItems.length > 0) {\r\n                // 按照seq排序\r\n                faqItems = _.orderBy(faqItems, ['seq'], ['desc'])\r\n\r\n                // 如果搜索的话，按照tag排序\r\n                if (this.searchKeyword && this.searchKeyword.length > 0) {\r\n                    faqItems = this.sortFilterFaq(this.searchKeyword, faqItems)\r\n                }\r\n            }\r\n\r\n            this.targetFaqItems = faqItems\r\n        },\r\n        sortFilterFaq (text, faqItems){\r\n            text = text.toUpperCase()\r\n            var topFaqs = []\r\n            var otherFaqs = []\r\n            for (var i = 0; i < faqItems.length; i++) {\r\n                var faq = faqItems[i]\r\n                if (faq.tags && faq.tags.toUpperCase().indexOf(text) >= 0) {\r\n                    topFaqs.push(faq)\r\n                } else {\r\n                    otherFaqs.push(faq)\r\n                }\r\n            }\r\n            topFaqs = _.orderBy(topFaqs, ['seq'], ['desc'])\r\n            otherFaqs = _.orderBy(otherFaqs, ['seq'], ['desc'])\r\n\r\n            faqItems = topFaqs.concat(otherFaqs)\r\n            return faqItems\r\n        },\r\n        onShipCategoryChange (shipCategory) {\r\n            this.selectedShipCategory = shipCategory\r\n            this.searchFaqItems()\r\n            this.isShowShipCategorySelect = false\r\n        },\r\n        onSearchKeywordChange () {\r\n            if (this.searchKeyword && this.searchKeyword.trim().length > 0) {\r\n                this.$refs.faqCategoriesWrapper.scroll({\r\n                    left: this.$refs.faqCategoriesSlideAll.offsetLeft + this.$refs.faqCategoriesSlideAll.offsetWidth\r\n                , behavior: 'smooth' })\r\n                this.selectedFaqCategory = {\r\n                    id: 0,\r\n                    subId: 0,\r\n                    category: \"全部\",\r\n                    subCategory: \"\"\r\n                }\r\n                try {\r\n                    window.gio('page.set', 'FAQ_WD', this.searchKeyword)\r\n                } catch (e) {\r\n                    console.error(e)\r\n                }\r\n            }\r\n            this.searchFaqItems()\r\n        },\r\n        clearSearchKeyword () {\r\n            this.searchKeyword = ''\r\n            this.onSearchKeywordChange()\r\n        },\r\n        onFaqCategoryHotNewClick (value) {\r\n            this.selectedFaqCategory.id = 0\r\n            this.selectedFaqCategory.subId = 0\r\n            this.selectedFaqCategory.category = value\r\n            this.selectedFaqCategory.subCategory = ''\r\n\r\n            gioTracking('track', 'evt_ButtonClicked',{\r\n              'btnType': `FAQ${value}`\r\n            })\r\n            this.searchFaqItems()\r\n        },\r\n        onFaqCategoryClick (faqCategory) {\r\n\r\n            gioTracking('track', 'evt_ButtonClicked',{\r\n              'btnType': `FAQ${faqCategory.name}`\r\n            })\r\n            if (faqCategory.subCategories && faqCategory.subCategories.length > 0) {\r\n                this.isShowFaqSubCategories = true\r\n                this.tempFaqCategoryId = faqCategory.id\r\n            } else {\r\n                this.isShowFaqSubCategories = false\r\n                this.selectedFaqCategory.subId = 0\r\n                this.selectedFaqCategory.subCategory = ''\r\n                this.selectedFaqCategory.id = faqCategory.id\r\n                this.selectedFaqCategory.category = faqCategory.name\r\n                this.searchFaqItems()\r\n            }\r\n        },\r\n        onSubFaqCategoryClick (subFaqCategory) {\r\n            this.selectedFaqCategory.subId = subFaqCategory.id\r\n            this.selectedFaqCategory.subCategory = subFaqCategory.name\r\n            const faqCategory = this.faqCategories.find(r=>r.id == subFaqCategory.parentId)\r\n            if (faqCategory && faqCategory.id > 0) {\r\n                this.selectedFaqCategory.id = faqCategory.id\r\n                this.selectedFaqCategory.category = faqCategory.name\r\n            }\r\n            this.isShowFaqSubCategories = false\r\n            this.searchFaqItems()\r\n        },\r\n        onFaqClick (faqItem) {\r\n            this.targetFaq = faqItem\r\n            this.isShowFaqDetailPopup = true\r\n        },\r\n        onFaqDetailPopupClose () {\r\n            this.isShowFaqDetailPopup = false\r\n        },\r\n        onFaqFeedbackSuccess (faqId, type) {\r\n            const faqItem = this.faqItems.find(r=>r.id == faqId)\r\n            if (faqItem) {\r\n                faqItem.suggestionType = type\r\n            }\r\n        },\r\n        // 是否显示左右箭头\r\n        onFaqCategoriesWrappScroll () {\r\n            const scrollX = this.$refs.faqCategoriesWrapper.scrollLeft\r\n            const width = this.$refs.faqCategoriesWrapper.offsetWidth\r\n            // 初始计算滚动长度\r\n            if (this.faqCategoriesWrapperWidth < 100) {\r\n                let width = 0\r\n                let eles = document.getElementsByClassName('faq-categories-slide')\r\n                for (let i = 0; i < eles.length; i++) {\r\n                    width += eles[i].offsetWidth\r\n                }\r\n                this.faqCategoriesWrapperWidth = width\r\n            }\r\n            // 显示隐藏左箭头\r\n            if (scrollX > 26 && !this.isShowFaqCategoryLeftArrow) {\r\n                this.isShowFaqCategoryLeftArrow = true\r\n            } else if (scrollX <= 26 && this.isShowFaqCategoryLeftArrow) {\r\n                this.isShowFaqCategoryLeftArrow = false\r\n            }\r\n\r\n            // 显示隐藏右箭头\r\n            if (scrollX + width > this.faqCategoriesWrapperWidth - 50 && this.isShowFaqCategoryRightArrow) {\r\n                this.isShowFaqCategoryRightArrow = false\r\n            } else if (scrollX + width <= this.faqCategoriesWrapperWidth - 50 && !this.isShowFaqCategoryRightArrow) {\r\n                this.isShowFaqCategoryRightArrow = true\r\n            }\r\n        }\r\n    },\r\n    computed: {\r\n        pageData () {\r\n            return this.$store.state.page.faqData\r\n        },\r\n        faqItems () {\r\n            return this.pageData.itemViewModels || []\r\n        },\r\n        shipCategories () {\r\n            return this.pageData.categories || []\r\n        },\r\n        faqCategories () {\r\n            return this.pageData.faqCategories || []\r\n        },\r\n        subFaqCategories () {\r\n            const faqCategory = this.faqCategories.find(r=>r.id == this.tempFaqCategoryId)\r\n            if (!faqCategory || !faqCategory.subCategories) {\r\n                return []\r\n            }\r\n            return faqCategory.subCategories\r\n        }\r\n    },\r\n    watch: {\r\n        pageData (newValue) {\r\n            const query = this.$router.currentRoute.query\r\n            if (!query || query.source != 'LOCAL_REWARD') return\r\n            if (newValue && newValue.faqCategories && newValue.faqCategories.length > 0) {\r\n                let rewardCategory = newValue.faqCategories.find(r=> r.name == '皇家游享荟')\r\n                if (rewardCategory && rewardCategory.id > 0) {\r\n                    this.selectedFaqCategory.category = rewardCategory.name\r\n                    this.selectedFaqCategory.id = rewardCategory.id\r\n                    this.selectedFaqCategory.subCategory = \"\"\r\n                    this.$nextTick(()=> {\r\n                        this.$refs.faqCategoriesWrapper.scroll({\r\n                            left: this.$refs.faqCategoriesSlideAll.offsetLeft + this.$refs.faqCategoriesSlideAll.offsetWidth\r\n                        , behavior: 'smooth' })\r\n                    })\r\n                }\r\n            }\r\n        },\r\n        shipCategories (newValue) {\r\n            if (newValue && newValue.length > 0) {\r\n                this.selectedShipCategory = newValue[0]\r\n            }\r\n        },\r\n        faqItems () {\r\n            this.searchFaqItems()\r\n        }\r\n    }\r\n}\r\n</script>\r\n\r\n<style lang=\"less\" scoped>\r\n\r\n.FA-Question {\r\n    background-color: #fff;\r\n    position:relative;\r\n}\r\n\r\n.FA-Question-search {\r\n    margin-top:50px;\r\n    background-color: #021156;\r\n}\r\n/**** 关键字搜索 ****/\r\n.input-search {\r\n    width: 100%;\r\n    color: #fff;\r\n    overflow: hidden;\r\n    padding-bottom: 10px;\r\n}\r\n.input-searchContainer {\r\n    width: 94%;\r\n    margin: 0 auto;\r\n    height: 33px;\r\n    position: relative;\r\n    background-color: #fff;\r\n}\r\n.input-search .input-searchTxt {\r\n    width: 80%;\r\n    line-height: 23px;\r\n    font-size: 13px;\r\n    padding: 5px 0;\r\n    padding-left: 40px;\r\n    border: none;\r\n    box-shadow: none;\r\n    -webkit-appearance: none !important;\r\n    background-color: #fff;\r\n    color: #000;\r\n}\r\n.input-search .searchIcon {\r\n    position: absolute;\r\n    left: 8px;\r\n    top: 4px;\r\n}\r\n.input-search .searchIcon img {\r\n    width: 19px;\r\n    height: 19px;\r\n    vertical-align: middle;\r\n}\r\n.input-search .searchClosedIcon {\r\n    position: absolute;\r\n    top: 4px;\r\n    right: 2%;\r\n}\r\n.input-search .searchClosedIcon img {\r\n    width: 26px;\r\n    height: 26px;\r\n    padding: 4px;\r\n}\r\n\r\n/**** 分类 ****/\r\n.FA-Question-nav {\r\n    background-color: #fff;\r\n    border-bottom: 1px solid #e8e8e8;\r\n    border-top-left-radius:6px;\r\n    border-top-right-radius:6px;\r\n    position:relative;\r\n}\r\n.FA-Question-nav .FA-categoriesItem{\r\n    position:relative;\r\n    height:36px;\r\n    line-height:36px;\r\n    text-align:center;\r\n    padding-right:30px;\r\n}\r\n.FA-Question-nav .FA-categoriesItem>span{\r\n    font-size:13px;\r\n    color:#031351;\r\n    display:inline-block;\r\n    height:100%;\r\n}\r\n.FA-Question-nav .FA-categoriesItem>img{\r\n    width:9px;\r\n    display:inline-block;\r\n}\r\n.FA-Question-nav .FA-subCategories {\r\n    width:100%;\r\n    position:absolute;\r\n    top:30px;\r\n    background-color:#fff;\r\n    padding-left:30px;\r\n    z-index:11;\r\n    box-shadow:0 4px 14px rgba(0,0,0,.2);\r\n    -webkit-box-shadow:0 4px 14px rgba(0,0,0,.2);\r\n    -moz-box-shadow:0 4px 14px rgba(0,0,0,.2);\r\n}\r\n.FA-Question-nav .FA-subCategoriesCon {\r\n    padding: 11px 18px 0 0;\r\n}\r\n.FA-Question-nav .FA-subCategoriesCon ul {\r\n    overflow:hidden;\r\n    list-style:none;\r\n    padding:0;\r\n    margin:0;\r\n}\r\n.FA-Question-nav .FA-subCategoriesCon ul li{\r\n    float:left;\r\n    padding:2px 12px;\r\n    background-color:#f3f3f3;\r\n    font-size:13px;\r\n    color:#031651;\r\n    margin-right:10px;\r\n    margin-bottom:10px;\r\n}\r\n.FA-Question-nav .FA-categoriesItem.active >span{\r\n    border-bottom:4px solid #fec013;\r\n    font-weight:bold;\r\n}\r\n.FA-Question-nav .FA-subCategoriesCon ul li.active{\r\n    background-color:#fec013;\r\n}\r\n.FA-Question-nav .swiper-container {\r\n    margin:0 30px;\r\n    padding-bottom: 0px;\r\n}\r\n\r\n.FA-Question-nav .swiper-container  .faq-categories-wrapper {\r\n    width: auto;\r\n    height: 36px;\r\n    overflow-x: scroll;\r\n    overflow-y: hidden;\r\n    white-space: nowrap;\r\n}\r\n\r\n// .FA-Question-nav .swiper-container  .faq-categories-wrapper::-webkit-scrollbar { width: 0 }\r\n\r\n.FA-Question-nav .faq-categories-slide {\r\n    width: auto;\r\n    display: inline-block;\r\n    vertical-align: middle;\r\n}\r\n.FA-Question-nav .swiper-button-prev,\r\n.FA-Question-nav .swiper-button-next{\r\n    transform:scale(.4);\r\n    -webkit-transform:scale(.4);\r\n    -moz-transform:scale(.4);\r\n    -ms-transform:scale(.4);\r\n    -o-transform:scale(.4);\r\n}\r\n.FA-Question-nav .swiper-button-prev {\r\n    width:54px;\r\n    /*background-image: url(\"data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E\");*/\r\n    background-image:none;\r\n    opacity:1;\r\n    left:-2px;\r\n    // display:none;\r\n}\r\n.FA-Question-nav .swiper-button-next {\r\n    width:54px;\r\n    /*background-image: url(\"data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E\");*/\r\n    background-image:none;\r\n    right:-18px;\r\n}\r\n.FA-Question-nav .swiper-button-prev img,\r\n.FA-Question-nav .swiper-button-next img{\r\n    width:50%;\r\n}\r\n.FA-Question-nav .swiper-button-prev img{\r\n    margin-left:-40%;\r\n}\r\n.FA-Question-nav .swiper-button-next img{\r\n    margin-right:-40%;\r\n}\r\n\r\n.FA-Question-nav .swiper-button-next img:first-child{\r\n    margin-right:-30%;\r\n}\r\n\r\n.FA-Question-nav .swiper-button-prev img:last-child {\r\n     margin-left:-30%;\r\n}\r\n\r\n/**** 搜索结果 ****/\r\n.FA-Question #searchResult {\r\n    padding-bottom: 50px;\r\n    height: calc(100vh - 124px - 50px);\r\n    overflow: scroll;\r\n}\r\n.FA-Question-item {\r\n    overflow: hidden;\r\n    width: 94%;\r\n    margin: 0 auto;\r\n    padding: 6px 10px;\r\n    border-bottom: 1px solid #d8d8d8;\r\n}\r\n.FA-Question-item .FA-Question-itemL{\r\n    float:left;\r\n    width:96%;\r\n}\r\n\r\n.FA-Question-item .FA-Question-itemL .itemL-hotIcon{\r\n    width:25px;\r\n    display:inline-block;\r\n    vertical-align:top;\r\n    margin-top:8px;\r\n}\r\n.FA-Question-item .FA-Question-itemL .itemL-hotIcon img{\r\n    width:100%;\r\n    vertical-align:middle;\r\n}\r\n.FA-Question-item .FA-Question-itemR{\r\n    float:right;\r\n    margin-top:6px;\r\n}\r\n.FA-Question-item .FA-Question-itemR .f7-icons{\r\n    color:#000d57;\r\n    font-size:18px;\r\n}\r\n\r\n\r\n/**** 船队分类 *****/\r\n.FA-shipType {\r\n    position:relative;\r\n}\r\n.shipType-selectContainer {\r\n\r\n}\r\n.FA-shipType .shipType-selectCon-bg {\r\n    position: fixed;\r\n    top: 0;\r\n    left: 0;\r\n    z-index: 2;\r\n    width: 100%;\r\n    height: 100%;\r\n    background-color: rgba(0,0,0,0.6);\r\n}\r\n.FA-shipType .shipType-selectCon {\r\n    width: 100%;\r\n    height: auto;\r\n    max-height: 360px;\r\n    overflow-y: auto !important;\r\n    background-color: #fff;\r\n    position: fixed;\r\n    left: 0;\r\n    top: 92px;\r\n    z-index: 20;\r\n}\r\n.FA-shipType .selectItem {\r\n    padding-left: 32%;\r\n    height: 44px;\r\n    line-height: 44px;\r\n    border-top: 1px solid #e0e0e0;\r\n}\r\n.FA-shipType .selectItem .selectItem-title{\r\n    color:#000d57;\r\n    font-size:13px;\r\n    font-weight:bold;\r\n}\r\n.FA-shipType .selectItem .selectItem-subtitle{\r\n    color:#000d57;\r\n    font-size:13px;\r\n    font-weight:100;\r\n    margin-left:5px;\r\n}\r\n.FA-shipType .selectItem>img{\r\n    width:9px;\r\n    margin-left: 5px;\r\n}\r\n.FA-shipType .shipType-selectCon .selectItem-title{\r\n    margin-right:14px;\r\n}\r\n.FA-shipType .selectItem.selectItem-titleStyle .selectItem-title,\r\n.FA-shipType .selectItem.selectItem-titleStyle .selectItem-subtitle {\r\n    color:#fff;\r\n}\r\n.FA-shipType .selectItem.noborder{\r\n    border:none;\r\n}\r\n</style>\r\n\r\n<style lang=\"less\">\r\n.FA-Question-item .FA-Question-itemL .itemL-question {\r\n    width:88%;\r\n    color:#000d57;\r\n    font-size:12px;\r\n    display:inline-block;\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!./Faq.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!./Faq.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./Faq.vue?vue&type=template&id=2020edb4&scoped=true\"\nimport script from \"./Faq.vue?vue&type=script&lang=js\"\nexport * from \"./Faq.vue?vue&type=script&lang=js\"\nimport style0 from \"./Faq.vue?vue&type=style&index=0&id=2020edb4&prod&lang=less&scoped=true\"\nimport style1 from \"./Faq.vue?vue&type=style&index=1&id=2020edb4&prod&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  \"2020edb4\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}