两个jsp

其他 2020-04-24 18:18:28 阅读次数: 0

debugJS   F10

<%@ page language="java"  import="java.util.*,com.wudaosoft.weixin.oauth2.*"  pageEncoding="UTF-8"%>
<%@ page import="com.wudaosoft.weixin.CommonApi"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn"%>
<%
    String path = request.getContextPath();
    String basePath = request.getScheme() + "://"
            + request.getServerName() + ":" + request.getServerPort()
            + path + "/";
    String source = (String)request.getParameter("source");
    String customerNo=request.getParameter("customerNo");
%>
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<title  style = "text-align:center;">置换活动</title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="apple-mobile-web-app-capable" content="yes">
<meta id="viewport" name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
<link href="<%=request.getContextPath()%>/newLayout/css/style.css" rel="stylesheet" type="text/css" />
<script src="<%=request.getContextPath()%>/newLayout/js/jquery-1.8.1.min.js" type="text/javascript" language="javascript"></script>
<script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script> 

<script src="<%=request.getContextPath()%>/displace/js/jquery-1.11.0.min.js" type="text/javascript"></script>
<script src="<%=request.getContextPath()%>/displace/js/icontains.js"  type="text/javascript"></script>
<script src="<%=request.getContextPath()%>/displace/js/comboTreePlugin.js"  type="text/javascript"></script>

<script type="text/javascript">

<%-- var customerNo=<%=customerNo%>; --%>
 $(function () { 
    searchYouHui();
    /* var customerNo =$('#customerNo').val();
    alert(customerNo); */
});

function showSqcgModel() {
    document.getElementById('sqcgModel').style.display = 'block';
    scrollTo(0,0);
    
}

function closeSqcgModel() {
    document.getElementById('sqcgModel').style.display = 'none';
}

function showZytjModel() {
    scrollTo(0,0);
    document.getElementById('zytjModel').style.display = 'block';
     
    
}

function closeZytjModel() {
    document.getElementById('zytjModel').style.display = 'none';
}
function showTjcgModel() {
    scrollTo(0,0);
    document.getElementById('tjcgModel').style.display = 'block';
     
    
}

function closeTjcgModel() {
    document.getElementById('tjcgModel').style.display = 'none';
}

function showTjiaocgModel() {
    
    document.getElementById('tjiaocgModel').style.display = 'block';
    scrollTo(0,0);
    
}

function closeTjiaocgModel() {
    document.getElementById('tjiaocgModel').style.display = 'none';
}

 function clickidzhu(e) {
    
    
     if($(e).is(':checked')){        
            $(e).parents("ul").next().find("input").prop('checked',true);    
        }
        if(!$(e).is(':checked')){

            $(e).parents("ul").next().find("input").prop('checked',false);            
        }
 
} 

     function clickidzi(e) {
         if($(e).is(':checked')){
             $(e).parents("table").prev().find("input").prop('checked',true);    
         }else{
              var num=$(e).parents("table").find("input:checked").length;
              /* alert(num); */
             if(num>0){
                 $(e).parents("table").prev().find("input").prop('checked',true);
             }else{
                 $(e).parents("table").prev().find("input").prop('checked',false);
             } 
             
             
         }
         
    }
    
     
     function lianxiwo() {
         
    
         var customerNo="<%=customerNo%>";
         alert(customerNo);
         var jxsdh="";
         $(".zhu:checked").each(function(i,val){
             var zz =  $(this).attr("name");
             jxsdh+= zz+",";
             });
         
         if(jxsdh==null||jxsdh==""){
            alert("请选择活动商家和车型");
            return;
        }
         

         $.ajax({
             type: "POST",
             url: "<%=request.getContextPath()%>/api/book!getLXW.action",
             //url: "http://api.kx.cn/Account/commCode",
             data: {
                 "customerNo":customerNo,
                 "jxsdh":jxsdh
                 },
             success: function(data){
                 
                 showZytjModel();
                
             },error:function (data){
                alert("系统异常");
             }
         });
         

    }
 
 
 
     function shenqingyouhui(e) {
         var customerNo="<%=customerNo%>";
         var status = "10";
        var companyName = $(e).attr("id");
        var selectAllowance="";

        $(e).parents("ul").next().find("input:checked").each(function(i,val){
          var zz=  $(this).attr("id");
          selectAllowance+= zz+","
        });
        if(selectAllowance==null||selectAllowance==""){
            alert("请选择活动车型");
            return;
        }
        
        
        //进行估价
        $.ajax({
             type: "POST",
             url: "<%=request.getContextPath()%>/api/book!getSQYH.action",
             //url: "http://api.kx.cn/Account/commCode",
             data: {
                 "customerNo":customerNo,
                 "status":status,
                 "companyName":companyName,
                 "selectAllowance":selectAllowance
                 },
             success: function(data){
                /*  alert(data); */
                /*  var data = eval("("+data+")");  */
                showSqcgModel() 
                
             },error:function (data){
                alert("系统异常");
             }
         });
   

    }    
    

    function searchYouHui() {
        
        var quyu =$('#quyu').val();
        var pinpai =$('#pinpai').val();
        var jingxiaoshang =$('#jingxiaoshang').val();
        
        //进行估价
        $.ajax({
             type: "POST",
             url: "<%=request.getContextPath()%>/api/book!getYH.action",
             
             //url: "http://api.kx.cn/Account/commCode",
             data: {
                 "areaNms":quyu,
                 "brandNms":pinpai,
                 "s4Nm":jingxiaoshang
                 },
             success: function(data){
                
                 var data1 = eval("("+data+")"); 
                 console.log(data1.data);
                 var listPrivate = data1.data.listPrivate;
                 var listRecommend = data1.data.listRecommend;
                 var html = "";
                 if(listPrivate.length > 0){
                 for (var i in listPrivate){
                     var item=listPrivate[i];
                    /* alert(item.brandNm); */
                    
                     html +=    "<ul><li><div style='position:relative;width:30%;left:5%;float:left;'>"+item.brandNm+"</div> "/* showSqcgModel(); */
                     /* +"<input type='hidden' name='"+item.mainId+"' value='" +item.replaceAllowanceTel+"'/> " */
                        
                    +"<img id='"+item.companyName+"' style=' float:left;position:relative;width:25%;left:5%; height:30%;'  οnclick='shenqingyouhui(this);'  src='<%=request.getContextPath()%>/displace/images/3_20.png' />"
                    +"<a href='tel:"+item.replaceAllowanceTel+ "' class='call'><img style=' float:left;position:relative;width:25%;left:10%; height:30%;'src='<%=request.getContextPath()%>/displace/images/3_22.png' /></a>"
                    
                     +"</li><li><br/><br/>"
                    
                    
                    +"<span style='position:relative;;left:5%;'>" + item.companyName + "</span>"
                    
                    +"<span style='position:relative;float:right;'>"
                    +"  <input class='zhu' οnclick='clickidzhu(this)'  type='checkbox' name='"+item.replaceAllowanceTel+"'  id='id01"+i+  "'/>"
                    +"   <label for='id01"+i+"' >.</label> " 
                    +" </span></li><br/><li><span style='position:relative;' > 地址：</span>"
    
                    +" <span style='position:relative;left:5%;'> "+item.address+"</span></li></ul>"; 
                    
                     if(item.listDetail.length > 0){
                         html +=    "<table border='0' style='position:relative;left:5%;width:90%;'><tr><th>活动车型</th></tr>" ;
                        for (var n in item.listDetail){
                            var item2=item.listDetail[n];

                            html +=    "<tr><td style='position:relative;;width:30%;;'>" +item2.styleNm + "</td>"
                        
                      +" <td style='position:relative;width:40%;'>优惠金额:"+item2.allowanceFee + "</td>"
                      +"   <td style='position:relative;width:30%;'><input  οnclick='clickidzi(this)' style='position:relative;float:right;' type='checkbox'   id='"+item2.idDetail+"'  /><label for='"+item2.idDetail+"'   >.</label> </td>"
                      +"</tr>";
                      
     
                        }
                        
                        html +="</table><br/><br/>"
                    } 

                     }

                 
                 }
                 

                 if(listRecommend.length > 0){
                     html +="<div><img style=' position:relative;width:100%;'  src='<%=request.getContextPath()%>/displace/images/3_40.png' /></div>";
                     for (var i in listRecommend){
                         var item=listRecommend[i];
                        /* alert(item.brandNm); */
                        
                         html +=    "<ul><li><div style='position:relative;width:30%;left:5%;float:left;'>"+item.brandNm+"</div> "
                        
                            
                         +"<img id='"+item.companyName+"' style=' float:left;position:relative;width:25%;left:5%; height:30%;'  οnclick='shenqingyouhui(this);'  src='<%=request.getContextPath()%>/displace/images/3_20.png' />"
                        +"<a href='tel:"+item.replaceAllowanceTel+ "' class='call'><img style=' float:left;position:relative;width:25%;left:10%; height:30%;'src='<%=request.getContextPath()%>/displace/images/3_22.png' /></a>"
                        
                         +"</li><li><br/><br/>"
                        
                        
                        +"<span style='position:relative;;left:5%;'>" + item.companyName + "</span>"
                        
                        +"<span style='position:relative;float:right;'>"
                        +"  <input οnclick='clickidzhu(this)'  type='checkbox' name='vehicle'  id='id01"+i+  "'/>"
                        +"   <label for='id02"+i+"'>.</label> " 
                        +" </span></li><br/><li><span style='position:relative;' > 地址：</span>"
        
                        +" <span style='position:relative;left:5%;'> "+item.address+"</span></li></ul>"; 
                        
                         if(item.listDetail.length > 0){
                             html +=    "<table border='0' style='position:relative;left:5%;width:90%;'><tr><th>活动车型</th></tr>" ;
                            for (var n in item.listDetail){
                                var item2=item.listDetail[n];

                                html +=    "<tr><td style='position:relative;;width:30%;;'>" +item2.styleNm + "</td>"
                            
                          +" <td style='position:relative;width:40%;'>优惠金额:"+item2.allowanceFee + "</td>"
                          +"   <td style='position:relative;width:30%;'><input  οnclick='clickidzi(this)' style='position:relative;float:right;' type='checkbox'   id='"+item2.idDetail+"'  /><label for='"+item2.idDetail+"'   >.</label> </td>"
                          +"</tr>";
                          
         
                            }
                            
                            html +="</table><br/><br/>"
                        }  
                     }
                     
                 }
                 $("#ulul").html(html);
                 
             },error:function (data){
                alert("系统异常");
             }
         });
   

    }
 
     function selectQuYu() {
         
            var pinpai =$('#select_pinpai').val();
            var jxs =$('#select_jingxiaoshang').val();

                    //进行估价
                    $.ajax({
                        type: "POST",
                        url: "<%=request.getContextPath()%>/api/book!getQuYu.action",
                        //url: "http://api.kx.cn/Account/commCode",
                        data: {
                            
                            "brandNms":pinpai,
                            "s4Nm":jxs
                            },
                        success: function(data){
                           
                            var data1 = eval("("+data+")"); 
                           
                           var data2 = data1.data;
                           
                           var quyu= "[";
                           if(data2.length>0){
                             for (var i in data2){
                               
                             var item=data2[i];
                             if(i<data2.length-1){
                             if(item.name !="" ||item.name !=null){
                                quyu+="{id: " +i+" , title: '"+item.name+"'},";
     
                             } 
                             }else{
                                 if(item.name !="" ||item.name !=null){
                                        quyu+="{id: " +i+" , title: '"+item.name+"'}]";
 
                                     } 
                                 
                             }
                            } 
                           } 
                           
                           quyu = eval("("+quyu+")"); 
                             
                       var    comboTree1 = $('#select_quyu').comboTree({
                            source : quyu,
                            isMultiple: true
                        }); 
                            
                        },error:function (data){
                           alert("系统异常");
                        }
                    });

        }
    
    
    
     function selectPinPai() {
         
            var quyu =$('#select_quyu').val();
            var jxs =$('#select_jingxiaoshang').val();

                    //进行估价
                    $.ajax({
                        type: "POST",
                        url: "<%=request.getContextPath()%>/api/book!getPinPai.action",
                        //url: "http://api.kx.cn/Account/commCode",
                        data: {
                            
                            "areaNms":quyu,
                            "s4Nm":jxs
                            },
                        success: function(data){
                            
                           
                            var data1 = eval("("+data+")"); 
                           
                           var data2 = data1.data;
                           
                           var pinpai= "[";
                           if(data2.length>0){
                             for (var i in data2){
                                /*  alert(i); */
                             var item=data2[i];
                             if(i<data2.length-1){//第一层不是最后一个
                             if(item.name !="" ||item.name !=null){
                                 pinpai+="{id: " +i+" , title: '"+item.name+"'";
                                 var sub = item.subordinateList;
                                 if(sub.length>0){//有子
                                     pinpai+=",subs: [" 
                                         for (var s in sub){//子循环开始
                                                 var m = 10000 + s;
                                                var subitem=sub[s];
                                                if(s<sub.length-1){//子循环不是最后一层
                                                    pinpai+="{id: " +m+" , title: '"+subitem.name+"'},";
                                    
                                                }else{//子循环不是最后一层
                                                    
                                                    pinpai+="{id: " +m+" , title: '"+subitem.name+"'}]";
                                                                                                
                                                }

                                         }//子循环开始结束
                                     pinpai+="},";
                                 }else{//无子
                                     
                                     pinpai+="},"; 
                                 }
                                 
                             } 
                             }//第一层不是最后一个
                             else{//第一层最后一个
                                 if(item.name !="" ||item.name !=null){
                                     pinpai+="{id: " +i+" , title: '"+item.name+"'";
                                     var sub = item.subordinateList;
                                     if(sub.length>0){//有子
                                         pinpai+=",subs: ["
                                             for (var s in sub){//子循环开始
                                                     var m = 20000 + s;
                                                    var subitem=sub[s];
                                                    if(s<sub.length-1){//子循环不是最后一层
                                                        pinpai+="{id: " +m+" , title: '"+subitem.name+"'},";
                                                        
                
                                                    }else{//子循环是最后一层
                                                        
                                                        pinpai+="{id: " +m+" , title: '"+subitem.name+"'}]";
                                                    

                                                    }
                                         
                                             } //子循环开始结束

                                         pinpai+="}]"; 
                                     }else{//无子
                                         
                                         pinpai+="}]";
                                     }

                                     
                                 } 
                                 
                             }//第一层最后一个
                            } 
                           } 
                           
                             
                           pinpai = eval("("+pinpai+")");   
                             
                       var    comboTree1 = $('#select_pinpai').comboTree({
                            source : pinpai,
                            isMultiple: true
                        }); 
                           

                            
                        },error:function (data){
                           alert("系统异常");
                        }
                    });

        }

                
         function selectJingXiaoShang() {
             
            var pinpai =$('#select_pinpai').val();
            var quyu =$('#select_quyu').val();

                    //进行估价
                    $.ajax({
                        type: "POST",
                        url: "<%=request.getContextPath()%>/api/book!getJingXiaoShang.action",
                       
                        data: {
                            
                            "brandNms":pinpai,
                            "areaNms":quyu
                            },
                        success: function(data){
                            
                            var data1 = eval("("+data+")"); 
                           
                           var data2 = data1.data;
                           
                           var JingXiaoShang= "[";
                           if(data2.length>0){
                             for (var i in data2){
                               
                             var item=data2[i];
                             if(item !=null){
                             if(i<data2.length-1){
                             if(item.name !="" ||item.name !=null){
                                 JingXiaoShang+="{id: " +i+" , title: '"+item.name+"'},";
     
                             } 
                             }else{
                                 if(item.name !="" ||item.name !=null){
                                     JingXiaoShang+="{id: " +i+" , title: '"+item.name+"'}]";
 
                                     } 
                                 
                             }
                             
                             }
                             
                            } 
                           } 
                           
                           JingXiaoShang = eval("("+JingXiaoShang+")"); 

                       var    comboTree1 = $('#select_jingxiaoshang').comboTree({
                            source : JingXiaoShang,
                            isMultiple: true
                        }); 
                            
                        },error:function (data){
                           alert("系统异常");
                        }
                    });

        }    
        

</script>
<style>

.container {
            width: 100%;
            height: 100%;
            text-align: center;
            margin: 0px auto;
           
        }
      
     #tjiaocgModel {
            position: absolute;
            top: 0;
            left: 0;
            display: none;
             background-color: rgba(9, 9, 9, 0.63); 
            width: 100%;
            height: 100%;
           /*  z-index: 1000; */
        }

        .tjiaocgModel-content {
            width: 680px;
            height: 620px;
            text-align: center;
               background: #ffffff; 
            border-radius: 6px;
            margin: 100px auto;
            line-height: 30px;
           /*  z-index: 10001; */
        }       
         
      
        
         
     #tjcgModel {
            position: absolute;
            top: 0;
            left: 0;
            display: none;
             background-color: rgba(9, 9, 9, 0.63); 
            width: 100%;
            height: 100%;
           /*  z-index: 1000; */
        }

        .tjcgModel-content {
            width: 680px;
            height: 620px;
            text-align: center;
               background: #ffffff; 
            border-radius: 6px;
            margin: 100px auto;
            line-height: 30px;
           /*  z-index: 10001; */
        }       
        
        
        
        
 #zytjModel {
            position: absolute;
            top: 0;
            left: 0;
            display: none;
             background-color: rgba(9, 9, 9, 0.63); 
            width: 100%;
            height: 100%;
           /*  z-index: 1000; */
        }

        .zytjModel-content {
            width: 680px;
            height: 620px;
            text-align: center;
               background: #ffffff; 
            border-radius: 6px;
            margin: 100px auto;
            line-height: 30px;
           /*  z-index: 10001; */
        }
        
        
        
 #sqcgModel {
            position: absolute;
            top: 0;
            left: 0;
            display: none;
             background-color: rgba(9, 9, 9, 0.63); 
            width: 100%;
            height: 100%;
            /* z-index: 1000; */
        }

        .sqcgModel-content {
            width: 680px;
            height: 620px;
            text-align: center;
               background: #ffffff; 
            border-radius: 6px;
            margin: 100px auto;
            line-height: 30px;
           /*  z-index: 10001; */
        }


</style>
</head>
<body>

<%-- <input id="customerNo" hidden="hidden"  value="${map['customerNo']}"/>   --%>

<div>
    <div id="diban" class="container"  >
        <div>
            
                <ul>            
                    <li>
                        <img style="position:relative;width:100%; height:100%;" src="<%=request.getContextPath()%>/displace/images/3_03.png" />
                        <span></span>
                    </li>

                        <div class="boxin boxinNoMar">
                        <input type="text" style="position:relative;width:90%; left:5%;" placeholder="请选择所在区域" id="select_quyu" οnclick="selectQuYu()" />
                        
                        <br/>
                        
<input type="text" style="position:relative;width:90%; left:5%;" placeholder="请选择车辆品牌" id="select_pinpai" οnclick="selectPinPai()" />

                <br/>
<input type="text" style="position:relative;width:90%; left:5%;" placeholder="请选择经销商" id="select_jingxiaoshang" οnclick="selectJingXiaoShang()" />                        
<!--                          <select class="select03" id="select_jxs">
                        <option value="">选择经销商</option>
                            <option value="gd">顾戴路</option>
                            <option value="wz">吴中路</option>
                            
                        </select>  -->
                        </div>    
                    <li>
                        <img style="position:relative;width:100%; height:100%;" src="<%=request.getContextPath()%>/displace/images/3_17.png" οnclick="searchYouHui()"/>
                        <span></span>
                    </li>
            </ul>
        

        </div> 
        <br/>
    <div>

        
        <ul id="ulul"></ul>
<%-- 

            <ul>
                <li>
                    <div style="position:relative;width:30%; left:5%;float:left;"> ${item.busiName}</div> 
                    <img style=" float:left;position:relative;width:25%;left:5%; height:30%;" οnclick="showSqcgModel()"  src="<%=request.getContextPath()%>/displace/images/3_20.png" />
                    <img style=" float:left;position:relative;width:25%;left:10%; height:30%;"src="<%=request.getContextPath()%>/displace/images/3_22.png" />
                
                </li>
                <li>
                <br/><br/>
                <span style="position:relative;;left:5%;">${item.companyName}</span>
                
                <span style="position:relative;float:right;">
                  <input οnclick="clickid010()"  type="checkbox" name="vehicle" value="Bike" id="id010"/>
                 <label for="id010">.</label>  
                 </span>
                </li>
            
                    <br/>
            
            
                <li>
                
                <span style="position:relative;left:5%;" > 地址：</span>
                <span style="position:relative;left:5%;"> ${item.address}</span>
                </li>
    
            </ul>
        <table border="0" style="position:relative;left:5%;width:90%;">
                  <tr>
            
                    <th>活动车型</th>
                  </tr>
                  

              <tr>
                <td style="position:relative;width:30%;;">${detail.styleNm}</td>
                <td style="position:relative;width:40%;">优惠金额:${detail.allowanceFee}</td>
                <td style="position:relative;width:30%;;"><input  οnclick="clickid01()" style="position:relative;float:right;" type="checkbox"  value="1000" id="id011"/><label for="id011">.</label> </td>
              </tr>

        </table>
    
        <br/><br/>
    
        
     --%>
        <%--     <ul>
                <li>
                    <div style="position:relative;width:30%; left:5%;float:left;"> 宝马商标</div> 
                    <img style=" float:left;position:relative;width:25%;left:5%; height:30%;" οnclick="showSqcgModel()"  src="<%=request.getContextPath()%>/displace/images/3_20.png" />
                    <img style=" float:left;position:relative;width:25%;left:10%; height:30%;"src="<%=request.getContextPath()%>/displace/images/3_22.png" />
                
                </li>
                <li>
                <br/><br/>
                <span style="position:relative;;left:5%;"> 经销商名称</span>
                
                <span style="position:relative;float:right;">
                  <input οnclick="clickid010()"  type="checkbox" name="vehicle" value="Bike" id="id010"/>
                 <label for="id010">.</label>  
                 </span>
                </li>
            
                    <br/>
            
            
                <li>
                
                <span style="position:relative;left:5%;" > 地址：</span>
                <span style="position:relative;left:5%;"> XXXXXXX</span>
                </li>
    
            </ul> --%>
<!--         <table border="0" style="position:relative;left:5%;width:90%;">
                  <tr>
            
                    <th>活动车型</th>
                  </tr>
              <tr>
                <td style="position:relative;width:30%;;">c111</td>
                <td style="position:relative;width:40%;">优惠金额:1000</td>
                <td style="position:relative;width:30%;;"><input  οnclick="clickid01()" style="position:relative;float:right;" type="checkbox"  value="1000" id="id011"/><label for="id011">.</label> </td>
              </tr>
              <tr>
                <td style="position:relative;width:30%;;">c111</td>
                <td style="position:relative;width:40%;">优惠金额:1000</td>
                <td style="position:relative;width:30%;;"><input  οnclick="clickid01()"  style="position:relative;float:right;" type="checkbox"  value="1000" id="id012"/><label for="id012">.</label> </td>
              </tr>
              <tr>
                <td style="position:relative;width:30%;;">c111</td>
                <td style="position:relative;width:40%;">优惠金额:1000</td>
                <td style="position:relative;width:30%;;"><input οnclick="clickid01()"  style="position:relative;float:right;" type="checkbox"  value="1000" id="id013"/><label for="id013">.</label> </td>
              </tr>
        </table>
    
        <br/><br/> -->
    
    <div>
<%--             <div>
                <img style=" position:relative;width:100%;"  src="<%=request.getContextPath()%>/displace/images/3_40.png" />
            </div>
            <br/>
            <ul>
                
                <li>
                
                    <div style="position:relative;width:30%; left:5%;float:left;"> 宝马商标</div> 
                    <img style=" float:left;position:relative;width:25%;left:5%; height:30%;"  src="<%=request.getContextPath()%>/displace/images/3_20.png" />
                    <img style=" float:left;position:relative;width:25%;left:10%; height:30%;"src="<%=request.getContextPath()%>/displace/images/3_22.png" />
                
                </li>
                <li>
                <br/><br/>
                <span style="position:relative;;left:5%;"> 经销商名称</span>
                
                <span style="position:relative;float:right;">
                  <input  type="checkbox" name="vehicle" value="Bike" id="id020"/>
                 <label for="id020">.</label>  
                 </span>
                </li>
            
            <br/>
            
            
                <li>
                
                <span style="position:relative;left:5%;" > 活动时间：</span>
                <span style="position:relative;left:5%;"> 2020</span>
                </li>
    
            </ul>
        <table border="0" style="position:relative;left:5%;width:90%;">
              <tr>
        
                <th>活动车型</th>
              </tr>
              <tr>
                <td style="position:relative;width:30%;;">c222</td>
                <td style="position:relative;width:40%;">优惠金额:1000</td>
                <td style="position:relative;width:30%;;"><input style="position:relative;float:right;" type="checkbox"  value="1000" id="id021"/><label for="id021">.</label> </td>
              </tr>
              <tr>
                <td style="position:relative;width:30%;;">c222</td>
                <td style="position:relative;width:40%;">优惠金额:1000</td>
                <td style="position:relative;width:30%;;"><input style="position:relative;float:right;" type="checkbox"  value="1000" id="id022"/><label for="id022">.</label> </td>
              </tr>
              <tr>
                <td style="position:relative;width:30%;;">c222</td>
                <td style="position:relative;width:40%;">优惠金额:1000</td>
                <td style="position:relative;width:30%;;"><input style="position:relative;float:right;" type="checkbox"  value="1000" id="id023"/><label for="id023">.</label> </td>
              </tr>
        </table>
            <br/>   --%>    
        <div>
        
                <table border="0" style="position:relative;left:5%;width:90%;">
            
                      <tr>
                        <td rowspan="2" style="position:relative;width:60%;;">如您无从选择，点击“帮我推荐”，我们将为您自动推荐最优方案。实际优惠政策以当日公布为准。</td><!-- showZytjModel(); -->
                        <td style="position:relative;width:40%;;"><img   style=" float:right;;position:relative;width:80%; height:50%;right:5%" οnclick="lianxiwo();" src="<%=request.getContextPath()%>/displace/images/3_36.png" /></td>
                        
                      </tr>
                      <tr>
                       
                        <td><img style=" float:right;;position:relative;width:80%; height:50%; right:5%"  οnclick="showTjcgModel()" src="<%=request.getContextPath()%>/displace/images/3_33.png" /></td>
                        
                      </tr>
              
                </table>

            <br/>    
        </div> 
        <br/>    
    
    </div>
    

</div> 


<div id="zytjModel" >
         <div class="zytjModel-content"  style="position:absolute; left:5% ; width: 90%;height: 40%;  ">
            <div >
                <img style="position:relative;width:100%;" src="<%=request.getContextPath()%>/displace/images/11_03.png" />
                <div style="position:absolute; left:80%; top:4%;"><img style="height: 10%" οnclick="closeZytjModel()"  src="<%=request.getContextPath()%>/displace/images/2_15.png" /></div> 
            </div>
             <br/>
            <div style="position:relative;width:80%;left:10%; ">
            还需要我们为您匹配最优的推荐方案吗？
            
            
            </div>
            <br/> 
             <div >  
             <span>    
                 <img style="position:relative;height: 40%; width:40%;top:80% " src="<%=request.getContextPath()%>/displace/images/11_07.png" />
                <img style="position:relative;height: 40%; width:40%;top:80%" οnclick="showTjiaocgModel();closeZytjModel()"  src="<%=request.getContextPath()%>/displace/images/11_09.png" />
            </span>  
            </div> 
        </div> 
</div>

 <div id="sqcgModel" >
        <div class="sqcgModel-content"  style="position:absolute; left:5% ; width: 90%;height: 40%;  ">
            <div >
                <img style="position:relative;width:100%;" src="<%=request.getContextPath()%>/displace/images/6_031.png" />
                <div style="position:absolute; left:80%; top:4%;"><img style="height: 10%" οnclick="closeSqcgModel()"  src="<%=request.getContextPath()%>/displace/images/2_15.png" /></div> 
            </div>
            <br/>
            <div style="position:relative;width:80%;left:10%; ">
            您的申请已提交，我们将尽快完成审核并与您联系，请保持手机畅通，并注意接听。谢谢。
            
            
            </div>
            <br/>
             <div >
                 <a rel="nofollow" href="./get_discount.jsp?customerNo=<%=customerNo%>">      
                     <img style="position:relative; width:80%;top:80%" src="<%=request.getContextPath()%>/displace/images/6_07.png" />
                </a>
            </div> 
        </div>
</div> 


 <div id="tjcgModel" >
        <div class="tjcgModel-content"  style="position:absolute; left:5% ; width: 90%;height: 40%;  ">
            <div >
                <img style="position:relative;width:100%;" src="<%=request.getContextPath()%>/displace/images/6_03.png" />
                <div style="position:absolute; left:80%; top:4%;"><img style="height: 10%" οnclick="closeTjcgModel()"  src="<%=request.getContextPath()%>/displace/images/2_15.png" /></div> 
            </div>
            
            <div style="position:relative;width:80%;left:10%; ">
            您的信息已提交，车开新将为您匹配最佳推荐方案，稍后会有置换销售与您联系，请保持手机畅通，并注意接听。谢谢。
            </div>
            <br/>
             <div > 
                 <a rel="nofollow" href="./get_discount.jsp?customerNo=<%=customerNo%>">     
                     <img style="position:relative; width:80%;top:70%" src="<%=request.getContextPath()%>/displace/images/6_07.png" />
                </a>
            </div> 
        </div>
</div>


<div id="tjiaocgModel" >
        <div class="tjiaocgModel-content"  style="position:absolute; left:5% ; width: 90%;height: 40%;  ">
            <div >
                <img style="position:relative;width:100%;" src="<%=request.getContextPath()%>/displace/images/4_03_01.png" />
                <div style="position:absolute; left:80%; top:4%;"><img style="height: 10%" οnclick="closeTjiaocgModel()"  src="<%=request.getContextPath()%>/displace/images/2_15.png" /></div> 
            </div>
            
            <div style="position:relative;width:80%;left:10%; ">
            您的选择已提交，置换销售将尽快与您联系，请保持手机畅通，并注意接听。谢谢。
            </div>
            <br/>
             <div > 
                <a rel="nofollow" href="./displace/get_discount.jsp?customerNo=<%=customerNo%>">  
                     <img style="position:relative; width:80%;top:70%" src="<%=request.getContextPath()%>/displace/images/6_07.png" />
                </a>
            </div> 
        </div>
</div>

</div>

</div>

</body>
</html>

<%@ page language="java"  import="java.util.*,com.wudaosoft.weixin.oauth2.*"  pageEncoding="UTF-8"%>
<%@ page import="com.wudaosoft.weixin.CommonApi"%>
<%
    String path = request.getContextPath();
    String basePath = request.getScheme() + "://"
            + request.getServerName() + ":" + request.getServerPort()
            + path + "/";
    String source = (String)request.getParameter("source");
%>
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<title  style = "text-align:center;">置换页面</title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="apple-mobile-web-app-capable" content="yes">
<meta id="viewport" name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
<link href="<%=request.getContextPath()%>/newLayout/css/style.css" rel="stylesheet" type="text/css" />
<script src="<%=request.getContextPath()%>/newLayout/js/jquery-1.8.1.min.js" type="text/javascript" language="javascript"></script>
<script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script> 
<script type="text/javascript" src="<%=request.getContextPath()%>/displace/css/common.js"></script>

<script type="text/javascript">
function showModel() {
    
    <%-- var a = "<%=request.getContextPath()%>";
    alert(a);
    
     --%>
    document.getElementById('myModel').style.display = 'block';
     /* document.getElementById('diban').style.backgroundColor="rgba(9, 9, 9, 0.63)"; */
    
}
function closeModel() {
    document.getElementById('myModel').style.display = 'none';
}


function sendYH(){
    
    var phone =$('#phone').val();
    var code =$('#code').val(); 
    
    
            //进行估价
             $.ajax({
                type: "POST",
                url: "<%=request.getContextPath()%>/api/book!getZH.action",
                //url: "http://api.kx.cn/Account/commCode",
                data: {
                    
                    "phone":phone,
                    "code":code
                    },
                success: function(data){
                    var data = eval("("+data+")"); 
                    if(data.code =="200" ){
                   var customerNo = data.customerNo;

                       $(location).attr('href', '<%=request.getContextPath()%>/displace/displace_activity.jsp?customerNo=CSH20416291');

                       $(location).attr('href', urlactivity);

                    }else{
                       alert("验证码不正确！");
                   }
                },error:function (data){
                   alert("系统异常");
                }
            }); 
       

}


</script>
<style>
        .container {
            width: 100%;
            height: 100%;
            text-align: center;
            margin: 0px auto;
           
        }

        #myModel {
            position: absolute;
            top: 0;
            left: 0;
            display: none;
             background-color: rgba(9, 9, 9, 0.63); 
            width: 100%;
            height: 100%;
            z-index: 1000;
        }

        .model-content {
            width: 680px;
            height: 620px;
            text-align: center;
               background: #ffffff; 
            border-radius: 6px;
            margin: 100px auto;
            line-height: 30px;
            z-index: 10001;
        }
    </style>
</head>
<body>
<div>
<div id="diban" class="container"  >
    <article id="questionCon">
        <ul>
            <br/>
            <li>
                <img src="<%=request.getContextPath()%>/displace/images/1_03.png" />
                <span></span>
            </li>
            <br/>
            <li>
                <img src="<%=request.getContextPath()%>/displace/images/1_06.jpg" />
                <span></span>
            </li>
            <br/>
            <li>
                <img src="<%=request.getContextPath()%>/displace/images/1_08.png" οnclick="showModel()" />
                <span></span>
            </li><br/>
            <li>
                <img src="<%=request.getContextPath()%>/displace/images/1_10.png"  />
                <span></span>
            </li>
            <br/><li>
                 &nbsp; &nbsp;  1 . 11111111111111<br/>
                &nbsp;  &nbsp;  2 . 222222222<br/>
                &nbsp;  &nbsp;  3 . 33333333333<br/>
                &nbsp;  &nbsp;  4 . 44444444444
            </li>
            
        </ul>
        </article>
</div>


 <div id="myModel" >
        <div class="model-content"  style="position:absolute; left:5% ; width: 90%;height: 40%;  ">
            <div >
                <img style="position:absolute; width: 100%; left:0%;height: 20%"; src="<%=request.getContextPath()%>/displace/images/2_11.png" />
                <div style="position:absolute; left:80%; top:4%;"><img style="height: 10%" οnclick="closeModel()"  src="<%=request.getContextPath()%>/displace/images/2_15.png" /></div> 
            </div>
            <br/>
            <div>
             <img   style="position:absolute;  left:10%; top:30%;height: 15%; " src="<%=request.getContextPath()%>/displace/images/2_03.png" />
            <input style=" position:absolute;  left:25%; top:30%; ;height: 15%;width: 60%;"  type="text" value="请输入手机号码" id="phone" maxlength="11" οnfοcus="if($.trim($(this).val())=='请输入手机号码'){$(this).val('').focus()}"  placeholder="请输入手机号码">
            </div>  
              
                <br/>
             <div >
             <img style="position:absolute;  left:10%; top:60%;height: 15%; "  src="<%=request.getContextPath()%>/displace/images/2_06.png" />
                       
                             <input style=" position:absolute;  left:25%; top:60%; ;height: 8.5%;width: 25%;" type="text" value="请输入验证码" id="code" maxlength="4" οnfοcus="if($.trim($(this).val())=='请输入验证码'){$(this).val('').focus()}"  placeholder="请输入验证码"/>
                             <button id="codebtn" οnclick="sendMobileCode();" style=" position:absolute;  left:60%; top:60%; ;height: 15%;width: 25%;" type="button">获取验证码</button>
                             
             </div>       
               <br/>
             <div >  <!-- http://wxckx.kx.cn/recom/displace/displace_activity.jsp -->
              <!-- <a rel="nofollow" href="http://wxckx.kx.cn/recom/displace/displace_activity.jsp">   --> 
                     <img οnclick="sendYH();"   style="position:absolute; width: 80%; left:10%; top:80%;height: 15%"; src="<%=request.getContextPath()%>/displace/images/2_19.png" />
            <!--  </a>   -->
            
            <div> 
        </div>
</div>
    
</div>    

</body>
</html>

M_Jack
发布了29 篇原创文章 · 获赞 66 · 访问量 52万+
私信 关注

猜你喜欢

转载自blog.csdn.net/M_Jack/article/details/105141337
今日推荐
《美国对全球网络空间安全与发展的威胁和破坏》报告发布
火速冲上 GitHub 热榜 —— 开源编程语言、框架哪有这么可爱？
北京人形机器人创新中心发布全球首个纯电驱拟人奔跑的全尺寸人形机器人“天工”
LFOSSA 源来如此公开课 | 掌握云原生未来：CNCF 认证全面攻略与备考秘籍
周排行
循环神经网络（rnn）讲解
Tigao教程四：单独的关节运动
金蝶K3WISE15.0-注册套打教程
如何在Mac上配置Kubernetes
Android应用结束自身进程的方法
SpringMVC学习 十三 拦截器栈
中国驻洛杉矶总领馆举行新春招待会
HttpClient get post 发送
11 - three.js 笔记 - 绘制三维字体模型
Mysql递归获取某个父节点下面的所有子节点和子节点上的所有父节点
每日归档
更多
2024-05-01(4)
2024-04-30(1)
2024-04-29(40)
2024-04-28(0)
2024-04-27(56)
2024-04-26(39)
2024-04-25(22)
2024-04-24(36)
2024-04-23(26)
2024-04-22(39)

代码天地 © 2018 codetd.com

境外服务器   最新电视剧2022