wuhb
/
oa


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542
							<%@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="/shares/js/yw/master1/liger/skins/ynet/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" />
<link href="/shares/css/yw/master1/reset.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>

<link rel="stylesheet" type="text/css" href="/shares/css/yw/master1/win/jquery.jscrollpane.codrops1.css" />

<script type="text/javascript" src="/shares/js/yw/master1/common.js"></script>

<script type="text/javascript" src="/shares/js/yw/master1/jquery.mousewheel.js"></script>
<!-- the jScrollPane script -->
<script type="text/javascript" src="/shares/js/yw/master1/jquery.jscrollpane.min.js"></script>
<script type="text/javascript" src="/shares/js/yw/master1/scroll-startstop.events.jquery.js"></script>
<script type="text/javascript" src="/shares/js/yw/master1/scroll.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();
				item('mtAmsFlowAction.do?task=toDealList');
			},
			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>
<style type="text/css">
.jp-container {
	height: 500px;
	position: relative;
	overflow: hidden;
}

span[id$="_filespan"] ul {
	list-style-type: none;
	float: left;
}
</style>
</head>
<body style="background: none; overflow: hidden;" ontouchmove="event.preventDefault();">
	<form id="processForm" name="processForm" action="amsFlowAction.do" method="post">
		<input type="hidden" id="productAll" name="productAll" value="">
		<div class="s_title b10 f6">
			<img src="/shares/images/master1/gg_ico.png" width="27" height="26" /> 申请审批
			<div class="article_title">
<!-- 				<input class="art_back" title="返回" name="" onclick="history.back();" type="button" /> -->
<!-- 				<input class="art_sub" title="提交" name="" type="button" value="" onclick="submitArchiveForm()" /> -->
<%-- 				<input name="projId" id="projId" type="hidden" value="${requestScope.task.proj_id}" /> --%>
<%-- 				<input name="fromUrl" id="fromUrl" type="hidden" value="${requestScope.fromUrl}" /> --%>
					<button type="button" onclick="chooseNextTache();" class="btn">
						提交
					</button>
					<!---->
					<c:if test="${requestScope.tmodel.se.value == 0}">
						<button type="button" onclick="okCheckRequest();" class="btn">
							驳回
						</button>
					</c:if>
					<button type="button" onclick="history.back();" class="btn">
						返回
					</button>
			</div>
		</div>
		<div id="jp-container" class="jp-container liuyan">
			<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" style="margin-top: 0px;">
					<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="erp/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>
		</div>
	</form>
</body>
</html>