zhjx 6 سال پیش
والد
کامیت
04c4792f1f
1فایلهای تغییر یافته به همراه88 افزوده شده و 0 حذف شده
  1. 88 0
      resources/views/web/order/index.blade.php

+ 88 - 0
resources/views/web/order/index.blade.php

xqd xqd xqd
@@ -56,6 +56,37 @@
             left: 0;
             background: rgba(0,0,0,0.5);
         }
+        #tanchuang .tanbox{
+            width: 240px;
+            height: 120px;
+            background: #fff;
+            position: absolute;
+            left: 50%;
+            top: 50%;
+            margin-left: -120px;
+            margin-top: -60px;
+            border-radius: 15px;
+        }
+        .tanbox .status{
+            width: 80%;
+            height: 70%;
+            margin: 10%;
+        }
+        .tanbox .status text{
+            display: inline-block;
+            width: 100%;
+            text-align: center;
+            margin-top: 10px;
+        }
+        .tanbox .status .title{
+            display: inline-block;
+            width: 100%;
+            font-size: 20px;
+            font-weight: 700;
+            text-align: center;
+            color: #f04;
+            margin-top: 10px;
+        }
     </style>
 </head>
 <body>
@@ -84,6 +115,48 @@
     function tijiao(){
             var tanc=document.getElementById("tanchuang")
                 tanc.style="display:auto;"
+                var status = 0
+            var tbox = document.getElementsByClassName("status");
+            
+            if(status==0){
+                tbox[0].style="display:auto;"
+                tbox[1].style="display:none;"
+                tbox[2].style="display:none;"
+            }else if(status==1){
+                tbox[1].style="display:auto;"
+                tbox[0].style="display:none;"
+                tbox[2].style="display:none;"
+            }else{
+                tbox[1].style="display:none;"
+                tbox[0].style="display:none;"
+                tbox[2].style="display:auto;"
+            }
+        }
+        function close(e){
+            var id = e.id;
+            console.log(id)
+            if(id=='fail'){
+                closebox();
+            }else if(id=='yeah'){
+                var tanc=document.getElementById("tanchuang")
+                tanc.style="display:none;"
+            }else if(id=='download'){
+                var tanc=document.getElementById("tanchuang")
+                tanc.style="display:none;"
+            }
+        }
+        function closebox(){
+            var tanc=document.getElementById("tanchuang")
+                tanc.style="display:none;"
+        }
+        function phonenum() {
+            var phone = '17828477741'
+            var myreg=/^[1][3,4,5,7,8][0-9]{9}$/;
+            if (!myreg.test(phone)) {
+                console.log('错了')
+            } else {
+                console.log('对了')
+            }
         }
     function closeyan(){
         var yanz=document.getElementById("yanz")
@@ -170,6 +243,21 @@
                     </div>
                 </div>
                 <div id="tanchuang" style="display: none;">
+                    <div class="tanbox">
+                        <div style="width: 20px;height: 20px;text-align: center;position: absolute;top: -5px;right: -5px;background: #f04;border-radius: 20px;" onclick="closebox()">X</div>
+                        <div class="status b0">
+                            <text class="title">提交失败!!</text>
+                            <text style="font-size: 10px;color: #999;">请重新提交!!</text>
+                        </div>
+                        <div class="status b1">
+                            <text class="title">提交成功!!</text>
+                            <button class="btn btn-default" id="yeah" type="button" onclick="close(this)">下一页!</button>
+                        </div>
+                        <div class="status b2">
+                            <text class="title">下载****!!</text>
+                            <button class="btn btn-default" id="download" type="button" onclick="close(this)">下载!</button>
+                        </div>
+                    </div>
                 </div>
             </form>
         </div>