apply.html 13 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214
  1. <!DOCTYPE html>
  2. <html xmlns:th="http://www.thymeleaf.org">
  3. <head>
  4. <meta charset="utf-8">
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6. <title>塑维</title>
  7. <meta name="keywords" content="MES,MES系统,MES软件,制造执行系统,生产管理系统,生产协同,制造协同,生产流程管理,精益制造,智能制造,生产数字化,制造信息化"/>
  8. <meta name="description" content="塑维智造是一款云端制造协同系统,通过数据和算法让生产更加高效。基于数据聚合、多角色协同、可视化分析、智能决策四大亮点,帮助企业缩短生产周期、降低库存积压、提升产能利用率、透明化制造流程,实现数据驱动下的精益制造。"/>
  9. <meta name="description" content="">
  10. <meta name="viewport" content="width=device-width, initial-scale=1">
  11. <meta name="robots" content="all,follow">
  12. <!-- Bootstrap CSS-->
  13. <link rel="stylesheet" href="vendor/bootstrap/css/bootstrap.min.css">
  14. <!-- Font Awesome CSS-->
  15. <link rel="stylesheet" href="vendor/font-awesome/css/font-awesome.min.css">
  16. <!-- Google fonts - Roboto-->
  17. <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,700">
  18. <!-- Bootstrap Select-->
  19. <link rel="stylesheet" href="vendor/bootstrap-select/css/bootstrap-select.min.css">
  20. <!-- owl carousel-->
  21. <link rel="stylesheet" href="vendor/owl.carousel/assets/owl.carousel.css">
  22. <link rel="stylesheet" href="vendor/owl.carousel/assets/owl.theme.default.css">
  23. <!-- theme stylesheet-->
  24. <link rel="stylesheet" href="css/style.blue.css" id="theme-stylesheet">
  25. <!-- Custom stylesheet - for your changes-->
  26. <link rel="stylesheet" href="css/custom.css">
  27. <!-- Favicon and apple touch icons-->
  28. <link rel="shortcut icon" href="img/favicon.ico" type="image/x-icon">
  29. <!--<link rel="apple-touch-icon" href="img/apple-touch-icon.png">-->
  30. <!--<link rel="apple-touch-icon" sizes="57x57" href="img/apple-touch-icon-57x57.png">-->
  31. <!--<link rel="apple-touch-icon" sizes="72x72" href="img/apple-touch-icon-72x72.png">-->
  32. <!--<link rel="apple-touch-icon" sizes="76x76" href="img/apple-touch-icon-76x76.png">-->
  33. <!--<link rel="apple-touch-icon" sizes="114x114" href="img/apple-touch-icon-114x114.png">-->
  34. <!--<link rel="apple-touch-icon" sizes="120x120" href="img/apple-touch-icon-120x120.png">-->
  35. <!--<link rel="apple-touch-icon" sizes="144x144" href="img/apple-touch-icon-144x144.png">-->
  36. <!--<link rel="apple-touch-icon" sizes="152x152" href="img/apple-touch-icon-152x152.png">-->
  37. <!-- Tweaks for older IEs--><!--[if lt IE 9]>
  38. <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
  39. <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script><![endif]-->
  40. </head>
  41. <body>
  42. <div id="all" class="about">
  43. <!-- Navbar Start-->
  44. <header class="nav-holder make-sticky">
  45. <div id="navbar" role="navigation" class="navbar navbar-expand-lg">
  46. <div class="container">
  47. <a href="index" class="navbar-brand home">
  48. <img src="img/logo.png" style="width:187px;" alt="Universal logo" class="d-none d-md-inline-block">
  49. <img src="img/logo-small.png" alt="Universal logo" class="d-inline-block d-md-none">
  50. </a>
  51. <button type="button" data-toggle="collapse" data-target="#navigation" class="navbar-toggler btn-template-outlined"><span class="sr-only">Toggle navigation</span><i class="fa fa-align-justify"></i></button>
  52. <div id="navigation" class="navbar-collapse collapse">
  53. <ul class="nav navbar-nav ml-auto">
  54. <li class="nav-item dropdown menu-large"><a href="index">首页 <b class="caret"></b></a></li>
  55. <li class="nav-item dropdown menu-large"><a href="product">公司优势 <b class="caret"></b></a></li>
  56. <li class="nav-item dropdown menu-large"><a href="partner">合作伙伴 <b class="caret"></b></a></li>
  57. <li class="nav-item dropdown menu-large"><a href="case">成功案例 <b class="caret"></b></a></li>
  58. <li class="nav-item dropdown active"><a href="goods">公司产品 <b class="caret"></b></a></li>
  59. <li class="nav-item dropdown menu-large aboutUs">
  60. <a href="about.html">关于我们 <b class="caret"></b></a>
  61. <div class="qrcode">
  62. <img src="img/qrCode.jpg" alt="..." class="img-fluid">
  63. <div>关注我们</div>
  64. </div>
  65. </li>
  66. <span style="border-left: 1px solid #fff;line-height: 1.5;"></span>
  67. <li id="login" class="nav-item dropdown menu-large"><a href="login.html">登录 <b class="caret"></b></a></li>
  68. <li id="vip" style="display: none;" class="nav-item dropdown menu-large"><a href="/vip">会员入口 <b class="caret"></b></a></li>
  69. </ul>
  70. </div>
  71. </div>
  72. </div>
  73. </header>
  74. <!-- Navbar End-->
  75. <div id="content" class="form-apply">
  76. <section class="bar bg-gray">
  77. <div class="row">
  78. <div class="col-md-12">
  79. <div class="heading text-center">
  80. <h2>在线申请</h2>
  81. </div>
  82. </div>
  83. <div class="col-md-8 mx-auto">
  84. <!--<form>-->
  85. <div class="row">
  86. <div class="col-sm-12">
  87. <div class="form-group">
  88. <label for="phone">手机号</label>
  89. <input id="phone" type="text" class="form-control" placeholder="请输入手机号(必填)">
  90. </div>
  91. </div>
  92. <div class="col-sm-12">
  93. <div class="form-group">
  94. <label for="name">姓名</label>
  95. <input id="name" type="text" class="form-control" placeholder="请输入姓名(必填)">
  96. </div>
  97. </div>
  98. <div class="col-sm-12">
  99. <div class="form-group">
  100. <label for="enterprise">企业名称</label>
  101. <input id="enterprise" type="text" class="form-control" placeholder="请输入企业名称(必填)">
  102. </div>
  103. </div>
  104. <div class="col-sm-12">
  105. <div class="form-group">
  106. <label for="email">邮箱</label>
  107. <input id="email" type="text" class="form-control" placeholder="请输入邮箱(必填)">
  108. </div>
  109. </div>
  110. <div class="col-sm-12">
  111. <div class="form-group">
  112. <label for="message">备注</label>
  113. <textarea id="message" rows="8" class="form-control" placeholder="需求备注(选填):输入更多需求信息,如:工装模具管理,减少生产浪费"></textarea>
  114. </div>
  115. </div>
  116. <div class="col-sm-12 text-center">
  117. <button id="sub" class="btn btn-template-outlined">
  118. <i class="fa fa-envelope-o"></i> 提交申请</button>
  119. </div>
  120. </div>
  121. <!--</form>-->
  122. </div>
  123. </div>
  124. </section>
  125. <div class="img-apply">
  126. <img src="img/qrCode.jpg">
  127. <div>关注公众号,获取更多信息</div>
  128. </div>
  129. </div>
  130. <!-- FOOTER -->
  131. <footer class="main-footer">
  132. <div class="container">
  133. <div class="row">
  134. <div class="col-lg-6">
  135. <h4 class="h6">联系我们</h4>
  136. <p class="text-uppercase">
  137. <br>电话: 025-58718377,025-58702675
  138. <br>网址:<a href="http://www.yunzhusu.net" target="_blank">www.yunzhusu.net</a>
  139. <br>地址: 南京市江宁区秣陵街道胜利路91号昂鹰大厦308
  140. </p>
  141. </div>
  142. <div class="col-lg-6 bottom-code">
  143. <ul class="list-inline photo-stream">
  144. <li class="list-inline-item"><a href="#"><img src="img/qrCode.jpg" alt="..." class="img-fluid"></a></li>
  145. </ul>
  146. <h4 class="h6">官方微信公众号</h4>
  147. </div>
  148. </div>
  149. </div>
  150. <div class="container">
  151. <div class="row">
  152. <div class="col-lg-12 bottom-Copyright">
  153. Copyright © 1998 - 2019 Tencent. All Rights Reserved. 塑维公司 版权所有
  154. </div>
  155. </div>
  156. </div>
  157. </footer>
  158. </div>
  159. <!-- Javascript files-->
  160. <script src="vendor/jquery/jquery.min.js"></script>
  161. <script src="vendor/popper.js/umd/popper.min.js"> </script>
  162. <script src="vendor/bootstrap/js/bootstrap.min.js"></script>
  163. <script src="vendor/jquery.cookie/jquery.cookie.js"> </script>
  164. <script src="vendor/waypoints/lib/jquery.waypoints.min.js"> </script>
  165. <script src="vendor/jquery.counterup/jquery.counterup.min.js"> </script>
  166. <script src="vendor/owl.carousel/owl.carousel.min.js"></script>
  167. <script src="vendor/owl.carousel2.thumbs/owl.carousel2.thumbs.min.js"></script>
  168. <script src="js/jquery.parallax-1.1.3.js"></script>
  169. <script src="vendor/bootstrap-select/js/bootstrap-select.min.js"></script>
  170. <script src="vendor/jquery.scrollto/jquery.scrollTo.min.js"></script>
  171. <script src="js/front.js"></script>
  172. <script>
  173. /**
  174. * 获取路径中的参数
  175. * @constructor
  176. */
  177. function GetQueryString()
  178. {
  179. var url= window.location.href;
  180. var index = url.substring(url.lastIndexOf('=') + 1);
  181. return index;
  182. }
  183. $(function(){
  184. var id = GetQueryString();
  185. $("#sub").click(function(){
  186. var phone = $("#phone").val();
  187. var name = $("#name").val();
  188. var businessName = $("#enterprise").val();
  189. var email = $("#email").val();
  190. var content = $("#message").val();
  191. var productsId = id;
  192. if(name == "" || phone == "" || businessName == "" || email == ""){
  193. alert("请填写完整信息");
  194. }else{
  195. $.post("/onlineApply", {
  196. name: name,
  197. phone: phone,
  198. email:email,
  199. businessName:businessName,
  200. content:content,
  201. productsId:productsId
  202. }, function (response) {
  203. if(response.code == "ok"){
  204. alert("申请成功");
  205. $(".form-group input,.form-group textarea").val(""); }
  206. })
  207. }
  208. });
  209. });
  210. </script>
  211. </body>
  212. </html>