wuhb
/
oa


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428
							<%@ page language="java" contentType="text/html;charset=GBK"
    pageEncoding="GBK"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!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=GBK">
<title>流程模版</title>
<link href="${ pageContext.request.contextPath}/main.css" rel="stylesheet" type="text/css" />
<link href="${pageContext.request.contextPath }/liger/lib/ligerUI/skins/${sessionScope.css}/css/ligerui-all.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="/shares/js/jquery-1.8.2.js"></script>
<script type="text/javascript" src="/shares/js/yw/bpm/promptDefine.js"></script>
<script src="${pageContext.request.contextPath }/liger/lib/ligerUI/js/ligerui.all.js" type="text/javascript"></script>
<script type="text/javascript" src="/shares/js/constant.js"></script> 
<script type="text/javascript" src="/shares/js/common.js"></script> 
<script type="text/javascript" src="/shares/js/yw/bpm/flow/flowModel.js"></script> 
<script type="text/javascript" src="/shares/js/yw/bpm/oa.js"></script>
<script type="text/javascript">
function backValue(){
	var typeId = "${requestScope.fmodel.typeId.typeId}";
	if(typeId != ""){
		$("#typeId").val(typeId);
	}
	var control = "${requestScope.fmodel.control.value}";
	if(control != ""){
		$("#control").val(control);
	} 
	if(control == 0){  
		$("#fcontrol").show();
	}
	
	var hasOffice = "${requestScope.fmodel.hasOffice.value}";
	if(hasOffice != ""){
		$("#hasOffice").val(hasOffice);
	}
	var isCancel = "${requestScope.fmodel.isCancel.value}";
	if(isCancel != ""){
		$("#isCancel").val(isCancel);
	}
	var endCancel = "${requestScope.fmodel.endCancel.value}";
	if(endCancel != ""){
		$("#endCancel").val(endCancel);
	}
	var cancelCanRead = "${requestScope.fmodel.cancelCanRead.value}";
	if(cancelCanRead != ""){
		$("#cancelCanRead").val(cancelCanRead);
	}
	var isSms = "${requestScope.fmodel.isSms.value}";
	if(isSms != ""){
		$("#isSms").val(isSms);
	}
	var isMessage = "${requestScope.fmodel.isMessage.value}";
	if(isMessage != ""){
		$("#isMessage").val(isMessage);
	}
	var isEmail = "${requestScope.fmodel.isEmail.value}";
	if(isEmail != ""){
		$("#isEmail").val(isEmail);
	}
	
	var allowCancel = "${requestScope.fmodel.allowCancels}";
	var allowCancels = allowCancel.split(",");
	for(var i = 0; i < allowCancels.length; i++){
		$('input[name="allowCancel"]').each(function(){    
			if(allowCancels[i] == $(this).val()){
				$(this).attr("checked", true);
			}
		}); 
	}
	
	var isViewLimit = "${requestScope.fmodel.isViewLimit}";
	if(isViewLimit == -1){
		$("#isViewLimit").val(isViewLimit);
	} else {
		$("#isViewLimit").val(0);
		$("#isViewLimitValue").val(isViewLimit);
		$("#fViewLimit").show();
	}
	
	 $("#limitUseType").val("${requestScope.fmodel.limitUseType}");
		 var value = $("#limitUseType").val();
		 if (value == 1) {
			 $("#limitUseOfDeptDiv").hide();
			 $("#limitUseOfUserDiv").show();
			 $("#limitPositionDiv").hide();
			 $("#username1").val("${requestScope.fmodel.limitUseName}");
			 $("#user1").val("${requestScope.fmodel.limitUse}");
		 } else if (value == 0){
			 $("#limitUseOfDeptDiv").show();
			 $("#limitUseOfUserDiv").hide();
			 $("#limitPositionDiv").hide();
			 $("#deptname1").val("${requestScope.fmodel.limitUseName}");
			 $("#dept1").val("${requestScope.fmodel.limitUse}");
		 } else if (value == -1){
			 $("#limitUseOfDeptDiv").hide();
			 $("#limitUseOfUserDiv").hide(); 
			 $("#limitPositionDiv").hide();
		 } else if (value == 2){
			 $("#limitPositionDiv").show();
			 $("#limitUseOfDeptDiv").hide();
			 $("#limitUseOfUserDiv").hide(); 
			 $("#limitPositionType").val("${requestScope.fmodel.limitPositionType}");
			 $("#limitPositionDepts").val("${requestScope.fmodel.limitPositionDept}");
			 $("#limitPositionDeptNames").val("${requestScope.fmodel.limitPositionDeptName}");
			 $("#position").val("${requestScope.fmodel.limitUse}");
			 if($("#limitPositionType").val() == -1){
				 $("#limitDeptSpan").hide();
			 } else {
				 $("#limitDeptSpan").show();
			 }
		 }
	
}
$(document).ready(function(){
	loadTypeTree("userButton",{type:"user", tab:"1", backId:"user", backName:"username"});
	loadTypeTree("userButton1",{type:"user", tab:"1", backId:"user1", isMultiDept:"1", backName:"username1"});
	loadTypeTree("deptButton1",{type:"dept", tab:"1", backId:"dept1", backName:"deptname1"});
	loadTypeTree("limitPositionDeptButton",{type:"deptonly", tab:"1", backId:"limitPositionDepts", backName:"limitPositionDeptNames"});
	$("#positionName").ligerComboBox({
		isShowCheckBox: true,
		isMultiSelect: true,
		url: 'FlowModelAction.do?task=position&time=' + new Date().getTime(),
		textField: 'posName',
		valueField: 'id',
		valueFieldID: 'position'
	});
	backValue();
	if($("input[name='allowCancel'][value='2']").attr("checked")){
		$("#userTree").show();
	} else {
		$("#userTree").hide();
	}
	if($("#isCancel").val() == '0'){
		$("#endCancelTr").hide();
	} else {
		$("#endCancelTr").show();
	}
	
	$("#isCancel").change(function(){
		if($("#isCancel").val() == '0'){
			$("#endCancelTr").hide();
		} else {
			$("#endCancelTr").show();
		}
	});
	
	
	$("input[id='allowCancel']").click(function(){
		if (this.value == 2) {
			if (this.checked) {
				$("#userTree").show();
			} else {
				$("#userTree").hide();
			}
		}
	});
});
</script> 
</head>
<body >
<form action="FlowModelAction.do" method="post" id="cform" name="cform">
<div id="title" class="form-button" style="width: 100%;">
	<input type="button" onclick="save()" class="l-button" value="保存" />
	<input onclick="closeTabUseInOA();" type="button" value="关闭" class="l-button">
</div>
<div class="container-layout">
	<div class="forum-container">
		 <center>
			 <table class="l-table-edit line" style="width: 100%;">
			 <tr>
				<th colspan="2">修改流程模版</th>
			 </tr>
			 <tr>
			 	<td class="l-table-edit-text">模版名称<FONT COLOR="red">*</FONT>：</td>
			 	<td class="l-table-edit-td">
			 		<input type="text" class="width_150" id="modelName" name="modelName" value="${requestScope.fmodel.modelName }">
			 	</td>
			 </tr>
			 <tr>
			 	<td class="l-table-edit-text">模版备注：</td>
			 	<td class="l-table-edit-td"><textarea id="remark" name="remark" rows="5" cols="50">${requestScope.fmodel.remark }</textarea></td>
			 </tr>
			 <tr>
			 	<td class="l-table-edit-text">模版类型<FONT COLOR="red">*</FONT>：</td>
			 	<td class="l-table-edit-td">
			 		<select name="typeId" id="typeId" class="width_150" >
			 			<c:forEach items="${requestScope.ftypes }" var="ftype" varStatus="status">
			 				<c:choose>
			 					<c:when test="${status.count == 1 }">
			 						<option value="${ftype.typeId }" selected="selected">${ftype.typeName }</option>
			 					</c:when>
			 					<c:otherwise>
			 						<option value="${ftype.typeId  }" >${ftype.typeName }</option>
			 					</c:otherwise>
			 				</c:choose>
			 				
			 			</c:forEach>
					</select>
			 	</td>
			 </tr>
			 <tr>
			 	<td class="l-table-edit-text">包含office文件<FONT COLOR="red">*</FONT>：</td>
			 	<td class="l-table-edit-td">
			 		<select name="hasOffice" class="width_150" id="hasOffice" >
			 			<c:forEach items="${requestScope.hasOffices }" var="state">
			 				<option value="${state.value }" >${state.dataName }</option>
			 			</c:forEach>
					</select>
			 	</td>
			 </tr> 
 			<tr>
			 	<td class="l-table-edit-text">允许撤销流程<FONT COLOR="red">*</FONT>：</td>
			 	<td class="l-table-edit-td">
			 		<select name="isCancel" class="width_150" id="isCancel" >
			 			<c:forEach items="${requestScope.isCancels }" var="state">
			 				<option value="${state.value }" >${state.dataName }</option>
			 			</c:forEach>
					</select>
			 	</td>
			 </tr>
			 <tbody id="endCancelTr">
				 <tr>
				 	<td class="l-table-edit-text">允许撤销办结流程<FONT COLOR="red">*</FONT>：</td>
				 	<td class="l-table-edit-td">
				 		<select name="endCancel" class="width_150" id="endCancel" >
				 			<c:forEach items="${requestScope.endCancels }" var="state">
				 				<option value="${state.value }" >${state.dataName }</option>
				 			</c:forEach>
						</select>
				 	</td>
				 </tr>  
				 <tr>
				 	<td class="l-table-edit-text">允许查看撤销流程<FONT COLOR="red">*</FONT>：</td>
				 	<td class="l-table-edit-td">
				 		<select name="cancelCanRead" class="width_150" id="cancelCanRead" >
				 			<c:forEach items="${requestScope.cancelCanReads }" var="state">
				 				<option value="${state.value }" >${state.dataName }</option>
				 			</c:forEach>
						</select>
				 	</td>
				 </tr>  
				 <tr>
				 	<td class="l-table-edit-text">允许撤销人员：</td>
				 	<td class="l-table-edit-td">
				 		<c:forEach items="${requestScope.allowCancels }" var="allowCancel">
				 			<input type="checkbox" id="allowCancel" name="allowCancel" value="${allowCancel.value }">${allowCancel.dataName }
				 		</c:forEach>
				 		<span id="userTree">
					 		<input type="text" id="username" name="username" value="<c:forEach items="${requestScope.fmodel.allowCancel }" var="allowCancel">${allowCancel.manager.username },</c:forEach>">
					 		<input type="hidden" id="user" name="user" value="<c:forEach items="${requestScope.fmodel.allowCancel }" var="allowCancel">-${allowCancel.manager.userId },</c:forEach>">
					 		<input type="button" class="l-button" id="userButton" name="userButton" value="选择人员">
				 		</span>
				 		<input type="hidden" id="allowCancels" name="allowCancels" value="">
				 	</td>
				 </tr>
				 <tr>
				 	<td class="l-table-edit-text">撤销短信通知<FONT COLOR="red">*</FONT>：</td>
				 	<td class="l-table-edit-td">
				 		<select name="isSms" id="isSms" class="width_150" >
							<c:forEach items="${requestScope.isSmss }" var="state">
				 				<option value="${state.value }" >${state.dataName }</option>
				 			</c:forEach>
						</select>
				 	</td>
				 </tr> 
			 	 <tr>
				 	<td class="l-table-edit-text">撤销消息通知<FONT COLOR="red">*</FONT>：</td>
				 	<td class="l-table-edit-td">
				 		<select name="isMessage" id="isMessage" class="width_150" >
							<c:forEach items="${requestScope.isMessages }" var="state">
				 				<option value="${state.value }" >${state.dataName }</option>
				 			</c:forEach>
						</select>
				 	</td>
				 </tr> 			
				 <tr>
				 	<td class="l-table-edit-text">撤销邮件通知<FONT COLOR="red">*</FONT>：</td>
				 	<td class="l-table-edit-td">
				 		<select name="isEmail" id="isEmail" class="width_150" >
							<c:forEach items="${requestScope.isEmails }" var="state">
				 				<option value="${state.value }" >${state.dataName }</option>
				 			</c:forEach>
						</select>
				 	</td>
				 </tr>
			 </tbody>
			 <tr>
			 	<td class="l-table-edit-text">流程控制方式<FONT COLOR="red">*</FONT>：</td>
			 	<td class="l-table-edit-td">
					<select name="control" id="control" class="width_150" >
			 			<c:forEach items="${requestScope.controls }" var="control" varStatus="status">
			 				<c:choose>
			 					<c:when test="${status.count == 1 }">
			 						<option value="${control.value }" selected="selected">${control.dataName }</option>
			 					</c:when>
			 					<c:otherwise>
			 						<option value="${control.value }" >${control.dataName }</option>
			 					</c:otherwise>
			 				</c:choose>
			 				
			 			</c:forEach>
					</select>
					<font id="fcontrol" style="display: none;">
						外部链接URL:<input id="controlUrl" name="controlUrl" type="text" size="60" value="${requestScope.fmodel.controlUrl }">				
					</font>
					<script type="text/javascript">
					$("#control").change(function(){
						var control = $("#control").val();
						if(control == 1){
							$("#fcontrol").hide();
						} else {
							$("#fcontrol").show();
						}
					});
					</script>
			 	</td>
			 </tr>
			 <tr>
				<td class="l-table-edit-text">
					办结流程查看限制：
				</td>
				<td class="l-table-edit-td">
					<select id="isViewLimit" name="isViewLimit">
						<option value="-1">不限制</option>
						<option value="0">限制</option>
					</select>
					<font id="fViewLimit" style="display: none;">
						<input id="isViewLimitValue" name="isViewLimitValue" type="text" value="0">天后无法查看				
					</font>
					<script type="text/javascript">
					$("#isViewLimit").change(function(){
						var isViewLimit = $("#isViewLimit").val();
						if(isViewLimit == -1){
							$("#fViewLimit").hide();
						} else {
							$("#fViewLimit").show();
						}
					});
					</script>
				</td>
			 </tr>
			 <tr>
				<td class="l-table-edit-text">
					使用范围
				</td>
				<td class="l-table-edit-td">
					<select id="limitUseType" name="limitUseType">
						<option value="-1">不限制</option>
						<option value="0">部门</option>
						<option value="1">人员</option>
						<option value="2">职位</option>
					</select>
					<span id="limitUseOfDeptDiv" style="display: none;">
						<textarea cols="50" rows="3" id="deptname1" name="deptname1" ></textarea>
					 	<input type="hidden" id="dept1" name="dept1" value="">
						<input type="button" class="l-button" style="width: 100px;" id="deptButton1" name="deptButton1" value="选择部门">
					</span>
					<span id="limitUseOfUserDiv" style="display: none;">
						<textarea cols="50" rows="3" id="username1" name="username1" ></textarea>
					 	<input type="hidden" id="user1" name="user1" value="">
						<input type="button" class="l-button" style="width: 100px;" id="userButton1" name="userButton1" value="选择人员">
					</span>
					<span id="limitPositionDiv" style="display: none;">
						<select id="limitPositionType" name="limitPositionType">
							<option value="-1">不限制部门</option>
							<option value="0">指定部门</option>
						</select>
						<span id="limitDeptSpan" name="limitDeptSpan" style="display: none;">
							<input type="text" class="width_150" id="limitPositionDeptNames" name="limitPositionDeptNames" value="">
					 		<input type="hidden" id="limitPositionDepts" name="limitPositionDepts" value="">
					 		<input type="button" class="l-button" id="limitPositionDeptButton" name="limitPositionDeptButton" value="选择部门">
						</span>
						<div>
							<input type="text" id="positionName" name="positionName">
				 			<input type="hidden" id="position" name="position" value="">
				 			<script type="text/javascript">
							 $("#limitPositionType").change(function(){
								 var value = $("#limitPositionType").val();
								 if (value == -1) {
									 $("#limitDeptSpan").hide();
								 } else if (value == 0){
									 $("#limitDeptSpan").show();
								 } 
							 });
							 </script>
						</div>							 
					</span>
				</td>
			 </tr>
			 <script type="text/javascript">
			 $("#limitUseType").change(function(){
				 var value = $("#limitUseType").val();
				 if (value == 1) {
					 $("#limitUseOfDeptDiv").hide();
					 $("#limitUseOfUserDiv").show();
					 $("#limitPositionDiv").hide();
				 } else if (value == 0){
					 $("#limitUseOfDeptDiv").show();
					 $("#limitUseOfUserDiv").hide(); 
					 $("#limitPositionDiv").hide();
				 } else if (value == -1){
					 $("#limitUseOfDeptDiv").hide();
					 $("#limitUseOfUserDiv").hide(); 
					 $("#limitPositionDiv").hide();
				 } else if (value == 2){
					 $("#limitPositionDiv").show();
					 $("#limitUseOfDeptDiv").hide();
					 $("#limitUseOfUserDiv").hide(); 
				 }
			 });
			 </script>
			 <tr>
				<td colspan="2" style="text-align: center;">
					&nbsp;
				</td>
			 </tr>
			</table>
			<input type="hidden" id="modelId" name="modelId" value="${requestScope.fmodel.modelId }">
			<input type="hidden" id="task" name="task" value="edit">
			<input type="hidden" id="tabid" name="tabid" value="${param.tabid }">
			<input type="hidden" id="state" name="state" value="1">
		 </center>
	</div>
</div>
</form>
<%@ include file="/include/message.jsp"%>
</body>
</html>