123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247 |
- <!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 rel="stylesheet" type="text/css" href="../css/mui.min.css" />
- </head>
- <style>
- *{margin: 0px;padding: 0px}
- .header {
- width:100%;
- height:45px;
- line-height:45px;
- padding:0;
- position:fixed;
- top:0px;
- color:#eee;
- font-size:22px;
- text-align:center;
- color:white;
- background: #2196f3;
- z-index: 999999;
- }
- .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;
- }
- input[type=color], input[type=date], input[type=datetime-local], input[type=datetime], input[type=email], input[type=month], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=time], input[type=url], input[type=week], select, textarea {margin-bottom: 0px;
- color:gray;}
- input[type=color], input[type=date], input[type=datetime-local], input[type=datetime], input[type=email], input[type=month], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=time], input[type=url], input[type=week], select, textarea {padding: 0px;padding-left: 2px}
- </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">
- <h5 class="mui-content-padded">编号</h5>
- <div class="mui-input-row mui-text">
- <input type="text" class="mui-input-clear" placeholder="" value="ZJ201507190004">
- </div>
-
- <h5 class="mui-content-padded">所在地<img alt="" style="width: 12px;height: 12px;margin-top: -5px" src="../images/xinghua.png" /></h5>
- <div class="mui-input-row mui-select" >
- <select id="zuming">
- <option>镇江</option>
- </select>
- </div>
- <h5 class="mui-content-padded">港口经营人名称<img alt="" style="width: 12px;height: 12px;margin-top: -5px" src="../images/xinghua.png" /></h5>
- <div class="mui-input-row mui-select" >
- <select id="zuming">
- <option>江苏索普(集团)有限公司</option>
- </select>
- </div>
-
-
-
-
- <h5 class="mui-content-padded">所在港区<img alt="" style="width: 12px;height: 12px;margin-top: -5px" src="../images/xinghua.png" /></h5>
- <div class="mui-input-row mui-select" >
- <select id="zuming">
- <option>谏壁港区</option>
- </select>
- </div>
-
- <h5 class="mui-content-padded">船名/船队名<img alt="" style="width: 12px;height: 12px;margin-top: -5px" src="../images/xinghua.png" /></h5>
- <div class="mui-input-row mui-text">
- <input type="text" class="mui-input-clear" placeholder="" value="兴普007">
- </div>
-
-
- <h5 class="mui-content-padded">作业委托人<img alt="" style="width: 12px;height: 12px;margin-top: -5px" src="../images/xinghua.png" /></h5>
- <div class="mui-input-row mui-text">
- <input type="text" class="mui-input-clear" placeholder="" value="江苏索普(集团)有限公司">
- </div>
-
- <h5 class="mui-content-padded">是否船队</h5>
- <div class="mui-input-row mui-text"> <input type="checkbox" /> </div>
-
- <h5 class="mui-content-padded">航次</h5>
- <div class="mui-input-row mui-text">
- <input type="text" class="mui-input-clear" placeholder="">
- </div>
-
- <h5 class="mui-content-padded">作业品名称<img alt="" style="width: 12px;height: 12px;margin-top: -5px" src="../images/xinghua.png" /></h5>
- <div class="mui-input-row mui-text">
- <input type="text" class="mui-input-clear" value="醋酸" placeholder="">
- </div>
-
-
- <h5 class="mui-content-padded">作业数量(吨)<img alt="" style="width: 12px;height: 12px;margin-top: -5px" src="../images/xinghua.png" /></h5>
- <div class="mui-input-row mui-text">
- <input type="text" class="mui-input-clear" value="305" placeholder="">
- </div>
-
-
- <h5 class="mui-content-padded">进出港<img alt="" style="width: 12px;height: 12px;margin-top: -5px" src="../images/xinghua.png" /></h5>
- <div class="mui-input-row mui-select" >
- <select id="zuming">
- <option>出港</option>
- </select>
- </div>
-
-
- <h5 class="mui-content-padded">下港<img alt="" style="width: 12px;height: 12px;margin-top: -5px" src="../images/xinghua.png" /></h5>
- <div class="mui-input-row mui-text">
- <input type="text" class="mui-input-clear" placeholder="">
- </div>
-
-
-
- <h5 class="mui-content-padded">上港<img alt="" style="width: 12px;height: 12px;margin-top: -5px" src="../images/xinghua.png" /></h5>
- <div class="mui-input-row mui-text">
- <input type="text" class="mui-input-clear" placeholder="">
- </div>
-
-
- <h5 class="mui-content-padded">报告时间<img alt="" style="width: 12px;height: 12px;margin-top: -5px" src="../images/xinghua.png" /></h5>
- <div class="mui-input-row mui-text" style="">
- <div style="position: absolute;right: 8px;z-index: 999;top: 4px">
- <img alt="" src="../image/rili.png" style="width: 30px;height: 30px">
- <img alt="" src="../image/qingchu.png" style="width: 30px;height: 30px">
- </div>
- <input type="text" class="mui-input-clear" placeholder="" value="2015-07-20 10:34:42">
- </div>
-
- <h5 class="mui-content-padded">作业方式<img alt="" style="width: 12px;height: 12px;margin-top: -5px" src="../images/xinghua.png" /></h5>
- <div class="mui-input-row mui-text">
- <input type="text" class="mui-input-clear" value="装船" placeholder="">
- </div>
-
-
- <h5 class="mui-content-padded">码头类别<img alt="" style="width: 12px;height: 12px;margin-top: -5px" src="../images/xinghua.png" /></h5>
- <div class="mui-input-row mui-select" >
- <select id="zuming">
- <option>公用码头</option>
- </select>
- </div>
-
- <h5 class="mui-content-padded">内外贸<img alt="" style="width: 12px;height: 12px;margin-top: -5px" src="../images/xinghua.png" /></h5>
- <div class="mui-input-row mui-select" >
- <select id="zuming">
- <option>内贸</option>
- </select>
- </div>
-
- <h5 class="mui-content-padded">现场管理负责人<img alt="" style="width: 12px;height: 12px;margin-top: -5px" src="../images/xinghua.png" /></h5>
- <div class="mui-input-row mui-text">
- <input type="text" class="mui-input-clear" placeholder="" value="高士海">
- </div>
-
-
-
- <h5 class="mui-content-padded">集装箱数量</h5>
- <div class="mui-input-row mui-text">
- <input type="text" class="mui-input-clear" value="" placeholder="">
- </div>
-
-
-
-
-
- <h5 class="mui-content-padded">货物种类</h5>
- <div class="mui-input-row mui-text">
- <input type="checkbox" /> 煤炭 <input type="checkbox" /> 钢铁 <input type="checkbox" /> 液体化工 <input type="checkbox" /> 集装箱
- <input type="checkbox" /> 粮食 <input type="checkbox" /> 件杂货 <input type="checkbox" /> 散货 <input type="checkbox" /> 其他
- </div>
-
- <h5 class="mui-content-padded">货物形式</h5>
- <div class="mui-input-row mui-text">
- <input type="checkbox" /> 包件体 <input type="checkbox" /> 中型散装容器 集装箱 ( <input type="checkbox" /> 20’ <input type="checkbox" /> 40’ <input type="checkbox" /> 45’ <input type="checkbox" /> 特种箱 )
- <input type="checkbox" /> 槽罐车 灌柜 ( <input type="checkbox" /> 20’ <input type="checkbox" /> 40’ ) <input type="checkbox" /> 其他
- </div>
-
-
-
- <h5 class="mui-content-padded">作业时间起<img alt="" style="width: 12px;height: 12px;margin-top: -5px" src="../images/xinghua.png" /></h5>
- <div class="mui-input-row mui-text">
- <div style="position: absolute;right: 8px;z-index: 999;top: 4px">
- <img alt="" src="../image/rili.png" style="width: 30px;height: 30px">
- <img alt="" src="../image/qingchu.png" style="width: 30px;height: 30px">
- </div>
- <input type="text" class="mui-input-clear" placeholder="">
- </div>
-
- <h5 class="mui-content-padded">作业时间止<img alt="" style="width: 12px;height: 12px;margin-top: -5px" src="../images/xinghua.png" /></h5>
- <div class="mui-input-row mui-text">
- <div style="position: absolute;right: 8px;z-index: 999;top: 4px">
- <img alt="" src="../image/rili.png" style="width: 30px;height: 30px">
- <img alt="" src="../image/qingchu.png" style="width: 30px;height: 30px">
- </div>
- <input type="text" class="mui-input-clear" placeholder="">
- </div>
-
- <h5 class="mui-content-padded">
- <input type="checkbox" class="" placeholder=""> 码头 (泊位)
-
-
- </h5>
- <div class="mui-input-row mui-select" >
- <select id="zuming">
- <option>长江1#泊位</option>
- </select>
- </div>
-
-
- <h5 class="mui-content-padded">作业地点<img alt="" style="width: 12px;height: 12px;margin-top: -5px" src="../images/xinghua.png" /></h5>
- <div class="mui-input-row mui-text">
- <input type="text" class="mui-input-clear" placeholder="">
- </div>
-
-
- <h5 class="mui-content-padded">报告人<img alt="" style="width: 12px;height: 12px;margin-top: -5px" src="../images/xinghua.png" /></h5>
- <div class="mui-input-row mui-text">
- <input type="text" class="mui-input-clear" placeholder="" value="超级管理员">
- </div>
-
-
- <h5 class="mui-content-padded">联系方式<img alt="" style="width: 12px;height: 12px;margin-top: -5px" src="../images/xinghua.png" /></h5>
- <div class="mui-input-row mui-text">
- <input type="text" 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: 20%;background: #2196f3;border: 0px;" id="wanchengyijian">保存</button>
- <button class="mui-btn mui-btn-positive" type="button" style="width: 20%;background: #2196f3;border: 0px;" id="quxiaoyijian">提交</button>
- <button class="mui-btn mui-btn-positive" type="button" style="width: 20%;background: #2196f3;border: 0px;" id="quxiaoyijian">关闭</button>
-
- </div>
-
- </div>
- </body>
- </html>
|