赤峰测试环境农行支付

liuqimichale
1 parent dc296370
Showing 7 changed files with 153 additions and 25 deletions
src/api/orderPay/orderPay.js
src/api/payResult/payResult.js
src/assets/images/no.png
src/assets/images/ok.png
src/components/orderPay.vue
src/components/payResult.vue
src/router/index.js
@@ -28,7 +28,7 @@ export function vxPayQuery(params) {  // 微信
  
 export function bankH5Pay(params) {  // 农行
   return request({
-    url: 'abcBankPay/bankH5Pay',
+    url: 'abcBankPay/bankPayForH5',
     method: 'post',
     data: params
   })
+import request from '@/utils/request'
+
+
+
+
+export function queryBankOrderState(params) {  // 农行
+  return request({
+    url: 'abcBankPay/queryBankOrderState',
+    method: 'post',
+    data: params
+  })
+}
@@ -134,31 +134,64 @@ export default {
  
       console.log(this.clientBrowser)
       if (this.clientBrowser == '农行') { // 农行支付
-        var aliParams = {};
-        aliParams.orderId = this.orderId;
-        aliParams.carNumber = this.carNumber;
-        aliParams.payType = 1;// 1:支付宝 2：微信 3：银联 10:H5   4微信公众号
-        aliParams.terminalSource = 7;//请求端来源 1： 任你停 2：pda 3：微信公共号 7:H5扫码 10页面支付
-        aliParams.paySrcType = this.paySrcType;//101停车支付
-        aliParams.orgId = this.$utils.myOrgId,
-        aliParams.backType = 2,
-        aliParams.PaymentLinkType = 1
-        aliParams.recordArreaInfos = JSON.stringify(this.orderId);
-        console.log(aliParams)
-
-        bankH5Pay(aliParams).then(response => {
+        var bankabcParams = {};
+        bankabcParams.orderId = this.orderId;
+        bankabcParams.carNumber = this.carNumber;
+        bankabcParams.payType = 1;// 1:支付宝 2：微信 3：银联 10:H5   4微信公众号
+        bankabcParams.terminalSource = 7;//请求端来源 1： 任你停 2：pda 3：微信公共号 7:H5扫码 10页面支付
+        bankabcParams.paySrcType = this.paySrcType;//101停车支付
+        bankabcParams.orgId = this.$utils.myOrgId,
+        bankabcParams.backType = 2,
+        bankabcParams.PaymentLinkType = 1
+        bankabcParams.recordArreaInfos = JSON.stringify(this.orderId);
+        console.log(bankabcParams)
+
+        bankH5Pay(bankabcParams).then(response => {
           console.log(response)
-          let res = response.data
-          let _token = res.split('TOKEN=')[1]
-          console.log(_token)
-          let _data = 'method=invokePayFromBrowser&tokenID='+_token
-          let cryData = CryptoJS.encrypt(_data, 'G9w0BAQEFAAOCAQ8AMIIBCgKCAQEAvM3', 'EkpTEA3FbZFGGq8Y')
-
-          let baseCRY = Base64.encode(cryData)
-          console.log(baseCRY)
-          window.location.href='bankabc:' + encodeURIComponent('{"method":"invokePayFromBrowser","param":'+baseCRY+'}')
-          // 即为加密后的数据。其中paramsEncode是需要加密的数据、
-          // keyStr是加密时使用的key，与服务端一致、hash是偏移量，是一个随机生成的16位字符串。
+          if(response.code=='0'){
+            let res = response.data.PaymentURL
+            let _token = res.split('TOKEN=')[1]
+            let OrderNo = response.data.OrderNo
+            localStorage.setItem('OrderNum',OrderNo)
+
+
+            if(window.navigator.userAgent.indexOf('Bankabc/Portal') > -1) {
+              // alert('当前页面在新容器');
+              AlipayJSBridge.call('startApp',{
+                appId:'30603024', // 固定值
+                param:{
+                  type:"3", // 3： 掌银内H5页面，
+                  tokenId:_token, //商户传过来的tokenId
+                  paySystem:"", //商户传过来的paySystem, 没有则传空字符串
+                  payType:"1111", //商户传过来的payType，没有则传'1111'
+                  webviewURL:"", //商户传过来的回跳地址
+                  remark:"其他参数", //扩展备用
+                  showProgress:'NO',
+                  backBehavior:'back'
+                },
+              },function(result){
+
+              });
+            } else {
+              // alert('当前页面在旧容器');
+              // 旧支付方式
+              window.location.href = 'https://www.abchina.com/luascript/mobilePayLua/'+  encodeURI('{"return":{"tokenID":"'+_token+'","backURL":"https://wxgzh.renniting.cn/wechatwuxi/Chifeng/TEST/sweeping_payment/codepay/index.html#/payResult","payType":""}}');
+
+            }
+          }else{
+            alert('请重新扫码')
+          }
+
+
+          // console.log(_token)
+          // let _data = 'method=invokePayFromBrowser&tokenID='+_token
+          // let cryData = CryptoJS.encrypt(_data, 'G9w0BAQEFAAOCAQ8AMIIBCgKCAQEAvM3', 'EkpTEA3FbZFGGq8Y')
+          //
+          // let baseCRY = Base64.encode(cryData)
+          // console.log(baseCRY)
+          // window.location.href='bankabc:' + encodeURIComponent('{"method":"invokePayFromBrowser","param":'+baseCRY+'}')
+          // // 即为加密后的数据。其中paramsEncode是需要加密的数据、
+          // // keyStr是加密时使用的key，与服务端一致、hash是偏移量，是一个随机生成的16位字符串。
         })
       }
  
+<template>
+  <div style="padding-top: 50px">
+    <div class="pay-result">
+      <div :style="{'background-image': 'url('+resultBG+')'}" class="result-bg"></div>
+      <div>{{payMsg}}</div>
+    </div>
+  </div>
+</template>
+
+<script>
+
+import oKBg from '../assets/images/ok.png'
+import noBg from '../assets/images/no.png'
+import { queryBankOrderState } from '@/api/payResult/payResult'
+
+export default {
+  name: 'payResult',
+  data() {
+    return {
+      resultBG: '',
+      payMsg: '支付成功',
+      orderId:''
+    }
+  },
+  created(){
+    // console.log(this.$route.query.ID)
+
+    this.resultBG = oKBg
+    this.orderId = localStorage.getItem("OrderNum")
+    this.queryBankOrderState()
+    // alert(window.location.href)
+    // alert(this.$router.query.ID)
+  },
+  mounted(){
+    // alert(window.location.href)
+  },
+  methods:{
+    queryBankOrderState:function () {
+      let me = this
+      let params = {
+        payOrderId : me.orderId
+      }
+      queryBankOrderState(params).then(response => {
+        console.log(response)
+        if(response.data.payResultEnum == 'PAY_SUCCESS'){
+          me.resultBG = oKBg
+          me.payMsg = '支付成功'
+        }else{
+          me.resultBG = noBg
+          me.payMsg = '支付失败'
+        }
+
+      })
+    }
+  }
+
+}
+</script>
+
+<style scoped lang="scss">
+  .pay-result {
+    /*width: 150px;*/
+    margin: 0 auto;
+    text-align: center;
+  }
+  .result-bg {
+    display: inline-block;
+    width: 70px;
+    height: 70px;
+    background-position: center 0;
+    background-size: 100% 100%;
+  }
+
+
+</style>
@@ -35,6 +35,14 @@ export default new Router({
       component: () => import("@/components/orderPay.vue")
     },
  
+    {
+      path: '/payResult',
+      name: 'payResult',
+      component: () => import("@/components/payResult.vue")
+    },
+
+
+
  
   ]
 })