dcttl3.html 26 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789
  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. var szgq_id = "";
  16. $(function(){
  17. $("#isokchuandui").live("click",function(){
  18. if($(this).attr("checked")){
  19. $("#chuandui").removeClass("mui-hidden")
  20. }else{
  21. $("#chuandui").addClass("mui-hidden")
  22. }
  23. })
  24. $("#kaigongbao").live("click",function(){
  25. location.href="kgb.html?value="+$(this).attr("value");
  26. })
  27. $("#wangongbao").live("click",function(){
  28. location.href="wgb.html?value="+$(this).attr("value");
  29. })
  30. $("#biangongzuoye").live("click",function(){
  31. location.href="bgzy.html?value="+$(this).attr("value");
  32. })
  33. $("#quxiaozuoye").live("click",function(){
  34. location.href="qxzy.html?value="+$(this).attr("value");
  35. })
  36. $("#zuoyeshenpi").live("click",function(){
  37. var recordStatus = $(this).attr("href");
  38. if(recordStatus=="3")
  39. location.href="zysp.html?value="+$(this).attr("value");
  40. if(recordStatus=="5")
  41. location.href="qxzysh.html?value="+$(this).attr("value");
  42. if(recordStatus=="7")
  43. location.href="bgzysh.html?value="+$(this).attr("value");
  44. })
  45. $("input").attr("disabled","disabled");
  46. $("select").attr("disabled","disabled");
  47. $.ajax({
  48. type: 'post',
  49. url: '../../aqusercontroller/getByCode.do',
  50. data:{count:"10"},
  51. dataType: 'json',
  52. success: function(dataa){
  53. //如果选择模板读取模板内容进行赋值
  54. if(getQueryString("value")!=""){
  55. $.ajax({
  56. type: 'post',
  57. url: '../../whsqbpcontroller/getById.do',
  58. data:{id:getQueryString("value")},
  59. dataType: 'json',
  60. success: function(data){
  61. $("#bgr").val(data.bgr)
  62. $("#szd").val(data.szd.bz)
  63. szd_id = data.szd.id;
  64. $.ajax({
  65. type: 'post',
  66. url: '../../whsqbpcontroller/getTaskStateByid.do',
  67. data:{id:data.id},
  68. dataType: 'text',
  69. success: function(datt){
  70. if(datt!=""&&dataa.sfjyr=="N"&&dataa.sfcd=="N"&&!(dataa.byzd5!=null&&dataa.byzd5!=""&&dataa.byzd5.indexOf("zysbsp-city")!=-1)){
  71. $("#shenhe").append('<button href="'+data.recordStatus+'" value="'+data.id+'" class="mui-btn mui-btn-positive" type="button" style="width: 40%;background: #2196f3;border: 0px;height: 40px;" id="zuoyeshenpi">作业审批</button>&nbsp;&nbsp;&nbsp;&nbsp;');
  72. }
  73. if(dataa.sfjyr=="Y"&&dataa.jyrjcxx!=null){
  74. if((data.recordStatus==2||data.recordStatus==10)&&(data.kgzt=="N"||data.kgsj==null)){
  75. $("#shenhe").append('<button value="'+data.id+'" class="mui-btn mui-btn-positive" type="button" style="width: 40%;background: #2196f3;border: 0px;height: 40px;" id="kaigongbao">开工报</button>&nbsp;&nbsp;&nbsp;&nbsp;');
  76. }
  77. if((data.recordStatus==2||data.recordStatus==10)&&(data.wgzt=="N"||data.wgsj==null)){
  78. $("#shenhe").append('<button date="'+dateutil(data.kgsj).date+" "+dateutil(data.kgsj).time+'" value="'+data.id+'" class="mui-btn mui-btn-positive" type="button" style="width: 40%;background: #2196f3;border: 0px;height: 40px;" id="wangongbao">完工报</button>&nbsp;&nbsp;&nbsp;&nbsp;');
  79. }
  80. //<button class="mui-btn mui-btn-positive" type="button" style="width: 40%;background: #2196f3;border: 0px;height: 40px;" id="biangongzuoye">变更作业</button>&nbsp;&nbsp;&nbsp;&nbsp;
  81. //<button class="mui-btn mui-btn-positive" type="button" style="width: 40%;background: #2196f3;border: 0px;height: 40px;" id="quxiaozuoye">取消作业</button>
  82. //<button class="mui-btn mui-btn-positive" type="button" style="width: 40%;background: #2196f3;border: 0px;height: 40px;" id="zuoyeshenpi">作业审批</button>&nbsp;&nbsp;&nbsp;&nbsp;')
  83. if(data.recordStatus==8||data.recordStatus!=2||data.kgzt=="Y"){
  84. }else{
  85. $("#shenhe").append('<button value="'+data.id+'" class="mui-btn mui-btn-positive" type="button" style="width: 40%;background: #2196f3;border: 0px;height: 40px;" id="biangongzuoye">变更作业</button>&nbsp;&nbsp;&nbsp;&nbsp;');
  86. }
  87. if(data.recordStatus==8||(data.recordStatus!=2&&data.recordStatus!=10)||data.kgzt=="Y"){
  88. }else{
  89. $("#shenhe").append('<button value="'+data.id+'" class="mui-btn mui-btn-positive" type="button" style="width: 40%;background: #2196f3;border: 0px;height: 40px;" id="quxiaozuoye">取消作业</button>&nbsp;&nbsp;&nbsp;&nbsp;');
  90. }
  91. }
  92. }})
  93. console.log(data)
  94. $("#cm").val(data.cm)
  95. $("#zywtr").val(data.zywtr)
  96. $("#hc").val(data.hc)
  97. if(data.byzd3!=""){
  98. $("#isokchuandui").attr("checked","checked")
  99. $("#chuandui").removeClass("mui-hidden")
  100. $("#byzd3").val(data.byzd3);
  101. }
  102. if(data.inorout!=""){
  103. $("#jcg").val(data.inorout)
  104. }
  105. $("#zysl").val(data.zysl)
  106. $("#sg").val(data.sg)
  107. $("#xg").val(data.xg)
  108. $("#zyfs").val(data.zylx)//作业方式
  109. if(data.bgsj!=""&&data.bgsj!=null){
  110. $("#bgsj-date").val(dateutil(data.bgsj).date)
  111. $("#bgsj-time").val(dateutil(data.bgsj).time)
  112. }
  113. if(data.zysjq!=""&&data.zysjq!=null){
  114. $("#zysjq-date").val(dateutil(data.zysjq).date)
  115. $("#zysjq-time").val(dateutil(data.zysjq).time)
  116. }
  117. if(data.zysjz!=""&&data.zysjz!=null){
  118. $("#zysjz-date").val(dateutil(data.zysjz).date)
  119. $("#zysjz-time").val(dateutil(data.zysjz).time)
  120. }
  121. if(data.hwzl!=null&&data.hwzl!=""){
  122. $("#hwzl").val(data.hwzl.id)
  123. }
  124. if(data.mao!=""){
  125. $("#mao").val(data.mao)
  126. }
  127. $("#xcglfzr").val(data.xcglfzr)
  128. if(data.jzxsl!=""){
  129. $("#hwxs option[value='jizhuangxiang']").attr("disabled",false)
  130. $("#hwxs option[value='guangui']").attr("disabled",false)
  131. }
  132. $("#jzxsl").val(data.jzxsl)
  133. $("#lxfs").val(data.lxfs)
  134. $("#byzd2").val(data.byzd2)
  135. if(data.zydd!=null){
  136. $("input[name='zuoyedidian'][value='"+data.zydd.id+"']").attr("checked",true)
  137. }
  138. if(data.zyddqybh!=null){
  139. $("#zuoyedidianselect").html("<option>"+data.zyddqybh.qynbmc+"</option>")
  140. }
  141. if(data.hwxs!=""){
  142. var str = data.hwxs.split(",");
  143. for(var i=0;i<str.length;i++){
  144. if(str[i]=="1"){
  145. $("#hwxs").val("1");
  146. }
  147. if(str[i]=="2"){
  148. $("#hwxs").val("2");
  149. }
  150. if(str[i]=="3"){
  151. $("#hwxs").val("3");
  152. }
  153. if(str[i]=="10"){
  154. $("#hwxs").val("10");
  155. }
  156. $("input[name='jizhuangxiang'][value='"+str[i]+"']").attr("checked","checked")
  157. $("input[name='guangui'][value='"+str[i]+"']").attr("checked","checked")
  158. }
  159. }
  160. $("#wxhwpmBh").val(data.wpbh)
  161. $("#wxhwpmMc").val(data.wxhwmcbh)
  162. $("#wxplb").val(data.wxplb)
  163. $("#bzlb").val(data.byzd4)
  164. if(data.hzwxx!=null){
  165. $("#hzwxx").val(data.hzwxx.bz);
  166. }
  167. if(data.dxdj!=null){
  168. $("#dxdj").val(data.dxdj.bz);
  169. }
  170. if(data.wrlb!=null){
  171. $("#wrlb").val(data.wrlb.bz);
  172. }
  173. $("#szgq").html('<option>'+data.szgq.gqmc+'</option>')
  174. $("#sl20c").val(data.sl20C);
  175. $("#sl40c").val(data.sl40C);
  176. $("#sl45c").val(data.sl45C);
  177. $("#slspc").val(data.slspc);
  178. $("#sl20t").val(data.sl20T);
  179. $("#sl40t").val(data.sl40T);
  180. $("#name").val(data.zydw.gkjyr)
  181. }})
  182. }
  183. // $("#shenhe").append('<button class="mui-btn mui-btn-positive" type="button" style="width: 40%;background: #2196f3;border: 0px;height: 40px;" id="kaigongbao">开工报</button>&nbsp;&nbsp;&nbsp;&nbsp;
  184. //<button class="mui-btn mui-btn-positive" type="button" style="width: 40%;background: #2196f3;border: 0px;height: 40px;" id="wangongbao">完工报</button>
  185. //<button class="mui-btn mui-btn-positive" type="button" style="width: 40%;background: #2196f3;border: 0px;height: 40px;" id="biangongzuoye">变更作业</button>&nbsp;&nbsp;&nbsp;&nbsp;
  186. //<button class="mui-btn mui-btn-positive" type="button" style="width: 40%;background: #2196f3;border: 0px;height: 40px;" id="quxiaozuoye">取消作业</button>
  187. //<button class="mui-btn mui-btn-positive" type="button" style="width: 40%;background: #2196f3;border: 0px;height: 40px;" id="zuoyeshenpi">作业审批</button>&nbsp;&nbsp;&nbsp;&nbsp;')
  188. console.log(dataa)
  189. }})
  190. })
  191. </script>
  192. <style>
  193. *{margin: 0px;padding: 0px}
  194. .header {
  195. width:100%;
  196. height:45px;
  197. line-height:45px;
  198. padding:0;
  199. color:#eee;
  200. font-size:22px;
  201. text-align:center;
  202. color:white;
  203. background: #2196f3;
  204. position: fixed;
  205. top: 0px;
  206. z-index: 99999;
  207. } .mui-btn-positive{margin-top: 20px;}
  208. .header a{color: white;}
  209. .mui-content-padded {
  210. margin: 0px;
  211. margin-top:30px;
  212. margin-bottom: 5px;
  213. color: black;
  214. font-size: 20px;
  215. }
  216. .mui-select{
  217. border: 1px solid rgba(0,0,0,.2);
  218. border-radius: 3px;
  219. margin-bottom: 0px;
  220. }
  221. .wubiankuang{border: 0px;}
  222. .red{color: red;}
  223. #container {
  224. width: 400px;
  225. display: table
  226. }
  227. .left, .mid {
  228. display: table-cell;
  229. }
  230. .mid {
  231. width: 100%;
  232. }
  233. .left{
  234. white-space:nowrap;
  235. }
  236. 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 {
  237. border: 0px solid rgba(0,0,0,.2);
  238. color:black;
  239. }
  240. </style>
  241. <body >
  242. <header class="header">
  243. <ul class="nav nav-list pull-left" >
  244. <li><a href="javascript:void(0);" id="goback" onclick="history.back()"><span class="icon icon-arrow-back icback"></span>
  245. </a>
  246. </li>
  247. </ul>
  248. <a href="#">危货作业申报</a>
  249. </header>
  250. <div class="mui-content" style="padding-left: 10px;padding-right: 10px;background: white;margin-top: 70px;padding-bottom: 30px">
  251. <h5 class="mui-content-padded red">所在地</h5>
  252. <div class="mui-input-row mui-text">
  253. <input type="text" id="szd" class="mui-input-clear " style="border: 0px;" readonly="readonly" placeholder="" value="">
  254. </div>
  255. <h5 class="mui-content-padded red">港口经营人名称</h5>
  256. <div class="mui-input-row mui-text">
  257. <input type="text" id="name" class="mui-input-clear " style="border: 0px;" readonly="readonly" placeholder="" value="">
  258. </div>
  259. <h5 class="mui-content-padded red">所在港区</h5>
  260. <div class="mui-input-row mui-select" >
  261. <select id="szgq">
  262. </select>
  263. </div>
  264. <h5 class="mui-content-padded red">船名/船队名</h5>
  265. <div class="mui-input-row mui-text">
  266. <input type="text" id="cm" class="mui-input-clear" placeholder="" value="">
  267. </div>
  268. <h5 class="mui-content-padded red">作业委托人</h5>
  269. <div class="mui-input-row mui-text">
  270. <input type="text" class="mui-input-clear" id="zywtr" placeholder="" value="">
  271. </div>
  272. <h5 class="mui-content-padded">是否船队&nbsp;&nbsp;&nbsp;&nbsp;<input type="checkbox" id="isokchuandui" /> </h5>
  273. <div id="chuandui" class="mui-hidden" style="margin-top: 20px;">
  274. <div class="left mui-content-padded red">船数&nbsp;&nbsp;</div>
  275. <div class="mid"><input id="byzd3" type="number" class="mui-input-clear" placeholder=""></div>
  276. </div>
  277. <h5 class="mui-content-padded">航次</h5>
  278. <div class="mui-input-row mui-text">
  279. <input type="text" id="hc" class="mui-input-clear" placeholder="">
  280. </div>
  281. <h5 class="mui-content-padded red">危险品编号</h5>
  282. <div class="mui-input-row mui-text">
  283. <input type="text" id="wxhwpmBh" class="mui-input-clear" placeholder="" value="">
  284. </div>
  285. <h5 class="mui-content-padded red">危险品名称</h5>
  286. <div class="mui-input-row mui-text">
  287. <input type="text" id="wxhwpmMc" style="margin-top:5px" class="mui-input-clear" placeholder="" value="">
  288. </div>
  289. <h5 class="mui-content-padded">危险品类别</h5>
  290. <div class="mui-input-row mui-text">
  291. <input id='wxplb' type="text" class="mui-input-clear " style="border: 0px;" readonly="readonly" placeholder="" value="">
  292. </div>
  293. <h5 class="mui-content-padded">包装类别</h5>
  294. <div class="mui-input-row mui-text">
  295. <input id='bzlb' type="text" class="mui-input-clear " style="border: 0px;" readonly="readonly" placeholder="" value="">
  296. </div>
  297. <h5 class="mui-content-padded">火灾危险性</h5>
  298. <div class="mui-input-row mui-text">
  299. <input id="hzwxx" type="text" class="mui-input-clear " style="border: 0px;" readonly="readonly" placeholder="" value="">
  300. </div>
  301. <h5 class="mui-content-padded">毒性等级</h5>
  302. <div class="mui-input-row mui-text">
  303. <input id="dxdj" type="text" class="mui-input-clear " style="border: 0px;" readonly="readonly" placeholder="" value="">
  304. </div>
  305. <h5 class="mui-content-padded">污染类别</h5>
  306. <div class="mui-input-row mui-text">
  307. <input id="wrlb" type="text" class="mui-input-clear " style="border: 0px;" readonly="readonly" placeholder="" value="">
  308. </div>
  309. <h5 class="mui-content-padded red">进出港</h5>
  310. <div class="mui-input-row mui-select" >
  311. <select id="jcg">
  312. <option value="-1" selected="selected"></option>
  313. <option value="2">出港</option>
  314. <option value="1">进港</option>
  315. </select>
  316. </div>
  317. <h5 class="mui-content-padded red">作业数量(吨)</h5>
  318. <div class="mui-input-row mui-text">
  319. <input type="text" id="zysl" class="mui-input-clear" value="" placeholder="手工输入只能数字可带小数点">
  320. </div>
  321. <h5 class="mui-content-padded" >下港</h5>
  322. <div class="mui-input-row mui-text">
  323. <input id="xg" type="text" class="mui-input-clear" placeholder="">
  324. </div>
  325. <h5 class="mui-content-padded">上港</h5>
  326. <div class="mui-input-row mui-text">
  327. <input id="sg" type="text" class="mui-input-clear" placeholder="">
  328. </div>
  329. <h5 class="mui-content-padded red">作业方式</h5>
  330. <div class="mui-input-row mui-text">
  331. <input type="text" id="zyfs" class="mui-input-clear" value="" placeholder="">
  332. </div>
  333. <h5 class="mui-content-padded red">报告时间</h5>
  334. <div class="mui-input-row mui-text" >
  335. <div style="position: absolute;left:48%;margin-left: -33px;z-index: 999;top: 4px">
  336. <img src="../image/rili.png" style="width: 30px;height: 30px">
  337. </div>
  338. <div style="position: absolute;left:99%;margin-left: -33px;z-index: 999;top: 4px">
  339. <img src="../image/time.png" style="width: 30px;height: 30px">
  340. </div>
  341. <input type="date" disabled="disabled" id="bgsj-date" placeholder="年/月/日" style="width: 48%;margin-right: 1%;" class="mui-input-clear" ><input disabled="disabled" id="bgsj-time" style="width: 50%;" type="time" class="mui-input-clear" placeholder="时/分/秒" >
  342. </div>
  343. <h5 class="mui-content-padded red">内外贸</h5>
  344. <div class="mui-input-row mui-select" >
  345. <select id="mao">
  346. <option value=""></option>
  347. <option value="1">内贸</option>
  348. <option value="2">外贸</option>
  349. </select>
  350. </div>
  351. <h5 class="mui-content-padded red">现场管理负责人</h5>
  352. <div class="mui-input-row mui-text">
  353. <input id="xcglfzr" type="text" class="mui-input-clear" placeholder="" value="">
  354. </div>
  355. <h5 class="mui-content-padded">集装箱数量</h5>
  356. <div class="mui-input-row mui-text">
  357. <input id="jzxsl" type="number" class="mui-input-clear" value="" placeholder="">
  358. </div>
  359. <h5 class="mui-content-padded red">货物种类</h5>
  360. <div class="mui-input-row mui-select" >
  361. <select id="hwzl">
  362. <option value=""></option>
  363. <option value="30001">油类</option>
  364. <option value="30002">液体散货</option>
  365. <option value="30003">固体散货</option>
  366. <option value="30004">件杂品</option>
  367. <option value="30005">化学品</option>
  368. <option value="30006">液化气</option>
  369. <option value="30007">其它</option>
  370. </select>
  371. </div>
  372. <h5 class="mui-content-padded red">货物形式</h5>
  373. <div class="mui-input-row mui-select" >
  374. <select title="" id="hwxs">
  375. <option value=""></option>
  376. <option value="1">包件体</option>
  377. <option value="2">中型散装容器</option>
  378. <option value="7">槽罐车</option>
  379. <option value="10">其他</option>
  380. </select>
  381. </div>
  382. <div class="mui-input-row" style="margin-top: 20px;">
  383. <form action="" id="from">
  384. <h5 class="mui-content-padded red">集装箱</h5>
  385. <table style="line-height: 50px;" id="jizhuangxiang" >
  386. <tr >
  387. <td style="width: 20%;text-align: left;">20’<input value="3" name="jizhuangxiang" type="checkbox" /></td>
  388. <td style="width: 25%;text-align: left;">数量:<input type="number" attr="3" value="0" readonly="readonly" id="sl20c" style="width: 40px;" /></td>
  389. <td style="width: 30%;text-align: left;">&nbsp;&nbsp;&nbsp;&nbsp;40’<input value="4" name="jizhuangxiang" type="checkbox" /></td>
  390. <td style="width: 25%;text-align: left;">数量:<input type="number" attr="4" value="0" readonly="readonly" id="sl40c" style="width: 40px;" /></td>
  391. </tr>
  392. <tr>
  393. <td style="width: 20%;text-align: left;">45’<input name="jizhuangxiang" value="5" type="checkbox" /></td>
  394. <td style="width: 25%;text-align: left;">数量:<input type="number" attr="5" value="0" readonly="readonly" id="sl45c" style="width: 40px;" /></td>
  395. <td style="width: 30%;text-align: left;">&nbsp;&nbsp;&nbsp;&nbsp;特种箱<input value="6" name="jizhuangxiang" type="checkbox" /></td>
  396. <td style="width: 25%;text-align: left;">数量:<input id="slspc" attr="6" value="0" readonly="readonly" type="number" style="width: 40px;" /></td>
  397. </tr>
  398. </table>
  399. <h5 class="mui-content-padded red">罐柜</h5>
  400. <table style="line-height: 50px;" id="guangui" >
  401. <tr >
  402. <td style="width: 20%;text-align: left;">20’<input value="8" name="guangui" type="checkbox" /></td>
  403. <td style="width: 25%;text-align: left;">数量:<input attr="8" readonly="readonly" type="number" id="sl20t" value="0" style="width: 40px;" /></td>
  404. <td style="width: 30%;text-align: left;">&nbsp;&nbsp;&nbsp;&nbsp;40’<input type="checkbox" value="9" name="guangui" /></td>
  405. <td style="width: 25%;text-align: left;">数量:<input attr="9" readonly="readonly" id="sl40t" value="0" type="number" style="width: 40px;" /></td>
  406. </tr>
  407. </table>
  408. </form>
  409. </div>
  410. <h5 class="mui-content-padded red">作业时间起</h5>
  411. <div class="mui-input-row mui-text" >
  412. <div style="position: absolute;left:48%;margin-left: -33px;z-index: 999;top: 4px">
  413. <img src="../image/rili.png" style="width: 30px;height: 30px">
  414. </div>
  415. <div style="position: absolute;left:99%;margin-left: -33px;z-index: 999;top: 4px">
  416. <img src="../image/time.png" style="width: 30px;height: 30px">
  417. </div>
  418. <input id="zysjq-date" type="date" placeholder="年/月/日" style="width: 48%;margin-right: 1%;" class="mui-input-clear" ><input id="zysjq-time" style="width: 50%;" type="time" class="mui-input-clear" placeholder="时/分/秒" >
  419. </div>
  420. <h5 class="mui-content-padded red">作业时间止</h5>
  421. <div class="mui-input-row mui-text" >
  422. <div style="position: absolute;left:48%;margin-left: -33px;z-index: 999;top: 4px">
  423. <img src="../image/rili.png" style="width: 30px;height: 30px">
  424. </div>
  425. <div style="position: absolute;left:99%;margin-left: -33px;z-index: 999;top: 4px">
  426. <img src="../image/time.png" style="width: 30px;height: 30px">
  427. </div>
  428. <input id="zysjz-date" type="date" placeholder="年/月/日" style="width: 48%;margin-right: 1%;" class="mui-input-clear" ><input id="zysjz-time" style="width: 50%;" type="time" class="mui-input-clear" placeholder="时/分/秒" >
  429. </div>
  430. <div class="mui-input-row mui-text" style="margin-top: 20px;">
  431. <input name="zuoyedidian" value="10000501" type="radio" /><span for="u101_input">码头(泊位)</span>
  432. <input name="zuoyedidian" value="10000502" type="radio" /><span for="u101_input">储罐</span>
  433. <input name="zuoyedidian" value="10000503" type="radio" /><span for="u101_input">堆场</span>
  434. <input name="zuoyedidian" value="10000504" type="radio" /><span for="u101_input">仓库</span>
  435. <input name="zuoyedidian" value="10000505" type="radio" /><span for="u101_input">过驳区</span>
  436. </div>
  437. <div class="mui-input-row mui-select" style="margin-top: 10px;" >
  438. <select title="作业地点下拉列表" id="zuoyedidianselect">
  439. </select>
  440. </div>
  441. <h5 class="mui-content-padded red">报告人</h5>
  442. <div class="mui-input-row mui-text">
  443. <input type="text" class="mui-input-clear " id="bgr" style="border: 0px;" readonly="readonly" placeholder="">
  444. </div>
  445. <h5 class="mui-content-padded red">联系方式</h5>
  446. <div class="mui-input-row mui-text">
  447. <input type="text" id="lxfs" class="mui-input-clear" placeholder="">
  448. </div>
  449. <h5 class="mui-content-padded red">申报员证书编号</h5>
  450. <div class="mui-input-row mui-text">
  451. <input type="text" id="byzd2" class="mui-input-clear" placeholder="">
  452. </div>
  453. <div style="margin-top: 30px;text-align: center;" id="shenhe">
  454. </div>
  455. </div>
  456. <div id="yijiandiv" style="position:fixed ;display:none;height:80%;padding-bottom:10px;bottom :10%;left: 10%;z-index: 100;border:4px solid #2196f3;border-radius:10px;width: 80%;background:white;">
  457. <input type="hidden" name="jid" id="jid" value="" />
  458. <div id="title" style="width:100%;height:30px;text-align: center;background:#2196f3;line-height: 30px;color: white;margin-bottom: 20px;font-size:20px;">危险品信息</div>
  459. <div class="" id="yijiancard" style="padding-left: 15px;padding-right: 15px;overflow: scroll;height: 80%">
  460. <div class="table-responsive">
  461. <table class="table" title="Default Tabl" style="text-align: center;">
  462. <tbody id="content-weixianpin">
  463. </tbody>
  464. </table>
  465. </div>
  466. </div>
  467. <button class="mui-btn mui-btn-positive" type="button" style="width: 80%;background: #2196f3;border: 0px;margin-left: 9%;margin-top:10px" id="wanchengyijian">取消</button>&nbsp;&nbsp;
  468. </div>
  469. <div id="yijiandiv1" style="position:absolute;display:none;width:100%;height: 100%;z-index: 50;top:0px;background: black; opacity:0.5; "></div>
  470. </body>
  471. </html>