wuhb
/
oa


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220
							<%@ page language="java" contentType="text/html;charset=GBK"
    pageEncoding="GBK"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %> 
<%@ 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 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">
$(document).ready(function() {
	$("#canEdit").click(function(){
		if(this.checked){
			$("[name*='canEdit']").attr("checked", true);
			$("[name*='canView']").attr("checked", true);
		} else {
			$("[name*='canEdit']").attr("checked", false);
		}
	});
	$("#noNull").click(function(){
		if(this.checked){
			$("[name*='noNull']").attr("checked", true);
		} else {
			$("[name*='noNull']").attr("checked", false);
		}
	});
	$("#canView").click(function(){
		if(this.checked){
			$("[name*='canView']").attr("checked", true);
		} else {
			$("[name*='canView']").attr("checked", false);
			$("[name*='canEdit']").attr("checked", false);
		}
	});
});

</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="saveFlowFormElement();"  class="l-button" value="保存">
</div>
<div class="container-layout">
	<div class="forum-container">
		<center>
		<table class="l-grid-body-table" style="width: 100%;position:fixed;top:40px;background-color: white;">
			<tbody>
				<tr class="l-grid-hd-row">
					<th class="l-grid-hd-cell" style="width: 15%; text-align: center;">字段名称</th>
					<th class="l-grid-hd-cell" style="width: 15%; text-align: center;">表单元素类型</th>
					<th class="l-grid-hd-cell" style="width: 15%; text-align: center;">
					<input type="checkbox" id="canEdit" value="1">
					是否可编辑</th>
					<th class="l-grid-hd-cell" style="width: 25%; text-align: center;">默认值</th>
					<th class="l-grid-hd-cell" style="width: 15%; text-align: center;">
					<input type="checkbox" id="noNull" value="1">
					是否必填</th>
					<th class="l-grid-hd-cell" style="width: 15%; text-align: center;">
					<input type="checkbox" id="canView" value="1">
					是否可查看</th>
					
				</tr>
			</tbody>
		</table>
		<table style="width: 100%;margin-top:30px;"  class="l-grid-body-table"> 
			<tbody>
				<c:forEach items="${requestScope.elementList }" var="element">
					<tr class="l-grid-row">
						<td class="l-grid-row-cell" style="width: 15%; text-align: center;">${element.elementId.elementCode }</td>
						<td class="l-grid-row-cell" style="width: 15%; text-align: center;">${element.elementId.type.dataName }</td>
						<td class="l-grid-row-cell" style="width: 15%; text-align: center;">
							<input type="checkbox" id="canEdit${element.elementId.elementId }" name="canEdit${element.elementId.elementId }" value="1" onclick="changeCanView('${element.elementId.elementId }')">可编辑
							<script type="text/javascript">
								if("${element.canEdit.value }" == "1"){
									$('input[name="canEdit${element.elementId.elementId }"][value="1"]').attr("checked", true);
								}
								
								function changeCanView(id){ 
									var canEditChecked = $("#canEdit"+id).prop("checked");
									if(canEditChecked == true){
										$("#canView"+id).attr("checked",true);
									}
								}
							</script>
						</td>
						<td class="l-grid-row-cell" style="width: 25%;text-align: center;">
							<select id="isEdit${element.elementId.elementId }" name="isEdit${element.elementId.elementId }">
								<c:forEach items="${requestScope.isEdits }" var="isEdit">
									<option value="${isEdit.value }">${isEdit.dataName }</option>
								</c:forEach> 
							</select>&nbsp;&nbsp;
							<span id="lcxgSpan${element.elementId.elementId }">
								<select name="lcxg${element.elementId.elementId }" id="lcxg${element.elementId.elementId }">
									<c:forEach items="${requestScope.lcxgs }" var="lcxg">
										<option value="${lcxg.value }">${lcxg.dataName }</option>
									</c:forEach>
								</select>
							</span>
							<span id="bdlsSpan${element.elementId.elementId }">
								<select name="bdls${element.elementId.elementId }" id="bdls${element.elementId.elementId }">
									<option value="">请选择</option>
									<c:forEach items="${requestScope.bdlss }" var="bdls">
										<option value="${bdls.serialId }">${bdls.serialName }</option>
									</c:forEach>
								</select>
							</span>
							
							<span id="mrzSpan${element.elementId.elementId }">
								<input type="text" name="mrz${element.elementId.elementId }" id="mrz${element.elementId.elementId }" value=""/> 
							</span>
							
							<span id="bddzSpan${element.elementId.elementId }">
								<select name="bddz${element.elementId.elementId }" id="bddz${element.elementId.elementId }">
									<option value="">请选择</option>
									<c:forEach items="${requestScope.bddzs }" var="bddz">
										<option value="${bddz.formulaId }">${bddz.formulaName }</option>
									</c:forEach>
								</select>
							</span>
							 
							<script type="text/javascript">
								
								$("#isEdit${element.elementId.elementId }").val("${element.isEdit.value }");
								if("${element.isEdit.value }" != 1){
									$("#lcxgSpan${element.elementId.elementId }").hide();
								} else {
									$("#lcxg${element.elementId.elementId }").val("${element.isEditDetail }");
								}
								if("${element.isEdit.value }" != 2){
									$("#bdlsSpan${element.elementId.elementId }").hide();
								} else {
									$("#bdls${element.elementId.elementId }").val("${element.isEditDetail }");
								}

								if("${element.isEdit.value }" != 3){
									$("#mrzSpan${element.elementId.elementId }").hide();
								} else {
									$("#mrz${element.elementId.elementId }").val("${element.editValue }");
								}
								if("${element.isEdit.value }" != 4){
									$("#bddzSpan${element.elementId.elementId }").hide(); 
								} else { 
									$("#bddz${element.elementId.elementId }").val("${element.isEditDetail }"); 
								}
								$("#isEdit${element.elementId.elementId }").change(function(){
									var value = $(this).val();
									if(value == 1){
										$("#lcxgSpan${element.elementId.elementId }").show();
									} else {
										$("#lcxgSpan${element.elementId.elementId }").hide();
									}
									if(value == 2){
										$("#bdlsSpan${element.elementId.elementId }").show();
									} else {
										$("#bdlsSpan${element.elementId.elementId }").hide();
									}

									if(value == 3){
										$("#mrzSpan${element.elementId.elementId }").show();
									} else {
										$("#mrzSpan${element.elementId.elementId }").hide();
									}
									if(value == 4){
										$("#bddzSpan${element.elementId.elementId }").show();  
									} else {
										$("#bddzSpan${element.elementId.elementId }").hide(); 
									}
								}); 
							</script>
						</td>
						<td class="l-grid-row-cell" style="width: 15%;text-align: center;">
							<input type="checkbox" name="noNull${element.elementId.elementId }" id="noNull${element.elementId.elementId }" value="1">不能为空
							<script type="text/javascript">
							if("${element.noNull.value }" == "1"){
								$('input[name="noNull${element.elementId.elementId }"][value="1"]').attr("checked", true);
							}
							</script>
						</td>
						<td class="l-grid-row-cell" style="width: 15%;text-align: center;">
							<input type="checkbox" id="canView${element.elementId.elementId }" name="canView${element.elementId.elementId }" value="1" onclick="changeCanEdit('${element.elementId.elementId }')">可查看
							<script type="text/javascript">
								if("${element.canView.value }" == "1"){
									$('input[name="canView${element.elementId.elementId }"][value="1"]').attr("checked", true);
								}

								function changeCanEdit(id){ 
									var canViewChecked = $("#canView"+id).prop("checked");
									if(canViewChecked == false){
										$("#canEdit"+id).attr("checked",false);
									}
								}
							</script>
                            <input type="hidden" name="elementId" value="${element.elementId.elementId }">
						</td>
						
					</tr>
					
				</c:forEach>
			</tbody>
		</table>
		</center>
		<input type="hidden" id="formId" name="formId" value="${param.formId }">
		<input type="hidden" id="tmodelId" name="tmodelId" value="${param.tmodelId }">
		<input type="hidden" id="modelId" name="modelId" value="${param.modelId }">
		<input type="hidden" id="task" name="task" value="configTacheElement">
	</div>
</div>
</form>
<%@ include file="/include/message.jsp"%>
</body>
</html>