From e01372be5dcc8e979774a12cb83b309b2571ae2a Mon Sep 17 00:00:00 2001
From: liuqimichale <123456lq>
Date: Wed, 17 Oct 2018 11:32:53 +0800
Subject: [PATCH] 加盟  弹窗填写信息

---
 css/joinous.css          | 42 ++++++++++++++++++++++++++++++++++++++++++
 images/breadcrumb-bg.jpg | Bin 319609 -> 0 bytes
 joinous.html             | 58 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++--
 js/joinous.js            | 49 +++++++++++++++++++++++++++++++++++++++++++++++++
 services.html            |  2 +-
 5 files changed, 148 insertions(+), 3 deletions(-)

diff --git a/css/joinous.css b/css/joinous.css
index 75faa77..db9d3dd 100644
--- a/css/joinous.css
+++ b/css/joinous.css
@@ -64,3 +64,45 @@
     line-height: 20px;
     color: #666;
 }
+.form-group-height {
+    height: 34px;
+    width: 400px;
+    margin: 15px auto 0;
+    color: #626c72;
+}
+.width30 {
+    width: 100px;
+    float: left;
+    text-align: right;
+    margin-right: 10px;
+    line-height: 34px;
+}
+.width65 {
+    float: left;
+    width: 220px;
+    height: 34px;
+    line-height: 34px;
+    font-size: 14px;
+    /* overflow: hidden; */
+    /* text-overflow: ellipsis; */
+    /* white-space: nowrap; */
+}
+.btn {
+    text-align: center;
+    width: 60px;
+    background-color: #2abb9a;
+    font-size: 14px;
+    color: #fff !important;
+}
+.modal-footer {
+    border-top: none !important;
+    text-align: center;
+}
+.write_rule {
+    height: 34px;
+    color: #f00;
+    font-size: 14px;
+    line-height: 34px;
+    margin-top: 10px;
+    text-align: center;
+}
diff --git a/images/breadcrumb-bg.jpg b/images/breadcrumb-bg.jpg
index db6042b..29faebf 100644
Binary files a/images/breadcrumb-bg.jpg and b/images/breadcrumb-bg.jpg differ
diff --git a/joinous.html b/joinous.html
index 7a8cd8a..312332a 100644
--- a/joinous.html
+++ b/joinous.html
@@ -80,7 +80,7 @@
         <div class="row">
             <div class="col-md-12 col-xs-12">
                 <div class="text-center joinous-bg-title">云平台合作加盟</div>
-                <div class="joinous-title-btn">我要加盟</div>
+                <div class="joinous-title-btn" id="join_btn">我要加盟</div>
             </div>
         </div>
     </div>
@@ -185,6 +185,60 @@
 </footer>
 <!--/ End Footer Area -->
 
+<div class="modal fade in" id="openmodel" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
+    <div class="modal-dialog">
+        <div class="modal-content">
+            <div class="modal-header">
+                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
+                <h4 class="modal-title" id="">加盟招募</h4>
+            </div>
+            <div class="modal-body">
+                <div class="form-group form-group-height">
+                    <div class="width30 ">公司名称:</div>
+                    <div class="width65 " id="porNames">
+                        <input type="text" class="width65 borcol" style="padding-left:10px;" maxlength="25" id="porNames_inp">
+                    </div>
+                </div>
+                <div class="form-group form-group-height">
+                    <div class="width30 ">联系人姓名:</div>
+                    <div class="width65 " id="personNames">
+                        <input type="text" class="width65 borcol" style="padding-left:10px;" maxlength="25" id="personNames_inp">
+                    </div>
+                </div>
+                <div class="form-group form-group-height">
+                    <div class="width30 ">联系人职务:</div>
+                    <div class="width65 " id="personDuties">
+                        <input type="text" class="width65 borcol" style="padding-left:10px;" maxlength="25" id="personDuties_inp">
+                    </div>
+                </div>
+                <div class="form-group form-group-height">
+                    <div class="width30 ">手机:</div>
+                    <div class="width65 " id="userTel">
+                        <input type="text" class="width65 borcol" style="padding-left:10px;" maxlength="11" onkeyup="value=value.replace(/[^\d]/g,'') " ng-pattern="/[^a-zA-Z]/" id="userTel_inp">
+                    </div>
+                </div>
+                <div class="form-group form-group-height">
+                    <div class="width30 ">邮箱:</div>
+                    <div class="width65 " id="userEmail">
+                        <input type="text" class="width65 borcol" style="padding-left:10px;" maxlength="25" id="userEmail_inp">
+                    </div>
+                </div>
+                <div class="form-group form-group-height">
+                    <div class="width30 ">通讯地址:</div>
+                    <div class="width65 " id="userAddr">
+                        <input type="text" class="width65 borcol" style="padding-left:10px;" maxlength="25" id="userAddr_inp">
+                    </div>
+                </div>
+                <div id="write_rule" class="write_rule display-none"></div>
+                <div class="modal-footer">
+                    <button type="button" class="btn " id="write-submit">提交</button>
+                </div>
+            </div>
+
+        </div>
+    </div>
+</div>
+
 <script type="text/javascript" src="js/jquery.min.js"></script>
 <script type="text/javascript" src="js/bootstrap.min.js"></script>
 <script type="text/javascript" src="js/colors.js"></script>
@@ -206,6 +260,6 @@
 <script type="text/javascript" src="js/nav-footer.js?a=2"></script>
 
 <script type="text/javascript" src="js/main.js?a=2"></script>
-<script type="text/javascript" src="js/joinous.js?a=1"></script>
+<script type="text/javascript" src="js/joinous.js?a=2"></script>
 </body>
 </html>
diff --git a/js/joinous.js b/js/joinous.js
index e69de29..276a624 100644
--- a/js/joinous.js
+++ b/js/joinous.js
@@ -0,0 +1,49 @@
+//加盟弹窗
+$('#join_btn').on('click', function () {
+  $('#porNames_inp').val('');
+  $('#personNames_inp').val('');
+  $('#personDuties_inp').val('');
+  $('#userTel_inp').val('');
+  $('#userEmail_inp').val('');
+  $('#userAddr_inp').val('');
+  $('#write_rule').addClass('display-none').text('');
+  $('#openmodel').modal('show');
+})
+//提交信息
+$('#write-submit').on('click', function () {
+  var porNames= $.trim($('#porNames_inp').val());
+  var personNames=$.trim($('#personNames_inp').val());
+  var personDuties=$.trim($('#personDuties_inp').val());
+  var userTel=$.trim($('#userTel_inp').val());
+  var userEmail=$.trim($('#userEmail_inp').val());
+  var userAddr=$.trim($('#userAddr_inp').val());
+  if(porNames == '' || porNames == undefined || porNames == null) {
+    $('#write_rule').removeClass('display-none').text('请输入公司名称');
+    return;
+  }else if(personNames == '' || personNames == undefined || personNames == null) {
+    $('#write_rule').removeClass('display-none').text('请输入联系人姓名');
+    return;
+  }else if(personDuties == '' || personDuties == undefined || personDuties == null) {
+    $('#write_rule').removeClass('display-none').text('请输入联系人职务');
+    return;
+  }else if(userTel == '' || userTel == undefined || userTel == null) {
+    $('#write_rule').removeClass('display-none').text('请输入手机号');
+    return;
+  }else if(!/^1[3|4|5|7|8][0-9]\d{4,8}$/.test(userTel)||userTel.length!=11) {
+    $('#write_rule').removeClass('display-none').text('请输入正确手机号');
+    return;
+  }else if(userEmail == '' || userEmail == undefined || userEmail == null) {
+    $('#write_rule').removeClass('display-none').text('请输入邮箱');
+    return;
+  }else if(!/^[A-Za-z\d]+([-_.][A-Za-z\d]+)*@([A-Za-z\d]+[-.])+[A-Za-z\d]{2,4}$/.test(userEmail)) {
+    $('#write_rule').removeClass('display-none').text('请输入正确邮箱');
+    return;
+  }else if(userAddr == '' || userAddr == undefined || userAddr == null){
+    $('#write_rule').removeClass('display-none').text('请输入通讯地址');
+    return;
+  }else{
+    $('#write_rule').addClass('display-none').text('');
+    //ajax
+    $('#openmodel').modal('hide');
+  }
+})
diff --git a/services.html b/services.html
index 42fd1a1..b9720a9 100644
--- a/services.html
+++ b/services.html
@@ -61,7 +61,7 @@
                     专业智慧停车综合服务平台
                 </div>
                 <div class="services-bannertext">
-                    服务一体化+运营智能化+使用便捷化
+                    服务一体化  +  运营智能化  +  使用便捷化
                 </div>
             </div>
         </div>
--
libgit2 0.21.4