contact.html 15 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
  6. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  7. <meta name="renderer" content="webkit" />
  8. <meta name="robots" content="index, follow" />
  9. <meta name="keywords" content="" />
  10. <meta name="description" content="" />
  11. <link rel="stylesheet" type="text/css" href="../css/font-awesome.css" media="screen"
  12. />
  13. <link rel="stylesheet" type="text/css" href="../css/bootstrap.css" media="screen"
  14. />
  15. <link rel="stylesheet" type="text/css" href="../css/owl.carousel.css" media="screen"
  16. />
  17. <!--<link rel="stylesheet" type="text/css" href="../css/jquery.bxslider.css"
  18. media="screen"/>
  19. -->
  20. <link rel="stylesheet" type="text/css" href="../css/magnific-popup.css" media="screen"
  21. />
  22. <link rel="stylesheet" type="text/css" href="../css/animate.css" media="screen"
  23. />
  24. <link rel="stylesheet" type="text/css" href="../css/settings.css" media="screen"
  25. />
  26. <link rel="stylesheet" type="text/css" href="../css/style-red.css" media="screen"
  27. />
  28. <link rel="stylesheet" type="text/css" href="../css/tk.css" media="screen"
  29. />
  30. <link rel="stylesheet" type="text/css" href="../css/dialog.css"
  31. />
  32. <script type="text/javascript" src="../js/jquery.min.js">
  33. </script>
  34. <script type="text/javascript" src="../js/jquery.migrate.js">
  35. </script>
  36. <script type="text/javascript" src="../js/bootstrap.js">
  37. </script>
  38. <script type="text/javascript" src="../js/owl.carousel.min.js">
  39. </script>
  40. <!-- HTML5 shim, for IE6-8 support of HTML5 elements. All other JS at
  41. the end of file. -->
  42. <!--[if lt IE 9]>
  43. <script src="../js/html5.js">
  44. </script>
  45. <script src="../js/respond.min.js">
  46. </script>
  47. <style>
  48. article,aside,dialog,footer,header,section,nav,figure,menu{display:block;padding:0;margin:0;}
  49. </style>
  50. <link rel="stylesheet" href="../css/ie.css" type="text/css" media="screen"
  51. />
  52. <![endif]-->
  53. <!--[if lte IE 9]>
  54. <script src="../js/jquery.placeholder.js">
  55. </script>
  56. <script>
  57. jQuery(document).ready(function($) {
  58. $('input, textarea').placeholder();
  59. });
  60. </script>
  61. <script type="text/javascript" src="../js/pie.js">
  62. </script>
  63. <script type="text/javascript">
  64. jQuery(document).ready(function($) {
  65. $('.indexci img').each(function() {
  66. PIE.attach(this);
  67. });
  68. });
  69. </script>
  70. <![endif]-->
  71. <!--[if (gte IE 6)&(lte IE 8)]>
  72. <script type="text/javascript" src="../js/ie8-eventlistener.js">
  73. </script>
  74. <script type="text/javascript" src="../js/selectivizr.js">
  75. </script>
  76. <script type="text/javascript" src="../js/excanvas.compiled.js">
  77. </script>
  78. <![endif]-->
  79. <link rel="icon" href="favicon.ico">
  80. <title>
  81. 荆鹏集团
  82. </title>
  83. </head>
  84. <body>
  85. <!--[if lt IE 8]>
  86. <div class="lt-ie8-bg">
  87. <p class="browsehappy">
  88. You are using an
  89. <strong>
  90. outdated
  91. </strong>
  92. browser.
  93. </p>
  94. <p>
  95. Please
  96. <a href="#"​>
  97. upgrade your browser
  98. </a>
  99. to improve your experience.
  100. </p>
  101. <p class="browsehappy">
  102. 对不起,您正在使用的是
  103. <strong>
  104. 过时
  105. </strong>
  106. 的浏览器.
  107. </p>
  108. <p>
  109. 请升级您的浏览器(IE8+,或者是火狐、谷歌、Opera、Safari等现代浏览器),以改进您的用户体验!
  110. </p>
  111. </div>
  112. <style>
  113. .lt-ie8-bg{z-index:11111;position:absolute;top:0;left:0;right:0;bottom:0;background-color:#333;color:#999;padding:100px
  114. 20px;text-align:center;font-size:26px} .lt-ie8-bg a{color:#f5f5f5;border-bottom:2px
  115. solid #fff} .lt-ie8-bg a:hover{text-decoration:none} #container{display:none;}
  116. </style>
  117. <![endif]-->
  118. <div id="container">
  119. <div id="head"></div>
  120. <script>
  121. $("#head").load("common/head.html");
  122. $(function() {
  123. //公共属性
  124. getData();
  125. function getData(){
  126. console.log(Constant)
  127. $.post(Constant.serverUrl+"api/mhdata/getList",{
  128. code:Constant.query.jpcode,
  129. id:Constant.query.id,
  130. isdetails:1
  131. },function(data,status){
  132. $(".data-title").text(data.data.dic.name)
  133. $(".data-title").attr("href",data.data.dic.extended3+"?jpcode="+data.data.dic.value)
  134. var list=data.data.data.data;
  135. for(var i in list){
  136. var item=$(list[i].content)
  137. $(".data-contact").append(item);
  138. }
  139. })
  140. }
  141. })
  142. </script>
  143. <div class="breadcrumb-wrapper">
  144. <div class="container">
  145. <div class="row">
  146. <div class="col-md-3 col-sm-4 bcid-cat data-title">
  147. </div>
  148. <div class="col-md-9 col-sm-8 location">
  149. <i class="fa fa-map-marker">
  150. </i>
  151. &nbsp;
  152. <span>
  153. 当前位置:
  154. <a href="index.html">
  155. 网站首页
  156. </a>
  157. &gt
  158. <a class="data-title">
  159. </a>
  160. </span>
  161. </div>
  162. </div>
  163. </div>
  164. </div>
  165. <div class="page-container" id="innerpage-wrap">
  166. <div class="container">
  167. <div class="row">
  168. <div class="main col-md-9 inner-left" role="main">
  169. <div class="about-page-wrap">
  170. <div class="com-cnt page-content data-contact">
  171. </div>
  172. <div id="contact-wrap">
  173. <h3 class="msg-title">
  174. 给我们留言
  175. </h3>
  176. <form class="add-msg-form" method="post" action=""
  177. name="msgform" id="contact-form">
  178. <div class="row">
  179. <div class="cf-column col-md-6">
  180. <input name="title" id="subject" type="text" placeholder="主题" validate="minlength:2, maxlength:50, required:true"
  181. />
  182. </div>
  183. <div class="cf-column col-md-6">
  184. <input name="name" id="username" type="text" placeholder="名字" validate="minlength:2, maxlength:50, required:true"
  185. />
  186. </div>
  187. <div class="cf-column col-md-6">
  188. <input name="email" id="mail" type="text" placeholder="邮箱" validate="maxlength:40, required:true, email:true"
  189. />
  190. </div>
  191. <div class="cf-column col-md-6">
  192. <input name="phone" id="telephone" type="text" placeholder="电话/手机"
  193. validate="minlength:6,maxlength:40, required:true" />
  194. </div>
  195. <div class="cf-column col-md-12 cf-tarea">
  196. <textarea name="content" id="comment" placeholder="留言内容" validate="minlength:2, maxlength:200, required:true"></textarea>
  197. </div>
  198. <div class="cf-column col-md-12 submit-column">
  199. <button type="button" id="submit-btn" class="submit-button">
  200. 立即提交
  201. </button>
  202. </div>
  203. </div>
  204. </form>
  205. <script type="text/javascript" src="../js/jquery.form.js">
  206. </script>
  207. <script type="text/javascript" src="../js/jquery.artdialog.js">
  208. </script>
  209. <script type="text/javascript" src="../js/iframetools.js">
  210. </script>
  211. <script type="text/javascript">
  212. jQuery(document).ready(function($) {
  213. var options = {
  214. //target: '#divToUpdate',
  215. url: Constant.serverUrl+'api/mhdata/submitLeaving',
  216. type: "POST",
  217. //POST或GET,
  218. success: function() {
  219. art.dialog({
  220. //width: 220,
  221. title: "消息",
  222. time: 3000,
  223. lock: true,
  224. opacity: 0.15,
  225. //ok: function() {location.href = window.location.href;},
  226. content: "提交成功!"
  227. });
  228. }
  229. };
  230. $("#submit-btn").click(function() {
  231. if ($("#contact-form .col-title").val() == ""
  232. || $("#contact-form .col-username").val() == ""
  233. || $("#contact-form .col-telephone").val() == ""
  234. || $("#contact-form .col-email").val() == ""
  235. || $("#contact-form textarea").val() == "") {
  236. art.dialog({
  237. //width: 220,
  238. title: "消息",
  239. time: 2000,
  240. lock: true,
  241. opacity: 0.15,
  242. ok: function() {},
  243. content: "请填写完全部内容!",
  244. okValue: "确认",
  245. });
  246. } else {
  247. art.dialog({
  248. title: "消息",
  249. icon: "question",
  250. time: 10*1000,
  251. content: "确认要提交信息吗?",
  252. okValue: "确认",
  253. ok: function() {
  254. this.title("正在提交中...").time(3);
  255. $("#contact-form").ajaxSubmit(options);
  256. return false;
  257. },
  258. cancelValue: "取消",
  259. cancel: function() {
  260. this.content("执行取消操作");
  261. }
  262. });
  263. }
  264. });
  265. });
  266. </script>
  267. </div>
  268. </div>
  269. </div>
  270. <div id="sidebar"></div>
  271. <script>
  272. $("#sidebar").load("common/sidebar.html");
  273. </script>
  274. </div>
  275. </div>
  276. </div>
  277. <div class="for-bottom-padding">
  278. </div>
  279. <div id="food"></div>
  280. <script>
  281. $("#food").load("common/foot.html")
  282. </script>
  283. </div>
  284. <!--<script type="text/javascript" src="../js/jquery.bxslider.min.js"></script>
  285. <script type="text/javascript" src="../js/jquery.countto.js"></script>-->
  286. <script type="text/javascript" src="../js/jquery.magnific-popup.min.js">
  287. </script>
  288. <script type="text/javascript" src="../js/jquery.appear.js">
  289. </script>
  290. <script type="text/javascript" src="../js/jquery.imagesloaded.min.js">
  291. </script>
  292. <script type="text/javascript" src="../js/jquery.isotope.min.js">
  293. </script>
  294. <script type="text/javascript" src="../js/retina-1.1.0.min.js">
  295. </script>
  296. <script type="text/javascript" src="../js/plugins-scroll.js">
  297. </script>
  298. <script type="text/javascript" src="../js/waypoint.min.js">
  299. </script>
  300. <script type="text/javascript" src="../js/jquery.themepunch.tools.min.js">
  301. </script>
  302. <script type="text/javascript" src="../js/jquery.themepunch.revolution.min.js">
  303. </script>
  304. <script type="text/javascript" src="../js/script.js">
  305. </script>
  306. </body>
  307. </html>