{"version":3,"sources":["webpack:///./src/views/Faq.vue","webpack:///src/views/Faq.vue","webpack:///./src/views/Faq.vue?c15e","webpack:///./src/views/Faq.vue?25ab","webpack:///./src/views/Faq.vue?3eb1"],"names":["render","_vm","this","_c","_self","ref","staticClass","attrs","_v","_s","$t","_l","faqList","faq","idx","key","id","slot","question","domProps","fmtNotes","answer","staticRenderFns","name","components","NoticeBox","data","activeNames","methods","loadData","pageNum","pageSize","lang","params","err","handleBodyClick","mode","mounted","component"],"mappings":"yHAAA,IAAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,OAAO,CAACE,IAAI,WAAWC,YAAY,wBAAwBC,MAAM,CAAC,aAAa,OAAO,UAAY,KAAK,CAACJ,EAAG,MAAM,CAACG,YAAY,UAAU,CAACH,EAAG,aAAaA,EAAG,MAAM,CAACG,YAAY,YAAY,CAACH,EAAG,KAAK,CAACF,EAAIO,GAAGP,EAAIQ,GAAGR,EAAIS,GAAG,0BAA0B,GAAGP,EAAG,MAAM,CAACG,YAAY,mBAAmB,CAACH,EAAG,MAAM,CAACG,YAAY,aAAa,CAACH,EAAG,cAAcF,EAAIU,GAAIV,EAAIW,SAAS,SAASC,EAAIC,GAAK,OAAOX,EAAG,mBAAmB,CAACY,IAAIF,EAAIG,GAAGT,MAAM,CAAC,KAAOO,IAAM,CAACX,EAAG,WAAW,CAACc,KAAK,SAAS,CAACd,EAAG,MAAM,CAACG,YAAY,YAAY,CAACL,EAAIO,GAAGP,EAAIQ,GAAGI,EAAIK,eAAef,EAAG,MAAM,CAACG,YAAY,QAAQa,SAAS,CAAC,UAAYlB,EAAIQ,GAAGR,EAAImB,SAASP,EAAIQ,QAAQ,QAAY,MAAK,IAAI,QAExsBC,EAAkB,G,YC8BP,GACfC,WACAC,YACAC,kBAEAC,OACA,OACAC,kBACAf,aAGAgB,SACAC,WACA,OACAC,UACAC,aACAC,qBAEA,yBAAAC,WAAA,SACA,eACA,4BAEA,oDAAAC,kBAIAC,kBACA,8BAAAC,YAGAC,UACA,mEACA,kBChE6U,I,wBCQzUC,EAAY,eACd,EACAtC,EACAsB,GACA,EACA,KACA,WACA,MAIa,aAAAgB,E,oECnBf","file":"js/chunk-71693c64.768af0f5.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('main',{ref:\"siteMain\",staticClass:\"siteMain viewpointBox\",attrs:{\"aria-label\":\"main\",\"itemscope\":\"\"}},[_c('div',{staticClass:\"banner\"},[_c('NoticeBox'),_c('div',{staticClass:\"titleBox\"},[_c('h1',[_vm._v(_vm._s(_vm.$t('Views.Faq.title')))])])],1),_c('div',{staticClass:\"mainBox reserve\"},[_c('div',{staticClass:\"container\"},[_c('el-collapse',_vm._l((_vm.faqList),function(faq,idx){return _c('el-collapse-item',{key:faq.id,attrs:{\"name\":idx}},[_c('template',{slot:\"title\"},[_c('div',{staticClass:\"question\"},[_vm._v(_vm._s(faq.question))])]),_c('div',{staticClass:\"pl-20\",domProps:{\"innerHTML\":_vm._s(_vm.fmtNotes(faq.answer, false))}})],2)}),1)],1)])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n\t<main class=\"siteMain viewpointBox\" ref=\"siteMain\" aria-label=\"main\" itemscope>\n    <div class=\"banner\">\n      <NoticeBox />\n      <div class=\"titleBox\">\n        <h1>{{ $t('Views.Faq.title') }}</h1>\n      </div>\n    </div>\n\n    <div class=\"mainBox reserve\">\n      <div class=\"container\">\n\n        <el-collapse>\n\t\t\t\t  <el-collapse-item :name=\"idx\" v-for=\"(faq,idx) in faqList\" :key=\"faq.id\">\n\t\t\t     \t<template slot=\"title\">\n\t\t\t\t      <!-- <i class=\"header-icon el-icon-info\"></i>-->\n               <div class=\"question\">{{faq.question}}</div>\n\n\t\t\t\t    </template>\n\t\t\t\t    <div v-html=\"fmtNotes(faq.answer, false)\" class=\"pl-20\"></div>\n\t\t\t\t  </el-collapse-item>\n\t\t\t\t</el-collapse>\n\n      </div>\n    </div>\n  </main>\n</template>\n\n<script>\n\nimport NoticeBox from '@/components/NoticeBox.vue'\n\nexport default {\n\tname: 'FAQ',\n\tcomponents:{\n\t\tNoticeBox\n\t},\n\tdata(){\n\t\treturn {\n\t\t\t activeNames: ['0'],\n\t\t\t faqList:[]\n\t\t}\n\t},\n\tmethods:{\n\t\tloadData(){\n\t\t\tlet query = {\n\t\t\t\tpageNum: 1,\n\t\t\t\tpageSize: 100,\n\t\t\t\tlang: this.getLang(),\n\t\t\t}\n\t\t\tthis.request.get('/faq',{params:query}).then(res => {\n\t\t    if (res.code === '200') {\n\t\t      this.faqList = res.data.records\n\t\t    } else {\n\t\t      this.showResult('error', this.$t('action.get_error', {err: 'error'}))\n\t\t    }\n\t\t  })\n\t\t},\n    handleBodyClick(){\n      this.$emit('appInSearchMode',  {mode:''})\n    }\n\t},\n\tmounted(){\n    this.$refs.siteMain.addEventListener('click', this.handleBodyClick);\n\t\tthis.loadData()\n\t}\n}\n\n</script>\n\n<style scoped>\n\n.banner {\n  position: relative;\n  background-position: center;\n  background-repeat: no-repeat;\n  background-image: url('~@/assets/images/in/banner_reserve.jpg');\n}\n.banner::before {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  display: block;\n  z-index: 2;\n  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 100%);\n  opacity: 0.3;\n}\n.banner::after {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  display: block;\n  z-index: 1;\n  background: #465464;\n  opacity: 0.2;\n}\n.container .pic {\n  line-height: 0;\n}\n.container .pic:hover,\n.container .infoBox:hover {\n  cursor: pointer;\n}\n.viewpointBox .banner {\n  min-height: 360px;\n}\n@media screen and (max-width: 1000px) {\n  .viewpointBox .banner {\n    min-height: 200px;\n  }\n}\n.viewpointBox .banner .titleBox {\n  position: absolute;\n  inset: 50px 20px 0;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  color: #fff;\n  z-index: 2;\n}\n.viewpointBox .banner .titleBox h1 {\n  font-size: 2.625rem;\n  padding: 0;\n  margin: 0 0 0px 0;\n}\n@media screen and (max-width: 1000px) {\n  .viewpointBox .banner .titleBox h1 {\n    font-size: 1.875rem;\n  }\n}\n.viewpointBox .banner .titleBox .info {\n  font-size: 1.5rem;\n}\n@media screen and (max-width: 1000px) {\n  .viewpointBox .banner .titleBox .info {\n    font-size: 1.375rem;\n  }\n}\n.viewpointBox .container {\n  max-width: 1720px;\n}\n.container {\n/*\tborder: 1px solid;*/\n  padding: 4% 6%;\n  background-color: #f6f6f6;\n}\n.container >>> .el-collapse-item__header {\n\tfont-weight: 300;\n\tfont-size: 20px;\n  background-color: #f6f6f6;\nposition: relative;\n    padding: 5px 0 5px 25px;\n}\n.container >>> .el-collapse-item__header .question:before {\n  content: \"\";\n  position: absolute;\n  width: 8px;\n  aspect-ratio: 1/1;\n  background: #52b6cc;\n  display: block;\n  left: 2px;\n  top: 14px;\n  border-radius: 100%;\n}\n.container >>> .header-icon.el-icon-info {\n\tcolor: #f37a69;\n\tmargin-right: 4px;\n}\n.container >>> .el-collapse-item__content {\n\tfont-size: 17px;\n\tpadding: 30px;\n}\n.container >>> .el-collapse-item {\n  border-bottom: 1px solid #e3e3e3;\n}\n.container >>> .el-collapse {\n  width: calc(94% - 40px);\n}\n.container >>> .el-collapse-item__wrap {\n  border-radius: 10px;\n}\n.wrapper .siteMain .mainBox {\n\tpadding: 1% 10% 3%;\n}\n.wrapper .siteMain .mainBox {\n  padding: 0;\n  margin: 0;\n}\n@media screen and (max-width:767px){\n  .container >>> .el-collapse {\n    width: calc(100% - 10px);\n  }\n  .container >>> .el-collapse-item__content {\n    font-size: 16px;\n    padding: 20px;\n  }\n  .container >>> .el-collapse-item__header {\n    font-size: 17px;\n  }\n}\n\n\n\n</style>\n\n\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-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--13-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-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=9c280684&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=9c280684&prod&scoped=true&lang=css&\"\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  \"9c280684\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Faq.vue?vue&type=style&index=0&id=9c280684&prod&scoped=true&lang=css&\""],"sourceRoot":""}