123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002 |
- <!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>
- <script type="text/javascript" src="../js/iscroll.js" charset="utf-8"></script>
- </head>
- <script>
- var myscroll ;
- var weixinpindata;
- var wxpid = "";
- var hzwxx_id = "";
- var dxdj_id = "";
- var wrlb_id = "";
- var szd_id = "";
-
- var lhxz = "";
- var aqffcs="";
- var un="";
- $(function(){
- $("#isokchuandui").live("click",function(){
- if($(this).attr("checked")){
- $("#chuandui").removeClass("mui-hidden")
-
- }else{
- $("#byzd3").val("");
- $("#chuandui").addClass("mui-hidden")
- }
-
- })
- $("#bgsj-date").val(nedateutil().date)
- $("#bgsj-time").val(nedateutil().time)
-
-
- $("input[name='zuoyedidian']").live("click",function(){
-
- if(wxpid==""){
- showmessage("请选择危险品名称")
- $(this).attr("checked",false)
- return;
- }
-
- $.ajax({
- type: 'post',
- url: '../../whsqbpcontroller/getFzListByZycs.do',
- data:{zycsId:$(this).val(),wxhwpmId:wxpid},
- dataType: 'json',
- success: function(data){
-
- console.log(data)
-
- $("#zuoyedidianselect").html('');
-
-
-
-
- console.log(data)
- if(data.length==0){
- $("#zuoyedidianselect").append('<option value="" >没有作业地点</option>');
- }
- for(var i=0;i<data.length;i++){
-
- $("#zuoyedidianselect").append('<option value="'+data[i].id+'" >'+data[i].qynbmc+'</option>');
- }
-
- }})
- })
-
-
- $("#chaxun").live("click",function(){
-
-
- var wxhwpmMc = $("#wxhwpmMc").val();
- var wxhwpmBh = $("#wxhwpmBh").val();
-
-
- $.ajax({
- type: 'post',
- url: '../../whsqbpcontroller/getWxhwpmByBhMc.do',
- data:{wxhwpmMc:wxhwpmMc,wxhwpmBh:wxhwpmBh},
- dataType: 'json',
- success: function(data){
- weixinpindata = data;
- console.log(data)
- if(data.length==0)
- {
- layer.open({
- shade:false,
- content: '没有相关数据',
- style: 'background-color:rgba(0,0,0,0.5); color:white; border:none;font-size:20px;text-align:center',
- time: 1
- });
- return;
- }
- $("#content-weixianpin").html('<tr style=" background: #2196f3; color: white;"><td class="titlered" style="color:white">编号</td>'+
- '<td class="titlered2" >名称</td>'+
- '<td>操作</td>'+
- '</tr>');
- for(var i=0;i<data.length;i++){
- $("#content-weixianpin").append('<tr><td class="titlered" style="color:black">'+data[i].bh+'</td>'+
- '<td class="titlered2" >'+data[i].mchsm+'</td>'+
- '<td><button value='+i+' class="mui-btn mui-btn-positive xuanze" type="button" style="width:auto;background: #2196f3;border: 0px;" >选择</button></td>'+
- '</tr>');
- $("#content-weixianpin").append('<div style="height:20px"></div>')
- }
-
- $("#yijiandiv1").show()
- $("#yijiandiv").show()
- myscroll.refresh();
- }})
-
-
-
- });
-
-
- $(".xuanze").live("click",function(){
-
- var value = $(this).val();
- var data = weixinpindata[value];
- //危险品类别
- var wxplb = data.lbhxb;
- //包装类别
- var bzlb = data.bzlb;
-
- lhxz = data.lhxz;//理化性质
-
- aqffcs = data.aqffcs;//安全防范措施
-
- un = data.byzd1; //联合国编号
-
- //火灾危险性
- var hzwxx="";
- if(data.hzwxx!=null){
- hzwxx = data.hzwxx.bz;
- hzwxx_id = data.hzwxx.id;
- }
- //毒性等级
- var dxdj="";
- if(data.dxdj!=null){
- dxdj = data.dxdj.bz;
- dxdj_id =data.dxdj.id;
- }
- //污染类别
- var wrlb="";
- if(data.wrlb!=null){
- wrlb = data.wrlb.bz;
- wrlb_id = data.wrlb.id;
- }
- wxpid=data.id;
- $("#wxhwpmBh").val(un);
- $("#wxhwpmMc").val(data.mchsm);
- $("#wxplb").val(wxplb);
- $("#bzlb").val(bzlb);
- $("#hzwxx").val(hzwxx);
- $("#dxdj").val(dxdj);
- $("#wrlb").val(wrlb);
-
-
-
-
-
- $("#yijiandiv1").hide()
- $("#yijiandiv").hide()
-
- })
- $("#wanchengyijian").on("click",function(){
- $("#yijiandiv1").hide()
- $("#yijiandiv").hide()
- })
- $("#quxiaoyijian").on("click",function(){
- $("#yijiandiv1").hide()
- $("#yijiandiv").hide()
- })
-
-
-
-
- $("#quxiaoyijian1").on("click",function(){
- history.back(-1)
- })
-
-
-
-
- $("input[name='jizhuangxiang'],input[name='guangui']").live("click",function(){
- $("#hwxs").val("")
- if($(this).attr("checked")){
- $("input[attr='"+$(this).val()+"']").removeAttr("readonly")
- }else{
- $("input[attr='"+$(this).val()+"']").attr("readonly","readonly")
- $("input[attr='"+$(this).val()+"']").val(0);
- }
- })
-
-
- $("#hwxs").live("change",function(){
-
-
- var jj = document.getElementsByName("jizhuangxiang");
- for(var i=0;i<jj.length;i++){
- jj[i].checked=false;
- }
- var cc = document.getElementsByName("guangui");
- for(var i=0;i<cc.length;i++){
- cc[i].checked=false;
- }
- $("#sl20c").val(0);
- $("#sl40c").val(0);
- $("#sl45c").val(0);
- $("#slspc").val(0);
- $("#sl20t").val(0);
- $("#sl40t").val(0);
- $("#sl20c").attr("readonly","readonly")
- $("#sl40c").attr("readonly","readonly")
- $("#sl45c").attr("readonly","readonly")
- $("#slspc").attr("readonly","readonly")
- $("#sl20t").attr("readonly","readonly")
-
-
- });
- $.ajax({
- type: 'post',
- url: '../../aqusercontroller/getByCode.do',
- data:{count:"10"},
- dataType: 'json',
- success: function(data){
- console.log(data)
- $("#bgr").val(data.name)
- $("#szd").val(data.szd.bz)
- idid = data.jyrjcxx.id;
- szd_id = data.szd.id;
- $("#name").val(data.jyrjcxx.gkjyr)
-
- if(getQueryString("value")==""||getQueryString("value")==null){
- $.ajax({
- type: 'post',
- url: '../../gqcontroller/getBySzd.do',
- data:{szd:data.szd.id},
- dataType: 'json',
- success: function(dataa){
- console.log(data.szd.id)
- for(var i=0;i<dataa.length;i++){
-
- $("#szgq").append('<option value="'+dataa[i].id+'" >'+dataa[i].gqmc+'</option>');
- }
-
- }})
- }
-
- }})
-
- //如果选择模板读取模板内容进行赋值
- if(getQueryString("value")!=""&&getQueryString("value")!=null){
- $.ajax({
- type: 'post',
- url: '../../whsqbpcontroller/getById.do',
- data:{id:getQueryString("value")},
- dataType: 'json',
- success: function(data){
- $.ajax({
- type: 'post',
- url: '../../gqcontroller/getBySzd.do',
- data:{szd:data.szd.id},
- dataType: 'json',
- success: function(dataa){
- console.log(data.szd.id)
- for(var i=0;i<dataa.length;i++){
-
- $("#szgq").append('<option value="'+dataa[i].id+'" >'+dataa[i].gqmc+'</option>');
- }
-
- $("#szgq").val(data.szgq.id)
-
- }})
- console.log(data)
-
- $("#cm").val(data.cm)
- $("#zywtr").val(data.zywtr)
- $("#hc").val(data.hc)
-
- if(data.byzd3!=""){
-
- $("#isokchuandui")[0].checked = true;
- $("#chuandui").removeClass("mui-hidden")
-
- $("#byzd3").val(data.byzd3);
- }
-
- if(data.inorout!=""){
- $("#jcg").val(data.inorout)
- }
- $("#zysl").val(data.zysl)
-
- $("#sg").val(data.sg)
- $("#xg").val(data.xg)
- $("#zyfs").val(data.zylx)//作业方式
-
-
- if(data.hwzl!=null&&data.hwzl!=""){
- $("#hwzl").val(data.hwzl.id)
- }
- if(data.mao!=""){
- $("#mao").val(data.mao)
- }
- $("#xcglfzr").val(data.xcglfzr)
-
- if(data.jzxsl!=""){
- $("#hwzl-red").addClass("red")
- $("#hwxs-red").addClass("red")
-
-
- }
- $("#jzxsl").val(data.jzxsl)
- $("#lxfs").val(data.lxfs)
- $("#byzd2").val(data.byzd2)
-
-
-
- if(data.zydd!=null){
- $("input[name='zuoyedidian'][value='"+data.zydd.id+"']").attr("checked",true)
- }
-
-
- if(data.hwxs!=""){
- var str = data.hwxs.split(",");
-
- for(var i=0;i<str.length;i++){
- if(str[i]=="1"){
- $("#hwxs").val("1");
- }
- if(str[i]=="2"){
- $("#hwxs").val("2");
- }
- if(str[i]=="3"){
- $("#hwxs").val("3");
- }
- if(str[i]=="10"){
- $("#hwxs").val("10");
- }
- if($("input[name='jizhuangxiang'][value='"+str[i]+"']")[0]!=null){
- $("input[name='jizhuangxiang'][value='"+str[i]+"']")[0].checked=true;
- }
- if($("input[name='guangui'][value='"+str[i]+"']")[0]!=null){
- $("input[name='guangui'][value='"+str[i]+"']")[0].checked=true;
- }
- $("input[type='number'][attr='"+str[i]+"']").removeAttr("readonly");
-
- }
-
-
- }
-
- //危险品类别
- var wxplb = data.wxplb;
- //包装类别
- var bzlb = data.byzd4;
-
- lhxz = data.lhxz;//理化性质
-
- aqffcs = data.aqffcs;//安全防范措施
- un = data.wpbh;
- //火灾危险性
- var hzwxx="";
- if(data.hzwxx!=null){
- hzwxx = data.hzwxx.bz;
- hzwxx_id = data.hzwxx.id;
- }
- //毒性等级
- var dxdj="";
- if(data.dxdj!=null){
- dxdj = data.dxdj.bz;
- dxdj_id =data.dxdj.id;
- }
- //污染类别
- var wrlb="";
- if(data.wrlb!=null){
- wrlb = data.wrlb.bz;
- wrlb_id = data.wrlb.id;
- }
-
-
- $.ajax({
- type: 'post',
- url: '../../whsqbpcontroller/getWxhwpmByBh.do',
- data:{wxhwpmBh:un},
- dataType: 'json',
- success: function(data1){
-
- console.log(data1)
- wxpid=data1.id;
- $.ajax({
- type: 'post',
- url: '../../whsqbpcontroller/getFzListByZycs.do',
- data:{zycsId:data.zydd.id,wxhwpmId:wxpid},
- dataType: 'json',
- success: function(data2){
-
- console.log(data2)
-
- $("#zuoyedidianselect").html('');
- for(var i=0;i<data2.length;i++){
-
- if(data.zyddqybh!=null&&data.zyddqybh.id==data2[i].id){
- $("#zuoyedidianselect").append('<option selected value="'+data2[i].id+'" >'+data2[i].qynbmc+'</option>');
-
- }else{
- $("#zuoyedidianselect").append('<option value="'+data2[i].id+'" >'+data2[i].qynbmc+'</option>');
- }
- }
- }})
- }})
- $("#wxhwpmBh").val(un);
- $("#wxhwpmMc").val(data.wxhwmcbh);
- $("#wxplb").val(wxplb);
- $("#bzlb").val(bzlb);
- $("#hzwxx").val(hzwxx);
- $("#dxdj").val(dxdj);
- $("#wrlb").val(wrlb);
-
- if(data.hzwxx!=null){
- $("#hzwxx").val(data.hzwxx.bz);
- }
- if(data.dxdj!=null){
- $("#dxdj").val(data.dxdj.bz);
- }
- if(data.wrlb!=null){
- $("#wrlb").val(data.wrlb.bz);
- }
- if(data.hwxs.indexOf("1")!=""&&data.hwxs.indexOf("1")==-1&&data.hwxs.indexOf("2")==-1&&data.hwxs.indexOf("7")==-1){
- $("#sl20c").val(data.sl20C);
- $("#sl40c").val(data.sl40C);
- $("#sl45c").val(data.sl45C);
- $("#slspc").val(data.slspc);
- $("#sl20t").val(data.sl20T);
- $("#sl40t").val(data.sl40T);
- $("#name").val(data.zydw.gkjyr)}
- }})
- }
-
- $("#jzxsl").keyup(function(){
-
- if($(this).val()!=""){
- $("#hwzl-red").addClass("red")
- $("#hwxs-red").addClass("red")
- $("#from input[type='checkbox']").removeAttr("disabled")
- $("#from input[type='number']").removeAttr("disabled")
- }else{
- $("#hwxs").val("");
- $("#hwzl-red").removeClass("red")
- $("#hwxs-red").removeClass("red")
- $("#from input[type='checkbox']").attr("disabled","disabled")
- $("#from input[type='number']").attr("disabled","disabled")
- }
- });
- $("#tijiao").live("click",function(){
- //港口经营人id
- //所在港区
- var szgq = $("#szgq").val();
- //船队名
- var cm = $("#cm").val();
- if(cm==""){
- showmessage("船名不能为空")
- return;
- }
- //作业委托人
- var zywtr =$("#zywtr").val();
- if(zywtr==""){
- showmessage("作业委托人不能为空")
- return;
- }
- //船数
- var byzd3 = $("#byzd3").val();
- if($("#isokchuandui").attr("checked")&&byzd3==""){
- showmessage("船数不能为空")
- return;
- }
- //航次
- var hc = $("#hc").val();
- //进出港
- var jcg = $("#jcg").val();
- if(jcg=="-1"){
- showmessage("请选择进出港")
- return;
- }
- //作业数量
- var zysl = $("#zysl").val();
- if(zysl==""){
- showmessage("请输入作业数量")
- return;
- }
- //下港
- var xg = $("#xg").val();
- //上港
- var sg = $("#sg").val();
- //作业方式
- var zyfs = $("#zyfs").val();
- if(zyfs==""){
- showmessage("请输入作业方式")
- return;
- }
- //报告时间
- var bgsj = $("#bgsj-date").val()+" "+$("#bgsj-time").val();
- //内外贸
- var mao = $("#mao").val();
- if(mao==""){
- showmessage("请选择内外贸")
- return;
- }
- //现场管理负责人
- var xcglfzr = $("#xcglfzr").val();
- if(xcglfzr==""){
- showmessage("请输入现场管理负责人")
- return;
- }
- //集装箱数量
- var jzxsl = $("#jzxsl").val();
- //货物种类
- var hwzl = $("#hwzl").val();
- var hwxs = $("#hwxs").val();
- //货物形式
- var llll = "";
- if(hwxs==""){
- $("input[name='jizhuangxiang']").each(function(index){
- if($(this).attr('checked')){
- llll+=$(this).val()+","
- }
- })
- $("input[name='guangui']").each(function(index){
- if($(this).attr('checked')){
- llll+=$(this).val()+","
- }
- })
- if(jzxsl!=""&&llll==""){
- showmessage("请选择货物形式")
- return;
- }else{
- if(llll!=""){
- llll = llll.substring(0, llll.length-1)
- }
- }
-
- }else{
- llll=hwxs;
- if(jzxsl!=""&&llll==""){
- showmessage("请选择货物形式")
- return;
- }
- }
- if(jzxsl!=""&&hwzl==""){
- showmessage("请选择货物种类")
- return;
- }
- var sl20c = parseFloat($("#sl20c").val());
- var sl40c = parseFloat($("#sl40c").val());
- var sl45c = parseFloat($("#sl45c").val());
- var slspc = parseFloat($("#slspc").val());
- var sl20t = parseFloat($("#sl20t").val());
- var sl40t = parseFloat($("#sl40t").val());
- var count = sl20c+sl40c+sl45c+slspc+sl20t+sl40t;
- if(jzxsl!=""){
- var sss = parseFloat(jzxsl);
- if(sss!=count){
- // showmessage("请正确填写集装箱箱型的具体数量!")
- // return;
- }
-
- }
- //总价teu
- var teu = sl20c+sl20c*2+sl45c*2.25+slspc+sl20t+sl40t*2;
-
- //作业时间
- var zysjq = $("#zysjq-date").val()+" "+$("#zysjq-time").val();
- if(zysjq==" "){
- showmessage("请输入作业时间起")
- return;
- }
- //作业时间止
- var zysjz = $("#zysjz-date").val()+" "+$("#zysjz-time").val();
- if(zysjz==" "){
- showmessage("请输入作业时间止")
- return;
- }
- var begin=new Date(zysjq.replace(/-/g,"/"));
- var end=new Date(zysjz.replace(/-/g,"/"));
- //js判断日期
- if(begin-end>0){
- showmessage("作业时间止要大于作业时间起!");
- return ;
- }
- //作业地点
- var zuoyedidian = $("input[name='zuoyedidian'][checked]").val();
- //企业内部编号
- var zuoyedidianselect = $("#zuoyedidianselect").val();
- if(zuoyedidianselect==""){
- showmessage("请选择作业地点")
- return;
- }
- //联系方式
- var lxfs = $("#lxfs").val();
- if(lxfs==""){
- showmessage("请输入联系方式")
- return;
- }
- //申报员证书方式
- var byzd2 = $("#byzd2").val();
- var sl20c = parseFloat($("#sl20c").val());
- var sl40c = parseFloat($("#sl40c").val());
- var sl45c = parseFloat($("#sl45c").val());
- var slspc = parseFloat($("#slspc").val());
- var sl20t = parseFloat($("#sl20t").val());
- var sl40t = parseFloat($("#sl40t").val());
- var wxpbh = $("#wxhwpmBh").val(); //危险品编号
- var wxpmc = $("#wxhwpmMc").val(); //危险品名称
- var wxplb = $("#wxplb").val(); //危险品类别
- var bzlb = $("#bzlb").val();
- var hzwxx = $("#hzwxx").val();
- var dxdj = $("#dxdj").val();
- var wrlb = $("#wrlb").val();
-
- //报告人
- var bgr = $("#bgr").val();
- //所在地id
- // var szd_id =szd_id;
-
- //危险品id
- var wxpid = wxpid;
- $.ajax({
- type: 'post',
- url: '../../whsqbpcontroller/submit.do',
- data:{
- lhxz:lhxz,
- aqffcs:aqffcs,
- hzwxx_id:hzwxx_id,
- dxdj_id:dxdj_id,
- wrlb_id:wrlb_id,
- idid:idid,
- zuoyedidianselect:zuoyedidianselect,
- bgr:bgr,
- wxpbh:wxpbh,
- wxpmc:wxpmc,
- szd_id:szd_id,
- wxpid:wxpid,
- wxplb:wxplb,
- bzlb:bzlb,
- hzwxx:hzwxx,
- dxdj:dxdj,
- wrlb:wrlb,
- byzd2:byzd2,
- lxfs:lxfs,
- zuoyedidian:zuoyedidian,
- zysjz:zysjz,
- zysjq:zysjq,
- teu:teu,
- sl20c:sl20c,
- sl40c:sl40c,
- sl45c:sl45c,
- slspc:slspc,
- sl20t:sl20t,
- sl40t:sl40t,
- un:un,
- llll:llll,
- hwxs:hwxs,
- hwzl:hwzl,
- jzxsl:jzxsl,
- xcglfzr:xcglfzr,
- bgsj:bgsj,
- mao:mao,
- zyfs:zyfs,
- sg:sg,
- xg:xg,
- zysl:zysl,
- jcg:jcg,
- hc:hc,
- byzd3:byzd3,
- zywtr:zywtr,
- cm:cm,
- szgq:szgq
- },
- dataType: 'json',
- success: function(data){
- if(data=="0"){
- showmessage("提交成功");
- setTimeout(function(){
- location.href="index.html";
- }, 1000)
-
-
- }else if(data=="1"){
- showmessage("请先保存本条数据,并进行相应的附证年审")
- }else if(data=="2"){
- showmessage("您尚有未完成的申报信息,不允许重复申报")
-
- }else if(data=="3"){
- showmessage("现间隔超过72小时,请重新填写!")
- }else if(data=="4"){
- 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;
- z-index: 99999;
- }
- .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%;
-
- }
- .table, .table-responsive{margin-top: 0px}
- .left{
- white-space:nowrap;
- }
- </style>
- <body >
- <header class="header">
- <ul class="nav nav-list pull-left" >
- <li><a href="javascript:void(0);" id="goback" onclick="history.back()"><span class="icon icon-arrow-back icback"></span>
- </a>
- </li>
- </ul>
- <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 red">所在地</h5>
- <div class="mui-input-row mui-text">
- <input type="text" id="szd" class="mui-input-clear " style="border: 0px;" readonly="readonly" placeholder="" value="">
- </div>
- <h5 class="mui-content-padded red">港口经营人名称</h5>
- <div class="mui-input-row mui-text">
- <input type="text" id="name" class="mui-input-clear " style="border: 0px;" readonly="readonly" placeholder="" value="">
- </div>
- <h5 class="mui-content-padded red">所在港区</h5>
- <div class="mui-input-row mui-select" >
- <select id="szgq">
- </select>
- </div>
- <h5 class="mui-content-padded red">船名/船队名</h5>
- <div class="mui-input-row mui-text">
- <input type="text" id="cm" class="mui-input-clear" placeholder="" value="">
- </div>
- <h5 class="mui-content-padded red">作业委托人</h5>
- <div class="mui-input-row mui-text">
- <input type="text" class="mui-input-clear" id="zywtr" placeholder="" value="">
- </div>
- <h5 class="mui-content-padded">是否船队 <input type="checkbox" id="isokchuandui" /> </h5>
- <div id="chuandui" class="mui-hidden" style="margin-top: 20px;">
- <div class="left mui-content-padded red">船数 </div>
- <div class="mid"><input id="byzd3" type="number" class="mui-input-clear" placeholder=""></div>
- </div>
- <h5 class="mui-content-padded">航次</h5>
- <div class="mui-input-row mui-text">
- <input type="text" id="hc" class="mui-input-clear" placeholder="">
- </div>
- <h5 class="mui-content-padded red">危险品</h5>
- <div class="mui-input-row mui-text">
- <input type="text" id="wxhwpmBh" class="mui-input-clear" placeholder="请输入危险品编号" value="">
- <input type="text" id="wxhwpmMc" style="margin-top:5px" class="mui-input-clear" placeholder="请输入危险品名称" value="">
-
- <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>
- </div>
- <h5 class="mui-content-padded">类别和项别</h5>
- <div class="mui-input-row mui-text">
- <input id='wxplb' type="text" class="mui-input-clear " style="border: 0px;" readonly="readonly" placeholder="" value="">
- </div>
- <h5 class="mui-content-padded">包装类别</h5>
- <div class="mui-input-row mui-text">
- <input id='bzlb' type="text" class="mui-input-clear " style="border: 0px;" readonly="readonly" placeholder="" value="">
- </div>
- <h5 class="mui-content-padded">火灾危险性</h5>
- <div class="mui-input-row mui-text">
- <input id="hzwxx" type="text" class="mui-input-clear " style="border: 0px;" readonly="readonly" placeholder="" value="">
- </div>
- <h5 class="mui-content-padded">毒性等级</h5>
- <div class="mui-input-row mui-text">
- <input id="dxdj" type="text" class="mui-input-clear " style="border: 0px;" readonly="readonly" placeholder="" value="">
- </div>
- <h5 class="mui-content-padded">污染类别</h5>
- <div class="mui-input-row mui-text">
- <input id="wrlb" type="text" class="mui-input-clear " style="border: 0px;" readonly="readonly" placeholder="" value="">
- </div>
- <h5 class="mui-content-padded red">进出港</h5>
- <div class="mui-input-row mui-select" >
- <select id="jcg">
- <option value="-1" selected="selected">请选择</option>
- <option value="2">出港</option>
- <option value="1">进港</option>
- </select>
- </div>
- <h5 class="mui-content-padded red">作业数量(吨)</h5>
- <div class="mui-input-row mui-text">
- <input type="text" id="zysl" class="mui-input-clear" value="" placeholder="手工输入只能数字可带小数点">
- </div>
- <h5 class="mui-content-padded" >下港</h5>
- <div class="mui-input-row mui-text">
- <input id="xg" type="text" class="mui-input-clear" placeholder="">
- </div>
- <h5 class="mui-content-padded">上港</h5>
- <div class="mui-input-row mui-text">
- <input id="sg" type="text" class="mui-input-clear" placeholder="">
- </div>
- <h5 class="mui-content-padded red">作业方式</h5>
- <div class="mui-input-row mui-text">
- <input type="text" id="zyfs" class="mui-input-clear" value="" placeholder="">
- </div>
- <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: 9;top: 4px">
- <img src="../image/rili.png" style="width: 30px;height: 30px">
- </div>
- <div style="position: absolute;left:99%;margin-left: -33px;z-index: 9;top: 4px">
- <img src="../image/time.png" style="width: 30px;height: 30px">
- </div>
- <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="时/分/秒" >
- </div>
- <h5 class="mui-content-padded red">内外贸</h5>
- <div class="mui-input-row mui-select" >
- <select id="mao">
- <option value="">请选择</option>
- <option value="1">内贸</option>
- <option value="2">外贸</option>
- </select>
- </div>
- <h5 class="mui-content-padded red">现场管理负责人</h5>
- <div class="mui-input-row mui-text">
- <input id="xcglfzr" type="text" class="mui-input-clear" placeholder="" value="">
- </div>
- <h5 class="mui-content-padded">集装箱数量</h5>
- <div class="mui-input-row mui-text">
- <input id="jzxsl" type="number" class="mui-input-clear" value="" placeholder="">
- </div>
- <h5 class="mui-content-padded " id="hwzl-red">货物种类</h5>
- <div class="mui-input-row mui-select" >
- <select id="hwzl">
- <option value="">请选择</option>
- <option value="30001">油类</option>
- <option value="30002">液体散货</option>
- <option value="30003">固体散货</option>
- <option value="30004">件杂品</option>
- <option value="30005">化学品</option>
- <option value="30006">液化气</option>
- <option value="30007">其它</option>
- </select>
- </div>
- <h5 class="mui-content-padded " id="hwxs-red">货物形式</h5>
- <div class="mui-input-row mui-select" >
- <select title="" id="hwxs">
- <option value="1">包件体</option>
- <option value="2">中型散装容器</option>
- <option value="7">槽罐车</option>
- <option value="10">其他</option>
- </select>
- </div>
- <div class="mui-input-row" style="margin-top: 0px;">
- <form action="" id="from">
- <h5 class="mui-content-padded ">(集装箱</h5>
- <table style="line-height: 50px;" id="jizhuangxiang" >
- <tr >
- <td style="width: 20%;text-align: left;">20’<input value="3" name="jizhuangxiang" type="checkbox" /></td>
- <td style="width: 25%;text-align: left;">数量:<input type="number" attr="3" value="0" readonly="readonly" id="sl20c" style="width: 40px;" /></td>
- <td style="width: 30%;text-align: left;"> 40’<input value="4" name="jizhuangxiang" type="checkbox" /></td>
- <td style="width: 25%;text-align: left;">数量:<input type="number" attr="4" value="0" readonly="readonly" id="sl40c" style="width: 40px;" /></td>
- </tr>
- <tr>
- <td style="width: 20%;text-align: left;">45’<input name="jizhuangxiang" value="5" type="checkbox" /></td>
- <td style="width: 25%;text-align: left;">数量:<input type="number" attr="5" value="0" readonly="readonly" id="sl45c" style="width: 40px;" /></td>
- <td style="width: 30%;text-align: left;"> 特种箱<input value="6" name="jizhuangxiang" type="checkbox" /></td>
- <td style="width: 25%;text-align: left;">数量:<input id="slspc" attr="6" value="0" readonly="readonly" type="number" style="width: 40px;" />)</td>
- </tr>
- </table>
- <h5 class="mui-content-padded">(罐柜</h5>
- <table style="line-height: 50px;" id="guangui" >
- <tr >
- <td style="width: 20%;text-align: left;">20’<input value="8" name="guangui" type="checkbox" /></td>
- <td style="width: 25%;text-align: left;">数量:<input attr="8" readonly="readonly" type="number" id="sl20t" value="0" style="width: 40px;" /></td>
- <td style="width: 30%;text-align: left;"> 40’<input type="checkbox" value="9" name="guangui" /></td>
- <td style="width: 25%;text-align: left;">数量:<input attr="9" readonly="readonly" id="sl40t" value="0" type="number" style="width: 40px;" />)</td>
- </tr>
- </table>
- </form>
- </div>
- <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: 9;top: 4px">
- <img src="../image/rili.png" style="width: 30px;height: 30px">
- </div>
- <div style="position: absolute;left:99%;margin-left: -33px;z-index: 9;top: 4px">
- <img src="../image/time.png" style="width: 30px;height: 30px">
- </div>
- <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="时/分/秒" >
- </div>
- <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: 9;top: 4px">
- <img src="../image/rili.png" style="width: 30px;height: 30px">
- </div>
- <div style="position: absolute;left:99%;margin-left: -33px;z-index: 9;top: 4px">
- <img src="../image/time.png" style="width: 30px;height: 30px">
- </div>
- <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="时/分/秒" >
- </div>
- <div class="mui-input-row mui-text" style="margin-top: 20px;">
- <input name="zuoyedidian" value="10000501" type="radio" /><span for="u101_input">码头(泊位)</span>
- <input name="zuoyedidian" value="10000502" type="radio" /><span for="u101_input">储罐</span>
- <input name="zuoyedidian" value="10000503" type="radio" /><span for="u101_input">堆场</span>
- <input name="zuoyedidian" value="10000504" type="radio" /><span for="u101_input">仓库</span>
- <input name="zuoyedidian" value="10000505" type="radio" /><span for="u101_input">过驳区</span>
- </div>
- <div class="mui-input-row mui-select" style="margin-top: 10px;" >
- <select title="作业地点下拉列表" id="zuoyedidianselect">
- </select>
- </div>
- <h5 class="mui-content-padded red">报告人</h5>
- <div class="mui-input-row mui-text">
- <input type="text" class="mui-input-clear " id="bgr" style="border: 0px;" readonly="readonly" placeholder="">
- </div>
- <h5 class="mui-content-padded red">联系方式</h5>
- <div class="mui-input-row mui-text">
- <input type="text" id="lxfs" class="mui-input-clear" placeholder="">
- </div>
- <h5 class="mui-content-padded red">申报员证书编号</h5>
- <div class="mui-input-row mui-text">
- <input type="text" id="byzd2" 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="tijiao">提交</button>
- <button class="mui-btn mui-btn-positive" type="button" style="width: 40%;background: #2196f3;border: 0px;height: 40px;" id="quxiaoyijian1">取消</button>
- </div>
- </div>
-
- <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;">
-
- <input type="hidden" name="jid" id="jid" value="" />
- <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>
- <div class="" id="yijiancard" style="padding-left: 15px;padding-right: 15px;padding-bottom:30px;position:relative ;height: 80%">
- <div class="table-responsive">
- <table class="table" title="Default Tabl" style="text-align: center;">
- <tbody id="content-weixianpin">
- </tbody>
- </table>
- </div>
- </div>
- <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>
- </div>
-
- <div id="yijiandiv1" style="position:absolute;display:none;width:100%;height: 100%;z-index: 999998;top:0px;background: black; opacity:0.5; "></div>
- </body>
- <script type="text/javascript">
- myscroll=new iScroll("yijiancard");
- </script>
- </html>
|