HJY
/
gxwss


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296
							[#ftl]

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<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">

//添加行

function addRow(tableObj){

	//参与类型

    var val1="<select name='assignUseType' selWidth='80'>";

    	val1+="<option value='0' selected='selected'>参与流程</option>";

    	val1+="<option value='1'>接收通知</option></select>";

    //用户类型

    var val2="<select id='assignType' name='assignType' onchange='assignTypeChange(this);' selWidth='80'>";

    	val2+="<option value='0'>发起人</option>";

    	val2+="<option value='1' selected='selected'>用户</option>";

    	val2+="<option value='2'>角色</option>";

    	val2+="<option value='9'>跟发起人同一个部门</option>";

    	val2+="<option value='11'>发起人的上级部门</option>";

    	val2+="</select>";

    //用户来自

    var val3="<input type='hidden' name='cmpIds'/>";

    	val3+="<textarea name='cmpNames' class='textarea' readonly='readonly' style='width:80%;height:20px;visibility:visible'></textarea>";

    	val3+="&nbsp;<a name='selButtons' onclick='selectCmp(this);'><span>选择...</span></a>";

    //参与类型

    var val4="<select name='compType' selWidth='80'>";

    	val4+="<option value='0'>或运算</option>";

    	val4+="<option value='1'>与运算</option>";

    	val4+="<option value='2'>排除运算</option>";

    	val4+"</select>";

    
    var $tr=$("<tr><td><input type='checkbox' name='nodeUserCk'/><input type='hidden' name='nodeUserId' value='0'/></td><td>"+val1+"</td><td>"+val2+"</td><td>"+val3+"</td><td>"+val4+"</td></tr>");

    $("#"+tableObj).append($tr); 

    //重新渲染表格

    $("#"+tableObj).render();

}


//删除行的

function delRow(tableObj){

	var cks=$("#"+tableObj + " input[name=nodeUserCk]:checked");

	if(cks.length==0){

		top.Dialog.alert('请选择要删除的行!');

		return ;

	}

	for(var i=cks.length-1;i>=0;i--){

		var nodeUserId=$(cks[i]).siblings("input[name='nodeUserId']").val();

		//如果是选择已经设置好的记录，则需要删除数据库信息

		if(nodeUserId>0){

			$.post('${ctx}/bpm/deleteNodeUser.do',{nodeUserId:nodeUserId});

		}

		//删除表单上的行

		$(cks[i]).parent().parent().remove();

	}

}


//显示与隐藏用户来自选择框

function assignTypeChange(obj){

	var cmpIds=$(obj).parent().next('td').children('input[name="cmpIds"]');

	var cmpdNames=$(obj).parent().next('td').children('textarea[name="cmpNames"]');

	var selButtons=$(obj).parent().next('td').children('a[name="selButtons"]');

	if(obj.value==0 || obj.value==9 || obj.value==11){

		selButtons.hide();

		cmpdNames.hide();

	}else{

		selButtons.show();

		cmpdNames.show();

	}

	cmpIds.val('');

	cmpdNames.val('');

}


//选择用户信息,传过来的 节点ID

function selectCmp(obj){

	var cmpIds=$(obj).siblings("input[name='cmpIds']");

	var cmpNames=$(obj).siblings("textarea[name='cmpNames']");

	//选择用户类型

	var assignType=$(obj).parent().prev('td').children('[name="assignType"]').val();

	//类型为用户

	if(assignType==1){

		showUserList(cmpIds,cmpNames);

	}

	//选择角色

	if(assignType==2){

		showRoleList(cmpIds,cmpNames);

	}

}


//打开选择用户信息的页面

function showUserList(cmpIds,cmpNames){

	var diag = new top.Dialog();

	diag.Title = "选择用户";

	diag.OKEvent = function(){

		var inputValueArr = diag.innerFrame.contentWindow.selectUser();

		cmpIds.val(inputValueArr[0]);

		cmpNames.val(inputValueArr[1]);

		diag.close();

	};

	diag.CancelEvent = function(){

		diag.close();

		};

	diag.URL = "${ctx}/user/selectList.do";

	diag.Width=600;

	diag.ShowButtonRow=true;

	diag.ButtonAlign="center";

	diag.show();

}


//打开选择角色信息的页面

function showRoleList(cmpIds,cmpNames){

	var diag = new top.Dialog();

	diag.Title = "选择角色";

	diag.OKEvent = function(){

		var inputValueArr = diag.innerFrame.contentWindow.selectRole();

		cmpIds.val(inputValueArr[0]);

		cmpNames.val(inputValueArr[1]);

		diag.close();

	};

	diag.CancelEvent = function(){

		diag.close();

		};

	diag.URL = "${ctx}/role/selectList.do";

	diag.Width=700;

	diag.ShowButtonRow=true;

	diag.ButtonAlign="center";

	diag.show();

}


//保存节点设置

function saveUserSet(nodeId){

	$("#nodeUser_"+nodeId).ajaxSubmit({

        //表单提交成功后的回调

        success: function(responseText, statusText, xhr, $form){

        	if(responseText.status=="y"){

				top.Dialog.alert(responseText.info);

			}else{

				top.Dialog.alert(responseText.info,function(){

	            	return false;

	            });

			}

        }

    }); 

	
}

</script>


</head>

<body>

<table class="detailTable" useColor="false" useHover="false" useClick="false" trClick="true">

    <tr>

        <th width="30">操作</th><th>节点名称</th><th>节点ID</th>

    </tr>

[#list nodeUserMap as node]

    <tr>

        <td><span class="img_add2 hand" title="点击展开"></span></td>

        <td>${node.nodeName}</td>

        <td>${node.nodeId}</td>

    </tr>

    <tr>

        <td></td>

        <td colspan="3">

        	 <div class="right">

	        	<div class="padding_top5 padding_left10">

	        		<a href="#" onclick="addRow('${node.nodeId}')"><span class="icon_add">新增</span></a>

	        		<div class="box_tool_line"></div>

	        		<a href="#" onclick="saveUserSet('${node.nodeId}')"><span class="icon_save">保存</span></a>

	        		<div class="box_tool_line"></div>

	        		<a href="#" onclick="delRow('${node.nodeId}')"><span class="icon_delete">删除</span></a>

	        		<div class="box_tool_line"></div>

	        		<div class="clear"></div>

	        	</div>

        	</div>

        	<form id="nodeUser_${node.nodeId}" action="${ctx}/bpm/saveUserSet.do" method="post">

        	<input type="hidden" name="deployId" value="${deployId}"/>

			<input type="hidden" name="nodeId" value="${node.nodeId}"/>

            <table class="tableStyle"  id="${node.nodeId}" useCheckBox="false">

                <tr>

                	<th width="5%"></th>

                    <th width="20%">参与类型</th>

                    <th width="20%">用户类型</th>

                    <th width="40%">用户来自</th>

                    <th width="15%">运算类型</th>

                </tr>

                [#if node.nodeUserList?size < 1]

                	<tr>

                		<td>

                			<input type='checkbox' name='nodeUserCk'/>

                			<input type="hidden" name="nodeUserId" value="0"/>

                		</td>

                		<td>

                			<select name="assignUseType" selWidth="80">

								<option value="0" selected="selected">参与流程</option>

								<option value="1">接收通知</option>

							</select>

                		</td>

                		<td>

							<select name="assignType" selWidth="80" onchange="assignTypeChange(this);">

								<option value="0">发起人</option>

								<option value="1" selected="selected">用户</option>

								<option value="2">角色</option>

								<option value="9">跟发起人同一个部门</option>

								<option value="11">发起人的上级部门</option>

							</select>

						</td>

                		<td>

                			<input type='hidden' name='cmpIds'/>

                			<textarea name='cmpNames' class='textarea' readonly='readonly' style='width:80%;height:20px;visibility:visible'></textarea>

                			<a name='selButtons' onclick='selectCmp(this);'><span>选择...</span></a>

                		</td>

                		<td>

                			<select name="compType" selWidth="80">

								<option value="0">或运算</option>

								<option value="1">与运算</option>

								<option value="2">排除</option>

							</select>

                		</td>

                	</tr>

                [#else]

                	[#list node.nodeUserList as nodeUser]

                		<tr>

                		<td>

                			<input type='checkbox' name='nodeUserCk'/>

                			<input type="hidden" name="nodeUserId" value="${nodeUser.nodeUserId}"/>

                		</td>

                		<td>

                			<select name="assignUseType" selWidth="80">

								<option value="0" [#if nodeUser.assignUseType==0] selected="selected" [/#if]>参与流程</option>

								<option value="1" [#if nodeUser.assignUseType==1] selected="selected" [/#if]>接收通知</option>

							</select>

                		</td>

                		<td>

							<select name="assignType" class="select" onchange="assignTypeChange(this);" selWidth="80">

								<option value="0" [#if nodeUser.assignType==0] selected="selected" [/#if]>发起人</option>

								<option value="1" [#if nodeUser.assignType==1] selected="selected" [/#if]>用户</option>

								<option value="2" [#if nodeUser.assignType==2] selected="selected" [/#if]>角色</option>

								<option value="9" [#if nodeUser.assignType==9] selected="selected" [/#if]>跟发起人同一个部门</option>

								<option value="11" [#if nodeUser.assignType==11] selected="selected" [/#if]>发起人的上级部门</option>

							</select>

						</td>

                		<td>

                			<input type='hidden' name='cmpIds' value="${nodeUser.cmpIds}"/>

                			<textarea name='cmpNames' class='textarea' readonly='readonly' style='width:80%;height:20px;visibility:visible'>${nodeUser.cmpNames}</textarea>

                			<a name='selButtons' onclick='selectCmp(this);'><span>选择...</span></a>

                		</td>

                		<td>

                			<select name="compType" selWidth="80">

								<option value="0" [#if nodeUser.compType==0] selected="selected" [/#if]>或运算</option>

								<option value="1" [#if nodeUser.compType==1] selected="selected" [/#if]>与运算</option>

								<option value="2" [#if nodeUser.compType==2] selected="selected" [/#if]>排除</option>

							</select>

                		</td>

                	</tr>

                	[/#list]

                [/#if]

            </table>

            </form>

        </td>

    </tr>

[/#list]

</table>


</body>

</html>