share_parking.html 2.4 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">
  6. <meta name="apple-mobile-web-app-capable" content="yes">
  7. <meta name="apple-mobile-web-app-status-bar-style" content="black">
  8. <title>来自朋友分享的车位</title>
  9. <link rel="stylesheet" type="text/css" href="css/mobile.css">
  10. <script type="text/javascript" src="js/jquery-2.1.1.min.js"></script>
  11. <link rel="stylesheet" href="css/page.css"/>
  12. <script src="js/date2.js"></script>
  13. </head>
  14. <style>
  15. span {
  16. margin-left:10px;
  17. }
  18. </style>
  19. <script type="text/javascript" src="js/jquery-2.1.1.min.js"></script>
  20. <script type="text/javascript">
  21. var identity;
  22. $(function(){
  23. identity = GetQueryString('identity');
  24. $.post("getParkingPoint.do",{"identity":identity},function(resp){
  25. var msg = resp.data;
  26. $("#address").html(msg.address);
  27. $("#bookTime").html(formatPlainDate(new Date(msg.bookTime)));
  28. if (new Date().getTime() - msg.bookTime > 15 * 60 * 1000) {
  29. $("#status").html('已过期');
  30. } else {
  31. $("#status").html('可用');
  32. }
  33. });
  34. });
  35. function GetQueryString(name)
  36. {
  37. var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)");
  38. var r = window.location.search.substr(1).match(reg);
  39. if(r!=null)return unescape(r[2]); return null;
  40. }
  41. function getPP() {
  42. var mobile = $("#mobile").val();
  43. if (mobile.length == 0) {
  44. $("#msg").html('请输入手机号码');
  45. $("#msg").show();
  46. return;
  47. }
  48. $.post("tookParkingPoint.do",{"identity":identity, "mobile":mobile},function(resp) {
  49. $("#msg").show();
  50. if (resp.code == 'ok') {
  51. $("#msg").html('操作成功');
  52. } else {
  53. $("#msg").html(resp.msg);
  54. }
  55. });
  56. }
  57. </script>
  58. <body>
  59. <div >
  60. <h3>来自朋友分享的车位</h3>
  61. <p>车位地址:<span id="address" >address</span></p>
  62. <p>预订时间:<span id="bookTime">xxxxxxx</span>(15分钟内有效)</p>
  63. <p>状&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;态:<span id="status">xxxxxxx</span></p>
  64. <p>费用结算:<span>朋友结算,抢到免费用</span></p>
  65. <p><input id="mobile" placeholder="输入手机号码抢用该车位" /></p>
  66. <p><button onclick="getPP()" >抢占</button></p>
  67. <p id="msg" style="color:red;display:none;"></p>
  68. <p>如需注册【靠边停】请到应用市场搜索‘靠边停’进行下载或者微信搜索小程序‘靠边停’进入使用</p>
  69. </div>
  70. </body>
  71. </html>