HJY
/
gxwss


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287
							[#ftl]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>编辑区间</title>
<!--框架必需start-->
<script type="text/javascript" src="${ctx}/qui/libs/js/jquery.js"></script>
<script type="text/javascript" src="${ctx}/qui/libs/js/framework.js"></script>
<link href="${ctx}/qui/libs/css/import_basic.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" type="text/css" id="skin" prePath="${ctx}/qui/" />
<link rel="stylesheet" type="text/css" id="customSkin" />
<!--框架必需end-->

<!--数据表格start-->
<script src="${ctx}/qui/libs/js/table/quiGrid.js" type="text/javascript"></script>
<!--数据表格end-->

<!--父子表start-->
<script type="text/javascript" src="${ctx}/qui/libs/js/table/detailTable.js"></script>
<!--父子表end-->

<!-- 表单验证start -->
<link rel="stylesheet" href="${ctx}/qui/libs/js/form/validform/css/style.css" type="text/css" media="all" />
<script src="${ctx}/qui/libs/js/form/validform/validform.js" type="text/javascript"></script>
<!-- 表单验证end -->

<!--箭头分页start-->
<script type="text/javascript" src="${ctx}/qui/libs/js/nav/pageArrow.js"></script>
<!--箭头分页end-->

<!--表单异步提交start-->
<script src="${ctx}/qui/libs/js/form/form.js" type="text/javascript"></script>
<!--表单异步提交end-->

<script type="text/javascript">

/* k=$("#section tr:gt(0)").length; */

var j=1;
//添加行
function addRow(){
	
	//区间段
    var val1="<input type='text' name='section' value='"+j+"' style='width:90%;'/>";
	//区间上限
    var val2="<input type='text' name='sectionUpLimit' value='0' style='width:93%;'/>";
	//区间下限
	var val3="<input type='text' name='sectionLowerLimit' value='0' style='width:93%;'/>";
   
    //是否包含上限
    var val4="<select name='containUp' selWidth='80' style='width: 95%'>";
    	val4+="<option value='1'>是</option>";
    	val4+="<option value='0'>否</option>";
    	val4+"</select>";
    	
	 //是否包含下限
    var val5="<select name='containLower' selWidth='80' style='width: 95%'>";
    	val5+="<option value='1'>是</option>";
    	val5+="<option value='0'>否</option>";
    	val5+"</select>";
    
   	//罚款比例（%）
   	var val6="<input type='text' name='fineProportion' value='0.00' style='width:93%;'/>";
   	
    var $tr=$("<tr><td><input type='checkbox' name='sectionCk' value='"+j+"'/><input type='hidden' name='sectionId' value='0'/></td><td>"+val1+"</td><td>"+val2+"</td><td>"+val3+"</td><td>"+val4+"</td><td>"+val5+"</td><td>"+val6+"</td></tr>");
   
    $("#section").append($tr);
    j++;
    
    //重新渲染表格
    $("#section").render();
}


//删除行
function delRow(){
	var cks=$("input[name=sectionCk]:checked");
	if(cks.length==0){
		top.Dialog.alert('请选择要删除的行!');
		return ;
	}
	
	var checkboxValue=$("input[name=sectionCk]:checked").val();
	for(var i=cks.length-1;i>=0;i--){
		
		var sectionId=$(cks[i]).siblings("input[name='sectionId']").val();
		//如果是选择已经设置好的记录，则需要删除数据库信息
		if(sectionId>0){
			$.post('${ctx}/section/delete.do',{ids:sectionId});
		}
		
		//删除表单上的行
		$(cks[i]).parent().parent().remove();
		
		checkboxValue=parseInt(checkboxValue)+1;
		if(checkboxValue==j){
			j--;
		}
	}
}
var old_section;
var old_limit;
var old_fine;
$(function($){
	//获得之前的值
	$("input[name='section']").live("focus", function(e){
		old_section=$(this).val();
	});
	$("input[name$='Limit']").live("focus", function(e){
		old_limit=$(this).val();
	});
	$("input[name='fineProportion']").live("focus", function(e){
		old_fine=$(this).val();
	});
	
	$("input[name='section']").live("change", function(e){
		var new_section=$(this).val();
		if(!(/^\d+$/).test(new_section)){  
	        $(this).val(old_section);
	        return;  
	    }
	});
	
	//获取改变后的值
	$("input[name$='Limit']").live("change", function(){
		var new_limit=$(this).val();
		if(!(/^\d+$/).test(new_limit)){  
	        $(this).val(old_limit);
	        return;  
	    }
	});
	
	$("input[name='fineProportion']").live("change", function(e){
		var new_fine=$(this).val();
		if(!isNaN(new_fine)){ 
			new_fine=Math.round(new_fine*100)/100;
	        $(this).val(new_fine.toFixed(2));
	        return;
	    }else{
	    	$(this).val(old_fine);
	    	return;
	    }  
	}); 
});

</script>

</head>
<body>
	<form id="myFormId" name="form1" action="${ctx}/punishmentSection/editPunishSectionData.do"
		method="post" target="frmright">
		<div class="box1" id="formContent" whiteBg="true">
			<input type="hidden" name="punishmentId" value='${bps.punishmentId!""}' />
			<table class="tableStyle" formMode="transparent">
				<tr>
					<td width="150"><span class="star">*</span>区间类别：</td>
					<td>
						<select name="punishSection">
							<option value="惩罚区间" selected="selected">惩罚区间</option>
						</select>
					</td>
				</tr>
				<tr>
					<td width="150"><span class="star">*</span>用户类型：</td>
					<td><select name="userType" data='{"list":${userTypeData}}'
						selectedValue='${(bps.userType)!"1"}' datatype="*"></select></td>
				</tr>
				<tr>
					<td width="150"><span class="star">*</span>考核区间类别：</td>
					<td><select name="sectionType"
						data='{"list":[{"value":"quarter","key":"季度考核"},{"value":"month","key":"月考核"},{"value":"yearhf","key":"半年考核"}]}'
						selectedValue='${bps.sectionType!""}'></select></td>
				</tr>
				<tr>
					<td>状态：</td>
					<td><input type="radio" id="radio-1" name="status" value="1"
						checked="checked" /><label for="radio-1" class="hand">启用</label> <input
						type="radio" id="radio-2" name="status" value="0" [#if
						bps.status??&&bps.status=='0'] checked="checked" [/#if]/><label
						for="radio-2" class="hand">禁用</label></td>
				</tr>
				<tr>
					<td>备注：</td>
					<td><textarea name="remark">${bps.remark!'' }</textarea></td>
				</tr>
			</table>

			<table>
				<tr>
					<td></td>
					<td colspan="3">
						<div class="right">
							<div class="padding_top5 padding_left10">
								<a href="#" onclick="addRow()"><span class="icon_add">添加</span></a>
								<div class="box_tool_line"></div>
								<a href="#" onclick="delRow()"><span class="icon_delete">删除</span></a>
								<div class="box_tool_line"></div>
								<a href="#" onclick="save()"><span class="icon_save">保存</span></a>
								<div class="clear"></div>
							</div>
						</div>
					</td>
				</tr>
			</table>

			<table id="section" class="tableStyle" useCheckBox="false">
				<tr>
					<td width="9%"></td>
					<td width="15%">区间段</td>
					<td width="23%">区间上限</td>
					<td width="23%">区间下限</td>
					<td width="5%">是否包含上限</td>
					<td width="5%">是否包含下限</td>
					<td width="20%">罚款比例（%）</td>
				</tr>
				
				[#if baseSectionList??]
				[#assign size=1]
				[#list baseSectionList as bs]
					[#if bs??]
						<tr>
					      <td><input type="hidden" name="sectionId" value="${bs.sectionId!''}"/><input type='checkbox' name='sectionCk'/></td>
					      <td><input type='text' name='section' value='${bs.section!"" }' style='width:95%;'/></td>
					      <td><input type='text' name='sectionUpLimit' value='${bs.sectionUpLimit!"" }' style='width:95%;'/></td>
					      <td><input type='text' name='sectionLowerLimit' value='${bs.sectionLowerLimit!"" }' style='width:95%;'/></td>
					      <td>
						      <select name='containUp' selWidth='80' style='width: 95%'>
						      	<option value='1' [#if bs.containUp=='1']selected[/#if]>是</option>
						      	<option value='0' [#if bs.containUp=='0']selected[/#if]>否</option>
						      </select>
					      </td>
					      <td>
					      	 <select name='containLower' selWidth='80' style='width: 95%'>
						      	<option value='1' [#if bs.containLower=='1']selected[/#if]>是</option>
						      	<option value='0' [#if bs.containLower=='0']selected[/#if]>否</option>
						      </select>
					      </td>
					      <td><input type='text' name='fineProportion' value='${bs.fineProportion!"" }' style='width:95%;'/></td>
					   	</tr>
					
					[/#if]
					
				[#assign size=size+1]
				[/#list]
				[/#if]
			</table>
		</div>
	</form>
	
<!-- 异步提交start -->
<script type="text/javascript">
//用户类型
var userTypeData={"list":${userTypeData}};
//考核区间类别
var sectionTypeData={"list":${sectionTypeData}};

//保存
function save(){
	$("#myFormId").ajaxSubmit({
        //表单提交成功后的回调
        success: function(responseText, statusText, xhr, $form){
			if(responseText.status=="y"){ 
				top.Dialog.alert(responseText.info,function(){
	            	closeWin();
	            });
			}else{
				top.Dialog.alert(responseText.info,function(){
	            	return false;
	            });
			}
        }
    }); 
	
}

//重置
function closeWin(){
	//刷新数据
	top.frmright.resetSearch();
	//关闭窗口
	top.Dialog.close();
}
</script>
<!-- 异步提交end -->
</body>
</html>