dcttl.html 11 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247
  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 rel="stylesheet" type="text/css" href="../css/mui.min.css" />
  10. </head>
  11. <style>
  12. *{margin: 0px;padding: 0px}
  13. .header {
  14. width:100%;
  15. height:45px;
  16. line-height:45px;
  17. padding:0;
  18. position:fixed;
  19. top:0px;
  20. color:#eee;
  21. font-size:22px;
  22. text-align:center;
  23. color:white;
  24. background: #2196f3;
  25. z-index: 999999;
  26. }
  27. .header a{color: white;}
  28. .mui-content-padded {
  29. margin: 0px;
  30. margin-top:30px;
  31. margin-bottom: 5px;
  32. color: black;
  33. font-size: 20px;
  34. }
  35. .mui-select{
  36. border: 1px solid rgba(0,0,0,.2);
  37. border-radius: 3px;
  38. margin-bottom: 0px;
  39. }
  40. 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;
  41. color:gray;}
  42. 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}
  43. </style>
  44. <body >
  45. <header class="header">
  46. <a href="#">单船吞吐量申报申请</a>
  47. </header>
  48. <div class="mui-content" style="padding-left: 10px;padding-right: 10px;background: white;margin-top: 70px;padding-bottom: 30px">
  49. <h5 class="mui-content-padded">编号</h5>
  50. <div class="mui-input-row mui-text">
  51. <input type="text" class="mui-input-clear" placeholder="" value="ZJ201507190004">
  52. </div>
  53. <h5 class="mui-content-padded">所在地<img alt="" style="width: 12px;height: 12px;margin-top: -5px" src="../images/xinghua.png" /></h5>
  54. <div class="mui-input-row mui-select" >
  55. <select id="zuming">
  56. <option>镇江</option>
  57. </select>
  58. </div>
  59. <h5 class="mui-content-padded">港口经营人名称<img alt="" style="width: 12px;height: 12px;margin-top: -5px" src="../images/xinghua.png" /></h5>
  60. <div class="mui-input-row mui-select" >
  61. <select id="zuming">
  62. <option>江苏索普(集团)有限公司</option>
  63. </select>
  64. </div>
  65. <h5 class="mui-content-padded">所在港区<img alt="" style="width: 12px;height: 12px;margin-top: -5px" src="../images/xinghua.png" /></h5>
  66. <div class="mui-input-row mui-select" >
  67. <select id="zuming">
  68. <option>谏壁港区</option>
  69. </select>
  70. </div>
  71. <h5 class="mui-content-padded">船名/船队名<img alt="" style="width: 12px;height: 12px;margin-top: -5px" src="../images/xinghua.png" /></h5>
  72. <div class="mui-input-row mui-text">
  73. <input type="text" class="mui-input-clear" placeholder="" value="兴普007">
  74. </div>
  75. <h5 class="mui-content-padded">作业委托人<img alt="" style="width: 12px;height: 12px;margin-top: -5px" src="../images/xinghua.png" /></h5>
  76. <div class="mui-input-row mui-text">
  77. <input type="text" class="mui-input-clear" placeholder="" value="江苏索普(集团)有限公司">
  78. </div>
  79. <h5 class="mui-content-padded">是否船队</h5>
  80. <div class="mui-input-row mui-text"> <input type="checkbox" /> </div>
  81. <h5 class="mui-content-padded">航次</h5>
  82. <div class="mui-input-row mui-text">
  83. <input type="text" class="mui-input-clear" placeholder="">
  84. </div>
  85. <h5 class="mui-content-padded">作业品名称<img alt="" style="width: 12px;height: 12px;margin-top: -5px" src="../images/xinghua.png" /></h5>
  86. <div class="mui-input-row mui-text">
  87. <input type="text" class="mui-input-clear" value="醋酸" placeholder="">
  88. </div>
  89. <h5 class="mui-content-padded">作业数量(吨)<img alt="" style="width: 12px;height: 12px;margin-top: -5px" src="../images/xinghua.png" /></h5>
  90. <div class="mui-input-row mui-text">
  91. <input type="text" class="mui-input-clear" value="305" placeholder="">
  92. </div>
  93. <h5 class="mui-content-padded">进出港<img alt="" style="width: 12px;height: 12px;margin-top: -5px" src="../images/xinghua.png" /></h5>
  94. <div class="mui-input-row mui-select" >
  95. <select id="zuming">
  96. <option>出港</option>
  97. </select>
  98. </div>
  99. <h5 class="mui-content-padded">下港<img alt="" style="width: 12px;height: 12px;margin-top: -5px" src="../images/xinghua.png" /></h5>
  100. <div class="mui-input-row mui-text">
  101. <input type="text" class="mui-input-clear" placeholder="">
  102. </div>
  103. <h5 class="mui-content-padded">上港<img alt="" style="width: 12px;height: 12px;margin-top: -5px" src="../images/xinghua.png" /></h5>
  104. <div class="mui-input-row mui-text">
  105. <input type="text" class="mui-input-clear" placeholder="">
  106. </div>
  107. <h5 class="mui-content-padded">报告时间<img alt="" style="width: 12px;height: 12px;margin-top: -5px" src="../images/xinghua.png" /></h5>
  108. <div class="mui-input-row mui-text" style="">
  109. <div style="position: absolute;right: 8px;z-index: 999;top: 4px">
  110. <img alt="" src="../image/rili.png" style="width: 30px;height: 30px">
  111. <img alt="" src="../image/qingchu.png" style="width: 30px;height: 30px">
  112. </div>
  113. <input type="text" class="mui-input-clear" placeholder="" value="2015-07-20 10:34:42">
  114. </div>
  115. <h5 class="mui-content-padded">作业方式<img alt="" style="width: 12px;height: 12px;margin-top: -5px" src="../images/xinghua.png" /></h5>
  116. <div class="mui-input-row mui-text">
  117. <input type="text" class="mui-input-clear" value="装船" placeholder="">
  118. </div>
  119. <h5 class="mui-content-padded">码头类别<img alt="" style="width: 12px;height: 12px;margin-top: -5px" src="../images/xinghua.png" /></h5>
  120. <div class="mui-input-row mui-select" >
  121. <select id="zuming">
  122. <option>公用码头</option>
  123. </select>
  124. </div>
  125. <h5 class="mui-content-padded">内外贸<img alt="" style="width: 12px;height: 12px;margin-top: -5px" src="../images/xinghua.png" /></h5>
  126. <div class="mui-input-row mui-select" >
  127. <select id="zuming">
  128. <option>内贸</option>
  129. </select>
  130. </div>
  131. <h5 class="mui-content-padded">现场管理负责人<img alt="" style="width: 12px;height: 12px;margin-top: -5px" src="../images/xinghua.png" /></h5>
  132. <div class="mui-input-row mui-text">
  133. <input type="text" class="mui-input-clear" placeholder="" value="高士海">
  134. </div>
  135. <h5 class="mui-content-padded">集装箱数量</h5>
  136. <div class="mui-input-row mui-text">
  137. <input type="text" class="mui-input-clear" value="" placeholder="">
  138. </div>
  139. <h5 class="mui-content-padded">货物种类</h5>
  140. <div class="mui-input-row mui-text">
  141. <input type="checkbox" /> 煤炭&nbsp;&nbsp;<input type="checkbox" /> 钢铁&nbsp;&nbsp;<input type="checkbox" /> 液体化工&nbsp;&nbsp;<input type="checkbox" /> 集装箱&nbsp;&nbsp;
  142. <input type="checkbox" /> 粮食&nbsp;&nbsp;<input type="checkbox" /> 件杂货&nbsp;&nbsp;<input type="checkbox" /> 散货&nbsp;&nbsp;<input type="checkbox" /> 其他&nbsp;&nbsp;
  143. </div>
  144. <h5 class="mui-content-padded">货物形式</h5>
  145. <div class="mui-input-row mui-text">
  146. <input type="checkbox" /> 包件体&nbsp;&nbsp;<input type="checkbox" /> 中型散装容器&nbsp;&nbsp; 集装箱&nbsp;&nbsp;( <input type="checkbox" /> 20’&nbsp;&nbsp;<input type="checkbox" /> 40’&nbsp;&nbsp;<input type="checkbox" /> 45’&nbsp;&nbsp;<input type="checkbox" /> 特种箱 )&nbsp;&nbsp;
  147. <input type="checkbox" /> 槽罐车&nbsp;&nbsp;灌柜 ( <input type="checkbox" /> 20’&nbsp;&nbsp;<input type="checkbox" /> 40’ )&nbsp;&nbsp;<input type="checkbox" /> 其他&nbsp;&nbsp;
  148. </div>
  149. <h5 class="mui-content-padded">作业时间起<img alt="" style="width: 12px;height: 12px;margin-top: -5px" src="../images/xinghua.png" /></h5>
  150. <div class="mui-input-row mui-text">
  151. <div style="position: absolute;right: 8px;z-index: 999;top: 4px">
  152. <img alt="" src="../image/rili.png" style="width: 30px;height: 30px">
  153. <img alt="" src="../image/qingchu.png" style="width: 30px;height: 30px">
  154. </div>
  155. <input type="text" class="mui-input-clear" placeholder="">
  156. </div>
  157. <h5 class="mui-content-padded">作业时间止<img alt="" style="width: 12px;height: 12px;margin-top: -5px" src="../images/xinghua.png" /></h5>
  158. <div class="mui-input-row mui-text">
  159. <div style="position: absolute;right: 8px;z-index: 999;top: 4px">
  160. <img alt="" src="../image/rili.png" style="width: 30px;height: 30px">
  161. <img alt="" src="../image/qingchu.png" style="width: 30px;height: 30px">
  162. </div>
  163. <input type="text" class="mui-input-clear" placeholder="">
  164. </div>
  165. <h5 class="mui-content-padded">
  166. <input type="checkbox" class="" placeholder="">&nbsp;&nbsp;码头&nbsp;&nbsp;(泊位)&nbsp;&nbsp;
  167. </h5>
  168. <div class="mui-input-row mui-select" >
  169. <select id="zuming">
  170. <option>长江1#泊位</option>
  171. </select>
  172. </div>
  173. <h5 class="mui-content-padded">作业地点<img alt="" style="width: 12px;height: 12px;margin-top: -5px" src="../images/xinghua.png" /></h5>
  174. <div class="mui-input-row mui-text">
  175. <input type="text" class="mui-input-clear" placeholder="">
  176. </div>
  177. <h5 class="mui-content-padded">报告人<img alt="" style="width: 12px;height: 12px;margin-top: -5px" src="../images/xinghua.png" /></h5>
  178. <div class="mui-input-row mui-text">
  179. <input type="text" class="mui-input-clear" placeholder="" value="超级管理员">
  180. </div>
  181. <h5 class="mui-content-padded">联系方式<img alt="" style="width: 12px;height: 12px;margin-top: -5px" src="../images/xinghua.png" /></h5>
  182. <div class="mui-input-row mui-text">
  183. <input type="text" class="mui-input-clear" placeholder="">
  184. </div>
  185. <div style="margin-top: 30px;text-align: center;">
  186. <button class="mui-btn mui-btn-positive" type="button" style="width: 20%;background: #2196f3;border: 0px;" id="wanchengyijian">保存</button>&nbsp;&nbsp;&nbsp;&nbsp;
  187. <button class="mui-btn mui-btn-positive" type="button" style="width: 20%;background: #2196f3;border: 0px;" id="quxiaoyijian">提交</button>&nbsp;&nbsp;&nbsp;&nbsp;
  188. <button class="mui-btn mui-btn-positive" type="button" style="width: 20%;background: #2196f3;border: 0px;" id="quxiaoyijian">关闭</button>
  189. </div>
  190. </div>
  191. </body>
  192. </html>