이미지 편집기 차적조회 기능 추가

src/main/java/cokr/xit/fims/sprt/web/Sprt03Controller.java

@@ -49,7 +49,7 @@ public class Sprt03Controller extends ApplicationController {
 		mav.setViewName("fims/sprt/sprt03020-main");
 		mav.addObject("openerPageName", openerPageName);
 
-		if(fileId != null && !fileId.equals("")) {
+		if(!ifEmpty(fileId, ()->"").equals("")) {
 			mav.addObject("fileId", fileId);
 
 			FileQuery fileQuery = new FileQuery();

src/main/webapp/WEB-INF/jsp/fims/sprt/sprt03020-main.jsp

@@ -76,13 +76,13 @@
 <script>
 var openerPageName = "${openerPageName}";
 
-    //FIXME: pw instance 변수명 변경시 paintweb.js의 imageSaveTo() 내의 2564 line if(pw.image.modified) 변경 필요
-    var pw;
-    var originalInfomation = {};
-    var editableImage = null;
-	var isNumberPlate = false;
 
-    const initEditor = () => {
+var pw;
+var originalInfomation = {};
+var editableImage = null;
+var isNumberPlate = false;
+   
+const initEditor = () => {
    	
     pw = new PaintWeb();
     pw.config.imageLoad = editableImage;
@@ -91,9 +91,9 @@ var openerPageName = "${openerPageName}";
     pw.config.afterImageSave = fnAfterImageSave;
 
     pw.init();
-    };
+};
    
-    function fnImageSaveTo(file, imgWidth, imgHeight, doc, _self){
+function fnImageSaveTo(file, imgWidth, imgHeight, doc, _self){
    	
    	console.log(doc);
    	console.log(_self);
@@ -106,13 +106,13 @@ var openerPageName = "${openerPageName}";
 
     window.opener.pageObject[openerPageName].editPhotoCallback(file, originalInfomation, isNumberPlate);
     return true;
-    };
+};
 
-    function fnAfterImageSave(){
+function fnAfterImageSave(){
 	window.close();
-    };
+};
 
-    $(document).ready(function(){
+$(document).ready(function(){
 
   	var fileInfo = [${fileInfo}];
   	
@@ -127,14 +127,37 @@ var openerPageName = "${openerPageName}";
    		editableImage.onload = function () {
 	        initEditor();
 	        editableImage.style.display = 'none';
+	        
+	        var vhclInfo = window.opener.pageObject[openerPageName].carInfoFunc();
+	        $("input[name='vhrno']").val(vhclInfo.vhrno);
+	        $("input[name='vhclNm']").val(vhclInfo.vhclNm);
+	        $("input[name='vhclColor']").val(vhclInfo.vhclColor);
+	        
+	        $("input[name='vhrno']").on("keyup",function(e){
+	        	if(e.key == "Enter"){
+
+	        		window.opener.pageObject[openerPageName].carLinkFunc(this.value).then(function(result){
+
+		        		if(result.vhrno == null || result.vhrno == ""){
+		        	        $("input[name='vhclNm']").val("");
+		        	        $("input[name='vhclColor']").val("");
+		        	        alert("차량조회 결과가 없습니다.");
+		        		} else {
+		        			$("input[name='vhrno']").val(result.vhrno);
+		        	        $("input[name='vhclNm']").val(result.vhclNm);
+		        	        $("input[name='vhclColor']").val(result.vhclColor);
 		        		}
 		        		
+	        		});
 	        		
+	        	}
+	        });
+       }
    	} else {
    		alert("사진 파일이 없습니다.");
    	}
 
-    });
+});
 </script>
 
 </body>

src/main/webapp/WEB-INF/jsp/index.jsp

@@ -94,7 +94,23 @@
     	var MY_INFO = {};
     	var PARAM_TASK = "${param.taskSeCd}";
     	
-    	
+    	async function getVhclInfo(sggCd, vhrno, levy_stdde){
+    		return new Promise((resolve, reject) => {
+    			json.post({
+    				url: wctx.url("/payer/vehicle.do"),
+    				data: {
+    					sggCd : sggCd,
+    					vhrno : vhrno,
+    					levy_stdde : levy_stdde
+    				},
+    				success: function(resp, textStatus, jqXHR) {
+    					resolve(resp);
+    				},
+    				error: function(jqXHR, textStatus, error) {
+    				}
+    			});
+    		});
+    	};
     	
 		async function fnGetAllTask(){
     		return new Promise((resolve, reject) => {

src/main/webapp/resources/js/fims/photo-main.js

@@ -1,10 +1,13 @@
-function settingPhotoMain(pageName, crdnIdElementId){
+function settingPhotoMain(pageName, crdnIdElementId, carInfoFunc, carLinkFunc){
 	
 	var $P = pageObject[pageName];
 	
 	$P.existFileArr = [];
 	$P.localUploadArr = [];
 
+	$P.carInfoFunc = carInfoFunc;
+	$P.carLinkFunc = carLinkFunc;
+
 	//드래그앤드롭
 	Sortable.create(document.getElementById("dragAndDrop--"+pageName), {
 		onEnd : function(evt){

src/main/webapp/resources/lib/fims/biz/paintweb/layout.js

@@ -79,9 +79,9 @@ let xhtml = `<div xmlns="http://www.w3.org/1999/xhtml">
         <!--<li data-pwTool="eraser">Eraser</li>-->
         <!-- <li data-pwCommand="imageClear">Clear image</li> -->
         <li>
-        	<label class="w-px-60 pe-2 text-sm-end">차량번호</label><input type='text' class='form-control-sm my-1' /><br />
-        	<label class="w-px-60 pe-2 text-sm-end">차량명</label><input type='text' class='form-control-sm my-1' /><br />
-        	<label class="w-px-60 pe-2 text-sm-end">색상</label><input type='text' class='form-control-sm my-1' />
+        	<label class="w-px-60 pe-2 text-sm-end">차량번호</label><input type='text' name='vhrno' class='form-control-sm my-1' /><br />
+        	<label class="w-px-60 pe-2 text-sm-end">차량명</label><input type='text' name='vhclNm' class='form-control-sm my-1' disabled /><br />
+        	<label class="w-px-60 pe-2 text-sm-end">색상</label><input type='text' name='vhclColor' class='form-control-sm my-1' disabled />
         </li>
         
         <li class="paintweb_toolSeparator">&#160;</li>