Commit b244e45c137b9b768843e7bca4a1c83378884837
1 parent
cd917be6
提示 需要支付的车牌号是否正确
Showing
3 changed files
with
74 additions
and
3 deletions
css/home.css
| @@ -246,3 +246,53 @@ body { | @@ -246,3 +246,53 @@ body { | ||
| 246 | left: 0; | 246 | left: 0; |
| 247 | display: none; | 247 | display: none; |
| 248 | } | 248 | } |
| 249 | + | ||
| 250 | +.strTip{ | ||
| 251 | + width: 100%; | ||
| 252 | + height: 100%; | ||
| 253 | + text-align: center; | ||
| 254 | + font-size: 20px; | ||
| 255 | + background: rgba(0,0,0,.7); | ||
| 256 | + position: fixed; | ||
| 257 | + top:0; | ||
| 258 | + left: 0; | ||
| 259 | +} | ||
| 260 | +.strWrap{ | ||
| 261 | + width: 80%; | ||
| 262 | + background: #fff; | ||
| 263 | + border-radius: 4px; | ||
| 264 | + margin: 50px auto 0; | ||
| 265 | + padding: 0 10px 15px; | ||
| 266 | +} | ||
| 267 | +.strCon{ | ||
| 268 | + text-align: center; | ||
| 269 | + font-size: 20px; | ||
| 270 | + color: #333; | ||
| 271 | + text-align: center; | ||
| 272 | +} | ||
| 273 | +.header-title{ | ||
| 274 | + padding: 15px 0; | ||
| 275 | + font-size: 14px; | ||
| 276 | + font-weight: 600; | ||
| 277 | + border-bottom:1px solid #ccc ; | ||
| 278 | + color: #333; | ||
| 279 | +} | ||
| 280 | +.payCarNum{ | ||
| 281 | + font-size: 16px; | ||
| 282 | + color: #D40202; | ||
| 283 | +} | ||
| 284 | +.btn{ | ||
| 285 | + color: #fff; | ||
| 286 | + font-size: 20px; | ||
| 287 | + | ||
| 288 | + height: 40px; | ||
| 289 | + line-height: 40px; | ||
| 290 | + border-radius: 8px; | ||
| 291 | + cursor: pointer; | ||
| 292 | +} | ||
| 293 | +.hiddenBtn{ | ||
| 294 | + background: #79cbbf; | ||
| 295 | +} | ||
| 296 | +.outBtn{ | ||
| 297 | + background: #509f93; | ||
| 298 | +} |
home.html
| @@ -77,13 +77,23 @@ | @@ -77,13 +77,23 @@ | ||
| 77 | <img src="img/loading.gif" id="loading" style="display: none;" /> | 77 | <img src="img/loading.gif" id="loading" style="display: none;" /> |
| 78 | </footer> | 78 | </footer> |
| 79 | <section id="payTip" style="padding: 10px;margin-top:5px; color: #3385ff; font-size: 14px; "></section> | 79 | <section id="payTip" style="padding: 10px;margin-top:5px; color: #3385ff; font-size: 14px; "></section> |
| 80 | -<div class="paySuccess" id="paySuccess">支付成功，请立即离场</div> | 80 | +<div class="paySuccess" id="paySuccess" >支付成功，请立即离场</div> |
| 81 | 81 | ||
| 82 | +<div class="strTip" id="strTip"> | ||
| 83 | + <div class="strWrap"> | ||
| 84 | + <div class="header-title">车牌号码确认信息提示</div> | ||
| 85 | + <div style="font-size: 13px;color: #333;padding: 15px 0;">请确认您当前缴费的车牌号码</div> | ||
| 86 | + <div class="strCon"><span class="payCarNum" id="payCarNum"></span></div> | ||
| 87 | + <div class="btn hiddenBtn" style="margin: 15px 0">是我的车,去支付</div> | ||
| 88 | + <div class="btn outBtn">不是我的车,手动输入车牌号</div> | ||
| 89 | + </div> | ||
| 90 | +</div> | ||
| 82 | 91 | ||
| 92 | +<script src="js/jquery-3.2.1.min.js"></script> | ||
| 83 | <script src="js/config.js?v=0.1"></script> | 93 | <script src="js/config.js?v=0.1"></script> |
| 84 | <script src="js/common.js?v=1.11"></script> | 94 | <script src="js/common.js?v=1.11"></script> |
| 85 | <!--<script src="js/jweixin-1.0.0.js?v=0.1"></script>--> | 95 | <!--<script src="js/jweixin-1.0.0.js?v=0.1"></script>--> |
| 86 | -<script src="js/pay.js?v=1.4120"></script> | 96 | +<script src="js/pay.js?v=1.5120"></script> |
| 87 | </body> | 97 | </body> |
| 88 | 98 | ||
| 89 | </html> | 99 | </html> |
js/pay.js
| @@ -33,8 +33,11 @@ window.onload = function () { | @@ -33,8 +33,11 @@ window.onload = function () { | ||
| 33 | //参数 | 33 | //参数 |
| 34 | webAppParams = getQueryString(window.location); | 34 | webAppParams = getQueryString(window.location); |
| 35 | if (webAppParams != null) { | 35 | if (webAppParams != null) { |
| 36 | + console.log(webAppParams.carNumber) | ||
| 37 | + $('#payCarNum').text(webAppParams.carNumber) | ||
| 38 | + | ||
| 36 | //设置UI参数 | 39 | //设置UI参数 |
| 37 | - webAppClass.setUI(webAppParams); | 40 | + //webAppClass.setUI(webAppParams); |
| 38 | } else { | 41 | } else { |
| 39 | alertMsg("暂无订单信息"); | 42 | alertMsg("暂无订单信息"); |
| 40 | } | 43 | } |
| @@ -669,3 +672,11 @@ var webAppClass = { | @@ -669,3 +672,11 @@ var webAppClass = { | ||
| 669 | 672 | ||
| 670 | 673 | ||
| 671 | } | 674 | } |
| 675 | + | ||
| 676 | +$('.outBtn').on('click',function () { | ||
| 677 | + window.location.href = 'http://wxgzh.renniting.cn/wechatwuxi/Chifeng/Threewf/stoppayment/select.html' | ||
| 678 | + | ||
| 679 | +}) | ||
| 680 | +$('.hiddenBtn').on('click',function () { | ||
| 681 | + $('#strTip').hide() | ||
| 682 | +}) |