Commit 0e3e535a4107377a6042edc5da375df3222ae8fb
1 parent
b244e45c
list 车牌号确定
Showing
5 changed files
with
76 additions
and
70 deletions
css/home.css
| @@ -246,53 +246,3 @@ body { | @@ -246,53 +246,3 @@ 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
| @@ -79,15 +79,7 @@ | @@ -79,15 +79,7 @@ | ||
| 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 | 83 | ||
| 92 | <script src="js/jquery-3.2.1.min.js"></script> | 84 | <script src="js/jquery-3.2.1.min.js"></script> |
| 93 | <script src="js/config.js?v=0.1"></script> | 85 | <script src="js/config.js?v=0.1"></script> |
js/list.js
| @@ -25,7 +25,7 @@ var func ={ | @@ -25,7 +25,7 @@ var func ={ | ||
| 25 | 25 | ||
| 26 | var _carNumber = getQueryString(window.location).carNumber | 26 | var _carNumber = getQueryString(window.location).carNumber |
| 27 | console.log(_carNumber) | 27 | console.log(_carNumber) |
| 28 | - | 28 | +$('#payCarNum').text(_carNumber) |
| 29 | 29 | ||
| 30 | /** | 30 | /** |
| 31 | * @param {} second | 31 | * @param {} second |
| @@ -442,3 +442,13 @@ function getMd5sign() | @@ -442,3 +442,13 @@ function getMd5sign() | ||
| 442 | 442 | ||
| 443 | } | 443 | } |
| 444 | 444 | ||
| 445 | + | ||
| 446 | +$('.outBtn').on('click',function () { | ||
| 447 | + window.location.href = 'http://wxgzh.renniting.cn/wechatwuxi/Chifeng/Threewf/stoppayment/select.html' | ||
| 448 | + | ||
| 449 | +}) | ||
| 450 | +$('.hiddenBtn').on('click',function () { | ||
| 451 | + $('#strTip').hide() | ||
| 452 | +}) | ||
| 453 | + | ||
| 454 | + |
js/pay.js
| @@ -34,10 +34,10 @@ window.onload = function () { | @@ -34,10 +34,10 @@ window.onload = function () { | ||
| 34 | webAppParams = getQueryString(window.location); | 34 | webAppParams = getQueryString(window.location); |
| 35 | if (webAppParams != null) { | 35 | if (webAppParams != null) { |
| 36 | console.log(webAppParams.carNumber) | 36 | console.log(webAppParams.carNumber) |
| 37 | - $('#payCarNum').text(webAppParams.carNumber) | 37 | + |
| 38 | 38 | ||
| 39 | //设置UI参数 | 39 | //设置UI参数 |
| 40 | - //webAppClass.setUI(webAppParams); | 40 | + webAppClass.setUI(webAppParams); |
| 41 | } else { | 41 | } else { |
| 42 | alertMsg("暂无订单信息"); | 42 | alertMsg("暂无订单信息"); |
| 43 | } | 43 | } |
| @@ -673,10 +673,3 @@ var webAppClass = { | @@ -673,10 +673,3 @@ var webAppClass = { | ||
| 673 | 673 | ||
| 674 | } | 674 | } |
| 675 | 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 | -}) |
list.html
| @@ -129,6 +129,57 @@ | @@ -129,6 +129,57 @@ | ||
| 129 | background: url("img/arrears-bg.png") no-repeat; | 129 | background: url("img/arrears-bg.png") no-repeat; |
| 130 | background-size:70px 25px ; | 130 | background-size:70px 25px ; |
| 131 | } | 131 | } |
| 132 | + | ||
| 133 | + .strTip{ | ||
| 134 | + width: 100%; | ||
| 135 | + height: 100%; | ||
| 136 | + text-align: center; | ||
| 137 | + font-size: 20px; | ||
| 138 | + background: rgba(0,0,0,.7); | ||
| 139 | + position: fixed; | ||
| 140 | + top:0; | ||
| 141 | + left: 0; | ||
| 142 | + } | ||
| 143 | + .strWrap{ | ||
| 144 | + width: 80%; | ||
| 145 | + background: #fff; | ||
| 146 | + border-radius: 4px; | ||
| 147 | + margin: 50px auto 0; | ||
| 148 | + padding: 0 10px 15px; | ||
| 149 | + } | ||
| 150 | + .strCon{ | ||
| 151 | + text-align: center; | ||
| 152 | + font-size: 20px; | ||
| 153 | + color: #333; | ||
| 154 | + text-align: center; | ||
| 155 | + } | ||
| 156 | + .header-title{ | ||
| 157 | + padding: 15px 0; | ||
| 158 | + font-size: 14px; | ||
| 159 | + font-weight: 600; | ||
| 160 | + border-bottom:1px solid #ccc ; | ||
| 161 | + color: #333; | ||
| 162 | + } | ||
| 163 | + .payCarNum{ | ||
| 164 | + font-size: 16px; | ||
| 165 | + color: #D40202; | ||
| 166 | + } | ||
| 167 | + .btn{ | ||
| 168 | + color: #fff; | ||
| 169 | + font-size: 20px; | ||
| 170 | + | ||
| 171 | + height: 40px; | ||
| 172 | + line-height: 40px; | ||
| 173 | + border-radius: 8px; | ||
| 174 | + cursor: pointer; | ||
| 175 | + } | ||
| 176 | + .hiddenBtn{ | ||
| 177 | + background: #79cbbf; | ||
| 178 | + } | ||
| 179 | + .outBtn{ | ||
| 180 | + background: #509f93; | ||
| 181 | + } | ||
| 182 | + | ||
| 132 | </style> | 183 | </style> |
| 133 | </head> | 184 | </head> |
| 134 | <body ontouchstart=""> | 185 | <body ontouchstart=""> |
| @@ -154,6 +205,16 @@ | @@ -154,6 +205,16 @@ | ||
| 154 | </div> | 205 | </div> |
| 155 | </div> | 206 | </div> |
| 156 | 207 | ||
| 208 | +<div class="strTip" id="strTip"> | ||
| 209 | + <div class="strWrap"> | ||
| 210 | + <div class="header-title">车牌号码确认信息提示</div> | ||
| 211 | + <div style="font-size: 13px;color: #333;padding: 15px 0;">请确认您当前缴费的车牌号码</div> | ||
| 212 | + <div class="strCon"><span class="payCarNum" id="payCarNum"></span></div> | ||
| 213 | + <div class="btn hiddenBtn" style="margin: 15px 0">是我的车,去支付</div> | ||
| 214 | + <div class="btn outBtn">不是我的车,手动输入车牌号</div> | ||
| 215 | + </div> | ||
| 216 | +</div> | ||
| 217 | + | ||
| 157 | 218 | ||
| 158 | 219 | ||
| 159 | 220 | ||
| @@ -183,6 +244,6 @@ | @@ -183,6 +244,6 @@ | ||
| 183 | } | 244 | } |
| 184 | })(); | 245 | })(); |
| 185 | </script> | 246 | </script> |
| 186 | -<script src="js/list.js?a=41.31"></script> | 247 | +<script src="js/list.js?a=1141.31"></script> |
| 187 | </body> | 248 | </body> |
| 188 | </html> | 249 | </html> |