{"version":3,"sources":["webpack:///./src/views/model/PayOrder/PayOrder.scss?ffa2","webpack:///./src/views/model/PayOrder/PayOrder.vue?f66d","webpack:///./src/views/model/PayOrder/PayOrder.js","webpack:///./src/views/model/PayOrder/PayOrder.js?c370","webpack:///./src/views/model/PayOrder/PayOrder.vue","webpack:///./src/views/model/PayOrder/index.js"],"names":["mapActions","createNamespacedHelpers","name","data","timer","timeShow","computed","mapRootGetters","orderDetail","this","payOrderInfo","detail","orderCash","money","amount","moneyFormat","orderPrice","price","endTimeStamp","order_avaliable_time","mounted","t","getOrderDetail","startCount","toAliPay","from","updatePayStatus","showOrderFinish","$router","push","destroyed","clearTimeout","methods","payAction","returnUrl","location","href","payCash","return_url","form","$refs","payBtn","updatedLoading","alipay","document","querySelector","createElement","id","appendChild","innerHTML","replace","submit","doCount","setTimeout","nowTimeStamp","Date","getTime","deltTimeStamp","transformDelt","parseInt","map","i","join","m","component","_vm","_h","$createElement","_c","_self","staticClass","attrs","_v","_s","period","storage","storage_unit","avaliable_date","order_no","ref","on","staticRenderFns","PayOrder"],"mappings":"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","file":"static/js/chunk-4526679a.e703a9b3.js","sourcesContent":["export * from \"-!../../../../node_modules/_mini-css-extract-plugin@0.9.0@mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../../node_modules/_css-loader@3.6.0@css-loader/dist/cjs.js??ref--9-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--9-oneOf-1-2!../../../../node_modules/_sass-loader@10.2.1@sass-loader/dist/cjs.js??ref--9-oneOf-1-3!./PayOrder.scss?vue&type=style&index=0&id=122f1409&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"pay-order\"},[_c('div',{staticClass:\"pay-order__top\"},[_c('w-svg',{attrs:{\"data_iconName\":\"img_logo_databright_pay\",\"class-name\":\"logo\"}}),_c('span',{staticClass:\"title\"},[_vm._v(\"营销数据助手\")])],1),_c('div',{staticClass:\"pay-order__content\"},[_c('div',{staticClass:\"content__toptick\"},[_vm._v(\" 请在 \"),_c('span',{staticClass:\"time\"},[_vm._v(_vm._s(_vm.timeShow))]),_vm._v(\" 内完成支付，否则订单将自动取消 \")]),_c('div',{staticClass:\"content__orderdetail\"},[_c('div',{staticClass:\"content__orderdetail--title\"},[_vm._v(\"订单详情\")]),_c('div',{staticClass:\"content__orderdetail--item price\"},[_vm._v(\"套餐价格：￥\"+_vm._s(_vm.orderPrice)+\"/\"+_vm._s((\"\" + (_vm.orderDetail.period % 12 === 0 ? '年' : '月'))))]),_c('div',{staticClass:\"content__orderdetail--item stroge\"},[_vm._v(\"数据存储额度：\"+_vm._s(_vm.orderDetail.storage)+_vm._s(_vm.orderDetail.storage_unit)+\"条设备码\")]),_c('div',{staticClass:\"content__orderdetail--item expire\"},[_vm._v(\"到期时间：\"+_vm._s(_vm.orderDetail.avaliable_date))]),_c('div',{staticClass:\"content__orderdetail--item ordernumber\"},[_vm._v(\"订单编号：\"+_vm._s(_vm.orderDetail.order_no))])]),_c('div',{staticClass:\"content__paytype\"},[_c('div',{staticClass:\"content__paytype--title\"},[_vm._v(\"支付方式\")]),_c('ul',{staticClass:\"content__paytype--list\"},[_c('li',{staticClass:\"list-item active\"},[_c('w-svg',{attrs:{\"data_iconName\":\"img_logo_alipay\",\"class-name\":\"logo\"}})],1)])]),_c('div',{staticClass:\"content__totalcash\"},[_c('span',[_c('b',[_vm._v(\"应付金额\")]),_c('i',[_vm._v(_vm._s(_vm.orderCash)+\"元\")])]),_c('w-button',{ref:\"payBtn\",staticClass:\"pay-btn\",attrs:{\"round\":\"\",\"type\":\"primary\",\"subBtn\":\"\",\"loadingText\":\"提交中\",\"disabled\":_vm.timeShow === '00:00'},on:{\"click\":_vm.payAction}},[_vm._v(\"立即支付\")])],1)])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","/*\n * @Descripttion: *\n * @version: *\n * @Author: Arvin\n * @Date: 2020-11-23 15:00:36\n * @LastEditors: Arvin\n * @LastEditTime: 2020-11-30 11:34:04\n */\nimport { createNamespacedHelpers, mapGetters as mapRootGetters } from 'vuex'\nimport { moneyFormat } from '@/plugins/utils'\n\nconst { mapActions } = createNamespacedHelpers('PayOrder')\n\nexport default {\n  name: 'OrderPay',\n  data () {\n    return {\n      timer: null,\n      timeShow: '30:00'\n    }\n  },\n  computed: {\n    ...mapRootGetters([\n      'payOrderInfo'\n    ]),\n\n    // 订单详情\n    orderDetail () {\n      return this.payOrderInfo.detail || {}\n    },\n\n    // 订单金额\n    orderCash () {\n      const money = this.orderDetail.amount\n      if (!money) {\n        return 0\n      }\n      return moneyFormat(money / 100)\n    },\n\n    // 价格\n    orderPrice () {\n      const money = this.orderDetail.price\n      if (!money) {\n        return 0\n      }\n      return moneyFormat(money / 100)\n    },\n\n    endTimeStamp () {\n      const { order_avaliable_time: endTimeStamp = null } = this.orderDetail\n      return endTimeStamp\n    }\n  },\n  async mounted () {\n    await this.getOrderDetail()\n    if (this.endTimeStamp) {\n      this.startCount()\n    }\n    // 检查支付状态\n    const { toAliPay, from } = this.payOrderInfo\n    if (toAliPay && from) {\n      // 显示支付状态弹窗\n      await this.updatePayStatus({ toAliPay: false })\n      await this.showOrderFinish()\n      // 回到上一页\n      this.$router.push(from)\n    }\n  },\n  destroyed () {\n    // 清除倒计时\n    clearTimeout(this.timer)\n    this.timer = null\n  },\n  methods: {\n    ...mapActions([\n      'getOrderDetail',\n      'payCash',\n      'updatePayStatus',\n      'showOrderFinish'\n    ]),\n\n    // 金钱格式化\n    moneyFormat,\n\n    /**\n     * 立即支付\n     */\n    async payAction () {\n      const { from } = this.payOrderInfo\n      const returnUrl = from || location.href\n      const form = await this.payCash({ return_url: returnUrl })\n      this.$refs.payBtn.updatedLoading(false)\n      let alipay = document.querySelector('#idatabright-alipay')\n      if (alipay === null) {\n        alipay = document.createElement('div');\n        alipay.id = 'idatabright-alipay'\n        document.querySelector('body').appendChild(alipay)\n      }\n      alipay.innerHTML = form.replace(/<script>(.*)<\\script>$/, '');\n      // 显示支付状态弹窗\n      await this.updatePayStatus({ toAliPay: true })\n      // 主动调起支付\n      alipay.querySelector('form').submit()\n    },\n\n    /**\n     * 开始倒计时\n     */\n    startCount () {\n      this.doCount()\n    },\n\n    /**\n     * 倒计时计数\n     */\n    doCount () {\n      console.log('counting')\n      if (this.timer) {\n        clearTimeout(this.timer)\n        this.timer = null\n      }\n      this.timer = setTimeout(() => {\n        const nowTimeStamp = new Date().getTime()\n        const deltTimeStamp = this.endTimeStamp - nowTimeStamp\n        this.timeShow = this.transformDelt(deltTimeStamp)\n        if (this.timeShow === '00:00') {\n          clearTimeout(this.timer)\n          this.timer = null\n          return\n        }\n        this.doCount()\n      }, 1000)\n    },\n\n    /**\n     * 转时间\n     */\n    transformDelt (deltTimeStamp) {\n      if (deltTimeStamp <= 0) {\n        return '00:00'\n      }\n      const mins = parseInt(deltTimeStamp / 60000, 10)\n      const secs = parseInt((deltTimeStamp % 60000) / 1000, 10)\n      return [mins, secs].map(i => i > 9 ? i : '0' + i).join(':')\n    }\n  }\n}\n","import mod from \"-!../../../../node_modules/_cache-loader@4.1.0@cache-loader/dist/cjs.js??ref--13-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/_eslint-loader@2.2.1@eslint-loader/index.js??ref--14-0!./PayOrder.js?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/_cache-loader@4.1.0@cache-loader/dist/cjs.js??ref--13-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/_eslint-loader@2.2.1@eslint-loader/index.js??ref--14-0!./PayOrder.js?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./PayOrder.vue?vue&type=template&id=122f1409&scoped=true&\"\nimport script from \"./PayOrder.js?vue&type=script&lang=js&\"\nexport * from \"./PayOrder.js?vue&type=script&lang=js&\"\nimport style0 from \"./PayOrder.scss?vue&type=style&index=0&id=122f1409&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  \"122f1409\",\n  null\n  \n)\n\nexport default component.exports","/*\n * @Descripttion: *\n * @version: *\n * @Author: Arvin\n * @Date: 2020-11-23 15:01:03\n * @LastEditors: Arvin\n * @LastEditTime: 2020-11-23 15:05:32\n */\nimport PayOrder from './PayOrder.vue'\nexport default PayOrder\n"],"sourceRoot":""}