{"version":3,"sources":["webpack:///./src/components/AXpayment.vue?af0f","webpack:///src/components/AXpayment.vue","webpack:///./src/components/AXpayment.vue?1e2f","webpack:///./src/components/AXpayment.vue","webpack:///./src/components/AXpayment.vue?a3b6"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_m","_v","_s","orderNo","money","on","handleRadioFun","model","value","callback","$$v","radio","expression","attrs","balance","directives","name","rawName","domProps","$event","target","composing","password","length","_e","comfirmPay","dialogVisible","staticStyle","slot","goShopping","orderDetail","staticRenderFns","data","$route","query","created","getBonusAccount","methods","$message","error","balancePay","payPassword","$router","push","alert","component"],"mappings":"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","file":"js/chunk-27771225.14fc1b91.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"payment\"},[_vm._m(0),_c('div',{staticClass:\"order-info\"},[_c('div',{staticClass:\"lable\"},[_vm._v(\"订单信息\")]),_c('div',{staticClass:\"info\"},[_c('p',[_c('span',[_vm._v(\"订单号：\"+_vm._s(_vm.orderNo))])]),_c('p',[_c('span',[_vm._v(\"应付金额：\"+_vm._s(_vm.money)+\"元\")])])])]),_c('div',{staticClass:\"order-info\"},[_c('div',{staticClass:\"lable\"},[_vm._v(\"选择支付方式\")]),_c('div',{staticClass:\"info\"},[_c('el-radio-group',{on:{\"change\":_vm.handleRadioFun},model:{value:(_vm.radio),callback:function ($$v) {_vm.radio=$$v},expression:\"radio\"}},[_c('el-radio',{attrs:{\"label\":1}},[_vm._v(\"微信支付\")]),_c('el-radio',{attrs:{\"label\":2}},[_vm._v(\"支付宝支付\")]),_c('el-radio',{attrs:{\"label\":3}},[_vm._v(\"奖金支付(当前奖金：￥\"+_vm._s(_vm.balance)+\")\")])],1),(_vm.radio == 3)?_c('div',{staticClass:\"password-box\"},[_c('div',{staticClass:\"inputTable\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.password),expression:\"password\"}],attrs:{\"type\":\"tel\",\"maxlength\":\"6\"},domProps:{\"value\":(_vm.password)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.password=$event.target.value}}}),_c('div',{staticClass:\"passIcon\"},[_c('p',[_c('i',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.password.length > 0),expression:\"password.length > 0\"}]})]),_c('p',[_c('i',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.password.length > 1),expression:\"password.length > 1\"}]})]),_c('p',[_c('i',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.password.length > 2),expression:\"password.length > 2\"}]})]),_c('p',[_c('i',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.password.length > 3),expression:\"password.length > 3\"}]})]),_c('p',[_c('i',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.password.length > 4),expression:\"password.length > 4\"}]})]),_c('p',[_c('i',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.password.length > 5),expression:\"password.length > 5\"}]})])])])]):_vm._e(),_c('div',{staticClass:\"btn\",on:{\"click\":_vm.comfirmPay}},[_vm._v(\"确认支付\")])],1)]),_c('el-dialog',{attrs:{\"show-close\":false,\"visible\":_vm.dialogVisible,\"close-on-click-modal\":false,\"cemter\":\"\",\"width\":\"30%\"},on:{\"update:visible\":function($event){_vm.dialogVisible=$event}}},[_c('span',{staticStyle:{\"font-size\":\"20px\",\"font-weight\":\"bold\",\"color\":\"#333333\"}},[_vm._v(\"支付成功！\")]),_c('span',{staticClass:\"dialog-footer\",attrs:{\"slot\":\"footer\"},slot:\"footer\"},[_c('el-button',{on:{\"click\":_vm.goShopping}},[_vm._v(\"前往购物车\")]),_c('el-button',{attrs:{\"type\":\"primary\"},on:{\"click\":_vm.orderDetail}},[_vm._v(\"订单详情\")])],1)])],1)}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"head-title\"},[_c('div',{staticClass:\"img-box\"},[_c('img',{attrs:{\"src\":require(\"../assets/logo.png\"),\"alt\":\"\"}})]),_c('div',{staticClass:\"title\"},[_vm._v(\"收银台\")])])}]\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"payment\">\r\n    <div class=\"head-title\">\r\n      <div class=\"img-box\"><img src=\"../assets/logo.png\" alt=\"\"></div>\r\n      <div class=\"title\">收银台</div>\r\n    </div>\r\n    <div class=\"order-info\">\r\n      <div class=\"lable\">订单信息</div>\r\n      <div class=\"info\">\r\n        <p><span>订单号：{{orderNo}}</span></p>\r\n        <p><span>应付金额：{{money}}元</span></p>\r\n      </div>\r\n      <!-- <div class=\"order-main\">\r\n        <p>订单详情</p>\r\n        <div class=\"main\">\r\n          <p><span>商品名称：</span></p>\r\n          <p><span>交易金额：</span></p>\r\n          <p><span>商品名称：</span></p>\r\n\r\n        </div>\r\n      </div> -->\r\n    </div>\r\n    <div class=\"order-info\">\r\n      <div class=\"lable\">选择支付方式</div>\r\n      <div class=\"info\">\r\n        <el-radio-group v-model=\"radio\" @change=\"handleRadioFun\">\r\n          <el-radio :label=\"1\">微信支付</el-radio>\r\n          <el-radio :label=\"2\">支付宝支付</el-radio>\r\n          <el-radio :label=\"3\">奖金支付(当前奖金：￥{{balance}})</el-radio>\r\n        </el-radio-group>\r\n        <div class=\"password-box\" v-if=\"radio == 3\">\r\n          <div class=\"inputTable\">\r\n            <input type=\"tel\" v-model=\"password\" maxlength=\"6\">\r\n            <div class=\"passIcon\">\r\n              <p><i v-show=\"password.length > 0\"></i></p>\r\n              <p><i v-show=\"password.length > 1\"></i></p>\r\n              <p><i v-show=\"password.length > 2\"></i></p>\r\n              <p><i v-show=\"password.length > 3\"></i></p>\r\n              <p><i v-show=\"password.length > 4\"></i></p>\r\n              <p><i v-show=\"password.length > 5\"></i></p>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <div class=\"btn\" @click=\"comfirmPay\">确认支付</div>\r\n      </div>\r\n    </div>\r\n    <!-- 支付成功提示 -->\r\n    <el-dialog\r\n      :show-close=\"false\"\r\n      :visible.sync=\"dialogVisible\"\r\n      :close-on-click-modal=\"false\"\r\n      cemter\r\n      width=\"30%\">\r\n      <span style=\"font-size:20px;font-weight: bold;color: #333333;\">支付成功！</span>\r\n      <span slot=\"footer\" class=\"dialog-footer\">\r\n        <el-button @click=\"goShopping\">前往购物车</el-button>\r\n        <el-button type=\"primary\" @click=\"orderDetail\">订单详情</el-button>\r\n      </span>\r\n    </el-dialog>\r\n  </div>\r\n</template>\r\n<script>\r\nimport {\r\n  BonusAccount,\r\n  WalletPay, // 余额支付\r\n} from '../api/api'\r\nexport default {\r\n  name: 'ax-payment',\r\n  data(){\r\n    return{\r\n      dialogVisible: false,\r\n      radio: null,\r\n      money: this.$route.query.money || 0,\r\n      orderNo: this.$route.query.orderNo || 0,\r\n      balance: 0,\r\n      password: ''\r\n    }\r\n  },\r\n  created(){\r\n    this.getBonusAccount()\r\n  },\r\n  methods:{\r\n    handleRadioFun(val){\r\n      if(val == 3 && this.money > this.balance){\r\n        this.radio = null\r\n        return this.$message.error('账户余额不足!')\r\n      }\r\n    },\r\n    comfirmPay(){\r\n      if(this.radio == 1){\r\n\r\n      } else if(this.radio == 2){\r\n\r\n      } else if(this.radio == 3){\r\n        this.balancePay()\r\n      }\r\n    },\r\n    getBonusAccount(){\r\n      BonusAccount({}).then(res => {\r\n        if(res.data.success){\r\n          this.balance = res.data.response.Balance\r\n        } else{\r\n          this.$message.error(res.data.msg)\r\n        }\r\n      })\r\n    },\r\n    balancePay(){\r\n      if (this.password.length === 6) {\r\n        let params = {\r\n          orderNo: this.$route.query.orderNo,\r\n          payPassword: this.password\r\n        }\r\n        WalletPay(params).then(res =>{\r\n          if(res.data.success){\r\n            this.radio = null\r\n            this.dialogVisible = true\r\n          } else{\r\n            this.$message.error(res.data.msg)\r\n          }\r\n        })\r\n      }\r\n    },\r\n    goShopping(){\r\n      this.$router.push({path: '/shoppingCart'})\r\n    },\r\n    orderDetail(){\r\n      alert('去订单列表')\r\n    }\r\n  }\r\n}\r\n</script>\r\n<style lang=\"scss\" scoped>\r\n.payment{\r\n  width: 1200px;\r\n  margin: 0 auto;\r\n  padding-bottom: 20px;\r\n  text-align: left;\r\n  .head-title{\r\n    display: flex;\r\n    justify-content: flex-start;\r\n    align-items: flex-end;\r\n    .title{\r\n      margin-left: 20px;\r\n      font-size: 20px;\r\n      font-weight: bold;\r\n      color: #333333;\r\n    }\r\n  }\r\n  .order-info{\r\n    margin-top: 20px;\r\n    .lable{\r\n      font-size: 16px;\r\n      font-weight: bold;\r\n      color: #333333;\r\n      margin-bottom: 10px;\r\n    }\r\n    // .info{\r\n    //   display: flex;\r\n    //   justify-content: space-between;\r\n    //   align-items: center;\r\n    // }\r\n    .btn{\r\n      text-align: center;\r\n      width: 120px;\r\n      height: 40px;\r\n      line-height: 40px;\r\n      font-size: 16px;\r\n      font-weight: bold;\r\n      color: #ffffff;\r\n      background: #f40000;\r\n      border-radius: 4px;\r\n      margin: 20px 0;\r\n    }\r\n  }\r\n  .password-box{\r\n    margin-top: 20px;\r\n    .inputTable{\r\n      border:1px solid #D6D6D6;\r\n      display:inline-block;\r\n      font-size:0;\r\n      position: relative;\r\n      overflow:hidden;\r\n      input{\r\n        display:block;\r\n        width:calc(100% + 100px);\r\n        height:100%;\r\n        position: absolute;\r\n        left:-100px;\r\n        top:0;\r\n        z-index:20;\r\n        opacity:0;\r\n        font-size:16px;\r\n      }\r\n      .passIcon{\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n      }\r\n      p{\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n        width:36px;\r\n        height:36px;\r\n        border-right:1px solid #D6D6D6;\r\n        &:last-child{border-right: none; width: 37px;}\r\n        i{\r\n          width:8px;\r\n          height:8px;\r\n          display:block;\r\n          background:#333;\r\n          border-radius:100px;\r\n        }\r\n      }\r\n      .vcodeBox{\r\n        p>span{\r\n          width:100%;\r\n          height:100%;\r\n          background:#fff;\r\n          border-radius:0;\r\n          font-weight:700;\r\n        }\r\n      }\r\n    }\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!./AXpayment.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!./AXpayment.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./AXpayment.vue?vue&type=template&id=5d062990&scoped=true&\"\nimport script from \"./AXpayment.vue?vue&type=script&lang=js&\"\nexport * from \"./AXpayment.vue?vue&type=script&lang=js&\"\nimport style0 from \"./AXpayment.vue?vue&type=style&index=0&id=5d062990&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  \"5d062990\",\n  null\n  \n)\n\nexport default component.exports","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!./AXpayment.vue?vue&type=style&index=0&id=5d062990&lang=scss&scoped=true&\""],"sourceRoot":""}