芜湖放心看

new_admincp/applications/zsb/views/nj/realHouse_marginAccount.php

+
+<style>
+    .fukuan {
+
+        display: inline-block;
+        text-align: center;
+        cursor: pointer;
+        border-radius: 2px;
+        margin-right: 20px;
+        transition: all 0.2s;
+    }
+    .fukuan.active:after {
+        content: '';
+        display: inline-block;
+        position: absolute;
+        background: url(/source/zsb/images/pay/dui.png) no-repeat;
+        width: 26px;
+        height: 17px;
+        margin-left: -26px;
+        margin-top: 20px;
+    }
+    .title-s {
+        font-size: 16px;
+        color: #333;
+        line-height: 56px;
+        font-weight: bold;
+    }
+    .pay_{
+        padding-left: 26px;
+        padding-bottom: 17px;
+    }
+    .pay_type{
+        padding-left: 83px;
+    }
+    .button_no {
+        width: 120px;
+        background-color: #bebebe;
+        height: 35px;
+        line-height: 35px;
+        display: inline-block;
+        color: #fff;
+        font-size: 15px;
+    }
+    .button_yes {
+        width: 120px;
+        background-color: #FF7F00;
+        height: 35px;
+        line-height: 35px;
+        display: inline-block;
+        color: #fff;
+        font-size: 15px;
+    }
+</style>
+
 <div id="centre" class="layout">
     <div class="centreInner ms-controller" id="real-manage" ms-controller="real-manage">
         <div class="mainInner radius5 zsbreal">
@@ -22,7 +76,7 @@
                             <?php if($real_status <= 0){?>
 
                                 <?php if($is_applay): ?>
-                                <a class="btnB btnSubmit radius5" ms-if="@formData.step == 1" href="javascript:void(0)"  ms-click="@isOpenReal()" >开通</a>
+                                <a class="btnB btnSubmit radius5" ms-if="@formData.step == 1" href="javascript:void(0)"  ms-click="@openpay()" >开通</a>
                                 <?php else: ?>
                                     <a class="btnB  radius5" style="background-color: grey;border: 1px solid grey;text-decoration: none;"  href="javascript:void(0)">开通</a>
                                 <?php endif; ?>
@@ -43,6 +97,31 @@
                         </div>
                     <?php } ?>
                 </div>
+
+                <div ms-if="@formData.step == 2" class="pay_">
+                    <div class="title-s">支付金额：<span style="color: red"><?=$real_money?></span>元</div>
+                    <div class="title-s">
+                        <span>支付方式</span>
+
+                    </div>
+                    <div class="pay_type">
+                       <!-- <span class="fukuan active">
+                            <img src="/source/zsb/images/pay/zfb.png" alt="">
+                        </span>-->
+                        <span class="fukuan active">
+                            <img src="/source/zsb/images/pay/weixin.png" alt="">
+                        </span>
+                    </div>
+                    <div style="text-align: center;">
+                        <div class="clear consent_box_pay" style="padding-top: 20px;">
+                            <label>
+                                <input id="js_checkConsent" ms-on-change="@agreement" type="checkbox" class="input_c" name="checkConsent">我已同意
+                            </label>
+                            <a href="/payment/agreement/" target="_blank">《365保证金协议》</a>
+                        </div>
+                        <div ms-click="@isOpenReal()" style="margin-top: 18px;"><span ms-class="['button_no',@formData.agree?'button_yes':'button_no']" >立即支付</span></div>
+                    </div>
+                </div>
             </div>
             <div ms-if="@formData.step == 1">
                 <div class="personal_title"><strong class="title">保证金变动明细</strong></div>
@@ -99,7 +178,7 @@
                     </div>
                 </div>
             </div>
-            <div ms-if="@formData.step == 2" class="show-wx">
+            <div ms-if="@formData.step == 3" class="show-wx">
                 <div class="paytit">
                     <p class="f16 c3 bold">微信支付</p>
                     <div>

new_admincp/source/zsb/js/v1.0/real/index.js

@@ -5,14 +5,20 @@ var avaVm = avalon.define({
         wximag:'',
         pay_money:0,
         transaction_id:'',
+        agree:false
+    },
+    openpay:function(){
+        var _this = this;
+        _this.formData.step = 2;
     },
     isOpenReal:function () {
         var _this = this;
-        layer.confirm('确认开通放心看？', {
-            btn: ['开通','取消'] //按钮
-        }, function(){
-            _this.openReal();
-        });
+        if(!_this.formData.agree){
+            layer.msg('请同意协议');
+            return false;
+        }
+        _this.openReal();
+
     },
     openReal:function () {
         var _this = this;
@@ -29,7 +35,7 @@ var avaVm = avalon.define({
                 }
                 var data = re.data;
                 _this.formData.wximag = data.pay_url;
-                _this.formData.step = 2;
+                _this.formData.step = 3;
                 _this.formData.pay_money = data.money;
                 _this.formData.transaction_id = data.transaction_id;
                 //启动轮询
@@ -100,7 +106,12 @@ var avaVm = avalon.define({
         });
 
 
-    }
+    },
+    agreement:function(e){
+        var _this = this
+        var checked = e.target.checked
+        _this.formData.agree = checked
+    },
 
 });
 $(function(){