Sfoglia il codice sorgente

모바일 퍼블리싱 적용

juney 2 anni fa
parent
commit
15506b70ac
42 ha cambiato i file con 4709 aggiunte e 628 eliminazioni
  1. 9 9
      bin/src/main/webapp/js/app/config.js
  2. 1 0
      bin/src/main/webapp/js/app/oper/ITP_OPER03010.js
  3. 1 1
      bin/src/main/webapp/js/app/stinfo/ITP_STINFO02010.js
  4. 2 12
      src/main/webapp/js/app/config.js
  5. 7 7
      src/main/webapp/js/app/oper/ITP_OPER03010.js
  6. 6 4
      src/main/webapp/js/app/oper/ITP_OPER04010.js
  7. 3 3
      src/main/webapp/js/app/stinfo/ITP_STINFO02010.js
  8. 16 0
      src/main/webapp/mobile/app/loading.html
  9. 36 105
      src/main/webapp/mobile/app/login.html
  10. 66 487
      src/main/webapp/mobile/app/main.html
  11. 245 0
      src/main/webapp/mobile/app/mcollmng/MCOLLMNG01010.html
  12. 264 0
      src/main/webapp/mobile/app/mcollmng/MCOLLMNG02010.html
  13. 275 0
      src/main/webapp/mobile/app/mcollmng/MCOLLMNG03010.html
  14. 228 0
      src/main/webapp/mobile/app/mloanmng/MLOANMNG01010.html
  15. 250 0
      src/main/webapp/mobile/app/mloanmng/MLOANMNG02010.html
  16. 215 0
      src/main/webapp/mobile/app/mloanmng/MLOANMNG03010.html
  17. 245 0
      src/main/webapp/mobile/app/mordmng/MORDMNG01010.html
  18. 262 0
      src/main/webapp/mobile/app/mordmng/MORDMNG02010.html
  19. 275 0
      src/main/webapp/mobile/app/mordmng/MORDMNG03010.html
  20. 148 0
      src/main/webapp/mobile/app/mpomng/MPOMNG01010.html
  21. 181 0
      src/main/webapp/mobile/app/mpomng/MPOMNG02010.html
  22. 190 0
      src/main/webapp/mobile/app/mpomng/MPOMNG03010.html
  23. 144 0
      src/main/webapp/mobile/app/mpomng/MPOMNG04010.html
  24. 140 0
      src/main/webapp/mobile/app/mpomng/MPOMNG05010.html
  25. 138 0
      src/main/webapp/mobile/app/mpomng/MPOMNG06010.html
  26. 139 0
      src/main/webapp/mobile/app/mrtnmng/MRTNMNG01010.html
  27. 151 0
      src/main/webapp/mobile/app/mrtnmng/MRTNMNG02010.html
  28. 191 0
      src/main/webapp/mobile/app/mrtnmng/MRTNMNG03010.html
  29. 140 0
      src/main/webapp/mobile/app/mrtnmng/MRTNMNG04010.html
  30. 138 0
      src/main/webapp/mobile/app/mrtnmng/MRTNMNG05010.html
  31. 171 0
      src/main/webapp/mobile/app/mstockmng/MSTOCKMNG01010.html
  32. 130 0
      src/main/webapp/mobile/app/mstockmng/MSTOCKMNG02010.html
  33. 20 0
      src/main/webapp/mobile/app/upgrade.html
  34. 282 0
      src/main/webapp/mobile/css/style.css
  35. BIN
      src/main/webapp/mobile/fonts/NanumBarunGothic.eot
  36. BIN
      src/main/webapp/mobile/fonts/NanumBarunGothic.woff
  37. BIN
      src/main/webapp/mobile/img/close.png
  38. BIN
      src/main/webapp/mobile/img/delete.png
  39. BIN
      src/main/webapp/mobile/img/down.png
  40. BIN
      src/main/webapp/mobile/img/home.png
  41. BIN
      src/main/webapp/mobile/img/naver.png
  42. BIN
      src/main/webapp/mobile/img/search.png

+ 9 - 9
bin/src/main/webapp/js/app/config.js

@@ -340,7 +340,7 @@ require([
340 340
 					POP_LIST = result.popList;
341 341
 					USER_ID = result.userId; 
342 342
 					USER_NM = result.userNm;					
343
-					USER_TYPE_CD = result.userTypeCd;
343
+					// USER_TYPE_CD = result.userTypeCd;
344 344
 					AUTH_TYPE_CD = result.authTpCd;
345 345
 					AUTH_TYPE_NM = result.authTpNm;
346 346
 					AFFL_SHOP_LIST = result.afflList;
@@ -389,7 +389,7 @@ require([
389 389
 function fn_make_menu_summary() {
390 390
 	
391 391
 	$('#ITP_AJAX_SUMMARY_DETAIL_CONTAINER #ITP_SUMMARY_jqGrid_list tbody tr').css('display','none');				
392
-	$('#ITP_AJAX_SUMMARY_DETAIL_CONTAINER #ITP_SUMMARY_jqGrid_list tbody .USER_TYPE_'+USER_TYPE_CD).show(); 
392
+	// $('#ITP_AJAX_SUMMARY_DETAIL_CONTAINER #ITP_SUMMARY_jqGrid_list tbody .USER_TYPE_'+USER_TYPE_CD).show();
393 393
 	
394 394
 }
395 395
 
@@ -535,13 +535,13 @@ function fn_proc_btn_auth(menu_id) {
535 535
 	});
536 536
 	
537 537
 	// 가맹점검색 버튼 처리
538
-	if(USER_TYPE_CD == 'N' || USER_TYPE_CD == 'P') { // 내부사용자&영업
539
-		$('#ITP_TXT_'+menu_id+'_SHR_CMPY').show();
540
-		$('#ITP_BTN_'+menu_id+'_SHR_CMPY').show();			
541
-	} else {
542
-		$('#ITP_TXT_'+menu_id+'_SHR_CMPY').hide();
543
-		$('#ITP_BTN_'+menu_id+'_SHR_CMPY').hide();
544
-	}
538
+	// if(USER_TYPE_CD == 'N' || USER_TYPE_CD == 'P') { // 내부사용자&영업
539
+	// 	$('#ITP_TXT_'+menu_id+'_SHR_CMPY').show();
540
+	// 	$('#ITP_BTN_'+menu_id+'_SHR_CMPY').show();
541
+	// } else {
542
+	// 	$('#ITP_TXT_'+menu_id+'_SHR_CMPY').hide();
543
+	// 	$('#ITP_BTN_'+menu_id+'_SHR_CMPY').hide();
544
+	// }
545 545
 	
546 546
 	fn_proc_popup_view('S', menu_id); // 팝업처리
547 547
 }

+ 1 - 0
bin/src/main/webapp/js/app/oper/ITP_OPER03010.js

@@ -851,6 +851,7 @@ let kakaoMap = {
851 851
 	},
852 852
 	load: function(id, locate) {
853 853
 		var _this = this;
854
+		console.log(id);
854 855
 		kakao.maps.load(function() {
855 856
 			var map = _this.getMap(id);
856 857
 			// 주소-좌표 변환 객체를 생성합니다

+ 1 - 1
bin/src/main/webapp/js/app/stinfo/ITP_STINFO02010.js

@@ -485,7 +485,7 @@ let modifyObj = {
485 485
 		$('#ITP_FORM_STINFO02010_DETAIL #ITP_FORM_STINFO02010_DETAIL_CREDT_LIMIT_AMT').val(result.limitAmt);
486 486
 
487 487
 		var cmpyAdres = result.addr1/* + ' ' + result.addr*/;
488
-		kakaoMap.init('ITP_FORM_STINFO02010_DETAIL_MAP', cmpyAdres);
488
+		kakaoMap.init('ITP_FORM_STINFO02010_DETAIL', cmpyAdres);
489 489
 	}
490 490
 };
491 491
 

+ 2 - 12
src/main/webapp/js/app/config.js

@@ -394,8 +394,7 @@ require([
394 394
 
395 395
 function fn_make_menu_summary() {
396 396
 	
397
-	$('#ITP_AJAX_SUMMARY_DETAIL_CONTAINER #ITP_SUMMARY_jqGrid_list tbody tr').css('display','none');				
398
-	$('#ITP_AJAX_SUMMARY_DETAIL_CONTAINER #ITP_SUMMARY_jqGrid_list tbody .USER_TYPE_'+USER_TYPE_CD).show(); 
397
+	$('#ITP_AJAX_SUMMARY_DETAIL_CONTAINER #ITP_SUMMARY_jqGrid_list tbody tr').css('display','none');
399 398
 	
400 399
 }
401 400
 
@@ -539,16 +538,7 @@ function fn_proc_btn_auth(menu_id) {
539 538
 			}
540 539
 		}
541 540
 	});
542
-	
543
-	// 가맹점검색 버튼 처리
544
-	if(USER_TYPE_CD == 'N' || USER_TYPE_CD == 'P') { // 내부사용자&영업
545
-		$('#ITP_TXT_'+menu_id+'_SHR_CMPY').show();
546
-		$('#ITP_BTN_'+menu_id+'_SHR_CMPY').show();			
547
-	} else {
548
-		$('#ITP_TXT_'+menu_id+'_SHR_CMPY').hide();
549
-		$('#ITP_BTN_'+menu_id+'_SHR_CMPY').hide();
550
-	}
551
-	
541
+
552 542
 	fn_proc_popup_view('S', menu_id); // 팝업처리
553 543
 }
554 544
 

+ 7 - 7
src/main/webapp/js/app/oper/ITP_OPER03010.js

@@ -152,6 +152,7 @@ let pageObj = {
152 152
 	init: function () {
153 153
 		this.ui.init();
154 154
 		this.event.init();
155
+		this.fileUpload();
155 156
 	},
156 157
 	itp_OPER03010_param: {},
157 158
 	itp_OPER03010_search: false,
@@ -293,7 +294,7 @@ let pageObj = {
293 294
 							$(OPER03010_DETAIL_GRID_ID).jqGrid('addRowData', value.saleMgrId, value, 'last');
294 295
 						}
295 296
 					});
296
-					$(OPER03010_DETAIL_GRID_EMPTY).hide();
297
+					$(this.mode === 'VIEW' ? OPER03010_VIEW_GRID_EMPTY : OPER03010_DETAIL_GRID_EMPTY).hide();
297 298
 				};
298 299
 				fn_call_popup('biz', 'BIZPOP_APPL_SALES_USER_SCH', '#ITP_ASIDE', popFn, null, 'S');
299 300
 			},
@@ -458,8 +459,8 @@ let viewObj = {
458 459
 		$('#ITP_FORM_OPER03010_VIEW .fnAfflShopNm').text(result.afflShopNm);
459 460
 		$('#ITP_FORM_OPER03010_VIEW .fnAfflShopKey').text(result.afflAbbr);
460 461
 		$('#ITP_FORM_OPER03010_VIEW .fnStCd').text(result.stNm);
461
-		$('#ITP_FORM_OPER03011_VIEW .fnCorpTypeNm').text(result.corpTypeNm);
462
-		$('#ITP_FORM_OPER03010_VIEW .fnBsnsRegNo').text(result.corpRegNo);
462
+		$('#ITP_FORM_OPER03010_VIEW .fnCorpTypeNm').text(result.authTypeNm);
463
+		$('#ITP_FORM_OPER03010_VIEW .fnBsnsRegNo').text(result.bsnsRegNo);
463 464
 		$('#ITP_FORM_OPER03010_VIEW .fnCorpRegNo').text(result.corpRegNo);
464 465
 		$('#ITP_FORM_OPER03010_VIEW .fnTelNo').text(result.ownerTelNo);
465 466
 		$('#ITP_FORM_OPER03010_VIEW .fnFaxNo').text(result.rprstFaxNo);
@@ -475,7 +476,7 @@ let viewObj = {
475 476
 		$('#ITP_FORM_OPER03010_VIEW .fnDtlAddr').text(result.addr2);
476 477
 
477 478
 		let locate = result.addr1 + ' ' + result.addr2;
478
-		kakaoMap.init('ITP_FORM_OPER03011_VIEW', locate);
479
+		kakaoMap.init('ITP_FORM_OPER03010_VIEW', locate);
479 480
 
480 481
 		// 영업담당자정보  리스트 조회
481 482
 		pageObj.grid.init('VIEW', result.saleList);
@@ -510,8 +511,8 @@ let modifyObj = {
510 511
 		$('#ITP_FORM_OPER03010_DETAIL #ITP_FORM_OPER03010_DETAIL_CORP_TYPE').val(result.corpType);
511 512
 		$('#ITP_FORM_OPER03010_DETAIL #ITP_FORM_OPER03010_DETAIL_BSNS_REG_NO').val(result.bsnsRegNo);
512 513
 		$('#ITP_FORM_OPER03010_DETAIL #ITP_FORM_OPER03010_DETAIL_CORP_REG_NO').val(result.corpRegNo);
513
-		$('#ITP_FORM_OPER03010_DETAIL #ITP_FORM_STINFO01010_DETAIL_TEL_NO').val(result.ownerTelNo);
514
-		$('#ITP_FORM_OPER03010_DETAIL #ITP_FORM_STINFO01010_DETAIL_FAX_NO').val(result.rprstFaxNo);
514
+		$('#ITP_FORM_OPER03010_DETAIL #ITP_FORM_OPER03010_DETAIL_TEL_NO').val(result.ownerTelNo);
515
+		$('#ITP_FORM_OPER03010_DETAIL #ITP_FORM_OPER03010_DETAIL_FAX_NO').val(result.rprstFaxNo);
515 516
 		$('#ITP_FORM_OPER03010_DETAIL #ITP_FORM_OPER03010_DETAIL_EMAL_ADDR').val(result.rprstEmai);
516 517
 		$('#ITP_FORM_OPER03010_DETAIL #ITP_FORM_OPER03010_DETAIL_BSNS_CNDT').val(result.bsnsCndt);
517 518
 		$('#ITP_FORM_OPER03010_DETAIL #ITP_FORM_OPER03010_DETAIL_OWNER_NM').val(result.ownerNm);
@@ -536,7 +537,6 @@ let modifyObj = {
536 537
 /*신규화면 Object*/
537 538
 let createObj = {
538 539
 	init: function () {
539
-		pageObj.fileUpload();
540 540
 		kakaoMap.init('ITP_FORM_OPER03010_DETAIL', '');
541 541
 		pageObj.grid.init('DETAIL', []);
542 542
 	},

+ 6 - 4
src/main/webapp/js/app/oper/ITP_OPER04010.js

@@ -297,13 +297,15 @@ let viewObj = {
297 297
         $('#ITP_FORM_OPER04010_VIEW .fnTelNo').text(result.rprstTelNo);
298 298
         $('#ITP_FORM_OPER04010_VIEW .fnFaxNo').text(result.rprstFaxNo);
299 299
         $('#ITP_FORM_OPER04010_VIEW .fnEmail').text(result.rprstEmal);
300
-        $('#ITP_FORM_OPER04010_VIEW .fnAddress').text('('+ result.zipNo + ') ' + result.addr1 + ' ' + result.addr2);
300
+        $('#ITP_FORM_OPER04010_VIEW .fnZipNo').text(result.zipNo);
301
+        $('#ITP_FORM_OPER04010_VIEW .fnLoadAddr').text(result.addr1);
302
+        $('#ITP_FORM_OPER04010_VIEW .fnDtlAddr').text(result.addr2);
301 303
 
302 304
         $('#ITP_FORM_OPER04010_VIEW .fnAddDt').text(result.sysRegDttm);
303 305
         $('#ITP_FORM_OPER04010_VIEW .fnChgDt').text(result.sysChgDttm);
304 306
 
305 307
         var adres = result.addr1 + ' ' + result.addr2;
306
-        kakaoMap.init('ITP_FORM_OPER04010_VIEW_MAP', adres);
308
+        kakaoMap.init('ITP_FORM_OPER04010_VIEW', adres);
307 309
     }
308 310
 };
309 311
 
@@ -343,7 +345,7 @@ let modifyObj = {
343 345
         $('#ITP_FORM_OPER04010_DETAIL .fnAddDt').text(result.sysRegDttm);
344 346
         $('#ITP_FORM_OPER04010_DETAIL .fnChgDt').text(result.sysChgDttm);
345 347
 
346
-        kakaoMap.init('ITP_FORM_OPER04010_DETAIL_MAP', $('#ITP_FORM_OPER04010_DETAIL_ADRES').val());
348
+        kakaoMap.init('ITP_FORM_OPER04010_DETAIL', $('#ITP_FORM_OPER04010_DETAIL_ADRES').val());
347 349
     }
348 350
 };
349 351
 
@@ -391,7 +393,7 @@ let createObj = {
391 393
                     document.getElementById('ITP_FORM_OPER04010_DETAIL_HJ_DONG').value = !!data.hname ? data.hname : data.bname;
392 394
                     document.getElementById('ITP_FORM_OPER04010_DETAIL_BJ_DONG').value = data.bname;
393 395
 
394
-                    kakaoMap.init('ITP_FORM_OPER04010_DETAIL_MAP', data.roadAddress);
396
+                    kakaoMap.init('ITP_FORM_OPER04010_DETAIL', data.roadAddress);
395 397
                     document.getElementById('ITP_FORM_OPER04010_DETAIL_ADRES_DTL').focus();
396 398
                 }
397 399
             }).open();

+ 3 - 3
src/main/webapp/js/app/stinfo/ITP_STINFO02010.js

@@ -384,7 +384,7 @@ let viewObj = {
384 384
 		$('#ITP_FORM_STINFO02010_VIEW .fnDtlAddr').text(result.addr2);
385 385
 
386 386
 		var cmpyAdres = result.addr1/* + ' ' + result.addr*/;
387
-		kakaoMap.init('ITP_FORM_STINFO02010_VIEW_MAP', cmpyAdres);
387
+		kakaoMap.init('ITP_FORM_STINFO02010_VIEW', cmpyAdres);
388 388
 
389 389
 		$('#ITP_FORM_STINFO02010_VIEW .fnBrandAcctInfo').text(result.brandAcctNo);
390 390
 		$('#ITP_FORM_STINFO02010_VIEW .fnLoanDvsn').text(result.loanDvsnNm);
@@ -448,7 +448,7 @@ let modifyObj = {
448 448
 		$('#ITP_FORM_STINFO02010_DETAIL #ITP_FORM_STINFO02010_DETAIL_CREDT_LIMIT_AMT').val(result.limitAmt);
449 449
 
450 450
 		var cmpyAdres = result.addr1/* + ' ' + result.addr*/;
451
-		kakaoMap.init('ITP_FORM_STINFO02010_DETAIL_MAP', cmpyAdres);
451
+		kakaoMap.init('ITP_FORM_STINFO02010_DETAIL', cmpyAdres);
452 452
 	}
453 453
 };
454 454
 
@@ -456,7 +456,7 @@ let modifyObj = {
456 456
 let createObj = {
457 457
 	init: function () {
458 458
 		$('#ITP_FORM_STINFO02010_DETAIL_BRAND_ID').val(pageObj.brandInfo.brandId);
459
-		kakaoMap.init('ITP_FORM_STINFO02010_DETAIL_MAP', '');
459
+		kakaoMap.init('ITP_FORM_STINFO02010_DETAIL', '');
460 460
 	},
461 461
 	button: {
462 462
 		cancel: function() {

+ 16 - 0
src/main/webapp/mobile/app/loading.html

@@ -0,0 +1,16 @@
1
+<link rel="stylesheet" href="/style.css">
2
+<section>
3
+	<div class="loding">
4
+		<div class="start">
5
+			<h2>오더퀸</h2>
6
+			<h1>수발주시스템</h1>
7
+		</div>
8
+		<div class="cap">
9
+			<h3>앱</h3>
10
+			<h3>FULL IMAGE</h3>
11
+		</div>
12
+	</div>
13
+		<div class="brand_name">
14
+			<h4>RICHBEAM</h4>
15
+		</div>
16
+</section>

+ 36 - 105
src/main/webapp/mobile/app/login.html

@@ -1,106 +1,37 @@
1
-<!DOCTYPE html>
2
-<html lang="ko">
3
-<head>
4
-	<meta charset="UTF-8">
5
-	<meta http-equiv="X-UA-Compatible" content="IE=edge">
6
-	<title>누리키오스크 운영시스템</title>
7
-	<meta name="Description" content="" />
8
-	<meta name="Keywords" content="" />
9
-	<meta name="Author" content="누리키오스크" />
10
-	<meta name="HandheldFriendly" content="true" />
11
-	<meta name="format-detection" content="telephone=no">
12
-	<meta name="apple-mobile-web-app-capable" content="yes" />
13
-	<meta name="apple-mobile-web-app-status-bar-style" content="black" />
14
-
15
-	<link rel="shortcut icon" type="image/png" href="../../images/favicon.ico"/>
16
-	<link rel="stylesheet" href="../../bootstrap/dist/css/bootstrap.min.css" />
17
-	<link rel="stylesheet" href="../../css/style.css" />
18
-
19
-	<script>
20
-		const VIEW_PAGE = 'LOGIN'; //config.js 에서 로그인 페이지 인지 아닌지 확인하기 위한 변수
21
-		var CONN_KEY; //Jwt 토큰을 담기위한 변수
22
-		var POP_LIST; //팝업 리스트
23
-	</script>
24
-
25
-	<script src="../../js/app/properties.js"></script>
26
-	<script src="../../js/require.min.js" data-main="../../js/app/config.js"></script>
27
-</head>
28
-<body>
29
-	<div id="ITP_LOGIN">
30
-		<div class="itp_cont">
31
-			<div class="container">
32
-				<div class="itp_box_wrap">
33
-					<div class="itp_head fix">
34
-						<h1 class="itp_logo">누리키오스크</h1>
35
-						<span class="itp_bar">|</span>
36
-						<h2 class="text-center itp_tit">운영시스템</h2>
37
-					</div>
38
-					<div class="panel panel-default itp_box">
39
-						<div class="panel-body itp_body">
40
-							<form id="command" class="form-horizontal" action="" method="post" onsubmit="return false;">
41
-								<input id="userId" name="userId" type="hidden" value="" />
42
-	        					<input id="password" name="password" type="hidden" value="" />
43
-
44
-								<div class="row">
45
-									<div class="col-xs-9">
46
-										<div class="form-group">
47
-											<label class="col-xs-3 itp_lb">아이디</label>
48
-											<div class="col-xs-9">
49
-												<input type="text" class="form-control" id="ITP_FORM_LOGIN_USER_ID" autofocus>
50
-											</div>
51
-										</div>
52
-										<div class="form-group">
53
-											<label class="col-xs-3 itp_lb">비밀번호</label>
54
-											<div class="col-xs-9">
55
-												<input type="password" class="form-control" id="ITP_FORM_LOGIN_USER_PW" autocomplete="off">
56
-											</div>
57
-										</div>
58
-										<div class="form-group">
59
-											<div class="col-xs-offset-3 col-xs-9">
60
-												<div class="checkbox pull-left">
61
-													<label><input type="checkbox" id="ITP_FORM_LOGIN_SAVE_ID"> 아이디저장</label>
62
-												</div>
63
-											</div>
64
-										</div>
65
-										<div class="form-group">
66
-											<div class="col-xs-offset-3 col-xs-9">
67
-												<p class="text-nowrap itp_error" id="ITP_FORM_LOGIN_ERROR">
68
-												아이디와 비밀번호를 입력하세요.
69
-												</p>
70
-											</div>
71
-										</div>
72
-									</div>
73
-									<div class="col-xs-3">
74
-										<button type="submit" id="login_btn" class="btn btn-primary btn-lg itp_btn">로그인</button>
75
-									</div>
76
-								</div>
77
-							</form>
78
-						</div>
79
-					</div>
80
-					<div class="panel panel-default text-center itp_foot">본 시스템은 크롬 브라우저에 최적화 되어 있습니다.</div>
81
-					<div class="text-center itp_copyright">COPYRIGHT © NOORIJA Co., Ltd. ALL RIGHTS RESERVED</div>
82
-				</div>
83
-			</div>
84
-		</div>
1
+<link rel="stylesheet" href="../..//css/style.m.css">
2
+<section>
3
+  <div class="login_popup">
4
+    <div class="login_info">
5
+      <h1>서비스<br>VISUAL IMAGE</h1>
6
+    </div>
7
+    <div class="num_area">
8
+      <div class="input_area">
9
+        <input type="text" name="id" id="id"  required>
10
+        <label for="id">사업자번호</label>
11
+        <button>연결</button>
12
+      </div>
13
+      <div class="brand_list">
14
+        <select name="" id="">
15
+          <option>브랜드 리스트</option>
16
+          <option>asdfasdf</option>
17
+        </select>
18
+      </div>
19
+    </div>
20
+    <div class="login_page">
21
+      <div class="input_area">
22
+        <input type="text" name="id" id="id"  required>
23
+        <label for="id">아이디</label>
24
+      </div>
25
+      <div class="input_area">
26
+        <input type="password" name="pw" id="pw"  required>
27
+        <label for="pw">비밀번호</label>
28
+      </div>
29
+    </div>
30
+    <div class="error">
31
+      <label>사업자번호와 관련된 브랜드 정보가 없습니다.</label>
32
+    </div>
33
+  </div>
34
+  <div class="login_btn">
35
+		<button>로그인</button>
85 36
 	</div>
86
-	<aside id="ITP_ASIDE">
87
-		<div id="ITP_MODAL_ALERT_AJAX" class="modal itp_modal">
88
-			<div class="modal-dialog modal-sm">
89
-				<div class="modal-content">
90
-					<div class="modal-header">
91
-						<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
92
-						<h5 class="modal-title">알림</h5>
93
-					</div>
94
-					<div class="modal-body">
95
-						<div class="text-center itp_alert_txt"></div>
96
-					</div>
97
-					<div class="modal-footer">
98
-						<button type="button" class="btn btn-primary" id="ITP_MODAL_ALERT_AJAX_CONFIRM">확인</button>
99
-					</div>
100
-				</div>
101
-			</div>
102
-		</div>
103
-	</aside>
104
-	<script src="../js/app/login.js?version=20210826"></script>
105
-</body>
106
-</html>
37
+</section>

+ 66 - 487
src/main/webapp/mobile/app/main.html

@@ -1,490 +1,69 @@
1
-<!DOCTYPE html>
2
-<html lang="ko">
3
-<head>
4
-	<meta charset="UTF-8">
5
-	<meta http-equiv="X-UA-Compatible" content="IE=edge">
6
-	<title>누리키오스크 운영시스템</title>
7
-	<meta name="robots" content="noindex, nofollow" />
8
-	<meta name="Description" content="" />
9
-	<meta name="Keywords" content="" />
10
-	<meta name="Author" content="누리키오스크" />
11
-	<meta name="HandheldFriendly" content="true" />
12
-	<meta name="format-detection" content="telephone=no">
13
-	<meta name="apple-mobile-web-app-capable" content="yes" />
14
-	<meta name="apple-mobile-web-app-status-bar-style" content="black" />
15
-	
16
-	<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate">
17
-	<meta http-equiv="Expires" content="0">
18
-	<meta http-equiv="Pragma" content="no-cache">
19
-
20
-	<link rel="shortcut icon" type="image/png" href="../../images/favicon.ico"/>
21
-	<link rel="stylesheet" href="../../bootstrap/dist/css/bootstrap.min.css" />
22
-	<link rel="stylesheet" href="../../bootstrap-datepicker/css/bootstrap-datepicker3.css" />
23
-	<link rel="stylesheet" href="../../bootstrap-fileUpload/dist/bootstrap-FileUpload.css" />
24
-    <link rel="stylesheet" href="../../css/ui.jqgrid-bootstrap.css" />
25
-	<link rel="stylesheet" href="../../css/style.css" />
26
-
27
-	<script>
28
-		const ITP_SYSTEM_ADMIN_YN = 'Y';		
29
-		const VIEW_PAGE = 'MAIN'; //config.js 에서 로그인 페이지 인지 아닌지 확인하기 위한 변수
30
-		
31
-		var CONN_KEY; //Jwt 토큰을 담기위한 변수
32
-		var CODE_LIST; //코드리스트를 담기위한 변수
33
-		var AUTH_MENU_LIST; //메뉴리스트를 담기위한 변수
34
-		var ACT_LIST; //액션리스트를 담기위한 변수
35
-		var POP_LIST; //팝업 리스트
36
-		var USER_ID; //사용자ID
37
-		var USER_NM; //사용자명		
38
-	</script>
39
-
40
-	<script src="../../js/app/properties.js"></script>
41
-	<script src="../../js/require.min.js" data-main="../../js/app/config.js"></script>
42
-</head>
43
-<body>
44
-	<div id="ITP_WRAPPER">
45
-		<!-- <div id="ITP_OVERLAY"></div> -->
46
-
47
-		<!-- 상단 -->
48
-		<header id="ITP_HEADER">
49
-			<div class="itp_head bg-primary">
50
-				<h1 class="text-center itp_tit">
51
-					<span id="ITP_TXT_MAIN_SHR_AFFL">오더퀸</span>
52
-					<span style="font-size: 18px; margin-top: -3px">|</span>
53
-					<span style="font-size: 14px">수발주시스템</span>
54
-				</h1>
55
-				<div class="itp_lt">
56
-					<span class="itp_icon"><a href="javascript:void(0)" id="ITP_BTN_MENU"><i class="glyphicon glyphicon-align-justify"></i></a></span>
57
-					<span class="itp_icon"><a href="javascript:void(0)" id="ITP_BTN_HOME"><i class="glyphicon glyphicon-home"></i></a></span>
58
-					<span class="itp_user" id="ITP_LOGIN_USER" style="cursor: pointer;"></span>
59
-					<span class="itp_icon"><a href="javascript:void(0)" id="ITP_BTN_BARCODE"><i class="glyphicon glyphicon-barcode"></i></a></span>
60
-				</div>
61
-				<div class="itp_rt">
62
-					<!--<span class="itp_logo"><img src="/oqpo-view/images/favicon.ico" alt="로고"></span>-->
63
-					<span class="itp_txt_brand" id="ITP_TXT_MAIN_SHR_TIMEOUT"></span>
64
-					<span class="itp_txt_brand" id="ITP_TXT_MAIN_SHR_BRAND"></span>
65
-					<span class="itp_sch_brand"><button type="button" id="ITP_BTN_MAIN_SHR_AFFL" class="btn btn-success btn-sm SEB"><i class="glyphicon glyphicon-search"></i></button></span>
66
-					<span class="itp_menu"><a href="javascript:void(0)" class="">메뉴안내</a></span>
67
-					<span class="itp_out"><a href="javascript:void(0)" class="ITP_BTN_LOGOUT">로그아웃</a></span>
68
-				</div>
69
-			</div>
70
-			<!-- 상단 탭 부분 -->
71
-			<div class="itp_tabs">
72
-				<ul class="nav nav-tabs itp_tab_list" role="tablist">
73
-					<li class="active"><a href="#ITP_TAB_SUMMARY" role="tab" data-toggle="tab" class="itp_tab_open">메뉴안내</a></li>
74
-				</ul>
75
-			</div>
76
-		</header>
77
-		
78
-		<div id="ITP_CONTENT_WRAPPER" class="fix">
79
-			
80
-		<nav id="ITP_SIDEBAR" class="itp_open_nav">
81
-			
82
-				<ul class="panel-group itp_nav"></ul>
83
-				
84
-				<textarea id="ITP_AJAX_MAIN_SIDE_LEVEL2_ROWCOPY" rows="0" cols="0" style="display:none;">		
85
-				<li class="panel panel-default">
86
-					<div class="panel-heading">
87
-						<div class="panel-title">
88
-							<a class="accordion-toggle" data-toggle="collapse" href="">
89
-								<span class="fnMenuNm">메뉴명</span>
90
-								<i class="indicator glyphicon glyphicon-chevron-down pull-right"></i>
91
-							</a>
92
-						</div>
93
-					</div>
94
-					<div class="panel-collapse collapse" id="">
95
-						<div class="panel-body itp_svgs_body">
96
-							<ul class="itp_svgs fnLevelBottomList"></ul>
97
-						</div>
98
-					</div>
99
-				</li>		
100
-				</textarea>
101
-				<textarea id="ITP_AJAX_MAIN_SIDE_LEVEL3_ROWCOPY" rows="0" cols="0" style="display:none;">		
102
-				<li>
103
-					<div class="itp_svg_in">
104
-						<a href="javascript:void(0)" data-itp-nav-id="" data-conn-url="" id="" class="itp_nav_link fix">														
105
-							<i class="glyphicon glyphicon-chevron-right"></i>
106
-							<span class="itp_tt fnMenuNm">메뉴명</span>
107
-						</a>
108
-					</div>
109
-				</li>		
110
-				</textarea>
111
-				<textarea id="ITP_AJAX_MAIN_SIDE_LEVEL4_ROWCOPY" rows="0" cols="0" style="display:none;">		
112
-				<li>
113
-					<div class="itp_svg_in">
114
-						<a href="javascript:void(0)" data-itp-nav-id="" data-conn-url="" id="" class="itp_nav_link fix">
115
-							<i class="itp_icon">└</i>								
116
-							<span class="itp_tt fnMenuNm">메뉴명</span>
117
-						</a>
118
-					</div>
119
-				</li>		
120
-				</textarea>
121
-				<textarea id="ITP_AJAX_MAIN_SIDE_LEVEL5_ROWCOPY" rows="0" cols="0" style="display:none;">		
122
-				<li>
123
-					<div class="itp_svg_in">
124
-						<a href="javascript:void(0)" data-itp-nav-id="" data-conn-url="" id="" class="itp_nav_link fix">
125
-							<i class="itp_icon_5">*</i>								
126
-							<span class="itp_tt fnMenuNm">메뉴명</span>
127
-						</a>
128
-					</div>
129
-				</li>		
130
-				</textarea>
131
-		</nav>
132
-
133
-		<div id="ITP_CONTAINER"
134
-			data-open-yn=""
135
-			data-nav-id=""
136
-			data-tit-id=""
137
-			data-memb-no=""
138
-			data-bunss-no=""
139
-			data-shop-no=""
140
-			data-shop-nm=""
141
-			data-from-dt=""
142
-			data-to-dt="">
143
-			<div class="tab-content itp_contents">
144
-				<section id="ITP_TAB_SUMMARY" class="tab-pane active itp_sec">
145
-					<div class="itp_cont">
146
-						<h2 class="hidden">메뉴안내</h2>
147
-						<article class="itp_detail">
148
-							<div id="ITP_AJAX_SUMMARY_DETAIL_CONTAINER" class="itp_det_in">
149
-								<div class="itp_boardView">
150
-								
151
-									<form id="ITP_FORM_MAIN_NOTICE_SEARCH" class="form-horizontal">
152
-									<input type="hidden" id="ITP_FORM_MAIN_NOTICE_SEARCH_FROM_DT" name="fromDt" value="">
153
-									<input type="hidden" id="ITP_FORM_MAIN_NOTICE_SEARCH_TO_DT" name="toDt" value="">
154
-									<input type="hidden" id="ITP_FORM_MAIN_NOTICE_SEARCH_SCH_DT" name="schDt" value="">
155
-									<input type="hidden" id="ITP_FORM_MAIN_NOTICE_SEARCH_NTICE_TITL" name="sNticeTitl" value="">
156
-									<input type="hidden" id="ITP_FORM_MAIN_NOTICE_SEARCH_USER_ID" name="userId" value="">
157
-									</form>
158
-									
159
-									<div class="fix" style="padding-bottom: 15px;">
160
-										<div id="ITP_MAIN_NOTICE_jqGrid_list" class="itp_tb_list itp_gType1" data-total-cnt="${totalCnt}">
161
-											<div id="ITP_MAIN_NOTICE_jqGridView" class="itp_views fix"></div>
162
-											<table id="ITP_MAIN_NOTICE_jqGrid"></table>
163
-											<div id="ITP_MAIN_NOTICE_jqGridPager"></div>
164
-											<div id="ITP_MAIN_NOTICE_jqGridEmpty" class="itp_no_data"></div>
165
-										</div>
166
-									</div>
167
-								
168
-									<table id="ITP_SUMMARY_jqGrid_list" class="table table-striped table-bordered">
169
-										<colgroup>
170
-											<col style="width:15%;">
171
-											<col style="width:15%;">
172
-											<col style="width:40%;">
173
-											<col style="width:15%;">
174
-											<col style="width:15%;">
175
-										</colgroup>
176
-										<thead>
177
-											<tr>
178
-								                <th>1Depth</th>
179
-								                <th>2Depth</th>
180
-								                <th>화면 정의</th>
181
-								                <th>가맹담당자 사용</th>
182
-								                <th>매장담당자 사용</th>
183
-								            </tr>
184
-										</thead>
185
-										<tbody>
186
-											<tr class="USER_TYPE_N">
187
-								                <th rowspan="4">누리키 운영관리</th>
188
-								                <td>가맹점정보관리</td>
189
-								                <td>가맹점 정보를 등록 관리를 합니다.</td>
190
-								                <td align="center">-</td>
191
-								                <td align="center">-</td>
192
-								            </tr>
193
-								            <tr class="USER_TYPE_N">
194
-								                <td>영업운영자관리</td>
195
-								                <td>외부 영업담당자 정보를 등록 관리합니다.</td>
196
-								                <td align="center">-</td>
197
-								                <td align="center">-</td>
198
-								            </tr>
199
-								            <tr class="USER_TYPE_N">
200
-								                <td>VAN관리</td>
201
-								                <td>카드결재 가능 VAN사 정보를 관리합니다.</td>
202
-								                <td align="center">-</td>
203
-								                <td align="center">-</td>
204
-								            </tr>
205
-								            <tr class="USER_TYPE_N">
206
-								                <td>장비환경기본값 설정</td>
207
-								                <td>키오스크 장비의 환경설정값을 관리합니다.</td>
208
-								                <td align="center">-</td>
209
-								                <td align="center">-</td>
210
-								            </tr>
211
-								            <tr class="USER_TYPE_N USER_TYPE_P">
212
-								                <th rowspan="3">가맹점관리</th>
213
-								                <td>가맹브랜드관리</td>
214
-								                <td>가맹점별 브랜드 정보를 관리합니다.</td>
215
-								                <td align="center">●</td>
216
-								                <td align="center">-</td>
217
-								            </tr>
218
-								            <tr class="USER_TYPE_N USER_TYPE_P">
219
-								                <td>매장관리</td>
220
-								                <td>가맹점 매장 정보를 관리합니다.</td>
221
-								                <td align="center">●</td>
222
-								                <td align="center">-</td>
223
-								            </tr>
224
-								            <tr class="USER_TYPE_N USER_TYPE_P">
225
-								                <td>사용자관리</td>
226
-								                <td>가맹점별 사용자 정보를 관리합니다.</td>
227
-								                <td align="center">●</td>
228
-								                <td align="center">-</td>
229
-								            </tr>
230
-								            <tr class="USER_TYPE_N USER_TYPE_P USER_TYPE_B">
231
-								                <th rowspan="5">브랜드상품관리</th>
232
-								                <td>카테고리관리</td>
233
-								                <td>모든 매장에서 공통으로 사용할 상품 카테고리 정보를 관리합니다.</td>
234
-								                <td align="center">●</td>
235
-								                <td align="center">-</td>
236
-								            </tr>
237
-								            <tr class="USER_TYPE_N USER_TYPE_P USER_TYPE_B">
238
-								                <td>상품관리</td>
239
-								                <td>모든 매장에서 공통으로 사용할 상품 정보를 관리합니다.</td>
240
-								                <td align="center">●</td>
241
-								                <td align="center">-</td>
242
-								            </tr>
243
-								            <tr class="USER_TYPE_N USER_TYPE_P USER_TYPE_B">
244
-								                <td>옵션관리</td>
245
-								                <td>모든 매장에서 공통으로 사용할 옵션 정보를 관리합니다.</td>
246
-								                <td align="center">●</td>
247
-								                <td align="center">-</td>
248
-								            </tr>
249
-								            <tr class="USER_TYPE_N USER_TYPE_P USER_TYPE_B">
250
-								                <td>추천상품관리</td>
251
-								                <td>모든 매장에서 공통으로 사용할 추천상품 정보를 관리합니다.</td>
252
-								                <td align="center">●</td>
253
-								                <td align="center">-</td>
254
-								            </tr>
255
-								            <tr class="USER_TYPE_N USER_TYPE_P USER_TYPE_B">
256
-								                <td>이벤트관리</td>
257
-								                <td>모든 매장에서 공통으로 사용할 이벤트를 관리합니다.</td>
258
-								                <td align="center">●</td>
259
-								                <td align="center">-</td>
260
-								            </tr>
261
-								            <tr class="USER_TYPE_N USER_TYPE_P USER_TYPE_B USER_TYPE_S">
262
-								                <th rowspan="5">매장상품관리</th>
263
-								                <td>카테고리관리</td>
264
-								                <td>매장별 각각 사용할 상품 카테고리 정보를 관리합니다.</td>
265
-								                <td align="center">●</td>
266
-								                <td align="center">●</td>
267
-								            </tr>
268
-								            <tr class="USER_TYPE_N USER_TYPE_P USER_TYPE_B USER_TYPE_S">
269
-								                <td>상품관리</td>
270
-								                <td>매장별 각각 사용할 상품 정보를 관리합니다.</td>
271
-								                <td align="center">●</td>
272
-								                <td align="center">●</td>
273
-								            </tr>
274
-								            <tr class="USER_TYPE_N USER_TYPE_P USER_TYPE_B USER_TYPE_S">
275
-								                <td>옵션관리</td>
276
-								                <td>매장별 각각 사용할 옵션 정보를 관리합니다.</td>
277
-								                <td align="center">●</td>
278
-								                <td align="center">●</td>
279
-								            </tr>
280
-								            <tr class="USER_TYPE_N USER_TYPE_P USER_TYPE_B USER_TYPE_S">
281
-								                <td>추천상품관리</td>
282
-								                <td>매장별 각각 사용할 추천상품 정보를 관리합니다.</td>
283
-								                <td align="center">●</td>
284
-								                <td align="center">●</td>
285
-								            </tr>
286
-								            <tr class="USER_TYPE_N USER_TYPE_P USER_TYPE_B USER_TYPE_S">
287
-								                <td>이벤트관리</td>
288
-								                <td>매장별 각각 사용할 이벤트를 관리합니다.</td>
289
-								                <td align="center">●</td>
290
-								                <td align="center">●</td>
291
-								            </tr>
292
-								            
293
-								            <!-- 키오스크관리 시작 -->
294
-								            <tr class="USER_TYPE_N USER_TYPE_P USER_TYPE_B">
295
-								                <th rowspan="5">키오스크관리</th>
296
-								                <td>브랜드 코너관리</td>
297
-								                <td>모든 매장의 키오스크 장비에 출력할 코너 정보를 관리합니다.</td>
298
-								                <td align="center">●</td>
299
-								                <td align="center"></td>
300
-								            </tr>
301
-								            <tr class="USER_TYPE_N USER_TYPE_P USER_TYPE_B">
302
-								                <td>브랜드 코너별 상품정보</td>
303
-								                <td>모든 매장의 키오스크 장비에 출력할 코너별 상품 정보를 관리합니다.</td>
304
-								                <td align="center">●</td>
305
-								                <td align="center"></td>
306
-								            </tr>
307
-								            <tr class="USER_TYPE_N USER_TYPE_P USER_TYPE_B">
308
-								                <td>매장 코너관리</td>
309
-								                <td>매장별 운영중인 키오스크 장비에 출력할 코너 정보를 관리합니다.</td>
310
-								                <td align="center">●</td>
311
-								                <td align="center">●</td>
312
-								            </tr>
313
-								            <tr class="USER_TYPE_N USER_TYPE_P USER_TYPE_B">
314
-								                <td>매장 코너별 상품정보</td>
315
-								                <td>매장별 운영중인 키오스크 장비에 출력할 코너별 상품 정보를 관리합니다.</td>
316
-								                <td align="center">●</td>
317
-								                <td align="center">●</td>
318
-								            </tr>
319
-								            <tr class="USER_TYPE_N USER_TYPE_P USER_TYPE_B">
320
-								                <td>매장 판매상품관리</td>
321
-								                <td>매장별 키오스크에 판매할 상품정보를 관리합니다.</td>
322
-								                <td align="center">●</td>
323
-								                <td align="center">●</td>
324
-								            </tr>
325
-								            
326
-								            <tr class="USER_TYPE_S">
327
-								                <th rowspan="3">키오스크관리</th>
328
-								                <td>매장 코너관리</td>
329
-								                <td>매장별 운영중인 키오스크 장비에 출력할 코너 정보를 관리합니다.</td>
330
-								                <td align="center">●</td>
331
-								                <td align="center">●</td>
332
-								            </tr>
333
-								            <tr class="USER_TYPE_S">
334
-								                <td>매장 코너별 상품정보</td>
335
-								                <td>매장별 운영중인 키오스크 장비에 출력할 코너별 상품 정보를 관리합니다.</td>
336
-								                <td align="center">●</td>
337
-								                <td align="center">●</td>
338
-								            </tr>
339
-								            <tr class="USER_TYPE_S">
340
-								                <td>매장 판매상품관리</td>
341
-								                <td>매장별 키오스크에 판매할 상품정보를 관리합니다.</td>
342
-								                <td align="center">●</td>
343
-								                <td align="center">●</td>
344
-								            </tr>
345
-								            <!-- 키오스크관리 끝 -->
346
-								            
347
-								            <tr class="USER_TYPE_N USER_TYPE_P USER_TYPE_B USER_TYPE_S">
348
-								                <th rowspan="4">매장장비관리</th>
349
-								                <td>키오스크정보관리</td>
350
-								                <td>매장별 사용 관리할 키오스크 장비 정보를 관리합니다.</td>
351
-								                <td align="center">●</td>
352
-								                <td align="center">●</td>
353
-								            </tr>
354
-								            <tr class="USER_TYPE_N USER_TYPE_P USER_TYPE_B USER_TYPE_S">
355
-								                <td>키오스크 이미지관리</td>
356
-								                <td>매장별 사용 관리할 키오스크 화면에 출력할 이미지 또는 동영상 정보를 관리합니다.</td>
357
-								                <td align="center">●</td>
358
-								                <td align="center">●</td>
359
-								            </tr>
360
-								            <tr class="USER_TYPE_N USER_TYPE_P USER_TYPE_B USER_TYPE_S">
361
-								                <td>주방프린터설정</td>
362
-								                <td>매장별 사용하고 있는 주방프린터 설정 정보를 관리합니다.</td>
363
-								                <td align="center">●</td>
364
-								                <td align="center">●</td>
365
-								            </tr>
366
-								            <tr class="USER_TYPE_N USER_TYPE_P USER_TYPE_B USER_TYPE_S">
367
-								                <td>KDS설정</td>
368
-								                <td>매장별 사용하고 있는 KDS설정 정보를 관리합니다.</td>
369
-								                <td align="center">●</td>
370
-								                <td align="center">●</td>
371
-								            </tr>
372
-								            <tr class="USER_TYPE_N USER_TYPE_P USER_TYPE_B USER_TYPE_S">
373
-								                <th rowspan="3">DID관리</th>
374
-								                <td>컨텐츠관리</td>
375
-								                <td>가맹 브랜드별 컨텐츠 내역 정보를 관리합니다.</td>
376
-								                <td align="center">●</td>
377
-								                <td align="center">●</td>
378
-								            </tr>
379
-								            <tr class="USER_TYPE_N USER_TYPE_P USER_TYPE_B USER_TYPE_S">
380
-								                <td>디스플레이정보관리</td>
381
-								                <td>가맹 브랜드별 디스플레이 화면 구성 정보 및 출력할 컨텐츠 정보를 관리합니다.</td>
382
-								                <td align="center">●</td>
383
-								                <td align="center">●</td>
384
-								            </tr>
385
-								            <tr class="USER_TYPE_N USER_TYPE_P USER_TYPE_B USER_TYPE_S">
386
-								                <td>장비관리</td>
387
-								                <td>매장별 사용중인 DID 장비 정보를 관리합니다.</td>
388
-								                <td align="center">●</td>
389
-								                <td align="center">●</td>
390
-								            </tr>
391
-								            <tr class="USER_TYPE_N USER_TYPE_P USER_TYPE_B">
392
-								                <th rowspan="3">브랜드매출관리</th>
393
-								                <td>일별매출현황</td>
394
-								                <td>가맹 브랜드별 일일 매출 정보를 출력합니다.</td>
395
-								                <td align="center">●</td>
396
-								                <td align="center"></td>
397
-								            </tr>
398
-								            <tr class="USER_TYPE_N USER_TYPE_P USER_TYPE_B">
399
-								                <td>월별매출현황</td>
400
-								                <td>가맹 브랜드별 월별 매출 정보를 출력합니다.</td>
401
-								                <td align="center">●</td>
402
-								                <td align="center"></td>
403
-								            </tr>
404
-								            <tr class="USER_TYPE_N USER_TYPE_P USER_TYPE_B">
405
-								                <td>상품별매출현황</td>
406
-								                <td>가맹 브랜드별 월별 상품별 매출 정보를 출력합니다.</td>
407
-								                <td align="center">●</td>
408
-								                <td align="center"></td>
409
-								            </tr>
410
-								            <tr class="USER_TYPE_N USER_TYPE_P USER_TYPE_B USER_TYPE_S">
411
-								                <th rowspan="4">매장매출관리</th>
412
-								                <td>매출상세내역</td>
413
-								                <td>매장 키오스크별 주문 내역 상세정보를 출력합니다.</td>
414
-								                <td align="center">●</td>
415
-								                <td align="center">●</td>
416
-								            </tr>
417
-								            <tr class="USER_TYPE_N USER_TYPE_P USER_TYPE_B USER_TYPE_S">
418
-								                <td>일별매출현황</td>
419
-								                <td>매장별 일일 매출 정보를 출력합니다.</td>
420
-								                <td align="center">●</td>
421
-								                <td align="center">●</td>
422
-								            </tr>
423
-								            <tr class="USER_TYPE_N USER_TYPE_P USER_TYPE_B USER_TYPE_S">
424
-								                <td>월별매출현황</td>
425
-								                <td>매장별 월별 매출 정보를 출력합니다.</td>
426
-								                <td align="center">●</td>
427
-								                <td align="center">●</td>
428
-								            </tr>
429
-								            <tr class="USER_TYPE_N USER_TYPE_P USER_TYPE_B USER_TYPE_S">
430
-								                <td>상품별매출현황</td>
431
-								                <td>매장별 월별 상품별 매출 정보를 출력합니다.</td>
432
-								                <td align="center">●</td>
433
-								                <td align="center">●</td>
434
-								            </tr>
435
-								            
436
-										</tbody>
437
-									</table>
438
-								</div>
439
-							</div>
440
-						</article>
441
-					</div>
442
-		
443
-					<script src="../../js/app/summary/ITP_SUMMARY.js"></script>
444
-					<script src="../js/app/main.js"></script>
445
-				</section>
446
-			</div>
1
+<link rel="stylesheet" href="../css/style.css">
2
+<header>
3
+	<div class="brand_logo">
4
+		<img src="../img/naver.png">
5
+	</div>
6
+	<div class="name">
7
+		<label>
8
+			<div class="fnBrnadNm">브랜드명</div>
9
+		</label>
10
+	</div>
11
+	<div>
12
+		<label style="width: 20px;">-</label>
13
+	</div>
14
+	<label>
15
+		<div class="fnStoreNm">매장명</div>
16
+	</label>
17
+	</div>
18
+	<div class="logout">
19
+		<button>로그<br>아웃</button>
20
+	</div>
21
+</header>
22
+<section>
23
+	<div class="wicon">
24
+		<div class="icon_left">
25
+			<button>
26
+				<label>ICON<br>구매요청생성</label>
27
+			</button>
28
+		</div>
29
+		<div class="icon_right">
30
+			<button>
31
+				<label>ICON<br>구매요청현황</label>
32
+			</button>
447 33
 		</div>
34
+	</div>
35
+	<div class="wicon">
36
+		<div class="icon_left">
37
+			<button>
38
+				<label>ICON<br>구매발주현황</label>
39
+			</button>
448 40
 		</div>
449
-
450
-		<footer id="ITP_FOOTER">
451
-			<div id="ITP_MODAL_ALERT" class="modal itp_modal">
452
-				<div class="modal-dialog modal-sm">
453
-					<div class="modal-content">
454
-						<div class="modal-header">
455
-							<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
456
-							<h5 class="modal-title">알림</h5>
457
-						</div>
458
-						<div class="modal-body">
459
-							<div class="text-center itp_alert_txt"></div>
460
-						</div>
461
-						<div class="modal-footer">
462
-							<button type="button" class="btn btn-default" id="ITP_MODAL_ALERT_CANCEL" data-dismiss="modal">취소</button>
463
-							<button type="button" class="btn btn-primary" id="ITP_MODAL_ALERT_CONFIRM">확인</button>
464
-						</div>
465
-					</div>
466
-				</div>
467
-			</div>
468
-		
469
-			<div id="ITP_MODAL_ALERT_AJAX" class="modal itp_modal">
470
-				<div class="modal-dialog modal-sm">
471
-					<div class="modal-content">
472
-						<div class="modal-header">
473
-							<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
474
-							<h5 class="modal-title">알림</h5>
475
-						</div>
476
-						<div class="modal-body">
477
-							<div class="text-center itp_alert_txt"></div>
478
-						</div>
479
-						<div class="modal-footer">
480
-							<button type="button" class="btn btn-primary" id="ITP_MODAL_ALERT_AJAX_CONFIRM">확인</button>
481
-						</div>
482
-					</div>
483
-				</div>
484
-			</div>
485
-		</footer>
486
-		
487
-		<aside id="ITP_ASIDE"></aside>		
41
+		<div class="icon_right">
42
+			<button>
43
+				<label>ICON<br>납품서현황</label>
44
+			</button>
45
+		</div>
46
+	</div>
47
+	<div class="wicon">
48
+		<div class="icon_left">
49
+			<button>
50
+				<label>ICON<br>입고처리</label>
51
+			</button>
52
+		</div>
53
+		<div class="icon_right">
54
+			<button>
55
+				<label>ICON<br>입고현황</label>
56
+			</button>
57
+		</div>
58
+	</div>
59
+</section>
60
+<div class="footer">
61
+	<div class="home">
62
+		<button class="home_btn"><img src="../img/home.png" alt=""></button>
63
+	</div>
64
+	<div class="manage">
65
+		<button>발주관리</button>
66
+		<button>반품관리</button>
67
+		<button>여신관리</button>
488 68
 	</div>
489
-</body>
490
-</html>
69
+</div>

+ 245 - 0
src/main/webapp/mobile/app/mcollmng/MCOLLMNG01010.html

@@ -0,0 +1,245 @@
1
+<link rel="stylesheet" href="/style.css">
2
+<section>
3
+	<header>
4
+		<div class="brand_logo">
5
+			<img src="/img/naver.png">
6
+		</div> 
7
+		<div class="name_info">
8
+			<label>
9
+				<div class="fnBrnadNm">브랜드명</div>
10
+			</label>
11
+			<div>
12
+				<label style="width: 1px;">-</label>
13
+			</div>
14
+			<label>
15
+				<div class="fnStoreNm">매장명</div>
16
+			</label>
17
+		</div>
18
+			<div class="logout">
19
+				<button id="ITP_BTN_LOGOUT">로그<br>아웃</button>
20
+			</div>
21
+	</header>
22
+  <div id="ITP_AJAX_COLLMNG01010_VIEW_CONTAINER" style="display: none;">
23
+    <div class="content">
24
+      <div class="line">
25
+        <label>수거장소</label>
26
+        <div class="float_left">
27
+          <input id="ITP_FORM_MCOLLMNG01010_VIEW" type="text" placeholder="A매장명">
28
+        </div>
29
+        <div class="float_left_btn">
30
+          <button id="ITP_BTN_MCOLLMNG01010"><img src="/img/search.png" alt=""></button>
31
+          <button id="ITP_BTN_MCOLLMNG01010"><img src="/img/delete.png" alt=""></button>
32
+        </div>
33
+      </div>
34
+      <div class="line">
35
+        <label>수거상태</label>
36
+        <div class="float_left">
37
+          <select name="" id="ITP_FORM_MCOLLMNG01010_VIEW">
38
+            <option value=""></option>
39
+          </select>
40
+        </div>
41
+      </div>
42
+      <div class="line">
43
+        <label>수거일자</label>
44
+        <div class="date_to">
45
+          <input id="ITP_FORM_MCOLLMNG01010_VIEW" class="year" type="date">
46
+          <div class="at">~</div>
47
+          <input id="ITP_FORM_MCOLLMNG01010_VIEW" class="year" type="date">
48
+        </div>
49
+      </div>
50
+      <div class="line">
51
+        <select class="label" name="" id="ITP_FORM_MCOLLMNG01010_VIEW">
52
+          <option value="">발주번호/품목명</option>
53
+        </select>
54
+        <div class="float_left">
55
+          <input id="ITP_FORM_MCOLLMNG01010_VIEW" style="width: 630px;" type="text" placeholder="검색어입력">
56
+        </div>
57
+      </div>
58
+      <div class="line">
59
+        <div class="search">
60
+          <button id="ITP_BTN_MCOLLMNG01010" class="btn-primary btn-sm ADB">검색</button>
61
+        </div>
62
+      </div>
63
+      <div class="table_header">
64
+        <h1>> 수거수주 내역</h1>
65
+      </div>
66
+    </div>
67
+    <div class="scroll_area" style="top: 772px;">
68
+      <li class="history_list">
69
+        <div>
70
+          <div class="left">
71
+            <div class="nomal">
72
+              <label>브랜드명 &nbsp;:</label>
73
+              <div>
74
+                <div class="fn">브랜드명</div>
75
+              </div>
76
+              <label>발주번호&nbsp;:</label>
77
+              <div>
78
+                <div class="fn">PO1234123</div>
79
+              </div>
80
+            </div>
81
+          </div>
82
+          <div class="left">
83
+            <div class="nomal">
84
+              <label class="col_0">반품발주상태 &nbsp;:</label>
85
+              <div style="min-width: 120px;">
86
+                <div  style="min-width: 120px;" class="fn">요청</div>
87
+              </div>
88
+              <label class="col_0">반품발주일자&nbsp;:</label>
89
+              <div>
90
+                <div class="fn">2022.10.05</div>
91
+              </div>
92
+            </div>
93
+          </div>
94
+          <div class="left">
95
+            <div class="nomal">
96
+              <label class="col_6">수거요청일 &nbsp;:</label>
97
+              <div class="space1">
98
+                <div class="fn">2022.10.09</div>
99
+              </div>
100
+              <label>수거장소&nbsp;:</label>
101
+              <div>
102
+                <div class="fn">A창고</div>
103
+              </div>
104
+            </div>
105
+          </div>
106
+          <div class="left">
107
+            <div class="nomal">
108
+              <label>수거금액 &nbsp;:</label>
109
+              <div>
110
+                <div class="fn">2,000,000</div>
111
+              </div>
112
+              <label>수거품목수&nbsp;:</label>
113
+              <div>
114
+                <div class="fn">3개</div>
115
+              </div>
116
+            </div>
117
+          </div>
118
+        </div>
119
+      </li>
120
+    </div>
121
+  </div>
122
+  <div id="ITP_AJAX_COLLMNG01010_DETAIL_CONTAINER" style="display: block;">
123
+    <div class="content">
124
+      <div class="line">
125
+        <label>브랜드명</label>
126
+        <div class="line_right">
127
+          <div class="fn">A브랜드명</div>
128
+        </div>      
129
+      </div>
130
+      <div class="line">
131
+        <label>발주번호</label>
132
+        <div class="line_right">
133
+          <div class="fn">PO12345678</div>
134
+        </div>      
135
+      </div>
136
+      <div class="line">
137
+        <label>수거일자</label>
138
+        <div class="line_right">
139
+          <div class="fn">2022.10.09</div>
140
+        </div>      
141
+      </div>
142
+      <div class="line">
143
+        <label>수거상태</label>
144
+        <div class="line_right">
145
+          <div class="fn">반품발주요청</div>
146
+        </div>      
147
+      </div>
148
+      <div class="line">
149
+        <label>수거장소</label>
150
+        <div class="line_right">
151
+          <div class="fn">A창고</div>
152
+        </div>      
153
+      </div>
154
+      <div class="line">
155
+        <label>수거금액</label>
156
+        <div class="line_right">
157
+          <div class="fn">800,000원</div>
158
+        </div>      
159
+      </div>
160
+      <div class="line">
161
+        <label class="col_6">반품발주담당자</label>
162
+        <div class="line_right">
163
+          <div class="fn">홍길동</div>
164
+        </div>      
165
+      </div>
166
+      <div class="table_header">
167
+        <h1>> 수주수주 상세 내역</h1>
168
+      </div>
169
+    </div>
170
+    <div class="scroll_area" style="top:972px;">
171
+      <li class="history_list2">
172
+        <div>
173
+          <div class="left">
174
+            <div class="nomal">
175
+              <label>순번 &nbsp;:</label>
176
+              <div class="space2">
177
+                <div class="fn">1</div>
178
+              </div>
179
+              <label class="col_0">품목아이디&nbsp;:</label>
180
+              <div class="space2">
181
+                <div class="fn">asdf1234</div>
182
+              </div>
183
+            </div>
184
+          </div>
185
+          <div class="left">
186
+            <div class="nomal">
187
+              <label>품목명 &nbsp;:</label>
188
+              <div class="space2">
189
+                <div class="fn">커피원두</div>
190
+              </div>
191
+              <label>가격단위&nbsp;:</label>
192
+              <div class="space2">
193
+                <div class="fn">1</div>
194
+              </div>
195
+            </div>
196
+          </div>
197
+          <div class="left">
198
+            <div class="nomal">
199
+              <label>단가 &nbsp;:</label>
200
+              <div>
201
+                <div class="fn">1,000원</div>
202
+              </div>
203
+              <label>단위&nbsp;:</label>
204
+              <div>
205
+                <div class="fn">Kg</div>
206
+              </div>
207
+            </div>
208
+          </div>
209
+          <div class="left">
210
+            <div class="nomal">
211
+              <label>수거수량 &nbsp;:</label>
212
+              <div>
213
+                <div class="fn">10</div>
214
+              </div>
215
+              <label>수거금액&nbsp;:</label>
216
+              <div>
217
+                <div class="fn">500,000</div>
218
+              </div>
219
+            </div>
220
+          </div>
221
+          <div class="left">
222
+            <div class="nomal">
223
+              <label class="col_6">수거요청일 &nbsp;:</label>
224
+              <div class="space2">
225
+                <div class="fn">2022.10.09</div>
226
+              </div>
227
+            </div>
228
+          </div>
229
+        </div>
230
+      </li>
231
+    </div>
232
+    <div class="button_bar">
233
+      <button id="ITP_BTN_MCOLLMNG01010" class="col_12 btn-gray CLB">취소</button>
234
+    </div>
235
+  </div>
236
+  <div class="footer">
237
+    <div class="home">
238
+      <button id="ITP_BTN_MCOLLMNG01010" class="home_btn"><img src="/img/home.png" alt=""></button>
239
+    </div>
240
+    <div class="manage col_2">
241
+      <button id="ITP_BTN_MCOLLMNG01010">수주관리</button>
242
+      <button id="ITP_BTN_MCOLLMNG01010">수거관리</button>
243
+    </div>
244
+  </div>
245
+</section>

+ 264 - 0
src/main/webapp/mobile/app/mcollmng/MCOLLMNG02010.html

@@ -0,0 +1,264 @@
1
+<link rel="stylesheet" href="/style.css">
2
+<section>
3
+	<header>
4
+		<div class="brand_logo">
5
+			<img src="/img/naver.png">
6
+		</div> 
7
+		<div class="name_info">
8
+			<label>
9
+				<div class="fnBrnadNm">브랜드명</div>
10
+			</label>
11
+			<div>
12
+				<label style="width: 1px;">-</label>
13
+			</div>
14
+			<label>
15
+				<div class="fnStoreNm">매장명</div>
16
+			</label>
17
+		</div>
18
+			<div class="logout">
19
+				<button id="ITP_BTN_LOGOUT">로그<br>아웃</button>
20
+			</div>
21
+	</header>
22
+  <div id="ITP_AJAX_MCOLLMNG02010_VIEW_CONTAINER" style="display: none;">
23
+    <div class="content">
24
+      <div class="line">
25
+        <label>수거장소</label>
26
+        <div class="float_left">
27
+          <input id="ITP_FORM_MCOLLMNG02010_VIEW" type="text" placeholder="A매장명">
28
+        </div>
29
+        <div class="float_left_btn">
30
+          <button id="ITP_BTN_MCOLLMNG02010"><img src="/img/search.png" alt=""></button>
31
+          <button id="ITP_BTN_MCOLLMNG02010"><img src="/img/delete.png" alt=""></button>
32
+        </div>
33
+      </div>
34
+      <div class="line">
35
+        <label>수거요청일</label>
36
+        <div class="date_to">
37
+          <input id="ITP_FORM_MCOLLMNG02010_VIEW" class="year" type="date">
38
+          <div class="at">~</div>
39
+          <input id="ITP_FORM_MCOLLMNG02010_VIEW" class="year" type="date">
40
+        </div>
41
+      </div>
42
+      <div class="line">
43
+        <select class="label" name="" id="ITP_FORM_MCOLLMNG02010_VIEW">
44
+          <option value="">발주번호/품목명</option>
45
+        </select>
46
+        <div class="float_left">
47
+          <input id="ITP_FORM_MCOLLMNG02010_VIEW" style="width: 630px;" type="text" placeholder="검색어입력">
48
+        </div>
49
+      </div>
50
+      <div class="line">
51
+        <div class="search">
52
+          <button id="ITP_BTN_MCOLLMNG02010" id="" class="btn-primary btn-sm ADB">검색</button>
53
+        </div>
54
+      </div>
55
+      <div class="table_header">
56
+        <h1>> 수거수주 내역</h1>
57
+      </div>
58
+    </div>
59
+    <div class="scroll_area" style="top: 672px;">
60
+      <li class="history_list3">
61
+        <div>
62
+          <div class="left">
63
+            <div class="nomal">
64
+              <label class="col_0">브랜드명 &nbsp;:</label>
65
+              <div class="space1">
66
+                <div class="fn">브랜드명</div>
67
+              </div>
68
+              <label class="col_0">반품발주번호&nbsp;:</label>
69
+              <div>
70
+                <div class="fn">PO1234123</div>
71
+              </div>
72
+            </div>
73
+          </div>
74
+          <div class="left">
75
+            <div class="nomal">
76
+              <label class="col_0">반품발주항번 &nbsp;:</label>
77
+              <div>
78
+                <div class="fn">1</div>
79
+              </div>
80
+              <label class="col_0">수거요청일 &nbsp;:</label>
81
+              <div class="space1">
82
+                <div class="fn">2022.10.09</div>
83
+              </div>
84
+            </div>
85
+          </div>
86
+          <div class="left">
87
+            <div class="nomal">
88
+              <label class="col_0">수거장소&nbsp;:</label>
89
+              <div class="space1">
90
+                <div class="fn">A창고</div>
91
+              </div>
92
+              <label class="col_0">품목번호 &nbsp;:</label>
93
+              <div class="space1">
94
+                <div class="fn">asdf1324</div>
95
+              </div>
96
+            </div>
97
+          </div>
98
+          <div class="left">
99
+            <div class="nomal">
100
+              <label class="col_1">품목명 &nbsp;:</label>
101
+              <div class="space1">
102
+                <div class="fn">asdf1324</div>
103
+              </div>
104
+              <label class="col_0">수거수량&nbsp;:</label>
105
+              <div>
106
+                <div class="fn">3개</div>
107
+              </div>
108
+            </div>
109
+          </div>
110
+          <div class="left">
111
+            <div class="nomal">
112
+              <label class="col_0">단가금액 &nbsp;:</label>
113
+              <div class="space1">
114
+                <div class="fn">1,000원</div>
115
+              </div>
116
+              <label class="col_0">수거금액&nbsp;:</label>
117
+              <div class="space0">
118
+                <div class="fn">20,000원</div>
119
+              </div>
120
+              <div class="scroll_btn">
121
+                <button id="ITP_BTN_MCOLLMNG02010">선택</button>
122
+              </div>
123
+            </div>
124
+          </div>
125
+        </div>
126
+      </li>
127
+      <div class="button_bar">
128
+        <button id="ITP_BTN_MCOLLMNG02010" class="btn_col_6 btn-primary IVC">수거서생성</button>
129
+        <button id="ITP_BTN_MCOLLMNG02010" class="btn_col_3 btn-gray CLB">취소</button>
130
+      </div>
131
+    </div>
132
+  </div>
133
+  <div id="ITP_AJAX_MCOLLMNG02010_DETAIL_CONTAINER" style="display: block;">
134
+    <div class="content">
135
+      <div class="line">
136
+        <label>브랜드명</label>
137
+        <div class="line_right">
138
+          <div class="fn">A브랜드명</div>
139
+        </div>      
140
+      </div>
141
+      <div class="line">
142
+        <label>반품발주번호</label>
143
+        <div class="line_right">
144
+          <div class="fn">PO12345678</div>
145
+        </div>      
146
+      </div>
147
+      <div class="line">
148
+        <label class="col_6">수거서생성일자</label>
149
+        <div class="line_right">
150
+          <div class="fn">2022.10.09</div>
151
+        </div>      
152
+      </div>
153
+      <div class="line">
154
+        <label>수거총금액</label>
155
+        <div class="line_right">
156
+          <div class="fn">600,000원</div>
157
+        </div>      
158
+      </div>
159
+      <div class="line">
160
+        <label>수거장소</label>
161
+        <div class="line_right">
162
+          <div class="fn">A창고</div>
163
+        </div>      
164
+      </div>
165
+      <div class="line">
166
+        <label class="col_6">수거장소연락처</label>
167
+        <div class="line_right">
168
+          <div class="fn">02-0202-4544</div>
169
+        </div>      
170
+      </div>
171
+      <div class="line">
172
+        <label>수거담당자</label>
173
+        <div class="line_right">
174
+          <input id="ITP_FORM_MCOLLMNG02010_DETAIL" class="left" type="text" style="width:200px;" placeholder="이름">
175
+          <input id="ITP_FORM_MCOLLMNG02010_DETAIL" class="left" type="text" style="width:300px;" placeholder="연락처">
176
+        </div>
177
+      </div>
178
+      <div class="table_header">
179
+        <h1>> 수거수주 상세 내역</h1>
180
+      </div>
181
+    </div>
182
+    <div class="scroll_area" style="top:972px;">
183
+      <li class="history_list2">
184
+        <div>
185
+          <div class="left">
186
+            <div class="nomal">
187
+              <label>발주항번 &nbsp;:</label>
188
+              <div class="space2">
189
+                <div class="fn">1</div>
190
+              </div>
191
+              <label class="col_0">품목아이디&nbsp;:</label>
192
+              <div class="space2">
193
+                <div class="fn">asdf1234</div>
194
+              </div>
195
+            </div>
196
+          </div>
197
+          <div class="left">
198
+            <div class="nomal">
199
+              <label>품목명 &nbsp;:</label>
200
+              <div class="space2">
201
+                <div class="fn">커피원두</div>
202
+              </div>
203
+              <label>가격단위&nbsp;:</label>
204
+              <div class="space2">
205
+                <div class="fn">1</div>
206
+              </div>
207
+            </div>
208
+          </div>
209
+          <div class="left">
210
+            <div class="nomal">
211
+              <label>단가 &nbsp;:</label>
212
+              <div>
213
+                <div class="fn">5,000원</div>
214
+              </div>
215
+              <label>단위&nbsp;:</label>
216
+              <div>
217
+                <div class="fn">Kg</div>
218
+              </div>
219
+            </div>
220
+          </div>
221
+          <div class="left">
222
+            <div class="nomal">
223
+              <label>수거수량 &nbsp;:</label>
224
+              <div>
225
+                <input id="ITP_FORM_MCOLLMNG02010_DETAIL" type="text">
226
+              </div>
227
+              <label>수거일자&nbsp;:</label>
228
+              <div>
229
+                <input id="ITP_FORM_MCOLLMNG02010_DETAIL" type="text">
230
+              </div>
231
+            </div>
232
+          </div>
233
+          <div class="left">
234
+            <div class="nomal">
235
+              <label>수거구분 &nbsp;:</label>
236
+              <div>
237
+                <select style="width:200px" name="" id="ITP_FORM_MCOLLMNG02010_DETAIL">
238
+                  <option value=""></option>
239
+                </select>
240
+              </div>
241
+              <label>비고 &nbsp;:</label>
242
+              <div class="space2">
243
+                <input id="ITP_FORM_MCOLLMNG02010_DETAIL" type="text">
244
+              </div>
245
+            </div>
246
+          </div>
247
+        </div>
248
+      </li>
249
+    </div>
250
+    <div class="button_bar">
251
+      <button id="ITP_BTN_MCOLLMNG02010" class="btn_col_6 btn-primary CRT">생성</button>
252
+      <button id="ITP_BTN_MCOLLMNG02010" class="btn_col_3 btn-gray CLB">취소</button>
253
+    </div>
254
+  </div>
255
+  <div class="footer">
256
+    <div class="home">
257
+      <button id="ITP_BTN_MCOLLMNG02010" class="home_btn"><img src="/img/home.png" alt=""></button>
258
+    </div>
259
+    <div class="manage col_2">
260
+      <button id="ITP_BTN_MCOLLMNG02010">수주관리</button>
261
+      <button id="ITP_BTN_MCOLLMNG02010">수거관리</button>
262
+    </div>
263
+  </div>
264
+</section>

+ 275 - 0
src/main/webapp/mobile/app/mcollmng/MCOLLMNG03010.html

@@ -0,0 +1,275 @@
1
+<link rel="stylesheet" href="/style.css">
2
+<section>
3
+	<header>
4
+		<div class="brand_logo">
5
+			<img src="/img/naver.png">
6
+		</div> 
7
+		<div class="name_info">
8
+			<label>
9
+				<div class="fnBrnadNm">브랜드명</div>
10
+			</label>
11
+			<div>
12
+				<label style="width: 1px;">-</label>
13
+			</div>
14
+			<label>
15
+				<div class="fnStoreNm">매장명</div>
16
+			</label>
17
+		</div>
18
+			<div class="logout">
19
+				<button id="ITP_BTN_LOGOUT">로그<br>아웃</button>
20
+			</div>
21
+	</header>
22
+  <div id="ITP_AJAX_MCOLLMNG03010_VIEW_CONTAINER" style="display: none;">
23
+    <div class="content">
24
+      <div class="line">
25
+        <label>수거장소</label>
26
+        <div class="float_left">
27
+          <input type="text" placeholder="A매장명">
28
+        </div>
29
+        <div class="float_left_btn">
30
+          <button><img src="/img/search.png" alt=""></button>
31
+          <button><img src="/img/delete.png" alt=""></button>
32
+        </div>
33
+      </div>
34
+      <div class="line">
35
+        <label>수거요청일</label>
36
+        <div class="date_to">
37
+          <input class="year" type="date">
38
+          <div class="at">~</div>
39
+          <input class="year" type="date">
40
+        </div>
41
+      </div>
42
+      <div class="line">
43
+        <select class="label" name="" id="">
44
+          <option value="">수거서번호</option>
45
+        </select>
46
+        <div class="float_left">
47
+          <input style="width: 630px;" type="text" placeholder="검색어입력">
48
+        </div>
49
+      </div>
50
+      <div class="line">
51
+        <div class="search">
52
+          <button id="" class="btn-primary btn-sm ADB">검색</button>
53
+        </div>
54
+      </div>
55
+      <div class="table_header">
56
+        <h1>> 수거서 내역</h1>
57
+      </div>
58
+    </div>
59
+    <div class="scroll_area" style="top: 672px;">
60
+      <li class="history_list3">
61
+        <div>
62
+          <div class="left">
63
+            <div class="nomal">
64
+              <label class="col_1">브랜드명 &nbsp;:</label>
65
+              <div class="">
66
+                <div class="space1">브랜드명</div>
67
+              </div>
68
+              <label>수거서번호&nbsp;:</label>
69
+              <div class="">
70
+                <div class="">PO1234123</div>
71
+              </div>
72
+            </div>
73
+          </div>
74
+          <div class="left">
75
+            <div class="nomal">
76
+              <label>수거서상태 &nbsp;:</label>
77
+              <div class="">
78
+                <div class="space1">수거전</div>
79
+              </div>
80
+              <label>수거일자&nbsp;:</label>
81
+              <div class="">
82
+                <div class="space1">2022.10.09</div>
83
+              </div>
84
+            </div>
85
+          </div>
86
+          <div class="left">
87
+            <div class="nomal">
88
+              <label>수거요청일&nbsp;:</label>
89
+              <div class="">
90
+                <div class="space1">2022.10.09</div>
91
+              </div>
92
+              <label>수거예정일&nbsp;:</label>
93
+              <div class="">
94
+                <div class="space1">2022.10.10</div>
95
+              </div>
96
+            </div>
97
+          </div>
98
+          <div class="left">
99
+            <div class="nomal">
100
+              <label class="col_1">품목수량 &nbsp;:</label>
101
+              <div class="">
102
+                <div class="space1">2</div>
103
+              </div>
104
+              <label>수거총금액&nbsp;:</label>
105
+              <div class="">
106
+                <div class="">600,000</div>
107
+              </div>
108
+            </div>
109
+          </div>
110
+          <div class="left">
111
+            <div class="nomal">
112
+              <label class="col_1">수거장소 &nbsp;:</label>
113
+              <div class="">
114
+                <div class="space1">A창고</div>
115
+              </div>
116
+              <label>수거담당자&nbsp;:</label>
117
+              <div class="">
118
+                <div class="space0">홍길동</div>
119
+              </div>
120
+            </div>
121
+          </div>
122
+        </div>
123
+      </li>
124
+      <div class="button_bar">
125
+        <button id="" class="btn_col_6 btn-primary IVVIEW">납품서보기</button>
126
+        <button id="" class="btn_col_3 btn-gray CLB">취소</button>
127
+      </div>
128
+    </div>
129
+  </div>
130
+  <div id="ITP_AJAX_MCOLLMNG03010_DETAIL_CONTAINER" style="display: block;">
131
+    <div class="detail_content">
132
+      <div class="detail_header">
133
+        <div class="detail_logo">
134
+          <img src="/img/naver.png" alt="">
135
+        </div>
136
+        <div class="detail_ok">
137
+          <label>납품 확인서</label>
138
+        </div>
139
+      </div>
140
+      <div class="detail_confirmation">
141
+        <div class="detail_col">
142
+          <label>발행일</label>
143
+          <i>:</i>
144
+          <div class="fn">2022.10.09</div>
145
+        </div>
146
+        <div class="detail_col">
147
+          <label>수거확인번호</label>
148
+          <i>:</i>
149
+          <div class="fn">DL123445</div>
150
+        </div>
151
+        <div class="detail_col">
152
+          <label>수거일</label>
153
+          <i>:</i>
154
+          <div class="fn">2022.10.10</div>
155
+        </div>
156
+        <div class="detail_col">
157
+          <label>수거담당자</label>
158
+          <i>:</i>
159
+          <div class="fn">홍길동(010-1234-1548)</div>
160
+        </div>
161
+        <div class="detail_col">
162
+          <label>수거장소</label>
163
+          <i>:</i>
164
+          <div class="fn">(123450 서울 송파구 문정동 100 A창고)</div>
165
+        </div>
166
+        <div class="detail_col">
167
+          <label>전화번호</label>
168
+          <i>:</i>
169
+          <div class="fn">02-123-4567</div>
170
+        </div>
171
+      </div>
172
+      <div class="detail_company_info">
173
+        <div class="info_left">
174
+          <div class="weight">
175
+            <label>반품처</label>
176
+          </div>
177
+          <div class="company_info">
178
+            <label>등록번호&nbsp;:&nbsp;</label>
179
+            <div class="fn">215-12-23454</div>
180
+          </div>
181
+          <div class="company_info">
182
+            <label>상호&nbsp;:&nbsp;</label>
183
+            <div class="fn">공급업체명</div>
184
+          </div>
185
+          <div class="company_info">
186
+            <label>성명&nbsp;:&nbsp;</label>
187
+            <div class="fn">공급자</div>
188
+          </div>
189
+          <div class="company_info">
190
+            <label>주소&nbsp;:&nbsp;</label>
191
+            <div class="fn">서울 송파구 문정동</div>
192
+          </div>
193
+        </div>
194
+        <div class="info_left">
195
+          <div class="weight">
196
+            <label>수거처</label>
197
+          </div>
198
+          <div class="company_info">
199
+            <label>등록번호&nbsp;:&nbsp;</label>
200
+            <div class="fn">215-12-23454</div>
201
+          </div>
202
+          <div class="company_info">
203
+            <label>상호&nbsp;:&nbsp;</label>
204
+            <div class="fn">브랜드 회사명</div>
205
+          </div>
206
+          <div class="company_info">
207
+            <label>성명&nbsp;:&nbsp;</label>
208
+            <div class="fn">대표자명</div>
209
+          </div>
210
+          <div class="company_info">
211
+            <label>주소&nbsp;:&nbsp;</label>
212
+            <div class="fn">경기 성남시 상대원동</div>
213
+          </div>
214
+        </div>
215
+      </div>
216
+      <div class="table_header">
217
+        <h1>> 수거 상세 내역</h1>
218
+      </div>
219
+    </div>
220
+    <div class="scroll_area" style="top:1150px; height: 600px;">
221
+      <li class="history_list1">
222
+        <div>
223
+          <div class="left">
224
+            <div class="nomal">
225
+              <label class="col_0">수거발주번호 &nbsp;:</label>
226
+              <div class="space2">
227
+                <div class="fn">P12345</div>
228
+              </div>
229
+              <label class="col_0">품목아이디&nbsp;:</label>
230
+              <div class="space2">
231
+                <div class="fn">asdf1234</div>
232
+              </div>
233
+            </div>
234
+          </div>
235
+          <div class="left">
236
+            <div class="nomal">
237
+              <label>품목명 &nbsp;:</label>
238
+              <div class="space2">
239
+                <div class="fn">커피원두</div>
240
+              </div>
241
+              <label class="col_0">수거요청수량&nbsp;:</label>
242
+              <div class="space2">
243
+                <div class="fn">5</div>
244
+              </div>
245
+            </div>
246
+          </div>
247
+          <div class="left">
248
+            <div class="nomal">
249
+              <label>수거수량 &nbsp;:</label>
250
+              <div class="fn">
251
+                <div class="space2">10</div>
252
+              </div>
253
+              <label class="col_0">수거사유구분&nbsp;:</label>
254
+              <div class="fn">
255
+                <div class="">불량</div>
256
+              </div>
257
+            </div>
258
+          </div>
259
+        </div>
260
+      </li>
261
+    </div>
262
+    <div class="button_bar">
263
+      <button id="ITP_BTN_MCOLLMNG03010" class="col_12 btn-gray COK">확인</button>
264
+    </div>
265
+  </div>
266
+  <div class="footer">
267
+    <div class="home">
268
+      <button id="ITP_BTN_MCOLLMNG03010" class="home_btn"><img src="/img/home.png" alt=""></button>
269
+    </div>
270
+    <div class="manage col_2">
271
+      <button id="ITP_BTN_MCOLLMNG03010">수주관리</button>
272
+      <button id="ITP_BTN_MCOLLMNG03010">수거관리</button>
273
+    </div>
274
+  </div>
275
+</section>

+ 228 - 0
src/main/webapp/mobile/app/mloanmng/MLOANMNG01010.html

@@ -0,0 +1,228 @@
1
+<link rel="stylesheet" href="/style.css">
2
+<section>
3
+	<header>
4
+		<div class="brand_logo">
5
+			<img src="/img/naver.png">
6
+		</div> 
7
+		<div class="name_info">
8
+			<label>
9
+				<div class="fnBrnadNm">브랜드명</div>
10
+			</label>
11
+			<div>
12
+				<label style="width: 1px;">-</label>
13
+			</div>
14
+			<label>
15
+				<div class="fnStoreNm">매장명</div>
16
+			</label>
17
+		</div>
18
+			<div class="logout">
19
+				<button id="ITP_BTN_LOGOUT">로그<br>아웃</button>
20
+			</div>
21
+	</header>
22
+  <div id="ITP_AJAX_MLOANMNG01010_VIEW_CONTAINER" style="display: none;" >
23
+    <div class="content">
24
+      <div class="line">
25
+        <label>매장선택</label>
26
+        <div class="float_left">
27
+          <input id="ITP_FORM_MLOANMNG01010_VIEW" type="text" placeholder="A매장명">
28
+        </div>
29
+        <div class="float_left_btn">
30
+          <button id="ITP_BTN_MLOANMNG01010"><img src="/img/search.png" alt=""></button>
31
+          <button id="ITP_BTN_MLOANMNG01010"><img src="/img/delete.png" alt=""></button>
32
+        </div>
33
+      </div>
34
+      <div class="line">
35
+        <label>정산타입</label>
36
+        <div class="float_left">
37
+          <select name="" id="ITP_FORM_MLOANMNG01010_VIEW">
38
+            <option value=""></option>
39
+          </select>
40
+        </div>
41
+      </div>
42
+      <div class="line">
43
+        <label>사용여부</label>
44
+        <div class="float_left">
45
+          <select name="" id="ITP_FORM_MLOANMNG01010_VIEW">
46
+            <option value=""></option>
47
+          </select>
48
+        </div>
49
+      </div>
50
+      <div class="line">
51
+        <div class="search">
52
+          <button id="ITP_BTN_MLOANMNG01010" class="btn-primary btn-sm ADB">검색</button>
53
+        </div>
54
+      </div>
55
+      <div class="table_header">
56
+        <h1>> 발주 내역</h1>
57
+      </div>
58
+    </div>
59
+    <div class="scroll_area" style="top: 672px;">
60
+      <li class="history_list">
61
+        <div class="left">
62
+          <div class="nomal">
63
+            <label>매장명 &nbsp;:</label>
64
+            <div class="history">
65
+              <div class="fn">A매장</div>
66
+            </div>
67
+            <label>정산타입&nbsp;:</label>
68
+            <div class="history">
69
+              <div class="fn">선입금</div>
70
+            </div>
71
+          </div>
72
+        </div>
73
+        <div class="left">
74
+          <div class="nomal">
75
+            <label>한도금액 &nbsp;:</label>
76
+            <div class="history">
77
+              <div class="fn">1,000,000</div>
78
+            </div>
79
+            <label class="col_7">가용한도금액&nbsp;:</label>
80
+            <div class="history">
81
+              <div class="fn">800,000</div>
82
+            </div>
83
+          </div>
84
+        </div>
85
+        <div class="left">
86
+          <div class="nomal">
87
+            <label class="col_6">가수금금액 &nbsp;:</label>
88
+            <div class="history">
89
+              <div class="fn">100,000</div>
90
+            </div>
91
+            <label>사용금액&nbsp;:</label>
92
+            <div class="history">
93
+              <div class="fn">200,000</div>
94
+            </div>
95
+          </div>
96
+        </div>
97
+        <div class="left">
98
+          <div class="nomal">
99
+            <label>사용여부 &nbsp;:</label>
100
+            <div class="history">
101
+              <div class="fn">사용</div> 
102
+            </div>
103
+          </div>
104
+        </div>
105
+      </li>
106
+    </div>
107
+  </div>
108
+  <div id="ITP_AJAX_MLOANMNG01010_DETAIL_CONTAINER" style="display: block;">
109
+    <div class="content">
110
+      <div class="line">
111
+        <label>매장명</label>
112
+        <div class="line_right">
113
+          <input id="ITP_FORM_MLOANMNG01010_DETAIL" type="text" placeholder="A매장명">
114
+        </div>      
115
+      </div>
116
+      <div class="line">
117
+        <label class="col_6">정산타입/사용여부</label>
118
+        <div class="line_right">
119
+          <input id="ITP_FORM_MLOANMNG01010_DETAIL" type="text" >
120
+        </div>
121
+      </div>
122
+      <div class="line">
123
+        <label>한도금액</label>
124
+        <div class="line_right">
125
+          <input id="ITP_FORM_MLOANMNG01010_DETAIL" type="text" >
126
+        </div>
127
+      </div>
128
+      <div class="line">
129
+        <label>가용한도금액</label>
130
+        <div class="line_right">
131
+          <input id="ITP_FORM_MLOANMNG01010_DETAIL" type="text" >
132
+        </div>
133
+      </div>
134
+      <div class="line">
135
+        <label>가수금액</label>
136
+        <div class="line_right">
137
+          <input id="ITP_FORM_MLOANMNG01010_DETAIL" type="text" >
138
+        </div>
139
+      </div>
140
+      <div class="line">
141
+        <label>사용금액</label>
142
+        <div class="line_right">
143
+          <input id="ITP_FORM_MLOANMNG01010_DETAIL" type="text" >
144
+        </div>
145
+      </div>
146
+      <div class="line">
147
+        <label>거래일자</label>
148
+        <div class="date_to">
149
+          <input id="ITP_FORM_MLOANMNG01010_DETAIL" class="year" type="date">
150
+          <div class="at">~</div>
151
+          <input id="ITP_FORM_MLOANMNG01010_DETAIL" class="year" type="date">
152
+        </div>
153
+      </div>
154
+      <div class="line">
155
+        <div class="search">
156
+          <button id="ITP_BTN_MLOANMNG01010" class="btn-primary btn-sm ADB">검색</button>
157
+        </div>
158
+      </div>
159
+      <div class="table_header">
160
+        <h1>> 여신 입출금 이력</h1>
161
+      </div>
162
+    </div>
163
+    <div class="scroll_area" style="top:1072px;">
164
+      <li class="history_list">
165
+        <div>
166
+          <div class="detail_line">
167
+            <div class="detail_left">
168
+              <div class="detail_info">
169
+                <div class="fn">2022.10.04</div>
170
+              </div>
171
+            </div>
172
+            <div class="detail_right">
173
+              <div class="detail_info">
174
+                <div class="fn">입금</div>
175
+              </div>
176
+            </div>
177
+          </div>
178
+          <div class="detail_line">
179
+            <div class="detail_left">
180
+              <div class="detail_info">
181
+                <label>입금금액</label>
182
+              </div>
183
+            </div>
184
+            <div class="detail_right">
185
+              <div class="detail_info">
186
+                <div class="fn">800,000 원</div>
187
+              </div>
188
+            </div>
189
+          </div>
190
+          <div class="detail_line">
191
+            <div class="detail_left">
192
+              <div class="detail_info">
193
+                <label>잔액</label>
194
+              </div>
195
+            </div>
196
+            <div class="detail_right">
197
+              <div class="detail_info">
198
+                <div class="fn">1,000,000 원</div>
199
+              </div>
200
+            </div>
201
+          </div>
202
+          <div class="detail_line">
203
+            <div class="detail_left">
204
+              <div class="detail_info">
205
+                <label>사용용도</label>
206
+              </div>
207
+            </div>
208
+            <div class="detail_right">
209
+              <div class="detail_info">
210
+                <div class="fn">정산대금 브랜드 지급</div>
211
+              </div>
212
+            </div>
213
+          </div>
214
+        </div>
215
+      </li>
216
+    </div>
217
+  </div>
218
+  <div class="footer">
219
+    <div class="home">
220
+      <button id="ITP_BTN_MLOANMNG01010" class="home_btn"><img src="/img/home.png" alt=""></button>
221
+    </div>
222
+    <div class="manage">
223
+      <button id="ITP_BTN_MLOANMNG01010">발주관리</button>
224
+      <button id="ITP_BTN_MLOANMNG01010">반품관리</button>
225
+      <button id="ITP_BTN_MLOANMNG01010">여신관리</button>
226
+    </div>
227
+  </div>
228
+</section>

+ 250 - 0
src/main/webapp/mobile/app/mloanmng/MLOANMNG02010.html

@@ -0,0 +1,250 @@
1
+<link rel="stylesheet" href="/style.css">
2
+<section>
3
+  <div class="popup2" style="display:none; background: transparent;">
4
+    <div class="pop">
5
+      <div class="header">
6
+        <div class="header_left">
7
+          <label>> 입금등록</label>
8
+        </div>
9
+        <div class="header_right">
10
+          <button id="ITP_BTN_MLOANMNG02010"><img src="/img/close.png"></button>
11
+        </div>
12
+      </div>
13
+      <div class="content">
14
+        <div class="line">
15
+          <label>브랜드명</label>
16
+          <div class="float_right">
17
+            <input id="ITP_FORM_MLOANMNG02010" type="text" placeholder="A 브랜드명">
18
+          </div>
19
+        </div>
20
+        <div class="line">
21
+          <label>매장명</label>
22
+          <div class="float_right">
23
+            <input id="ITP_FORM_MLOANMNG02010" type="text" placeholder="A매장명">
24
+          </div>
25
+        </div>
26
+        <div class="line">
27
+          <label>입금금액</label>
28
+          <div class="float_right">
29
+            <input id="ITP_FORM_MLOANMNG02010" type="text" >
30
+          </div>
31
+        </div>
32
+        <div class="line">
33
+          <label>입금일자</label>
34
+          <div class="float_right">
35
+            <input id="ITP_FORM_MLOANMNG02010" type="date" style="width: 387px;">
36
+          </div>
37
+        </div>
38
+        <div class="line">
39
+          <label>입금자명</label>
40
+          <div class="float_right">
41
+            <input id="ITP_FORM_MLOANMNG02010" type="text" >
42
+          </div>
43
+        </div>
44
+        <div class="line">
45
+          <label>입금은행</label>
46
+          <div class="float_right">
47
+            <select name="" id="ITP_FORM_MLOANMNG02010" style="width: 387px;">
48
+              <option value="">은행코드 선택</option>
49
+            </select>
50
+          </div>
51
+        </div>
52
+        <div class="line">
53
+          <label>입금계좌번호</label>
54
+          <div class="float_right">
55
+            <input id="ITP_FORM_MLOANMNG02010" type="text" >
56
+          </div>
57
+        </div>
58
+        <div class="line">
59
+          <button id="ITP_BTN_MLOANMNG02010" class="col_4 btn-primary btn-sm ">등록</button>
60
+          <button id="ITP_BTN_MLOANMNG02010" class="col_4 btn-gray btn-sm CLB">취소</button>
61
+        </div>
62
+      </div> 
63
+    </div>
64
+  </div>
65
+  <div class="popup3" style="display:none;">
66
+    <div class="pop">
67
+      <div class="header">
68
+        <div class="header_left">
69
+          <label>> 입금요청반려</label>
70
+        </div>
71
+        <div class="header_right">
72
+          <button id="ITP_BTN_MLOANMNG02010"><img src="/img/close.png"></button>
73
+        </div>
74
+      </div>
75
+      <div class="content">
76
+        <div class="line">
77
+          <label>브랜드명</label>
78
+          <div class="float_left">
79
+            <div class="fn">A 브랜드명</div>
80
+          </div>
81
+        </div>
82
+        <div class="line">
83
+          <label>매장명</label>
84
+          <div class="float_left">
85
+            <div class="fn">A 매장명</div>
86
+          </div>
87
+        </div>
88
+        <div class="line">
89
+          <label>입금금액</label>
90
+          <div class="float_left">
91
+            <div class="fn">1,000,000</div>
92
+          </div>
93
+        </div>
94
+        <div class="line">
95
+          <label>입금일자</label>
96
+          <div class="float_left">
97
+            <div class="fn">2022.10.05</div>
98
+          </div>
99
+        </div>
100
+        <div class="line">
101
+          <label>입금자명</label>
102
+          <div class="float_left">
103
+            <div class="fn">홍길동</div>
104
+          </div>
105
+        </div>
106
+        <div class="line">
107
+          <label>입금은행</label>
108
+          <div class="float_left">
109
+            <div class="fn">우리은행</div>
110
+          </div>
111
+        </div>
112
+        <div class="line">
113
+          <label>입금계좌번호</label>
114
+          <div class="float_left">
115
+            <div class="fn">11122233333344</div>
116
+          </div>
117
+        </div>
118
+        <div class="line" style="height: 350px;">
119
+          <label>반려사유</label>
120
+          <div class="float_left note">
121
+            <textarea  class="fn" cols="30" rows="10"></textarea>       
122
+         </div>
123
+        </div>
124
+        <div class="line">
125
+          <div class="search">
126
+            <button id="ITP_BTN_MLOANMNG02010" class="col_6 btn-danger btn-sm ">반려</button>
127
+          </div>
128
+        </div>
129
+      </div> 
130
+    </div>
131
+  </div>
132
+	<header>
133
+		<div class="brand_logo">
134
+			<img src="/img/naver.png">
135
+		</div> 
136
+		<div class="name_info">
137
+			<label>
138
+				<div class="fnBrnadNm">브랜드명</div>
139
+			</label>
140
+			<div>
141
+				<label style="width: 1px;">-</label>
142
+			</div>
143
+			<label>
144
+				<div class="fnStoreNm">매장명</div>
145
+			</label>
146
+		</div>
147
+			<div class="logout">
148
+				<button id="ITP_BTN_LOGOUT">로그<br>아웃</button>
149
+			</div>
150
+	</header>
151
+  <div id="ITP_AJAX_MLOANMNG02010_VIEW_CONTAINER">
152
+    <div class="content">
153
+      <div class="line">
154
+        <label>반품장소</label>
155
+        <div class="float_left">
156
+          <input id="ITP_FORM_MLOANMNG02010" type="text" placeholder="A매장명">
157
+        </div>
158
+        <div class="float_left_btn">
159
+          <button id="ITP_BTN_MLOANMNG02010"><img src="/img/search.png" alt=""></button>
160
+          <button id="ITP_BTN_MLOANMNG02010"><img src="/img/delete.png" alt=""></button>
161
+        </div>
162
+      </div>
163
+      <div class="line">
164
+        <label>반품발주상태</label>
165
+        <div class="float_left">
166
+          <select name="" id="ITP_FORM_MLOANMNG02010">
167
+            <option value=""></option>
168
+          </select>
169
+        </div>
170
+      </div>
171
+      <div class="line">
172
+        <label>입금일자</label>
173
+        <div class="date_to">
174
+          <input id="ITP_FORM_MLOANMNG02010" class="year" type="date">
175
+          <div class="at">~</div>
176
+          <input id="ITP_FORM_MLOANMNG02010" class="year" type="date">
177
+        </div>
178
+      </div>
179
+      <div class="line">
180
+        <div class="search">
181
+          <button id="ITP_BTN_MLOANMNG02010" class="col_3 btn-yellow btn-sm ">입금등록</button>
182
+          <button id="ITP_BTN_MLOANMNG02010" class="col_5 btn-primary btn-sm ADB">검색</button>
183
+        </div>
184
+      </div>
185
+      <div class="table_header">
186
+        <h1>> 입금 요청 내역</h1>
187
+      </div>
188
+    </div>
189
+    <div class="scroll_area" style="top: 672px;">
190
+      <li class="history_list">
191
+        <div class="button_right">
192
+          <button id="ITP_BTN_MLOANMNG02010" class="btn-primary AGR">승인</button>
193
+          <button id="ITP_BTN_MLOANMNG02010" class="btn-danger RJT">반려</button>
194
+        </div>
195
+        <div class="left">
196
+          <div class="nomal">
197
+            <label class="col_0">매장명&nbsp;&nbsp;&nbsp;:&nbsp;</label>
198
+            <div class="history">
199
+              <div class="fn">A매장</div>
200
+            </div>
201
+            <label class="col_0">입금일자&nbsp;:</label>
202
+            <div class="history">
203
+              <div class="fn">2022.10.05</div>
204
+            </div>
205
+          </div>
206
+        </div>
207
+        <div class="left">
208
+          <div class="nomal">
209
+            <label class="col_0">입금금액&nbsp;:</label>
210
+            <div class="history">
211
+              <div class="fn">1,000,000</div>
212
+            </div>
213
+            <label class="col_0">입금자&nbsp;:</label>
214
+            <div class="history">
215
+              <div class="fn">홍길동</div>
216
+            </div>
217
+          </div>
218
+        </div>
219
+        <div class="left">
220
+          <div class="nomal">
221
+            <label class="col_0">입금정보&nbsp;:</label>
222
+            <div class="history">
223
+              <div class="fn">11122233344</div>
224
+              <div class="fn">(우리은행)</div>
225
+            </div>
226
+          </div>
227
+        </div>
228
+        <div class="left">
229
+          <div class="nomal">
230
+            <label class="col_0">처리결과&nbsp;:</label>
231
+            <div class="history">
232
+              <div class="fn">입금요청</div> 
233
+              <div class="fn">(2022.10.05)</div> 
234
+            </div>
235
+          </div>
236
+        </div>
237
+      </li>
238
+    </div>
239
+  </div>
240
+  <div class="footer">
241
+    <div class="home">
242
+      <button id="ITP_BTN_MLOANMNG02010" class="home_btn"><img src="/img/home.png" alt=""></button>
243
+    </div>
244
+    <div class="manage">
245
+      <button id="ITP_BTN_MLOANMNG02010">발주관리</button>
246
+      <button id="ITP_BTN_MLOANMNG02010">반품관리</button>
247
+      <button id="ITP_BTN_MLOANMNG02010">여신관리</button>
248
+    </div>
249
+  </div>
250
+</section>

+ 215 - 0
src/main/webapp/mobile/app/mloanmng/MLOANMNG03010.html

@@ -0,0 +1,215 @@
1
+<link rel="stylesheet" href="/style.css">
2
+<section>
3
+	<header>
4
+		<div class="brand_logo">
5
+			<img src="/img/naver.png">
6
+		</div> 
7
+		<div class="name_info">
8
+			<label>
9
+				<div class="fnBrnadNm">브랜드명</div>
10
+			</label>
11
+			<div>
12
+				<label style="width: 1px;">-</label>
13
+			</div>
14
+			<label>
15
+				<div class="fnStoreNm">매장명</div>
16
+			</label>
17
+		</div>
18
+			<div class="logout">
19
+				<button id="ITP_BTN_LOGOUT">로그<br>아웃</button>
20
+			</div>
21
+	</header>
22
+  <div id="ITP_AJAX_MLOANMNG03010_VIEW" style="display: none;">
23
+    <div class="content">
24
+      <div class="line">
25
+        <label>매장선택</label>
26
+        <div class="float_left">
27
+          <input id="ITP_FORM_MLOANMNG03010_VIEW" type="text" placeholder="A매장명">
28
+        </div>
29
+        <div class="float_left_btn">
30
+          <button id="ITP_BTN_MLOANMNG03010"><img src="/img/search.png" alt=""></button>
31
+          <button id="ITP_BTN_MLOANMNG03010"><img src="/img/delete.png" alt=""></button>
32
+        </div>
33
+      </div>
34
+      <div class="line">
35
+        <label>정산상태</label>
36
+        <div class="float_left">
37
+          <select name="" id="ITP_FORM_MLOANMNG03010_VIEW">
38
+            <option value=""></option>
39
+          </select>
40
+        </div>
41
+      </div>
42
+      <div class="line">
43
+        <label>정산요청일</label>
44
+        <div class="date_to">
45
+          <input id="ITP_FORM_MLOANMNG03010_VIEW" class="year" type="date">
46
+          <div class="at">~</div>
47
+          <input id="ITP_FORM_MLOANMNG03010_VIEW" class="year" type="date">
48
+        </div>
49
+      </div>
50
+      <div class="line">
51
+        <div class="search">
52
+          <button id="ITP_BTN_MLOANMNG03010" class="btn-primary btn-sm ADB">검색</button>
53
+        </div>
54
+      </div>
55
+      <div class="table_header">
56
+        <h1>> 정산 내역</h1>
57
+      </div>
58
+    </div>
59
+    <div class="scroll_area" style="top: 672px;">
60
+      <li class="history_list" style="padding-top:30px;">
61
+        <div class="left">
62
+          <div class="nomal">
63
+            <label class="history_label">브랜드명 &nbsp;:</label>
64
+            <div class="history">
65
+              <div class="fn">브랜드명</div>
66
+            </div>
67
+            <label class="history_label">매장명&nbsp;:</label>
68
+            <div class="history">
69
+              <div class="fn">A매장</div>
70
+            </div>
71
+          </div>
72
+        </div>
73
+        <div class="left">
74
+          <div class="nomal">
75
+            <label class="history_label">정산상태 &nbsp;:</label>
76
+            <div class="history">
77
+              <div class="fn">정산요청</div>
78
+            </div>
79
+            <label class="history_label">정산요청일&nbsp;:</label>
80
+            <div class="history">
81
+              <div class="fn">2022.10.05</div>
82
+            </div>
83
+          </div>
84
+        </div>
85
+        <div class="left">
86
+          <div class="nomal">
87
+            <label class="history_label">정산금액 &nbsp;:</label>
88
+            <div class="history">
89
+              <div class="fn">1,000,000</div>
90
+            </div>
91
+            <label class="history_label">잔액&nbsp;:</label>
92
+            <div class="history">
93
+              <div class="fn">1,200,000</div>
94
+            </div>
95
+          </div>
96
+        </div>
97
+      </li>
98
+    </div>
99
+  </div>
100
+  <div id="ITP_AJAX_MLOANMNG03010_DETAIL" style="display: block;">
101
+    <div class="content">
102
+      <div class="line">
103
+        <label>매장명</label>
104
+        <div class="line_right">
105
+          <input id="ITP_FORM_MLOANMNG03010_DETAIL" type="text" placeholder="A매장명">
106
+        </div>      
107
+      </div>
108
+      <div class="line">
109
+        <label class="col_6">정산일자</label>
110
+        <div class="line_right">
111
+          <input id="ITP_FORM_MLOANMNG03010_DETAIL" type="text" >
112
+        </div>
113
+      </div>
114
+      <div class="line">
115
+        <label>정산상태</label>
116
+        <div class="line_right">
117
+          <input id="ITP_FORM_MLOANMNG03010_DETAIL" type="text" >
118
+        </div>
119
+      </div>
120
+      <div class="line">
121
+        <label>정산금액</label>
122
+        <div class="line_right">
123
+          <input id="ITP_FORM_MLOANMNG03010_DETAIL" type="text" >
124
+        </div>
125
+      </div>
126
+      <div class="line">
127
+        <label>잔액</label>
128
+        <div class="line_right">
129
+          <input id="ITP_FORM_MLOANMNG03010_DETAIL" type="text" >
130
+        </div>
131
+      </div>
132
+      <div class="line">
133
+        <label>정산등록일자</label>
134
+        <div class="line_right">
135
+          <input id="ITP_FORM_MLOANMNG03010_DETAIL" type="date" style="width:443px;">
136
+        </div>
137
+      </div>
138
+      <div class="table_header">
139
+        <h1>> 정산 상세 내역</h1>
140
+      </div>
141
+    </div>
142
+    <div class="scroll_area" style="top:872px;">
143
+      <li class="history_list2">
144
+        <div>
145
+          <div class="left">
146
+            <div class="nomal">
147
+              <label class="col_0">품목아이디 &nbsp;:</label>
148
+              <div class="space2">
149
+                <div class="fn">adsf1234</div>
150
+              </div>
151
+              <label class="col_0">품목명&nbsp;:</label>
152
+              <div class="space2">
153
+                <div class="fn">커피원두</div>
154
+              </div>
155
+            </div>
156
+          </div>
157
+          <div class="left">
158
+            <div class="nomal">
159
+              <label class="col_0">단가 &nbsp;:</label>
160
+              <div class="space2">
161
+                <div class="fn">1,000원</div>
162
+              </div>
163
+              <label class="col_0">단위&nbsp;:</label>
164
+              <div class="space2">
165
+                <div class="fn">Kg</div>
166
+              </div>
167
+            </div>
168
+          </div>
169
+          <div class="left">
170
+            <div class="nomal">
171
+              <label class="col_0">발주(납품)수량 &nbsp;:</label>
172
+              <div style="min-width: 70px;">
173
+                <div class="fn" style="min-width: 70px;">10</div>
174
+              </div>
175
+              <label class="col_0">입고(수거)일자&nbsp;:</label>
176
+              <div>
177
+                <div class="fn">2022.10.05</div>
178
+              </div>
179
+            </div>
180
+          </div>
181
+          <div class="left">
182
+            <div class="nomal">
183
+              <label class="col_0">입고(수거)수량 &nbsp;:</label>
184
+              <div style="min-width: 70px;">
185
+                <div class="fn"style="min-width: 70px;" >10</div>
186
+              </div>
187
+              <label class="col_0">입고(수거)금액&nbsp;:</label>
188
+              <div class="fn">
189
+                <div class="fn">500,000</div>
190
+              </div>
191
+            </div>
192
+          </div>
193
+          <div class="left">
194
+            <div class="nomal">
195
+              <label class="col_0">정산구분 &nbsp;:</label>
196
+              <div class="space2">
197
+                <div class="fn">입고</div>
198
+              </div>
199
+            </div>
200
+          </div>
201
+        </div>
202
+      </li>
203
+    </div>
204
+  </div>
205
+  <div class="footer">
206
+    <div class="home">
207
+      <button id="ITP_BTN_MLOANMNG03010" class="home_btn"><img src="/img/home.png" alt=""></button>
208
+    </div>
209
+    <div class="manage">
210
+      <button id="ITP_BTN_MLOANMNG03010">발주관리</button>
211
+      <button id="ITP_BTN_MLOANMNG03010">반품관리</button>
212
+      <button id="ITP_BTN_MLOANMNG03010">여신관리</button>
213
+    </div>
214
+  </div>
215
+</section>

+ 245 - 0
src/main/webapp/mobile/app/mordmng/MORDMNG01010.html

@@ -0,0 +1,245 @@
1
+<link rel="stylesheet" href="/style.css">
2
+<section>
3
+	<header>
4
+		<div class="brand_logo">
5
+			<img src="/img/naver.png">
6
+		</div> 
7
+		<div class="name_info">
8
+			<label>
9
+				<div class="fnBrnadNm">브랜드명</div>
10
+			</label>
11
+			<div>
12
+				<label style="width: 1px;">-</label>
13
+			</div>
14
+			<label>
15
+				<div class="fnStoreNm">매장명</div>
16
+			</label>
17
+		</div>
18
+			<div class="logout">
19
+				<button id="ITP_BTN_LOGOUT">로그<br>아웃</button>
20
+			</div>
21
+	</header>
22
+  <div id="ITP_AJAX_MORDMNG01010_VIEW_CONTAINER" style="display: block;">
23
+    <div class="content">
24
+      <div class="line">
25
+        <label>납품장소</label>
26
+        <div class="float_left">
27
+          <input id="ITP_FORM_MORDMNG01010_VIEW" type="text" placeholder="A매장명">
28
+        </div>
29
+        <div class="float_left_btn">
30
+          <button id="ITP_BTN_MORDMNG01010"><img src="/img/search.png" alt=""></button>
31
+          <button id="ITP_BTN_MORDMNG01010"><img src="/img/delete.png" alt=""></button>
32
+        </div>
33
+      </div>
34
+      <div class="line">
35
+        <label>수주상태</label>
36
+        <div class="float_left">
37
+          <select name="" id="ITP_FORM_MORDMNG01010_VIEW">
38
+            <option value=""></option>
39
+          </select>
40
+        </div>
41
+      </div>
42
+      <div class="line">
43
+        <label>수주일자</label>
44
+        <div class="date_to">
45
+          <input id="ITP_FORM_MORDMNG01010_VIEW" class="year" type="date">
46
+          <div class="at">~</div>
47
+          <input id="ITP_FORM_MORDMNG01010_VIEW" class="year" type="date">
48
+        </div>
49
+      </div>
50
+      <div class="line">
51
+        <select class="label" name="" id="ITP_FORM_MORDMNG01010_VIEW">
52
+          <option value="">발주번호/품목명</option>
53
+        </select>
54
+        <div class="float_left">
55
+          <input id="ITP_FORM_MORDMNG01010_VIEW" style="width: 630px;" type="text" placeholder="검색어입력">
56
+        </div>
57
+      </div>
58
+      <div class="line">
59
+        <div class="search">
60
+          <button id="ITP_BTN_MORDMNG01010" class="btn-primary btn-sm ADB">검색</button>
61
+        </div>
62
+      </div>
63
+      <div class="table_header">
64
+        <h1>> 수거수주 내역</h1>
65
+      </div>
66
+    </div>
67
+    <div class="scroll_area" style="top: 772px;">
68
+      <li class="history_list">
69
+        <div>
70
+          <div class="left">
71
+            <div class="nomal">
72
+              <label>브랜드명 &nbsp;:</label>
73
+              <div>
74
+                <div class="fn space1">브랜드명</div>
75
+              </div>
76
+              <label>발주번호&nbsp;:</label>
77
+              <div>
78
+                <div class="fn">PO1234123</div>
79
+              </div>
80
+            </div>
81
+          </div>
82
+          <div class="left">
83
+            <div class="nomal">
84
+              <label>발주상태 &nbsp;:</label>
85
+              <div>
86
+                <div class="fn space1">요청</div>
87
+              </div>
88
+              <label>발주일자&nbsp;:</label>
89
+              <div>
90
+                <div class="fn">2022.10.05</div>
91
+              </div>
92
+            </div>
93
+          </div>
94
+          <div class="left">
95
+            <div class="nomal">
96
+              <label class="col_6">납품요청일 &nbsp;:</label>
97
+              <div>
98
+                <div class="fn">2022.10.09</div>
99
+              </div>
100
+              <label>납품장소&nbsp;:</label>
101
+              <div>
102
+                <div class="fn">A창고</div>
103
+              </div>
104
+            </div>
105
+          </div>
106
+          <div class="left">
107
+            <div class="nomal">
108
+              <label>발주금액 &nbsp;:</label>
109
+              <div>
110
+                <div class="fn space1">2,000,000</div>
111
+              </div>
112
+              <label>품목수&nbsp;:</label>
113
+              <div>
114
+                <div class="fn">3개</div>
115
+              </div>
116
+            </div>
117
+          </div>
118
+        </div>
119
+      </li>
120
+    </div>
121
+  </div>
122
+  <div id="ITP_AJAX_MORDMNG01010_DETAIL_CONTAINER" style="display: none;">
123
+    <div class="content">
124
+      <div class="line">
125
+        <label>브랜드명</label>
126
+        <div class="line_right">
127
+          <div class="fn">A브랜드명</div>
128
+        </div>      
129
+      </div>
130
+      <div class="line">
131
+        <label>발주번호</label>
132
+        <div class="line_right">
133
+          <div class="fn">PO12345678</div>
134
+        </div>      
135
+      </div>
136
+      <div class="line">
137
+        <label>발주일자</label>
138
+        <div class="line_right">
139
+          <div class="fn">2022.10.09</div>
140
+        </div>      
141
+      </div>
142
+      <div class="line">
143
+        <label>발주상태</label>
144
+        <div class="line_right">
145
+          <div class="fn">발주요청</div>
146
+        </div>      
147
+      </div>
148
+      <div class="line">
149
+        <label>납품장소</label>
150
+        <div class="line_right">
151
+          <div class="fn">A창고</div>
152
+        </div>      
153
+      </div>
154
+      <div class="line">
155
+        <label>발주금액</label>
156
+        <div class="line_right">
157
+          <div class="fn">800,000원</div>
158
+        </div>      
159
+      </div>
160
+      <div class="line">
161
+        <label>발주담당자</label>
162
+        <div class="line_right">
163
+          <div class="fn">홍길동</div>
164
+        </div>      
165
+      </div>
166
+      <div class="table_header">
167
+        <h1>> 수주 상세 내역</h1>
168
+      </div>
169
+    </div>
170
+    <div class="scroll_area" style="top:972px;">
171
+      <li class="history_list2">
172
+        <div>
173
+          <div class="left">
174
+            <div class="nomal">
175
+              <label>순번 &nbsp;:</label>
176
+              <div class="space2">
177
+                <div class="fn">1</div>
178
+              </div>
179
+              <label class="col_0">품목아이디&nbsp;:</label>
180
+              <div class="space2">
181
+                <div class="fn">asdf1234</div>
182
+              </div>
183
+            </div>
184
+          </div>
185
+          <div class="left">
186
+            <div class="nomal">
187
+              <label>품목명 &nbsp;:</label>
188
+              <div class="space2">
189
+                <div class="fn">커피원두</div>
190
+              </div>
191
+              <label>가격단위&nbsp;:</label>
192
+              <div class="space2">
193
+                <div class="fn">1</div>
194
+              </div>
195
+            </div>
196
+          </div>
197
+          <div class="left">
198
+            <div class="nomal">
199
+              <label>단가 &nbsp;:</label>
200
+              <div>
201
+                <div class="fn">1,000원</div>
202
+              </div>
203
+              <label>단위&nbsp;:</label>
204
+              <div>
205
+                <div class="fn">Kg</div>
206
+              </div>
207
+            </div>
208
+          </div>
209
+          <div class="left">
210
+            <div class="nomal">
211
+              <label>발주수량 &nbsp;:</label>
212
+              <div>
213
+                <div class="fn">10</div>
214
+              </div>
215
+              <label>발주금액&nbsp;:</label>
216
+              <div>
217
+                <div class="fn">500,000</div>
218
+              </div>
219
+            </div>
220
+          </div>
221
+          <div class="left">
222
+            <div class="nomal">
223
+              <label class="col_6">납기요청일 &nbsp;:</label>
224
+              <div>
225
+                <div class="fn">2022.10.09</div>
226
+              </div>
227
+            </div>
228
+          </div>
229
+        </div>
230
+      </li>
231
+    </div>
232
+    <div class="button_bar">
233
+      <button id="ITP_BTN_MORDMNG01010" class="col_12 btn-gray CLB">취소</button>
234
+    </div>
235
+  </div>
236
+  <div class="footer">
237
+    <div class="home">
238
+      <button id="ITP_BTN_MORDMNG01010" class="home_btn"><img src="/img/home.png" alt=""></button>
239
+    </div>
240
+    <div class="manage col_2">
241
+      <button id="ITP_BTN_MORDMNG01010">수주관리</button>
242
+      <button id="ITP_BTN_MORDMNG01010">수거관리</button>
243
+    </div>
244
+  </div>
245
+</section>

+ 262 - 0
src/main/webapp/mobile/app/mordmng/MORDMNG02010.html

@@ -0,0 +1,262 @@
1
+<link rel="stylesheet" href="/style.css">
2
+<section>
3
+	<header>
4
+		<div class="brand_logo">
5
+			<img src="/img/naver.png">
6
+		</div> 
7
+		<div class="name_info">
8
+			<label>
9
+				<div class="fnBrnadNm">브랜드명</div>
10
+			</label>
11
+			<div>
12
+				<label style="width: 1px;">-</label>
13
+			</div>
14
+			<label>
15
+				<div class="fnStoreNm">매장명</div>
16
+			</label>
17
+		</div>
18
+			<div class="logout">
19
+				<button id="ITP_BTN_LOGOUT">로그<br>아웃</button>
20
+			</div>
21
+	</header>
22
+  <div id="ITP_AJAX_MORDMNG02010_VIEW_CONTAINER" style="display: none;">
23
+    <div class="content">
24
+      <div class="line">
25
+        <label>납품장소</label>
26
+        <div class="float_left">
27
+          <input id="ITP_FORM_MORDMNG02010_VIEW" type="text" placeholder="A매장명">
28
+        </div>
29
+        <div class="float_left_btn">
30
+          <button id="ITP_BTN_MORDMNG02010"><img src="/img/search.png" alt=""></button>
31
+          <button id="ITP_BTN_MORDMNG02010"><img src="/img/delete.png" alt=""></button>
32
+        </div>
33
+      </div>
34
+      <div class="line">
35
+        <label>납품요청일</label>
36
+        <div class="date_to">
37
+          <input id="ITP_FORM_MORDMNG02010_VIEW" class="year" type="date">
38
+          <div class="at">~</div>
39
+          <input id="ITP_FORM_MORDMNG02010_VIEW" class="year" type="date">
40
+        </div>
41
+      </div>
42
+      <div class="line">
43
+        <select class="label" name="" id="ITP_FORM_MORDMNG02010_VIEW">
44
+          <option value="">발주번호/품목명</option>
45
+        </select>
46
+        <div class="float_left">
47
+          <input id="ITP_FORM_MORDMNG02010_VIEW" style="width: 630px;" type="text" placeholder="검색어입력">
48
+        </div>
49
+      </div>
50
+      <div class="line">
51
+        <div class="search">
52
+          <button id="ITP_BTN_MORDMNG02010" class="btn-primary btn-sm ADB">검색</button>
53
+        </div>
54
+      </div>
55
+      <div class="table_header">
56
+        <h1>> 수주 내역</h1>
57
+      </div>
58
+    </div>
59
+    <div class="scroll_area" style="top: 672px;">
60
+      <li class="history_list3">
61
+        <div>
62
+          <div class="left">
63
+            <div class="nomal">
64
+              <label class="col_0">브랜드명 &nbsp;:</label>
65
+              <div>
66
+                <div class="fn space1">브랜드명</div>
67
+              </div>
68
+              <label class="col_0">발주번호&nbsp;:</label>
69
+              <div>
70
+                <div class="fn">PO1234123</div>
71
+              </div>
72
+            </div>
73
+          </div>
74
+          <div class="left">
75
+            <div class="nomal">
76
+              <label class="col_0">발주항번 &nbsp;:</label>
77
+              <div>
78
+                <div class="fn space1">1</div>
79
+              </div>
80
+              <label class="col_6">납품요청일 &nbsp;:</label>
81
+              <div>
82
+                <div class="fn space1">2022.10.09</div>
83
+              </div>
84
+            </div>
85
+          </div>
86
+          <div class="left">
87
+            <div class="nomal">
88
+              <label class="col_0">납품장소&nbsp;:</label>
89
+              <div>
90
+                <div class="fn space1">A창고</div>
91
+              </div>
92
+              <label class="col_0">품목번호 &nbsp;:</label>
93
+              <div>
94
+                <div class="fn space1">asdf1324</div>
95
+              </div>
96
+            </div>
97
+          </div>
98
+          <div class="left">
99
+            <div class="nomal">
100
+              <label class="col_0">품목명 &nbsp;:</label>
101
+              <div>
102
+                <div class="fn space1">asdf1324</div>
103
+              </div>
104
+              <label class="col_0">발주수량&nbsp;:</label>
105
+              <div>
106
+                <div class="fn">3개</div>
107
+              </div>
108
+            </div>
109
+          </div>
110
+          <div class="left">
111
+            <div class="nomal">
112
+              <label class="col_0">단가금액 &nbsp;:</label>
113
+              <div>
114
+                <div class="fn space1">1,000원</div>
115
+              </div>
116
+              <label class="col_0">발주금액&nbsp;:</label>
117
+              <div>
118
+                <div class="fn space0">20,000원</div>
119
+              </div>
120
+              <div class="scroll_btn">
121
+                <button id="ITP_BTN_MORDMNG02010">선택</button>
122
+              </div>
123
+            </div>
124
+          </div>
125
+        </div>
126
+      </li>
127
+      <div class="button_bar">
128
+        <button id="ITP_BTN_MORDMNG02010" class="btn_col_6 btn-primary IVC">납품서생성</button>
129
+        <button id="ITP_BTN_MORDMNG02010" class="btn_col_3 btn-gray CLB">취소</button>
130
+      </div>
131
+    </div>
132
+  </div>
133
+  <div id="ITP_AJAX_MORDMNG02010_DETAIL_CONTAINER" style="display: block;">
134
+    <div class="content">
135
+      <div class="line">
136
+        <label>브랜드명</label>
137
+        <div class="line_right">
138
+          <div class="fn">A브랜드명</div>
139
+        </div>      
140
+      </div>
141
+      <div class="line">
142
+        <label>발주번호</label>
143
+        <div class="line_right">
144
+          <div class="fn">PO12345678</div>
145
+        </div>      
146
+      </div>
147
+      <div class="line">
148
+        <label class="col_6">납품서생성일자</label>
149
+        <div class="line_right">
150
+          <div class="fn">2022.10.09</div>
151
+        </div>      
152
+      </div>
153
+      <div class="line">
154
+        <label>발주총금액</label>
155
+        <div class="line_right">
156
+          <div class="fn">600,000원</div>
157
+        </div>      
158
+      </div>
159
+      <div class="line">
160
+        <label>납품장소</label>
161
+        <div class="line_right">
162
+          <div class="fn">A창고</div>
163
+        </div>      
164
+      </div>
165
+      <div class="line">
166
+        <label class="col_6">납품장소연락처</label>
167
+        <div class="line_right">
168
+          <div class="fn">02-0202-4544</div>
169
+        </div>      
170
+      </div>
171
+      <div class="line">
172
+        <label>발주담당자</label>
173
+        <div class="line_right">
174
+          <input id="ITP_FORM_MORDMNG02010_DETAIL" class="left" type="text" style="width:200px;" placeholder="이름">
175
+          <input id="ITP_FORM_MORDMNG02010_DETAIL" class="left" type="text" style="width:300px;" placeholder="연락처">
176
+        </div>
177
+      </div>
178
+      <div class="table_header">
179
+        <h1>> 납품 상세 내역</h1>
180
+      </div>
181
+    </div>
182
+    <div class="scroll_area" style="top:972px;">
183
+      <li class="history_list2">
184
+        <div>
185
+          <div class="left">
186
+            <div class="nomal">
187
+              <label>발주항번 &nbsp;:</label>
188
+              <div class="space2">
189
+                <div class="fn">1</div>
190
+              </div>
191
+              <label class="col_0">품목아이디&nbsp;:</label>
192
+              <div class="space2">
193
+                <div class="fn">asdf1234</div>
194
+              </div>
195
+            </div>
196
+          </div>
197
+          <div class="left">
198
+            <div class="nomal">
199
+              <label>품목명 &nbsp;:</label>
200
+              <div class="space2">
201
+                <div class="fn">커피원두</div>
202
+              </div>
203
+              <label>가격단위&nbsp;:</label>
204
+              <div class="space2">
205
+                <div class="fn">1</div>
206
+              </div>
207
+            </div>
208
+          </div>
209
+          <div class="left">
210
+            <div class="nomal">
211
+              <label>단가 &nbsp;:</label>
212
+              <div class="fn">
213
+                <div class="fn">1,000원</div>
214
+              </div>
215
+              <label>단위&nbsp;:</label>
216
+              <div class="fn">
217
+                <div class="fn">Kg</div>
218
+              </div>
219
+            </div>
220
+          </div>
221
+          <div class="left">
222
+            <div class="nomal">
223
+              <label>납품수량 &nbsp;:</label>
224
+              <div class="fn">
225
+                <input id="ITP_FORM_MORDMNG02010_DETAIL" type="text">
226
+              </div>
227
+              <label>납품일자&nbsp;:</label>
228
+              <div class="fn">
229
+                <input id="ITP_FORM_MORDMNG02010_DETAIL" type="text">
230
+              </div>
231
+            </div>
232
+          </div>
233
+          <div class="left">
234
+            <div class="nomal">
235
+              <label>유통기한 &nbsp;:</label>
236
+              <div class="space2">
237
+                <input id="ITP_FORM_MORDMNG02010_DETAIL" type="text">
238
+              </div>
239
+              <label>비고 &nbsp;:</label>
240
+              <div class="space2">
241
+                <input id="ITP_FORM_MORDMNG02010_DETAIL" type="text">
242
+              </div>
243
+            </div>
244
+          </div>
245
+        </div>
246
+      </li>
247
+    </div>
248
+    <div class="button_bar">
249
+      <button id="ITP_BTN_MORDMNG02010" class="btn_col_6 btn-primary CRT">생성</button>
250
+      <button id="ITP_BTN_MORDMNG02010" class="btn_col_3 btn-gray CLB">취소</button>
251
+    </div>
252
+  </div>
253
+  <div class="footer">
254
+    <div class="home">
255
+      <button id="ITP_BTN_MORDMNG02010" class="home_btn"><img src="/img/home.png" alt=""></button>
256
+    </div>
257
+    <div class="manage col_2">
258
+      <button id="ITP_BTN_MORDMNG02010">수주관리</button>
259
+      <button id="ITP_BTN_MORDMNG02010">수거관리</button>
260
+    </div>
261
+  </div>
262
+</section>

+ 275 - 0
src/main/webapp/mobile/app/mordmng/MORDMNG03010.html

@@ -0,0 +1,275 @@
1
+<link rel="stylesheet" href="/style.css">
2
+<section>
3
+	<header>
4
+		<div class="brand_logo">
5
+			<img src="/img/naver.png">
6
+		</div> 
7
+		<div class="name_info">
8
+			<label>
9
+				<div class="fnBrnadNm">브랜드명</div>
10
+			</label>
11
+			<div>
12
+				<label style="width: 1px;">-</label>
13
+			</div>
14
+			<label>
15
+				<div class="fnStoreNm">매장명</div>
16
+			</label>
17
+		</div>
18
+			<div class="logout">
19
+				<button id="ITP_BTN_LOGOUT">로그<br>아웃</button>
20
+			</div>
21
+	</header>
22
+  <div id="ITP_AJAX_MORDMNG03010_VIEW_CONTAINER" style="display: block;">
23
+    <div class="content">
24
+      <div class="line">
25
+        <label>납품장소</label>
26
+        <div class="float_left">
27
+          <input id="ITP_FORM_MORDMNG03010_VIEW" type="text" placeholder="A매장명">
28
+        </div>
29
+        <div class="float_left_btn">
30
+          <button id="ITP_BTN_MORDMNG03010"><img src="/img/search.png" alt=""></button>
31
+          <button id="ITP_BTN_MORDMNG03010"><img src="/img/delete.png" alt=""></button>
32
+        </div>
33
+      </div>
34
+      <div class="line">
35
+        <label>납품요청일</label>
36
+        <div class="date_to">
37
+          <input id="ITP_FORM_MORDMNG03010_VIEW" class="year" type="date">
38
+          <div class="at">~</div>
39
+          <input id="ITP_FORM_MORDMNG03010_VIEW" class="year" type="date">
40
+        </div>
41
+      </div>
42
+      <div class="line">
43
+        <select class="label" name="" id="ITP_FORM_MORDMNG03010_VIEW">
44
+          <option value="">발주번호/품목명</option>
45
+        </select>
46
+        <div class="float_left">
47
+          <input id="ITP_FORM_MORDMNG03010_VIEW" style="width: 630px;" type="text" placeholder="검색어입력">
48
+        </div>
49
+      </div>
50
+      <div class="line">
51
+        <div class="search">
52
+          <button id="ITP_BTN_MORDMNG03010" class="btn-primary btn-sm ADB">검색</button>
53
+        </div>
54
+      </div>
55
+      <div class="table_header">
56
+        <h1>> 수주 내역</h1>
57
+      </div>
58
+    </div>
59
+    <div class="scroll_area" style="top: 672px;">
60
+      <li class="history_list3">
61
+        <div>
62
+          <div class="left">
63
+            <div class="nomal">
64
+              <label class="col_0">브랜드명 &nbsp;:</label>
65
+              <div>
66
+                <div class="fn space1">브랜드명</div>
67
+              </div>
68
+              <label>납품서번호&nbsp;:</label>
69
+              <div>
70
+                <div class="fn">PO1234123</div>
71
+              </div>
72
+            </div>
73
+          </div>
74
+          <div class="left">
75
+            <div class="nomal">
76
+              <label class="col_6">납품서상태 &nbsp;:</label>
77
+              <div>
78
+                <div class="fn">납품전</div>
79
+              </div>
80
+              <label class="col_0">수주일자&nbsp;:</label>
81
+              <div>
82
+                <div class="fn">2022.10.09</div>
83
+              </div>
84
+            </div>
85
+          </div>
86
+          <div class="left">
87
+            <div class="nomal">
88
+              <label>납품요청일&nbsp;:</label>
89
+              <div>
90
+                <div class="fn">2022.10.09</div>
91
+              </div>
92
+              <label>압품예정일&nbsp;:</label>
93
+              <div>
94
+                <div class="fn">2022.10.10</div>
95
+              </div>
96
+            </div>
97
+          </div>
98
+          <div class="left">
99
+            <div class="nomal">
100
+              <label class="col_0">품목수량 &nbsp;:</label>
101
+              <div>
102
+                <div class="fn space1">2</div>
103
+              </div>
104
+              <label>발주총금액&nbsp;:</label>
105
+              <div>
106
+                <div>600,000</div>
107
+              </div>
108
+            </div>
109
+          </div>
110
+          <div class="left">
111
+            <div class="nomal">
112
+              <label class="col_0">납품장소 &nbsp;:</label>
113
+              <div>
114
+                <div class="fn space1">A창고</div>
115
+              </div>
116
+              <label>납품담당자&nbsp;:</label>
117
+              <div>
118
+                <div class="space0">홍길동</div>
119
+              </div>
120
+            </div>
121
+          </div>
122
+        </div>
123
+      </li>
124
+      <div class="button_bar">
125
+        <button id="ITP_BTN_MORDMNG03010" class="btn_col_6 btn-primary IVVIEW">납품서보기</button>
126
+        <button id="ITP_BTN_MORDMNG03010" class="btn_col_3 btn-gray CLB">취소</button>
127
+      </div>
128
+    </div>
129
+  </div>
130
+  <div id="ITP_AJAX_MORDMNG03010_DETAIL_CONTAINER" style="display: none;">
131
+    <div class="detail_content">
132
+      <div class="detail_header">
133
+        <div class="detail_logo">
134
+          <img src="/img/naver.png" alt="">
135
+        </div>
136
+        <div class="detail_ok">
137
+          <label>납품 확인서</label>
138
+        </div>
139
+      </div>
140
+      <div class="detail_confirmation">
141
+        <div class="detail_col">
142
+          <label>발행일</label>
143
+          <i>:</i>
144
+          <div class="fn">2022.10.09</div>
145
+        </div>
146
+        <div class="detail_col">
147
+          <label>납품서확인번호</label>
148
+          <i>:</i>
149
+          <div class="fn">DL123445</div>
150
+        </div>
151
+        <div class="detail_col">
152
+          <label>납품일</label>
153
+          <i>:</i>
154
+          <div class="fn">2022.10.10</div>
155
+        </div>
156
+        <div class="detail_col">
157
+          <label>납품담당자</label>
158
+          <i>:</i>
159
+          <div class="fn">홍길동(010-1234-1548)</div>
160
+        </div>
161
+        <div class="detail_col">
162
+          <label>납품장소</label>
163
+          <i>:</i>
164
+          <div class="fn">(123450 서울 송파구 문정동 100 A창고)</div>
165
+        </div>
166
+        <div class="detail_col">
167
+          <label>전화번호</label>
168
+          <i>:</i>
169
+          <div class="fn">02-123-4567</div>
170
+        </div>
171
+      </div>
172
+      <div class="detail_company_info">
173
+        <div class="info_left">
174
+          <div class="weight">
175
+            <label>공급처</label>
176
+          </div>
177
+          <div class="company_info">
178
+            <label>등록번호&nbsp;:&nbsp;</label>
179
+            <div class="fn">215-12-23454</div>
180
+          </div>
181
+          <div class="company_info">
182
+            <label>상호&nbsp;:&nbsp;</label>
183
+            <div class="fn">공급업체명</div>
184
+          </div>
185
+          <div class="company_info">
186
+            <label>성명&nbsp;:&nbsp;</label>
187
+            <div class="fn">공급자</div>
188
+          </div>
189
+          <div class="company_info">
190
+            <label>주소&nbsp;:&nbsp;</label>
191
+            <div class="fn">서울 송파구 문정동</div>
192
+          </div>
193
+        </div>
194
+        <div class="info_left">
195
+          <div class="weight">
196
+            <label>발주처</label>
197
+          </div>
198
+          <div class="company_info">
199
+            <label>등록번호&nbsp;:&nbsp;</label>
200
+            <div class="fn">215-12-23454</div>
201
+          </div>
202
+          <div class="company_info">
203
+            <label>상호&nbsp;:&nbsp;</label>
204
+            <div class="fn">브랜드 회사명</div>
205
+          </div>
206
+          <div class="company_info">
207
+            <label>성명&nbsp;:&nbsp;</label>
208
+            <div class="fn">대표자명</div>
209
+          </div>
210
+          <div class="company_info">
211
+            <label>주소&nbsp;:&nbsp;</label>
212
+            <div class="fn">경기 성남시 상대원동</div>
213
+          </div>
214
+        </div>
215
+      </div>
216
+      <div class="table_header">
217
+        <h1>> 납품 상세 내역</h1>
218
+      </div>
219
+    </div>
220
+    <div class="scroll_area" style="top:1150px; height: 600px;">
221
+      <li class="history_list1">
222
+        <div>
223
+          <div class="left">
224
+            <div class="nomal">
225
+              <label>발주번호 &nbsp;:</label>
226
+              <div class="space2">
227
+                <div class="fn">P12345</div>
228
+              </div>
229
+              <label class="col_0">품목아이디&nbsp;:</label>
230
+              <div class="space2">
231
+                <div class="fn">asdf1234</div>
232
+              </div>
233
+            </div>
234
+          </div>
235
+          <div class="left">
236
+            <div class="nomal">
237
+              <label>품목명 &nbsp;:</label>
238
+              <div class="space2">
239
+                <div class="fn">커피원두</div>
240
+              </div>
241
+              <label>유통기한&nbsp;:</label>
242
+              <div class="space2">
243
+                <div class="fn">2023.12.02</div>
244
+              </div>
245
+            </div>
246
+          </div>
247
+          <div class="left">
248
+            <div class="nomal">
249
+              <label>발주수량 &nbsp;:</label>
250
+              <div class="space2">
251
+                <div class="fn">10</div>
252
+              </div>
253
+              <label>납품수량&nbsp;:</label>
254
+              <div>
255
+                <div class="fn">10</div>
256
+              </div>
257
+            </div>
258
+          </div>
259
+        </div>
260
+      </li>
261
+    </div>
262
+    <div class="button_bar">
263
+      <button id="ITP_BTN_MORDMNG03010" class="col_12 btn-gray COK">확인</button>
264
+    </div>
265
+  </div>
266
+  <div class="footer">
267
+    <div class="home">
268
+      <button id="ITP_BTN_MORDMNG03010" class="home_btn"><img src="/img/home.png" alt=""></button>
269
+    </div>
270
+    <div class="manage col_2">
271
+      <button id="ITP_BTN_MORDMNG03010">수주관리</button>
272
+      <button id="ITP_BTN_MORDMNG03010">수거관리</button>
273
+    </div>
274
+  </div>
275
+</section>

+ 148 - 0
src/main/webapp/mobile/app/mpomng/MPOMNG01010.html

@@ -0,0 +1,148 @@
1
+<link rel="stylesheet" href="/style.css">
2
+
3
+<section id="MPOMNG01010">
4
+  <div class="popup" style="display: none;">
5
+    <div class="pop">
6
+      <div class="pop_line">
7
+        <label>납품요청일 &nbsp;&nbsp;:</label>
8
+        <div class="fn">2022.09.30</div>
9
+      </div>
10
+      <div class="pop_line">
11
+        <label>품목수&nbsp;&nbsp; :</label>
12
+        <div class="fn">2개</div>
13
+      </div>
14
+      <div class="pop_line">
15
+        <label>구매금액 &nbsp;&nbsp;:</label>
16
+        <div class="fn">2022.09.30원</div>
17
+      </div>
18
+      <label class="pop_label">구매요청 하시겠습니까?</label>
19
+      <div class="popup_btn">
20
+        <button id="ITP_BTN_MPOMNG01010" class="cancel btn-gray CLB">취소</button>
21
+        <button id="ITP_BTN_MPOMNG01010" class="ok btn-primary COK">확인</button>
22
+      </div>
23
+    </div>
24
+  </div>
25
+  <div class="popup2" style="display: none;">
26
+    <div class="pop">
27
+      <div class="header">
28
+        <div class="header_left">
29
+          <label>> 납품장소</label>
30
+        </div>
31
+        <div class="header_right">
32
+          <button id="ITP_BTN_MPOMNG01010"><img src="/img/close.png"></button>
33
+        </div>
34
+      </div>
35
+      <div class="search_bar">
36
+        <input id="ITP_FORM_MPOMNG01010" type="text" placeholder="납품장소명">
37
+        <button id="ITP_BTN_MPOMNG01010"><img src="/img/search.png"></button>
38
+      </div>
39
+      <div class="search_bar">
40
+        <button id="ITP_BTN_MPOMNG01010" class="btn_blue">납품장소▼</button>
41
+      </div>
42
+      <div class="popup_scroll">
43
+        <li>
44
+          <div class="scroll_left">
45
+            <div class="fn">브랜드 창고 명A</div>
46
+            <div class="fn">(상세위치내용)</div>
47
+          </div>
48
+          <div class="scroll_right">
49
+            <button id="ITP_BTN_MPOMNG01010">선택</button>
50
+          </div>
51
+        </li>
52
+        <li>
53
+          <div class="scroll_left">
54
+            <div class="fn">브랜드 창고 명A</div>
55
+            <div class="fn">(상세위치내용)</div>
56
+          </div>
57
+          <div class="scroll_right">
58
+            <button id="ITP_BTN_MPOMNG01010">선택</button>
59
+          </div>
60
+        </li>
61
+      </div>
62
+    </div>
63
+  </div>
64
+	<header>
65
+		<div class="brand_logo">
66
+			<img src="/img/naver.png">
67
+		</div> 
68
+		<div class="name_info">
69
+			<label>
70
+				<div class="fnBrnadNm">브랜드명</div>
71
+			</label>
72
+			<div>
73
+				<label style="width: 1px;">-</label>
74
+			</div>
75
+			<label>
76
+				<div class="fnStoreNm">매장명</div>
77
+			</label>
78
+		</div>
79
+			<div class="logout">
80
+				<button id="ITP_BTN_LOGOUT">로그<br>아웃</button>
81
+			</div>
82
+	</header>
83
+  <div id="ITP_AJAX_MPOMNG01010_VIEW_CONTAINER">
84
+    <div class="content">
85
+      <div class="line">
86
+        <label>납기요청일</label>
87
+        <input id="ITP_FORM_MPOMNG01010" class="date" type="date" placeholder="">
88
+      </div>
89
+      <div class="line">
90
+        <label>구매요청금액</label>
91
+        <div class="line_right">
92
+          <div class="fn">424,000원</div>
93
+        </div>
94
+      </div>
95
+      <div class="line">
96
+        <label>납품장소</label>
97
+        <div class="search_nm">
98
+          <div class="float_left">
99
+            <input id="ITP_FORM_MPOMNG01010" class="" type="text" placeholder="A매장명">
100
+          </div>
101
+          <div class="float_left_btn">
102
+            <button id="ITP_BTN_MPOMNG01010"><img src="/img/search.png" alt=""></button>
103
+            <button id="ITP_BTN_MPOMNG01010"><img src="/img/delete.png" alt=""></button>
104
+          </div>
105
+        </div>
106
+      </div>
107
+      <div class="table_header">
108
+        <h1>>구매 품목</h1>
109
+        <button id="ITP_BTN_MPOMNG01010" class="btn-primary btn-sm ADB">품목추가</button>
110
+      </div>
111
+    </div>
112
+    <div class="scroll_area">
113
+      <li>
114
+        <div class="left">
115
+          <div class="thick">
116
+            <div class="fn">품목명</div>
117
+            <div>-</div>
118
+            <div class="fn">2EA</div>
119
+          </div>
120
+          <div class="nomal">
121
+            <label class="space0">구매가 :</label>
122
+            <div class="fn">1,120,000</div>
123
+          </div>
124
+        </div>
125
+        <div class="right">
126
+          <button id="ITP_BTN_MPOMNG01010"><</button>
127
+          <div class="fn num">2</div>
128
+          <button id="ITP_BTN_MPOMNG01010">></button>
129
+        </div>
130
+      </li>
131
+    </div>
132
+    <div class="button_bar">
133
+      <button id="ITP_BTN_MPOMNG01010" class="col_3 btn-primary REQ">구매요청</button>
134
+      <button id="ITP_BTN_MPOMNG01010" class="col_3 btn-gray TSA">임시저장</button>
135
+      <button id="ITP_BTN_MPOMNG01010" class="col_3 btn-gray CLB">취소</button>
136
+    </div>
137
+  </div>
138
+  <div class="footer">
139
+    <div class="home">
140
+      <button id="ITP_BTN_MPOMNG01010" class="home_btn"><img src="/img/home.png" alt=""></button>
141
+    </div>
142
+    <div class="manage">
143
+      <button id="ITP_BTN_MPOMNG01010">발주관리</button>
144
+      <button id="ITP_BTN_MPOMNG01010">반품관리</button>
145
+      <button id="ITP_BTN_MPOMNG01010">여신관리</button>
146
+    </div>
147
+  </div>
148
+</section>

+ 181 - 0
src/main/webapp/mobile/app/mpomng/MPOMNG02010.html

@@ -0,0 +1,181 @@
1
+<link rel="stylesheet" href="/style.css">
2
+<section>
3
+	<header>
4
+		<div class="brand_logo">
5
+			<img src="/img/naver.png">
6
+		</div> 
7
+		<div class="name_info">
8
+			<label>
9
+				<div class="fnBrnadNm">브랜드명</div>
10
+			</label>
11
+			<div>
12
+				<label style="width: 1px;">-</label>
13
+			</div>
14
+			<label>
15
+				<div class="fnStoreNm">매장명</div>
16
+			</label>
17
+		</div>
18
+			<div class="logout">
19
+				<button id="ITP_BTN_LOGOUT">로그<br>아웃</button>
20
+			</div>
21
+	</header>
22
+  <div id="ITP_AJAX_MPOMNG02010_VIEW_CONTAINER" style="display: none;">
23
+    <div class="content">
24
+        <div class="line">
25
+          <label>구매요청일</label>
26
+        <div class="date_to">
27
+          <input id="ITP_FORM_MPOMNG02010_VIEW" class="year" type="date">
28
+          <div class="at">~</div>
29
+          <input id="ITP_FORM_MPOMNG02010_VIEW" class="year" type="date">
30
+        </div>
31
+      </div>
32
+      <div class="line">
33
+        <label>구매요청상태</label>
34
+        <div class="float_left">
35
+          <select id="ITP_FORM_MPOMNG02010_VIEW" class="stcd" name="">
36
+            <option value="">상태</option>
37
+          </select>
38
+        </div>
39
+      </div>
40
+      <div class="line">
41
+        <label>납품장소</label>
42
+        <div class="float_left">
43
+          <input id="ITP_FORM_MPOMNG02010_VIEW" class="" type="text" placeholder="A매장명">
44
+        </div>
45
+        <div class="float_left_btn">
46
+          <button id="ITP_BTN_MPOMNG02010"><img src="/img/search.png" alt=""></button>
47
+          <button id="ITP_BTN_MPOMNG02010"><img src="/img/delete.png" alt=""></button>
48
+        </div>
49
+      </div>
50
+      <div class="line">
51
+        <div class="search">
52
+          <button id="ITP_BTN_MPOMNG02010" class="btn-primary btn-sm ADB">검색</button>
53
+        </div>
54
+      </div>
55
+      <div class="table_header">
56
+        <h1>>구매 요청 내역</h1>
57
+      </div>
58
+    </div>
59
+    <div class="scroll_area" style="top: 672px;">
60
+      <li class="history_list">
61
+        <div class="left">
62
+          <div class="nomal">
63
+            <label>구매요청일 :</label>
64
+            <div class="history">
65
+              <div class="fn">2022.10.01</div> 
66
+              (<div class="fn">홍길동 점주</div>)
67
+            </div>
68
+          </div>
69
+        </div>
70
+        <div class="left">
71
+          <div class="nomal">
72
+            <label>구매상태 :</label>
73
+            <div class="history">
74
+              <div class="fn">대기</div>
75
+            </div>
76
+            <label>납품장소명 :</label>
77
+            <div class="history">
78
+              <div class="fn">A매장내</div>
79
+            </div>
80
+          </div>
81
+        </div>
82
+        <div class="left">
83
+          <div class="nomal">
84
+            <label style="width: 300px;">구매요청 정보 :</label>
85
+            <div class="history">
86
+              <div class="fn">품목수(3)</div> 
87
+              <i>- </i>
88
+              <div class="fn">1,200,000</div> 원
89
+            </div>
90
+          </div>
91
+        </div>
92
+        <div class="left">
93
+          <div class="nomal">
94
+            <label>결재정보 :</label>
95
+            <div class="history">
96
+              <div class="fn">미납</div> 
97
+            </div>
98
+          </div>
99
+        </div>
100
+      </li>
101
+    </div>
102
+  </div>
103
+  <div id="ITP_AJAX_MPOMNG02010_DETAIL_CONTAINER" style="display: block;">
104
+    <div class="content">
105
+      <div class="line">
106
+        <label>납기요청일</label>
107
+        <div class="line_right">
108
+          <div class="fn">2022.10.10</div>
109
+        </div>      
110
+      </div>
111
+      <div class="line">
112
+        <label>구매요청금액</label>
113
+        <div class="line_right">
114
+          <div class="fn">424,000원</div>
115
+        </div>
116
+      </div>
117
+      <div class="line">
118
+        <label>납품장소</label>
119
+        <div class="line_right">
120
+          <div class="fn">A매장내</div>
121
+        </div>
122
+      </div>
123
+      <div class="line">
124
+        <label>결재정보</label>
125
+        <div class="line_right">
126
+          <div class="fn">(미납)0원</div>
127
+        </div>
128
+      </div>
129
+      <div class="table_header">
130
+        <h1>>구매 품목</h1>
131
+      </div>
132
+    </div>
133
+    <div class="scroll_area" style="top:672px;">
134
+      <li>
135
+        <div class="left">
136
+          <div class="thick">
137
+            <div class="fn">품목명</div>
138
+            <div>-</div>
139
+            <div class="fn">2EA</div>
140
+          </div>
141
+          <div class="nomal">
142
+            <label class="space0">구매가 :</label>
143
+            <div>1,120,000</div>
144
+          </div>
145
+        </div>
146
+        <div class="right">
147
+          <div class="fn num">2</div>
148
+        </div>
149
+      </li>
150
+      <li>
151
+        <div class="left">
152
+          <div class="thick">
153
+            <div class="fn">품목명</div>
154
+            <div>-</div>
155
+            <div class="fn">2EA</div>
156
+          </div>
157
+          <div class="nomal">
158
+            <label class="space0">구매가 :</label>
159
+            <div class="fn">1,120,000</div>
160
+          </div>
161
+        </div>
162
+        <div class="right">
163
+          <div class="fn num">2</div>
164
+        </div>
165
+      </li>
166
+    </div>
167
+    <div class="button_bar">
168
+      <button id="" class="col_12 btn-gray CLB">취소</button>
169
+    </div>
170
+  </div>
171
+  <div class="footer">
172
+    <div class="home">
173
+      <button id="ITP_BTN_MPOMNG02010" class="home_btn"><img src="/img/home.png" alt=""></button>
174
+    </div>
175
+    <div class="manage">
176
+      <button id="ITP_BTN_MPOMNG02010">발주관리</button>
177
+      <button id="ITP_BTN_MPOMNG02010">반품관리</button>
178
+      <button id="ITP_BTN_MPOMNG02010">여신관리</button>
179
+    </div>
180
+  </div>
181
+</section>

+ 190 - 0
src/main/webapp/mobile/app/mpomng/MPOMNG03010.html

@@ -0,0 +1,190 @@
1
+<link rel="stylesheet" href="/style.css">
2
+<section>
3
+	<header>
4
+		<div class="brand_logo">
5
+			<img src="/img/naver.png">
6
+		</div> 
7
+		<div class="name_info">
8
+			<label>
9
+				<div class="fnBrnadNm">브랜드명</div>
10
+			</label>
11
+			<div>
12
+				<label style="width: 1px;">-</label>
13
+			</div>
14
+			<label>
15
+				<div class="fnStoreNm">매장명</div>
16
+			</label>
17
+		</div>
18
+			<div class="logout">
19
+				<button id="ITP_BTN_LOGOUT">로그<br>아웃</button>
20
+			</div>
21
+	</header>
22
+  <div id="ITP_AJAX_MPOMNG03010_VIEW_CONTAINER" style="display: none;">
23
+    <div class="content">
24
+      <div class="line">
25
+        <label>발주일자</label>
26
+        <div class="date_to">
27
+          <input id="ITP_FORM_MPOMNG03010_VIEW" class="year" type="date">
28
+          <div class="at">~</div>
29
+          <input id="ITP_FORM_MPOMNG03010_VIEW" class="year" type="date">
30
+        </div>
31
+      </div>
32
+      <div class="line">
33
+        <label>발주상태</label>
34
+        <div class="float_left">
35
+          <select name="" id="ITP_FORM_MPOMNG03010_VIEW">
36
+            <option value=""></option>
37
+          </select>
38
+        </div>
39
+      </div>
40
+      <div class="line">
41
+        <label>공급업체</label>
42
+        <div class="float_left">
43
+          <input id="ITP_FORM_MPOMNG03010_VIEW" type="text" placeholder="A공급업체명">
44
+        </div>
45
+        <div class="float_left_btn">
46
+          <button id="ITP_BTN_MPOMNG03010"><img src="/img/search.png" alt=""></button>
47
+          <button id="ITP_BTN_MPOMNG03010"><img src="/img/delete.png" alt=""></button>
48
+        </div>
49
+      </div>
50
+      <div class="line">
51
+        <label>납품장소</label>
52
+        <div class="float_left">
53
+          <input id="ITP_FORM_MPOMNG03010_VIEW" type="text" placeholder="A매장명">
54
+        </div>
55
+        <div class="float_left_btn">
56
+          <button id="ITP_BTN_MPOMNG03010"><img src="/img/search.png" alt=""></button>
57
+          <button id="ITP_BTN_MPOMNG03010"><img src="/img/delete.png" alt=""></button>
58
+        </div>
59
+      </div>
60
+      <div class="line">
61
+        <div class="search">
62
+          <button id="ITP_BTN_MPOMNG03010" class="btn-primary btn-sm ADB">검색</button>
63
+        </div>
64
+      </div>
65
+      <div class="table_header">
66
+        <h1>> 발주 내역</h1>
67
+      </div>
68
+    </div>
69
+    <div class="scroll_area" style="top: 772px;">
70
+      <li class="history_list">
71
+        <div class="left">
72
+          <div class="nomal">
73
+            <label>발주일자 &nbsp;:</label>
74
+            <div class="history">
75
+              <div class="fn">2022.10.01</div> 
76
+              (<div class="fn">홍길동 점주</div>)
77
+            </div>
78
+          </div>
79
+        </div>
80
+        <div class="left">
81
+          <div class="nomal">
82
+            <label>발주상태 &nbsp;:</label>
83
+            <div class="history">
84
+              <div class="fn">대기</div>
85
+            </div>
86
+            <label>납품장소명&nbsp;:</label>
87
+            <div class="history">
88
+              <div class="fn">A매장내</div>
89
+            </div>
90
+          </div>
91
+        </div>
92
+        <div class="left">
93
+          <div class="nomal">
94
+            <label>발주정보 &nbsp;:</label>
95
+            <div class="history">
96
+              <div class="fn">품목수(3)</div> 
97
+              <i>-</i>
98
+              <div class="fn">1,200,000</div>원
99
+            </div>
100
+          </div>
101
+        </div>
102
+        <div class="left">
103
+          <div class="nomal">
104
+            <label>공급업체 &nbsp;:</label>
105
+            <div class="history">
106
+              <div class="fn">A공급업체</div> 
107
+            </div>
108
+          </div>
109
+        </div>
110
+      </li>
111
+    </div>
112
+  </div>
113
+  <div id="ITP_AJAX_MPOMNG03010_DETAIL_CONTAINER" style="display: block;">
114
+    <div class="content">
115
+      <div class="line">
116
+        <label>발주일자</label>
117
+        <div class="line_right">
118
+          <div class="fn">2022.10.10</div>
119
+        </div>      
120
+      </div>
121
+      <div class="line">
122
+        <label>발주금액</label>
123
+        <div class="line_right">
124
+          <div class="fn">424,000원</div>
125
+        </div>
126
+      </div>
127
+      <div class="line">
128
+        <label>납품장소</label>
129
+        <div class="line_right">
130
+          <div class="fn">A매장내</div>
131
+        </div>
132
+      </div>
133
+      <div class="line">
134
+        <label>공급업체</label>
135
+        <div class="line_right">
136
+          <div class="fn">A공급업체</div>
137
+        </div>
138
+      </div>
139
+      <div class="table_header">
140
+        <h1>> 발주 품목</h1>
141
+      </div>
142
+    </div>
143
+    <div class="scroll_area" style="top:672px;">
144
+      <li>
145
+        <div>
146
+          <div class="detail_left">
147
+            <div class="detail_info">
148
+              <div class="fn">품목명</div>
149
+              <i>-</i>
150
+              <div class="fn">2EA</div>
151
+            </div>
152
+          </div>
153
+          <div class="detail_right">
154
+            <div class="detail_info">
155
+              <label>수량/금액</label>
156
+              <div class="fn">2</div>
157
+              <i>/</i>
158
+              <div class="fn">24,000</div>
159
+            </div>
160
+          </div>
161
+          <div class="detail_left">
162
+            <div class="detail_info">
163
+              <label>구매가 &nbsp;:&nbsp;</label>
164
+              <div class="fn">12,000</div>
165
+            </div>
166
+          </div>
167
+          <div class="detail_right">
168
+            <div class="detail_info">
169
+              <label>납기요청일&nbsp;:&nbsp;</label>
170
+              <div class="fn">2022.10.01</div>
171
+            </div>
172
+          </div>
173
+        </div>
174
+      </li>
175
+    </div>
176
+    <div class="button_bar">
177
+      <button id="ITP_BTN_MPOMNG03010" class="col_12 btn-gray CLB">취소</button>
178
+    </div>
179
+  </div>
180
+  <div class="footer">
181
+    <div class="home">
182
+      <button id="ITP_BTN_MPOMNG03010" class="home_btn"><img src="/img/home.png" alt=""></button>
183
+    </div>
184
+    <div class="manage">
185
+      <button id="ITP_BTN_MPOMNG03010">발주관리</button>
186
+      <button id="ITP_BTN_MPOMNG03010">반품관리</button>
187
+      <button id="ITP_BTN_MPOMNG03010">여신관리</button>
188
+    </div>
189
+  </div>
190
+</section>

+ 144 - 0
src/main/webapp/mobile/app/mpomng/MPOMNG04010.html

@@ -0,0 +1,144 @@
1
+<link rel="stylesheet" href="/style.css">
2
+<section>
3
+	<header>
4
+		<div class="brand_logo">
5
+			<img src="/img/naver.png">
6
+		</div> 
7
+		<div class="name_info">
8
+			<label>
9
+				<div class="fnBrnadNm">브랜드명</div>
10
+			</label>
11
+			<div>
12
+				<label style="width: 1px;">-</label>
13
+			</div>
14
+			<label>
15
+				<div class="fnStoreNm">매장명</div>
16
+			</label>
17
+		</div>
18
+			<div class="logout">
19
+				<button id="ITP_BTN_LOGOUT">로그<br>아웃</button>
20
+			</div>
21
+	</header>
22
+  <div id="ITP_AJAX_MPOMNG04010_VIEW_CONTAINER" >
23
+    <div class="content">
24
+      <div class="line">
25
+        <select class="label" name="" id="ITP_FORM_MPOMNG04010_VIEW">
26
+          <option value="">납품예정일</option>
27
+        </select>
28
+        <div class="date_to">
29
+          <input id="ITP_FORM_MPOMNG04010_VIEW" class="year" type="date">
30
+          <div class="at">~</div>
31
+          <input id="ITP_FORM_MPOMNG04010_VIEW" class="year" type="date">
32
+        </div>
33
+      </div>
34
+      <div class="line">
35
+        <label>납품상태</label>
36
+        <div class="float_left">
37
+          <select name="" id="ITP_FORM_MPOMNG04010_VIEW">
38
+            <option value=""></option>
39
+          </select>
40
+        </div>
41
+      </div>
42
+      <div class="line">
43
+        <label>공급업체</label>
44
+        <div class="float_left">
45
+          <input id="ITP_FORM_MPOMNG04010_VIEW" type="text" placeholder="A공급업체명">
46
+        </div>
47
+        <div class="float_left_btn">
48
+          <button id="ITP_BTN_MPOMNG04010"><img src="/img/search.png" alt=""></button>
49
+          <button id="ITP_BTN_MPOMNG04010"><img src="/img/delete.png" alt=""></button>
50
+        </div>
51
+      </div>
52
+      <div class="line">
53
+        <label>납품장소</label>
54
+        <div class="float_left">
55
+          <input id="ITP_FORM_MPOMNG04010_VIEW" type="text" placeholder="A매장명">
56
+        </div>
57
+        <div class="float_left_btn">
58
+          <button id="ITP_BTN_MPOMNG04010"><img src="/img/search.png" alt=""></button>
59
+          <button id="ITP_BTN_MPOMNG04010"><img src="/img/delete.png" alt=""></button>
60
+        </div>
61
+      </div>
62
+      <div class="line">
63
+        <label>품목명</label>
64
+        <div class="float_left">
65
+          <input id="ITP_FORM_MPOMNG04010_VIEW" style="width: 600px;" type="text" placeholder="A매장명">
66
+        </div>
67
+      </div>
68
+      <div class="line">
69
+        <div class="search">
70
+          <button id="ITP_BTN_MPOMNG04010" class="btn-primary btn-sm ADB">검색</button>
71
+        </div>
72
+      </div>
73
+      <div class="table_header">
74
+        <h1>> 납품서 내역</h1>
75
+      </div>
76
+    </div>
77
+    <div class="scroll_area" style="top: 872px;">
78
+      <li class="history_list2">
79
+        <div class="left">
80
+          <div class="nomal">
81
+            <label>납품번호 </label>
82
+            <div class="history">
83
+              <div class="fn">202210010000001-0100</div> 
84
+            </div>
85
+          </div>
86
+        </div>
87
+        <div class="left">
88
+          <div class="nomal">
89
+            <label>납품예정일</label>
90
+            <div class="history">
91
+              <div class="fn history_info">2022.10.03</div>
92
+            </div>
93
+            <label class="fn sub_info">납품일자</label>
94
+            <div class="history">
95
+              <div class="fn">2022.10.03</div>
96
+            </div>
97
+          </div>
98
+        </div>
99
+        <div class="left">
100
+          <div class="nomal">
101
+            <label>공급업체</label>
102
+            <div class="history">
103
+              <div class="fn history_info">A공급업체명</div>
104
+            </div>
105
+            <label class="sub_info">납품장소</label>
106
+            <div class="history">
107
+              <div class="fn">A매장내</div>
108
+            </div>
109
+          </div>
110
+        </div>
111
+        <div class="left">
112
+          <div class="nomal">
113
+            <label>품목 </label>
114
+            <div class="history">
115
+              <div class="fn">품목명(EA)</div> 
116
+            </div>
117
+          </div>
118
+        </div>
119
+        <div class="left">
120
+          <div class="nomal">
121
+            <label>발주수량</label>
122
+            <div class="history">
123
+              <div class="fn history_info">10</div>
124
+            </div>
125
+            <label class="sub_info">납품수량</label>
126
+            <div class="history">
127
+              <div class="fn">10</div>
128
+            </div>
129
+          </div>
130
+        </div>
131
+      </li>
132
+    </div>
133
+  </div>
134
+  <div class="footer">
135
+    <div class="home">
136
+      <button id="ITP_BTN_MPOMNG04010" class="home_btn"><img src="/img/home.png" alt=""></button>
137
+    </div>
138
+    <div class="manage">
139
+      <button id="ITP_BTN_MPOMNG04010">발주관리</button>
140
+      <button id="ITP_BTN_MPOMNG04010">반품관리</button>
141
+      <button id="ITP_BTN_MPOMNG04010">여신관리</button>
142
+    </div>
143
+  </div>
144
+</section>

+ 140 - 0
src/main/webapp/mobile/app/mpomng/MPOMNG05010.html

@@ -0,0 +1,140 @@
1
+<link rel="stylesheet" href="/style.css">
2
+<section>
3
+	<header>
4
+		<div class="brand_logo">
5
+			<img src="/img/naver.png">
6
+		</div> 
7
+		<div class="name_info">
8
+			<label>
9
+				<div class="fnBrnadNm">브랜드명</div>
10
+			</label>
11
+			<div>
12
+				<label style="width: 1px;">-</label>
13
+			</div>
14
+			<label>
15
+				<div class="fnStoreNm">매장명</div>
16
+			</label>
17
+		</div>
18
+			<div class="logout">
19
+				<button id="ITP_BTN_LOGOUT">로그<br>아웃</button>
20
+			</div>
21
+	</header>
22
+  <div id="ITP_AJAX_MPOMNG05010_VIEW_CONTAINER">
23
+    <div class="content">
24
+      <div class="line">
25
+        <label>납품예정일</label>
26
+        <div class="float_left">
27
+          <input id="ITP_FORM_MPOMNG05010_VIEW" class=" date2" type="date" placeholder="">
28
+        </div>
29
+      </div>
30
+      <div class="line">
31
+        <label>납품서번호</label>
32
+        <div class="float_left">
33
+          <select name="" id="ITP_FORM_MPOMNG05010_VIEW">
34
+            <option value=""></option>
35
+          </select>
36
+        </div>
37
+      </div>
38
+      <div class="line">
39
+        <label>공급업체</label>
40
+        <div class="float_left">
41
+          <input id="ITP_FORM_MPOMNG05010_VIEW" type="text" placeholder="A공급업체명">
42
+        </div>
43
+        <div class="float_left_btn">
44
+          <button id="ITP_BTN_MPOMNG05010"><img src="/img/search.png" alt=""></button>
45
+          <button id="ITP_BTN_MPOMNG05010"><img src="/img/delete.png" alt=""></button>
46
+        </div>
47
+      </div>
48
+      <div class="line">
49
+        <label>납품장소</label>
50
+        <div class="float_left">
51
+          <input id="ITP_FORM_MPOMNG05010__VIEW" type="text" placeholder="A매장명">
52
+        </div>
53
+        <div class="float_left_btn">
54
+          <button id="ITP_BTN_MPOMNG05010"><img src="/img/search.png" alt=""></button>
55
+          <button id="ITP_BTN_MPOMNG05010"><img src="/img/delete.png" alt=""></button>
56
+        </div>
57
+      </div>
58
+      <div class="line">
59
+        <label>품목명</label>
60
+        <div class="float_left">
61
+          <input id="ITP_FORM_MPOMNG05010__VIEW" style="width: 600px;" type="text" placeholder="A매장명">
62
+        </div>
63
+      </div>
64
+      <div class="line">
65
+        <div class="search">
66
+          <button id="ITP_BTN_MPOMNG05010" class="btn-primary btn-sm ADB">검색</button>
67
+        </div>
68
+      </div>
69
+      <div class="table_header">
70
+        <h1>> 납품서 내역</h1>
71
+      </div>
72
+    </div>
73
+    <div class="scroll_area" style="top: 872px;">
74
+      <li class="history_list2">
75
+        <div class="left">
76
+          <div class="nomal">
77
+            <label>납품번호 </label>
78
+            <div class="history">
79
+              <div class="fn">202210010000001-0100</div> 
80
+            </div>
81
+          </div>
82
+        </div>
83
+        <div class="left">
84
+          <div class="nomal">
85
+            <label class="history_label">납품예정일</label>
86
+            <div class="history">
87
+              <div class="fn history_info">2022.10.03</div>
88
+            </div>
89
+          </div>
90
+        </div>
91
+        <div class="left">
92
+          <div class="nomal">
93
+            <label>공급업체</label>
94
+            <div class="history">
95
+              <div class="fn history_info">A공급업체명</div>
96
+            </div>
97
+            <label class="sub_info">납품장소</label>
98
+            <div class="history">
99
+              <div class="fn">A매장내</div>
100
+            </div>
101
+          </div>
102
+        </div>
103
+        <div class="left">
104
+          <div class="nomal">
105
+            <label>품목 </label>
106
+            <div class="history">
107
+              <div class="fn">품목명(EA)</div> 
108
+            </div>
109
+          </div>
110
+        </div>
111
+        <div class="left">
112
+          <div class="nomal">
113
+            <label>발주수량</label>
114
+            <div class="history">
115
+              <div class="fn history_info">10</div>
116
+            </div>
117
+            <label class="sub_info">납품수량</label>
118
+            <div class="history">
119
+              <input id="ITP_FORM_MPOMNG05010__VIEW" type="text" placeholder="10">
120
+            </div>
121
+          </div>
122
+        </div>
123
+      </li>
124
+    </div>
125
+    <div class="button_bar">
126
+      <button id="ITP_BTN_MPOMNG05010" class="btn_col_6 btn-primary INPS">입고처리</button>
127
+      <button id="ITP_BTN_MPOMNG05010" class="btn_col_3 btn-gray CLB">취소</button>
128
+    </div>
129
+  </div>
130
+  <div class="footer">
131
+    <div class="home">
132
+      <button id="ITP_BTN_MPOMNG05010" class="home_btn"><img src="/img/home.png" alt=""></button>
133
+    </div>
134
+    <div class="manage">
135
+      <button id="ITP_BTN_MPOMNG05010">발주관리</button>
136
+      <button id="ITP_BTN_MPOMNG05010">반품관리</button>
137
+      <button id="ITP_BTN_MPOMNG05010">여신관리</button>
138
+    </div>
139
+  </div>
140
+</section>

+ 138 - 0
src/main/webapp/mobile/app/mpomng/MPOMNG06010.html

@@ -0,0 +1,138 @@
1
+<link rel="stylesheet" href="/style.css">
2
+<section>
3
+	<header>
4
+		<div class="brand_logo">
5
+			<img src="/img/naver.png">
6
+		</div> 
7
+		<div class="name_info">
8
+			<label>
9
+				<div class="fnBrnadNm">브랜드명</div>
10
+			</label>
11
+			<div>
12
+				<label style="width: 1px;">-</label>
13
+			</div>
14
+			<label>
15
+				<div class="fnStoreNm">매장명</div>
16
+			</label>
17
+		</div>
18
+			<div class="logout">
19
+				<button id="ITP_BTN_LOGOUT">로그<br>아웃</button>
20
+			</div>
21
+	</header>
22
+  <div id="ITP_AJAX_MPOMNG06010_VIEW_CONTAINER">
23
+    <div class="content">
24
+      <div class="line">
25
+        <select class="label" name="" id="ITP_FORM_MPOMNG06010_VIEW">
26
+          <option value="">입고일자</option>
27
+        </select>
28
+        <div class="date_to">
29
+          <input id="ITP_FORM_MPOMNG06010_VIEW" class="year" type="date">
30
+          <div class="at">~</div>
31
+          <input id="ITP_FORM_MPOMNG06010_VIEW" class="year" type="date">
32
+        </div>
33
+      </div>
34
+      <div class="line">
35
+        <label>발주번호</label>
36
+        <div class="float_left">
37
+          <input id="ITP_FORM_MPOMNG06010_VIEW" type="text">
38
+        </div>
39
+      </div>
40
+      <div class="line">
41
+        <label>공급업체</label>
42
+        <div class="float_left">
43
+          <input id="ITP_FORM_MPOMNG06010_VIEW" type="text" placeholder="A공급업체명">
44
+        </div>
45
+        <div class="float_left_btn">
46
+          <button id="ITP_BTN_MPOMNG06010"><img src="/img/search.png" alt=""></button>
47
+          <button id="ITP_BTN_MPOMNG06010"><img src="/img/delete.png" alt=""></button>
48
+        </div>
49
+      </div>
50
+      <div class="line">
51
+        <label>납품장소</label>
52
+        <div class="float_left">
53
+          <input id="ITP_FORM_MPOMNG06010_VIEW" type="text" placeholder="A매장명">
54
+        </div>
55
+        <div class="float_left_btn">
56
+          <button id="ITP_BTN_MPOMNG06010"><img src="/img/search.png" alt=""></button>
57
+          <button id="ITP_BTN_MPOMNG06010"><img src="/img/delete.png" alt=""></button>
58
+        </div>
59
+      </div>
60
+      <div class="line">
61
+        <label>품목명</label>
62
+        <div class="float_left">
63
+          <input id="ITP_FORM_MPOMNG06010_VIEW" style="width: 600px;" type="text" placeholder="A매장명">
64
+        </div>
65
+      </div>
66
+      <div class="line">
67
+        <div class="search">
68
+          <button id="ITP_BTN_MPOMNG06010" class="btn-primary btn-sm ADB">검색</button>
69
+        </div>
70
+      </div>
71
+      <div class="table_header">
72
+        <h1>> 입고 내역</h1>
73
+      </div>
74
+    </div>
75
+    <div class="scroll_area" style="top: 872px;">
76
+      <li class="history_list2">
77
+        <div class="left">
78
+          <div class="nomal">
79
+            <label>납품번호 </label>
80
+            <div class="history">
81
+              <div class="fn">202210010000001-0100</div> 
82
+            </div>
83
+          </div>
84
+        </div>
85
+        <div class="left">
86
+          <div class="nomal">
87
+            <label class="history_label">납품예정일</label>
88
+            <div class="history">
89
+              <div class="fn history_info">2022.10.03</div>
90
+            </div>
91
+          </div>
92
+        </div>
93
+        <div class="left">
94
+          <div class="nomal">
95
+            <label>공급업체</label>
96
+            <div class="history">
97
+              <div class="fn history_info">A공급업체명</div>
98
+            </div>
99
+            <label class="sub_info">납품장소</label>
100
+            <div class="history">
101
+              <div class="fn">A매장내</div>
102
+            </div>
103
+          </div>
104
+        </div>
105
+        <div class="left">
106
+          <div class="nomal">
107
+            <label>품목 </label>
108
+            <div class="history">
109
+              <div class="fn">품목명(EA)</div> 
110
+            </div>
111
+          </div>
112
+        </div>
113
+        <div class="left">
114
+          <div class="nomal">
115
+            <label>발주수량</label>
116
+            <div class="history">
117
+              <div class="fn history_info">10</div>
118
+            </div>
119
+            <label class="sub_info">납품수량</label>
120
+            <div class="history">
121
+              <div class="fn">10</div>
122
+            </div>
123
+          </div>
124
+        </div>
125
+      </li>
126
+    </div>
127
+  </div>
128
+  <div class="footer">
129
+    <div class="home">
130
+      <button id="ITP_BTN_MPOMNG06010" class="home_btn"><img src="/img/home.png" alt=""></button>
131
+    </div>
132
+    <div class="manage">
133
+      <button id="ITP_BTN_MPOMNG06010">발주관리</button>
134
+      <button id="ITP_BTN_MPOMNG06010">반품관리</button>
135
+      <button id="ITP_BTN_MPOMNG06010">여신관리</button>
136
+    </div>
137
+  </div>
138
+</section>

+ 139 - 0
src/main/webapp/mobile/app/mrtnmng/MRTNMNG01010.html

@@ -0,0 +1,139 @@
1
+<link rel="stylesheet" href="/style.css">
2
+
3
+<section id="MPOMNG01010">
4
+  <div class="popup" style="display: none;">
5
+    <div class="pop">
6
+      <div class="pop_line">
7
+        <label>반품요청일 &nbsp;&nbsp;:</label>
8
+        <div class="fn">2022.09.30</div>
9
+      </div>
10
+      <div class="pop_line">
11
+        <label>품목수&nbsp;&nbsp; :</label>
12
+        <div class="fn">2개</div>
13
+      </div>
14
+      <div class="pop_line">
15
+        <label>반품금액 &nbsp;&nbsp;:</label>
16
+        <div class="fn">2022.09.30원</div>
17
+      </div>
18
+      <label class="pop_label">요청 하시겠습니까?</label>
19
+      <div class="popup_btn">
20
+        <button id="ITP_BTN_MRTNMNG01010" class="cancel btn-gray CLB">취소</button>
21
+        <button id="ITP_BTN_MRTNMNG01010" class="ok btn-primary COK">확인</button>
22
+      </div>
23
+    </div>
24
+  </div>
25
+  <div class="popup2" style="display: block;">
26
+    <div class="pop">
27
+      <div class="header">
28
+        <div class="header_left">
29
+          <label>> 반품장소</label>
30
+        </div>
31
+        <div class="header_right">
32
+          <button id="ITP_BTN_MRTNMNG01010"><img src="/img/close.png"></button>
33
+        </div>
34
+      </div>
35
+      <div class="search_bar">
36
+        <input id="ITP_FORM_MRTNMNG01010" type="text" placeholder="반품장소명">
37
+        <button id="ITP_BTN_MRTNMNG01010"><img src="/img/search.png"></button>
38
+      </div>
39
+      <div class="search_bar">
40
+        <button id="ITP_BTN_MRTNMNG01010" class="btn_blue">납품장소▼</button>
41
+      </div>
42
+      <div class="popup_scroll">
43
+        <li>
44
+          <div class="scroll_left">
45
+            <div class="fn">브랜드 창고 명A</div>
46
+            <div class="fn">(상세위치내용)</div>
47
+          </div>
48
+          <div class="scroll_right">
49
+            <button id="ITP_BTN_MRTNMNG01010">선택</button>
50
+          </div>
51
+        </li>
52
+      </div>
53
+    </div>
54
+  </div>
55
+	<header>
56
+		<div class="brand_logo">
57
+			<img src="/img/naver.png">
58
+		</div> 
59
+		<div class="name_info">
60
+			<label>
61
+				<div class="fnBrnadNm">브랜드명</div>
62
+			</label>
63
+			<div>
64
+				<label style="width: 1px;">-</label>
65
+			</div>
66
+			<label>
67
+				<div class="fnStoreNm">매장명</div>
68
+			</label>
69
+		</div>
70
+			<div class="logout">
71
+				<button id="ITP_BTN_LOGOUT">로그<br>아웃</button>
72
+			</div>
73
+	</header>
74
+  <div id="ITP_AJAX_MRTNMNG01010_VIEW_CONTAINER">
75
+    <div class="content">
76
+      <div class="line">
77
+        <label>반품요청일</label>
78
+        <input id="ITP_FORM_MRTNMNG01010_VIEW" class="date" type="date" placeholder="">
79
+      </div>
80
+      <div class="line">
81
+        <label>반품요청금액</label>
82
+        <div class="line_right">
83
+          <div class="fn">424,000원</div>
84
+        </div>
85
+      </div>
86
+      <div class="line">
87
+        <label>빈품장소</label>
88
+        <div class="search_nm">
89
+          <div class="float_left">
90
+            <input id="ITP_FORM_MRTNMNG01010_VIEW" class="fn" type="text" placeholder="A매장명">
91
+          </div>
92
+          <div class="float_left_btn">
93
+            <button id="ITP_BTN_MRTNMNG01010"><img src="/img/search.png" alt=""></button>
94
+            <button id="ITP_BTN_MRTNMNG01010"><img src="/img/delete.png" alt=""></button>
95
+          </div>
96
+        </div>
97
+      </div>
98
+      <div class="table_header">
99
+        <h1>> 반품 품목</h1>
100
+        <button id="ITP_BTN_MRTNMNG01010" class="btn-primary btn-sm ADB">품목추가</button>
101
+      </div>
102
+    </div>
103
+    <div class="scroll_area">
104
+      <li>
105
+        <div class="left">
106
+          <div class="thick">
107
+            <div class="fn">품목명</div>
108
+            <div>-</div>
109
+            <div class="fn">2EA</div>
110
+          </div>
111
+          <div class="nomal">
112
+            <label class="space0">구매가 :</label>
113
+            <div class="fn">1,120,000</div>
114
+          </div>
115
+        </div>
116
+        <div class="right">
117
+          <button id="ITP_BTN_MRTNMNG01010"><</button>
118
+          <div class="num">2</div>
119
+          <button id="ITP_BTN_MRTNMNG01010">></button>
120
+        </div>
121
+      </li>
122
+    </div>
123
+    <div class="button_bar">
124
+      <button id="ITP_BTN_MRTNMNG01010" class="col_3 btn-primary REQ">구매요청</button>
125
+      <button id="ITP_BTN_MRTNMNG01010" class="col_3 btn-gray TSA">임시저장</button>
126
+      <button id="ITP_BTN_MRTNMNG01010" class="col_3 btn-gray CLB">취소</button>
127
+    </div>
128
+  </div>
129
+  <div class="footer">
130
+    <div class="home">
131
+      <button id="ITP_BTN_MRTNMNG01010" class="home_btn"><img src="/img/home.png" alt=""></button>
132
+    </div>
133
+    <div class="manage">
134
+      <button id="ITP_BTN_MRTNMNG01010">발주관리</button>
135
+      <button id="ITP_BTN_MRTNMNG01010">반품관리</button>
136
+      <button id="ITP_BTN_MRTNMNG01010">여신관리</button>
137
+    </div>
138
+  </div>
139
+</section>

+ 151 - 0
src/main/webapp/mobile/app/mrtnmng/MRTNMNG02010.html

@@ -0,0 +1,151 @@
1
+<link rel="stylesheet" href="/style.css">
2
+<section>
3
+	<header>
4
+		<div class="brand_logo">
5
+			<img src="/img/naver.png">
6
+		</div> 
7
+		<div class="name_info">
8
+			<label>
9
+				<div class="fnBrnadNm">브랜드명</div>
10
+			</label>
11
+			<div>
12
+				<label style="width: 1px;">-</label>
13
+			</div>
14
+			<label>
15
+				<div class="fnStoreNm">매장명</div>
16
+			</label>
17
+		</div>
18
+			<div class="logout">
19
+				<button id="ITP_BTN_LOGOUT">로그<br>아웃</button>
20
+			</div>
21
+	</header>
22
+  <div id="ITP_AJAX_MRTNMNG02010_VIEW_CONTAINER" style="display:none;">
23
+    <div class="content">
24
+        <div class="line">
25
+          <label>반품요청일</label>
26
+        <div class="date_to">
27
+          <input id="ITP_FORM_MRTNMNG02010_VIEW" class="year" type="date">
28
+          <div class="at">~</div>
29
+          <input id="ITP_FORM_MRTNMNG02010_VIEW" class="year" type="date">
30
+        </div>
31
+      </div>
32
+      <div class="line">
33
+        <label>반품요청상태</label>
34
+        <div class="float_left">
35
+          <select class="stcd" name="" id="ITP_FORM_MRTNMNG02010_VIEW">
36
+            <option value="">상태</option>
37
+          </select>
38
+        </div>
39
+      </div>
40
+      <div class="line">
41
+        <label>반품장소</label>
42
+        <div class="float_left">
43
+          <input id="ITP_FORM_MRTNMNG02010_VIEW" class="fn" type="text" placeholder="A매장명">
44
+        </div>
45
+        <div class="float_left_btn">
46
+          <button id="ITP_BTN_MRTNMNG02010"><img src="/img/search.png" alt=""></button>
47
+          <button id="ITP_BTN_MRTNMNG02010"><img src="/img/delete.png" alt=""></button>
48
+        </div>
49
+      </div>
50
+      <div class="line">
51
+        <div class="search">
52
+          <button id="ITP_BTN_MRTNMNG02010" class="btn-primary btn-sm ADB">검색</button>
53
+        </div>
54
+      </div>
55
+      <div class="table_header">
56
+        <h1>> 반품 요청 내역</h1>
57
+      </div>
58
+    </div>
59
+    <div class="scroll_area" style="top: 672px;">
60
+      <li class="history_list">
61
+        <div class="left">
62
+          <div class="nomal">
63
+            <label>반품요청일 :</label>
64
+            <div class="history">
65
+              <div class="fn">2022.10.01</div> 
66
+              (<div class="fn">홍길동 점주</div>)
67
+            </div>
68
+          </div>
69
+        </div>
70
+        <div class="left">
71
+          <div class="nomal">
72
+            <label>반품상태 :</label>
73
+            <div class="history">
74
+              <div class="fn">대기</div>
75
+            </div>
76
+            <label>수거장소명 :</label>
77
+            <div class="history">
78
+              <div class="fn">A매장내</div>
79
+            </div>
80
+          </div>
81
+        </div>
82
+        <div class="left">
83
+          <div class="nomal">
84
+            <label class="col_7">반품요청 정보 :</label>
85
+            <div class="history">
86
+              <div class="fn">품목수(3)</div> 
87
+              <i>- </i>
88
+              <div class="fn">1,200,000</div> 원
89
+            </div>
90
+          </div>
91
+        </div>
92
+      </li>
93
+    </div>
94
+  </div>
95
+  <div id="ITP_AJAX_MRTNMNG02010_DETAIL_CONTAINER" style="display: block;">
96
+    <div class="content">
97
+      <div class="line">
98
+        <label>반품요청일</label>
99
+        <div class="line_right">
100
+          <div class="fn">2022.10.10</div>
101
+        </div>      
102
+      </div>
103
+      <div class="line">
104
+        <label>반품요청금액</label>
105
+        <div class="line_right">
106
+          <div class="fn">424,000원</div>
107
+        </div>
108
+      </div>
109
+      <div class="line">
110
+        <label>반품장소</label>
111
+        <div class="line_right">
112
+          <div class="fn">A매장내</div>
113
+        </div>
114
+      </div>
115
+      <div class="table_header">
116
+        <h1>> 반품 품목</h1>
117
+      </div>
118
+    </div>
119
+    <div class="scroll_area" style="top:572px;">
120
+      <li>
121
+        <div class="left">
122
+          <div class="thick">
123
+            <div class="fn">품목명</div>
124
+            <div>-</div>
125
+            <div class="fn">2EA</div>
126
+          </div>
127
+          <div class="nomal">
128
+            <label class="space0">반품가 :</label>
129
+            <div class="fn">1,120,000</div>
130
+          </div>
131
+        </div>
132
+        <div class="right">
133
+          <div class="fn num">2</div>
134
+        </div>
135
+      </li>
136
+    </div>
137
+    <div class="button_bar">
138
+      <button id="ITP_BTN_MRTNMNG02010" class="col_12 btn-gray CLB">취소</button>
139
+    </div>
140
+  </div>
141
+  <div class="footer">
142
+    <div class="home">
143
+      <button id="ITP_BTN_MRTNMNG02010" class="home_btn"><img src="/img/home.png" alt=""></button>
144
+    </div>
145
+    <div class="manage">
146
+      <button id="ITP_BTN_MRTNMNG02010">발주관리</button>
147
+      <button id="ITP_BTN_MRTNMNG02010">반품관리</button>
148
+      <button id="ITP_BTN_MRTNMNG02010">여신관리</button>
149
+    </div>
150
+  </div>
151
+</section>

+ 191 - 0
src/main/webapp/mobile/app/mrtnmng/MRTNMNG03010.html

@@ -0,0 +1,191 @@
1
+<link rel="stylesheet" href="/style.css">
2
+<section>
3
+	<header>
4
+		<div class="brand_logo">
5
+			<img src="/img/naver.png">
6
+		</div> 
7
+		<div class="name_info">
8
+			<label>
9
+				<div class="fnBrnadNm">브랜드명</div>
10
+			</label>
11
+			<div>
12
+				<label style="width: 1px;">-</label>
13
+			</div>
14
+			<label>
15
+				<div class="fnStoreNm">매장명</div>
16
+			</label>
17
+		</div>
18
+			<div class="logout">
19
+				<button id="ITP_BTN_LOGOUT">로그<br>아웃</button>
20
+			</div>
21
+	</header>
22
+  <div id="ITP_AJAX_MRTNMNG03010_VIEW_CONTAINER" style="display: none;">
23
+    <div class="content">
24
+      <div class="line">
25
+        <label>반품발주일자</label>
26
+        <div class="date_to">
27
+          <input id="ITP_FORM_MRTNMNG03010_VIEW" class="year" type="date">
28
+          <div class="at">~</div>
29
+          <input id="ITP_FORM_MRTNMNG03010_VIEW" class="year" type="date">
30
+        </div>
31
+      </div>
32
+      <div class="line">
33
+        <label>반품발주상태</label>
34
+        <div class="float_left">
35
+          <select name="" id="ITP_FORM_MRTNMNG03010_VIEW">
36
+            <option value=""></option>
37
+          </select>
38
+        </div>
39
+      </div>
40
+      <div class="line">
41
+        <label>반품장소</label>
42
+        <div class="float_left">
43
+          <input id="ITP_FORM_MRTNMNG03010_VIEW" type="text" placeholder="A매장명">
44
+        </div>
45
+        <div class="float_left_btn">
46
+          <button id="ITP_BTN_MRTNMNG03010"><img src="/img/search.png" alt=""></button>
47
+          <button id="ITP_BTN_MRTNMNG03010"><img src="/img/delete.png" alt=""></button>
48
+        </div>
49
+      </div>
50
+      <div class="line">
51
+        <label>반품입고장소</label>
52
+        <div class="float_left">
53
+          <input id="ITP_FORM_MRTNMNG03010_VIEW" type="text" placeholder="A공급업체명">
54
+        </div>
55
+        <div class="float_left_btn">
56
+          <button id="ITP_BTN_MRTNMNG03010"><img src="/img/search.png" alt=""></button>
57
+          <button id="ITP_BTN_MRTNMNG03010"><img src="/img/delete.png" alt=""></button>
58
+        </div>
59
+      </div>
60
+      <div class="line">
61
+        <div class="search">
62
+          <button id="ITP_BTN_MRTNMNG03010" class="btn-primary btn-sm ADB">검색</button>
63
+        </div>
64
+      </div>
65
+      <div class="table_header">
66
+        <h1>> 반품 발주 내역</h1>
67
+      </div>
68
+    </div>
69
+    <div class="scroll_area" style="top: 772px;">
70
+      <li class="history_list">
71
+        <div class="left">
72
+          <div class="nomal">
73
+            <label class="col_2">반품발주일자&nbsp;:</label>
74
+            <div>
75
+              <div class="fn">2022.10.01</div> 
76
+              (&nbsp;<div class="fn">홍길동 점주</div> )
77
+            </div>
78
+          </div>
79
+        </div>
80
+        <div class="left">
81
+          <div class="nomal">
82
+            <label class="col_2">반품발주상태&nbsp;:</label>
83
+            <div>
84
+              <div class="fn">대기</div>
85
+            </div>
86
+            <label>납품장소명&nbsp;:</label>
87
+            <div>
88
+              <div class="fn">A매장내</div>
89
+            </div>
90
+          </div>
91
+        </div>
92
+        <div class="left">
93
+          <div class="nomal">
94
+            <label class="col_2">반품발주정보&nbsp;:</label>
95
+            <div>
96
+              <div class="fn">품목수(3)</div> 
97
+              <i>-</i>
98
+              <div class="fn">1,200,000</div>원
99
+            </div>
100
+          </div>
101
+        </div>
102
+        <div class="left">
103
+          <div class="nomal">
104
+            <label class="col_2">반품입고장소&nbsp;:</label>
105
+            <div>
106
+              <div class="fn">A공급업체</div> 
107
+            </div>
108
+          </div>
109
+        </div>
110
+      </li>
111
+    </div>
112
+  </div>
113
+  <div id="ITP_AJAX_MRTNMNG03010_DETAIL_CONTAINER" style="display: block;">
114
+    <div class="content">
115
+      <div class="line">
116
+        <label>반품발주일자</label>
117
+        <div class="line_right">
118
+          <div class="fn">2022.10.10</div>
119
+        </div>      
120
+      </div>
121
+      <div class="line">
122
+        <label>반품발주금액</label>
123
+        <div class="line_right">
124
+          <div class="fn">424,000원</div>
125
+        </div>
126
+      </div>
127
+      <div class="line">
128
+        <label>반품장소</label>
129
+        <div class="line_right">
130
+          <div class="fn">A매장내</div>
131
+        </div>
132
+      </div>
133
+      <div class="line">
134
+        <label>반품입고장소</label>
135
+        <div class="line_right">
136
+          <div class="fn">A공급업체</div>
137
+        </div>
138
+      </div>
139
+      <div class="table_header">
140
+        <h1>> 반품 발주 품목</h1>
141
+      </div>
142
+    </div>
143
+    <div class="scroll_area" style="top:672px;">
144
+      <li>
145
+        <div>
146
+          <div class="detail_left">
147
+            <div class="detail_info">
148
+              <div class="fn">품목명</div>
149
+              <i>-</i>
150
+              <div class="fn">2EA</div>
151
+            </div>
152
+          </div>
153
+          <div class="detail_right">
154
+            <div class="detail_info">
155
+              <label>수량/금액</label>
156
+              <div class="fn">2</div>
157
+              <i>/</i>
158
+              <div class="fn">24,000</div>
159
+            </div>
160
+          </div>
161
+
162
+          <div class="detail_left">
163
+            <div class="detail_info">
164
+              <label class="space0">구매가 &nbsp;:&nbsp;</label>
165
+              <div class="fn">12,000</div>
166
+            </div>
167
+          </div>
168
+          <div class="detail_right">
169
+            <div class="detail_info">
170
+              <label>납기요청일&nbsp;:&nbsp;</label>
171
+              <div class="fn">2022.10.01</div>
172
+            </div>
173
+          </div>
174
+        </div>
175
+      </li>
176
+    </div>
177
+    <div class="button_bar">
178
+      <button id="ITP_BTN_MRTNMNG03010" class="col_12 btn-gray CLB">취소</button>
179
+    </div>
180
+  </div>
181
+  <div class="footer">
182
+    <div class="home">
183
+      <button id="ITP_BTN_MRTNMNG03010" class="home_btn"><img src="/img/home.png" alt=""></button>
184
+    </div>
185
+    <div class="manage">
186
+      <button id="ITP_BTN_MRTNMNG03010">발주관리</button>
187
+      <button id="ITP_BTN_MRTNMNG03010">반품관리</button>
188
+      <button id="ITP_BTN_MRTNMNG03010">여신관리</button>
189
+    </div>
190
+  </div>
191
+</section>

+ 140 - 0
src/main/webapp/mobile/app/mrtnmng/MRTNMNG04010.html

@@ -0,0 +1,140 @@
1
+<link rel="stylesheet" href="/style.css">
2
+<section>
3
+	<header>
4
+		<div class="brand_logo">
5
+			<img src="/img/naver.png">
6
+		</div> 
7
+		<div class="name_info">
8
+			<label>
9
+				<div class="fnBrnadNm">브랜드명</div>
10
+			</label>
11
+			<div>
12
+				<label style="width: 1px;">-</label>
13
+			</div>
14
+			<label>
15
+				<div class="fnStoreNm">매장명</div>
16
+			</label>
17
+		</div>
18
+			<div class="logout">
19
+				<button id="ITP_BTN_LOGOUT">로그<br>아웃</button>
20
+			</div>
21
+	</header>
22
+  <div id="ITP_AJAX_MRTNMNG04010_VIEW_CONTAINER" style="display: block;">
23
+    <div class="content">
24
+      <div class="line">
25
+        <label>반품예정일</label>
26
+        <div class="float_left">
27
+          <input id="ITP_FORM_MRTNMNG04010_VIEW" class="date2" type="date" placeholder="">
28
+        </div>
29
+      </div>
30
+      <div class="line">
31
+        <label>반품서번호</label>
32
+        <div class="float_left">
33
+          <select name="" id="ITP_FORM_MRTNMNG04010_VIEW">
34
+            <option value=""></option>
35
+          </select>
36
+        </div>
37
+      </div>
38
+      <div class="line">
39
+        <label>반품입고장소</label>
40
+        <div class="float_left">
41
+          <input id="ITP_FORM_MRTNMNG04010_VIEW" type="text" placeholder="A공급업체명">
42
+        </div>
43
+        <div class="float_left_btn">
44
+          <button id="ITP_BTN_MRTNMNG04010"><img src="/img/search.png" alt=""></button>
45
+          <button><img src="/img/delete.png" alt=""></button>
46
+        </div>
47
+      </div>
48
+      <div class="line">
49
+        <label>반품장소</label>
50
+        <div class="float_left">
51
+          <input id="ITP_FORM_MRTNMNG04010_VIEW" type="text" placeholder="A매장명">
52
+        </div>
53
+        <div class="float_left_btn">
54
+          <button id="ITP_BTN_MRTNMNG04010"><img src="/img/search.png" alt=""></button>
55
+          <button id="ITP_BTN_MRTNMNG04010"><img src="/img/delete.png" alt=""></button>
56
+        </div>
57
+      </div>
58
+      <div class="line">
59
+        <label>반품품목명</label>
60
+        <div class="float_left">
61
+          <input id="ITP_FORM_MRTNMNG04010_VIEW" style="width: 600px;" type="text" placeholder="A매장명">
62
+        </div>
63
+      </div>
64
+      <div class="line">
65
+        <div class="search">
66
+          <button id="ITP_BTN_MRTNMNG04010" class="btn-primary btn-sm ADB">검색</button>
67
+        </div>
68
+      </div>
69
+      <div class="table_header">
70
+        <h1>> 반품서 내역</h1>
71
+      </div>
72
+    </div>
73
+    <div class="scroll_area" style="top: 872px;">
74
+      <li class="history_list2">
75
+        <div class="left">
76
+          <div class="nomal">
77
+            <label>반품번호 </label>
78
+            <div class="history">
79
+              <div class="fn">202210010000001-0100</div> 
80
+            </div>
81
+          </div>
82
+        </div>
83
+        <div class="left">
84
+          <div class="nomal">
85
+            <label class="history_label">반품예정일</label>
86
+            <div class="history">
87
+              <div class="fn">2022.10.03</div>
88
+            </div>
89
+          </div>
90
+        </div>
91
+        <div class="left">
92
+          <div class="nomal">
93
+            <label>공급업체</label>
94
+            <div class="history">
95
+              <div class="history_info">A공급업체명</div>
96
+            </div>
97
+            <label class="sub_info">반품장소</label>
98
+            <div class="history">
99
+              <div class="fn">A매장내</div>
100
+            </div>
101
+          </div>
102
+        </div>
103
+        <div class="left">
104
+          <div class="nomal">
105
+            <label>품목 </label>
106
+            <div class="history">
107
+              <div class="fn">품목명(EA)</div> 
108
+            </div>
109
+          </div>
110
+        </div>
111
+        <div class="left">
112
+          <div class="nomal">
113
+            <label class="col_2">반품요청수량</label>
114
+            <div class="history">
115
+              <div class="fn">10</div>
116
+            </div>
117
+            <label class="col_0">반품발주수량</label>
118
+            <div class="history">
119
+              <input class="" id="ITP_FORM_MRTNMNG04010_VIEW" type="text" placeholder="10">
120
+            </div>
121
+          </div>
122
+        </div>
123
+      </li>
124
+  </div>
125
+  <div class="button_bar">
126
+    <button id="ITP_BTN_MRTNMNG04010" class="btn_col_6 btn-primary INPS">입고처리</button>
127
+    <button id="ITP_BTN_MRTNMNG04010" class="btn_col_3 btn-gray CLB">취소</button>
128
+  </div>
129
+  </div>
130
+  <div class="footer">
131
+    <div class="home">
132
+      <button id="ITP_BTN_MRTNMNG04010" class="home_btn"><img src="/img/home.png" alt=""></button>
133
+    </div>
134
+    <div class="manage">
135
+      <button id="ITP_BTN_MRTNMNG04010">발주관리</button>
136
+      <button id="ITP_BTN_MRTNMNG04010">반품관리</button>
137
+      <button id="ITP_BTN_MRTNMNG04010">여신관리</button>
138
+    </div>
139
+  </div>
140
+</section>

+ 138 - 0
src/main/webapp/mobile/app/mrtnmng/MRTNMNG05010.html

@@ -0,0 +1,138 @@
1
+<link rel="stylesheet" href="/style.css">
2
+<section>
3
+	<header>
4
+		<div class="brand_logo">
5
+			<img src="/img/naver.png">
6
+		</div> 
7
+		<div class="name_info">
8
+			<label>
9
+				<div class="fnBrnadNm">브랜드명</div>
10
+			</label>
11
+			<div>
12
+				<label style="width: 1px;">-</label>
13
+			</div>
14
+			<label>
15
+				<div class="fnStoreNm">매장명</div>
16
+			</label>
17
+		</div>
18
+			<div class="logout">
19
+				<button id="ITP_BTN_LOGOUT">로그<br>아웃</button>
20
+			</div>
21
+	</header>
22
+  <div id="ITP_AJAX_MRTNMNG05010_VIEW_CONTAINER">
23
+    <div class="content">
24
+      <div class="line">
25
+        <select class="label" name="" id="ITP_FORM_MRTNMNG05010_VIEW">
26
+          <option value="">반품일자</option>
27
+        </select>
28
+        <div class="date_to">
29
+          <input id="ITP_FORM_MRTNMNG05010_VIEW" class="year" type="date">
30
+          <div class="at">~</div>
31
+          <input id="ITP_FORM_MRTNMNG05010_VIEW" class="year" type="date">
32
+        </div>
33
+      </div>
34
+      <div class="line">
35
+        <label>반품발주번호</label>
36
+        <div class="float_left">
37
+          <input id="ITP_FORM_MRTNMNG05010_VIEW" type="text">
38
+        </div>
39
+      </div>
40
+      <div class="line">
41
+        <label>반품입고장소</label>
42
+        <div class="float_left">
43
+          <input id="ITP_FORM_MRTNMNG05010_VIEW" type="text" placeholder="A공급업체명">
44
+        </div>
45
+        <div class="float_left_btn">
46
+          <button id="ITP_BTN_MRTNMNG05010"><img src="/img/search.png" alt=""></button>
47
+          <button id="ITP_BTN_MRTNMNG05010"><img src="/img/delete.png" alt=""></button>
48
+        </div>
49
+      </div>
50
+      <div class="line">
51
+        <label>반품장소</label>
52
+        <div class="float_left">
53
+          <input id="ITP_FORM_MRTNMNG05010_VIEW" type="text" placeholder="A매장명">
54
+        </div>
55
+        <div class="float_left_btn">
56
+          <button id="ITP_BTN_MRTNMNG05010"><img src="/img/search.png" alt=""></button>
57
+          <button id="ITP_BTN_MRTNMNG05010"><img src="/img/delete.png" alt=""></button>
58
+        </div>
59
+      </div>
60
+      <div class="line">
61
+        <label>품목명</label>
62
+        <div class="float_left">
63
+          <input id="ITP_FORM_MRTNMNG05010_VIEW" style="width: 600px;" type="text" placeholder="A매장명">
64
+        </div>
65
+      </div>
66
+      <div class="line">
67
+        <div class="search">
68
+          <button id="ITP_BTN_MRTNMNG05010"class="btn-primary btn-sm ADB">검색</button>
69
+        </div>
70
+      </div>
71
+      <div class="table_header">
72
+        <h1>> 반품 내역</h1>
73
+      </div>
74
+    </div>
75
+    <div class="scroll_area" style="top: 872px;">
76
+      <li class="history_list2">
77
+        <div class="left">
78
+          <div class="nomal">
79
+            <label class="col_6">반품발주번호 </label>
80
+            <div>
81
+              <div class="fn">202210010000001-0100</div> 
82
+            </div>
83
+          </div>
84
+        </div>
85
+        <div class="left">
86
+          <div class="nomal">
87
+            <label class="fn_label">반품예정일</label>
88
+            <div>
89
+              <div class="fn_info">2022.10.03</div>
90
+            </div>
91
+          </div>
92
+        </div>
93
+        <div class="left">
94
+          <div class="nomal">
95
+            <label>공급업체</label>
96
+            <div>
97
+              <div class="fn">A공급업체명</div>
98
+            </div>
99
+            <label class="sub_info">납품장소</label>
100
+            <div>
101
+              <div class="fn">A매장내</div>
102
+            </div>
103
+          </div>
104
+        </div>
105
+        <div class="left">
106
+          <div class="nomal">
107
+            <label>품목 </label>
108
+            <div>
109
+              <div class="fn">품목명(EA)</div> 
110
+            </div>
111
+          </div>
112
+        </div>
113
+        <div class="left">
114
+          <div class="nomal">
115
+            <label class="col_2">반품발주수량</label>
116
+            <div>
117
+              <div class="fn">10</div>
118
+            </div>
119
+            <label class="col_6">반품입고수량</label>
120
+            <div>
121
+              <div class="fn">10</div>
122
+            </div>
123
+          </div>
124
+        </div>
125
+      </li>
126
+    </div>
127
+  </div>
128
+  <div class="footer">
129
+    <div class="home">
130
+      <button id="ITP_BTN_MRTNMNG05010" class="home_btn"><img src="/img/home.png" alt=""></button>
131
+    </div>
132
+    <div class="manage">
133
+      <buttonn id="ITP_BTN_MRTNMNG05010" >발주관리</button>
134
+      <buttonn id="ITP_BTN_MRTNMNG05010" >반품관리</button>
135
+      <buttonn id="ITP_BTN_MRTNMNG05010" >여신관리</button>
136
+    </div>
137
+  </div>
138
+</section>

+ 171 - 0
src/main/webapp/mobile/app/mstockmng/MSTOCKMNG01010.html

@@ -0,0 +1,171 @@
1
+<link rel="stylesheet" href="/style.css">
2
+
3
+<section id="MSTOCK01010">
4
+  <div class="popup2" style="display: none;">
5
+    <div class="pop">
6
+      <div class="header">
7
+        <div class="header_left">
8
+          <label>> 품목 검색</label>
9
+        </div>
10
+        <div class="header_right">
11
+          <button id="ITP_BTN_MSTOCKMNG01010"><img src="/img/close.png"></button>
12
+        </div>
13
+      </div>
14
+      <div class="search_bar">
15
+        <input id="ITP_FORM_MSTOCKMNG01010" style="width:100%" type="text" placeholder="품목명/품목번호">
16
+      </div>
17
+      <div class="search_bar">
18
+        <button id="ITP_BTN_MSTOCKMNG01010" class="search btn-primary">검색</button>
19
+      </div>
20
+      <div class="popup_scroll">
21
+        <li class="row_2">
22
+          <div class="left">
23
+            <div class="thick">
24
+              <div class="fn">품목명</div>
25
+              <div>-</div>
26
+              <div class="fn">2EA</div>
27
+            </div>
28
+            <div class="nomal">
29
+              <div class="space">구매가 :</div>
30
+              <div class="fn">1,120,000</div>
31
+            </div>
32
+          </div>
33
+          <div class="right">
34
+            <button id="ITP_BTN_MSTOCKMNG01010"><</button>
35
+            <div class="num">2</div>
36
+            <button id="ITP_BTN_MSTOCKMNG01010">></button>
37
+          </div>
38
+          <div class="add">
39
+            <button id="ITP_BTN_MSTOCKMNG01010">추가</button>
40
+          </div>
41
+        </li>
42
+      </div>
43
+    </div>
44
+  </div>
45
+	<header>
46
+		<div class="brand_logo">
47
+			<img src="/img/naver.png">
48
+		</div> 
49
+		<div class="name_info">
50
+			<label>
51
+				<div class="fnBrnadNm">브랜드명</div>
52
+			</label>
53
+			<div>
54
+				<label style="width: 1px;">-</label>
55
+			</div>
56
+			<label>
57
+				<div class="fnStoreNm">매장명</div>
58
+			</label>
59
+		</div>
60
+			<div class="logout">
61
+				<button id="ITP_BTN_LOGOUT">로그<br>아웃</button>
62
+			</div>
63
+	</header>
64
+  <div id="ITP_AJAX_MSTOCKMNG01010_VIEW_CONTAINER">
65
+    <div class="content">
66
+      <div class="line">
67
+        <label>창고선택</label>
68
+        <div class="float_left">
69
+          <input id="ITP_FORM_MSTOCKMNG01010_VIEW" type="text" placeholder="A매장명">
70
+        </div>
71
+        <div class="float_left_btn">
72
+          <button id="ITP_BTN_MSTOCKMNG01010"><img src="/img/search.png" alt=""></button>
73
+          <button id="ITP_BTN_MSTOCKMNG01010"><img src="/img/delete.png" alt=""></button>
74
+        </div>
75
+      </div>
76
+      <div class="line">
77
+        <label>Location</label>
78
+        <div class="float_left">
79
+          <select name="" id="ITP_FORM_MSTOCKMNG01010_VIEW">
80
+            <option value=""></option>
81
+          </select>
82
+        </div>
83
+      </div>
84
+      <div class="line">
85
+        <label>품목명</label>
86
+        <div class="float_left">
87
+          <input id="ITP_FORM_MSTOCKMNG01010_VIEW" style="width: 600px;" type="text" placeholder="A매장명">
88
+        </div>
89
+      </div>
90
+      <div class="line">
91
+        <div class="search">
92
+          <button id="ITP_BTN_MSTOCKMNG01010" class="btn-primary btn-sm ADB">검색</button>
93
+        </div>
94
+      </div>
95
+      <div class="table_header">
96
+        <h1>> 재고 목록</h1>
97
+        <button id="ITP_BTN_MSTOCKMNG01010" class="btn-primary btn-sm ADB">품목추가</button>
98
+      </div>
99
+    </div>
100
+    <div class="scroll_area" style="top: 672px;">
101
+      <li class="history_list">
102
+        <div>
103
+          <div class="left">
104
+            <div class="nomal">
105
+              <label>품목번호 &nbsp;:</label>
106
+              <div>
107
+                <div class="fn">adsf1234</div>
108
+              </div>
109
+              <label>품목명&nbsp;:</label>
110
+              <div>
111
+                <div class="fn">원두커피</div>
112
+              </div>
113
+            </div>
114
+          </div>
115
+          <div class="left">
116
+            <div class="nomal">
117
+              <label>단위 &nbsp;:</label>
118
+              <div>
119
+                <div class="fn">Kg</div>
120
+              </div>
121
+              <label>단위수량&nbsp;:</label>
122
+              <div>
123
+                <div class="fn">20 Kg</div>
124
+              </div>
125
+            </div>
126
+          </div>
127
+          <div class="left">
128
+            <div class="nomal">
129
+              <label class="col_6">현재고수량 &nbsp;:</label>
130
+              <div class="fn">
131
+                <div class="fn">100Kg</div>
132
+              </div>
133
+              <label class="col_7">적정재고수량&nbsp;:</label>
134
+              <div class="fn">
135
+                <div class="fn">50Kg</div>
136
+              </div>
137
+            </div>
138
+          </div>
139
+          <div class="left">
140
+            <div class="nomal">
141
+              <label class="col_7">안전재고비율 &nbsp;:</label>
142
+              <div class="fn">
143
+                <div class="fn">40%</div>
144
+              </div>
145
+              <label class="col_0">Location&nbsp;:</label>
146
+              <div class="fn">
147
+                <div class="fn">매장내</div>
148
+              </div>
149
+            </div>
150
+          </div>
151
+        </div>
152
+      </li>
153
+    </div>
154
+    <div class="button_bar">
155
+      <button id="ITP_BTN_MSTOCKMNG01010" class="col_3 btn-primary REQ">구매요청</button>
156
+      <button id="ITP_BTN_MSTOCKMNG01010" class="col_3 btn-gray TSA">임시저장</button>
157
+      <button id="ITP_BTN_MSTOCKMNG01010" class="col_3 btn-gray CLB">취소</button>
158
+    </div>
159
+  </div>
160
+  <div class="footer">
161
+    <div class="home">
162
+      <button id="ITP_BTN_MSTOCKMNG01010" class="home_btn"><img src="/img/home.png" alt=""></button>
163
+    </div>
164
+    <div class="manage col_4">
165
+      <button id="ITP_BTN_MSTOCKMNG01010">발주관리</button>
166
+      <button id="ITP_BTN_MSTOCKMNG01010">반품관리</button>
167
+      <button id="ITP_BTN_MSTOCKMNG01010">여신관리</button>
168
+      <button id="ITP_BTN_MSTOCKMNG01010">재고관리</button>
169
+    </div>
170
+  </div>
171
+</section>

+ 130 - 0
src/main/webapp/mobile/app/mstockmng/MSTOCKMNG02010.html

@@ -0,0 +1,130 @@
1
+<link rel="stylesheet" href="/style.css">
2
+
3
+<section id="MSTOCK02010">
4
+  <div class="popup2" style="display: none;">
5
+    <div class="barcode">
6
+      <h1>바코드를 스캔 하시면 재고  실사 목록에 스캔한<br>바코드의품목이 추가 되고 실사 수량을 입력<br>하시기 바랍니다.</h1>
7
+    </div>
8
+    <div class="barcode_area">
9
+
10
+    </div>
11
+    <div class="btn_barcode">
12
+      <button id="ITP_BTN_MSTOCK02010" class="btn-gray">취소</button>
13
+    </div>
14
+  </div>
15
+	<header>
16
+		<div class="brand_logo">
17
+			<img src="/img/naver.png">
18
+		</div> 
19
+		<div class="name_info">
20
+			<label>
21
+				<div class="fnBrnadNm">브랜드명</div>
22
+			</label>
23
+			<div>
24
+				<label style="width: 1px;">-</label>
25
+			</div>
26
+			<label>
27
+				<div class="fnStoreNm">매장명</div>
28
+			</label>
29
+		</div>
30
+			<div class="logout">
31
+				<button id="ITP_BTN_LOGOUT">로그<br>아웃</button>
32
+			</div>
33
+	</header>
34
+  <div id="ITP_AJAX_MSTOCK02010_VIEW_CONTAINER">
35
+    <div class="content">
36
+      <div class="line">
37
+        <label>재고실사일자</label>
38
+        <div class="float_left">
39
+          <input id="ITP_FORM_MSTOCK02010_VIEW" style="width: 400px;" type="date">
40
+        </div>
41
+      </div>
42
+      <div class="line">
43
+        <label>재고실사일자</label>
44
+        <div class="float_left">
45
+          <input id="ITP_FORM_MSTOCK02010_VIEW" type="text" placeholder="A매장명">
46
+        </div>
47
+        <div class="float_left_btn">
48
+          <button id="ITP_BTN_MSTOCK02010"><img src="/img/search.png" alt=""></button>
49
+          <button id="ITP_BTN_MSTOCK02010"><img src="/img/delete.png" alt=""></button>
50
+        </div>
51
+      </div>
52
+      <div class="line">
53
+        <label>Location</label>
54
+        <div class="float_left">
55
+          <select name="" id="ITP_FORM_MSTOCK02010_VIEW">
56
+            <option value=""></option>
57
+          </select>
58
+        </div>
59
+      </div>
60
+      <div class="line">
61
+        <div class="search">
62
+          <button id="ITP_BTN_MSTOCK02010" class="btn-primary btn-sm ADB">대상 검색</button>
63
+        </div>
64
+      </div>
65
+      <div class="table_header">
66
+        <h1>> 실사 목록</h1>
67
+        <button id="ITP_BTN_MSTOCK02010" class="btn-primary btn-sm ADB">바코드</button>
68
+      </div>
69
+    </div>
70
+    <div class="scroll_area" style="top: 672px;">
71
+      <li class="history_list1">
72
+        <div>
73
+          <div class="left">
74
+            <div class="nomal">
75
+              <label>품목번호 &nbsp;:</label>
76
+              <div>
77
+                <div class="fn">adsf1234</div>
78
+              </div>
79
+              <label>품목명&nbsp;:</label>
80
+              <div>
81
+                <div class="fn">원두커피</div>
82
+              </div>
83
+            </div>
84
+          </div>
85
+          <div class="left">
86
+            <div class="nomal">
87
+              <label>단위 &nbsp;:</label>
88
+              <div>
89
+                <div class="fn">Kg</div>
90
+              </div>
91
+              <label>단위수량&nbsp;:</label>
92
+              <div>
93
+                <div class="fn">20 Kg</div>
94
+              </div>
95
+            </div>
96
+          </div>
97
+          <div class="left">
98
+            <div class="nomal">
99
+              <label class="col_0">현재고수량 &nbsp;:</label>
100
+              <div class="fn">
101
+                <div class="fn">100Kg</div>
102
+              </div>
103
+              <label class="col_6">실사수량&nbsp;:</label>
104
+              <div class="btn_bar">
105
+                <button id="ITP_BTN_MSTOCK02010"><</button>
106
+                <div class="fn col_0">2</div>
107
+                <button id="ITP_BTN_MSTOCK02010">></button>
108
+              </div>
109
+            </div>
110
+          </div>
111
+        </div>
112
+      </li>
113
+    </div>
114
+    <div class="button_bar">
115
+      <button id="ITP_BTN_MSTOCK02010" class="btn_col_6 btn-primary REQ">실사저장</button>
116
+      <button id="ITP_BTN_MSTOCK02010" class="btn_col_3 btn-gray CLB">취소</button>
117
+    </div>
118
+  </div>
119
+  <div class="footer">
120
+    <div class="home">
121
+      <button id="ITP_BTN_MSTOCK02010" class="home_btn"><img src="/img/home.png" alt=""></button>
122
+    </div>
123
+    <div class="manage col_4">
124
+      <button id="ITP_BTN_MSTOCK02010">발주관리</button>
125
+      <button id="ITP_BTN_MSTOCK02010">반품관리</button>
126
+      <button id="ITP_BTN_MSTOCK02010">여신관리</button>
127
+      <button id="ITP_BTN_MSTOCK02010">재고관리</button>
128
+    </div>
129
+  </div>
130
+</section>

+ 20 - 0
src/main/webapp/mobile/app/upgrade.html

@@ -0,0 +1,20 @@
1
+<link rel="stylesheet" href="/style.css">
2
+<section>
3
+	<div class="upgrade">
4
+    <div class="info">
5
+      <h1>새로운 버전이 출시 되었어요!</h1>
6
+      <h2>'다음에' 선택시 앱이 종료됩니다</h2>
7
+    </div>
8
+    <div class="btn">
9
+      <div class="info_btn1">
10
+        <button>다음에</button>
11
+      </div>
12
+      <div class="info_btn2">
13
+        <button>업그레이드</button>
14
+      </div>
15
+    </div>
16
+  </div>
17
+	<div class="brand_name">
18
+		<h4>OderQueen</h4>
19
+	</div>
20
+</section>

+ 282 - 0
src/main/webapp/mobile/css/style.css

@@ -0,0 +1,282 @@
1
+@font-face { font-family: 'NanumBarunGothic';src: url('../fonts/NanumBarunGothic.eot');src: url('../fonts/NanumBarunGothic.eot') format('embedded-opentype'),url('../fonts/NanumBarunGothic.woff') format('woff');}
2
+* {margin: 0; padding: 0; box-sizing: border-box; text-align: center; font-family: 'NanumBarunGothic', 'serif';}
3
+section { background-color: #eee; width: 100%; height: 100%;}
4
+/* 팝업 */
5
+section .popup { position: fixed; width: 100%; height: 100%; background: transparent; z-index: 11;}
6
+section .popup .pop { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 70%; height: 550px; padding-top: 80px; background: #fff; border: 2px solid #000; border-top-left-radius: 20px; border-top-right-radius: 20px;}
7
+section .popup .pop label.pop_label {margin-top: 50px;font-size: 2.2rem;}
8
+section .popup .pop .pop_line { width: 100%; height: 75px;}
9
+section .popup .pop .pop_line label { font-size: 2.6rem; margin-left: 70px; float: left; width: 272px; text-align: left; margin-top: -15px;}
10
+section .popup .pop .pop_line div { margin-top: -15px; text-align: right; float: right; font-size: 2.6rem; margin-right: 80px; width: 250px;}
11
+section .popup .pop .popup_btn { position: absolute; background-color: #ccc; bottom: 0; width: 100%; height: 100px; border-top: 2px solid #000;}
12
+section .popup .pop .popup_btn button { position: relative; float: left; width: 100%; height: 100px; font-size: 2rem; font-weight: 700; border-radius: 0px; border: none;}
13
+section .popup .pop .popup_btn button.ok { width: 64%; border-left: 2px solid #000;}
14
+section .popup .pop .popup_btn button.cancel {width: 36%;}
15
+
16
+
17
+section .popup2 {position: fixed; width: 100%; height: 100%; background: rgba(200, 200,200, 0.8); z-index: 11;}
18
+section .popup2 .barcode {width: 100%;}
19
+section .popup2 .barcode_area {width: 70%; height: 35%; margin: auto; background: #fff; border: 1px solid #000; margin-top: 5%;}
20
+section .popup2 .barcode h1{text-align: left; width: 85%; font-size: 2.6rem; margin:auto; margin-top: 30%;}
21
+section .popup2 .btn_barcode {margin-top: 20%;}
22
+section .popup2 .btn_barcode button {width: 35%; height: 100px; font-size: 2.2rem;}
23
+section .popup2 .pop { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 90%; height: 85%; background: #fff; border: 2px solid #000;}
24
+section .popup2 .pop .header {position: relative; height: 100px; background: rgb(204, 225, 240); border-bottom: 1px solid #000;}
25
+section .popup2 .pop .header .header_left {float: left; padding-top: 20px; padding-left: 20px;}
26
+section .popup2 .pop .header .header_left label {font-size: 2.4rem;} 
27
+section .popup2 .pop .header .header_right {float: right; padding-right: 10px;}
28
+section .popup2 .pop .header .header_right button {border: none; background: transparent;}
29
+section .popup2 .pop .search_bar {width: 100%; height: 90px; padding: 10px;}
30
+section .popup2 .pop .search_bar input {width: 88%; height: 80px; float: left;}
31
+section .popup2 .pop .search_bar button {width: 80px; height: 80px; float: right; border: none; padding-right: 30px;}
32
+section .popup2 .pop .search_bar button img {width: 50px; height: 50px;}
33
+section .popup2 .pop .search_bar button.search {float: none; width: 50%; height: 70px; background:rgb(46, 46, 248); color: #fff; font-size: 2rem; padding: 0; border: 1px solid #000; margin: 0 auto;}
34
+section .popup2 .pop .search_bar button.btn_blue {float: right; width: 200px; height: 70px; background:rgb(46, 46, 248); color: #fff; font-size: 2rem; padding: 0; border: 1px solid #000;}
35
+
36
+section .popup2 .pop .popup_scroll {position: relative; width: 100%;height: 720px; overflow: auto;}
37
+section .popup2 .pop .popup_scroll li {list-style: none; width: 99%; height: 80px; border: 1px solid #000; margin: 0 auto;}
38
+section .popup2 .pop .popup_scroll li.row_2 {height: 140px;}
39
+section .popup2 .pop .popup_scroll li .left {position: relative; float: left;}
40
+section .popup2 .pop .popup_scroll li .left div {display: inline-block;}
41
+section .popup2 .pop .popup_scroll li .left label{font-size: 2.5rem;}
42
+section .popup2 .pop .popup_scroll li .left .thick {float: left; margin: 10px 20px; font-size: 2rem; text-align: left; width: 50%; font-weight: 600;}
43
+section .popup2 .pop .popup_scroll li .left .nomal {float: left; margin: 10px 20px 10px 40px; font-size: 1.8rem; text-align: left; width: 50%;}
44
+section .popup2 .pop .popup_scroll li .left .history {font-weight: 700; font-size: 2.4rem; margin-left: 20px;}
45
+section .popup2 .pop .popup_scroll li .left .history input{width: 150px;}
46
+section .popup2 .pop .popup_scroll li .scroll_left {float: left;}
47
+section .popup2 .pop .popup_scroll li .scroll_left div {float: left; font-size: 2rem; font-weight: 700; width: auto; margin: 15px 10px;}
48
+section .popup2 .pop .popup_scroll li .scroll_right {float: right;}
49
+section .popup2 .pop .popup_scroll li .scroll_right button {width: 100px; height: 60px; padding: 0; background: rgb(198, 170, 250); border-radius: 15px; font-size: 1.5rem; margin:10px 10px;}
50
+section .popup2 .pop .popup_scroll li .right {margin: 40px 0; position: relative; display: flex; font-size: 2rem; font-weight: 700; float: left;}
51
+section .popup2 .pop .popup_scroll li .right .num {margin: 0 40px; width: auto;}
52
+section .popup2 .pop .popup_scroll li .right button {margin: -12px; padding: 20px; font-size: 1.5rem; border-radius: 0px;}
53
+section .popup2 .pop .popup_scroll li .add button{float: right; width: 120px; height: 120px; margin: 10px 20px; border-radius: 30px; font-size: 2rem; background: rgb(198, 170, 250);}
54
+section .popup2 .pop .content .line button {width: 40%; height: 80px;font-size: 2.4rem; padding: 0; margin: 0 20px;}
55
+
56
+section .popup3 { position: fixed; width: 100%; height: 100%; background: transparent; z-index: 11;}
57
+section .popup3 .pop { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 90%; height: 85%; background: #fff; border: 2px solid #000;}
58
+section .popup3 .pop .header {position: relative; height: 100px; background: rgb(204, 225, 240); border-bottom: 1px solid #000;}
59
+section .popup3 .pop .header .header_left {float: left; padding-top: 20px; padding-left: 20px;}
60
+section .popup3 .pop .header .header_left label {font-size: 2.4rem;} 
61
+section .popup3 .pop .header .header_right {float: right; padding-right: 10px;}
62
+section .popup3 .pop .header .header_right button {border: none; background: transparent;}
63
+/* 버튼 */
64
+button.btn-primary  {color: #fff; background-color: #337ab7; border: 1px solid #000;font-weight: 700;}
65
+button.btn-yellow   {color: #fff; background-color: rgb(255, 183, 0); border: 1px solid #000;font-weight: 700;}
66
+button.btn-gray     {color: #fff; background-color: gray; border: 1px solid #000;font-weight: 700;}
67
+button.btn-danger   {color: #fff; background-color: rgb(247, 76, 76); border: 1px solid #000;font-weight: 700;}
68
+
69
+/* 실행,로딩 */
70
+.loding .start {position: absolute; width: 100%; top: 20%;}
71
+.loding .start h2 {font-size: 3rem;}
72
+.loding .start h1 {font-size: 5rem;}
73
+.loding .cap {position: absolute; width: 100%; top: 50%;}
74
+.loding .cap h3 {font-size: 3rem; color: #666;}
75
+.brand_name {position: absolute; width: 100%; bottom: 5%; font-size: 2.6rem;}
76
+
77
+/* 업그레이드 , */
78
+.upgrade { padding-top: 70%;}
79
+.upgrade .info { position: relative; background-color: #fff; margin: 0 auto; width: 70%; height: 300px; padding: 20px; border: 1px solid #000; border-top-left-radius: 10px; border-top-right-radius: 10px;}
80
+.upgrade .info h1 { position: relative; font-size: 2.5rem; margin: 5px; top: 20%;}
81
+.upgrade .info h2 { position: relative; font-size: 2rem; margin: 5px; top: 30%;}
82
+.upgrade .btn { position: relative; display: block; background-color: #fff; margin: 0 auto; width: 70%; height: 100px;}
83
+.upgrade .btn button {border-radius: 0px;position: relative;border: 1px solid #000;float: left;display: block;height: 100px;font-size: 2.7rem;}
84
+.upgrade .btn .info_btn1 button{border-right: none;width: 35%;color: #000;background-color: #f5f5f5;}
85
+.upgrade .btn .info_btn2 button {width: 65%;color: #ccc;background-color: blue;}
86
+
87
+/* 로그인 */
88
+.login_popup {position: relative; width: 100%; top: 30%; transform: translateY(-30%);}
89
+.login_popup h1 { font-size: 3.5rem; color: #333;}
90
+.login_popup input { position: relative; height: 30px; font-size: 30px;}
91
+.login_popup .login_info { margin-bottom: 200px;}
92
+.login_popup .num_area { position: relative; width: 100%;  margin-bottom: 70px;}
93
+.login_popup .num_area .input_area {margin-bottom: 10px;}
94
+.login_popup .num_area .input_area input {width: 50%;}
95
+.login_popup .num_area .input_area button { font-weight: 700; margin-left: 2%; width: 18%; height: 90px; background-color: blue; color: #eee; font-size: 28px; top: -2px;}
96
+.login_popup .num_area .brand_list select { padding-left: 50px; width: 70%; height: 90px; font-size: 28px; background: url(./mobile/img/down.png)no-repeat 100% 50%/70px auto; -webkit-appearance:none;  appearance:none;}
97
+.login_popup .num_area .brand_list select option {text-align: left; width: 70%; height: 90px; border: 1px solid #000; font-size: 20px;} 
98
+
99
+select::-ms-expand{display:none;}
100
+
101
+.login_page {position: relative; width: 100%;  margin-bottom: 30px;}
102
+
103
+.input_area {position: relative; width: 100%;  margin-bottom: 20px;}
104
+.input_area input {width: 70%; height: 90px; position: relative; padding: 10px; text-align: left; border:1px solid #666; font-size: 2rem; color: #000; outline: none;}
105
+.input_area label {position: absolute; left: 20%; top: 22px; font-size: 1.8rem; transition: all .5s ease;}
106
+.input_area input:focus + label,
107
+.input_area input:valid + label {top: 3px; left: 170px; font-size: 1.3rem; color: blue;}
108
+.error {margin-top: 300px;}
109
+.error label {font-size: 38px;}
110
+.login_btn {position: absolute; bottom: 0;}
111
+.login_btn button {
112
+  font-weight: 700;
113
+  position: fixed;
114
+  background-color: #aaa;
115
+  color: #eee;
116
+  bottom: 0px;
117
+  width: 100%;
118
+  height: 120px;
119
+  border-top: 2px solid #000;
120
+  font-size: 2.5rem;
121
+}
122
+
123
+/* 메인화면 */
124
+
125
+input {margin-top: 3px; border: 1px solid #000; margin-top: -2px; height: 60px; font-size: 2rem; text-align: left; padding:0 15px;}
126
+select {margin-top: 3px; border: 1px solid #000; margin-top: -2px; height: 60px; font-size: 2rem; text-align: left; padding:0 15px;}
127
+input .day {margin: 18%; width: 45%; height: 80px; float: right;}
128
+button {background-color: #fff; padding: 15px;}
129
+button:hover {background: rgb(229, 248, 202); color: #000;}
130
+.wicon {margin: 120px auto; width: 850px;}
131
+.wicon label {font-size: 50px;}
132
+.wicon .icon_left button,
133
+.wicon .icon_right button {border: 1px solid #333; padding-top: 0px; margin-top: 50px; background-color: #ccc; width: 390px; height:390px;border-radius: 100px; float: left;}
134
+.wicon .icon_right{float: right;}
135
+
136
+
137
+/* 공통화면 */
138
+
139
+header {position: fixed;top: 0;width: 100%;height: 120px;background-color:#337ab7;align-items: center;margin-bottom: 50px;border-bottom: 1px solid #000;z-index: 10;}
140
+header img {float: left;height: 100px; margin: 10px;border-radius: 50%; border: 1px solid #666;}
141
+header label{margin-top: 30px; width: 120px; font-size: 32px;float: left; color: #fff;}
142
+header .name_info {margin-left: 17%;}
143
+header .name_info label {width: 200px;font-size: 2.4rem;}
144
+header .logout {margin-right: 10px; float: right; width: 100px;}
145
+header .logout button { margin: 10px 10px 0 0; padding: 0px; width: 100px; height: 100px; border-radius: 25px; font-size: 24px;}
146
+.footer {position: fixed; bottom: 0; background-color: #aaa; border: 1px solid #000; width: 100%; height: 120px; z-index: 12;}
147
+.footer button {float: left; border-radius: 20px; margin-right: 130px; width: 100px; height: 100px; font-size: 2rem; margin-top: 10px; padding: 5px;}
148
+.footer button.home_btn { width: 100px; height: 100px; border: none; background-color: transparent; margin-left: 30px; margin-top: 5px;}
149
+.footer button.home_btn img{ width: 70px; height: 70px;}
150
+.footer .manage {position: absolute; display: block; position: relative;float: left; opacity: 1;}
151
+.footer .col_4 button {margin-right: 70px;}
152
+.footer .col_2 button {margin-left: 70px;}
153
+
154
+.fix {
155
+  width: 100%;
156
+  padding-top: 50px;
157
+  font-size: 2rem;
158
+}
159
+.content {padding-top: 5%; top: 120px; position: fixed; z-index: 10; width:100%; background: #fff;}
160
+.content .line {position: relative; display: inline-block; width: 100%; height: 50px; margin-bottom: 50px;}
161
+.content .line div {font-weight: 700;}
162
+.content .line label {font-size: 3rem; margin-left: 20px; float: left; width: 320px; text-align: left; margin-top: -15px;}
163
+.content .line label.col_6{width: 404px;}
164
+.content .line select.label {border: 1px solid #000; font-size: 2.5rem;margin: 0 10px; float: left; width: 300px; height: 60px; text-align: left; margin-top: -8px;}
165
+.content .line .search_nm {float: right; margin-right: 2%;}
166
+.content .line .float_left {float: left;}
167
+.content .line .float_left.note {width: 100%; padding: 10px;}
168
+.content .line .float_left.note textarea {width: 100%; height: 300px; border: 1px solid #000; text-align: left;}
169
+.content .line .float_left div {font-size: 2.4rem; margin-top: -8px;}
170
+.content .line .float_left_btn {float: left; margin-top: -1px; margin-left: 5px;}
171
+.content .line .float_left select {float: left; width: 440px; height: 60px; margin-top: -3px; border: 1px solid #000; font-size: 2rem;}
172
+.content .line .line_right {font-size: 2rem; float: right; margin-right: 0%;}
173
+.content .line .line_right div {float: right; font-size: 2.4rem; margin-top: -10px; margin-right: 30px;}
174
+.content .line .line_right input {position: relative; text-align: right; margin-right: 30px;}
175
+.content .line .line_right input.left {text-align: left;}
176
+.content .line input.date {width: 40%; margin: -10px; height: 80px; float: right; margin-right: 3%;}
177
+.content .line input.date2 {width: 350px; height: 60px;}
178
+.content .line div.date_to {float: left;}
179
+.content .line div.date_to input.year {width: 300px; margin-top: -10px; height: 60px;}
180
+.content .line div.date_to div.at {width: 3%;  font-size: 2rem; float: right; display: contents;}
181
+.content .line .search {width: 100%; height: 150px;}
182
+.content .line .search button {width: 50%; height: 75px; font-size: 2.4rem; padding: 0;}
183
+.content .line .search button.col_3 {width: 35%; margin: 0 20px; float: left;}
184
+.content .line .search button.col_5 {width: 55%; margin: 0 20px; float: right;}
185
+.content .table_header {margin: 0 auto; width: 100%; height: 100px; background-color: #337ab7; position: fixed; z-index: 10; border-bottom: 1px solid #000; border-top: 1px solid #000;}
186
+.content .table_header h1 {margin-top: 20px; margin-left: 15px; font-size: 2.2rem; float: left; color: #fff; font-weight: 100;}
187
+.content .table_header button {float: right; width: 200px; font-size: 2rem; padding: 5px 20px; margin: 20px;}
188
+
189
+.detail_content {padding-top: 5%; top: 120px; position: fixed; z-index: 10; width:100%; background: #fff;}
190
+.detail_content .detail_header {width: 100%; height: 80px;}
191
+.detail_content .detail_header .detail_logo {float: left;}
192
+.detail_content .detail_header .detail_logo img {width: 150px; margin-left: 50px;}
193
+.detail_content .detail_header .detail_ok {float: left;}
194
+.detail_content .detail_header .detail_ok label {margin-left: 80px; font-size: 2.8rem; font-weight: 700;}
195
+.detail_content .detail_confirmation {width: 90%; margin: 10% auto; height: 280px; }
196
+.detail_content .detail_confirmation .detail_col {float: left; width: 100%; display: inline-flex; margin-left: 30px; margin-bottom: 10px;}
197
+.detail_content .detail_confirmation .detail_col label{font-size: 2rem; font-weight: 700; float: left; width: 235px; text-align: left;}
198
+.detail_content .detail_confirmation .detail_col i{font-size: 2rem; width: 1%; text-align: right; margin-right: 10px;}
199
+.detail_content .detail_confirmation .detail_col div{font-size: 2rem; width: auto; text-align: left;}
200
+.detail_content .detail_company_info label{font-size: 2rem; font-weight: 600;}
201
+.detail_content .detail_company_info .weight {margin-bottom: 20px;}
202
+.detail_content .detail_company_info .weight label{font-size: 2.4rem; font-weight: 700;}
203
+.detail_content .detail_company_info div{font-size: 2rem;}
204
+.detail_content .detail_company_info .info_left {width: 50%; height: 350px; float: left;}
205
+.detail_content .detail_company_info .info_left .company_info {width: 100%; float: left; display: flex; margin-left: 50px;}
206
+.detail_content .table_header {margin: 33% auto; width: 100%; height: 100px; background-color: skyblue; align-items: center; position: fixed; z-index: 10;}
207
+.detail_content .table_header h1 {margin-top: 20px; margin-left: 15px; font-size: 2.2rem; float: left;}
208
+.detail_content .table_header button {float: right; width: 200px; font-size: 2rem; padding: 5px 20px; margin: 20px;}
209
+
210
+/* select.stcd {
211
+  float: left;
212
+  width: 300px;
213
+  height: 60px;
214
+  border: 1px solid #000;
215
+  font-size: 1.8rem;
216
+} */
217
+
218
+.button_bar {width: 100%; height: 120px; background: #ccc; position: fixed; bottom: 120px; border-top: 1px solid #000; border-bottom: 1px solid #000; z-index: 10;}
219
+.button_bar button.col_3{float: left; height: 120; font-size: 3rem; margin: 0; width: 33.3%; font-weight: 700; border: 1px solid #000; border-radius: 0;}
220
+.button_bar button.btn-gray {border-radius: 0px; background-color: #666; color: #eee;}
221
+.button_bar button.btn {height: 120px;}
222
+.button_bar button.btn_col_3 {width: 35%;}
223
+.button_bar button.btn_col_6 {width: 65%;}
224
+.button_bar button.btn_col_3,
225
+.button_bar button.btn_col_6 {border: 1px solid #000; float: left; height: 120px; font-size: 2.4rem; font-weight: 700; border-radius: 0px;}
226
+.button_bar button.col_12 {width: 100%; height: 120px; font-size: 2.2rem;}
227
+
228
+.scroll_area {position: absolute; width: 100%; height: 1400px; top: 572px; bottom: 30px; overflow: auto;}
229
+.scroll_area li {margin: 5px; list-style: none; width: 99%; height: 140px; border: 1px solid #000; background-color: #fff;}
230
+.scroll_area li.history_list {height: 300px; }
231
+.scroll_area li.history_list .button_right {float: right; display: grid;}
232
+.scroll_area li.history_list .button_right button {width: 124px; height: 149px; font-size: 2rem; margin: 0; border-radius: 0;}
233
+.scroll_area li.history_list1 {height: 230px; }
234
+.scroll_area li.history_list2 {height: 380px;}
235
+.scroll_area li.history_list3 {height: 330px;}
236
+.scroll_area li .history_info {width: 240px;}
237
+.scroll_area li .left {position: relative; float: left;}
238
+.scroll_area li .left div {display: inline-block;}
239
+.scroll_area li .left label{font-size: 2.5rem;}
240
+.scroll_area li .left .thick {margin: 10px 20px; font-size: 2.2rem; text-align: left; width: 100%; font-weight: 600;}
241
+.scroll_area li .left .history {font-weight: 700; font-size: 2.4rem; margin-left: 20px;}
242
+.scroll_area li .left .history input{width: 150px;}
243
+
244
+.scroll_area li div {padding: 1px;}
245
+.scroll_area li .detail_line {width: 100%; display: inline-block;}
246
+.scroll_area li .detail_left {float: left;}
247
+.scroll_area li .detail_left div {display: inline-block;}
248
+.scroll_area li .detail_left .detail_info {margin: 5px 10px;}
249
+.scroll_area li .detail_left .detail_info div {width: auto; font-size: 2.2rem; font-weight: 700;}
250
+.scroll_area li .detail_left .detail_info i {width: auto; font-size: 2.2rem; margin: 0 20px;}
251
+.scroll_area li .detail_left .detail_info label {width: auto;  font-size: 2rem;}
252
+.scroll_area li .detail_right {float: right;}
253
+.scroll_area li .detail_right div {display: inline-block;}
254
+.scroll_area li .detail_right .detail_info {margin: 5px 25px;}
255
+.scroll_area li .detail_right .detail_info label {margin: 5px 30px; font-size: 2rem;}
256
+.scroll_area li .detail_right .detail_info div {width: auto; font-size: 2.2rem; font-weight: 700;}
257
+.scroll_area li .detail_right .detail_info i {width: auto; font-size: 2.2rem; margin: 0 20px;}
258
+.scroll_area li .left .nomal  {width: 100%; text-align: left; font-size: 2.2rem;}
259
+.scroll_area li .left .nomal  input{width: 200px;}
260
+.scroll_area li .left .nomal .scroll_btn {margin-bottom: 10px; min-width: 0;}
261
+.scroll_area li .left .nomal .scroll_btn button{position: absolute; top: -10px; width: 100px; height: 70px; font-size: 1.8rem; padding: 0; border-radius: 15px; background: rgb(198, 170, 250);}
262
+
263
+.scroll_area li .left .nomal .btn_bar{position: relative; width: auto; font-size: 2.2rem;}
264
+.scroll_area li .left .nomal .btn_bar button{width: 50px; height: 70px; font-size: 2rem; padding: 0;}
265
+.scroll_area li .left .nomal .btn_bar .col_0{min-width: auto; margin: 0 50px;}
266
+
267
+.scroll_area li .left .nomal .space{ margin-left: 40px; min-width: 100px;}
268
+.scroll_area li .left .nomal .space0{ margin-left: 40px; width: auto;}
269
+.scroll_area li .left .nomal .space1{ margin-left: 0px; width: 200px;}
270
+.scroll_area li .left .nomal .space2 {width: 120px; display: inline-flex; font-size: 2.4rem; margin-right: 30px; font-weight: 700;}
271
+.scroll_area li .left .nomal label{margin-left: 10px; width: 230px; display: inline-flex;}
272
+.scroll_area li .left .nomal label.sub_info{width: 168px; display: inline-flex;}
273
+.scroll_area li .left .nomal label.col_0{width: auto;}
274
+.scroll_area li .left .nomal label.col_1{width: 180px;}
275
+.scroll_area li .left .nomal label.col_2{width: 273px;}
276
+.scroll_area li .left .nomal label.col_6{width: 250px;}
277
+.scroll_area li .left .nomal label.col_7{width: 280px;}
278
+.scroll_area li .left .nomal i{width: 50px; text-align: center;}
279
+.scroll_area li .left .nomal div{min-width: 168px; display: inline-flex; font-weight: 700; font-size: 2.4rem;}
280
+.scroll_area li .right {margin: 40px; position: relative; display: flex; font-size: 2rem; font-weight: 700; float: right;}
281
+.scroll_area li .right .num {margin: 0 40px; width: auto;}
282
+.scroll_area li .right button {margin: -12px; padding: 20px; font-size: 1.5rem; border-radius: 0px;}

BIN
src/main/webapp/mobile/fonts/NanumBarunGothic.eot


BIN
src/main/webapp/mobile/fonts/NanumBarunGothic.woff


BIN
src/main/webapp/mobile/img/close.png


BIN
src/main/webapp/mobile/img/delete.png


BIN
src/main/webapp/mobile/img/down.png


BIN
src/main/webapp/mobile/img/home.png


BIN
src/main/webapp/mobile/img/naver.png


BIN
src/main/webapp/mobile/img/search.png