
<%@ include file="../../../common.jsp"%> |
<%@ page pageEncoding="UTF-8"%> |
<!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" /> |
<meta http-equiv="Pragma" content="no-cache" /> |
<meta http-equiv="Cache-Control" content="must-revalidate" /> |
<meta http-equiv="Cache-Control" content="no-cache" /> |
<meta http-equiv="Cache-Control" content="no-store" /> |
<meta http-equiv="Expires" content="0" /> |
<title>新增/修改offer</title> |
<link type="text/css" rel="stylesheet" href="<c:url value='/app/common_css/table_form.css'/>" /> |
<style type="text/css"> |
#regionForm table { |
table-layout: auto; |
} |
#formTab td { |
padding: 0; |
} |
.input_tit { |
width: 110px; |
text-align: right; |
margin-right: 5px; |
font-size: 12px; |
color: #444; |
} |
</style> |
</head> |
<body> |
<p class="m_t10"> |
·当前位置:组织管理 >> |
<a href="javascript: void(0);" class="ano_069">${groupName}</a> |
>> 产品权限个性配置 |
</p> |
<div> |
<form id="dataForm" name="dataForm"> |
<!-- 隐藏域——offerId --> |
<input type="hidden" id="groupId" name="groupId" value="${groupId}" /> |
<table id="permissionConfig" border="1" style="width: 80%; font-family: Calibri;" align="center"> |
<c:if test="${not empty list}"> |
<c:forEach items="${list}" var="data" varStatus="status"> |
<tr> |
<td width="20%"> |
<em style="color: #f35821;">*</em> |
入司阶段时间: |
</td> |
<td width="35%"> |
<span class="fixedAmount">从</span> |
<input type="text" name="proCatAndCfgList[${status.index}].startTime" value="${data.startTime}" class="inputstyle i_w160 numberOnly" maxlength="5" /> |
<span class="fixedAmount">个月(开始)</span> |
</td> |
<td width="35%"> |
<span class="fixedAmount">到</span> |
<input type="text" name="proCatAndCfgList[${status.index}].endTime" value="${data.endTime}" class="inputstyle i_w160 numberOnly" maxlength="5" /> |
<span class="fixedAmount">个月(结束)。</span> |
</td> |
<td width="10%" rowspan="3"><input type="button" class="deleteTr" value="删除"/></td> |
</tr> |
<tr> |
<td width="20%"> |
<em style="color: #f35821;">*</em> |
可销售产品类型: |
</td> |
<td width="70%" colspan="2"> |
<c:forEach items="${productTypeList}" var="productType"> |
<span> |
<input type="checkbox" name="proCatAndCfgList[${status.index}].productTypeIdList" value="${productType.proCatCfgId}" class="productType" |
<c:forEach items="${data.productTypeList}" var="productType2"> |
<c:if test="${productType.proCatCfgId == productType2.proCatCfgId}"> |
checked="checked" |
</c:if> |
</c:forEach> |
/>${productType.proCatName} |
</span> |
</c:forEach> |
</td> |
</tr> |
<tr> |
<td width="20%"> |
<em style="color: #f35821;">*</em> |
可销售产品分类: |
</td> |
<td width="70%" colspan="2"> |
<c:forEach items="${data.productCategoryList}" var="productCategory"> |
<span> |
<input type="checkbox" name="proCatAndCfgList[${status.index}].productCategoryIdList" value="${productCategory.proCatCfgId}" |
checked="checked"/>${productCategory.proCatName} |
</span> |
</c:forEach> |
</td> |
</tr> |
</c:forEach> |
</c:if> |
|
|
|
<c:if test="${empty list}"> |
<tr> |
<td width="20%"> |
<em style="color: #f35821;">*</em> |
入司阶段时间: |
</td> |
<td width="35%"> |
<span class="fixedAmount">从</span> |
<input type="text" name="proCatAndCfgList[0].startTime" class="inputstyle i_w160 numberOnly" maxlength="5" /> |
<span class="fixedAmount">个月(开始)</span> |
</td> |
<td width="35%"> |
<span class="fixedAmount">到</span> |
<input type="text" name="proCatAndCfgList[0].endTime" class="inputstyle i_w160 numberOnly" maxlength="5" /> |
<span class="fixedAmount">个月(结束)。</span> |
</td> |
<td width="10%" rowspan="3"><input type="button" class="deleteTr" value="删除"/></td> |
</tr> |
<tr> |
<td width="20%"> |
<em style="color: #f35821;">*</em> |
可销售产品类型: |
</td> |
<td width="70%" colspan="2"> |
<c:forEach items="${productTypeList}" var="cfgProCat"> |
<span> |
<input type="checkbox" name="proCatAndCfgList[0].productTypeIdList" class="productType" value="${cfgProCat.proCatCfgId}" />${cfgProCat.proCatName} |
</span> |
</c:forEach> |
</td> |
</tr> |
<tr> |
<td width="20%"> |
<em style="color: #f35821;">*</em> |
可销售产品分类: |
</td> |
<td width="70%" colspan="2"> |
<c:forEach items="${productCategoryList}" var="productCategory"> |
<input type="checkbox" name="proCatAndCfgList[0].productCategoryIdList" value="${productCategory.proCatCfgId}" />${productCategory.proCatName} |
</c:forEach> |
</td> |
</tr> |
</c:if> |
</table> |
<table border="1" style="width: 80%; font-family: Calibri;" align="center"> |
<tr> |
<td colspan="4" align="center"> |
<a id="btn_save" href="javascript: savePermissionConfig();" class="button_a_blue"> |
<span>保存</span> |
</a> |
<a id="btn_back" href="javascript: add();" class="button_a_blue"> |
<span>添加阶段</span> |
</a> |
<a id="btn_back" href="javascript: back();" class="button_a_blue"> |
<span>返回</span> |
</a> |
</td> |
</tr> |
</table> |
</form> |
</div> |
<script type="text/javascript" src="../app/jquery/jquery-2.1.0.min.js"></script> |
<script type="text/javascript" src="<c:url value="/app/common_js/menu.js"/>"></script> |
<script type="text/javascript" src="<c:url value="/app/common_js/common.js"/>"></script> |
<script type="text/javascript" src="<c:url value="/app/script/common.js"/>"></script> |
<script language="javascript" type="text/javascript" src="../app/My97DatePicker/WdatePicker.js"></script> |
<script type="text/javascript" language="javascript"> |
//隔3行换一个颜色 |
$(document).ready(function(){ |
changeBackground(); |
}); |
function changeBackground(){ |
$("table tr").css('background','none'); |
$('table tr').each(function(index, item){ |
var item = $(item); |
if( index % 6 == 0 ){ |
item.css('background','#FFFFFF').next().css('background','#FFFFFF').next().css('background','#FFFFFF'); |
} |
}); |
} |
|
//月份输入框只能输入数字 |
$(".numberOnly").keyup(function(){ |
var tmptxt=$(this).val(); |
$(this).val(tmptxt.replace(/\D|^0/g,'')); |
}).bind("paste",function(){ |
var tmptxt=$(this).val(); |
$(this).val(tmptxt.replace(/\D|^0/g,'')); |
}).css("ime-mode", "disabled"); |
|
//删除添加的阶段 |
$("body").on("click",".deleteTr",function(){ |
var $parent=$(this).parent().parent(); |
$parent.next().next().remove();//删除下下一行产品类型 |
$parent.next().remove();//删除下一行产品分类 |
$parent.remove();//删除当前行 |
changeBackground(); |
}); |
|
//添加对应的可销售产品分类 |
$("body").on("click",".productType",function(){ |
var $cfgProCat=$(this).parent().parent().parent("tr").next().find("td").eq(1); |
var operate=false;// false:取消,true:选中 |
if($(this).is(':checked')){ |
operate=true; |
} |
var parentProCatCfgId=$(this).val(); |
$.ajax({ |
url : "/padelmadmin/permission/selectCfgProCatList", |
data : {parentProCatCfgId:parentProCatCfgId}, |
dataType : "json", |
type : "POST", |
contentType : "application/x-www-form-urlencoded;charset=UTF-8", |
success : function(response) { |
$.each(response.cfgProCatList, function(k,v){ |
if(operate){ |
var checkboxEle='<span><input type="checkbox" name="proCatAndCfgList['+i+'].productTypeIdList" value="' |
+v.proCatCfgId+'" class="productType" checked="checked">'+v.proCatName+'</span>'; |
$cfgProCat.append(checkboxEle); |
}else{ |
$cfgProCat.find("span").find('input[type="checkbox"][value='+v.proCatCfgId+']').parent("span").remove(); |
} |
}); |
}, |
error : function(e) { |
alert("系统异常!"); |
} |
}); |
}); |
var back = function() { |
window.history.back(); |
} |
//动态添加入司阶段 |
var permissionConfigTr=$("#permissionConfig").find("tr"); |
i=permissionConfigTr.length/3-1;//集合角标--全局变量 |
if(!i){ |
i=0; |
} |
var add = function() { |
i++; |
|
var repStr="proCatAndCfgList["+i;//替换成的字符串 |
var rep=/\proCatAndCfgList\[\d*/g;//正则表达式 |
|
var phase = '<tr><td width="20%"><em style="color: #f35821;">*</em>入司阶段时间:</td>' |
+ '<td width="35%"><span class="fixedAmount">从</span><input type="text"' |
+ 'name="proCatAndCfgList['+i+'].startTime" class="inputstyle i_w160" maxlength="2"/>' |
+ '<span class="fixedAmount">个月</span></td>' |
+ '<td width="35%"><span class="fixedAmount">到</span><input type="text"' |
+ 'name="proCatAndCfgList['+i+'].endTime" class="inputstyle i_w160" maxlength="2"/>' |
+ '<span class="fixedAmount">个月。</span></td>' |
+'<td width="10%" rowspan="3"><input type="button" class="deleteTr" value="删除"/></td></tr>'; |
|
var productType='<tr>'+$("#permissionConfig").find("tr").eq(1).html()+'</tr>'; |
productType=productType.replace(rep, repStr); |
|
var productCategory='<tr><td width="20%"><em style="color: #f35821;">*</em>可销售产品分类:</td>' |
+'<td width="70%" colspan="2"></td></tr>'; |
|
$("#permissionConfig").append(phase).append(productType).append(productCategory); |
//新增加的复选框取消选中 |
$("#permissionConfig").find("tr").eq(-2).find("input:checkbox:checked").removeAttr("checked"); |
changeBackground(); |
} |
|
function savePermissionConfig() { |
$.ajax({ |
url : "/padelmadmin/permission/savePermission", |
data : $('#dataForm').serialize(), |
dataType : "json", |
type : "POST", |
contentType : "application/x-www-form-urlencoded;charset=UTF-8", |
success : function(response) { |
//alert(response.message); |
alert("操作成功!"); |
window.location.href = "/padelmadmin/groupManager/toEditPage?groupId="+$("#groupId").val(); |
}, |
error : function(e) { |
alert("系统异常!"); |
} |
}); |
//$("#dataForm").attr("action", "/padelmadmin/permission/savePermission").submit(); |
} |
</script> |
</body> |
</html> |




初级程序员
by: 云代码会员 发表于:2019-06-14 11:46:43 顶(0) | 踩(0) 回复
怎么运行
?
回复评论