dcttl.html 35 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002
  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. <script type="text/javascript" src="../js/iscroll.js" charset="utf-8"></script>
  14. </head>
  15. <script>
  16. var myscroll ;
  17. var weixinpindata;
  18. var wxpid = "";
  19. var hzwxx_id = "";
  20. var dxdj_id = "";
  21. var wrlb_id = "";
  22. var szd_id = "";
  23. var lhxz = "";
  24. var aqffcs="";
  25. var un="";
  26. $(function(){
  27. $("#isokchuandui").live("click",function(){
  28. if($(this).attr("checked")){
  29. $("#chuandui").removeClass("mui-hidden")
  30. }else{
  31. $("#byzd3").val("");
  32. $("#chuandui").addClass("mui-hidden")
  33. }
  34. })
  35. $("#bgsj-date").val(nedateutil().date)
  36. $("#bgsj-time").val(nedateutil().time)
  37. $("input[name='zuoyedidian']").live("click",function(){
  38. if(wxpid==""){
  39. showmessage("请选择危险品名称")
  40. $(this).attr("checked",false)
  41. return;
  42. }
  43. $.ajax({
  44. type: 'post',
  45. url: '../../whsqbpcontroller/getFzListByZycs.do',
  46. data:{zycsId:$(this).val(),wxhwpmId:wxpid},
  47. dataType: 'json',
  48. success: function(data){
  49. console.log(data)
  50. $("#zuoyedidianselect").html('');
  51. console.log(data)
  52. if(data.length==0){
  53. $("#zuoyedidianselect").append('<option value="" >没有作业地点</option>');
  54. }
  55. for(var i=0;i<data.length;i++){
  56. $("#zuoyedidianselect").append('<option value="'+data[i].id+'" >'+data[i].qynbmc+'</option>');
  57. }
  58. }})
  59. })
  60. $("#chaxun").live("click",function(){
  61. var wxhwpmMc = $("#wxhwpmMc").val();
  62. var wxhwpmBh = $("#wxhwpmBh").val();
  63. $.ajax({
  64. type: 'post',
  65. url: '../../whsqbpcontroller/getWxhwpmByBhMc.do',
  66. data:{wxhwpmMc:wxhwpmMc,wxhwpmBh:wxhwpmBh},
  67. dataType: 'json',
  68. success: function(data){
  69. weixinpindata = data;
  70. console.log(data)
  71. if(data.length==0)
  72. {
  73. layer.open({
  74. shade:false,
  75. content: '没有相关数据',
  76. style: 'background-color:rgba(0,0,0,0.5); color:white; border:none;font-size:20px;text-align:center',
  77. time: 1
  78. });
  79. return;
  80. }
  81. $("#content-weixianpin").html('<tr style=" background: #2196f3; color: white;"><td class="titlered" style="color:white">编号</td>'+
  82. '<td class="titlered2" >名称</td>'+
  83. '<td>操作</td>'+
  84. '</tr>');
  85. for(var i=0;i<data.length;i++){
  86. $("#content-weixianpin").append('<tr><td class="titlered" style="color:black">'+data[i].bh+'</td>'+
  87. '<td class="titlered2" >'+data[i].mchsm+'</td>'+
  88. '<td><button value='+i+' class="mui-btn mui-btn-positive xuanze" type="button" style="width:auto;background: #2196f3;border: 0px;" >选择</button></td>'+
  89. '</tr>');
  90. $("#content-weixianpin").append('<div style="height:20px"></div>')
  91. }
  92. $("#yijiandiv1").show()
  93. $("#yijiandiv").show()
  94. myscroll.refresh();
  95. }})
  96. });
  97. $(".xuanze").live("click",function(){
  98. var value = $(this).val();
  99. var data = weixinpindata[value];
  100. //危险品类别
  101. var wxplb = data.lbhxb;
  102. //包装类别
  103. var bzlb = data.bzlb;
  104. lhxz = data.lhxz;//理化性质
  105. aqffcs = data.aqffcs;//安全防范措施
  106. un = data.byzd1; //联合国编号
  107. //火灾危险性
  108. var hzwxx="";
  109. if(data.hzwxx!=null){
  110. hzwxx = data.hzwxx.bz;
  111. hzwxx_id = data.hzwxx.id;
  112. }
  113. //毒性等级
  114. var dxdj="";
  115. if(data.dxdj!=null){
  116. dxdj = data.dxdj.bz;
  117. dxdj_id =data.dxdj.id;
  118. }
  119. //污染类别
  120. var wrlb="";
  121. if(data.wrlb!=null){
  122. wrlb = data.wrlb.bz;
  123. wrlb_id = data.wrlb.id;
  124. }
  125. wxpid=data.id;
  126. $("#wxhwpmBh").val(un);
  127. $("#wxhwpmMc").val(data.mchsm);
  128. $("#wxplb").val(wxplb);
  129. $("#bzlb").val(bzlb);
  130. $("#hzwxx").val(hzwxx);
  131. $("#dxdj").val(dxdj);
  132. $("#wrlb").val(wrlb);
  133. $("#yijiandiv1").hide()
  134. $("#yijiandiv").hide()
  135. })
  136. $("#wanchengyijian").on("click",function(){
  137. $("#yijiandiv1").hide()
  138. $("#yijiandiv").hide()
  139. })
  140. $("#quxiaoyijian").on("click",function(){
  141. $("#yijiandiv1").hide()
  142. $("#yijiandiv").hide()
  143. })
  144. $("#quxiaoyijian1").on("click",function(){
  145. history.back(-1)
  146. })
  147. $("input[name='jizhuangxiang'],input[name='guangui']").live("click",function(){
  148. $("#hwxs").val("")
  149. if($(this).attr("checked")){
  150. $("input[attr='"+$(this).val()+"']").removeAttr("readonly")
  151. }else{
  152. $("input[attr='"+$(this).val()+"']").attr("readonly","readonly")
  153. $("input[attr='"+$(this).val()+"']").val(0);
  154. }
  155. })
  156. $("#hwxs").live("change",function(){
  157. var jj = document.getElementsByName("jizhuangxiang");
  158. for(var i=0;i<jj.length;i++){
  159. jj[i].checked=false;
  160. }
  161. var cc = document.getElementsByName("guangui");
  162. for(var i=0;i<cc.length;i++){
  163. cc[i].checked=false;
  164. }
  165. $("#sl20c").val(0);
  166. $("#sl40c").val(0);
  167. $("#sl45c").val(0);
  168. $("#slspc").val(0);
  169. $("#sl20t").val(0);
  170. $("#sl40t").val(0);
  171. $("#sl20c").attr("readonly","readonly")
  172. $("#sl40c").attr("readonly","readonly")
  173. $("#sl45c").attr("readonly","readonly")
  174. $("#slspc").attr("readonly","readonly")
  175. $("#sl20t").attr("readonly","readonly")
  176. });
  177. $.ajax({
  178. type: 'post',
  179. url: '../../aqusercontroller/getByCode.do',
  180. data:{count:"10"},
  181. dataType: 'json',
  182. success: function(data){
  183. console.log(data)
  184. $("#bgr").val(data.name)
  185. $("#szd").val(data.szd.bz)
  186. idid = data.jyrjcxx.id;
  187. szd_id = data.szd.id;
  188. $("#name").val(data.jyrjcxx.gkjyr)
  189. if(getQueryString("value")==""||getQueryString("value")==null){
  190. $.ajax({
  191. type: 'post',
  192. url: '../../gqcontroller/getBySzd.do',
  193. data:{szd:data.szd.id},
  194. dataType: 'json',
  195. success: function(dataa){
  196. console.log(data.szd.id)
  197. for(var i=0;i<dataa.length;i++){
  198. $("#szgq").append('<option value="'+dataa[i].id+'" >'+dataa[i].gqmc+'</option>');
  199. }
  200. }})
  201. }
  202. }})
  203. //如果选择模板读取模板内容进行赋值
  204. if(getQueryString("value")!=""&&getQueryString("value")!=null){
  205. $.ajax({
  206. type: 'post',
  207. url: '../../whsqbpcontroller/getById.do',
  208. data:{id:getQueryString("value")},
  209. dataType: 'json',
  210. success: function(data){
  211. $.ajax({
  212. type: 'post',
  213. url: '../../gqcontroller/getBySzd.do',
  214. data:{szd:data.szd.id},
  215. dataType: 'json',
  216. success: function(dataa){
  217. console.log(data.szd.id)
  218. for(var i=0;i<dataa.length;i++){
  219. $("#szgq").append('<option value="'+dataa[i].id+'" >'+dataa[i].gqmc+'</option>');
  220. }
  221. $("#szgq").val(data.szgq.id)
  222. }})
  223. console.log(data)
  224. $("#cm").val(data.cm)
  225. $("#zywtr").val(data.zywtr)
  226. $("#hc").val(data.hc)
  227. if(data.byzd3!=""){
  228. $("#isokchuandui")[0].checked = true;
  229. $("#chuandui").removeClass("mui-hidden")
  230. $("#byzd3").val(data.byzd3);
  231. }
  232. if(data.inorout!=""){
  233. $("#jcg").val(data.inorout)
  234. }
  235. $("#zysl").val(data.zysl)
  236. $("#sg").val(data.sg)
  237. $("#xg").val(data.xg)
  238. $("#zyfs").val(data.zylx)//作业方式
  239. if(data.hwzl!=null&&data.hwzl!=""){
  240. $("#hwzl").val(data.hwzl.id)
  241. }
  242. if(data.mao!=""){
  243. $("#mao").val(data.mao)
  244. }
  245. $("#xcglfzr").val(data.xcglfzr)
  246. if(data.jzxsl!=""){
  247. $("#hwzl-red").addClass("red")
  248. $("#hwxs-red").addClass("red")
  249. }
  250. $("#jzxsl").val(data.jzxsl)
  251. $("#lxfs").val(data.lxfs)
  252. $("#byzd2").val(data.byzd2)
  253. if(data.zydd!=null){
  254. $("input[name='zuoyedidian'][value='"+data.zydd.id+"']").attr("checked",true)
  255. }
  256. if(data.hwxs!=""){
  257. var str = data.hwxs.split(",");
  258. for(var i=0;i<str.length;i++){
  259. if(str[i]=="1"){
  260. $("#hwxs").val("1");
  261. }
  262. if(str[i]=="2"){
  263. $("#hwxs").val("2");
  264. }
  265. if(str[i]=="3"){
  266. $("#hwxs").val("3");
  267. }
  268. if(str[i]=="10"){
  269. $("#hwxs").val("10");
  270. }
  271. if($("input[name='jizhuangxiang'][value='"+str[i]+"']")[0]!=null){
  272. $("input[name='jizhuangxiang'][value='"+str[i]+"']")[0].checked=true;
  273. }
  274. if($("input[name='guangui'][value='"+str[i]+"']")[0]!=null){
  275. $("input[name='guangui'][value='"+str[i]+"']")[0].checked=true;
  276. }
  277. $("input[type='number'][attr='"+str[i]+"']").removeAttr("readonly");
  278. }
  279. }
  280. //危险品类别
  281. var wxplb = data.wxplb;
  282. //包装类别
  283. var bzlb = data.byzd4;
  284. lhxz = data.lhxz;//理化性质
  285. aqffcs = data.aqffcs;//安全防范措施
  286. un = data.wpbh;
  287. //火灾危险性
  288. var hzwxx="";
  289. if(data.hzwxx!=null){
  290. hzwxx = data.hzwxx.bz;
  291. hzwxx_id = data.hzwxx.id;
  292. }
  293. //毒性等级
  294. var dxdj="";
  295. if(data.dxdj!=null){
  296. dxdj = data.dxdj.bz;
  297. dxdj_id =data.dxdj.id;
  298. }
  299. //污染类别
  300. var wrlb="";
  301. if(data.wrlb!=null){
  302. wrlb = data.wrlb.bz;
  303. wrlb_id = data.wrlb.id;
  304. }
  305. $.ajax({
  306. type: 'post',
  307. url: '../../whsqbpcontroller/getWxhwpmByBh.do',
  308. data:{wxhwpmBh:un},
  309. dataType: 'json',
  310. success: function(data1){
  311. console.log(data1)
  312. wxpid=data1.id;
  313. $.ajax({
  314. type: 'post',
  315. url: '../../whsqbpcontroller/getFzListByZycs.do',
  316. data:{zycsId:data.zydd.id,wxhwpmId:wxpid},
  317. dataType: 'json',
  318. success: function(data2){
  319. console.log(data2)
  320. $("#zuoyedidianselect").html('');
  321. for(var i=0;i<data2.length;i++){
  322. if(data.zyddqybh!=null&&data.zyddqybh.id==data2[i].id){
  323. $("#zuoyedidianselect").append('<option selected value="'+data2[i].id+'" >'+data2[i].qynbmc+'</option>');
  324. }else{
  325. $("#zuoyedidianselect").append('<option value="'+data2[i].id+'" >'+data2[i].qynbmc+'</option>');
  326. }
  327. }
  328. }})
  329. }})
  330. $("#wxhwpmBh").val(un);
  331. $("#wxhwpmMc").val(data.wxhwmcbh);
  332. $("#wxplb").val(wxplb);
  333. $("#bzlb").val(bzlb);
  334. $("#hzwxx").val(hzwxx);
  335. $("#dxdj").val(dxdj);
  336. $("#wrlb").val(wrlb);
  337. if(data.hzwxx!=null){
  338. $("#hzwxx").val(data.hzwxx.bz);
  339. }
  340. if(data.dxdj!=null){
  341. $("#dxdj").val(data.dxdj.bz);
  342. }
  343. if(data.wrlb!=null){
  344. $("#wrlb").val(data.wrlb.bz);
  345. }
  346. if(data.hwxs.indexOf("1")!=""&&data.hwxs.indexOf("1")==-1&&data.hwxs.indexOf("2")==-1&&data.hwxs.indexOf("7")==-1){
  347. $("#sl20c").val(data.sl20C);
  348. $("#sl40c").val(data.sl40C);
  349. $("#sl45c").val(data.sl45C);
  350. $("#slspc").val(data.slspc);
  351. $("#sl20t").val(data.sl20T);
  352. $("#sl40t").val(data.sl40T);
  353. $("#name").val(data.zydw.gkjyr)}
  354. }})
  355. }
  356. $("#jzxsl").keyup(function(){
  357. if($(this).val()!=""){
  358. $("#hwzl-red").addClass("red")
  359. $("#hwxs-red").addClass("red")
  360. $("#from input[type='checkbox']").removeAttr("disabled")
  361. $("#from input[type='number']").removeAttr("disabled")
  362. }else{
  363. $("#hwxs").val("");
  364. $("#hwzl-red").removeClass("red")
  365. $("#hwxs-red").removeClass("red")
  366. $("#from input[type='checkbox']").attr("disabled","disabled")
  367. $("#from input[type='number']").attr("disabled","disabled")
  368. }
  369. });
  370. $("#tijiao").live("click",function(){
  371. //港口经营人id
  372. //所在港区
  373. var szgq = $("#szgq").val();
  374. //船队名
  375. var cm = $("#cm").val();
  376. if(cm==""){
  377. showmessage("船名不能为空")
  378. return;
  379. }
  380. //作业委托人
  381. var zywtr =$("#zywtr").val();
  382. if(zywtr==""){
  383. showmessage("作业委托人不能为空")
  384. return;
  385. }
  386. //船数
  387. var byzd3 = $("#byzd3").val();
  388. if($("#isokchuandui").attr("checked")&&byzd3==""){
  389. showmessage("船数不能为空")
  390. return;
  391. }
  392. //航次
  393. var hc = $("#hc").val();
  394. //进出港
  395. var jcg = $("#jcg").val();
  396. if(jcg=="-1"){
  397. showmessage("请选择进出港")
  398. return;
  399. }
  400. //作业数量
  401. var zysl = $("#zysl").val();
  402. if(zysl==""){
  403. showmessage("请输入作业数量")
  404. return;
  405. }
  406. //下港
  407. var xg = $("#xg").val();
  408. //上港
  409. var sg = $("#sg").val();
  410. //作业方式
  411. var zyfs = $("#zyfs").val();
  412. if(zyfs==""){
  413. showmessage("请输入作业方式")
  414. return;
  415. }
  416. //报告时间
  417. var bgsj = $("#bgsj-date").val()+" "+$("#bgsj-time").val();
  418. //内外贸
  419. var mao = $("#mao").val();
  420. if(mao==""){
  421. showmessage("请选择内外贸")
  422. return;
  423. }
  424. //现场管理负责人
  425. var xcglfzr = $("#xcglfzr").val();
  426. if(xcglfzr==""){
  427. showmessage("请输入现场管理负责人")
  428. return;
  429. }
  430. //集装箱数量
  431. var jzxsl = $("#jzxsl").val();
  432. //货物种类
  433. var hwzl = $("#hwzl").val();
  434. var hwxs = $("#hwxs").val();
  435. //货物形式
  436. var llll = "";
  437. if(hwxs==""){
  438. $("input[name='jizhuangxiang']").each(function(index){
  439. if($(this).attr('checked')){
  440. llll+=$(this).val()+","
  441. }
  442. })
  443. $("input[name='guangui']").each(function(index){
  444. if($(this).attr('checked')){
  445. llll+=$(this).val()+","
  446. }
  447. })
  448. if(jzxsl!=""&&llll==""){
  449. showmessage("请选择货物形式")
  450. return;
  451. }else{
  452. if(llll!=""){
  453. llll = llll.substring(0, llll.length-1)
  454. }
  455. }
  456. }else{
  457. llll=hwxs;
  458. if(jzxsl!=""&&llll==""){
  459. showmessage("请选择货物形式")
  460. return;
  461. }
  462. }
  463. if(jzxsl!=""&&hwzl==""){
  464. showmessage("请选择货物种类")
  465. return;
  466. }
  467. var sl20c = parseFloat($("#sl20c").val());
  468. var sl40c = parseFloat($("#sl40c").val());
  469. var sl45c = parseFloat($("#sl45c").val());
  470. var slspc = parseFloat($("#slspc").val());
  471. var sl20t = parseFloat($("#sl20t").val());
  472. var sl40t = parseFloat($("#sl40t").val());
  473. var count = sl20c+sl40c+sl45c+slspc+sl20t+sl40t;
  474. if(jzxsl!=""){
  475. var sss = parseFloat(jzxsl);
  476. if(sss!=count){
  477. // showmessage("请正确填写集装箱箱型的具体数量!")
  478. // return;
  479. }
  480. }
  481. //总价teu
  482. var teu = sl20c+sl20c*2+sl45c*2.25+slspc+sl20t+sl40t*2;
  483. //作业时间
  484. var zysjq = $("#zysjq-date").val()+" "+$("#zysjq-time").val();
  485. if(zysjq==" "){
  486. showmessage("请输入作业时间起")
  487. return;
  488. }
  489. //作业时间止
  490. var zysjz = $("#zysjz-date").val()+" "+$("#zysjz-time").val();
  491. if(zysjz==" "){
  492. showmessage("请输入作业时间止")
  493. return;
  494. }
  495. var begin=new Date(zysjq.replace(/-/g,"/"));
  496. var end=new Date(zysjz.replace(/-/g,"/"));
  497. //js判断日期
  498. if(begin-end>0){
  499. showmessage("作业时间止要大于作业时间起!");
  500. return ;
  501. }
  502. //作业地点
  503. var zuoyedidian = $("input[name='zuoyedidian'][checked]").val();
  504. //企业内部编号
  505. var zuoyedidianselect = $("#zuoyedidianselect").val();
  506. if(zuoyedidianselect==""){
  507. showmessage("请选择作业地点")
  508. return;
  509. }
  510. //联系方式
  511. var lxfs = $("#lxfs").val();
  512. if(lxfs==""){
  513. showmessage("请输入联系方式")
  514. return;
  515. }
  516. //申报员证书方式
  517. var byzd2 = $("#byzd2").val();
  518. var sl20c = parseFloat($("#sl20c").val());
  519. var sl40c = parseFloat($("#sl40c").val());
  520. var sl45c = parseFloat($("#sl45c").val());
  521. var slspc = parseFloat($("#slspc").val());
  522. var sl20t = parseFloat($("#sl20t").val());
  523. var sl40t = parseFloat($("#sl40t").val());
  524. var wxpbh = $("#wxhwpmBh").val(); //危险品编号
  525. var wxpmc = $("#wxhwpmMc").val(); //危险品名称
  526. var wxplb = $("#wxplb").val(); //危险品类别
  527. var bzlb = $("#bzlb").val();
  528. var hzwxx = $("#hzwxx").val();
  529. var dxdj = $("#dxdj").val();
  530. var wrlb = $("#wrlb").val();
  531. //报告人
  532. var bgr = $("#bgr").val();
  533. //所在地id
  534. // var szd_id =szd_id;
  535. //危险品id
  536. var wxpid = wxpid;
  537. $.ajax({
  538. type: 'post',
  539. url: '../../whsqbpcontroller/submit.do',
  540. data:{
  541. lhxz:lhxz,
  542. aqffcs:aqffcs,
  543. hzwxx_id:hzwxx_id,
  544. dxdj_id:dxdj_id,
  545. wrlb_id:wrlb_id,
  546. idid:idid,
  547. zuoyedidianselect:zuoyedidianselect,
  548. bgr:bgr,
  549. wxpbh:wxpbh,
  550. wxpmc:wxpmc,
  551. szd_id:szd_id,
  552. wxpid:wxpid,
  553. wxplb:wxplb,
  554. bzlb:bzlb,
  555. hzwxx:hzwxx,
  556. dxdj:dxdj,
  557. wrlb:wrlb,
  558. byzd2:byzd2,
  559. lxfs:lxfs,
  560. zuoyedidian:zuoyedidian,
  561. zysjz:zysjz,
  562. zysjq:zysjq,
  563. teu:teu,
  564. sl20c:sl20c,
  565. sl40c:sl40c,
  566. sl45c:sl45c,
  567. slspc:slspc,
  568. sl20t:sl20t,
  569. sl40t:sl40t,
  570. un:un,
  571. llll:llll,
  572. hwxs:hwxs,
  573. hwzl:hwzl,
  574. jzxsl:jzxsl,
  575. xcglfzr:xcglfzr,
  576. bgsj:bgsj,
  577. mao:mao,
  578. zyfs:zyfs,
  579. sg:sg,
  580. xg:xg,
  581. zysl:zysl,
  582. jcg:jcg,
  583. hc:hc,
  584. byzd3:byzd3,
  585. zywtr:zywtr,
  586. cm:cm,
  587. szgq:szgq
  588. },
  589. dataType: 'json',
  590. success: function(data){
  591. if(data=="0"){
  592. showmessage("提交成功");
  593. setTimeout(function(){
  594. location.href="index.html";
  595. }, 1000)
  596. }else if(data=="1"){
  597. showmessage("请先保存本条数据,并进行相应的附证年审")
  598. }else if(data=="2"){
  599. showmessage("您尚有未完成的申报信息,不允许重复申报")
  600. }else if(data=="3"){
  601. showmessage("现间隔超过72小时,请重新填写!")
  602. }else if(data=="4"){
  603. showmessage("您选择的作业场所被禁止作业,请重新选择!")
  604. }
  605. }})
  606. })
  607. })
  608. </script>
  609. <style>
  610. *{margin: 0px;padding: 0px}
  611. .header {
  612. width:100%;
  613. height:45px;
  614. line-height:45px;
  615. padding:0;
  616. color:#eee;
  617. font-size:22px;
  618. text-align:center;
  619. color:white;
  620. background: #2196f3;
  621. position: fixed;
  622. top: 0px;
  623. z-index: 99999;
  624. }
  625. .header a{color: white;}
  626. .mui-content-padded {
  627. margin: 0px;
  628. margin-top:30px;
  629. margin-bottom: 5px;
  630. color: black;
  631. font-size: 20px;
  632. }
  633. .mui-select{
  634. border: 1px solid rgba(0,0,0,.2);
  635. border-radius: 3px;
  636. margin-bottom: 0px;
  637. }
  638. .wubiankuang{border: 0px;}
  639. .red{color: red;}
  640. #container {
  641. width: 400px;
  642. display: table
  643. }
  644. .left, .mid {
  645. display: table-cell;
  646. }
  647. .mid {
  648. width: 100%;
  649. }
  650. .table, .table-responsive{margin-top: 0px}
  651. .left{
  652. white-space:nowrap;
  653. }
  654. </style>
  655. <body >
  656. <header class="header">
  657. <ul class="nav nav-list pull-left" >
  658. <li><a href="javascript:void(0);" id="goback" onclick="history.back()"><span class="icon icon-arrow-back icback"></span>
  659. </a>
  660. </li>
  661. </ul>
  662. <a href="#">危货作业申报</a>
  663. </header>
  664. <div class="mui-content" style="padding-left: 10px;padding-right: 10px;background: white;margin-top: 70px;padding-bottom: 30px">
  665. <h5 class="mui-content-padded red">所在地</h5>
  666. <div class="mui-input-row mui-text">
  667. <input type="text" id="szd" class="mui-input-clear " style="border: 0px;" readonly="readonly" placeholder="" value="">
  668. </div>
  669. <h5 class="mui-content-padded red">港口经营人名称</h5>
  670. <div class="mui-input-row mui-text">
  671. <input type="text" id="name" class="mui-input-clear " style="border: 0px;" readonly="readonly" placeholder="" value="">
  672. </div>
  673. <h5 class="mui-content-padded red">所在港区</h5>
  674. <div class="mui-input-row mui-select" >
  675. <select id="szgq">
  676. </select>
  677. </div>
  678. <h5 class="mui-content-padded red">船名/船队名</h5>
  679. <div class="mui-input-row mui-text">
  680. <input type="text" id="cm" class="mui-input-clear" placeholder="" value="">
  681. </div>
  682. <h5 class="mui-content-padded red">作业委托人</h5>
  683. <div class="mui-input-row mui-text">
  684. <input type="text" class="mui-input-clear" id="zywtr" placeholder="" value="">
  685. </div>
  686. <h5 class="mui-content-padded">是否船队&nbsp;&nbsp;&nbsp;&nbsp;<input type="checkbox" id="isokchuandui" /> </h5>
  687. <div id="chuandui" class="mui-hidden" style="margin-top: 20px;">
  688. <div class="left mui-content-padded red">船数&nbsp;&nbsp;</div>
  689. <div class="mid"><input id="byzd3" type="number" class="mui-input-clear" placeholder=""></div>
  690. </div>
  691. <h5 class="mui-content-padded">航次</h5>
  692. <div class="mui-input-row mui-text">
  693. <input type="text" id="hc" class="mui-input-clear" placeholder="">
  694. </div>
  695. <h5 class="mui-content-padded red">危险品</h5>
  696. <div class="mui-input-row mui-text">
  697. <input type="text" id="wxhwpmBh" class="mui-input-clear" placeholder="请输入危险品编号" value="">
  698. <input type="text" id="wxhwpmMc" style="margin-top:5px" class="mui-input-clear" placeholder="请输入危险品名称" value="">
  699. <button class="mui-btn mui-btn-positive" type="button" style="width: auto;margin-top:5px;float:left;background: #2196f3;border: 0px;height: 40px;" id="chaxun">查询</button>
  700. </div>
  701. <h5 class="mui-content-padded">类别和项别</h5>
  702. <div class="mui-input-row mui-text">
  703. <input id='wxplb' type="text" class="mui-input-clear " style="border: 0px;" readonly="readonly" placeholder="" value="">
  704. </div>
  705. <h5 class="mui-content-padded">包装类别</h5>
  706. <div class="mui-input-row mui-text">
  707. <input id='bzlb' type="text" class="mui-input-clear " style="border: 0px;" readonly="readonly" placeholder="" value="">
  708. </div>
  709. <h5 class="mui-content-padded">火灾危险性</h5>
  710. <div class="mui-input-row mui-text">
  711. <input id="hzwxx" type="text" class="mui-input-clear " style="border: 0px;" readonly="readonly" placeholder="" value="">
  712. </div>
  713. <h5 class="mui-content-padded">毒性等级</h5>
  714. <div class="mui-input-row mui-text">
  715. <input id="dxdj" type="text" class="mui-input-clear " style="border: 0px;" readonly="readonly" placeholder="" value="">
  716. </div>
  717. <h5 class="mui-content-padded">污染类别</h5>
  718. <div class="mui-input-row mui-text">
  719. <input id="wrlb" type="text" class="mui-input-clear " style="border: 0px;" readonly="readonly" placeholder="" value="">
  720. </div>
  721. <h5 class="mui-content-padded red">进出港</h5>
  722. <div class="mui-input-row mui-select" >
  723. <select id="jcg">
  724. <option value="-1" selected="selected">请选择</option>
  725. <option value="2">出港</option>
  726. <option value="1">进港</option>
  727. </select>
  728. </div>
  729. <h5 class="mui-content-padded red">作业数量(吨)</h5>
  730. <div class="mui-input-row mui-text">
  731. <input type="text" id="zysl" class="mui-input-clear" value="" placeholder="手工输入只能数字可带小数点">
  732. </div>
  733. <h5 class="mui-content-padded" >下港</h5>
  734. <div class="mui-input-row mui-text">
  735. <input id="xg" type="text" class="mui-input-clear" placeholder="">
  736. </div>
  737. <h5 class="mui-content-padded">上港</h5>
  738. <div class="mui-input-row mui-text">
  739. <input id="sg" type="text" class="mui-input-clear" placeholder="">
  740. </div>
  741. <h5 class="mui-content-padded red">作业方式</h5>
  742. <div class="mui-input-row mui-text">
  743. <input type="text" id="zyfs" class="mui-input-clear" value="" placeholder="">
  744. </div>
  745. <h5 class="mui-content-padded red">报告时间</h5>
  746. <div class="mui-input-row mui-text" >
  747. <div style="position: absolute;left:48%;margin-left: -33px;z-index: 9;top: 4px">
  748. <img src="../image/rili.png" style="width: 30px;height: 30px">
  749. </div>
  750. <div style="position: absolute;left:99%;margin-left: -33px;z-index: 9;top: 4px">
  751. <img src="../image/time.png" style="width: 30px;height: 30px">
  752. </div>
  753. <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="时/分/秒" >
  754. </div>
  755. <h5 class="mui-content-padded red">内外贸</h5>
  756. <div class="mui-input-row mui-select" >
  757. <select id="mao">
  758. <option value="">请选择</option>
  759. <option value="1">内贸</option>
  760. <option value="2">外贸</option>
  761. </select>
  762. </div>
  763. <h5 class="mui-content-padded red">现场管理负责人</h5>
  764. <div class="mui-input-row mui-text">
  765. <input id="xcglfzr" type="text" class="mui-input-clear" placeholder="" value="">
  766. </div>
  767. <h5 class="mui-content-padded">集装箱数量</h5>
  768. <div class="mui-input-row mui-text">
  769. <input id="jzxsl" type="number" class="mui-input-clear" value="" placeholder="">
  770. </div>
  771. <h5 class="mui-content-padded " id="hwzl-red">货物种类</h5>
  772. <div class="mui-input-row mui-select" >
  773. <select id="hwzl">
  774. <option value="">请选择</option>
  775. <option value="30001">油类</option>
  776. <option value="30002">液体散货</option>
  777. <option value="30003">固体散货</option>
  778. <option value="30004">件杂品</option>
  779. <option value="30005">化学品</option>
  780. <option value="30006">液化气</option>
  781. <option value="30007">其它</option>
  782. </select>
  783. </div>
  784. <h5 class="mui-content-padded " id="hwxs-red">货物形式</h5>
  785. <div class="mui-input-row mui-select" >
  786. <select title="" id="hwxs">
  787. <option value="1">包件体</option>
  788. <option value="2">中型散装容器</option>
  789. <option value="7">槽罐车</option>
  790. <option value="10">其他</option>
  791. </select>
  792. </div>
  793. <div class="mui-input-row" style="margin-top: 0px;">
  794. <form action="" id="from">
  795. <h5 class="mui-content-padded ">(集装箱</h5>
  796. <table style="line-height: 50px;" id="jizhuangxiang" >
  797. <tr >
  798. <td style="width: 20%;text-align: left;">20’<input value="3" name="jizhuangxiang" type="checkbox" /></td>
  799. <td style="width: 25%;text-align: left;">数量:<input type="number" attr="3" value="0" readonly="readonly" id="sl20c" style="width: 40px;" /></td>
  800. <td style="width: 30%;text-align: left;">&nbsp;&nbsp;&nbsp;&nbsp;40’<input value="4" name="jizhuangxiang" type="checkbox" /></td>
  801. <td style="width: 25%;text-align: left;">数量:<input type="number" attr="4" value="0" readonly="readonly" id="sl40c" style="width: 40px;" /></td>
  802. </tr>
  803. <tr>
  804. <td style="width: 20%;text-align: left;">45’<input name="jizhuangxiang" value="5" type="checkbox" /></td>
  805. <td style="width: 25%;text-align: left;">数量:<input type="number" attr="5" value="0" readonly="readonly" id="sl45c" style="width: 40px;" /></td>
  806. <td style="width: 30%;text-align: left;">&nbsp;&nbsp;&nbsp;&nbsp;特种箱<input value="6" name="jizhuangxiang" type="checkbox" /></td>
  807. <td style="width: 25%;text-align: left;">数量:<input id="slspc" attr="6" value="0" readonly="readonly" type="number" style="width: 40px;" />)</td>
  808. </tr>
  809. </table>
  810. <h5 class="mui-content-padded">(罐柜</h5>
  811. <table style="line-height: 50px;" id="guangui" >
  812. <tr >
  813. <td style="width: 20%;text-align: left;">20’<input value="8" name="guangui" type="checkbox" /></td>
  814. <td style="width: 25%;text-align: left;">数量:<input attr="8" readonly="readonly" type="number" id="sl20t" value="0" style="width: 40px;" /></td>
  815. <td style="width: 30%;text-align: left;">&nbsp;&nbsp;&nbsp;&nbsp;40’<input type="checkbox" value="9" name="guangui" /></td>
  816. <td style="width: 25%;text-align: left;">数量:<input attr="9" readonly="readonly" id="sl40t" value="0" type="number" style="width: 40px;" />)</td>
  817. </tr>
  818. </table>
  819. </form>
  820. </div>
  821. <h5 class="mui-content-padded red">作业时间起</h5>
  822. <div class="mui-input-row mui-text" >
  823. <div style="position: absolute;left:48%;margin-left: -33px;z-index: 9;top: 4px">
  824. <img src="../image/rili.png" style="width: 30px;height: 30px">
  825. </div>
  826. <div style="position: absolute;left:99%;margin-left: -33px;z-index: 9;top: 4px">
  827. <img src="../image/time.png" style="width: 30px;height: 30px">
  828. </div>
  829. <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="时/分/秒" >
  830. </div>
  831. <h5 class="mui-content-padded red">作业时间止</h5>
  832. <div class="mui-input-row mui-text" >
  833. <div style="position: absolute;left:48%;margin-left: -33px;z-index: 9;top: 4px">
  834. <img src="../image/rili.png" style="width: 30px;height: 30px">
  835. </div>
  836. <div style="position: absolute;left:99%;margin-left: -33px;z-index: 9;top: 4px">
  837. <img src="../image/time.png" style="width: 30px;height: 30px">
  838. </div>
  839. <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="时/分/秒" >
  840. </div>
  841. <div class="mui-input-row mui-text" style="margin-top: 20px;">
  842. <input name="zuoyedidian" value="10000501" type="radio" /><span for="u101_input">码头(泊位)</span>
  843. <input name="zuoyedidian" value="10000502" type="radio" /><span for="u101_input">储罐</span>
  844. <input name="zuoyedidian" value="10000503" type="radio" /><span for="u101_input">堆场</span>
  845. <input name="zuoyedidian" value="10000504" type="radio" /><span for="u101_input">仓库</span>
  846. <input name="zuoyedidian" value="10000505" type="radio" /><span for="u101_input">过驳区</span>
  847. </div>
  848. <div class="mui-input-row mui-select" style="margin-top: 10px;" >
  849. <select title="作业地点下拉列表" id="zuoyedidianselect">
  850. </select>
  851. </div>
  852. <h5 class="mui-content-padded red">报告人</h5>
  853. <div class="mui-input-row mui-text">
  854. <input type="text" class="mui-input-clear " id="bgr" style="border: 0px;" readonly="readonly" placeholder="">
  855. </div>
  856. <h5 class="mui-content-padded red">联系方式</h5>
  857. <div class="mui-input-row mui-text">
  858. <input type="text" id="lxfs" class="mui-input-clear" placeholder="">
  859. </div>
  860. <h5 class="mui-content-padded red">申报员证书编号</h5>
  861. <div class="mui-input-row mui-text">
  862. <input type="text" id="byzd2" class="mui-input-clear" placeholder="">
  863. </div>
  864. <div style="margin-top: 30px;text-align: center;">
  865. <button class="mui-btn mui-btn-positive" type="button" style="width: 40%;background: #2196f3;border: 0px;height: 40px;" id="tijiao">提交</button>&nbsp;&nbsp;&nbsp;&nbsp;
  866. <button class="mui-btn mui-btn-positive" type="button" style="width: 40%;background: #2196f3;border: 0px;height: 40px;" id="quxiaoyijian1">取消</button>
  867. </div>
  868. </div>
  869. <div id="yijiandiv" style="position:fixed ;display:none;height:80%;padding-bottom:10px;bottom :10%;left: 10%;z-index: 999999;border:4px solid #2196f3;border-radius:10px;width: 80%;background:white;">
  870. <input type="hidden" name="jid" id="jid" value="" />
  871. <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>
  872. <div class="" id="yijiancard" style="padding-left: 15px;padding-right: 15px;padding-bottom:30px;position:relative ;height: 80%">
  873. <div class="table-responsive">
  874. <table class="table" title="Default Tabl" style="text-align: center;">
  875. <tbody id="content-weixianpin">
  876. </tbody>
  877. </table>
  878. </div>
  879. </div>
  880. <button class="mui-btn mui-btn-positive" type="button" style="width: 80%;background: #2196f3;border: 0px;position: absolute;bottom: 5px;left:9%;" id="wanchengyijian">取消</button>&nbsp;&nbsp;
  881. </div>
  882. <div id="yijiandiv1" style="position:absolute;display:none;width:100%;height: 100%;z-index: 999998;top:0px;background: black; opacity:0.5; "></div>
  883. </body>
  884. <script type="text/javascript">
  885. myscroll=new iScroll("yijiancard");
  886. </script>
  887. </html>