下单成功弹窗

public/assets/css/car/confirm.less

@@ -450,6 +450,39 @@
     }
 }
 
+.successPops{
+    position: fixed;
+    left:0px;
+    top:0px;
+    right:0px;
+    bottom:0px;
+    z-index: 2;
+    .cns{
+        width: 500px;
+        height: 118px;
+        background: #283FEB;
+        border: 1px solid #FFFFFF;
+        opacity: 0.65;
+        border-radius: 10px;
+        box-sizing: border-box;
+        margin:0 auto;
+        position: relative;
+        top:50%;
+        margin-top: -59px;
+        padding:20px 30px;
+        color:#fff;
+        p{font-size: 14px;line-height: 20px;}
+        .btnbox{
+            text-align: right;
+            margin-top: 20px;
+            a{font-size: 16px;color:#fff;&.okbtn{margin-left: 40px;}}
+        }
+        
+    }
+
+}
+
+
 .getCountryBox{
     position: relative;
     .conps{

public/assets/css/car/confirm.min.css

-.confirmbox .back{height:56px}.confirmbox .back a{font-size:14px;color:#555}.confirmbox .back i{color:#04439D;font-size:16px}.confirmbox .top{background:#FFFFFF}.confirmbox .top .head{width:1200px;height:48px;background:#DFEAFA;color:#164D9A;font-size:16px;font-weight:bold;padding-left:25px}.confirmbox .top .address-group{padding:0 40px;font-size:14px;color:#555;position:relative;padding-bottom:40px}.confirmbox .top .address-group .edit{width:216px;position:absolute;top:30px;right:40px}.confirmbox .top .address-group .edit .bt{width:91px;height:33px;line-height:33px;border:1px solid #164D9A;border-radius:4px;text-align:center;color:#164D9A;margin-left:30px;cursor:pointer}.confirmbox .top .address-group .edit .bt:first-child{margin:0px}.confirmbox .top .address-group .choose{font-size:16px;color:#222;font-weight:bold;height:30px}.confirmbox .top .address-group .choose .choosebtn{margin-left:32px;cursor:pointer}.confirmbox .top .address-group .choose .choosebtn i{display:block;width:11px;height:11px;border:1px solid #164D9A;border-radius:50%;position:relative;top:1px;margin-right:4px}.confirmbox .top .address-group .choose .choosebtn.act i::after{position:absolute;content:"";width:7px;height:7px;background:#164D9A;border-radius:50%;top:2px;left:2px}.confirmbox .top .address-group .choose .choosebtn span{color:#555;font-size:14px}.confirmbox .top .address-group .info{margin-top:22px}.confirmbox .top .address-group .info .name{min-width:159px;margin-right:70px}.confirmbox .top .address-group .info .email{margin-left:70px;margin-right:70px}.confirmbox .top .address-group .addre{height:32px;line-height:32px;margin-top:23px}.confirmbox .top .address-group .defaults{width:160px;height:32px;line-height:32px;text-align:center;background:#FAFAFA;border:1px solid #DFEAFA;border-radius:4px;margin-left:70px}.confirmbox .top .address-group .handle-box{margin-top:26px}.confirmbox .top .address-group .handle-box .bts{color:#164D9A;font-size:14px;cursor:pointer;margin-right:70px}.confirmbox .bottom{background:#fff;margin-top:18px;padding-top:24px;padding-bottom:30px}.confirmbox .bottom .head{padding:0px 4px}.confirmbox .bottom .head span{font-size:16px;font-weight:bold;width:198px;border-bottom:4px solid #164D9A;border-radius:2px;padding-bottom:8px;text-align:center}.confirmbox .bottom .list-table{width:1152px;margin:0 auto;border-radius:0px 0px 8px 8px;margin-top:20px}.confirmbox .bottom .list-table .w70{width:70px}.confirmbox .bottom .list-table .w184{width:184px}.confirmbox .bottom .list-table .w176{width:176px}.confirmbox .bottom .list-table .w153{width:153px}.confirmbox .bottom .list-table .w116{width:116px}.confirmbox .bottom .list-table .w123{width:123px}.confirmbox .bottom .list-table .w120{width:120px}.confirmbox .bottom .list-table .thead{height:38px;background:#DFEAFA;line-height:38px;border-radius:8px 8px 0px 0px;padding:0 15px}.confirmbox .bottom .list-table .thead .th{font-size:14px;color:#333;font-weight:bold;box-sizing:border-box;padding-right:5px}.confirmbox .bottom .list-table .tbody{font-size:14px;color:#555;border-radius:0px 0px 8px 8px;background:#F7FAFF;overflow:hidden}.confirmbox .bottom .list-table .tbody input{width:164px;height:26px;background:#FAFAFA;border:1px solid #DFEAFA;border-radius:4px;line-height:26px;color:#333}.confirmbox .bottom .list-table .tbody .tr{line-height:20px;border-bottom:1px solid #DFEAFA;padding:20px 15px;box-sizing:border-box}.confirmbox .bottom .list-table .tbody .tr .td{word-break:break-all;box-sizing:border-box;padding-right:5px}.confirmbox .bottom .list-table .tbody .tr:last-child{border:0px}.confirmbox .bottom .list-table .tbody .tr.sxbox{background:rgba(51,51,51,0.2)}.confirmbox .bottom .list-table .tbody .tr.sxbox input{background:none;border:1px solid #BCBCBC}.confirmbox .bottom .list-table .tbody .pdf{color:#F68332;font-size:20px}.confirmbox .bottom .list-table .tbody .sx{width:100px;height:20px;border:1px solid #EE1919;border-radius:14px;color:#EE1919;font-size:14px;text-align:center;line-height:20px;position:relative;top:1px}.confirmbox .bottom .jsInfo{padding:0 25px;padding-top:20px;padding-left:836px}.confirmbox .bottom .jsInfo span{font-size:16px;color:#333;font-weight:bold}.confirmbox .bottom .jsInfo .f-red{color:#E92E2E}.confirmbox .bottom .jsInfo .jsitem{height:30px;line-height:30px}.confirmbox .bottom .jsInfo .jsitem i{margin-right:22px;color:#555}.confirmbox .bottom .jsInfo .jsitem .tcon{width:300px}.confirmbox .bottom .jsInfo .jsitem.notip{padding-left:39px}.confirmbox .bottom .jsInfo .jsitem .tips{position:relative}.confirmbox .bottom .jsInfo .jsitem .tips .tipcon{position:absolute;width:500px;background:rgba(40,63,235,0.65);border:1px solid #FFFFFF;border-radius:10px;color:#fff;padding:10px 20px;line-height:20px;box-sizing:border-box;left:-500px;top:-15px;display:none}.confirmbox .bottom .jsInfo .jsitem .tips:hover .tipcon{display:block}.confirmbox .bottom .submit{width:372px;height:40px;line-height:40px;text-align:center;cursor:pointer;background:#164D9A;border-radius:4px;margin:0 auto;margin-top:30px;color:#fff}.choose-popcheck .w45{width:45px}.choose-popcheck .w130{width:130px}.choose-popcheck .w210{width:210px}.choose-popcheck .w153{width:153px}.choose-popcheck .w148{width:148px}.choose-popcheck .w122{width:122px}.choose-popcheck .w150{width:150px}.choose-popcheck .thead{height:48px;background:#FFFFFF;border-radius:8px 8px 0px 0px;line-height:48px;padding:0 22px}.choose-popcheck .thead .th{font-size:14px;color:#333;font-weight:bold;padding-right:5px;box-sizing:border-box}.choose-popcheck .tbody{background:#D5E1F3;border-radius:0px 0px 8px 8px;padding:0 22px;max-height:250px;overflow-y:auto}.choose-popcheck .tbody .tr{cursor:pointer;line-height:20px;border-bottom:1px solid #fff;box-sizing:border-box;padding:14px 0}.choose-popcheck .tbody .tr .td{word-break:break-all;box-sizing:border-box;padding-right:5px;font-size:14px;color:#555}.choose-popcheck .tbody .tr:last-child{border:0px}.choose-popcheck .tbody .tr.act .td{color:#164D9A;font-weight:bold}.choose-popcheck .choosesubmit{color:#fff;font-size:18px;font-weight:bold;width:176px;height:40px;background:#F68332;border-radius:10px;text-align:center;line-height:40px;margin:0 auto;margin-top:24px;cursor:pointer}.getCountryBox{position:relative}.getCountryBox .conps{display:none;position:absolute;top:33px;left:0px;width:320px;height:200px;overflow-y:auto;background:#fff;box-shadow:0 0 10px #ccc;padding:15px 0;z-index:2}.getCountryBox .conps .citem{height:28px;line-height:28px;padding:0 20px;color:#164D9A;cursor:pointer}.getCountryBox .conps .citem:hover{background:#DFEAFA}
\ No newline at end of file
+.confirmbox .back{height:56px}.confirmbox .back a{font-size:14px;color:#555}.confirmbox .back i{color:#04439D;font-size:16px}.confirmbox .top{background:#FFFFFF}.confirmbox .top .head{width:1200px;height:48px;background:#DFEAFA;color:#164D9A;font-size:16px;font-weight:bold;padding-left:25px}.confirmbox .top .address-group{padding:0 40px;font-size:14px;color:#555;position:relative;padding-bottom:40px}.confirmbox .top .address-group .edit{width:216px;position:absolute;top:30px;right:40px}.confirmbox .top .address-group .edit .bt{width:91px;height:33px;line-height:33px;border:1px solid #164D9A;border-radius:4px;text-align:center;color:#164D9A;margin-left:30px;cursor:pointer}.confirmbox .top .address-group .edit .bt:first-child{margin:0px}.confirmbox .top .address-group .choose{font-size:16px;color:#222;font-weight:bold;height:30px}.confirmbox .top .address-group .choose .choosebtn{margin-left:32px;cursor:pointer}.confirmbox .top .address-group .choose .choosebtn i{display:block;width:11px;height:11px;border:1px solid #164D9A;border-radius:50%;position:relative;top:1px;margin-right:4px}.confirmbox .top .address-group .choose .choosebtn.act i::after{position:absolute;content:"";width:7px;height:7px;background:#164D9A;border-radius:50%;top:2px;left:2px}.confirmbox .top .address-group .choose .choosebtn span{color:#555;font-size:14px}.confirmbox .top .address-group .info{margin-top:22px}.confirmbox .top .address-group .info .name{min-width:159px;margin-right:70px}.confirmbox .top .address-group .info .email{margin-left:70px;margin-right:70px}.confirmbox .top .address-group .addre{height:32px;line-height:32px;margin-top:23px}.confirmbox .top .address-group .defaults{width:160px;height:32px;line-height:32px;text-align:center;background:#FAFAFA;border:1px solid #DFEAFA;border-radius:4px;margin-left:70px}.confirmbox .top .address-group .handle-box{margin-top:26px}.confirmbox .top .address-group .handle-box .bts{color:#164D9A;font-size:14px;cursor:pointer;margin-right:70px}.confirmbox .bottom{background:#fff;margin-top:18px;padding-top:24px;padding-bottom:30px}.confirmbox .bottom .head{padding:0px 4px}.confirmbox .bottom .head span{font-size:16px;font-weight:bold;width:198px;border-bottom:4px solid #164D9A;border-radius:2px;padding-bottom:8px;text-align:center}.confirmbox .bottom .list-table{width:1152px;margin:0 auto;border-radius:0px 0px 8px 8px;margin-top:20px}.confirmbox .bottom .list-table .w70{width:70px}.confirmbox .bottom .list-table .w184{width:184px}.confirmbox .bottom .list-table .w176{width:176px}.confirmbox .bottom .list-table .w153{width:153px}.confirmbox .bottom .list-table .w116{width:116px}.confirmbox .bottom .list-table .w123{width:123px}.confirmbox .bottom .list-table .w120{width:120px}.confirmbox .bottom .list-table .thead{height:38px;background:#DFEAFA;line-height:38px;border-radius:8px 8px 0px 0px;padding:0 15px}.confirmbox .bottom .list-table .thead .th{font-size:14px;color:#333;font-weight:bold;box-sizing:border-box;padding-right:5px}.confirmbox .bottom .list-table .tbody{font-size:14px;color:#555;border-radius:0px 0px 8px 8px;background:#F7FAFF;overflow:hidden}.confirmbox .bottom .list-table .tbody input{width:164px;height:26px;background:#FAFAFA;border:1px solid #DFEAFA;border-radius:4px;line-height:26px;color:#333}.confirmbox .bottom .list-table .tbody .tr{line-height:20px;border-bottom:1px solid #DFEAFA;padding:20px 15px;box-sizing:border-box}.confirmbox .bottom .list-table .tbody .tr .td{word-break:break-all;box-sizing:border-box;padding-right:5px}.confirmbox .bottom .list-table .tbody .tr:last-child{border:0px}.confirmbox .bottom .list-table .tbody .tr.sxbox{background:rgba(51,51,51,0.2)}.confirmbox .bottom .list-table .tbody .tr.sxbox input{background:none;border:1px solid #BCBCBC}.confirmbox .bottom .list-table .tbody .pdf{color:#F68332;font-size:20px}.confirmbox .bottom .list-table .tbody .sx{width:100px;height:20px;border:1px solid #EE1919;border-radius:14px;color:#EE1919;font-size:14px;text-align:center;line-height:20px;position:relative;top:1px}.confirmbox .bottom .jsInfo{padding:0 25px;padding-top:20px;padding-left:836px}.confirmbox .bottom .jsInfo span{font-size:16px;color:#333;font-weight:bold}.confirmbox .bottom .jsInfo .f-red{color:#E92E2E}.confirmbox .bottom .jsInfo .jsitem{height:30px;line-height:30px}.confirmbox .bottom .jsInfo .jsitem i{margin-right:22px;color:#555}.confirmbox .bottom .jsInfo .jsitem .tcon{width:300px}.confirmbox .bottom .jsInfo .jsitem.notip{padding-left:39px}.confirmbox .bottom .jsInfo .jsitem .tips{position:relative}.confirmbox .bottom .jsInfo .jsitem .tips .tipcon{position:absolute;width:500px;background:rgba(40,63,235,0.65);border:1px solid #FFFFFF;border-radius:10px;color:#fff;padding:10px 20px;line-height:20px;box-sizing:border-box;left:-500px;top:-15px;display:none}.confirmbox .bottom .jsInfo .jsitem .tips:hover .tipcon{display:block}.confirmbox .bottom .submit{width:372px;height:40px;line-height:40px;text-align:center;cursor:pointer;background:#164D9A;border-radius:4px;margin:0 auto;margin-top:30px;color:#fff}.choose-popcheck .w45{width:45px}.choose-popcheck .w130{width:130px}.choose-popcheck .w210{width:210px}.choose-popcheck .w153{width:153px}.choose-popcheck .w148{width:148px}.choose-popcheck .w122{width:122px}.choose-popcheck .w150{width:150px}.choose-popcheck .thead{height:48px;background:#FFFFFF;border-radius:8px 8px 0px 0px;line-height:48px;padding:0 22px}.choose-popcheck .thead .th{font-size:14px;color:#333;font-weight:bold;padding-right:5px;box-sizing:border-box}.choose-popcheck .tbody{background:#D5E1F3;border-radius:0px 0px 8px 8px;padding:0 22px;max-height:250px;overflow-y:auto}.choose-popcheck .tbody .tr{cursor:pointer;line-height:20px;border-bottom:1px solid #fff;box-sizing:border-box;padding:14px 0}.choose-popcheck .tbody .tr .td{word-break:break-all;box-sizing:border-box;padding-right:5px;font-size:14px;color:#555}.choose-popcheck .tbody .tr:last-child{border:0px}.choose-popcheck .tbody .tr.act .td{color:#164D9A;font-weight:bold}.choose-popcheck .choosesubmit{color:#fff;font-size:18px;font-weight:bold;width:176px;height:40px;background:#F68332;border-radius:10px;text-align:center;line-height:40px;margin:0 auto;margin-top:24px;cursor:pointer}.successPops{position:fixed;left:0px;top:0px;right:0px;bottom:0px;z-index:2}.successPops .cns{width:500px;height:118px;background:#283FEB;border:1px solid #FFFFFF;opacity:.65;border-radius:10px;box-sizing:border-box;margin:0 auto;position:relative;top:50%;margin-top:-59px;padding:20px 30px;color:#fff}.successPops .cns p{font-size:14px;line-height:20px}.successPops .cns .btnbox{text-align:right;margin-top:20px}.successPops .cns .btnbox a{font-size:16px;color:#fff}.successPops .cns .btnbox a.okbtn{margin-left:40px}.getCountryBox{position:relative}.getCountryBox .conps{display:none;position:absolute;top:33px;left:0px;width:320px;height:200px;overflow-y:auto;background:#fff;box-shadow:0 0 10px #ccc;padding:15px 0;z-index:2}.getCountryBox .conps .citem{height:28px;line-height:28px;padding:0 20px;color:#164D9A;cursor:pointer}.getCountryBox .conps .citem:hover{background:#DFEAFA}
\ No newline at end of file

public/assets/js/car/confirm.js

@@ -266,9 +266,11 @@ define('confirm', ['liexin_pop','form','artTemplate'], function (require, export
                 $.liexin_ajax('/api/order/addOrder', 'POST', { shipping_address_id:$(".address-group.ship").attr("guid"),billing_address_id:$(".address-group.bill").attr("guid"),items:JSON.stringify(arr_)}, function (res) {
                     if (res.code == 0) {
                         tool.setCookie("car_xk",1,-1); //下单成功删掉cookie
-                        liexin_pop.Tip({ title: res.msg },function(){
-                            window.location.href="/user/order"
-                        })
+                        $(".checkorder").attr("href","/user/orderDetail?order_id="+res.data)
+                        $(".successPops").show();
+                        // liexin_pop.Tip({ title: res.msg },function(){
+                        //     window.location.href="/user/order"
+                        // })
                     } else {
                         $(".ordercreates").removeClass("dis")
                         liexin_pop.Tip({ title: res.msg })

resources/views/car/confirm.blade.php

@@ -119,6 +119,16 @@
     </div>
     @include('common.mallFooter')
 </div>
+<!--成功提示-->
+<div class="successPops" style="display:none;">
+    <div class="cns">
+        <p>Save successfully! Our sales will process the order soon and give feedback within 24 hours!</p>
+        <div class="btnbox">
+            <a href="/user/orderDetail?order_id=173" class="checkorder">Check Order</a>
+            <a href="/user/order" class="okbtn">OK</a>
+        </div>
+    </div>
+</div>
 <!--新增地址弹窗-->
 <div class="addressPop" style="display:none;">
     <div class="inputboxp">