多笔缴纳费用

liuqimichale
1 parent d68fc748
Showing 9 changed files with 283 additions and 23 deletions
css/paybacknew.css
js/ajax.js
js/monPay.js
js/paybacknew.js
list.html
listnew.html
monPay.html
out.html
paybacknew.html
+.out-btn{
+    position: absolute;
+    right: 10px;
+    bottom:10px;
+
+}
+.outpay-btn{
+    position: absolute;
+    right: 10px;
+    bottom:10px;
+    width: 70px;
+    height: 25px;
+    margin-top: 20px;
+    color: #FFF;
+    font-size: 12px;
+    text-align: center;
+    line-height: 25px;
+    background: url(../img/arrears-bg.png) no-repeat;
+    background-size: 70px 25px;
+}
 .tab-wrap{
     display: flex;
     margin-bottom: 4px;
 var jsajax = jsajax || {};
 //任你停赤峰
-jsajax.appID = 'wx945eccc8163fd75b';
+jsajax.appID = 'wx2af2bab90d433c86';
 //获取openid
 jsajax.getopenid = function (code,fn) {
 	var openid = '';
@@ -7,7 +7,7 @@ var webAppParams = null;
 var $btnObj = null;
 var $btnLoad = null;
 var flag = 0;
-var appWxID = 'wxff4cebaedbf4f886';
+var appWxID = 'wx2af2bab90d433c86';
 // var appWxID = 'wx945eccc8163fd75b'
 var webAppCode = null;//如果是微信，先获取微信code
 //var $btnLoad = document.getElementById("loading");
@@ -249,6 +249,7 @@ var fun = {
     parkCodes: [],
     parkCodeArr: [],
     selectedMon: 0,//选中了总金额
+    flag:false,
     getQueryVariable: function (variable) {
         var query = window.location.search.substring(1);
         var vars = query.split("&");
@@ -273,17 +274,43 @@ var fun = {
             $('#pay-wrap').attr('carNumber', fun.inData[0].carNumber)
             $('#pay-wrap').attr('parkCode', fun.inData[0].parkCode)
             $('#pay-wrap').attr('orderId', fun.inData[0].orderId)
-            $('#pay-wrap').append('<div class="pay-header">\n' +
-                '            <span>' + fun.inData[0].carNumber + '</span>\n' +
-                '            <span>本次费用</span>\n' +
-                '        </div>\n' +
-                '        <div class="pay-body">\n' +
-                '            <p>停车场名称:' + fun.inData[0].parkName + '</p>\n' +
-                '            <p>进场时间:' + fun.inData[0].parkInTime + '</p>\n' +
-                '            <p>出场时间:' + fun.inData[0].parkOutTime + '</p>\n' +
-                '            <p>停车时长:' + fun.dateFormat(fun.inData[0].parkDuration) + '</p>\n' +
-                '            <span class="pay-money">' + ((fun.inData[0].unPayFee) / 100).toFixed(2) + '元</span>\n' +
-                '        </div>')
+
+            var orderFreeDuration = Number((fun.inData[0].orderFreeDuration))
+            var parkDuration = Number((fun.inData[0].parkDuration))
+
+            if (orderFreeDuration > parkDuration) {
+                fun.flag = true
+                $('#pay-wrap').append('<div class="pay-header">\n' +
+                    '            <span>' + fun.inData[0].carNumber + '</span>\n' +
+                    '            <span>本次费用</span>\n' +
+                    '        </div>\n' +
+                    '        <div class="pay-body">\n' +
+                    '            <p>停车场名称:' + fun.inData[0].parkName + '</p>\n' +
+                    '            <p>进场时间:' + fun.inData[0].parkInTime + '</p>\n' +
+                    '            <p>出场时间:' + fun.inData[0].parkOutTime + '</p>\n' +
+                    '            <p>停车时长:' + fun.dateFormat(fun.inData[0].parkDuration) + '</p>\n' +
+                    '            <span class="pay-money">' + ((fun.inData[0].unPayFee) / 100).toFixed(2) + '元</span>\n' +
+                    '<p  class="out-btn arrears-btn" data-orderId="'+fun.inData[0].orderId+'"  data-money="'+fun.inData[0].unPayFee+'" data-carNumber="'+fun.inData[0].carNumber+'"  data-parkCode="'+fun.inData[0].parkCode+'">申请离场' +
+                    '                <span class="orderId" style="display: none" ' +
+                    '>' + fun.inData[0].orderId + '</span>' +
+                    '</p>' +
+                    '        </div>')
+            } else {
+                $('#pay-wrap').append('<div class="pay-header">\n' +
+                    '            <span>' + fun.inData[0].carNumber + '</span>\n' +
+                    '            <span>本次费用</span>\n' +
+                    '        </div>\n' +
+                    '        <div class="pay-body">\n' +
+                    '            <p>停车场名称:' + fun.inData[0].parkName + '</p>\n' +
+                    '            <p>进场时间:' + fun.inData[0].parkInTime + '</p>\n' +
+                    '            <p>出场时间:' + fun.inData[0].parkOutTime + '</p>\n' +
+                    '            <p>停车时长:' + fun.dateFormat(fun.inData[0].parkDuration) + '</p>\n' +
+                    '            <span class="pay-money">' + ((fun.inData[0].unPayFee) / 100).toFixed(2) + '元</span>\n' +
+                    '<p  class="outpay-btn">出场缴费' +
+                    '                <span class="orderId" style="display: none">' + fun.inData[0].orderId + '</span>' +
+                    '</p>' +
+                    '        </div>')
+            }
         } else {
             $('#pay-wrap').html('')
             $('#pay-wrap').append('<p style="height: 50px;line-height: 50px;text-align: center">无本次订单费用</p>')
@@ -445,6 +472,9 @@ $(&#39;#arrears-list&#39;).delegate(&#39;li&#39;,&#39;click&#39;, function () {
 //.........................   本次费用
 $('#pay-wrap').on('click', function () {
+    if(fun.flag){
+        return
+    }
     var carNumber = $(this).attr('carNumber')
     var parkCode = $(this).attr('parkCode')
     var orderId = $(this).attr('orderId')
@@ -463,5 +493,97 @@ $(&#39;#opr-btn&#39;).on(&#39;click&#39;, function () {
 })
+//.........................   免费离场
+
+$(document).on('click', '.out-btn', function () {
+    // var _this = $(this).parent().parent().parent();
+
+    var money = $(this).attr('data-money')
+    console.log(money)
+    var _orderId = $(this).attr('data-orderId')
+
+    var carNumber = $(this).attr('data-carnumber')
+    //var parkCode = $(this).find('.parkCode').text()
+    // var orderId = _this.find('.orderId').text()
+    var parkCode = $(this).attr('data-parkcode')
+    // var carNumber = $(this).find('.carNumber').text()
+
+    var paySrcType = '101'
+
+    // if(paySrcType == ''){
+    //   paySrcType = 103
+    // }else{
+    //   paySrcType = 101
+    // }
+    // alert(paySrcType)
+    console.log(paySrcType)
+    localStorage.setItem('paySrcType', paySrcType)
+    localStorage.setItem('parkCode', parkCode)
+    $('.dialog-out').show()
+    var salt = jsajax.salt(32);
+    var token = mUrl.GetToken();
+    if (token == null) {
+        token = '';
+    }
+    var jsondata = {
+        app_id: "0eca8f5373ca4866aec2f8e9d9367104",
+        deviceInfo: "BC0703A4-AFB0-4B51-9089-9B7487C0CC6E",
+        salt: salt,
+        sign: getMd5sign(),
+        sign_type: "md5",
+        //token : token,
+
+        //appId:jsajax.appID,
+        orderId: _orderId,
+        payOrderType: '101',
+        terminalSource: '1',
+        //parkCode:parkCode,
+        // carNumber:carNumber,
+
+    }
+    jsajax.defaultReq(
+        cepath + '/appAccountPay/appApplyParkOut',
+        JSON.stringify(jsondata),
+        function (data) {
+            console.log(data)
+
+            if (data.code == '5005') {
+                getOneorder(carNumber, parkCode, _orderId)
+
+            } else {
+                $('.dialog-out').show()
+                // window.location.href = 'zeroout.html'
+            }
+            // alert(data.message)
+
+        })
+
+})
+
+$('.close-btn').on('click',function () {
+    $('.dialog-out').hide()
+})
+
+function getMd5sign()
+{
+    var salt = jsajax.salt(32);
+    var token = mUrl.GetToken();
+    if (token == null) {
+        token = '';
+    }
+    var sortd = [
+        {keyname:'app_id',value:'0eca8f5373ca4866aec2f8e9d9367104'},
+        {keyname:'deviceInfo',value:'BC0703A4-AFB0-4B51-9089-9B7487C0CC6E'},
+        {keyname:'salt',value:salt},
+        {keyname:'sign_type',value:'md5'},
+        {keyname:'token',value:token}
+    ];
+    var md5sign = jsajax.getsign(sortd);
+    return md5sign;
+
+}
+
+
+
@@ -170,6 +170,6 @@ $(document).delegate(&#39;.swiper-slide&#39;,&#39;click&#39;,function () {
     window.open(_url)
 })
 </script>
-<script src="js/list.js?h=11121.31"></script>
+<script src="js/list.js?h=121.31"></script>
 </body>
 </html>
@@ -244,6 +244,6 @@
   }
 })();
 </script>
-<script src="js/listnew.js"></script>
+<script src="js/listnew.js?a=111"></script>
 </body>
 </html>
@@ -112,10 +112,10 @@
 <script src="js/jquery-3.2.1.min.js"></script>
 <script src="//cdn.bootcss.com/jquery-weui/1.0.1/js/jquery-weui.min.js"></script>
-<script src="js/config.js?a=123"></script>
+<script src="js/config.js?a=1213"></script>
 <script src="js/common.js?f=3.51"></script>
 <!--<script src="js/jweixin-1.0.0.js?v=0.1"></script>-->
-<script src="js/monPay.js?b=551.5120"></script>
+<script src="js/monPay.js?b=0.1"></script>
 </body>
 </html>
@@ -154,7 +154,7 @@
             <input type="tel" id="inputPhoneNum" value="" onkeydown="inputDown();" placeholder="请输入手机号码" maxlength="14" onpaste="return false" style="display:block;" />
         </div>
         <div id="carNumBox" style="display:block;" class="flexBoxRow">
-            <input class="input_province" type="text" readonly="readonly" maxlength="1" id="selProvince" onclick="provinceSelect();" value="鄂">
+            <input class="input_province" type="text" readonly="readonly" maxlength="1" id="selProvince" onclick="provinceSelect();" value="蒙">
             <span class="splitLine2"> |</span>
             <input type="text" maxlength="10" name="inputCarNum" id="inputCarNum" />
         </div>
@@ -21,7 +21,115 @@
     <link rel="stylesheet" href="//cdn.bootcss.com/jquery-weui/1.0.1/css/jquery-weui.min.css">
     <link rel="stylesheet" href="css/reset.css">
     <link rel="stylesheet" href="css/paybacknew.css">
-
+    <style>
+        .all_told, .platen_number {
+            text-align: center;
+        }
+        .all_told {
+            padding: 30px 0 10px 0;
+        }
+        .all_told span {
+            margin-right: 5px;
+            font-size: 22px;
+        }
+        .discount_money {
+            color: #fc3817;
+        }
+        .discount {
+            padding: 4px 7px;
+            background: #fc3817;
+            border-radius: 2px;
+            position: relative;
+            margin-left: 10px;
+            color: #fff;
+        }
+        .discount:before {
+            position: absolute;
+            content: '';
+            width: 0;
+            height: 0;
+            left: -6px;
+            top: 8px;
+            border-top: 6px solid transparent;
+            border-bottom: 6px solid transparent;
+            border-right: 6px solid #fc3817;
+        }
+        .youhuid{
+            background: #f00;
+            color: #fff;
+            font-size: 13px;
+            padding:2px 5px;
+            border-radius: 3px;
+            margin-left: 2px;
+            display: none;
+        }
+        .showTooltips{
+            display: none;
+            /*针对苹果新增手势*/
+            cursor: pointer;
+        }
+        .weui-cells{
+            /*针对苹果新增手势*/
+            cursor: pointer;
+        }
+        .dialog-out{
+            position: absolute;
+            width: 100%;
+            height: 100%;
+            top:0;
+            right: 0;
+            left: 0;
+            bottom: 0;
+            z-index: 1000;
+            background: rgba(0,0,0,.3);
+            display: none;
+        }
+        .dia-con{
+            width: 305px;
+            height: 138px;
+            padding: 10px ;
+            background:rgba(255,255,255,1);
+            border-radius:8px;
+            position: absolute;
+            left: 50%;
+            top:50%;
+            transform: translate(-50%,-50%);
+        }
+        .close-btn{
+            float: right;
+            width: 16px;
+            height: 16px;
+            background: url("img/close.png") no-repeat;
+            background-size: 100% 100%;
+            cursor: pointer;
+            overflow: hidden;
+        }
+        .dia-main{
+            margin-left: 30px;
+            margin-top: 30px;
+            height: 52px;
+            padding-left: 90px;
+            background: url("img/out.png") no-repeat;
+            background-size:  52px 52px;
+        }
+        .dia-text{
+            padding-top: 20px;
+            text-align: center;
+            font-size: 12px;
+            color: #999;
+        }
+        .arrears-btn{
+            width: 70px;
+            height: 25px;
+            margin-top: 20px;
+            color: #FFF;
+            font-size: 12px;
+            text-align: center;
+            line-height: 25px;
+            background: url("img/arrears-bg.png") no-repeat;
+            background-size:70px 25px ;
+        }
+    </style>
 </head>
 <body ontouchstart="">
@@ -90,7 +198,17 @@
-
+<div class="dialog-out">
+    <div class="dia-con">
+        <div class="close-btn"></div>
+        <div class="layui-clear"></div>
+        <div class="dia-main">
+            <p>您已经成功申请离场</p>
+            <p>期待您的再次光临</p>
+        </div>
+        <div class="dia-text">温馨提示：请尽快出场，超过时间将重新计费哦！</div>
+    </div>
+</div>
 <script src="js/jquery-3.2.1.min.js"></script>
 <script src="//cdn.bootcss.com/jquery/1.11.0/jquery.min.js"></script>
@@ -98,8 +216,8 @@
 <script src="js/md5.min.js"></script>
-<script src="js/url.js?a=123"></script>
-<script src="js/ajax.js?a=123"></script>
+<script src="js/url.js?a=1213"></script>
+<script src="js/ajax.js?a=1213"></script>
 <script type="text/javascript">
 //微信浏览器中，aler弹框不显示域名
 (function(){
@@ -118,6 +236,6 @@
     }
 })();
 </script>
-<script src="js/paybacknew.js?a=4.01"></script>
+<script src="js/paybacknew.js?a=4.1101"></script>
 </body>
 </html>