wuhb
/
oa


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493
							<%@page import="com.yw.core.session.OASession"%>
<%@ page language="java" contentType="text/html;charset=GBK" pageEncoding="GBK"%>
<jsp:useBean id="oasession" class="com.yw.core.session.OASession" scope="session" />
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %> 
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html class=" width960">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=GBK">
<META http-equiv="Cache-Control" content="no-store, no-cache, must-revalidate">
<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" />
<%-- <link href="${pageContext.request.contextPath}/yw/bpm/style/bootstrap.css" rel="stylesheet" type="text/css" /> --%>
<%-- <link href="${pageContext.request.contextPath}/yw/bpm/style/flow.css" rel="stylesheet" type="text/css" /> --%>
<link href="/shares/css/yw/flow/bootstrap.css" rel="stylesheet" type="text/css" />
<link href="/shares/css/yw/flow/flow.css" rel="stylesheet" type="text/css" />
<script src="${pageContext.request.contextPath }/liger/lib/jquery/jquery-1.3.2.min.js" type="text/javascript"></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/ams/flow/amsflow.js"></script>
<script type="text/javascript" src="/shares/js/file.js"></script>
<script type="text/javascript">
	var insId = "${requestScope.flow.insId}";
	var formId = "${requestScope.flow.formId.formId}";
	var nextTacheDialog = null;
	$(function() {
		var nextUserTag = "${requestScope.tmodel.pathJudgeType.value }";
		
		if(nextUserTag == "1"){
			$("[name='nextUser']").hide();
			var nextTmodelId = $("[name='nextTmodelId']").val();
			$("#" + nextTmodelId).show();
		}
		
		$("[name='nextTmodelId']").change(function(){
			$("[name='nextUser']").hide();
			var nextTmodelId = $("[name='nextTmodelId']").val();
			$("#" + nextTmodelId).show();
		});
		$("#instructions").change(function(){
			$("#remark").val($("#instructions").val());
		});
		
	    //当滚动条的位置处于距顶部100像素以下时，跳转链接出现，否则消失
		$(window).scroll(function() {
			if ($(window).scrollTop() > 100) {
				$("#top1").fadeIn(100);
			} else {
				$("#top1").fadeOut(100);
			}
		});
	
		//当点击跳转链接后，回到页面顶部位置 keleyi.com
		$("#top1").click(function() {
			$('body,html').animate({
				scrollTop : 0
			}, 0);
			return false;
		});
	});
	
	function setFrame() {
		var iformIns = document.getElementById("formIns");
		iformIns.height = "100px";
		iformIns.height = formIns.document.body.scrollHeight;
	}
	
	/**
	 * 点击"提交"展示"选择下一环节信息" 
	 */
	function chooseNextTache() {
		window.scrollTo(0,0);
		nextTacheDialog.show();
	}
	
	/**
	 * 初始化"选择下一环节信息"对话框
	 */
	$(function() {
		nextTacheDialog = $.ligerDialog.open({
			width : 1000,
			target : $("#nextTache"),
			showMax : false,
			showToggle : false,
			showMin : false,
			show : false,
			isResize : false,
			modal : true,
			title : "选择下一环节信息",
			allowClose : true,
			containerId : 'processForm'
		});
		nextTacheDialog.hidden();
	});
	
	/**
	 * 关闭"选择下一环节信息"对话框
	 */
	function closeNextTache() {
		nextTacheDialog.hidden();
	}
	
	function saveFlow(actionUrl, formName) {
		var x = $(formName).serializeArray();
		$.each(x, function(i, field) {
			field.value = encodeURI(field.value);
		});
		$.ajax({
			url : actionUrl,
			async : true,
			type : "post",
			data : x,
			success : function(data) {
					addInfo(data);
					var oldTabid = $("#tabid").val();
					window.parent.f_reloadTab(oldTabid);
					window.parent.frames[oldTabid].closeODialog();
			},
			error : function() {
				alert("数据处理失败，请检查网络重新登录或联系管理员！");
			}
		});
	}
	
	function checkForm() {
		var rs = true;
		var pathJudgeType = $("#pathJudgeType").val();
		if (pathJudgeType == "1") {
			rs = $.validate({
				name : "nextTmodelId",
				model : [ {
					type : "require",
					msg : "下一步环节不能为空!"
				} ]
			});
		}
		
		var usersNames = $("[type='text'][id*='usersName']:visible");
		for ( var i = 0; i < usersNames.length; i++) {
			rs = $.validate({
				name : usersNames[i].id,
				model : [ {
					type : "require",
					msg : "下一步环节操作人不能为空!"
				} ]
			}) && rs;
		}
		if (rs) {
			return true;
		}
		return false;
	}
	
	//提交
	function formJs() {
		var rs = checkForm();
		$("#formInsId").val("0");
		if (rs) {
			saveFlow("amsFlowAction.do", "#processForm");
		}
	}
	
	
	//驳回
	function okCheckRequest(){
		//var objParent = document.getElementById("formIns").contentWindow;
		//var sign = objParent.document.getElementById("sign");
		//if(null != sign){
			//if(sign.value==1){
				//var request_id = objParent.document.getElementById("request_id").value;
				//var param = {"request_id":request_id,"request_check_state":2};
				//var action  = 'erpPurchaseRequestAction.do?task=check';
				//sendAjaxParam(param, action, 'json', requestSuccess);
			//}else if(sign.value==2){
				//var ins_id = objParent.document.getElementById("ins_id").value;
				
				//window.parent.frames['${param.tabid }'].closeODialog();
			//}else if(sign.value==3){
				//var outs_id = objParent.document.getElementById("outs_id").value;
				
				//window.parent.frames['${param.tabid }'].closeODialog();
			//}
		//}
		$("#task").val("");
		$("#task").val("return");
		saveFlow("amsFlowAction.do", "#processForm");
	}
</script>
</head>
<body style="background: none;">
<form id="processForm" name="processForm" action="amsFlowAction.do" method="post">
	<input type="hidden" id="productAll" name="productAll" value="">
	<div class="navbar">
		<div class="navbar">
		<div class="navbar-inner1">
			<button type="button" onclick="chooseNextTache();" class="btn">
				<span>提交</span>
			</button>
			<!---->
			<c:if test="${requestScope.tmodel.se.value == 0}">
				<button type="button" onclick="okCheckRequest();" class="btn">
					<span>驳回</span>
				</button>
			</c:if>
			<button type="button" onclick="window.parent.frames['${param.tabid }'].closeODialog();" class="btn">
				<span>关闭</span>
			</button>
		</div>
		<div class="navbar-inner2">
			<c:if test="${requestScope.tmodel.se.value == 1 }">
				<font id="insNameFont" style=" color: black; font-family: 微软雅黑; font-size: 30px; ">${requestScope.flow.insName }</font>
				<input type="text" id="insNameText" style="margin-top: 5px; height: 20px; display: none;" value="${requestScope.flow.insName }">
				<a id="insNameEdit" onClick="changeInsName()">点此编辑标题</a>
				<a id="insNameEnter" onClick="confirmInsName();" style="display: none;">确定</a>
				<input type="hidden" id="insName" name="insName" value="${requestScope.flow.insName }">
			</c:if>
			<c:if test="${requestScope.tmodel.se.value != 1 }">
				<font id="insNameFont" style=" color: black; font-family: 微软雅黑; font-size: 30px; ">${requestScope.flow.insName }</font>
				<font style="color: black; font-family: 微软雅黑; font-size: 20px; ">发起人：${requestScope.flow.creator.username }</font>
				<input type="hidden" id="insName" name="insName" value="${requestScope.flow.insName }">
			</c:if>
		</div>
	</div>
	<div id="word_temp" class="wp" style="position: relative;">
			<div id="print_body">
				<c:if test="${requestScope.flow.formInsId == '0' }">
				<fieldset id="icon-top2">
					<div class="wf_shadow">
						<span class="z corner_41"></span> <span class="y corner_12"></span>
							<c:if test="${requestScope.flow.formInsId == '0' }">
								<iframe width="100%" onload="setFrame();" id="formIns" name="formIns"
										frameborder="0" scrolling="no" style="width:100%;"
										src="${pageContext.request.contextPath}/amsFlowAction.do?task=toInfoDetail&insId=${requestScope.flow.insId}&tinsId=${requestScope.tache.tinsId}" >
								</iframe>
							</c:if>
						<span class="z corner_34"></span> <span class="y corner_23"></span>
					</div>
				</fieldset>
				</c:if>
				<fieldset id="icon-top3" style="border: 1px solid #333333; width: 970px; ">
					<legend>
						<i></i> &nbsp;流程附件
					</legend>
					<div class="forum-container">
						<table class="l-table-edit line" style="margin-left: 10px; width: 950px;">
							<tr>
								<td class="l-table-edit-text">附件：
								</td>
								<td class="l-table-edit-td">
									<c:if test="${fn:length(requestScope.fileList) > 0 }">
										<table>
											<tr>
												<td width="20%">上传环节</td>
												<td width="20%">上传人</td>
												<td width="60%">附件</td>
											</tr>
											<c:forEach items="${requestScope.fileList }" var="file">
												<tr>
													<td>${file.file_model_name}</td>
													<td>${file.file_create_name}</td>
													<td><span class="l-file" len="15">${file.file_value}</span></td>
												</tr>
											</c:forEach>
										</table>
									</c:if>
									<jsp:include page="/include/file.jsp">						
										<jsp:param name="fieldName" value="fileId"/>								
										<jsp:param name="folder" value="ams/flow"/>
										<jsp:param name="documentId" value=""/>
										<jsp:param name="size" value="20"/>	
										<jsp:param name="isDelFile" value="1"/>					
									</jsp:include>
								</td>
							</tr>
						</table>
					</div>
				</fieldset>
				<fieldset id="icon-top4"
					style="border: 1px solid #333333; width: 970px; ">
					<legend>
						<i></i> &nbsp;流程审批
					</legend>
					<div class="forum-container">
						<table class="l-table-edit line" style="margin-left: 10px; width: 950px;">
							<tr>
								<td class="l-table-edit-text" rowspan="2">环节审批：
								</td>
								<td class="l-table-edit-td">
								<select id="instructions" style="width: 200px;">
									<option value="">常用批示语</option>
									<c:forEach items="${requestScope.inList }" var="in">
										<option value="${in.instructions }">${in.instructions }</option>
									</c:forEach>
								</select>
								</td>
							</tr>
							<tr>
								<td class="l-table-edit-td">
									<textarea rows="5" cols="100" id="remark" name="remark"></textarea>
								</td>
							</tr>
						</table>
						<table class="l-table-edit line" style="margin-left: 10px; width: 950px;">
							<tr>
								<td class="l-table-edit-td" colspan="2">
									备注及审批意见：
								</td>
							</tr>
							<c:forEach items="${requestScope.tList }" var="tinstance">
								<c:if test="${tinstance.remark != null && fn:length(tinstance.remark) > 0 }">
									<tr>
										<td class="l-table-edit-text">${tinstance.user.username }</td>
										<td>${tinstance.remark }</td>
									</tr>
								</c:if>
							</c:forEach>
						</table>
					</div>
				</fieldset>
				<fieldset id="icon-top5" style="border: 1px solid #333333; height: 300px;">
					<legend>
						<i></i> &nbsp;流转过程
					</legend>
					<div id="maingrid2">
						<table class="l-table-edit line" style="margin-left: 10px; width: 950px;" id="tableProcess">
							<tr>
								<td>环节名称</td>
								<td>操作人</td>
								<td>状态</td>
								<td>环节启动时间</td>
								<td>环节结束时间</td>
							</tr>
							<c:forEach items="${requestScope.tList }" var="tinstance">
								<tr>
									<td>${tinstance.tmodelId.tmodelName }</td>
									<td>${tinstance.user.username }</td>
									<td>${tinstance.state.dataName }</td>
									<td><fmt:formatDate value="${tinstance.createdate}" pattern="yyyy-MM-dd hh:mm:ss"/></td>
									<td><fmt:formatDate value="${tinstance.finishdate}" pattern="yyyy-MM-dd hh:mm:ss"/></td>
								</tr>
								<!-- <fmt:formatDate value="${ins.ins_create_date }" pattern="yyyy-MM-dd"/> -->
							</c:forEach>
						</table>
						</div>
				</fieldset>
				<!-- <fieldset id="icon-top6" style="border: 1px solid #333333; width: 970px; ">
					<legend>
						<i></i> &nbsp;流程图
					</legend>
					<div style="margin-left: 10px; width: 950px;">开发中......</div>
				</fieldset> -->
				
				<fieldset></fieldset>
				<br>
			</div>
		
	</div>
	<!-- end nav-->
	<input type="hidden" id="tmodelId" name="tmodelId" value="${requestScope.tmodel.tmodelId }">
	<input type="hidden" id="tinsId" name="tinsId" value="${requestScope.tache.tinsId }">
	<input type="hidden" id="preTinsId" name="preTinsId" value="${requestScope.tache.preTinsId }">
	<input type="hidden" id="insId" name="insId" value="${requestScope.flow.insId }">
	<input type="hidden" id="modelId" name="modelId" value="${requestScope.fmodel.modelId }">
	<input type="hidden" id="task" name="task" value="process">
	<input type="hidden" id="formInsId" name="formInsId" value="${requestScope.flow.formInsId }">
	<input type="hidden" id="tabid" name="tabid" value="${param.tabid }">
	<input type="hidden" id="groupid" name="groupid" value="${requestScope.flow.groupid.groupId}">
	<input type="hidden" id="isMoreIns" name="isMoreIns" value="${requestScope.tmodel.isMoreIns.value }">
	<input type="hidden" id="pathJudgeType" name="pathJudgeType" value="${requestScope.tmodel.pathJudgeType.value }">
	<p class="back-to-top" id="top1" style="display: block;">
		<a href="#top"><span></span>返回顶部</a>
	</p>
	<c:if test="${requestScope.flow.formInsId == '0' }">
	<p class="back-to-top" id="top2" style="display: block;">
		<a href="#icon-top2"><span></span>查看表单</a>
	</p>
	</c:if>
	<p class="back-to-top" id="top3" style="display: block;">
		<a href="#icon-top3"><span></span>查看附件</a>
	</p>
	<p class="back-to-top" id="top4" style="display: block;">
		<a href="#icon-top4"><span></span>审批意见</a>
	</p>
	<p class="back-to-top" id="top5" style="display: block;">
		<a href="#icon-top5"><span></span>流转过程</a>
	</p>
	<!-- <p class="back-to-top" id="top6" style="display: block;">
		<a href="#icon-top6"><span></span>流程图 </a>
	</p> -->
	<div id="nextTache">
		<div class="forum-container">
			<table class="l-table-edit line" style="margin-left: 10px; width: 950px;">
				<tr>
					<th colspan="2">选择下一环节信息</th>
			 	</tr>
				<c:choose>
					<c:when test="${requestScope.tmodel.pathJudgeType.value == 1 }">
						<tr>
							<td class="l-table-edit-text" rowspan="2">下一环节<FONT COLOR="red">*</FONT>：
							</td>
							<td class="l-table-edit-td">
								<select id="nextTmodelId" name="nextTmodelId" class="width_150" style="margin-top: 4px; margin-bottom: 2px;">
									<c:forEach items="${requestScope.nextTmodels }" var="tmodel">
										<option value="${tmodel.nextTmodelId.tmodelId }">${tmodel.nextTmodelId.tmodelName }</option>
									</c:forEach>
								</select>
							</td>
						</tr>
						<c:forEach items="${requestScope.nextHandTmodels }" var="nhTmodel" varStatus="count">
							<tbody id="${nhTmodel.nextTmodelId.tmodelId }" name="nextUser">
								<tr>
									<td class="l-table-edit-text">下一环节操作人<FONT COLOR="red">*</FONT>：
									</td>
									<td class="l-table-edit-td">
										<input type="text" class="width_150" style="margin-top: 4px;" id="usersName${nhTmodel.nextTmodelId.tmodelId }" name="usersName${nhTmodel.nextTmodelId.tmodelId }" value="">
 										<input type="hidden" id="users${nhTmodel.nextTmodelId.tmodelId }" name="users${nhTmodel.nextTmodelId.tmodelId }" value="">
 										<input type="button" class="btn" style="height: 25px;" id="usersButton${nhTmodel.nextTmodelId.tmodelId }" name="usersButton${nhTmodel.nextTmodelId.tmodelId }" value="选择人员">
									</td>
								</tr>
								<script type="text/javascript">
									$(document).ready(function(){
										loadTypeTree("usersButton${nhTmodel.nextTmodelId.tmodelId }",{type:"user", tab:"1", backId:"users${nhTmodel.nextTmodelId.tmodelId }", backName:"usersName${nhTmodel.nextTmodelId.tmodelId }", tabParam:[{tab:"1", isMultiDept:"1"}]});
									});
								</script>
							</tbody>
						</c:forEach>
					</c:when>
					<c:when test="${requestScope.tmodel.pathJudgeType.value == 0 }">
						<c:if test="${fn:length(requestScope.nextHandTmodels) > 0}">
							<tr>
								<td class="l-table-edit-text">下一环节操作人<FONT COLOR="red">*</FONT>：
								</td>
								<td class="l-table-edit-td"></td>
							</tr>
						</c:if>
						<c:forEach items="${requestScope.nextHandTmodels }" var="nhTmodel" varStatus="count">
							<tbody id="${nhTmodel.nextTmodelId.tmodelId }" name="nextUser">
								<tr>
									<td class="l-table-edit-text">${nhTmodel.nextTmodelId.tmodelName }<FONT COLOR="red">*</FONT>：
									</td>
									<td class="l-table-edit-td">
										<input type="text" class="width_150" style="margin-top: 4px;" id="usersName${nhTmodel.nextTmodelId.tmodelId }" name="usersName${nhTmodel.nextTmodelId.tmodelId }" value="">
 										<input type="hidden" id="users${nhTmodel.nextTmodelId.tmodelId }" name="users${nhTmodel.nextTmodelId.tmodelId }" value="">
 										<input type="button" class="btn" style="height: 25px;" id="usersButton${nhTmodel.nextTmodelId.tmodelId }" name="usersButton${nhTmodel.nextTmodelId.tmodelId }" value="选择人员">
									</td>
								</tr>
								<script type="text/javascript">
									$(document).ready(function(){
										loadTypeTree("usersButton${nhTmodel.nextTmodelId.tmodelId }",{type:"user", tab:"1", backId:"users${nhTmodel.nextTmodelId.tmodelId }", backName:"usersName${nhTmodel.nextTmodelId.tmodelId }", tabParam:[{tab:"1", isMultiDept:"1"}]});
									});
								</script>
							</tbody>
						</c:forEach>
					</c:when>
				</c:choose>
				<tr>
					<td class="l-table-edit-text">当前环节名称：
					</td>
					<td class="l-table-edit-td">
					<input type="hidden" id="tmodelName" name="tmodelName" value="${requestScope.tmodel.tmodelName }">
						${requestScope.tmodel.tmodelName }
					</td>
				</tr>
				<tr>
					<td class="l-table-edit-text">
					</td>
					<td class="l-table-edit-td">
						<input type="checkbox" id="isNextSms" name="isNextSms" value="1"
						<c:if test="${requestScope.tmodel.isSms.value ==  1}">
						checked="checked"
						</c:if>
						>&nbsp;短信通知下一环节操作人
					</td>
				</tr>
				<tr>
					<td style="text-align: center;" colspan="2">
						<button type="button" onClick="formJs()" class="btn">
							<span>提交</span>
						</button>
						<button type="button" onClick="closeNextTache()" class="btn">
							<span>关闭</span>
						</button>
					</td>
				</tr>
			</table>
		</div>
	</div>
</form>
</body>
</html>