art-enrollment
/
server


			
				
					
						
						
							12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879
							<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>签名插件</title>
    <!-- <script src="./js/jquery.min.js"></script> -->
    <script src="../vendor/jquery-3.4.1/jquery.min.js"></script>
    <script type="text/javascript" src="./js/jq-signature.js"></script>
</head>
<body>
<!--签名区域-->
<div class="js-signature"
     data-width="600"
     data-height="400"
     data-border="1px solid #1ABC9C"
     data-background="#16A085"
     data-line-color="#fff"
     data-auto-fit="true">
</div>
<div>
<button id="clearBtn" onclick="clearCanvas();" style="display:none">清空签名</button>
<button id="saveBtn" onclick="saveSignature();"style="display:none" disabled>保存签名</button>
</div>
<script>
var flag = false;
$(function () {
    $('.js-signature').jqSignature();
})

//清除签名
function clearCanvas() {
	flag = false;
  $('.js-signature').jqSignature('clearCanvas');
  $('#saveBtn').attr('disabled', true);
}
//保存签名
function saveSignature() {
  $('#signature').empty();
  var dataUrl = $('.js-signature').jqSignature('getDataURL');
  $.ajax({
	  type: "post",
	  url: '../exam/judge/sign/save.htm',
	  dataType : "json",
	  data: {
		  login_name: parent.document.getElementById('judgeName').value,
		  exam_echo:  parent.document.getElementById('numberBetween').value,
		  ly_room_id: parent.document.getElementById('ly_room_id').value,
		  judge_id: parent.document.getElementById('judge_id').value,
		  data_url: dataUrl
	  },
	  success : function(response) {
		  flag = true;
		  if(response.success) {
			  //alert('签名保存成功！');
		  } else {
			  alert(response.errorMsg);
		  }
	  }
  });
  
}

$('.js-signature').on('jq.signature.changed', function() {
  $('#saveBtn').attr('disabled', false);
});

$('.js-signature').on('touchmove', function(event) {
	if(event && event.preventDefault) {
		event.preventDefault();
	} else {
		window.event.returnValue = false;
	}
});

</script>
</body>
</html>