{"version":3,"sources":["webpack:///./src/views/ShopCart/Payment.vue","webpack:///./src/views/ShopCart/Payment.vue?f5f2","webpack:///./src/views/ShopCart/Payment.vue?a15a","webpack:///./src/assets/yunshanfu.png","webpack:///./src/assets/pay-icon2.png","webpack:///./src/assets/pay-icon1.png"],"names":["class","_createElementVNode","for","src","_imports_0","_imports_1","_imports_2","_createElementBlock","_hoisted_1","_hoisted_2","$data","_Fragment","key","_hoisted_3","_ctx","_hoisted_4","$options","query","price","_hoisted_5","_hoisted_6","_hoisted_7","_createVNode","_component_q_radio","val","_hoisted_8","_hoisted_9","_hoisted_10","_hoisted_11","_hoisted_12","_component_q_btn","size","color","label","loading","onClick","_hoisted_13","_hoisted_14","payableamount","_hoisted_15","order_no","_hoisted_16","qrcode","data","radio","payShow","payLoading","payInfo","timer","computed","currency","store","state","global","methods","this","$route","isSystem","res","payApi","type","mark","aguid","source","payplatmethod","status","getOrderPay","oguid","$q","notify","$i18n","locale","contenten","content","couponguid","couponguid2","couponguid3","channel","urls","window","location","origin","balancep","$router","push","path","order","open","result","$store","commit","setTimeout","setInterval","electron","payStatus","mounted","unmounted","clearInterval","__exports__","render","QRadio","QBtn","module","exports"],"mappings":"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","file":"vueDist/js/chunk-b696b3b0.88a7d43a.js","sourcesContent":["<template>\r\n  <div class=\"pucontainer\">\r\n    <!-- 支付页面 -->\r\n    <div class=\"back\">\r\n      <!-- <span class=\"iconfont icon-jtback\" @click=\"$router.go(-1)\">返回订单</span> -->\r\n    </div>\r\n    <template v-if=\"payShow\">\r\n      <div class=\"title\">\r\n        <p>{{ $t('cart.s_pay_price') }}</p>\r\n        <span class=\"blod\">{{ currency }}{{ $route.query.price }}</span>\r\n      </div>\r\n      <div class=\"choose\">\r\n        <label for=\"radio1\" class=\"citem\">\r\n          <img src=\"@/assets/pay-icon1.png\" />\r\n          <q-radio v-model=\"radio\" val=\"alipay\" />\r\n        </label>\r\n        <label for=\"radio2\" class=\"citem\">\r\n          <img src=\"@/assets/pay-icon2.png\" />\r\n          <q-radio v-model=\"radio\" val=\"wechat\" />\r\n        </label>\r\n        <label for=\"radio3\" class=\"citem\">\r\n          <img src=\"@/assets/yunshanfu.png\" />\r\n          <q-radio v-model=\"radio\" val=\"unionpay\" />\r\n        </label>\r\n      </div>\r\n      <div class=\"btnBox\">\r\n        <q-btn size=\"lg\" class=\"full-width\" color=\"primary\" :label=\"$t('cart.c_play')\" :loading=\"payLoading\"\r\n          @click=\"payOrder()\" />\r\n      </div>\r\n    </template>\r\n    <template v-else>\r\n      <div class=\"title\">\r\n        <p>{{ $t('cart.s_pay_price') }}</p>\r\n        <span class=\"blod\">{{ currency }}{{ payInfo.payableamount }}</span>\r\n      </div>\r\n      <div class=\"des\">\r\n        <p>{{ $t('cart.pay_tip') }}</p>\r\n        <p>{{ $t('cart.order_number') }}{{ payInfo.order_no }}</p>\r\n      </div>\r\n      <div class=\"pay-qrcode\">\r\n        <!-- <img src=\"@/assets/alipay.png\" /> -->\r\n        <img v-if=\"payInfo.qrcode && radio != 'unionpay'\" class=\"qrcode-img\" :src=\"payInfo.qrcode\" />\r\n      </div>\r\n    </template>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { payApi, payStatus } from '@/api/goods'\r\nimport store from '../../store'\r\n\r\nexport default {\r\n  data() {\r\n    return {\r\n      radio: 'alipay',\r\n      payShow: true,\r\n      payLoading: false,\r\n      payInfo: '',\r\n      timer: null\r\n    }\r\n  },\r\n  computed: {\r\n    currency() {\r\n      return store.state.global.currency\r\n    }\r\n  },\r\n  methods: {\r\n    async payOrder() {\r\n      this.payLoading = true\r\n      if (this.$route.query.isSystem) {\r\n        const res = await payApi({\r\n          type: 1,\r\n          mark: this.$route.query.mark,\r\n          aguid: this.$route.query.aguid,\r\n          source: 2,\r\n          payplatmethod: this.radio,\r\n        })\r\n        if (res.status === 1) {\r\n          this.getOrderPay(res.oguid)\r\n        } else {\r\n          this.$q.notify(\r\n            this.$i18n.locale === 'en' ? res.contenten : res.content\r\n          )\r\n        }\r\n      } else {\r\n        const res = await payApi({\r\n          type: 1,\r\n          mark: this.$route.query.mark,\r\n          aguid: this.$route.query.aguid,\r\n          payplatmethod: this.radio,\r\n          couponguid: this.$route.query.couponguid,\r\n          couponguid2: this.$route.query.couponguid2,\r\n          couponguid3: this.$route.query.couponguid3,\r\n          channel: this.$i18n.locale === 'en' ? 2 : 1,\r\n          urls: window.location.origin + '/cart',\r\n          ...(this.$route.query.balancep && { balancep: this.$route.query.balancep })\r\n        })\r\n        if (res.status === 1) {\r\n          if (res.type == 1) {\r\n            this.$router.push({\r\n              path: '/PaymentInfo',\r\n              query: {\r\n                oguid: res.oguid\r\n              }\r\n            })\r\n          } else {\r\n            this.getOrderPay(res.oguid)\r\n          }\r\n        } else if (res.status === -1) {\r\n          this.$router.push(\"/cart\");\r\n        } else {\r\n          this.$q.notify(\r\n            this.$i18n.locale === 'en' ? res.contenten : res.content\r\n          )\r\n        }\r\n      }\r\n    },\r\n    // 获取订单信息\r\n    async getOrderPay(order) {\r\n      const res = await payApi({\r\n        type: 7,\r\n        mark: order\r\n      })\r\n      if (res.status === 1) {\r\n        this.$router.push({\r\n          query: {\r\n            oguid: res.oguid,\r\n          }\r\n        })\r\n        if (res.payplatmethod === 'unionpay') {\r\n          window.open(res.result)\r\n        }\r\n        this.payInfo = res\r\n        this.radio = res.payplatmethod\r\n        this.payShow = false\r\n        // 订单信息清空\r\n        this.$store.commit('setChichekInfo', '')\r\n        setTimeout(() => {\r\n          // 定时更新订单状态\r\n          this.timer = setInterval(this.electron, 2000)\r\n        }, 1000)\r\n      }\r\n      this.payLoading = false\r\n    },\r\n    // 更新订单状态\r\n    async electron() {\r\n      store.commit('setIsStopLoading') // 停止加载loading动画\r\n      const res = await payStatus({\r\n        type: 1,\r\n        mark: this.payInfo.oguid\r\n      })\r\n      if (res.status === 1) {\r\n        // 支付成功跳转支付成功页\r\n        this.$router.push({\r\n          path: '/PaymentInfo',\r\n          query: {\r\n            oguid: this.payInfo.oguid\r\n          }\r\n        })\r\n      } else if (res.status === -1) {\r\n        // 订单超时返回购物车\r\n        this.$router.push('/cart')\r\n      }\r\n    }\r\n  },\r\n  mounted() {\r\n    if (this.$route.query.oguid) {\r\n      this.getOrderPay(this.$route.query.oguid)\r\n    }\r\n  },\r\n  unmounted() {\r\n    clearInterval(this.timer)\r\n  }\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.pucontainer {\r\n  max-width: 1500px;\r\n  margin: 0 auto;\r\n  min-height: 100%;\r\n  text-align: center;\r\n  margin-top: 20px;\r\n  padding: 0 10px;\r\n\r\n  .back {\r\n    width: 100%;\r\n    text-align: left;\r\n    font-size: 16px;\r\n\r\n    span {\r\n      margin: 0 5px;\r\n    }\r\n  }\r\n\r\n  .title {\r\n    margin-top: 60px;\r\n    font-size: 30px;\r\n\r\n    p {\r\n      font-size: 22px;\r\n      vertical-align: middle;\r\n      margin-bottom: 0px;\r\n    }\r\n  }\r\n\r\n  .desc {\r\n    margin-top: 80px;\r\n    margin-bottom: 20px;\r\n\r\n    p {\r\n      color: #999999;\r\n      text-align: center;\r\n      line-height: 20px;\r\n      margin-bottom: 0;\r\n    }\r\n  }\r\n\r\n  .choose {\r\n    max-width: 970px;\r\n    margin: 100px auto;\r\n\r\n    .citem {\r\n      padding: 8px 0;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: space-between;\r\n      border-bottom: 1px solid #a8a8a8;\r\n\r\n      img {\r\n        width: 166px;\r\n      }\r\n    }\r\n  }\r\n\r\n  .btnBox {\r\n    width: 300px;\r\n    margin: 60px auto;\r\n  }\r\n\r\n  .pay-qrcode {\r\n    margin: 50px auto;\r\n    position: relative;\r\n\r\n    .qrcode-img {\r\n      width: 168px;\r\n      height: 168px;\r\n    }\r\n  }\r\n}\r\n</style>\r\n","import { render } from \"./Payment.vue?vue&type=template&id=207d24d1&scoped=true\"\nimport script from \"./Payment.vue?vue&type=script&lang=js\"\nexport * from \"./Payment.vue?vue&type=script&lang=js\"\n\nimport \"./Payment.vue?vue&type=style&index=0&id=207d24d1&lang=scss&scoped=true\"\n\nimport exportComponent from \"/Users/laiwendong/Documents/电商/code/annilux-pc/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-207d24d1\"]])\n\nexport default __exports__\nimport QRadio from 'quasar/src/components/radio/QRadio.js';\nimport QBtn from 'quasar/src/components/btn/QBtn.js';\nimport qInstall from \"../../../node_modules/vue-cli-plugin-quasar/lib/runtime.auto-import.js\";\nqInstall(script, 'components', {QRadio,QBtn});\n","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-v16/dist/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/vue-cli-plugin-quasar/lib/loader.vue.auto-import-quasar.js??ref--1-0!../../../node_modules/cache-loader/dist/cjs.js??ref--1-1!../../../node_modules/vue-loader-v16/dist/index.js??ref--1-2!./Payment.vue?vue&type=style&index=0&id=207d24d1&lang=scss&scoped=true\"","module.exports = __webpack_public_path__ + \"vueDist/img/yunshanfu.6db37736.png\";","module.exports = __webpack_public_path__ + \"vueDist/img/pay-icon2.b4b09d33.png\";","module.exports = __webpack_public_path__ + \"vueDist/img/pay-icon1.d67b5c3d.png\";"],"sourceRoot":""}