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

liuqimichale
1 parent cd917be6
Showing 3 changed files with 74 additions and 3 deletions
css/home.css
home.html
js/pay.js
@@ -246,3 +246,53 @@ body {
   left: 0;
   display: none;
 }
+
+.strTip{
+  width: 100%;
+  height: 100%;
+  text-align: center;
+  font-size: 20px;
+  background: rgba(0,0,0,.7);
+  position: fixed;
+  top:0;
+  left: 0;
+}
+.strWrap{
+  width: 80%;
+  background: #fff;
+  border-radius: 4px;
+  margin: 50px auto 0;
+  padding: 0 10px 15px;
+}
+.strCon{
+  text-align: center;
+  font-size: 20px;
+  color: #333;
+  text-align: center;
+}
+.header-title{
+  padding: 15px 0;
+  font-size: 14px;
+  font-weight: 600;
+  border-bottom:1px solid #ccc ;
+  color: #333;
+}
+.payCarNum{
+  font-size: 16px;
+  color: #D40202;
+}
+.btn{
+  color: #fff;
+  font-size: 20px;
+
+  height: 40px;
+  line-height: 40px;
+  border-radius: 8px;
+  cursor: pointer;
+}
+.hiddenBtn{
+  background: #79cbbf;
+}
+.outBtn{
+  background: #509f93;
+}
@@ -77,13 +77,23 @@
     <img src="img/loading.gif" id="loading" style="display: none;" />
 </footer>
 <section id="payTip" style="padding: 10px;margin-top:5px; color: #3385ff; font-size: 14px; "></section>
-<div class="paySuccess" id="paySuccess">支付成功，请立即离场</div>
+<div class="paySuccess" id="paySuccess" >支付成功，请立即离场</div>
  
+<div class="strTip" id="strTip">
+    <div class="strWrap">
+        <div class="header-title">车牌号码确认信息提示</div>
+        <div style="font-size: 13px;color: #333;padding: 15px 0;">请确认您当前缴费的车牌号码</div>
+        <div class="strCon"><span class="payCarNum" id="payCarNum"></span></div>
+        <div class="btn hiddenBtn" style="margin: 15px 0">是我的车,去支付</div>
+        <div class="btn outBtn">不是我的车,手动输入车牌号</div>
+    </div>
+</div>
  
+<script src="js/jquery-3.2.1.min.js"></script>
 <script src="js/config.js?v=0.1"></script>
 <script src="js/common.js?v=1.11"></script>
 <!--<script src="js/jweixin-1.0.0.js?v=0.1"></script>-->
-<script src="js/pay.js?v=1.4120"></script>
+<script src="js/pay.js?v=1.5120"></script>
 </body>
  
 </html>
@@ -33,8 +33,11 @@ window.onload = function () {
     //参数
     webAppParams = getQueryString(window.location);
     if (webAppParams != null) {
+        console.log(webAppParams.carNumber)
+      $('#payCarNum').text(webAppParams.carNumber)
+
         //设置UI参数
-        webAppClass.setUI(webAppParams);
+        //webAppClass.setUI(webAppParams);
     } else {
         alertMsg("暂无订单信息");
     }
@@ -669,3 +672,11 @@ var webAppClass = {
  
  
 }
+
+$('.outBtn').on('click',function () {
+    window.location.href = 'http://wxgzh.renniting.cn/wechatwuxi/Chifeng/Threewf/stoppayment/select.html'
+
+})
+$('.hiddenBtn').on('click',function () {
+  $('#strTip').hide()
+})