{"version":3,"sources":["webpack:///./src/views/question.vue?2809","webpack:///src/views/question.vue","webpack:///./src/views/question.vue?d101","webpack:///./src/views/question.vue","webpack:///./src/views/question.vue?db7b"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_l","item","index","key","on","$event","handleJump","attrs","imageUrl","_v","_s","ext","qaObj","title","content","staticRenderFns","name","data","tabList","created","res","apiQueryQaTab","biz","cityCode","Fetoast","methods","setTimeout","location","sendPoint","clickId","moduleId","console","sendPointFn","component"],"mappings":"yHAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,gBAAgB,CAACF,EAAG,MAAM,CAACE,YAAY,UAAUN,EAAIO,GAAIP,EAAW,SAAE,SAASQ,EAAKC,GAAO,OAAOL,EAAG,MAAM,CAACM,IAAID,EAAMH,YAAY,cAAcK,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOZ,EAAIa,WAAWL,MAAS,CAACJ,EAAG,MAAM,CAACU,MAAM,CAAC,IAAMN,EAAKO,SAAS,IAAM,MAAMX,EAAG,IAAI,CAACJ,EAAIgB,GAAGhB,EAAIiB,GAAGT,EAAKU,aAAY,GAAGd,EAAG,MAAM,CAACE,YAAY,WAAW,CAACF,EAAG,KAAK,CAACE,YAAY,YAAY,CAACN,EAAIgB,GAAGhB,EAAIiB,GAAGjB,EAAImB,MAAMC,UAAUpB,EAAIO,GAAIP,EAAImB,MAAU,MAAE,SAASX,EAAKC,GAAO,OAAOL,EAAG,MAAM,CAACM,IAAID,EAAMH,YAAY,WAAW,CAACF,EAAG,KAAK,CAACE,YAAY,iBAAiB,CAACN,EAAIgB,GAAGhB,EAAIiB,GAAGT,EAAKY,UAAUhB,EAAG,IAAI,CAACE,YAAY,mBAAmB,CAACN,EAAIgB,GAAGhB,EAAIiB,GAAGT,EAAKa,kBAAiB,MAChvBC,EAAkB,G,4DC6BP,GACfC,gBAEAC,KAHA,WAIA,OACAC,WACAN,WAIAO,QAVA,oKAWA,mCAXA,SAYA,iBAZA,cAcAC,EAAA,GAdA,kBAgBAC,gBACAC,kBACAC,oBAlBA,OAgBAH,EAhBA,mEAqBAI,6BArBA,mBAsBA,GAtBA,QAmLA,oBACA,yBAEAA,sBAtLA,kHA0LAC,SACAnB,WADA,SACAL,GACAyB,uBACAC,0BACA,KACA,sBAGAC,UARA,SAQAC,EAAAC,GACAC,0BACA,iBACAF,eACAC,eACAE,yBCrOsb,I,wBCQlbC,EAAY,eACd,EACAzC,EACAuB,GACA,EACA,KACA,WACA,MAIa,aAAAkB,E,6CCnBf,W","file":"static/js/chunk-034f106b.bf2fab93.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"qa-container\"},[_c('div',{staticClass:\"qa-top\"},_vm._l((_vm.tabList),function(item,index){return _c('div',{key:index,staticClass:\"qa-top-item\",on:{\"click\":function($event){return _vm.handleJump(item)}}},[_c('img',{attrs:{\"src\":item.imageUrl,\"alt\":\"\"}}),_c('p',[_vm._v(_vm._s(item.ext))])])}),0),_c('div',{staticClass:\"qa-body\"},[_c('h4',{staticClass:\"qa-title\"},[_vm._v(_vm._s(_vm.qaObj.title))]),_vm._l((_vm.qaObj.list),function(item,index){return _c('div',{key:index,staticClass:\"qa-item\"},[_c('h5',{staticClass:\"qa-item-title\"},[_vm._v(_vm._s(item.title))]),_c('p',{staticClass:\"qa-item-content\"},[_vm._v(_vm._s(item.content))])])})],2)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"qa-container\">\n    <div class=\"qa-top\">\n      <div\n        class=\"qa-top-item\"\n        v-for=\"(item, index) in tabList\"\n        :key=\"index\"\n        @click=\"handleJump(item)\"\n      >\n        <img :src=\"item.imageUrl\" alt>\n        <p>{{ item.ext }}</p>\n      </div>\n    </div>\n    <div class=\"qa-body\">\n      <h4 class=\"qa-title\">{{ qaObj.title }}</h4>\n      <div class=\"qa-item\" v-for=\"(item, index) in qaObj.list\" :key=\"index\">\n        <h5 class=\"qa-item-title\">{{ item.title }}</h5>\n        <p class=\"qa-item-content\">{{ item.content }}</p>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nimport Fetoast from 'components/toast/index.js'\nimport { sendPointFn } from '../utils/utils'\nimport {\n  apiQueryQaTab\n} from 'api/service'\n\nexport default {\n  name: 'question',\n\n  data () {\n    return {\n      tabList: [], // 接口获取的tablist\n      qaObj: {} // 前端配置平台获取的固定常见问题\n    }\n  },\n\n  async created () {\n    this.qaObj = window.DATASOURCE.qaObj\n    await this.$nextTick()\n\n    let res = {}\n    try {\n      res = await apiQueryQaTab({\n        biz: 'trafficHome',\n        cityCode: '310000'\n      })\n    } catch (e) {\n      Fetoast('很抱歉，请求数据有误')\n      return false\n    }\n\n    // TODO MOCKDATA\n    // res = {\n    //   'code': 'F_000000',\n    //   'data': {\n    //     'display': '1',\n    //     'ext': '',\n    //     'frontType': '',\n    //     'list': [\n    //       {\n    //         'bitFloat': '',\n    //         'businessType': '221-236-0',\n    //         'display': '1',\n    //         'displayOrder': '',\n    //         'dpl_url': '',\n    //         'exposal_urls': '',\n    //         'ext': '闪付问题',\n    //         'ext2': '',\n    //         'ext3': '',\n    //         'id': '00215584320726476',\n    //         'idAdResource': '0',\n    //         'imageUrl': 'https://img12.360buyimg.com/jrpmobile/jfs/t1/82430/19/120/121750/5ce29e63E029aa2b0/94e2675ae8b276fb.png?width=690&height=240',\n    //         'jumpUrl': 'https://www.jd.com',\n    //         'msgBizLineId': '9010000',\n    //         'openAd': '',\n    //         'resourceType': 'oper_resource',\n    //         'specialExt': '',\n    //         'subTitle': '',\n    //         'title': ''\n    //       },\n    //       {\n    //         'bitFloat': '',\n    //         'businessType': '221-236-0',\n    //         'display': '1',\n    //         'displayOrder': '',\n    //         'dpl_url': '',\n    //         'exposal_urls': '',\n    //         'ext': '付款码问题',\n    //         'ext2': '',\n    //         'ext3': '',\n    //         'id': '00215584320726476',\n    //         'idAdResource': '0',\n    //         'imageUrl': 'https://img12.360buyimg.com/jrpmobile/jfs/t1/82430/19/120/121750/5ce29e63E029aa2b0/94e2675ae8b276fb.png?width=690&height=240',\n    //         'jumpUrl': 'https://www.jd.com',\n    //         'msgBizLineId': '9010000',\n    //         'openAd': '',\n    //         'resourceType': 'oper_resource',\n    //         'specialExt': '',\n    //         'subTitle': '',\n    //         'title': ''\n    //       },\n    //       {\n    //         'bitFloat': '',\n    //         'businessType': '221-236-0',\n    //         'display': '1',\n    //         'displayOrder': '',\n    //         'dpl_url': '',\n    //         'exposal_urls': '',\n    //         'ext': '免密支付问题',\n    //         'ext2': '',\n    //         'ext3': '',\n    //         'id': '00215584320726476',\n    //         'idAdResource': '0',\n    //         'imageUrl': 'https://img12.360buyimg.com/jrpmobile/jfs/t1/82430/19/120/121750/5ce29e63E029aa2b0/94e2675ae8b276fb.png?width=690&height=240',\n    //         'jumpUrl': 'https://www.jd.com',\n    //         'msgBizLineId': '9010000',\n    //         'openAd': '',\n    //         'resourceType': 'oper_resource',\n    //         'specialExt': '',\n    //         'subTitle': '',\n    //         'title': ''\n    //       },\n    //       {\n    //         'bitFloat': '',\n    //         'businessType': '221-236-0',\n    //         'display': '1',\n    //         'displayOrder': '',\n    //         'dpl_url': '',\n    //         'exposal_urls': '',\n    //         'ext': '打车问题',\n    //         'ext2': '',\n    //         'ext3': '',\n    //         'id': '00215584320726476',\n    //         'idAdResource': '0',\n    //         'imageUrl': 'https://img12.360buyimg.com/jrpmobile/jfs/t1/82430/19/120/121750/5ce29e63E029aa2b0/94e2675ae8b276fb.png?width=690&height=240',\n    //         'jumpUrl': 'https://www.jd.com',\n    //         'msgBizLineId': '9010000',\n    //         'openAd': '',\n    //         'resourceType': 'oper_resource',\n    //         'specialExt': '',\n    //         'subTitle': '',\n    //         'title': ''\n    //       },\n    //       {\n    //         'bitFloat': '',\n    //         'businessType': '221-236-0',\n    //         'display': '1',\n    //         'displayOrder': '',\n    //         'dpl_url': '',\n    //         'exposal_urls': '',\n    //         'ext': '测试问题',\n    //         'ext2': '',\n    //         'ext3': '',\n    //         'id': '00215584320726476',\n    //         'idAdResource': '0',\n    //         'imageUrl': 'https://img12.360buyimg.com/jrpmobile/jfs/t1/82430/19/120/121750/5ce29e63E029aa2b0/94e2675ae8b276fb.png?width=690&height=240',\n    //         'jumpUrl': 'https://www.jd.com',\n    //         'msgBizLineId': '9010000',\n    //         'openAd': '',\n    //         'resourceType': 'oper_resource',\n    //         'specialExt': '',\n    //         'subTitle': '',\n    //         'title': ''\n    //       },\n    //       {\n    //         'bitFloat': '',\n    //         'businessType': '221-236-0',\n    //         'display': '1',\n    //         'displayOrder': '',\n    //         'dpl_url': '',\n    //         'exposal_urls': '',\n    //         'ext': '测试问题',\n    //         'ext2': '',\n    //         'ext3': '',\n    //         'id': '00215584320726476',\n    //         'idAdResource': '0',\n    //         'imageUrl': 'https://img12.360buyimg.com/jrpmobile/jfs/t1/82430/19/120/121750/5ce29e63E029aa2b0/94e2675ae8b276fb.png?width=690&height=240',\n    //         'jumpUrl': 'https://www.jd.com',\n    //         'msgBizLineId': '9010000',\n    //         'openAd': '',\n    //         'resourceType': 'oper_resource',\n    //         'specialExt': '',\n    //         'subTitle': '',\n    //         'title': ''\n    //       }\n    //     ],\n    //     'moduleKey': 'QA',\n    //     'moduleName': '常见问题',\n    //     'moduleNote': '',\n    //     'moduleShowType': '',\n    //     'moduleSubTitle': '',\n    //     'moduleTitle': '',\n    //     'moduleType': 'banner',\n    //     'moduleUrl': '',\n    //     'subModuleVos': [\n    //\n    //     ],\n    //     'subModuleWithThreeLevelModuleVos': [\n    //\n    //     ]\n    //   },\n    //   'msg': '接口调用成功',\n    //   'success': true\n    // }\n\n    if (res.code === 'F_000000') {\n      this.tabList = res.data.list\n    } else {\n      Fetoast(res.msg)\n    }\n  },\n\n  methods: {\n    handleJump (item) {\n      setTimeout(() => {\n        location.href = item.jumpUrl\n      }, 300)\n      this.sendPoint(item.id)\n    },\n    // 发送埋点数据\n    sendPoint (clickId, moduleId) {\n      console.log('clickId:', clickId)\n      const pageId = 'question'\n      clickId = clickId || 'default'\n      moduleId = moduleId || 'default'\n      sendPointFn(pageId, moduleId, clickId)\n    }\n  }\n}\n</script>\n\n<style lang='scss' scoped>\n@mixin bg-img {\n  background-size: contain;\n  background-repeat: no-repeat;\n}\n.qa-container {\n  width: 7.5rem;\n  height: 100vh;\n  margin: 0 auto;\n  padding: .47rem 0 0 0;\n}\n.qa-top {\n  margin: 0 0 .72rem 0;\n  display: flex;\n  display: -webkit-flex;\n  flex-wrap: wrap;\n  -webkit-flex-wrap: wrap;\n  .qa-top-item {\n    flex: 0 0 25%;\n    -webkit-flex: 0 0 25%;\n    margin: 0 0 .2rem 0;\n    img {\n      display: block;\n      width: .93rem;\n      height: .93rem;\n      margin: 0 auto;\n      border-radius: .1rem;\n    }\n    p {\n      font-size: .26rem;\n      text-align: center;\n      color: #333;\n    }\n  }\n}\n.qa-body {\n  padding: 0 .3rem;\n  .qa-title {\n    font-size: .32rem;\n    position: relative;\n    padding: 0 0 0 .14rem;\n    margin: 0 0 .42rem 0;\n    &::before {\n      display: block;\n      content: '';\n      width: .06rem;\n      height: .32rem;\n      background-color: #f65651;\n      position: absolute;\n      margin: auto;\n      top: 0;\n      bottom: 0;\n      left: 0;\n    }\n  }\n  .qa-item {\n    margin: 0 auto .38rem;\n    .qa-item-title {\n      font-size: .3rem;\n      font-weight: 400;\n      color: #333;\n    }\n    .qa-item-content {\n      font-size: .26rem;\n      color: #999;\n      padding: 0 0 0 .3rem;\n    }\n  }\n}\n</style>\n","import mod from \"-!../../node_modules/_cache-loader@2.0.1@cache-loader/dist/cjs.js??ref--12-0!../../node_modules/_thread-loader@2.1.3@thread-loader/dist/cjs.js!../../node_modules/_babel-loader@8.2.5@babel-loader/lib/index.js!../../node_modules/_cache-loader@2.0.1@cache-loader/dist/cjs.js??ref--0-0!../../node_modules/_vue-loader@15.9.8@vue-loader/lib/index.js??vue-loader-options!./question.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/_cache-loader@2.0.1@cache-loader/dist/cjs.js??ref--12-0!../../node_modules/_thread-loader@2.1.3@thread-loader/dist/cjs.js!../../node_modules/_babel-loader@8.2.5@babel-loader/lib/index.js!../../node_modules/_cache-loader@2.0.1@cache-loader/dist/cjs.js??ref--0-0!../../node_modules/_vue-loader@15.9.8@vue-loader/lib/index.js??vue-loader-options!./question.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./question.vue?vue&type=template&id=57950c90&scoped=true&\"\nimport script from \"./question.vue?vue&type=script&lang=js&\"\nexport * from \"./question.vue?vue&type=script&lang=js&\"\nimport style0 from \"./question.vue?vue&type=style&index=0&id=57950c90&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/_vue-loader@15.9.8@vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"57950c90\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../node_modules/_mini-css-extract-plugin@0.8.2@mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/_css-loader@1.0.1@css-loader/index.js??ref--8-oneOf-1-1!../../node_modules/_vue-loader@15.9.8@vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/_postcss-loader@3.0.0@postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/_sass-loader@7.3.1@sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../node_modules/_cache-loader@2.0.1@cache-loader/dist/cjs.js??ref--0-0!../../node_modules/_vue-loader@15.9.8@vue-loader/lib/index.js??vue-loader-options!./question.vue?vue&type=style&index=0&id=57950c90&lang=scss&scoped=true&\""],"sourceRoot":""}