telephone-clients 3.0.104-5 → 3.0.104-50

package/src/filiale/jiaocheng/android/createQRcode.vue

@@ -0,0 +1,204 @@
+<template>
+  <div style="height: auto;width: 100%">
+    <div partial>
+      <div class=""  align="center">
+        <div class="" ><img src="../../../assets/scanCode.png">请扫描下方二维码进行购气</div>
+        <div class="row app-row">
+          <div class="col-xs-4">
+            <label class="font text-left">订单编号:</label>
+          </div>
+          <div class="col-xs-8">
+            <input type="text" class ="search_input input-font" v-model="oderInfo.out_trade_no" />
+          </div>
+        </div>
+        <div class="row app-row">
+          <div class="col-xs-4">
+            <label class="font text-left">订单状态:</label>
+          </div>
+          <div class="col-xs-8">
+            <input type="text" class ="search_input input-font" v-model="oderInfo.msg" />
+          </div>
+        </div>
+        <!--<div @click="callBack('支付成功')">返回</div>-->
+      </div>
+      <div class="" align="center" >
+        <div class="QR-code">
+          <img src="../../../assets/qrcode_no.png" v-show="isTimeout" width="266" height="266" />
+          <div id="scan" style="margin-top: 25px"></div>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+<script>
+  import QRCode from 'qrcodejs2'
+  import {HttpResetClass} from "vue-client";
+  import Vue from 'vue'
+
+  export default {
+    title: '二维码扫码',
+    prop:['row'],
+
+    data () {
+      return {
+        // 订单状态定时器
+        timer1: {},
+        timer2: {},
+        // 订单信息
+        oderInfo: {
+          out_trade_no: "",
+          msg:''
+        },
+        // 下单信息
+        parameter: {
+          /*"attach": "梅河口POS支付",// 自定义字段 可不传
+          "bankName": "ccb", // 银行名字
+          // 商户配置 银行提供
+          "merchBase":{
+            "bankName": "ccb",
+            "socketUrl": "127.0.0.1",
+            "merchId":"105000049002821",
+            "posId":"051500429",
+            "branchId":"220000000",
+            "socketPort":"12345",
+            "operatorId":"105000049002821-003",
+            "operatorPassword":"mhrq2021",
+            "qrCodePayUrl": "https://ibsbjstar.ccb.com.cn/CCBIS/ccbMain?CCB_IBSVersion=V6&",
+            "pubKey": "30819c300d06092a864886f70d010101050003818a0030818602818055f36b8d4566e42635a6592d08bce92e1af3b9918dd3a7792531a7113622315fdd2541722cdeab6cd92349147589d3b86f496efd358fe967f8a35b0f2e53af55f3cba5ecde8d6f0fd3a7ead416d982432b2fe5872459e433faad329831188b218d4f85aa6b0a44fb7a10c157e8f8e1ec64b4559071a56661b7f5e399d068015f020111"
+          },
+          "money": 100, // 金额 分
+          "notifyUrl": "http://192.168.120.82:8445/bank/test" // 回调地址*/
+        },
+        isTimeout: true // 二维码图片
+
+      }
+    },
+    methods: {
+      callBack (para) {
+        //tag
+        this.$back(para)
+      },
+      // 生成二维码
+      async createOrder () {
+        if (!this.parameter) {
+          this.$showMessage('下单参数获取失败')
+          return
+        }
+        let http = new HttpResetClass()
+        //tag)
+        // let resp1 = await http.load('POST', `${this.$androidUtil.getProxyUrl()}/PosJianHang/pay/`, this.parameter, {})
+        Vue.mmType = ''
+        Vue.mm = ""
+        let resp1 = await http.load('POST', `${this.$androidUtil.getProxyUrl()}/rs/logic/PSBCGetCode`, {
+          "f_revenue": "productV3",
+          "money": this.row.money * 100 + "",
+          "attach": {},
+          "config": "jiaocheng",
+          "pay_way": "pos支付"
+        }, {})
+        Vue.mmType = 'AES'
+        Vue.mm = "3KMKqvgwR8ULbR8Z"
+        console.log('resp1=', JSON.stringify(resp1))
+        //tag)
+        if (resp1.data.code == 200) {
+          // 订单编号
+          this.oderInfo.out_trade_no = resp1.data.f_out_trade_no
+          // 支付连接
+          //tag
+          // 将链接转成二维码
+          new QRCode(document.getElementById('scan'), {'text': resp1.data.url, width: 266, height: 266})
+          this.isTimeout = false
+          // 查询订单状态
+          if (this.oderInfo.out_trade_no) {
+            this.timer1 = window.setInterval (this.queryOrderSatus,3000)
+          }
+        }else {
+          this.$showMessage('生成二维码失败！')
+        }
+      },
+      // 查询订单状态
+      async queryOrderSatus () {
+        //tag)
+        let http1 = new HttpResetClass()
+        let resp = await http1.load('POST', `${this.$androidUtil.getProxyUrl()}/rs/sql/tel_singleTable_OrderBy`, {
+          data: {
+            items: "id",
+            tablename: "t_weixinreturnxml",
+            condition: ` f_out_trade_no = '${this.oderInfo.out_trade_no}' and f_bill_state = 1 `,
+            orderitem: "id"
+          }
+        }, {resolveMsg: null, rejectMsg: null})
+        //tag)
+        if (resp.data.length > 0) {
+          //tag
+          this.oderInfo.msg = '支付成功'
+          // 清除定时器 返回上一层
+          await this.destroyed()
+          await this.callBack(this.oderInfo.out_trade_no)
+        }else {
+          this.oderInfo.msg = '订单未支付'
+        }
+      },
+      destroyed () {
+        // 停止计时器
+        //tag
+        window.clearInterval(this.timer1)
+        // window.clearInterval(this.timer2)
+      }
+    },
+    ready () {
+      //tag)
+      if(Vue.config.telephone != undefined){
+        if(Vue.config.telephone.ApproveConfig != undefined){
+          if(Vue.config.telephone.ApproveConfig.merchBase != undefined) {
+            // 下单信息
+            this.parameter = Vue.config.telephone.ApproveConfig.merchBase
+            if (this.row.money) {
+              // 下单金额
+              //tag)
+              this.parameter.money = this.row.money * 100
+              //tag)
+              this.createOrder()
+            }else {
+              this.$showMessage('金额获取失败！')
+            }
+
+          }else {
+            //tag
+            this.$showMessage('银行参数获取失败！')
+          }
+        }else {
+          //tag
+          this.$showMessage('银行参数获取失败！')
+        }
+      }else{
+        this.$showMessage('银行参数获取失败！')
+      }
+    },
+    destroyed () {
+      // 停止计时器
+      //tag
+      window.clearInterval(this.timer1)
+      // window.clearInterval(this.timer2)
+    }
+  }
+</script>
+<style>
+  .app-row {
+    background-color: white;
+    padding: 10px 10px 0 10px;
+    border-bottom: 1px solid rgba(235, 235, 235, 0.7);
+  }
+  .search_input {
+    border: 0;
+    outline: none;
+  }
+  .font{
+    font: 15px PingFang-SC-Medium;
+    color: #666666;
+  }
+  .input-font{
+    font: 15px PingFang-SC-Medium;
+    color: #333333;
+  }
+</style>