kgb.html 5.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <title>湖北智慧水运</title>
  5. <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
  6. <meta http-equiv="description" content="this is my page">
  7. <meta http-equiv="content-type" content="text/html; charset=UTF-8">
  8. <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
  9. <link href="../css/base.min.css" rel="stylesheet">
  10. <link rel="stylesheet" type="text/css" href="../css/mui.min.css" />
  11. <link rel="stylesheet" type="text/css" href="../css/shenpi.css" />
  12. <script type="text/javascript" src="../js/zepto.min.js"></script>
  13. </head>
  14. <script>
  15. function quxiao(){
  16. history.back(-1);
  17. }
  18. function queding(){
  19. //靠泊时间
  20. var kbsj = $("#kbsj-date").val()+" "+$("#kbsj-time").val();
  21. //开工时间
  22. var kgsj = $("#kgsj-date").val()+" "+$("#kgsj-time").val();
  23. if(kbsj==" "){
  24. showmessage("请选择靠泊时间")
  25. return;
  26. }
  27. if(kgsj==" "){
  28. showmessage("请选择开工时间")
  29. return;
  30. }
  31. var begin=new Date(kbsj.replace(/-/g,"/"));
  32. var end=new Date(kgsj.replace(/-/g,"/"));
  33. //js判断日期
  34. if(begin-end>0){
  35. showmessage("开工时间要大于靠泊时间!");
  36. return ;
  37. }
  38. $.ajax({
  39. type: 'post',
  40. url: '../../whsqbpcontroller/kaigongbao.do',
  41. data:{id:getQueryString("value"),
  42. kbsj:kbsj,
  43. kgsj:kgsj
  44. },
  45. dataType: 'json',
  46. success: function(data){
  47. showmessage("开工报成功")
  48. if(data!=null&&data!=""){
  49. setTimeout(function(){
  50. // location.href="index.html"
  51. history.back("-1")
  52. }, 1000);
  53. }else{
  54. showmessage("开工失败")
  55. }
  56. }
  57. })
  58. //history.back(-1);
  59. }
  60. </script>
  61. <style>
  62. *{margin: 0px;padding: 0px}
  63. .header {
  64. width:100%;
  65. height:45px;
  66. line-height:45px;
  67. padding:0;
  68. color:#eee;
  69. font-size:22px;
  70. text-align:center;
  71. color:white;
  72. background: #2196f3;
  73. position: fixed;
  74. top: 0px;
  75. }
  76. .header a{color: white;}
  77. .mui-content-padded {
  78. margin: 0px;
  79. margin-top:30px;
  80. margin-bottom: 5px;
  81. color: black;
  82. font-size: 20px;
  83. }
  84. .mui-select{
  85. border: 1px solid rgba(0,0,0,.2);
  86. border-radius: 3px;
  87. margin-bottom: 0px;
  88. }
  89. .wubiankuang{border: 0px;}
  90. .red{color: red;}
  91. #container {
  92. width: 400px;
  93. display: table
  94. }
  95. .left, .mid {
  96. display: table-cell;
  97. }
  98. .mid {
  99. width: 100%;
  100. }
  101. .mui-btn-positive{margin-top: 20px;}
  102. .left{
  103. white-space:nowrap;
  104. }
  105. </style>
  106. <body >
  107. <header class="header">
  108. <a href="#">危货作业申报</a>
  109. </header>
  110. <div class="mui-content" style="padding-left: 10px;padding-right: 10px;background: white;margin-top: 70px;padding-bottom: 30px">
  111. <h2 align="center" style="height: 60px;border-bottom: 1px solid #000000;">开工报</h2>
  112. <h5 class="mui-content-padded red">靠泊时间</h5>
  113. <div class="mui-input-row mui-text" >
  114. <div style="position: absolute;left:48%;margin-left: -33px;z-index: 999;top: 4px">
  115. <img src="../image/rili.png" style="width: 30px;height: 30px">
  116. </div>
  117. <div style="position: absolute;left:99%;margin-left: -33px;z-index: 999;top: 4px">
  118. <img src="../image/time.png" style="width: 30px;height: 30px">
  119. </div>
  120. <input type="date" id="kbsj-date" placeholder="年/月/日" style="width: 48%;margin-right: 1%;" class="mui-input-clear" ><input id="kbsj-time" style="width: 50%;" type="time" class="mui-input-clear" placeholder="时/分/秒" >
  121. </div>
  122. <h5 class="mui-content-padded red">开工时间</h5>
  123. <div class="mui-input-row mui-text" >
  124. <div style="position: absolute;left:48%;margin-left: -33px;z-index: 999;top: 4px">
  125. <img src="../image/rili.png" style="width: 30px;height: 30px">
  126. </div>
  127. <div style="position: absolute;left:99%;margin-left: -33px;z-index: 999;top: 4px">
  128. <img src="../image/time.png" style="width: 30px;height: 30px">
  129. </div>
  130. <input id="kgsj-date" type="date" placeholder="年/月/日" style="width: 48%;margin-right: 1%;" class="mui-input-clear" ><input id="kgsj-time" style="width: 50%;" type="time" class="mui-input-clear" placeholder="时/分/秒" >
  131. </div>
  132. <div style="margin-top: 30px;text-align: center;">
  133. <button class="mui-btn mui-btn-positive" type="button" style="width: 40%;background: #2196f3;border: 0px;height: 40px;" onclick="queding()">确定</button>&nbsp;&nbsp;&nbsp;&nbsp;
  134. <button class="mui-btn mui-btn-positive" type="button" style="width: 40%;background: #2196f3;border: 0px;height: 40px;" onclick="quxiao()">取消</button>
  135. </div>
  136. </div>
  137. </body>
  138. </html>