Commit b244e45c137b9b768843e7bca4a1c83378884837

Authored by liuqimichale
1 parent cd917be6

提示 需要支付的车牌号是否正确

css/home.css
... ... @@ -246,3 +246,53 @@ body {
246 246 left: 0;
247 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 77 <img src="img/loading.gif" id="loading" style="display: none;" />
78 78 </footer>
79 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 93 <script src="js/config.js?v=0.1"></script>
84 94 <script src="js/common.js?v=1.11"></script>
85 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 97 </body>
88 98  
89 99 </html>
... ...
js/pay.js
... ... @@ -33,8 +33,11 @@ window.onload = function () {
33 33 //参数
34 34 webAppParams = getQueryString(window.location);
35 35 if (webAppParams != null) {
  36 + console.log(webAppParams.carNumber)
  37 + $('#payCarNum').text(webAppParams.carNumber)
  38 +
36 39 //设置UI参数
37   - webAppClass.setUI(webAppParams);
  40 + //webAppClass.setUI(webAppParams);
38 41 } else {
39 42 alertMsg("暂无订单信息");
40 43 }
... ... @@ -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 +})
... ...