{"version":3,"sources":["webpack:///./src/pages/pay/payOnBehalf.vue","webpack:///src/pages/pay/payOnBehalf.vue","webpack:///./src/pages/pay/payOnBehalf.vue?8bb2","webpack:///./src/pages/pay/payOnBehalf.vue?a51f","webpack:///./src/pages/pay/payOnBehalf.vue?e74b"],"names":["render","_vm","this","_c","_self","staticClass","attrs","require","_v","qrCodeUrl","_s","validity","on","goBack","staticRenderFns","name","components","SearchNav","data","computed","orderSn","mounted","methods","bizOrderSn","component"],"mappings":"iJAAA,IAAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,YAAY,QAAQ,CAACF,EAAG,aAAaA,EAAG,MAAM,CAACE,YAAY,gBAAgB,CAACF,EAAG,MAAM,CAACE,YAAY,wBAAwB,CAACF,EAAG,MAAM,CAACE,YAAY,YAAYC,MAAM,CAAC,IAAMC,EAAQ,WAA4BJ,EAAG,MAAM,CAACE,YAAY,cAAc,CAACJ,EAAIO,GAAG,aAAaL,EAAG,MAAM,CAACE,YAAY,gBAAgB,CAACF,EAAG,MAAM,CAACE,YAAY,eAAe,CAACJ,EAAIO,GAAG,8CAA8CL,EAAG,MAAM,CAACE,YAAY,qBAAqB,CAACF,EAAG,MAAM,CAACE,YAAY,sBAAsB,CAACJ,EAAIO,GAAG,cAAcL,EAAG,MAAM,CAACE,YAAY,UAAUC,MAAM,CAAC,IAAML,EAAIQ,aAAaN,EAAG,MAAM,CAACE,YAAY,YAAY,CAACJ,EAAIO,GAAG,KAAKP,EAAIS,GAAGT,EAAIU,UAAU,WAAWR,EAAG,IAAI,CAACE,YAAY,WAAWO,GAAG,CAAC,MAAQX,EAAIY,SAAS,CAACZ,EAAIO,GAAG,aAAa,IAE1xBM,EAAkB,G,wBCuBP,GACfC,mBACAC,YAAAC,kBACAC,OACA,OACAT,eACAE,eAGAQ,UACAC,UACA,oCAGAC,UACA,aAEAC,SACA,aACA,wCACAC,0BAEA,2BACA,0BAEAV,SACA,uBCnDoW,I,wBCQhWW,EAAY,eACd,EACAxB,EACAc,GACA,EACA,KACA,WACA,MAIa,aAAAU,E,6CCnBf","file":"js/pay_payOnBehalf.31d961e2.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"page\"},[_c('SearchNav'),_c('div',{staticClass:\"page-content\"},[_c('div',{staticClass:\"page-title-container\"},[_c('img',{staticClass:\"page-icon\",attrs:{\"src\":require('@/assets/img/logo.png')}}),_c('div',{staticClass:\"page-title\"},[_vm._v(\"找他人代付\")])]),_c('div',{staticClass:\"content-card\"},[_c('div',{staticClass:\"description\"},[_vm._v(\"请将此二维码拍照或截图转发给付款人，注意，该二维码包含订单等重要信息，请谨慎转发\")]),_c('div',{staticClass:\"qr-code-container\"},[_c('div',{staticClass:\"wechat-description\"},[_vm._v(\"请使用微信扫一扫\")]),_c('img',{staticClass:\"qr-code\",attrs:{\"src\":_vm.qrCodeUrl}}),_c('div',{staticClass:\"deadline\"},[_vm._v(\"请在\"+_vm._s(_vm.validity)+\"前支付\")])]),_c('a',{staticClass:\"a-button\",on:{\"click\":_vm.goBack}},[_vm._v(\"返回\")])])])],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"page\">\n    <SearchNav />\n    <div class=\"page-content\">\n      <div class=\"page-title-container\">\n        <img class=\"page-icon\" :src=\"require('@/assets/img/logo.png')\" />\n        <div class=\"page-title\">找他人代付</div>\n      </div>\n      <div class=\"content-card\">\n        <div class=\"description\">请将此二维码拍照或截图转发给付款人，注意，该二维码包含订单等重要信息，请谨慎转发</div>\n        <div class=\"qr-code-container\">\n          <div class=\"wechat-description\">请使用微信扫一扫</div>\n          <img class=\"qr-code\" :src=\"qrCodeUrl\" />\n          <div class=\"deadline\">请在{{ validity }}前支付</div>\n        </div>\n        <a class=\"a-button\" @click=\"goBack\">返回</a>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nimport SearchNav from '@/components/SearchNav/index.vue'\nimport * as api from '@/services'\n\nexport default {\n  name: 'PayOnBehalf',\n  components: { SearchNav },\n  data() {\n    return {\n      qrCodeUrl: null,\n      validity: '-',\n    }\n  },\n  computed: {\n    orderSn() {\n      return this.$route.params.orderSn;\n    },\n  },\n  mounted() {\n    this.init()\n  },\n  methods: {\n    async init() {\n      const res = await api.crm.getOrderShareInfo({\n        bizOrderSn: this.orderSn\n      })\n      this.qrCodeUrl = res.qrCodeUrl\n      this.validity = res.validity\n    },\n    goBack() {\n      this.$router.back()\n    }\n  }\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.page {\n  //height: calc(100% - 34px);\n}\n.page-content {\n  width: 100%;\n  background: #f4f4f4;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  height: calc(100% - 40px);\n}\n.page-title-container {\n  display: flex;\n  width: 1190px;\n  margin: 16px 0;\n  .page-icon {\n    width: 81px;\n    height: 24px;\n    margin-right: 8px;\n  }\n  .page-title {\n    font-size: 24px;\n    font-weight: 500;\n    color: #333333;\n    line-height: 24px;\n  }\n}\n.content-card {\n  width: 1190px;\n  height: 759px;\n  background: #ffffff;\n  border-radius: 8px;\n  padding: 27px 24px 44px 24px;\n  margin-bottom: 54px;\n  .description {\n    font-size: 18px;\n    color: #333333;\n    line-height: 18px;\n    margin-bottom: 42px;\n  }\n  .qr-code-container {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-direction: column;\n    .wechat-description {\n      font-size: 24px;\n      font-weight: 500;\n      margin-bottom: 12px;\n    }\n    .qr-code {\n      width: 389px;\n      height: 389px;\n      margin-bottom: 18px;\n    }\n    .deadline {\n      width: 389px;\n      height: 84px;\n      background: #1e8dff;\n      text-align: center;\n      line-height: 84px;\n      margin-bottom: 72px;\n      color: #fff;\n      font-size: 18px;\n    }\n  }\n  .a-button {\n    display: block;\n    width: 100%;\n    text-align: center;\n    font-size: 18px;\n    line-height: 18px;\n    color: #1e8dff;\n    cursor: pointer;\n  }\n}\n</style>\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!./payOnBehalf.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!./payOnBehalf.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./payOnBehalf.vue?vue&type=template&id=89c2a9cc&scoped=true&\"\nimport script from \"./payOnBehalf.vue?vue&type=script&lang=js&\"\nexport * from \"./payOnBehalf.vue?vue&type=script&lang=js&\"\nimport style0 from \"./payOnBehalf.vue?vue&type=style&index=0&id=89c2a9cc&prod&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  \"89c2a9cc\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./payOnBehalf.vue?vue&type=style&index=0&id=89c2a9cc&prod&lang=scss&scoped=true&\""],"sourceRoot":""}