ygtx
/
ygoa_app


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148
							<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>画板</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="../../../css/mui.min.css" rel="stylesheet" />
		<link href="../../../css/OA-style.css" rel="stylesheet" />
		
		<link rel="stylesheet" type="text/css" href="../../../js/single_files/drawingboard.css"/>
		<link rel="stylesheet" type="text/css" href="../../../js/single_files/website.css"/>
		<link rel="stylesheet" type="text/css" href="../../../js/single_files/prism.css"/>
		
		<style type="text/css">
			.board {
				MARGIN: 0px auto;
				WIDTH: 300px;
				HEIGHT: 300px
			}
			
			#default-board {
				WIDTH: 90%;
				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
			}
			
			
			.mui-content {background-color: #FFFFFF;}			
			#title {font-size: 20px;color: #000000;	text-align: center;	padding: 10px 5px 5px 5px;}			
			#time {	padding: 0px 5px;line-height: 16px;	text-align: center;	margin-bottom: 15px;}			
			#noticeType {padding: 0px 5px;line-height: 16px;text-align: center;	margin-bottom: 15px;}			
			.line {	margin: 0 auto;	border-top: 1px solid #ddd}			
			#content {	padding: 10px 15px;	overflow: hidden;width: 100%;line-height: 30px;	}			
			#affix {padding: 10px 15px;	overflow: hidden;width: 100%;line-height: 30px;	}			
			video {	max-width: 100%;}			
			img { max-width: 100%;} 
		</style>
	</head>

	<body>
		<header class="mui-bar mui-bar-nav">
			<a href="" class="mui-action-back back mui-pull-left"><img src="../../../images/back.png"></a>
			<h1 class="mui-title">画板</h1>
		</header>
		<div class="mui-content">
			
			<div class=example data-example="1">
				<div id=default-board class=board></div>
				
			</div>
			<div  align="center" style="height: 80px">
				<a  onclick="getimg()" style="color: #000000;">上传图片</a>	
			</div>
				
		</div>
		<script src="../../../js/mui.min.js"></script>
		<script src="../../../js/app.js"></script>
		<script src="../../../js/config.js"></script>
		
		<script src="../../../js/jquery-1.8.3.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../../js/single_files/drawingboard.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../../js/single_files/board.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../../js/single_files/control.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../../js/single_files/color.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../../js/single_files/drawingmode.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../../js/single_files/navigation.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../../js/single_files/size.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../../js/single_files/download.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../../js/single_files/utils.js" type="text/javascript" charset="utf-8"></script>
		<SCRIPT data-example="1">
			var defaultBoard = new DrawingBoard.Board('default-board');
		</SCRIPT>
		
		<script type="text/javascript">
			var elementID = '';
			var sealInsID = '';
			var path = '';
			var type = ''
			mui.init({
			    beforeback: function() {
			　　　　var list = plus.webview.currentWebview().opener();  			//获得父页面的webview
			        mui.fire(list, 'refresh',{									//触发父页面的自定义事件(refresh),从而进行刷新
			        	sealInsID:sealInsID,
			        	elementID:elementID,
			        	path:path
			        });	
			        return true; //返回true,继续页面关闭逻辑
			    }
			});
			
			
			mui.init();
			mui.plusReady(function(){
				var self = plus.webview.currentWebview();
				elementID = self.elementID;
				type = self.type;
				console.log("AAAA = " + elementID);
			})


			function getimg(){
				var myimg = defaultBoard.getImg();
				console.log(myimg);				

				var url = API.API_URL();
				var serviceId = "bpm_2018V001Board001";
				var state = app.getState(); //获取登陆信息
				var staffId = state.user.useId;
				var obj = {
					userId: staffId,
					img: myimg,
					elementID:elementID,
					type:type
				};
				app.ajax(serviceId,obj, function(data) {
					console.log(JSON.stringify(data));
					sealInsID = data.sealInsID;
					path = data.path;
					mui.back();  
					
				/*	{"sealInsID":"173011538772453","path":"/shares/document/seal/173011194138015.png"}*/
			
				});
			};
		</script>
		
		
	</body>
</html>