344 lines
10 KiB
Plaintext
344 lines
10 KiB
Plaintext
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
|
|
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
|
|
<%@ page import="com.pms.common.utils.*"%>
|
|
<%@ page import="java.util.*"%>
|
|
<%@include file="/init.jsp"%>
|
|
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<c:set var="now" value="<%=new java.util.Date() %>" />
|
|
<c:set var="sysYear"><fmt:formatDate value="${now}" pattern="yyyy" /></c:set>
|
|
<title><%=Constants.SYSTEM_NAME%></title>
|
|
<script type="text/javascript"></script>
|
|
<script>
|
|
$(document).ready(function() {
|
|
$(".WRITER").val('<%=connectUserName%>');
|
|
/* $(".select2").each(function(i,o){
|
|
$(this).val( $(this).attr("data-value") ).trigger("change");
|
|
}); */
|
|
selectSetVal("data-select", true);
|
|
$('.select2').select2();
|
|
fnc_datepick2(); //달력
|
|
|
|
$("input:text[numberOnly]").on("keyup", function() {
|
|
$(this).val(fnc_addComma($(this).val().replace(/[^0-9]/g,"")));
|
|
});
|
|
|
|
$("#USER_CHECK").change(function() {
|
|
// USER_CHECK 체크박스의 상태를 확인합니다.
|
|
if ($(this).is(":checked")) {
|
|
// 모든 요소를 선택합니다.
|
|
$("input[type='checkbox']").prop("checked", true);
|
|
} else {
|
|
// USER_CHECK 체크박스가 해제된 경우 모든 요소의 선택을 해제합니다.
|
|
$("input[type='checkbox']").prop("checked", false);
|
|
}
|
|
});
|
|
|
|
$("input[name*=QTY]").each(function(){
|
|
$(this).val(fnc_addComma($(this).val()));
|
|
});
|
|
|
|
//닫기
|
|
$("#btnclear").click(function(){
|
|
clearCanvas();
|
|
});
|
|
|
|
//자재불출
|
|
$("#btnAccept").click(function(){
|
|
fn_accept();
|
|
});
|
|
|
|
|
|
$("#btnSave").click(function(event) {
|
|
fn_save(event);
|
|
});
|
|
|
|
$("#btnApply").click(function(){
|
|
fn_Apply();
|
|
});
|
|
|
|
|
|
//체크박스 전체선택/전체해제
|
|
$("#allCheck").click(function(){
|
|
if($("#allCheck").prop("checked")) {
|
|
$("input[name=chk_objId]").prop("checked",true);
|
|
} else {
|
|
$("input[name=chk_objId]").prop("checked",false);
|
|
}
|
|
});
|
|
|
|
$("#btnDelete").click(function(){
|
|
fn_deleteWBSTask2();
|
|
});
|
|
|
|
|
|
// 삭제 버튼 클릭 이벤트
|
|
$('#clearButton').on('click', function(event) {
|
|
// 기본 동작 방지
|
|
event.preventDefault();
|
|
// 캔버스를 클리어합니다.
|
|
clearCanvas();
|
|
});
|
|
|
|
$('.sign_icon').on('click', function(event) {
|
|
// 캔버스 클리어
|
|
clearCanvas();
|
|
// 이벤트의 기본 동작을 막습니다. (링크의 기본 동작인 페이지 이동을 막기 위해)
|
|
event.preventDefault();
|
|
|
|
// 클릭된 요소의 OBJID를 가져옵니다.
|
|
var objid = $(this).data('objid');
|
|
|
|
// 서버에 데이터를 요청합니다.
|
|
$.ajax({
|
|
url: '/inventoryMng/materialRequestDetailPopUpsign.do',
|
|
type: 'POST',
|
|
data: { objid: objid },
|
|
dataType: 'json', // 이미지 데이터이므로 json으로 처리합니다.
|
|
success: function(data) {
|
|
// 받은 데이터를 콘솔에 출력합니다.
|
|
console.log(data);
|
|
|
|
// 이미지 데이터가 존재하는 경우
|
|
if (data.length > 0 && data[0].SIGN) {
|
|
drawImageOnCanvas(data[0].SIGN);
|
|
} else {
|
|
console.error('No image data found in the response.');
|
|
}
|
|
},
|
|
error: function(jqxhr, status, error) {
|
|
// 에러 처리
|
|
console.error('Error:', error);
|
|
}
|
|
});
|
|
});
|
|
|
|
|
|
});
|
|
|
|
</script>
|
|
<script>
|
|
//캔버스에 이미지를 그리는 함수
|
|
function drawImageOnCanvas(imageData) {
|
|
// 이미지 객체 생성
|
|
var image = new Image();
|
|
// 이미지 데이터 할당
|
|
image.src = imageData;
|
|
|
|
// 이미지가 로드된 후에 캔버스에 그리기
|
|
image.onload = function() {
|
|
var canvas = document.getElementById('drawCanvas');
|
|
var ctx = canvas.getContext('2d');
|
|
// 이미지를 캔버스에 그립니다.
|
|
ctx.drawImage(image, 0, 0);
|
|
};
|
|
}
|
|
|
|
// 캔버스 초기화 함수
|
|
function clearCanvas() {
|
|
var canvas = document.getElementById('drawCanvas');
|
|
var ctx = canvas.getContext('2d');
|
|
// 캔버스 영역을 클리어합니다.
|
|
ctx.clearRect(0, 0, canvas.width, canvas.height);
|
|
}
|
|
/* function fn_reload(){
|
|
location.reload();
|
|
} */
|
|
|
|
function receiveData(data) {
|
|
var formData = JSON.parse(data);
|
|
console.log("Received data:", formData);
|
|
}
|
|
|
|
function fn_save() {
|
|
var canvas = document.getElementById("drawCanvas");
|
|
var sign = canvas.toDataURL("image/png");
|
|
|
|
console.log("SIGN:", sign);
|
|
|
|
$("#sign").val(sign);
|
|
|
|
// 부모 창에서 데이터를 받습니다.
|
|
var dataFromParent = JSON.parse(window.opener.dataForPopup);
|
|
|
|
// data 객체를 생성합니다.
|
|
var data = {
|
|
sign: sign,
|
|
};
|
|
|
|
// dataFromParent를 순회하면서 data 객체에 필드를 추가합니다.
|
|
for (var i = 0; i < dataFromParent.length; i++) {
|
|
var name = dataFromParent[i].name;
|
|
var value = dataFromParent[i].value;
|
|
|
|
if (data.hasOwnProperty(name)) {
|
|
// 동일한 이름을 가진 필드가 이미 존재하면, 이 필드의 값을 배열로 만듭니다.
|
|
if (!Array.isArray(data[name])) {
|
|
data[name] = [data[name]];
|
|
}
|
|
data[name].push(value);
|
|
} else {
|
|
data[name] = value;
|
|
}
|
|
}
|
|
|
|
console.log("Data:", data);
|
|
|
|
$.ajax({
|
|
url:"/inventoryMng/savesignInventoryTransfer.do",
|
|
type:"POST",
|
|
data: $.param(data, true), // jQuery.param() 함수를 사용하여 데이터를 쿼리 문자열로 변환합니다.
|
|
dataType:"json",
|
|
async:false,
|
|
success:function(data){
|
|
alert(data.message);
|
|
window.opener.location.reload();
|
|
window.close();
|
|
|
|
// 서버로부터 반환된 데이터를 처리합니다.
|
|
console.log("서버로부터 반환된 데이터:", data);
|
|
},
|
|
error: function(jqxhr, status, error){
|
|
// 에러 처리 코드를 추가할 수 있습니다.
|
|
}
|
|
});
|
|
}
|
|
|
|
|
|
|
|
function startup() {
|
|
const el = document.getElementById("drawCanvas");
|
|
el.addEventListener("touchstart", handleStart);
|
|
el.addEventListener("touchend", handleEnd);
|
|
el.addEventListener("touchcancel", handleCancel);
|
|
el.addEventListener("touchmove", handleMove);
|
|
}
|
|
|
|
document.addEventListener("DOMContentLoaded", function() {
|
|
var canvas = document.getElementById("drawCanvas");
|
|
var ctx = canvas.getContext("2d");
|
|
var isDrawing = false;
|
|
var lastX = 0;
|
|
var lastY = 0;
|
|
|
|
ctx.lineWidth = 10;
|
|
|
|
// 터치 이벤트 처리
|
|
canvas.addEventListener("touchstart", function(e) {
|
|
e.preventDefault();
|
|
isDrawing = true;
|
|
var touch = e.touches[0];
|
|
[lastX, lastY] = [touch.clientX - canvas.offsetLeft, touch.clientY - canvas.offsetTop];
|
|
});
|
|
|
|
canvas.addEventListener("touchmove", function(e) {
|
|
e.preventDefault();
|
|
if (!isDrawing) return;
|
|
var touch = e.touches[0];
|
|
var x = touch.clientX - canvas.offsetLeft;
|
|
var y = touch.clientY - canvas.offsetTop;
|
|
ctx.beginPath();
|
|
ctx.moveTo(lastX, lastY);
|
|
ctx.lineTo(x, y);
|
|
ctx.stroke();
|
|
[lastX, lastY] = [x, y];
|
|
});
|
|
|
|
canvas.addEventListener("touchend", function() {
|
|
isDrawing = false;
|
|
});
|
|
|
|
canvas.addEventListener("touchcancel", function() {
|
|
isDrawing = false;
|
|
});
|
|
|
|
// 마우스 이벤트 처리
|
|
canvas.addEventListener("mousedown", function(e) {
|
|
isDrawing = true;
|
|
[lastX, lastY] = [e.offsetX, e.offsetY];
|
|
});
|
|
|
|
canvas.addEventListener("mousemove", function(e) {
|
|
if (isDrawing) {
|
|
var x = e.offsetX;
|
|
var y = e.offsetY;
|
|
ctx.beginPath();
|
|
ctx.moveTo(lastX, lastY);
|
|
ctx.lineTo(x, y);
|
|
ctx.stroke();
|
|
[lastX, lastY] = [x, y];
|
|
}
|
|
});
|
|
|
|
canvas.addEventListener("mouseup", function() {
|
|
isDrawing = false;
|
|
});
|
|
|
|
canvas.addEventListener("mouseout", function() {
|
|
isDrawing = false;
|
|
});
|
|
});
|
|
|
|
|
|
|
|
</script>
|
|
</head>
|
|
<body>
|
|
<form name="hiddenForm" id="hiddenForm" method="post">
|
|
<!-- <input type="hidden" name="OBJID" id="OBJID"> -->
|
|
<input type="hidden" name="PARENT_OBJID" id="PARENT_OBJID" value="${param.OBJID}">
|
|
</form>
|
|
<form name="form1" id="form1" action="" method="post" style="height: 100%;">
|
|
<input type="hidden" name="INVENTORY_REQUEST_MASTER_OBJID" id="INVENTORY_REQUEST_MASTER_OBJID" value="${resultMap.OBJID}">
|
|
<input type="hidden" name="RECEPTION_STATUS" id="RECEPTION_STATUS" value="${param.RECEPTION_STATUS}">
|
|
<input type="hidden" name="OUTSTATUS" id="OUTSTATUS" value="${param.OUTSTATUS}">
|
|
<input type="hidden" name="projectObjId" value="${param.OBJID}">
|
|
<input type="hidden" name="parentObjId">
|
|
<input type="hidden" name="taskObjId">
|
|
<input type="hidden" name="projStep">
|
|
<input type="hidden" name="status">
|
|
<input type="hidden" name="sign" id="sign">
|
|
|
|
<%-- <input type="hidden" name="OBJID" value="${param.OBJID}"> --%>
|
|
|
|
<div class="plm_menu_name">
|
|
|
|
</div>
|
|
<section class="contents_page_basic_margin" style=" height: 560px;">
|
|
<div>
|
|
<table class="pmsPopupForm" style="z-index:99;; left-margin: 0;">
|
|
<colgroup>
|
|
<col width="10%">
|
|
<col width="10%">
|
|
<col width="20%">
|
|
<col width="10%">
|
|
<col width="20%">
|
|
<col width="1%">
|
|
<col width="7%">
|
|
</colgroup>
|
|
<tr>
|
|
<td class="input_sub_title">
|
|
<div class="canvas-container">
|
|
<canvas id="drawCanvas" width= "500" height= "500" style="border:1px solid black ;z-index: 4;position: relative;"></canvas>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<div class="btn_wrap" style="top:-35px">
|
|
<div class="plm_btn_wrap_center">
|
|
<input type="button" value="저장" id="btnSave" class="plm_btns">
|
|
<input type="button" value="비우기" id="btnclear" class="plm_btns">
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</body>
|
|
</html>
|
|
|