[jsp]代码库
<%@ 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>
会python真的可以为所欲为0(回)
218天前
这里还有人吗1(回)
403天前
每天面对着电脑屏幕，敲打键盘。我所面对的并不只是代码，而是一种生活方式。0(回)
628天前
鸽子
0(回)
712天前
初级程序员
by: 云代码会员 发表于：2019-06-14 11:46:43 顶(0) | 踩(0) 回复
怎么运行
？
回复评论