微信公众号支付调整

src/main/resources/static/css/pay/caimei-paymobile.css

@@ -15,7 +15,7 @@
     .pay-content.weixin{border: 2px solid #7AD237;}
     .pay-content.ali{border: 2px solid #3D8FFB;}
     .pay-codecontent{width: 1184px;height: auto;float: left;padding:  0 255px;box-sizing: border-box;}
-    .pay-codecontent .pay-amount{width: 278px;height: 100%;float: left;}
+    .pay-codecontent .pay-amount{width: 300px;height: 100%;float: left;}
     .pay-codecontent .pay-amount .pay-amount-text{width: 100%;height: auto;float: left;margin-bottom: 40px;}
     .pay-codecontent .pay-amount .pay-amount-text p{font-size: 16px;text-align: left;color: #333;line-height: 34px;}
     .pay-codecontent .pay-amount .pay-amount-text p span{margin-left: 5px;color: #E15616;}

src/main/resources/static/css/pay/caimei-wechatpay.css

@@ -66,6 +66,9 @@ footer{
     color: #FFF;
     border-radius: .14rem;
 }
+.pay-button .btn.disabled{
+    background: #E1E1E1;
+}
 .pay-logo{
     width: 100%;
     height: 1.30rem;

src/main/resources/static/js/pay/caimei-wechatpay.js

@@ -5,6 +5,7 @@ var payContainer = new Vue({
     el:"#payContainer",
     mixins: [mhWechatMixin,hlbWechatMixin],
     data: {
+        isSubMitStatus:false,
         paymentChannel:'HLB',
         shopOrderId:0,
         pageType:0,//页面跳转类型 0:订单 1:二手 2:超级会员 3:优惠券 4:认证通会员

src/main/resources/static/js/pay/mixin/hlb_wxMixin.js

@@ -14,6 +14,7 @@ var hlbWechatMixin = function () {
 					returnUrl:'https://www.caimei365.com/',
 				};
 				console.log('=========>普通订单合利宝公众号支付',params)
+				_this.isSubMitStatus=true;
 				PayApi.PayOrderPcScanWxPay(params,function(response){
 					_this.hlb_handlResponse(response)
 				})
@@ -29,6 +30,7 @@ var hlbWechatMixin = function () {
 					returnUrl: 'https://www.caimei365.com/',
 				};
 				console.log('=========>超级会员合利宝公众号支付',params)
+				_this.isSubMitStatus=true;
 				PayApi.PayVipMiniWxPay(params,function(response){
 					_this.hlb_handlResponse(response)
 				});
@@ -46,6 +48,7 @@ var hlbWechatMixin = function () {
 					source:2 //支付来源 1 小程序 2 WWW
 				};
 				console.log('=========>优惠券合利宝公众号支付',params)
+				_this.isSubMitStatus=true;
 				PayApi.PayCouponMiniWxPay(params,function(response){
 					_this.hlb_handlResponse(response)
 				});
@@ -61,6 +64,7 @@ var hlbWechatMixin = function () {
 					returnUrl: 'https://www.caimei365.com/',
 				};
 				console.log('=========>认证通会员合利宝公众号支付',params)
+				_this.isSubMitStatus=true;
 				PayApi.PayAuthVipMiniWxPay(params,function(response){
 					_this.hlb_handlResponse(response)
 				});
@@ -75,6 +79,7 @@ var hlbWechatMixin = function () {
 					returnUrl: 'https://www.caimei365.com/',
 				};
 				console.log('=========>二手发布合利宝公众号支付',params)
+				_this.isSubMitStatus=true;
 				PayApi.PayOrdersecondWechat(params,function(response){
 					_this.hlb_handlResponse(response)
 				});
@@ -83,6 +88,7 @@ var hlbWechatMixin = function () {
 				var _this = this;
 				if(response.code === 0){
 					var PayInfo = JSON.parse(response.data.rt10_payInfo);
+					_this.isSubMitStatus=false;
 					if (typeof WeixinJSBridge == "undefined"){
 						if( document.addEventListener ){
 							document.addEventListener('WeixinJSBridgeReady', hlb_onBridgeReady, false);
@@ -95,6 +101,7 @@ var hlbWechatMixin = function () {
 					}
 				}else{
 					CAIMEI.dialog("支付链接已失效,请重新扫码支付");
+					_this.isSubMitStatus=false;
 					setTimeout(function(){
 						WeixinJSBridge.call('closeWindow');
 					},3000);

src/main/resources/templates/pay/caimei-wechatpay.html

@@ -21,7 +21,7 @@
             <div class="mount"><span>￥</span>{{payAmount}}</div>
         </div>
     </div>
-    <div class="pay-button"><div class="btn" @click="WxPaySubmit">立即支付</div></div>
+    <div class="pay-button"><div class="btn" @click="WxPaySubmit" :class="isSubMitStatus ? 'disabled' : ''">立即支付</div></div>
     <div class="pay-logo">
         <div class="logo">采美365网</div>
     </div>