<%@ 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) 回复
怎么运行
?
回复评论