| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152 |
- <!DOCTYPE html>
- <html>
- <head>
- <title>湖北智慧水运</title>
-
- <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
- <meta http-equiv="description" content="this is my page">
- <meta http-equiv="content-type" content="text/html; charset=UTF-8">
- <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
- <link href="../css/base.min.css" rel="stylesheet">
- <link rel="stylesheet" type="text/css" href="../css/mui.min.css" />
- <link rel="stylesheet" type="text/css" href="../css/shenpi.css" />
- <script type="text/javascript" src="../js/zepto.min.js"></script>
- </head>
- <script>
- $(function(){
- $("#isokchuandui").live("click",function(){
- if($(this).attr("checked")){
- $("#chuandui").removeClass("mui-hidden")
- }else{
-
- $("#chuandui").addClass("mui-hidden")
- }
-
- })
-
-
-
- $("#quxiao").live("click",function(){
-
- history.back(-1);
-
- })
- $("#queding").live("click",function(){
- //完工时间
-
-
- var wgsj = $("#wgsj-date").val()+" "+$("#wgsj-time").val();
- if(wgsj==" "){
- showmessage("请选择完工时间")
- return;
- }
- $.ajax({
- type: 'post',
- url: '../../whsqbpcontroller/wangongbao.do',
- data:{id:getQueryString("value"),
- wgsj:wgsj
- },
- dataType: 'json',
- success: function(data){
-
- if(data!=null&&data!=""){
- showmessage("完工成功")
- setTimeout(function(){
-
- history.back(-1);
- }, 1000);
- }else{
- showmessage("完工失败")
- }
- }
- })
-
- })
-
-
-
-
-
-
-
-
- })
-
- </script>
- <style>
- *{margin: 0px;padding: 0px}
- .header {
- width:100%;
- height:45px;
- line-height:45px;
- padding:0;
-
- color:#eee;
- font-size:22px;
- text-align:center;
- color:white;
- background: #2196f3;
- position: fixed;
- top: 0px;
- }
- .header a{color: white;}
- .mui-content-padded {
- margin: 0px;
- margin-top:30px;
- margin-bottom: 5px;
- color: black;
- font-size: 20px;
- }
- .mui-select{
- border: 1px solid rgba(0,0,0,.2);
- border-radius: 3px;
- margin-bottom: 0px;
- }
- .wubiankuang{border: 0px;}
- .red{color: red;}
- #container {
- width: 400px;
- display: table
- }
- .left, .mid {
- display: table-cell;
- }
- .mid {
- width: 100%;
-
- }
- .mui-btn-positive{margin-top: 20px;}
- .left{
- white-space:nowrap;
- }
- </style>
- <body >
- <header class="header">
-
- <a href="#">危货作业申报</a>
- </header>
- <div class="mui-content" style="padding-left: 10px;padding-right: 10px;background: white;margin-top: 70px;padding-bottom: 30px">
-
- <h2 align="center" style="height: 60px;border-bottom: 1px solid #000000;">完工报</h2>
-
- <h5 class="mui-content-padded red">完工时间</h5>
- <div class="mui-input-row mui-text" >
- <div style="position: absolute;left:48%;margin-left: -33px;z-index: 999;top: 4px">
- <img src="../image/rili.png" style="width: 30px;height: 30px">
- </div>
- <div style="position: absolute;left:99%;margin-left: -33px;z-index: 999;top: 4px">
- <img src="../image/time.png" style="width: 30px;height: 30px">
- </div>
- <input id="wgsj-date" type="date" placeholder="年/月/日" style="width: 48%;margin-right: 1%;" class="mui-input-clear" ><input id="wgsj-time" style="width: 50%;" type="time" class="mui-input-clear" placeholder="时/分/秒" >
- </div>
-
- <div style="margin-top: 30px;text-align: center;">
- <button class="mui-btn mui-btn-positive" type="button" style="width: 40%;background: #2196f3;border: 0px;height: 40px;" id="queding">确定</button>
- <button class="mui-btn mui-btn-positive" type="button" style="width: 40%;background: #2196f3;border: 0px;height: 40px;" id="quxiao">取消</button>
- </div>
-
- </div>
- </body>
- </html>
|
