{"version":3,"sources":["webpack:///./src/views/Pages/TopFaq.vue","webpack:///src/views/Pages/TopFaq.vue","webpack:///./src/views/Pages/TopFaq.vue?a179","webpack:///./src/views/Pages/TopFaq.vue?99ba","webpack:///./src/views/Pages/TopFaq.vue?04b0"],"names":["render","_vm","this","_c","_self","staticClass","attrs","_v","on","$event","goBack","ref","_l","faqItems","faqItem","i","key","class","active","selectedIndex","selectFaq","_s","title","directives","name","rawName","value","expression","domProps","content","checkNeedShowPopup","closeBankPopup","isShowBankPopup","staticRenderFns","BankPopup","components","data","beforeMount","$store","commit","initPage","dispatch","isHideHeader","isHideFooter","window","onpopstate","beforeDestroy","methods","api","page","getTopFaq","length","$router","go","e","index","setTimeout","top","target","offsetTop","$refs","ruleDetail","scroll","behavior","nodeName","className","indexOf","showBankPopup","history","pushState","component"],"mappings":"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","file":"js/chunk-707cb9f0.53b8ee64.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"popup popup-faq modal-in\",attrs:{\"id\":\"faqPopup\"}},[_c('div',{staticClass:\"shorexDetail-title js-returnDetailBtn\"},[_c('p',[_vm._v(\"常见问题\")]),_c('a',{staticClass:\"shorexDetail-returnButton\",on:{\"click\":function($event){return _vm.goBack()}}},[_c('img',{attrs:{\"src\":\"https://resource.rcclchina.com.cn/mobileSearchPackage/arrowRightBlack.png\"}})])]),_c('div',{ref:\"ruleDetail\",staticClass:\"ruleDetail\"},[_c('div',{staticClass:\"packageRuleDetail\"},[_c('div',{staticClass:\"rule-item\"},[_c('div',{staticClass:\"rule-item-text\"},_vm._l((_vm.faqItems),function(faqItem,i){return _c('div',{key:i,staticClass:\"faq-content\",class:{ active: _vm.selectedIndex == i}},[_c('div',{staticClass:\"faq-question\",on:{\"click\":function($event){return _vm.selectFaq($event, i)}}},[_c('p',{staticClass:\"visa_right__titlt\"},[_vm._v(\" \"+_vm._s(faqItem.title)+\" \"),_c('img',{staticClass:\"faq-hot\",attrs:{\"src\":\"https://resource.rcclchina.com.cn/Home/new/faq-hot.png\"}})]),_c('i',{staticClass:\"f7-icons\"},[_vm._v(\"right\")])]),_c('div',{staticClass:\"faq-answer\"},[_c('div',{staticClass:\"modal-text\"},[_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.selectedIndex == i),expression:\"selectedIndex == i\"}],staticClass:\"item_answer\",domProps:{\"innerHTML\":_vm._s(faqItem.content)},on:{\"click\":_vm.checkNeedShowPopup}})])])])}),0),_c('router-link',{staticClass:\"faq-more external\",attrs:{\"to\":\"/content/faq\"}},[_vm._v(\"查看更多问题\")])],1)])]),_c('bank-popup',{attrs:{\"onGoBack\":_vm.closeBankPopup,\"isShow\":_vm.isShowBankPopup}})],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <div class=\"popup popup-faq modal-in\" id=\"faqPopup\">\r\n        <div class=\"shorexDetail-title js-returnDetailBtn\">\r\n            <p>常见问题</p>\r\n            <a class=\"shorexDetail-returnButton\" @click=\"goBack()\">\r\n                <img src=\"https://resource.rcclchina.com.cn/mobileSearchPackage/arrowRightBlack.png\">\r\n            </a>\r\n        </div>\r\n        <div class=\"ruleDetail\" ref=\"ruleDetail\">\r\n            <div class=\"packageRuleDetail\">\r\n                <div class=\"rule-item\">\r\n                    <div class=\"rule-item-text\">\r\n                        <div class=\"faq-content\" v-for=\"(faqItem, i) in faqItems\" :key=\"i\"\r\n                        :class=\"{ active: selectedIndex == i}\" >\r\n                            <div class=\"faq-question\" @click=\"selectFaq($event, i)\">\r\n                                <p class=\"visa_right__titlt\">\r\n                                    {{faqItem.title}}\r\n                                    <img class=\"faq-hot\" src=\"https://resource.rcclchina.com.cn/Home/new/faq-hot.png\">\r\n                                </p> \r\n                                <i class=\"f7-icons\">right</i>\r\n                            </div>\r\n                            <div class=\"faq-answer\">\r\n                                <div class=\"modal-text\">\r\n                                    <div class=\"item_answer\" v-html=\"faqItem.content\" v-show=\"selectedIndex == i\" @click=\"checkNeedShowPopup\">\r\n                                        \r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                    <router-link to=\"/content/faq\" class=\"faq-more external\">查看更多问题</router-link>\r\n                </div>\r\n            </div>\r\n        </div>\r\n        <bank-popup \r\n            :onGoBack=\"closeBankPopup\"\r\n            :isShow=\"isShowBankPopup\"\r\n        />\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nconst BankPopup = () => import('@/components/Booking/BankPopup')\r\nimport api from '@/api'\r\nexport default {\r\n    name: \"TopFaq\",\r\n    components: {\r\n        BankPopup\r\n    },\r\n    data() {\r\n        return {\r\n            faqItems: [],\r\n            selectedIndex: -1,\r\n            isShowBankPopup: false\r\n        }\r\n    },\r\n    beforeMount() {\r\n        this.$store.commit('SET_PAGE_TITLE', '')\r\n        this.initPage()\r\n        this.$store.dispatch('HIDE_HEADER_BAR', { isHideHeader: true, isHideFooter: true})\r\n\r\n        window.onpopstate = () => {\r\n            if (this.isShowBankPopup) {\r\n                this.closeBankPopup()\r\n            } \r\n        }\r\n    },\r\n    beforeDestroy () {\r\n        this.$store.dispatch('HIDE_HEADER_BAR', { isHideHeader: false, isHideFooter: false})\r\n        window.onpopstate = () => {}\r\n    },\r\n    methods: {\r\n        async initPage() {\r\n            const { data } = await api.page.getTopFaq()\r\n            if (data && data.length > 0) {\r\n                this.faqItems = data\r\n            }\r\n        },\r\n        goBack () {\r\n            this.$router.go(-1)\r\n        },\r\n        selectFaq(e, index) {\r\n            this.selectedIndex = this.selectedIndex == index ? -1: index\r\n            setTimeout(()=> {\r\n                const top = e.target.offsetTop\r\n                this.$refs.ruleDetail.scroll({ top: top - 65, behavior: 'smooth' })\r\n            })\r\n        },\r\n        checkNeedShowPopup (e) {\r\n            if (e.target.nodeName === \"A\") {\r\n                if (e.target.className && e.target.className.indexOf('mogenBankBtn') >= 0) {\r\n                    this.showBankPopup()\r\n                }\r\n            }\r\n        },\r\n        closeBankPopup () {\r\n            this.isShowBankPopup = false\r\n        },\r\n        showBankPopup () {\r\n            this.isShowBankPopup = true\r\n            history.pushState({ page: 'topFaq' }, null);\r\n        }\r\n    }\r\n}\r\n</script>\r\n\r\n<style lang=\"less\" scoped>\r\n#faqPopup {\r\n    display: block;\r\n    position: fixed;\r\n    height: 100%;\r\n}\r\n\r\n#faqPopup .visa_right__titlt {\r\n    width: 90%;\r\n    display: inline-block;\r\n    vertical-align: top;\r\n    margin-top: 0px !important;\r\n}\r\n\r\n#faqPopup .faq-content {\r\n    margin-bottom: 10px;\r\n    padding-bottom: 10px;\r\n    border-bottom: 1px solid #f3eeee;\r\n}\r\n\r\n#faqPopup .faq-answer {\r\n    display: none;\r\n    padding-top: 10px;\r\n}\r\n\r\n#faqPopup table {\r\n    border: none;\r\n    border-color: #e0e0e0;\r\n}\r\n\r\n#faqPopup .faq-answer b {\r\n    margin-top: 5px;\r\n}\r\n\r\n#faqPopup .faq-question .f7-icons {\r\n    float: right;\r\n}\r\n\r\n#faqPopup .faq-content.active .f7-icons{\r\n    transform: rotate(90deg);\r\n}\r\n\r\n#faqPopup .faq-content.active .faq-answer {\r\n    display: block;\r\n}\r\n\r\n\r\n#faqPopup .faq-question {\r\n    color: #333;\r\n    font-weight: bold;\r\n}\r\n\r\n#faqPopup .faq-more {\r\n    display: block;\r\n    width: 126px;\r\n    text-align: center;\r\n    height: 24px;\r\n    line-height: 24px;\r\n    border: 1px solid #4A90E2;\r\n    border-radius: 25px;\r\n    border-radius: 25px;\r\n    color: #4A90E2;\r\n    font-size: 14px;\r\n    margin: 20px auto 0px auto;\r\n}\r\n\r\n#faqPopup .shorexDetail-title {\r\n    padding: 15px 20px;\r\n    background-color: #fff;\r\n    overflow: hidden;\r\n    text-align: center;\r\n    margin-bottom: 10px;\r\n    position: fixed;\r\n    width: 100%;\r\n    z-index: 10;\r\n}\r\n\r\n#faqPopup .shorexDetail-title > p {\r\n    font-family: PingFang-SC-Medium;\r\n    font-size: 14px;\r\n    color: #333333;\r\n    letter-spacing: 1px;\r\n    text-align: center;\r\n    margin: 0;\r\n}\r\n\r\n#faqPopup .shorexDetail-returnButton {\r\n    width: 30px;\r\n    position: absolute;\r\n    top: 15px;\r\n    left: 20px;\r\n    text-align: left;\r\n}\r\n\r\n#faqPopup .ruleDetail {\r\n    margin-top: 60px;\r\n    height: calc(100% - 60px);;\r\n    overflow: scroll;\r\n    padding-bottom: 60px;\r\n}\r\n\r\n#faqPopup .rule-item .rule-item-text p {\r\n    margin: 0px;\r\n    font-weight: bold;\r\n}\r\n\r\n#faqPopup .rule-item .rule-item-title {\r\n    display: -webkit-box;\r\n    display: -webkit-flex;\r\n    display: -moz-box;\r\n    display: -ms-flexbox;\r\n    display: flex;\r\n    -webkit-box-align: center;\r\n    -webkit-align-items: center;\r\n    -moz-box-align: center;\r\n    -ms-flex-align: center;\r\n    align-items: center;\r\n    padding: 17px 0 7px;\r\n    font-size: 14px;\r\n    line-height: 20px;\r\n    color: #4A90E2;\r\n    font-weight: bold;\r\n}\r\n\r\n#faqPopup .rule-item {\r\n    margin-bottom: 10px;\r\n    padding: 0 20px 12px;\r\n    font-size: 12px;\r\n    line-height: 20px;\r\n    color: #666;\r\n    letter-spacing: 0;\r\n    background-color: #fff;\r\n}\r\n\r\n#faqPopup .shorexDetail-returnButton > img {\r\n    width: 33%;\r\n} \r\n\r\n\r\n#faqPopup .faq-hot {\r\n    display: inline-block;\r\n    width: 20px;\r\n}\r\n\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!./TopFaq.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!./TopFaq.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./TopFaq.vue?vue&type=template&id=77e2b594&scoped=true\"\nimport script from \"./TopFaq.vue?vue&type=script&lang=js\"\nexport * from \"./TopFaq.vue?vue&type=script&lang=js\"\nimport style0 from \"./TopFaq.vue?vue&type=style&index=0&id=77e2b594&prod&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  \"77e2b594\",\n  null\n  \n)\n\nexport default component.exports","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!./TopFaq.vue?vue&type=style&index=0&id=77e2b594&prod&lang=less&scoped=true\""],"sourceRoot":""}