{"version":3,"sources":["webpack:///./src/modules/stu/images/account_pay@2x.png","webpack:///./src/modules/stu/views/question/QuestionPay.vue?391b","webpack:///./src/modules/stu/images/wx_pay@2x.png","webpack:///./src/modules/stu/views/question/QuestionPay.vue?723b","webpack:///src/modules/stu/views/question/QuestionPay.vue","webpack:///./src/modules/stu/views/question/QuestionPay.vue?0f80","webpack:///./src/modules/stu/views/question/QuestionPay.vue","webpack:///./src/modules/stu/images/ali_pay@2x.png"],"names":["module","exports","render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","name","_v","_l","item","index","key","class","type","on","$event","change_type","src","codeUrl","_e","balance","staticStyle","_s","_f","staticRenderFns","components","VueQr","data","pay_types","order_number","order_id","methods","get_balance","$http","get","then","get_order_number","post","shop_id","$route","params","id","res","code","set_timer","timer","setInterval","clearInterval","beforeDestroy","component"],"mappings":"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","file":"js/questionPay.83fe6bf0.js","sourcesContent":["module.exports = __webpack_public_path__ + \"img/account_pay@2x.b042c90f.png\";","import mod from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./QuestionPay.vue?vue&type=style&index=0&id=8f5e7a02&lang=scss&scoped=true&\"; export default mod; export * from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./QuestionPay.vue?vue&type=style&index=0&id=8f5e7a02&lang=scss&scoped=true&\"","module.exports = __webpack_public_path__ + \"img/wx_pay@2x.d55d3867.png\";","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"main-container\"},[_c('div',{staticClass:\"question-nav\"},[_c('router-link',{attrs:{\"to\":{name:'Question'}}},[_vm._v(\"问答\")]),_c('span',{staticClass:\"slash\"},[_vm._v(\">\")]),_c('span',{staticClass:\"current\"},[_vm._v(\"支付问答\")])],1),_c('div',{staticClass:\"pay_content\"},[_c('div',{staticClass:\"title\"},[_vm._v(\"支付围观费用\")]),_c('div',{staticClass:\"content\"},[_c('div',{staticClass:\"pay_type_change\"},[_vm._v(\"请选择支付方式\")]),_c('div',{staticClass:\"pay_type\"},_vm._l((_vm.pay_types),function(item,index){return _c('span',{key:index,class:item.type==_vm.type?'active':'',on:{\"click\":function($event){return _vm.change_type(item.type,item.type=='balance')}}},[_c('img',{staticClass:\"img\",attrs:{\"src\":item.src}})])}),0),_c('div',{staticClass:\"codeUrl\"},[(_vm.codeUrl)?_c('vue-qr',{attrs:{\"text\":_vm.codeUrl,\"size\":135,\"margin\":0}}):_vm._e()],1),(_vm.type=='balance' && _vm.balance)?_c('div',{staticClass:\"acccount\"},[_c('p',[_vm._v(\"可用余额\"),_c('span',{staticStyle:{\"color\":\"#B7383F\"}},[_vm._v(\"￥\"+_vm._s(_vm._f(\"toFixPrice\")(_vm.balance)))])]),_c('el-button',{attrs:{\"type\":\"primary\"},on:{\"click\":function($event){return _vm.change_type('balance',false)}}},[_vm._v(\"余额支付\")])],1):_vm._e()])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"main-container\">\n    <!-- 面包屑 -->\n    <div class=\"question-nav\">\n      <router-link :to=\"{name:'Question'}\">问答</router-link>\n      <span class=\"slash\">></span>\n      <span class=\"current\">支付问答</span>\n    </div>\n    <div class=\"pay_content\">\n      <div class=\"title\">支付围观费用</div>\n      <div class=\"content\">\n        <div class=\"pay_type_change\">请选择支付方式</div>\n        <div class=\"pay_type\">\n          <span v-for=\"(item,index) in pay_types\"\n                @click=\"change_type(item.type,item.type=='balance')\"\n                :key=\"index\"\n                :class=\"item.type==type?'active':''\">\n            <img class=\"img\"\n                 :src=\"item.src\">\n          </span>\n        </div>\n        <div class=\"codeUrl\">\n          <vue-qr v-if=\"codeUrl\"\n                  :text=\"codeUrl\"\n                  :size=\"135\"\n                  :margin=\"0\"></vue-qr>\n        </div>\n        <div class=\"acccount\"\n             v-if=\"type=='balance' && balance\">\n          <p>可用余额<span style=\"color:#B7383F\">￥{{balance | toFixPrice}}</span></p>\n          <el-button type=\"primary\"\n                     @click=\"change_type('balance',false)\">余额支付</el-button>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nimport ali_icon from '../../images/ali_pay@2x.png';\nimport wx_icon from '../../images/wx_pay@2x.png';\nimport account_icon from '../../images/account_pay@2x.png';\nimport VueQr from \"vue-qr\";\nlet timer;\nexport default {\n  name: \"QuestionPay\",\n  components: {\n    VueQr\n  },\n  data () {\n    return {\n      pay_types: [\n        { src: ali_icon, type: 'ali' },\n        { src: wx_icon, type: 'wx' },\n        { src: account_icon, type: 'balance' }\n      ],\n      type: 'ali',\n      codeUrl: '',\n      order_number: '',\n      order_id: '',\n      balance: 0\n    };\n  },\n  async created () {\n    this.get_order_number();\n    this.get_balance();\n  },\n  methods: {\n    get_balance () {\n      this.$http.get('/api/app/balanceCenter').then(data => {\n        this.balance = data.balance ? data.balance : '0';\n      })\n    },\n    get_order_number () {\n      this.$http.post(`/api/app/order/downOrder`, {\n        shop_id: this.$route.params.id,\n        type: 17\n      }).then(res => {\n        if (!res.code) {\n          this.order_number = res.order_number;\n          this.change_type('ali');\n        }\n      });\n    },\n    set_timer () {\n      timer = setInterval(async () => {\n        let data = await this.$http.post(\n          \"/api/app/myOrder/detail\",\n          {\n            order_id: this.order_id\n          },\n          { showLoading: false, isAuthRequest: true }\n        );\n        if (data.order_status == 2) {\n          clearInterval(timer);\n          this.$router.push({\n            name: \"QuestionSuccess\",\n            params: { ask_id: this.$route.params.ask_id, id: this.$route.params.id }\n          });\n        }\n      }, 1000);\n    },\n    change_type (type, balance) {\n      if (timer) {\n        clearInterval(timer);\n      }\n      this.type = type;\n      this.codeUrl = '';\n      if (this.order_number) {\n        if (this.type != 'balance' || !balance) {\n          this.$http.post(\"/api/app/pay\", {\n            type: this.type,\n            order_number: this.order_number\n          }).then(res => {\n            this.codeUrl = res.response.code_url;\n            this.order_id = res.response.order_id;\n            this.set_timer();\n          });\n        } else {\n          this.set_timer();\n        }\n      }\n    }\n  },\n  beforeDestroy () {\n    if (timer) {\n      clearInterval(timer);\n    }\n  }\n};\n</script>\n<style lang=\"scss\" scoped>\n@import \"../../css/question.scss\";\n.pay_content {\n  background-color: #fff;\n  font-size: 14px;\n  .content {\n    border: 1px solid #f7f6fb;\n    margin: 5px;\n    border-radius: 5px 5px 0px 0px;\n    padding-bottom: 172px;\n  }\n  .title {\n    height: 67px;\n    line-height: 60px;\n    padding-left: 19px;\n  }\n  .pay_type_change {\n    height: 50px;\n    line-height: 50px;\n    color: #333333;\n    background-color: #f9f9f9;\n    line-height: 50px;\n    padding-left: 12px;\n    border-radius: 5px 5px 0px 0px;\n  }\n  .pay_type {\n    margin: 30px 0 0 21px;\n    span {\n      display: inline-block;\n      width: 150px;\n      height: 50px;\n      line-height: 50px;\n      margin-right: 40px;\n      text-align: center;\n      border: 2px solid #eef1f2;\n      border-radius: 5px;\n      position: relative;\n      overflow: hidden;\n      cursor: pointer;\n      &.active {\n        border: 2px solid $primary-color;\n      }\n      &.active::after {\n        content: \"\";\n        position: absolute;\n        right: -3px;\n        bottom: -6px;\n        width: 16px;\n        height: 9px;\n        background-color: $primary-color;\n        transform: rotate(120deg);\n        -ms-transform: rotate(120deg); /* IE 9 */\n        -moz-transform: rotate(120deg); /* Firefox */\n        -webkit-transform: rotate(150deg); /* Safari 和 Chrome */\n        -o-transform: rotate(90deg);\n      }\n    }\n    .img {\n      width: 78px;\n      height: 24px;\n      vertical-align: middle;\n    }\n    span:nth-child(2) .img {\n      width: 65px;\n    }\n    span:nth-child(3) .img {\n      width: 91px;\n      height: 22px;\n    }\n  }\n  .codeUrl {\n    text-align: center;\n    margin-top: 94px;\n    min-height: 80px;\n  }\n  .acccount {\n    float: right;\n    text-align: center;\n    margin-right: 36px;\n    p {\n      margin-bottom: 20px;\n      font-size: 18px;\n    }\n    button {\n      width: 148px;\n    }\n  }\n}\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!./QuestionPay.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!./QuestionPay.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./QuestionPay.vue?vue&type=template&id=8f5e7a02&scoped=true&\"\nimport script from \"./QuestionPay.vue?vue&type=script&lang=js&\"\nexport * from \"./QuestionPay.vue?vue&type=script&lang=js&\"\nimport style0 from \"./QuestionPay.vue?vue&type=style&index=0&id=8f5e7a02&lang=scss&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  \"8f5e7a02\",\n  null\n  \n)\n\nexport default component.exports","module.exports = __webpack_public_path__ + \"img/ali_pay@2x.fa0093df.png\";"],"sourceRoot":""}