{"version":3,"sources":["webpack:///./src/assets/images/icon/wx1.png","webpack:///./src/views/smsOrder/confirm.vue?ae96","webpack:///src/views/smsOrder/confirm.vue","webpack:///./src/views/smsOrder/confirm.vue?ca82","webpack:///./src/views/smsOrder/confirm.vue","webpack:///./src/assets/images/icon/zfb1.png","webpack:///./src/views/smsOrder/confirm.vue?5162","webpack:///./src/api/sms.js"],"names":["module","exports","render","_vm","this","_h","$createElement","_c","_self","staticClass","_v","_s","form","paymentNo","name","count","staticStyle","amount","toFixed","validTime","no","on","$event","paymode","class","attrs","handleSave","dialogVisible","dialogClose","ref","staticRenderFns","data","timer","timeCount","text","amountTimeout","watch","computed","title","created","console","log","$route","query","getOne","methods","$Message","showClose","message","type","res","creatQrCode","$refs","qrCodeUrl","innerHTML","width","height","colorDark","colorLight","setTimer","setTimeout","clearTimeout","confirmButtonText","callback","beforeRouteLeave","next","component","packageGetList","request","url","method","packageBuy","sendCreate","sendGetList","orderGetOne","orderGetList","merchantGetOne","wxPayQrCode","wxPayPreId"],"mappings":"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","file":"static/js/chunk-090dd6cb.9f0ec866.js","sourcesContent":["module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACkAAAAkCAMAAAAjIOMaAAAB7FBMVEUAAAAAAAAA/wAAgAAA/wAAqgAAgAAAvwAAmQAAzAAAqgAq1AAgvwAcqgAcxgAaswAXuQAnsQAnxAAkthIiqhEiuxEgrxAeww8tww8ovA0qvxUmvRMquxEmtA8mvA8pug4puhUluxMquBIouxEkthAmtxMmuBMpthIouRInthEquBEpuRAotxQnuBQruRMpuBMpvBMpuRIouhIotxIruRQrtxQpthMruRIquBUpuREotxEruBQqtxMquhMpuBMotxMquxIqthIptxIouBQouREpuhMquRMpuBIpuRQquRQpuRQpuBMquhMpuRMpuRUruRUruRMquRMquRMpuBMpuhUquRQquhQquBQpuRQquRMquBMpuRUquRQquBMquBMruRUruBQquBQpuBQruhQpuRQquBQquRQquRQruBQquRQquRQquBMruBUquBQquRQruRQquRQquRQquRUquBUpuBMruBMquRMquBQruRQquBQquRQruRQquRUquBQquRQruBQruRQquRQruBUquBUquRUquBQquRQquBQruRQruRQquBQquRQquBUquRUquBUquRUquBQquRQquRQquBQquRUquRQruRUruRUquRUquBUquRUquBQruRQruhQruRQruBQruRQquBQquRQruRWEGvZOAAAAo3RSTlMAAQECAgMEBAUFBgYICQkKCw0NDg8PEBERExgbHiIiJSUpKy0xNTY4Ojs9PkBBQkRERUZHTU5QVFZYWVpcXF5gYWJjZWZrbm9xdHV3ent8fISGh4iIi4yNjpGTlZmdn6Gipaamp6mvsrS2t7i6vL2+wMHCw8XFxsnLzc/P0NTU2Njb3t/f4OHi4+Tm5urq6+zt7vDx8/T19vf4+Pn6+vv8/P3+AwuAcgAAAZ1JREFUGBmFwYlDSwEABvBv0zwpFelQIuVKrJKjSyiqdZBjRUI3uXUf6FAjk0q6lbbvH7W3d2xve+/t94OGze5o6//6m3/cYx13c/fCQFT+syUGW32eAx2261MMN3xlD0JkDVDf++PQqNyhkc0SBFgf0EwdFJYWmnsI2R2aW21Ngl8hTbnrUyCJn6OJ0bL98LELABw05O05B9GxF7wB7PtBA2stGRAdbl4jJ4E86nPVJEBkubVA0Vk0UeasYsBgURT88j5T0oghyp4ic4SSzjOQZL+m4h2WKfsOCLUkV5rTIIl7tE3VLHapuAbg0PlcAbKbCwyygS0qZhDs4gQ1/mKOCs9JqE71eqnlxkeqhiFL6/AyVD8aqdo6Ar86L8M5cYEB3QAsFT+pxw5hnqrlVOvlcepy2wAHA3YXaaABQOI8I3PFw6eYEXkK4NfOSBogie2juS4rZAdf0kxrNFQxTg+N/LsNjas08Ok0tEqp61d1NEI8oc8OtV6VxSLMF5JvT8RduvdmmiLXh8flidBxgPxWDlny0WQYSl+/L8Dcf8crbSBE8anPAAAAAElFTkSuQmCC\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('div',{staticClass:\"app-top\"},[_c('div',{staticClass:\"container\"},[_c('h1',[_vm._v(_vm._s(this.form.paymentNo?'订单详情':'订单确认'))]),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-12 col-sm-8\"},[_c('div',{staticClass:\"container-left box\"},[_c('div',[_c('h2',[_vm._v(\"短信套餐\")]),_c('div',{staticClass:\"box-info\"},[_c('div',[_c('label',[_vm._v(\"套餐名称：\")]),_c('span',{staticClass:\"box-value\"},[_vm._v(_vm._s(_vm.form.name))])]),_c('div',[_c('label',[_vm._v(\"短信数量：\")]),_c('span',{staticClass:\"box-value\"},[_vm._v(_vm._s(_vm.form.count)+\"条\")])]),_c('div',[_c('label',[_vm._v(\"套餐金额：\")]),_c('span',{staticClass:\"box-value\",staticStyle:{\"color\":\"red\"}},[_vm._v(_vm._s(_vm.form.amount.toFixed(2)))])])]),_c('div',{staticClass:\"box-info\",staticStyle:{\"color\":\"#999\"}},[_c('p',[_vm._v(\"套餐包购买成功后即刻生效，到期后未使用余量自动过期，套餐包不支持续期，套餐包购买后不支持退订，当前套餐有效期限为\"+_vm._s(_vm.form.validTime))])])])])]),_c('div',{staticClass:\"col-12 col-sm-4\"},[_c('div',{staticClass:\"container-right box\"},[_c('div',{staticClass:\"box-info\"},[_c('div',[_c('label',[_vm._v(\"订单编号：\")]),_c('span',[_vm._v(_vm._s(_vm.form.no))])]),_c('div',[_c('label',[_vm._v(\"订单金额：\")]),_c('span',{staticStyle:{\"color\":\"red\",\"font-size\":\"22px\"}},[_vm._v(\"￥\"+_vm._s(_vm.form.amount.toFixed(2)))])])]),_c('hr'),(_vm.amountTimeout)?_c('div',[_vm._v(\"请重新提交订单\")]):(_vm.form.paymentNo)?_c('div',{staticClass:\"box-pay-success\"},[_vm._v(\"已完成\")]):_c('div',[_c('div',{staticClass:\"row box-pay\"},[_c('div',{staticClass:\"col\",on:{\"click\":function($event){_vm.paymode = 'weixin'}}},[_c('div',{class:['paymode',_vm.paymode == 'weixin' ? 'paymode-active' : '']},[_c('img',{attrs:{\"src\":require(\"@/assets/images/icon/wx1.png\"),\"alt\":\"\"}}),_c('span',[_vm._v(\"微信\")])])]),_c('div',{staticClass:\"col\",on:{\"click\":function($event){_vm.paymode = 'alipay'}}},[_c('div',{class:['paymode',_vm.paymode == 'alipay' ? 'paymode-active' : '']},[_c('img',{attrs:{\"src\":require(\"@/assets/images/icon/zfb1.png\"),\"alt\":\"\"}}),_c('span',[_vm._v(\"支付宝\")])])])]),_c('div',{staticStyle:{\"margin\":\"20px 0\"}},[_c('button',{staticClass:\"btn btn-danger\",staticStyle:{\"width\":\"100%\"},attrs:{\"type\":\"button\"},on:{\"click\":_vm.handleSave}},[_vm._v(\"支付\")])])])])])])])]),_c('el-dialog',{attrs:{\"title\":\"微信支付\",\"visible\":_vm.dialogVisible,\"width\":\"300px\"},on:{\"update:visible\":function($event){_vm.dialogVisible=$event},\"close\":_vm.dialogClose}},[_c('div',{staticStyle:{\"width\":\"100%\",\"display\":\"flex\",\"justify-content\":\"center\"}},[_c('div',{staticStyle:{\"border\":\"1px solid #ddd\",\"padding\":\"10px\"}},[_c('div',{ref:\"qrCodeUrl\"})])]),_c('div',{staticStyle:{\"text-align\":\"center\",\"margin-top\":\"10px\"}},[_vm._v(\"打开微信，扫码支付\")]),_c('div',{staticStyle:{\"text-align\":\"center\",\"margin-top\":\"10px\",\"font-size\":\"18px\",\"color\":\"red\",\"font-weight\":\"bold\"}},[_vm._v(\"￥\"+_vm._s(_vm.form.amount.toFixed(2)))])])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n    <div class=\"app-top\">\r\n      <div class=\"container\">\r\n        <h1>{{this.form.paymentNo?'订单详情':'订单确认'}}</h1>\r\n        <div class=\"row\">\r\n          <!-- 左侧 -->\r\n          <div class=\"col-12 col-sm-8\">\r\n            <div class=\"container-left box\">\r\n              <!-- ================================================网络版================================================== -->\r\n              <div>\r\n                <!-- ====================================购买套餐==================================== -->\r\n                <h2>短信套餐</h2>\r\n                <div class=\"box-info\">\r\n                  <div>\r\n                    <label>套餐名称：</label>\r\n                    <span class=\"box-value\">{{form.name}}</span>\r\n                  </div>\r\n                  <div>\r\n                    <label>短信数量：</label>\r\n                    <span class=\"box-value\">{{form.count}}条</span>\r\n                  </div>\r\n                  <div>\r\n                    <label>套餐金额：</label>\r\n                    <span class=\"box-value\" style=\"color: red;\">{{form.amount.toFixed(2)}}</span>\r\n                  </div>\r\n                  <!-- <div>\r\n                    <label>有效期限：</label>\r\n                    <span class=\"box-value\">{{form.validTime}}</span>\r\n                  </div>-->\r\n                </div>\r\n\r\n                <!-- ====================================提示==================================== -->\r\n                <div class=\"box-info\" style=\"color: #999;\">\r\n                  <p>套餐包购买成功后即刻生效，到期后未使用余量自动过期，套餐包不支持续期，套餐包购买后不支持退订，当前套餐有效期限为{{form.validTime}}</p>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <!-- 右侧 -->\r\n          <div class=\"col-12 col-sm-4\">\r\n            <div class=\"container-right box\">\r\n              <div class=\"box-info\">\r\n                <div>\r\n                  <label>订单编号：</label>\r\n                  <span>{{form.no}}</span>\r\n                </div>\r\n                <div>\r\n                  <label>订单金额：</label>\r\n                  <span style=\"color:red;font-size:22px;\">￥{{form.amount.toFixed(2)}}</span>\r\n                </div>\r\n              </div>\r\n              <hr />\r\n              <div v-if=\"amountTimeout\">请重新提交订单</div>\r\n              <div v-else-if=\"form.paymentNo\" class=\"box-pay-success\">已完成</div>\r\n              <div v-else>\r\n                <div class=\"row box-pay\">\r\n                  <div class=\"col\" @click=\"paymode = 'weixin'\">\r\n                    <div :class=\"['paymode',paymode == 'weixin' ? 'paymode-active' : '']\">\r\n                      <img src=\"@/assets/images/icon/wx1.png\" alt />\r\n                      <span>微信</span>\r\n                    </div>\r\n                  </div>\r\n                  <div class=\"col\" @click=\"paymode = 'alipay'\">\r\n                    <div :class=\"['paymode',paymode == 'alipay' ? 'paymode-active' : '']\">\r\n                      <img src=\"@/assets/images/icon/zfb1.png\" alt />\r\n                      <span>支付宝</span>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n                <div style=\"margin:20px 0;\">\r\n                  <button type=\"button\" class=\"btn btn-danger\" style=\"width:100%\" @click=\"handleSave\">支付</button>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <el-dialog title=\"微信支付\" :visible.sync=\"dialogVisible\" @close=\"dialogClose\" width=\"300px\">\r\n      <div style=\"width: 100%; display: flex; justify-content: center;\">\r\n        <div style=\"border:1px solid #ddd;padding:10px\">\r\n          <div ref=\"qrCodeUrl\"></div>\r\n        </div>\r\n      </div>\r\n      <div style=\"text-align:center;margin-top:10px;\">打开微信，扫码支付</div>\r\n      <div style=\"text-align:center;margin-top:10px; font-size: 18px; color: red;font-weight: bold;\">￥{{form.amount.toFixed(2)}}</div>\r\n    </el-dialog>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport API from '@/api/sms'\r\nimport QRCode from 'qrcodejs2'\r\n\r\nexport default {\r\n  name: 'SmsOrderConfirm',\r\n  data() {\r\n    return {\r\n      form: {\r\n        no: '',\r\n        amount: 0\r\n      },\r\n      paymode: 'weixin',\r\n      timer: null,\r\n      timeCount: 0,\r\n      dialogVisible: false,\r\n      text: '',\r\n      amountTimeout: false\r\n    }\r\n  },\r\n  watch: {},\r\n  computed: {\r\n    title() {\r\n      if (this.form.paymentNo) {\r\n        return '订单详情'\r\n      } else {\r\n        return '订单确认'\r\n      }\r\n    }\r\n  },\r\n  created() {\r\n    console.log(this.$route.query)\r\n    this.form.no = this.$route.query.no\r\n    if (this.form.no) {\r\n      this.getOne()\r\n    }\r\n  },\r\n  methods: {\r\n    getOne() {\r\n      API.orderGetOne({ no: this.form.no }).then(res => {\r\n        this.form = res.data\r\n      })\r\n    },\r\n    handleSave() {\r\n      if (this.paymode === 'alipay') {\r\n        this.$Message({\r\n          showClose: true,\r\n          message: '支付宝暂不支持，请使用微信支付。',\r\n          type: 'error'\r\n        })\r\n        return false\r\n      }\r\n      API.wxPayQrCode({ type: 'smsOrder', no: this.form.no }).then(res => {\r\n        console.log(res)\r\n        // this.$bvModal.show('exampleModalCenterTitle')\r\n        this.dialogVisible = true\r\n        this.text = res.data\r\n        this.$nextTick(() => {\r\n          //生成二维码的方法\r\n          this.creatQrCode()\r\n        })\r\n        this.timeCount = 100\r\n        this.setTimer()\r\n      })\r\n    },\r\n    creatQrCode() {\r\n      this.$refs.qrCodeUrl.innerHTML = ''\r\n      new QRCode(this.$refs.qrCodeUrl, {\r\n        text: this.text, // 需要转换为二维码的内容\r\n        width: 200,\r\n        height: 200,\r\n        colorDark: '#000000', //二维码颜色\r\n        colorLight: '#ffffff' //二维码背景色\r\n      })\r\n    },\r\n    setTimer() {\r\n      this.timer = setTimeout(() => {\r\n        if (this.timeCount > 0) {\r\n          API.orderGetOne({ no: this.form.no })\r\n            .then(res => {\r\n              console.log(res)\r\n              this.timeCount--\r\n              if (res.data.paymentNo) {\r\n                clearTimeout(this.timer)\r\n                this.form = res.data\r\n                this.$msgbox.alert('支付成功', '信息', {\r\n                  confirmButtonText: '确定',\r\n                  callback: () => {\r\n                    this.dialogVisible = false\r\n                  }\r\n                })\r\n              } else {\r\n                this.setTimer()\r\n              }\r\n            })\r\n            .catch(() => {\r\n              this.timeCount--\r\n              this.setTimer()\r\n            })\r\n        } else {\r\n          clearTimeout(this.timer)\r\n          this.$msgbox.alert('支付连接超时请重新支付', '信息', {\r\n            confirmButtonText: '确定',\r\n            callback: () => {\r\n              this.dialogVisible = false\r\n            }\r\n          })\r\n        }\r\n      }, 3000)\r\n    },\r\n    dialogClose() {\r\n      clearTimeout(this.timer)\r\n    }\r\n  },\r\n  beforeRouteLeave(to, form, next) {\r\n    clearTimeout(this.timer)\r\n    next()\r\n  }\r\n}\r\n</script>\r\n<style lang=\"scss\" scoped>\r\n@media screen and (max-width: 576px) {\r\n  h1 {\r\n    padding: 5px 0 -15px 10px !important;\r\n    font-size: 18px !important;\r\n  }\r\n  .box {\r\n    padding-bottom: 5px !important;\r\n    margin: 5px 0 5px 0 !important;\r\n    h2 {\r\n      font-size: 16px !important;\r\n      margin-bottom: 10px !important;\r\n    }\r\n    .box-info {\r\n      font-size: 14px !important;\r\n      margin-bottom: 15px !important;\r\n    }\r\n  }\r\n}\r\n\r\n// 结束\r\n.app-top {\r\n  margin-top: 58px;\r\n  min-height: calc(100vh - 370px);\r\n  position: relative;\r\n  background: #f8f8f8;\r\n}\r\nh1 {\r\n  padding: 20px 0 0 20px;\r\n  font-size: 24px;\r\n  color: #333;\r\n}\r\n\r\n.box {\r\n  color: #888;\r\n  background: #ffffff;\r\n  margin: 10px 0 30px 0;\r\n  padding: 20px;\r\n  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.07);\r\n  // box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);\r\n  border-top: #ddd 3px solid;\r\n  h2 {\r\n    font-size: 18px;\r\n    color: #333;\r\n    margin-bottom: 20px;\r\n  }\r\n  .box-info {\r\n    margin-bottom: 10px;\r\n    font-size: 14px;\r\n    line-height: 22px;\r\n    padding-left: 10px;\r\n    label {\r\n      width: 70px;\r\n      text-align: right;\r\n    }\r\n    .box-value {\r\n      color: #333;\r\n    }\r\n  }\r\n  .box-pay {\r\n    display: flex;\r\n    align-items: center;\r\n\r\n    .paymode {\r\n      margin-top: 10px;\r\n      text-align: center;\r\n      border: 1px solid #eee;\r\n      cursor: pointer;\r\n      // border-radius: 4px;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      padding: 4px 0;\r\n      img {\r\n        width: 32px;\r\n        height: 32px;\r\n        margin-right: 10px;\r\n      }\r\n    }\r\n    .paymode:hover {\r\n      background: #f8f8f8;\r\n    }\r\n    .paymode-active {\r\n      position: relative;\r\n      border: 1px solid #eee;\r\n    }\r\n    .paymode-active:after {\r\n      position: absolute;\r\n      content: '';\r\n      width: 30px;\r\n      height: 30px;\r\n      right: 0;\r\n      bottom: 0;\r\n      background: url('../../assets/images/icon/selected_60.png') no-repeat;\r\n      background-size: cover;\r\n      z-index: 5;\r\n    }\r\n    .free-style {\r\n      font-size: 14px;\r\n      color: rgb(253, 13, 13);\r\n    }\r\n  }\r\n  .box-pay-success {\r\n    text-align: right;\r\n    color: #999;\r\n  }\r\n}\r\n\r\n.title {\r\n  display: flex;\r\n  align-items: center;\r\n  h3 {\r\n    font-size: 20px;\r\n    margin-left: 10px;\r\n  }\r\n  img {\r\n    width: 32px;\r\n  }\r\n  .tag {\r\n    padding: 2px 5px;\r\n    font-size: 18px;\r\n    font-weight: lighter;\r\n    color: #000;\r\n    background: #fff;\r\n    border: 1px #ddd solid;\r\n    border-radius: 5px;\r\n    margin-left: 10px;\r\n  }\r\n}\r\n\r\n.wrap-qrcode {\r\n  width: 100%;\r\n  height: 100vh;\r\n  position: absolute;\r\n  left: 0;\r\n  bottom: 0;\r\n  z-index: 10;\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  justify-content: center;\r\n  .mask {\r\n    width: 100%;\r\n    height: 100%;\r\n    background-color: rgb(0, 0, 0, 0.5);\r\n    position: absolute;\r\n    z-index: -1;\r\n  }\r\n  .Qrcode {\r\n    width: 320px;\r\n    height: 320px;\r\n    border-radius: 10px;\r\n    background: #fff;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    justify-content: center;\r\n  }\r\n  .cose {\r\n    margin-top: 20px;\r\n    width: 50px;\r\n    height: 50px;\r\n    background: #fff;\r\n    border-radius: 100%;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    font-size: 30px;\r\n    cursor: pointer;\r\n  }\r\n}\r\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!./confirm.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!./confirm.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./confirm.vue?vue&type=template&id=06e426de&scoped=true&\"\nimport script from \"./confirm.vue?vue&type=script&lang=js&\"\nexport * from \"./confirm.vue?vue&type=script&lang=js&\"\nimport style0 from \"./confirm.vue?vue&type=style&index=0&id=06e426de&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  \"06e426de\",\n  null\n  \n)\n\nexport default component.exports","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAMAAADW3miqAAABCFBMVEUAAAAAgL8AgN8Af+oQj98LkOkLiuoJieQQh+cQj+cPiukPkukOjuoMju0QiuoPjuYOkOgOkOwOjegNj+kQjusQi+cPjegPjewPi+kOjOkNjegRjegQjOkPjekPjOcPjegPjeoOi+gOj+kOjeYQjuoQjecPjuoPjekPjOkRj+oQjugQjuoQjukPjeoRjeoQj+kQjuoPjugQjegQj+oPjukQjeoQjekQjekQjukRjuoQjukQjekQjegQjuoRjukQjukQjugQjuoQjekRjekRjukQjugQjuoQjukQjekRjegQjukQjugQjukQjukRjukRjegRjekQjegQjukQjukRjukRjegQjekRjumIGXvOAAAAV3RSTlMABAgMEBcYHCAgIyMkKzA0Nzc4Oz9AQ0NER0xMUFNUV1dYW1xfYGNnaGtvb3N3e3+Dh4+Pl5ufo6Onq6+zs7e7v7/Dw8fLy8/T19vf3+Pj5+fr6+/z9/skc+scAAABnElEQVQYGX3BDUPSQAAG4PdudKbO7IuwMkuU0KigGjU/ypjQGpAugb3//5+0cdu4weh5YNpuuv4teeu7zW2UEnWPBu+1wIrakEuCGoqkwxKOhEENWKqvkFMB1wgUUnLAtfoSmkPD715vTIODuRpNVaBNUw0xMaSpCrRpCgSAOguqQJsFrwB41BpY0qPmATZTf0dzj4F3o7kZU/fRZFEVaLOoCZeZ882EBCqbsV3mXPjMTEe5A6DO3C+EXDWzgAvm/oAZ72Oj8aHrRyRdQEVcALXhrvXk2UMLqOx3wwfAJxoQMnFnf4tIRl6zgoSacOEOPhOtc6YmnwUAefg9YsaHy4SKmOlAUy2PmosTJnDDVAfA1g7mNk6vZiRbsJlQL2dM3LwAoMa8fArNOuiObcBj7D3szo/e2ZEEsBUw5h9LLDQYm+4g82ZCLezcQ0YMGZu+lYiJ5z+5EJ09QmqPc5OL7tfLCZcM6tAc/scXaLLPta4FUirgGoGFnOqz1LWCQTos4QgU7QVcElSxQhx6NHj7AqXsE9cPybHfPd2A4R84+RtdgUPn4QAAAABJRU5ErkJggg==\"","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.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!./confirm.vue?vue&type=style&index=0&id=06e426de&lang=scss&scoped=true&\"","import request from '@/common/request/request_common'\r\n\r\n\r\nfunction packageGetList(data) { return request({ url: '/Sms/PackageGetList', method: 'post', data }) }\r\nfunction packageBuy(data) { return request({ url: '/Sms/PackageBuy', method: 'post', data }) }\r\nfunction sendCreate(data) { return request({ url: '/Sms/SendCreate', method: 'post', data }) }\r\nfunction sendGetList(data) { return request({ url: '/Sms/SendGetList', method: 'post', data }) }\r\nfunction orderGetOne(data) { return request({ url: '/Sms/OrderGetOne', method: 'post', data }) }\r\nfunction orderGetList(data) { return request({ url: '/Sms/OrderGetList', method: 'post', data }) }\r\nfunction merchantGetOne(data) { return request({ url: '/Sms/MerchantGetOne', method: 'post', data }) }\r\n\r\nfunction wxPayQrCode(data) {\r\n  return request({\r\n    url: '/WxPay/Native',\r\n    method: 'post',\r\n    data\r\n  })\r\n}\r\nfunction wxPayPreId(data) {\r\n  return request({\r\n    url: '/WxPay/CreateOrderByJsapi',\r\n    method: 'post',\r\n    data\r\n  })\r\n}\r\n\r\nexport default {\r\n  packageGetList,\r\n  packageBuy,\r\n  sendCreate,\r\n  sendGetList,\r\n  orderGetOne,\r\n  orderGetList,\r\n  merchantGetOne,\r\n  wxPayQrCode,\r\n  wxPayPreId\r\n}\r\n"],"sourceRoot":""}