wuhb
/
oa


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266
							<%@ 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">
<META content=IE=edge,chrome=1 http-equiv=X-UA-Compatible>
<META name=description content="">
<META name=viewport content=width=device-width>
<title>印章选择</title>
<link href="main.css" rel="stylesheet" type="text/css"></link>
<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 rel=stylesheet href="/shares/single/single_files/prism.css">
<LINK rel=stylesheet href="/shares/single/single_files/website.css">
<LINK rel=stylesheet href="/shares/single/single_files/drawingboard.css">

<%-- <script src="${pageContext.request.contextPath }/liger/lib/jquery/jquery-1.3.2.min.js" type="text/javascript"></script> --%>
<script type="text/javascript" src="/shares/js/jquery-1.8.2.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/oa.js"></script> 
<script type="text/javascript" src="/shares/js/yw/bpm/seal/seal.js"></script> 
<script type="text/javascript" src="/shares/js/file.js"></script>
<script type="text/javascript" src="/shares/js/yw/bpm/promptDefine.js"></script> 

<SCRIPT src="/shares/single/single_files/drawingboard.js"></SCRIPT> 
<SCRIPT src="/shares/single/single_files/board.js"></SCRIPT> 
<SCRIPT src="/shares/single/single_files/control.js"></SCRIPT> 
<SCRIPT src="/shares/single/single_files/color.js"></SCRIPT> 
<SCRIPT src="/shares/single/single_files/drawingmode.js"></SCRIPT> 
<SCRIPT src="/shares/single/single_files/navigation.js"></SCRIPT> 
<SCRIPT src="/shares/single/single_files/size.js"></SCRIPT> 
<SCRIPT src="/shares/single/single_files/download.js"></SCRIPT> 
<SCRIPT src="/shares/single/single_files/utils.js"></SCRIPT>
<STYLE type="text/css">
body {
	background-color: white;
}

.board {
	MARGIN: 0px auto;
	WIDTH: 300px;
	HEIGHT: 300px
}

#default-board {
	WIDTH: 400px;
	HEIGHT: 200px
}

#custom-board-2 {
	WIDTH: 550px;
	HEIGHT: 300px
}

#title-board {
	WIDTH: 600px;
	HEIGHT: 270px
}

#title-board .drawing-board-canvas-wrapper {
	BORDER-BOTTOM: medium none;
	BORDER-LEFT: medium none;
	MARGIN: 0px;
	BORDER-TOP: medium none;
	BORDER-RIGHT: medium none
}
</STYLE>
<script type="text/javascript">
$(document).ready(function(){ 
	$("#selecttbody2").hide();
	var result = "${requestScope.result}";;
	if(result != null && result != ""){
		if(result == "0"){
			alert("密码错误！");
		}else if(result == "1"){
			alert("印章或密码不能为空！");
		}else if(result == "2"){
			alert("网络错误，请联系管理员！");
		}
	}
});

function checkForm(){
	var rs = true;
	if($("#selecttbody1").is(':visible')){ 
		rs = $.validate({
			name : "sealId",
			model : [ {
				type : "require",
				msg : "印章名称不能为空！",
				msgBox : "sealIdMsg"
			}]
		}) && rs;
		rs = $.validate({
			name : "sealPwd",
			model : [ {
				type : "require",
				msg : "印章密码不能为空！"
			}]
		}) && rs ;
		$("#task").val("valPwd");
	}
	if($("#selecttbody2").is(':visible')){
 		$("#sealSel").attr('disabled',true);
		uploadImg(); 
		rs = $.validate({
			name : "fileName",
			msgBox : "fileNameMsg",
			model : [ {
				type : "require",
				msg : "手写签名上传失败！"
			} ]
		}) && rs; 
		$("#task").val("writeseal"); 
	} 
	if(rs){
 		$("#sealSel").attr('disabled',true);
		$("#cform").submit(); 
	}else{
 		$("#sealSel").attr('disabled',false);
		return;
	}  
}

function showtbody(num) {
	if (num == "1") {
		window.parent.win1._setWidth(350);
		window.parent.win1._setHeight(200); 
		window.parent.win1._onReisze();
		$("#selecttbody2").hide();
		$("#selecttbody1").show();
		$("#imgtype").val("1"); 
	} else if (num == "2") {
		window.parent.win1._setWidth(600);
		window.parent.win1._setHeight(400); 
		window.parent.win1._onReisze();
		$("#selecttbody1").hide();
		$("#selecttbody2").show();
		$("#imgtype").val("2"); 
	}
}

function uploadImg() {  
	var myimg = defaultBoard.getImg();
	$("#fileName").val(""); 
	if(myimg == "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAY4AAAClCAYAAABLGBo9"
		+"AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAEVSURBVHhe7cEBDQAAAMKg909tDwcEAAAAAAAA"
		+"AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA"
		+"AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA"
		+"AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA"
		+"AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA"
		+"AAAAAAAAAAAfagL5AAGY0uPkAAAAAElFTkSuQmCC")
	{
		addError("签名不能为空！"); 
	}else{
		var fileName = $("#fileName").val();
		$.ajax({
			type : "POST",
			url : "SealAction.do?date=" + new Date()
					+ "&task=saveSealPng&fileName="+fileName,
			data : {img:myimg},  
			timeout : 10000,
			async : false,
			success : function(msg) { 
				if(msg!="-1"){ 
					$("#fileName").val(msg);  
				}
			}
		});
	}  
}
</script>
</head>
<body>
<form action="SealAction.do" method="post" id="cform" name="cform" >
<div id="title" class="form-button" style="width : 100%;">
	<input type="button" id="sealSel" name="sealSel" class="l-button" onclick="checkForm();" 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="radio"
					id="selectType1" name="selectType" 
					checked="checked" onclick="showtbody('1');">选择印章 <input
					type="radio" id="selectType2" name="selectType"  
					onclick="showtbody('2');">手写签名</td>
			 </tr>
			 <tbody id="selecttbody1">
			 <tr>
			 	<td class="l-table-edit-text">印章名称<FONT COLOR="red">*</FONT>：</td>
			 	<td class="l-table-edit-td">
			 		<select name="sealId" id="sealId"> 
			 			<option value="">==请选择==</option>
						<c:forEach items="${requestScope.sealList }" var="seal">
							<c:if test="${seal.sealId == requestScope.sealId }">
								<option value="${seal.sealId }" selected="selected">${seal.sealName }</option>
							</c:if>
							<c:if test="${seal.sealId != requestScope.sealId }">
								<option value="${seal.sealId }">${seal.sealName }</option>
							</c:if>
						</c:forEach>
					</select>
                    <lable id="sealIdMsg" name="sealIdMsg"></lable>
			 	</td>
			 </tr>
			 <tr>
			 	<td class="l-table-edit-text">印章密码<FONT COLOR="red">*</FONT>：</td>
			 	<td class="l-table-edit-td">
			 		<input type="password" class="width_150" id="sealPwd" name="sealPwd" value="">
			 	</td>
			 </tr>
			 </tbody>
 			 <tbody id="selecttbody2">
				<tr>
					<td class="l-table-edit-text">手写签名<FONT COLOR="red">*</FONT>：
					</td>
					<td class="l-table-edit-td"> 
							<DIV class=example data-example="1" style="background-color: #fff;border:1px solid #dedede;margin: 0px;"> 
								 <DIV id=default-board class=board  style="background-color: #fff;">  
								</DIV>
							</DIV> 
						 <SCRIPT data-example="1">
							//create the drawingboard by passing it the #id of the wanted container
							var defaultBoard = new DrawingBoard.Board(
									'default-board');
						</SCRIPT>  
					</td>
				</tr>  
				 <tr>
				 	<td class="l-table-edit-text"></td>
				 	<td class="l-table-edit-td">
				 		<input type="hidden" id="fileName" name="fileName"> 
						<lable id="fileNameMsg" name="fileNameMsg"></lable> 
				 	</td>
				 </tr>
			 </tbody>

			 
			</table>
			<input type="hidden" id="task" name="task" value="valPwd">
			<input type="hidden" id="tabid" name="tabid" value="${param.tabid }">
			<input type="hidden" id="sumtype" name="sumtype" value="notajax"> 
			<input type="hidden" id="tableField" name="tableField" value="${requestScope.tableField}"> 
			<input type="hidden" id="imgtype" name="imgtype" value="1">
		 </center>
	</div>

</div>
</form>
<%@ include file="/include/message.jsp"%>
</body>
</html>