Merge branch 'main' of http://git.njrzwl.cn:3000/renzhou/suzhou

css/style.css

@@ -1157,6 +1157,26 @@ overflow: hidden;
 .apply_box .button:hover{
     background-color: #404040;
 }
+.apply_box input[type="file"]{
+    padding-left: 15px;
+    padding-top: 10px;
+}
+.modal-wrap{
+    text-align: center;
+}
+.modal-wrap img{
+    width: 20%;
+}
+.modal-wrap p{
+    margin-top: 20px;
+    font-size: 18px;
+}
+.modal-footer{
+    text-align: center;
+}
+.modal .btn{
+    width: 100px;
+}
 
 /*首页背景图片*/
 

form/form.html

@@ -63,7 +63,7 @@
             <div class="form-group">
               <label for="username" class="col-sm-3 control-label left">地址：</label>
               <div class="col-sm-6">
-                <input type="text" name="address" class="form-control right" id="address" placeholder="必填">
+                <input type="text" name="address" class="form-control right" id="address" placeholder="选填">
               </div>
             </div>
             <div class="form-group">
@@ -75,7 +75,7 @@
             <div class="form-group">
               <label for="tel" class="col-sm-3 control-label left">传 真：</label>
               <div class="col-sm-6">
-                <input type="text" name="cz" class="form-control right" id="cz" placeholder="必填">
+                <input type="text" name="cz" class="form-control right" id="cz" placeholder="选填">
               </div>
             </div>
             <div class="form-group">
@@ -94,7 +94,6 @@
               <label for="tel" class="col-sm-3 control-label left">行业分类：</label>
               <div class="col-sm-6">
                 <select class="form-select form-select-lg mb-3 apply_select col-sm-6" name="cate" id="cate" aria-label="Default select example">
-                  <option selected>请选择</option>
                   <option value="1">行业一</option>
                   <option value="2">行业二</option>
                   <option value="3">行业三</option>
@@ -128,8 +127,36 @@
       </div>
     </div>    
   </div>
-
   <div id="footer"></div>
+  
+    <!-- <button class='button' data-toggle='modal' data-target='#myModal'>我要上传</button> -->
+    <!-- 反馈模态框（Modal） -->
+    <div class='modal fade' id='myModal' tabindex='-1' role='dialog' aria-labelledby='myModalLabel' aria-hidden='true'>
+      <div class='modal-dialog modal-dialog-centered'>
+          <div class='modal-content'>
+              <div class='modal-header'>
+                  <!-- <button type='button' class='close' data-dismiss='modal' aria-hidden='true'>
+                      &times;
+                  </button> -->
+                  <h4 class='modal-title' id='myModalLabel'>
+                      提示
+                  </h4>
+              </div>
+              <div class='modal-body'>
+                     
+                <div class='modal-wrap'>
+                    <img src="../images/成功.png">
+                    <p class=''>申请已提交，请等待审核结果</p>
+                </div>
+              
+              </div>
+              <div class='modal-footer'>
+                  <!--  附属属性 btn-default btn-info -->
+                  <button type='button' class='btn  btn-primary' onclick="reload()" >确定</button>
+              </div>
+          </div><!-- /.modal-content -->
+      </div><!-- /.modal -->
+    </div>
 
 </body>
 </html>
@@ -147,50 +174,13 @@
           data: formData,
           processData: false,  // 不处理数据
 				  contentType: false,   // 不设置内容类型
-          // beforeSend:function(){
-          //     if (!company) {
-          //         alert('融资公司不能为空');
-          //         return false;
-          //     }
-          //     else if (address == '') {
-          //         alert('地址不能为空');
-          //         return false;
-          //     }
-          //     else if (phone == '') {
-          //         alert('手机号码不能为空');
-          //         return false;
-          //     }                    
-          //     else if(!phone.match(/^1(3|4|5|8)\d{1}[-]?\d{4}[-]?\d{4}$/)){
-          //         alert('手机号码格式错误');
-          //         return false;
-          //     }
-          //     else if (cz == '') {
-          //         alert('传真不能为空');
-          //         return false;
-          //     }
-          //     else if (email == '') {
-          //         alert('邮箱不能为空');
-          //         return false;
-          //     }   
-          //     else if (name == '') {
-          //         alert('姓名不能为空');
-          //         return false;
-          //     }
-          //     else if (cate == '') {
-          //         alert('行业分类不能为空');
-          //         return false;
-          //     }
-          //     else if (prospectus == '') {
-          //         alert('商业计划书不能为空');
-          //         return false;
-          //     } 
-          //     else return true;
-          // },
+          beforeSend:function(){
+     
+          },
           success:function(res){
               console.log(res);
               if (res.code == 200) { 
-                alert('提交成功');
-                window.location.reload();
+                $('#myModal').modal('show');
               }else{
                 alert(res.msg);
               }
@@ -202,4 +192,18 @@
       
   }
 
+  function reload(){
+    window.location.reload();
+  }
+
+  // modal 垂直居中
+  $('#myModal').on('show.bs.modal', function(){
+      console.log('show');
+      var $this = $(this);
+      var $modal_dialog = $this.find('.modal-dialog');
+      // 关键代码，如没将modal设置为 block，则$modala_dialog.height() 为零
+      $this.css('display', 'block');
+      $modal_dialog.css({'margin-top': Math.max(0, ($(window).height() - $modal_dialog.height()) / 2),'width':'600px',});
+  });
+
 </SCRIPT>