Commit 693a38d045e4a34c40aed6b485069e31d78a11cd
1 parent
bd60adc6
提交代码
Showing
2 changed files
with
141 additions
and
137 deletions
src/main/webapp/WEB-INF/pages/monthrenew.html
| 1 | <!DOCTYPE html> | 1 | <!DOCTYPE html> |
| 2 | <html lang="en"> | 2 | <html lang="en"> |
| 3 | <head> | 3 | <head> |
| 4 | - <meta charset="UTF-8"> | ||
| 5 | - <title>月续费</title> | ||
| 6 | - <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/> | ||
| 7 | - <meta name="format-detection" content="telephone=no"/> | ||
| 8 | - <meta name="format-detection" content="email=no"/> | ||
| 9 | - <meta name="apple-mobile-web-app-status-bar-style" content="black"/> | ||
| 10 | - <meta name="apple-mobile-web-app-capable" content="yes"/> | ||
| 11 | - <meta name="apple-mobile-web-app-title" content=""> | ||
| 12 | - <meta name="google" value="notranslate"><!-- 禁止Chrome 浏览器中自动提示翻译 --> | ||
| 13 | - <link rel="apple-touch-icon-precomposed" href="favicon.ico"> | ||
| 14 | - <link rel="shortcut icon" href="favicon.ico"> | ||
| 15 | - <link rel="Bookmark" href="favicon.ico"> | ||
| 16 | - <link rel="stylesheet" href="//cdn.bootcss.com/weui/1.1.1/style/weui.min.css"> | ||
| 17 | - <link rel="stylesheet" href="//cdn.bootcss.com/jquery-weui/1.0.1/css/jquery-weui.min.css"> | ||
| 18 | - <link rel="stylesheet" href="${staticHost}/css/reset.css"> | 4 | + <meta charset="UTF-8"> |
| 5 | + <title>月续费</title> | ||
| 6 | + <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/> | ||
| 7 | + <meta name="format-detection" content="telephone=no"/> | ||
| 8 | + <meta name="format-detection" content="email=no"/> | ||
| 9 | + <meta name="apple-mobile-web-app-status-bar-style" content="black"/> | ||
| 10 | + <meta name="apple-mobile-web-app-capable" content="yes"/> | ||
| 11 | + <meta name="apple-mobile-web-app-title" content=""> | ||
| 12 | + <meta name="google" value="notranslate"><!-- 禁止Chrome 浏览器中自动提示翻译 --> | ||
| 13 | + <link rel="apple-touch-icon-precomposed" href="favicon.ico"> | ||
| 14 | + <link rel="shortcut icon" href="favicon.ico"> | ||
| 15 | + <link rel="Bookmark" href="favicon.ico"> | ||
| 16 | + <link rel="stylesheet" href="//cdn.bootcss.com/weui/1.1.1/style/weui.min.css"> | ||
| 17 | + <link rel="stylesheet" href="//cdn.bootcss.com/jquery-weui/1.0.1/css/jquery-weui.min.css"> | ||
| 18 | + <link rel="stylesheet" href="${staticHost}/css/reset.css"> | ||
| 19 | </head> | 19 | </head> |
| 20 | <body ontouchstart> | 20 | <body ontouchstart> |
| 21 | <div class="weui-cells weui-cells_form"> | 21 | <div class="weui-cells weui-cells_form"> |
| 22 | - <div class="weui-cell"> | ||
| 23 | - <div class="weui-cell__hd"><label class="weui-label">车牌号</label></div> | ||
| 24 | - <div class="weui-cell__bd"> | ||
| 25 | - <input class="weui-input" type="text" maxlength="7" value="${carNo!''}" readonly> | 22 | + <div class="weui-cell"> |
| 23 | + <div class="weui-cell__hd"><label class="weui-label">车牌号</label></div> | ||
| 24 | + <div class="weui-cell__bd"> | ||
| 25 | + <input class="weui-input" type="text" maxlength="7" value="${carNo!''}" readonly> | ||
| 26 | + </div> | ||
| 26 | </div> | 27 | </div> |
| 27 | - </div> | ||
| 28 | - <div class="weui-cell"> | ||
| 29 | - <div class="weui-cell__hd"><label class="weui-label">卡类别</label></div> | ||
| 30 | - <div class="weui-cell__bd"> | ||
| 31 | - ${cardTypeStr!''} | 28 | + <div class="weui-cell"> |
| 29 | + <div class="weui-cell__hd"><label class="weui-label">卡类别</label></div> | ||
| 30 | + <div class="weui-cell__bd"> | ||
| 31 | + ${cardTypeStr!''} | ||
| 32 | + </div> | ||
| 32 | </div> | 33 | </div> |
| 33 | - </div> | ||
| 34 | </div> | 34 | </div> |
| 35 | 35 | ||
| 36 | <div class="weui-cells weui-cells_form"> | 36 | <div class="weui-cells weui-cells_form"> |
| 37 | - <div class="weui-cell"> | ||
| 38 | - <div class="weui-cell__hd"><label class="weui-label">停车场</label></div> | ||
| 39 | - <div class="weui-cell__bd">${parkName!''}</div> | ||
| 40 | - </div> | ||
| 41 | - <div class="weui-cell"> | ||
| 42 | - <div class="weui-cell__hd"><label class="weui-label">购买数量</label></div> | ||
| 43 | - <div class="weui-cell__bd"> | ||
| 44 | - <span id="reduce_btn" class="reduce_btn">-</span> | ||
| 45 | - <input class="weui-input inpt-num" id="numder" type="text" readonly="" value="1"> | ||
| 46 | - <span id="add_btn" class="add_btn">+</span> | 37 | + <div class="weui-cell"> |
| 38 | + <div class="weui-cell__hd"><label class="weui-label">停车场</label></div> | ||
| 39 | + <div class="weui-cell__bd">${parkName!''}</div> | ||
| 47 | </div> | 40 | </div> |
| 48 | - </div> | ||
| 49 | - <div class="weui-cell"> | ||
| 50 | - <div class="weui-cell__hd"><label class="weui-label">当前有效期</label></div> | ||
| 51 | - <div class="weui-cell__bd" id="expiryDate"> | ||
| 52 | - ${expDateStr!''} | 41 | + <div class="weui-cell"> |
| 42 | + <div class="weui-cell__hd"><label class="weui-label">购买数量</label></div> | ||
| 43 | + <div class="weui-cell__bd"> | ||
| 44 | + <span id="reduce_btn" class="reduce_btn">-</span> | ||
| 45 | + <input class="weui-input inpt-num" id="numder" type="text" readonly="" value="1"> | ||
| 46 | + <span id="add_btn" class="add_btn">+</span> | ||
| 47 | + </div> | ||
| 53 | </div> | 48 | </div> |
| 49 | + <div class="weui-cell"> | ||
| 50 | + <div class="weui-cell__hd"><label class="weui-label">当前有效期</label></div> | ||
| 51 | + <div class="weui-cell__bd" id="expiryDate"> | ||
| 52 | + ${expDateStr!''} | ||
| 53 | + </div> | ||
| 54 | 54 | ||
| 55 | - </div> | ||
| 56 | - <!-- <div class="weui-cell"> | ||
| 57 | - <div class="weui-cell__hd"><label for="date" class="weui-label">开始时间</label></div> | ||
| 58 | - <div class="weui-cell__bd"> | ||
| 59 | - <input class="weui-input" id="date" type="text" placeholder="请选择开始时间"> | ||
| 60 | - </div> | ||
| 61 | - <div class="weui-cell__ft"> | ||
| 62 | - </div> | ||
| 63 | - </div>--> | ||
| 64 | - <div class="weui-cell"> | ||
| 65 | - <div class="weui-cell__hd"><label for="date1" class="weui-label">有效期至</label></div> | ||
| 66 | - <div class="weui-cell__bd"> | ||
| 67 | - <input class="weui-input" id="date1" type="text" readonly placeholder="请先选择开始时间"> | ||
| 68 | </div> | 55 | </div> |
| 69 | - </div> | ||
| 70 | - <div class="weui-cell"> | ||
| 71 | - <div class="weui-cell__hd"><label class="weui-label">合计</label></div> | ||
| 72 | - <div class="weui-cell__bd pay-total"> | ||
| 73 | - ¥<span id="totle_money">${cardPrice!'null'}</span> | 56 | + <!-- <div class="weui-cell"> |
| 57 | + <div class="weui-cell__hd"><label for="date" class="weui-label">开始时间</label></div> | ||
| 58 | + <div class="weui-cell__bd"> | ||
| 59 | + <input class="weui-input" id="date" type="text" placeholder="请选择开始时间"> | ||
| 60 | + </div> | ||
| 61 | + <div class="weui-cell__ft"> | ||
| 62 | + </div> | ||
| 63 | + </div>--> | ||
| 64 | + <div class="weui-cell"> | ||
| 65 | + <div class="weui-cell__hd"><label for="date1" class="weui-label">有效期至</label></div> | ||
| 66 | + <div class="weui-cell__bd"> | ||
| 67 | + <input class="weui-input" id="date1" type="text" readonly placeholder="请先选择开始时间"> | ||
| 68 | + </div> | ||
| 69 | + </div> | ||
| 70 | + <div class="weui-cell"> | ||
| 71 | + <div class="weui-cell__hd"><label class="weui-label">合计</label></div> | ||
| 72 | + <div class="weui-cell__bd pay-total"> | ||
| 73 | + ¥<span id="totle_money">${cardPrice!'null'}</span> | ||
| 74 | + </div> | ||
| 74 | </div> | 75 | </div> |
| 75 | - </div> | ||
| 76 | </div> | 76 | </div> |
| 77 | <div class="pay-content-padded"> | 77 | <div class="pay-content-padded"> |
| 78 | - <a href="javascript:;" class="weui-btn weui-btn_primary" id="pay_btn">提交订单</a> | 78 | + <a href="javascript:;" class="weui-btn weui-btn_primary" id="pay_btn">提交订单</a> |
| 79 | </div> | 79 | </div> |
| 80 | 80 | ||
| 81 | <script src="//cdn.bootcss.com/jquery/1.11.0/jquery.min.js"></script> | 81 | <script src="//cdn.bootcss.com/jquery/1.11.0/jquery.min.js"></script> |
| @@ -83,93 +83,96 @@ | @@ -83,93 +83,96 @@ | ||
| 83 | <script src="${staticHost}/js/jsutil.js"></script> | 83 | <script src="${staticHost}/js/jsutil.js"></script> |
| 84 | <script src="${staticHost}/js/url.js"></script> | 84 | <script src="${staticHost}/js/url.js"></script> |
| 85 | <script> | 85 | <script> |
| 86 | - //单价 | ||
| 87 | - var price = ${cardPrice!null}; | ||
| 88 | - var startDateStr = '${expDateStr!""}'; | ||
| 89 | - var id = ${id}; | ||
| 90 | - | ||
| 91 | - //添加数量 | ||
| 92 | - $("#add_btn").click(function () { | ||
| 93 | - var num = $("#numder").val(); | ||
| 94 | - num++; | ||
| 95 | - if (num > 1 && num < 6) { | ||
| 96 | - initEndDateStr(num); | ||
| 97 | - } else { | ||
| 98 | - $.toptip('最多续期5个月', 2000, 'warning'); | ||
| 99 | - } | ||
| 100 | - | ||
| 101 | - }); | ||
| 102 | - //减去数量 | ||
| 103 | - $("#reduce_btn").click(function () { | ||
| 104 | - var num = $("#numder").val(); | ||
| 105 | - num--; | ||
| 106 | - if (num > 0) { | ||
| 107 | - initEndDateStr(num); | ||
| 108 | - } else { | ||
| 109 | - $.toptip('最少续期一个月', 2000, 'warning'); | ||
| 110 | - } | 86 | + //单价 |
| 87 | + var price = ${cardPrice!null}; | ||
| 88 | + var startDateStr = '${expDateStr!""}'; | ||
| 89 | + var id = ${id}; | ||
| 90 | + | ||
| 91 | + //添加数量 | ||
| 92 | + $("#add_btn").click(function () { | ||
| 93 | + var num = $("#numder").val(); | ||
| 94 | + num++; | ||
| 95 | + if (num > 1 && num < 6) { | ||
| 96 | + initEndDateStr(num); | ||
| 97 | + } else { | ||
| 98 | + $.toptip('最多续期5个月', 2000, 'warning'); | ||
| 99 | + } | ||
| 111 | 100 | ||
| 101 | + }); | ||
| 102 | + //减去数量 | ||
| 103 | + $("#reduce_btn").click(function () { | ||
| 104 | + var num = $("#numder").val(); | ||
| 105 | + num--; | ||
| 106 | + if (num > 0) { | ||
| 107 | + initEndDateStr(num); | ||
| 108 | + } else { | ||
| 109 | + $.toptip('最少续期一个月', 2000, 'warning'); | ||
| 110 | + } | ||
| 112 | 111 | ||
| 113 | - }); | ||
| 114 | - //立即支付 | ||
| 115 | - $('#pay_btn').on('click', function () { | ||
| 116 | - var num = $("#numder").val(); | ||
| 117 | - if(num>5||num<1){ | ||
| 118 | - $.toptip('订购数量不合法',2000,'error') | ||
| 119 | - } | ||
| 120 | - var req = { | ||
| 121 | - custCardId:${id}, | ||
| 122 | - num:num | ||
| 123 | - } | ||
| 124 | 112 | ||
| 125 | - $.ajax({ | ||
| 126 | - url:mUrl.renewSubmitOrder, | ||
| 127 | - data:req, | ||
| 128 | - type:'Post', | ||
| 129 | - success:function(res){ | ||
| 130 | - if(res.code == '8888'){ | ||
| 131 | - var parkOrderId = res.data; | ||
| 132 | - window.location.href=mUrl.orderPayView+'&parkOrderId='+parkOrderId; | ||
| 133 | - }else{ | ||
| 134 | - $.toptip('系统异常',2000,'error') | ||
| 135 | - } | ||
| 136 | - } | ||
| 137 | }); | 113 | }); |
| 114 | + //立即支付 | ||
| 115 | + $('#pay_btn').on('click', function () { | ||
| 116 | + var num = $("#numder").val(); | ||
| 117 | + if (num > 5 || num < 1) { | ||
| 118 | + $.toptip('订购数量不合法', 2000, 'error') | ||
| 119 | + } | ||
| 120 | + var req = { | ||
| 121 | + custCardId:${id}, | ||
| 122 | + num: num | ||
| 123 | + } | ||
| 124 | + | ||
| 125 | + $.ajax({ | ||
| 126 | + url: mUrl.renewSubmitOrder, | ||
| 127 | + data: req, | ||
| 128 | + type: 'Post', | ||
| 129 | + success: function (res) { | ||
| 130 | + if (res.code == '8888') { | ||
| 131 | + var parkOrderId = res.data; | ||
| 132 | + window.location.href = mUrl.orderPayView + '&parkOrderId=' + parkOrderId; | ||
| 133 | + } else { | ||
| 134 | + $.toptip('系统异常', 2000, 'error') | ||
| 135 | + } | ||
| 136 | + } | ||
| 137 | + }); | ||
| 138 | 138 | ||
| 139 | 139 | ||
| 140 | - }); | 140 | + }); |
| 141 | 141 | ||
| 142 | 142 | ||
| 143 | - //计算结束时间 | ||
| 144 | - function initEndDateStr(num) { | ||
| 145 | - //设置数量 | ||
| 146 | - $("#numder").val(num); | 143 | + //计算结束时间 |
| 144 | + function initEndDateStr(num) { | ||
| 145 | + num = parseInt(num); | ||
| 146 | + //设置数量 | ||
| 147 | + $("#numder").val(num); | ||
| 148 | + | ||
| 149 | + var temp = startDateStr.split("-"); | ||
| 150 | + var endDate = new Date(temp[0] + '-' + temp[1] + '-01'); | ||
| 151 | + | ||
| 152 | + endDate.setMonth(endDate.getMonth() + num+1); | ||
| 153 | + endDate.setDate(0)//设置为0，意思为取当前月最后一天 | ||
| 154 | + var year = endDate.getFullYear(); | ||
| 155 | + var month = endDate.getMonth() + 1 + ''; | ||
| 156 | + var day = endDate.getDate() + ''; | ||
| 157 | + if (month.length == 1) { | ||
| 158 | + //只有一位，需要补0 | ||
| 159 | + month = '0' + month; | ||
| 160 | + } | ||
| 161 | + | ||
| 162 | + if (day.length == 1) { | ||
| 163 | + //只有一位，需要补0 | ||
| 164 | + day = '0' + day; | ||
| 165 | + } | ||
| 166 | + var endDateStr = year + '-' + month + '-' + day; | ||
| 167 | + //设置失效日期 | ||
| 168 | + $('#date1').val(endDateStr); | ||
| 169 | + //设置价格 | ||
| 170 | + $("#totle_money").html(num * price); | ||
| 147 | 171 | ||
| 148 | - var endDate = new Date(startDateStr.replace(/-/g, "/")); | ||
| 149 | - endDate.setMonth(endDate.getMonth() + num); | ||
| 150 | - endDate.setDate(0)//设置为0，意思为取当前月最后一天 | ||
| 151 | - var year = endDate.getFullYear(); | ||
| 152 | - var month = endDate.getMonth() + 1+''; | ||
| 153 | - var day = endDate.getDate() + ''; | ||
| 154 | - if (month.length == 1) { | ||
| 155 | - //只有一位，需要补0 | ||
| 156 | - month = '0' + month; | ||
| 157 | } | 172 | } |
| 158 | 173 | ||
| 159 | - if (day.length == 1) { | ||
| 160 | - //只有一位，需要补0 | ||
| 161 | - day = '0' + day; | ||
| 162 | - } | ||
| 163 | - var endDateStr = year + '-' + month + '-' + day; | ||
| 164 | - //设置失效日期 | ||
| 165 | - $('#date1').val(endDateStr); | ||
| 166 | - //设置价格 | ||
| 167 | - $("#totle_money").html(num * price); | ||
| 168 | - | ||
| 169 | - } | ||
| 170 | - | ||
| 171 | - //第一次初始化为数量1 | ||
| 172 | - initEndDateStr(1); | 174 | + //第一次初始化为数量1 |
| 175 | + initEndDateStr(1); | ||
| 173 | 176 | ||
| 174 | 177 | ||
| 175 | </script> | 178 | </script> |
src/main/webapp/WEB-INF/pages/yearrenew.html
| @@ -138,10 +138,11 @@ | @@ -138,10 +138,11 @@ | ||
| 138 | 138 | ||
| 139 | //计算结束时间 | 139 | //计算结束时间 |
| 140 | function initEndDateStr(num) { | 140 | function initEndDateStr(num) { |
| 141 | + num = parseInt(num); | ||
| 141 | //设置数量 | 142 | //设置数量 |
| 142 | $("#numder").val(num); | 143 | $("#numder").val(num); |
| 143 | 144 | ||
| 144 | - var endDate = new Date(startDateStr.replace(/-/g, "/")); | 145 | + var endDate = new Date(startDateStr); |
| 145 | endDate.setYear(endDate.getFullYear() + num); | 146 | endDate.setYear(endDate.getFullYear() + num); |
| 146 | endDate.setDate(endDate.getDate() + 1) | 147 | endDate.setDate(endDate.getDate() + 1) |
| 147 | var year = endDate.getFullYear(); | 148 | var year = endDate.getFullYear(); |