<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<meta name="renderer" content="webkit|ie-comp|ie-stand">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
<meta http-equiv="Cache-Control" content="no-siteapp" />

<link  rel="stylesheet" href="${ctx}/assets/lib/bootstrap-3.3.7/css/bootstrap.min.css">
<link  rel="stylesheet" href="${ctx}/assets/lib/bootstrap-upload/css/default.css">
<link  rel="stylesheet" href="${ctx}/assets/lib/bootstrap-upload/css/fileinput.css">

<link  rel="stylesheet" href="${ctx}/assets/lib/bootstrap-spinner/bootstrap-spinner.css">
<link rel="stylesheet" href="${ctx}/assets/lib/font-awesome-4.7.0/css/font-awesome.css">


<link rel="stylesheet" type="text/css" media="screen"  href="${ctx}/assets/lib/zTree/v3/css/zTreeStyle/zTreeStyle.css"  >

<script type="text/javascript" src="${ctx}/assets/lib/jquery/1.9.1/jquery.min.js"></script> 
<script type="text/javascript" src="${ctx}/assets/lib/jquery.form/jquery.form.min.js"></script>
<script type="text/javascript" src="${ctx}/assets/lib/layer/3.0.3/layer.js"></script> 
<script type="text/javascript" src="${ctx}/assets/lib/My97DatePicker/WdatePicker.js"></script>  
<script type="text/javascript" src="${ctx}/assets/lib/bootstrap-upload/js/fileinput.js"></script>
<script type="text/javascript" src="${ctx}/assets/lib/bootstrap-upload/js/locales/zh.js"></script>
<script type="text/javascript" src="${ctx}/assets/lib/bootstrap-3.3.7/js/bootstrap.min.js"></script>
<script type="text/javascript" src="${ctx}/assets/lib/zTree/v3/js/jquery.ztree.all-3.5.min.js"></script>
<script type="text/javascript" src="${ctx}/assets/lib/bootstrap-spinner/jquery.spinner.js"></script>
 
<script type="text/javascript" src="${ctx}/assets/js/base.js"></script>
<script src="${ctx}/assets/js/validate.js" ></script>
  
   
<script type="text/javascript">
function doSubmit(){
    if(doValidate(form1))
    {
    	    	   	
    	$('#form1').attr('action','${ctx}/myconsole/complaint/supervise/doDelay'); 	            
    	$('#form1').ajaxSubmit(resultHandle);
    	window.parent.location.reload();
    	
    }
}
function resultHandle(data){
	var res=eval('(' + data + ')');
	if(res.flag){
		layer.alert(res.message, {skin: 'layui-layer-molv',closeBtn: 1}, 
				function(){
								
					if($("#SendInterfaceFlag").val()=="true")
					{
						$('#form1').attr('action','${ctx}/myconsole/complaint/interface/sendInterfaceData'); 	            
				    	$('#form1').ajaxSubmit();
						layer.closeAll('dialog');
						window.close();
					}
					else
					{
						layer.closeAll('dialog');
						//window.location.reload();
						window.close();
					}
					
				});
		
	}else{
		    if(res.flag == false)
			{						
		        layer.alert(res.message, {skin: 'layui-layer-molv',closeBtn: 0}, function(){
		        	layer.closeAll('dialog');
		        	window.close();
		        	});
			}		     
	} 
}
 
function setCollapseIcon(collapseIcon)
{
	var curCollapseIconClass=$("#"+collapseIcon).attr("class"); 
	if(curCollapseIconClass=="glyphicon glyphicon-menu-up")
	{
		$("#"+collapseIcon).attr("class","glyphicon glyphicon-menu-down");		
	}
	else
	{
		$("#"+collapseIcon).attr("class","glyphicon glyphicon-menu-up");			
	}
}
Date.prototype.format =function(format)
{
    var o = {
        "M+" : this.getMonth()+1, //month
        "d+" : this.getDate(), //day
        "h+" : this.getHours(), //hour
        "m+" : this.getMinutes(), //minute
        "s+" : this.getSeconds(), //second
        "q+" : Math.floor((this.getMonth()+3)/3), //quarter
        "S" : this.getMilliseconds() //millisecond
    }
    if(/(y+)/.test(format)){ 
        format=format.replace(RegExp.$1,(this.getFullYear()+"").substr(4- RegExp.$1.length));
    }
    for(var k in o){
        if(new RegExp("("+ k +")").test(format)){
            format = format.replace(RegExp.$1,RegExp.$1.length==1? o[k] :("00"+ o[k]).substr((""+o[k]).length));
        }
    }
    return format;
}
 
var addNDays=function(date,n){
	    var d = new Date(Date.parse(date.replace(/-/g,"/")));  
	    var time=d.getTime();
	    var newTime=time+n*24*60*60*1000;
	    return new Date(newTime);
	};

//设置申请截止日期
function setLimitEndDate()
{
	var curDate=$("#ApplyDate").val();
	var limitDays=parseInt($("#ApplyDays").val());
	var limitDaysType=$("#ApplyDaysType").val();
	if(limitDaysType=="工作日")
	{
		var mydate = new Date(curDate);
		var week=parseInt(mydate.getDay());
		var iSat=0;
		if(week==6)
		{
			week=0;
			iSat=1;
		}
		
		var iCountDate=parseInt(limitDays+week);
		if(iCountDate>5&&iCountDate<=10)
		{
			limitDays=limitDays+2;
		}
		if(iCountDate>10&&iCountDate<=15)
		{
			limitDays=limitDays+4;
		}
		if(iCountDate>15&&iCountDate<=20)
		{
			limitDays=limitDays+6;
		}
		if(iCountDate>20&&iCountDate<=25)
		{
			limitDays=limitDays+8;
		}
		if(iCountDate>25&&iCountDate<=30)
		{
			limitDays=limitDays+10;
		}
		limitDays=limitDays+iSat;
	}
	var nds = addNDays(curDate,limitDays);
	var limitEndDate = nds.format('yyyy-MM-dd');
	if($("#ApplyDate").val()!='') 
	{
		$("#ApplyEndDate").val(limitEndDate);
	}	
	
}

$(function() {
    $('#LimitDaysSpinner').spinner('changed', function(e, newVal, oldVal) {
      setLimitEndDate();
    });
  });
</script>
 
<title>监管件延期申请</title>
<meta name="keywords" content="">
<meta name="description" content="">
</head>
<body  >
 
<form    id="form1" method="post" class="form-horizontal" role="form">
<div style="display: none">
		<input type="hidden" id="AppealID" name="AppealID" value="${AppealID!''}"/>
		<input type="hidden" id="TName" name="TName" value="${transact.TName!''}"/>
		<input type="hidden" id="SerialNumber" name="SerialNumber" value="${transact.SerialNumber!''}"/>
		<input type="hidden" id="AppealDate" name="AppealDate" value="${transact.AppealDate!''}"/>
		<input type="hidden" id="ResultID" name="ResultID" value="${resultID!''}"/>
		<input type="hidden" id="EndUserID" name="EndUserID" value=""/>
		<input type="hidden" id="EndUserName" name="EndUserName" value=""/>
</div>
<div class="container-fluid" style="margin-top:15px;">
<div class="panel panel-primary">
  <div class="panel-heading">
      	<div  style="display:inline;" >案件延期申请&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div>      	
  </div>
<div id="collapsePerson" class="panel-collapse collapse in">
  <div class="panel-body" style="font-size:14px">
    <div class="row" style="padding:5px">			 
			<div class="col-xs-12 col-sm-1 col-md-1 col-lg-1" >
					<label class="control-label" for="ApplyInfo" style="line-height:60px;">情况说明</label></div>
			<div class="col-xs-12 col-sm-11 col-md-11 col-lg-11">
					<textarea class="form-control" rows="3" value="" placeholder="" id="ApplyInfo" name="ApplyInfo"  maxlength="1000"   vmode="not null" vdisp="退回原因"  vtype="string" ></textarea>					
			</div>			 					
	</div> 
	<div class="row" style="padding:5px" >
	      <div class="col-xs-2 col-sm-1 col-md-1 col-lg-1 has-error has-feedback" >
				<label class="control-label" for="LimitEndDate">截止日期</label></div>
			<div class="col-xs-3 col-sm-3 col-md-3 col-lg-3 has-error has-feedback" >
				<input type="text" class="form-control"   value="${limitendDate}" placeholder="" id="LimitEndDate" name="LimitEndDate" maxlength="40"  vmode="not null" vdisp="办理人"   readonly>
			</div>
	<div class="col-xs-2 col-sm-1 col-md-1 col-lg-1 has-error has-feedback" >
				<label class="control-label" for="ApplyDate">申请日期</label></div>
			<div class="col-xs-3 col-sm-3 col-md-3 col-lg-3 has-error has-feedback" >
				<input type="text" class="form-control"   value="${ApplyDate}" placeholder="" id="ApplyDate" name="ApplyDate" maxlength="40"  vmode="not null" vdisp="申请日期"   readonly>
			</div>			 	 	 
	</div>
	<div class="row" style="padding:5px" >
	       <div class="col-xs-2 col-sm-1 col-md-1 col-lg-1 has-error has-feedback" >
				<label class="control-label" for="LimitDays">延长天数</label>
			</div>
			<div class="col-xs-3 col-sm-3 col-md-3 col-lg-3">
							<div class="input-group spinner" data-trigger="spinner" id="LimitDaysSpinner">
                                <input type="text" class="form-control text-center"   value="0" data-max="10" data-min="0" data-step="1"      id="ApplyDays" name="ApplyDays"   onChange="setLimitEndDate()" maxlength="2"   vmode="not null" vdisp="延长天数"  vtype="int">
                                <span class="input-group-addon" id="basic-addon2">${dateType!}</span>
                                <div class="input-group-addon">
            						<a href="javascript:;" class="spin-up" data-spin="up"   ><i class="fa fa-caret-up"></i></a>
           							 <a href="javascript:;" class="spin-down" data-spin="down"><i class="fa fa-caret-down"></i></a>
          						</div>
                                
                            </div>							 
			</div>	
			<div class="col-xs-2 col-sm-1 col-md-1 col-lg-1" >
				<label class="control-label" for="ApplyEndDate">申请截止日期</label>
			</div>
			<div class="col-xs-3 col-sm-3 col-md-3 col-lg-3">
                <input type="text" class="form-control"    value="${ApplyDate}" placeholder="" id="ApplyEndDate" name="ApplyEndDate" readonly>
                                 	 
			</div>	
						 	 
	</div>    
	
 </div>
</div>
</div>	
             

 	
	 
	<div class="row" style="padding:5px">
			<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12" align=center>					 
				<button type="button" class="btn btn-primary"  id="SubmitButton"  onclick=doSubmit() ><span class="glyphicon glyphicon-save"></span>&nbsp;&nbsp;提&nbsp;&nbsp;&nbsp;&nbsp;交</button>				 
			</div>
			 
	</div>  
	  
</div> 
</form>
  

</body>
 

<script type="text/javascript">
$(document).on('ready', function() {

    $('#file-0a').fileinput({
        language: 'zh',
        uploadUrl: '${ctx}/myconsole/complaint/uploadfile/upload?FileAppealID=${AppealID}&FileType=back',
        deleteUrl: '${ctx}/myconsole/complaint/uploadfile/delete',
        dropZoneEnabled: false,
        allowedFileExtensions : ['jpg', 'png','gif','doc','docx','pdf','mp3','mp4'],        
    }).on("fileuploaded", function(event,data,previewId,index) {
        if(data.response)
        {
        	var result = data.response.id;        	 
        }
    }); 
});  
	</script>
</html>