{"version":3,"sources":["webpack:///./src/views/Pages/TopFaq.vue?f435","webpack:///src/views/Pages/TopFaq.vue","webpack:///./src/views/Pages/TopFaq.vue?ecbc","webpack:///./src/views/Pages/TopFaq.vue","webpack:///./src/views/Pages/TopFaq.vue?ab8c"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","_v","on","$event","goBack","ref","_l","faqItem","i","key","class","active","selectedIndex","selectFaq","_s","title","directives","name","rawName","value","expression","domProps","content","checkNeedShowPopup","closeBankPopup","isShowBankPopup","staticRenderFns","component"],"mappings":"yHAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,2BAA2BC,MAAM,CAAC,GAAK,aAAa,CAACH,EAAG,MAAM,CAACE,YAAY,yCAAyC,CAACF,EAAG,IAAI,CAACJ,EAAIQ,GAAG,UAAUJ,EAAG,IAAI,CAACE,YAAY,4BAA4BG,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOV,EAAIW,YAAY,CAACP,EAAG,MAAM,CAACG,MAAM,CAAC,IAAM,mFAAmFH,EAAG,MAAM,CAACQ,IAAI,aAAaN,YAAY,cAAc,CAACF,EAAG,MAAM,CAACE,YAAY,qBAAqB,CAACF,EAAG,MAAM,CAACE,YAAY,aAAa,CAACF,EAAG,MAAM,CAACE,YAAY,kBAAkBN,EAAIa,GAAIb,EAAY,UAAE,SAASc,EAAQC,GAAG,OAAOX,EAAG,MAAM,CAACY,IAAID,EAAET,YAAY,cAAcW,MAAM,CAAEC,OAAQlB,EAAImB,eAAiBJ,IAAI,CAACX,EAAG,MAAM,CAACE,YAAY,eAAeG,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOV,EAAIoB,UAAUV,EAAQK,MAAM,CAACX,EAAG,IAAI,CAACE,YAAY,qBAAqB,CAACN,EAAIQ,GAAG,IAAIR,EAAIqB,GAAGP,EAAQQ,OAAO,KAAKlB,EAAG,MAAM,CAACE,YAAY,UAAUC,MAAM,CAAC,IAAM,8DAA8DH,EAAG,IAAI,CAACE,YAAY,YAAY,CAACN,EAAIQ,GAAG,aAAaJ,EAAG,MAAM,CAACE,YAAY,cAAc,CAACF,EAAG,MAAM,CAACE,YAAY,cAAc,CAACF,EAAG,MAAM,CAACmB,WAAW,CAAC,CAACC,KAAK,OAAOC,QAAQ,SAASC,MAAO1B,EAAImB,eAAiBJ,EAAGY,WAAW,uBAAuBrB,YAAY,cAAcsB,SAAS,CAAC,UAAY5B,EAAIqB,GAAGP,EAAQe,UAAUpB,GAAG,CAAC,MAAQT,EAAI8B,+BAA8B,GAAG1B,EAAG,cAAc,CAACE,YAAY,oBAAoBC,MAAM,CAAC,GAAK,iBAAiB,CAACP,EAAIQ,GAAG,aAAa,OAAOJ,EAAG,aAAa,CAACG,MAAM,CAAC,SAAWP,EAAI+B,eAAe,OAAS/B,EAAIgC,oBAAoB,IACnlDC,EAAkB,G,wDCyCtB,qEAEA,GACE,KAAF,SACE,WAAF,CACI,UAAJ,GAEE,KALF,WAMI,MAAJ,CACM,SAAN,GACM,eAAN,EACM,iBAAN,IAGE,YAZF,WAYI,IAAJ,OACI,KAAJ,mCACI,KAAJ,WACI,KAAJ,mCAAM,cAAN,EAAM,cAAN,IAEI,OAAJ,sBACA,mBACQ,EAAR,mBAIE,cAvBF,WAwBI,KAAJ,mCAAM,cAAN,EAAM,cAAN,IACI,OAAJ,yBAEE,QAAF,CACI,SADJ,WACM,IAAN,OAAM,OAAN,qDAAQ,IAAR,IAAQ,OAAR,0FACA,wBADA,gBACA,EADA,EACA,KACA,gBACA,cAHA,8CAMI,OAPJ,WAQM,KAAN,gBAEI,UAVJ,SAUA,KAAM,IAAN,OACM,KAAN,yCACM,YAAN,WACQ,IAAR,qBACQ,EAAR,yBAAU,IAAV,KAAU,SAAV,eAGI,mBAjBJ,SAiBA,GACA,yBACA,mEACU,KAAV,iBAII,eAxBJ,WAyBM,KAAN,oBAEI,cA3BJ,WA4BM,KAAN,mBACM,QAAN,WAAQ,KAAR,mBCpG+V,I,wBCQ3VC,EAAY,eACd,EACAnC,EACAkC,GACA,EACA,KACA,WACA,MAIa,aAAAC,E,6CCnBf,yBAA4jB,EAAG,G","file":"js/chunk-04bdde64.baab728f.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;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)}\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=72df53f1&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=72df53f1&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  \"72df53f1\",\n  null\n  \n)\n\nexport default component.exports","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!./TopFaq.vue?vue&type=style&index=0&id=72df53f1&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!./TopFaq.vue?vue&type=style&index=0&id=72df53f1&lang=less&scoped=true&\""],"sourceRoot":""}