php/www/vue/src/components/pay.vue

<template>
	<div class="brand">
		<scroller>
			<h2>收银台</h2>
			<group>
				<div class="order-info">订单类型:<span>{{orderType}}</span></div>
				<div class="order-info">微信支付:<span>{{orderPayValue}}</span></div>
			</group>
			<group>
				<div class="pay-type">支付方式</div>
			</group>
			<group>
				<a href="javascript:void(0)" class="pay-option checked" data-value="wx_pub"> <i class="icon-weixin"></i>
					微信支付 </a>
			</group>
			<div class="btn" @click="btnPay">确认支付</div>
		</scroller>
	</div>
</template>

<script>
  import {CheckIcon, Group} from 'vux'
  import axios from 'axios'
  import config from '../config/config'
  //  import api from '../config/api'
  import qs from 'qs'
  export default {
    data () {
      return {
        orderType: '', // 订单类型
        orderCoupon: '', // 代金券支付
        orderBalance: '', // 余额支付
        orderPayValue: '' // 微信支付
      }
    },
    components: {
      CheckIcon,
      Group
    },
    created () {
      if (this.$route.query.payRecharge !== undefined) {
        // 订单类型
        this.orderType = this.$route.query.payRecharge.products
        // 微信支付
        this.orderPayValue = this.$route.query.payRecharge.final_price
      } else if (this.$route.query.orderInfo !== undefined) {
        // 订单类型 orderType
        this.orderType = this.$route.query.orderInfo.products_str
        // 代金券支付 orderCoupon
        this.orderCoupon = this.$route.query.orderInfo.final_price
        // 余额支付 orderBalance
        this.orderBalance = this.$route.query.orderInfo.final_price
        // 微信支付 orderPayValue
        this.orderPayValue = this.$route.query.orderInfo.final_price
        console.log(this.$route.query.orderInfo)
        if (this.$route.query.orderInfo.coupons && this.$route.query.orderInfo.coupons.length) {
          for (let i in this.$route.query.orderInfo.coupons) {
            this.orderCoupon += parseInt(this.$route.query.orderInfo.coupons[i].coupon.value)
          }
        }
        if (this.$route.query.orderInfo.pay_price && this.$route.query.orderInfo.pay_price !== 0) {
          this.orderBalance = this.$route.query.orderInfo.final_price - this.$route.query.orderInfo.pay_price
        }
        if (this.$route.query.orderInfo.pay_price && this.$route.query.orderInfo.pay_price !== 0) {
          this.orderPayValue = this.$route.query.orderInfo.pay_price
        } else {
          this.orderPayValue = this.$route.query.orderInfo.final_price
        }
      }
    },
    methods: {
      btnPay () {
        if (this.$route.query.payRecharge !== {}) {
          let payRecharge = {
            user_id: config.userId,
            order_id: this.$route.query.payRecharge.order_id,
            pay_channel: 'wx_pub'
          }
          axios.post('o2o/recharge/payRecharge', qs.stringify(payRecharge)).then(res => {
            this.pay(res.data, payRecharge.order_id)
          })
        } else if (config.orderInfo.length !== 0) {
          axios.post('o2o/order/pay', qs.stringify(config.orderInfo)).then(res => {
            this.pay(res.data)
          })
        }
      },
      pay (res, orderId, charge) {
        let orderInfo = {}
        console.log(orderId)
//            window.location.href = 'http://common.yiguanjia.me/webapp/o2o/module/pay/index.html?appId=' +
//              option.appId + '&nonceStr=' + option.nonceStr +
//              '&package=' + prepay + '&signType=' +
//              option.signType + '&timeStamp=' +
//              option.timeStamp + '&paySign=' +
//              option.paySign + '&amount=' + wxPay.amount +
//              '&created=' + wxPay.created + '&body=' +
//              wxPay.body + '&bookingTime=' + bookingTime
        if (res.success) {
          let orderList = {user_id: config.userId, type: 1}
          axios.post('o2o/order/list', qs.stringify(orderList)).then(res => {
            for (let i in res.data.data) {
              if (orderId === res.data.data[i].id) {
                orderInfo = res.data.data[i]
              }
            }
          })
          console.log(orderInfo)
//          var orderInfo = user.getOrderInfo(orderID);
//          var params = {
//            orderInfo: orderInfo,
//            charge: res.data
//          }
          // 调用native中pay方法，传值orderInfo，charge并做回调，返回充值结果
//          native.pay(params, function (resA) {
//            if (resA.success) {
//              $doc.trigger('spa:navigate', {
//                hash: 'paySuccess'
//              });
//            } else {
//              $doc.trigger('spa:openpanel', ['simpleAlert', {
//                message: resA.message
//              }]);
//            }
//          });
        }
      }
    }
  }
</script>

<style lang="less" scoped>
	h2 {
		line-height: 2em;
		margin-bottom: -15px;
	}
	
	.btn {
		display: block;
		width: 95%;
		color: white;
		margin: 15px auto 0;
		padding: 15px 0;
		font-size: 18px;
		background-color: rgba(146, 118, 3, 1);
		transition: all .5s;
		&:active {
			color: #0b0b0b;
			background-color: rgba(146, 118, 3, 0.86);
		}
	}
	
	.order-info {
		text-align: left;
		padding: 15px;
		&:nth-child(1) {
			padding-bottom: 0;
		}
		&:nth-child(2) {
			padding-top: 0;
		}
	}
	
	.pay-type {
		text-align: left;
		line-height: 50px;
		font-size: 18px;
		padding-left: 15px;
		font-weight: 600;
	}
	
	.pay-option {
		color: black;
		position: relative;
		display: block;
		overflow: hidden;
		text-align: left;
		padding: 15px 0 15px 15px;
		&:before {
			content: '';
			width: 18px;
			height: 18px;
			display: inline-block;
			vertical-align: middle;
			background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0i5Zu+5bGCXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgMTggMTgiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDE4IDE4OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDojNDA0MDQwO30NCjwvc3R5bGU+DQo8ZyBpZD0iWE1MSURfMV8iPg0KCTxwYXRoIGlkPSJYTUxJRF80XyIgY2xhc3M9InN0MCIgZD0iTTguOTk2LDE4LjAxNWMtNC45NjIsMC05LTQuMDM3LTktOWMwLTQuOTYyLDQuMDM3LTksOS05YzQuOTYzLDAsOSw0LjAzNyw5LDkNCgkJQzE3Ljk5NiwxMy45NzgsMTMuOTU5LDE4LjAxNSw4Ljk5NiwxOC4wMTV6IE04Ljk5NiwwLjk2M2MtNC40NCwwLTguMDUyLDMuNjEyLTguMDUyLDguMDUyczMuNjEyLDguMDUzLDguMDUyLDguMDUzDQoJCXM4LjA1My0zLjYxMyw4LjA1My04LjA1M1MxMy40MzYsMC45NjMsOC45OTYsMC45NjN6Ii8+DQo8L2c+DQo8L3N2Zz4NCg==) no-repeat;
			background-size: cover;
		}
		.icon-weixin {
			width: 24px;
			height: 24px;
			color: black;
			display: inline-block;
			vertical-align: middle;
			margin-left: 7px;
			margin-right: 7px;
			background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAYAAABV7bNHAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo1YzE4ZDkwZC1mYmE5LThhNGYtODA3ZS0xYzk5NTQyNmE3NmMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RjNFNTk5RUEzQ0VBMTFFNUE2NkFFNURBMjI5N0UzQjYiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RjNFNTk5RTkzQ0VBMTFFNUE2NkFFNURBMjI5N0UzQjYiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NDg2MDc1YTMtMmZiZS1hZTRkLWE2NDAtMjY0ZjBmYmJhM2I1IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjVjMThkOTBkLWZiYTktOGE0Zi04MDdlLTFjOTk1NDI2YTc2YyIv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) no-repeat;
			background-size: cover;
		}
	}
	
	.checked:before {
		background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0i5Zu+5bGCXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgMTggMTgiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDE4IDE4OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDojNDA0MDQwO30NCgkuc3Qxe2ZpbGw6IzhCQzM0QTt9DQo8L3N0eWxlPg0KPGcgaWQ9IlhNTElEXzFfIj4NCgk8cGF0aCBpZD0iWE1MSURfNF8iIGNsYXNzPSJzdDAiIGQ9Ik04Ljk5NiwxOC4wMTVjLTQuOTYyLDAtOS00LjAzNy05LTljMC00Ljk2Miw0LjAzNy05LDktOWM0Ljk2MywwLDksNC4wMzcsOSw5DQoJCUMxNy45OTYsMTMuOTc4LDEzLjk1OSwxOC4wMTUsOC45OTYsMTguMDE1eiBNOC45OTYsMC45NjNjLTQuNDQsMC04LjA1MiwzLjYxMi04LjA1Miw4LjA1MnMzLjYxMiw4LjA1Myw4LjA1Miw4LjA1Mw0KCQlzOC4wNTMtMy42MTMsOC4wNTMtOC4wNTNTMTMuNDM2LDAuOTYzLDguOTk2LDAuOTYzeiIvPg0KPC9nPg0KPHBhdGggaWQ9IlhNTElEXzlfIiBjbGFzcz0ic3QxIiBkPSJNOC45OTYsNC41MTVjLTIuNDgxLDAtNC41LDIuMDE5LTQuNSw0LjVzMi4wMTksNC41LDQuNSw0LjVzNC41LTIuMDE5LDQuNS00LjUNCglTMTEuNDc3LDQuNTE1LDguOTk2LDQuNTE1eiIvPg0KPC9zdmc+DQo=) no-repeat;
		background-size: cover;
	}
</style>