ソースを参照

Merge branch 'master' of http://106.246.249.162:13000/orderqueen/oqpo-view

juney 2 年 前
コミット
0b7674b2ff
共有4 個のファイルを変更した197 個の追加52 個の削除を含む
  1. 6 1
      src/main/webapp/bootstrap/dist/css/bootstrap.min.css
  2. 8 4
      src/main/webapp/css/style.css
  3. 30 1
      src/main/webapp/js/app/config.js
  4. 153 46
      src/main/webapp/main.html

File diff suppressed because it is too large
+ 6 - 1
src/main/webapp/bootstrap/dist/css/bootstrap.min.css


+ 8 - 4
src/main/webapp/css/style.css

@@ -571,9 +571,13 @@ _:-ms-fullscreen, :root .itp_logs {max-width: 1287px}
571
 #ITP_FOOTER .itp_modal .itp_form .input-daterange .input-group-addon {padding:3px 5px;}
571
 #ITP_FOOTER .itp_modal .itp_form .input-daterange .input-group-addon {padding:3px 5px;}
572
 #ITP_FOOTER .itp_modal .itp_form .itp_date_to {background:#fff;}
572
 #ITP_FOOTER .itp_modal .itp_form .itp_date_to {background:#fff;}
573
 #ITP_FOOTER .itp_modal .itp_form .itp_lb.itp_required:before {content:'*'; color:#a94442; position:absolute; top:8px; left:8px;}
573
 #ITP_FOOTER .itp_modal .itp_form .itp_lb.itp_required:before {content:'*'; color:#a94442; position:absolute; top:8px; left:8px;}
574
-#ITP_FOOTER .modal-body .itp_alt_box {display:inline-flex;}
575
-#ITP_FOOTER .modal-body .itp_alt_box label {text-align:left; min-width:80px;}
576
-#ITP_FOOTER .modal-body .itp_alt_box div {text-align:right; width:100px;}
574
+#ITP_FOOTER .modal-body .itp_alt_box {display:inline-flex; border:2px solid #ccc; border-bottom:none;}
575
+#ITP_FOOTER .modal-body .itp_alt_box.border {border-bottom:1px solid #ccc;}
576
+#ITP_FOOTER .modal-body .itp_alt_box .itp_label_area {width:100px; height:40px; padding:10px; text-align:left; background:#f5f5f5;}
577
+#ITP_FOOTER .modal-body .itp_alt_box .itp_label_area label {text-align:left; min-width:80px;}
578
+#ITP_FOOTER .modal-body .itp_alt_box .itp_info_area {border-left:1px solid #ccc; width:210px;}
579
+#ITP_FOOTER .modal-body .itp_alt_box .itp_info_area div {text-align: left; width:auto; padding:10px;}
580
+#ITP_FOOTER .modal-body .error_info {margin-top:15px;}
577
 #ITP_FOOTER .modal.in .modal-dialog {
581
 #ITP_FOOTER .modal.in .modal-dialog {
578
     -webkit-transform:translate(0, calc(50vh - 50%));
582
     -webkit-transform:translate(0, calc(50vh - 50%));
579
     -ms-transform:translate(0, 50vh) translate(0, -50%);
583
     -ms-transform:translate(0, 50vh) translate(0, -50%);
@@ -592,7 +596,7 @@ _:-ms-fullscreen, :root .itp_logs {max-width: 1287px}
592
 #ITP_ASIDE .itp_modal .itp_form .shot{height:43px !important; border-bottom:1px solid #aaa;}
596
 #ITP_ASIDE .itp_modal .itp_form .shot{height:43px !important; border-bottom:1px solid #aaa;}
593
 #ITP_ASIDE .itp_modal .itp_form .form-group.border {border-bottom:1px solid #ddd;}
597
 #ITP_ASIDE .itp_modal .itp_form .form-group.border {border-bottom:1px solid #ddd;}
594
 #ITP_ASIDE .itp_modal .itp_form .form-control {font-size:13px; color:#333;}
598
 #ITP_ASIDE .itp_modal .itp_form .form-control {font-size:13px; color:#333;}
595
-#ITP_ASIDE .itp_modal .itp_form .itp_lb {top:0; font-size:13px; margin:0; padding:13px 12px; height:44px; background:#eee; width:100px; min-width:100px; border-right:1px solid #aaa; border-left:1px solid #ccc;}
599
+#ITP_ASIDE .itp_modal .itp_form .itp_lb {top:0; font-size:13px; margin:0; padding:13px 12px; height:44px; background:#eee; width:125px; min-width:100px; border-right:1px solid #aaa; border-left:1px solid #ccc;}
596
 #ITP_ASIDE .itp_modal .itp_form .itp_lb.itp_normal {font-weight:normal; padding-left:19px;}
600
 #ITP_ASIDE .itp_modal .itp_form .itp_lb.itp_normal {font-weight:normal; padding-left:19px;}
597
 #ITP_ASIDE .itp_modal .itp_form .itp_ip {padding:9px 10px 0 10px;;}
601
 #ITP_ASIDE .itp_modal .itp_form .itp_ip {padding:9px 10px 0 10px;;}
598
 #ITP_ASIDE .itp_modal .itp_form .itp_ip.itp_pr {margin-right:0; padding-right:10px;}
602
 #ITP_ASIDE .itp_modal .itp_form .itp_ip.itp_pr {margin-right:0; padding-right:10px;}

+ 30 - 1
src/main/webapp/js/app/config.js

@@ -2456,7 +2456,36 @@ function itp_fn_modal_confirm_req3(param, fn, args) {
2456
 		});
2456
 		});
2457
 	}
2457
 	}
2458
 };
2458
 };
2459
-
2459
+//선불매장결제확인-임시저장
2460
+function itp_fn_modal_confirm_req4(param, fn, args) {
2461
+	$('#ITP_MODAL_ALERT_SAVE_ADV_CANCEL').show();
2462
+	$('#ITP_MODAL_SAVE_ADV_ALERT').modal('show');
2463
+	$('#ITP_MODAL_SAVE_ADV_ALERT').find('.fnDlvReqDt').html(param.dlvReqDt);
2464
+	$('#ITP_MODAL_SAVE_ADV_ALERT').find('.fnItemcnt').html(param.itemcnt + " 개");
2465
+	$('#ITP_MODAL_SAVE_ADV_ALERT').find('.fnDlvReqAmt').html(param.dlvReqAmt + " 원");
2466
+	if (fn !== undefined || typeof fn !== 'undefined') {
2467
+		$('#ITP_MODAL_ALERT_SAVE_ADV_CONFIRM').off('click');
2468
+		$('#ITP_MODAL_ALERT_SAVE_ADV_CONFIRM').on('click', function() {
2469
+			fn.callBack(args);
2470
+			$('#ITP_MODAL_ADV_ALERT').modal('hide');
2471
+		});
2472
+	}
2473
+};
2474
+//구매한도부족알림-임시저장
2475
+function itp_fn_modal_confirm_req5(param, fn, args) {
2476
+	$('#ITP_MODAL_ALERT_SAVE_LM_CANCEL').show();
2477
+	$('#ITP_MODAL_SAVE_LM_ALERT').modal('show');
2478
+	$('#ITP_MODAL_SAVE_LM_ALERT').find('.fnDlvReqDt').html(param.dlvReqDt);
2479
+	$('#ITP_MODAL_SAVE_LM_ALERT').find('.fnItemcnt').html(param.itemcnt + " 개");
2480
+	$('#ITP_MODAL_SAVE_LM_ALERT').find('.fnDlvReqAmt').html(param.dlvReqAmt + " 원");
2481
+	if (fn !== undefined || typeof fn !== 'undefined') {
2482
+		$('#ITP_MODAL_ALERT_SAVE_LM_CONFIRM').off('click');
2483
+		$('#ITP_MODAL_ALERT_SAVE_LM_CONFIRM').on('click', function() {
2484
+			fn.callBack(args);
2485
+			$('#ITP_MODAL_LM_ALERT').modal('hide');
2486
+		});
2487
+	}
2488
+};
2460
 function itp_fn_form_clear_validate(modal, form) {
2489
 function itp_fn_form_clear_validate(modal, form) {
2461
 	$(form).find('.itp_ip').removeClass('has-error');
2490
 	$(form).find('.itp_ip').removeClass('has-error');
2462
 	$(form).find('.help-block').remove();
2491
 	$(form).find('.help-block').remove();

+ 153 - 46
src/main/webapp/main.html

@@ -305,33 +305,42 @@
305
 						</div>
305
 						</div>
306
 						<div class="modal-bottom">
306
 						<div class="modal-bottom">
307
 							<button type="button" class="btn btn-default col_4" id="ITP_MODAL_ALERT_CANCEL" data-dismiss="modal">취소</button>
307
 							<button type="button" class="btn btn-default col_4" id="ITP_MODAL_ALERT_CANCEL" data-dismiss="modal">취소</button>
308
-							<button type="button" class="btn btn-primary col_6" id="ITP_MODAL_ALERT_CONFIRM">확인</button>
308
+							<button type="button" class="btn btn-primary col_10" id="ITP_MODAL_ALERT_CONFIRM">확인</button>
309
 						</div>
309
 						</div>
310
 					</div>
310
 					</div>
311
 				</div>
311
 				</div>
312
 			</div>
312
 			</div>
313
-			<!-- 구매요청확인 -->
313
+			<!-- 구매요청확인 --><!-- ITP_MODAL_PR_ALERT -->
314
 			<div id="ITP_MODAL_PR_ALERT" class="modal itp_modal">
314
 			<div id="ITP_MODAL_PR_ALERT" class="modal itp_modal">
315
-				<div class="modal-dialog modal-xs">
315
+				<div class="modal-dialog modal-md">
316
 					<div class="modal-content">
316
 					<div class="modal-content">
317
 						<div class="modal-body">
317
 						<div class="modal-body">
318
-							<div class="text-center" style="margin-top:10px;">
318
+							<div class="text-left" style="margin-top:10px;">
319
 								<div class="itp_alt_box">
319
 								<div class="itp_alt_box">
320
-									<label>납품요청일</label>
321
-									<span>:</span>
322
-									<div class="fnDlvReqDt"></div>
320
+									<div class="itp_label_area">
321
+										<label>납품요청일</label>
322
+									</div>
323
+									<div class="itp_info_area">
324
+										<div class="fnDlvReqDt"></div>
325
+									</div>
323
 								</div>
326
 								</div>
324
 								<div class="itp_alt_box">
327
 								<div class="itp_alt_box">
325
-									<label>품목수</label>
326
-									<span>:</span>
327
-									<div class="fnItemcnt"></div>
328
+									<div class="itp_label_area">
329
+										<label>품목수</label>
330
+									</div>
331
+									<div class="itp_info_area">
332
+										<div class="fnItemcnt"></div>
333
+									</div>
328
 								</div>
334
 								</div>
329
-								<div class="itp_alt_box">
330
-									<label>구매금액</label>
331
-									<span>:</span>
332
-									<div class="fnPchReqAmt"></div>
335
+								<div class="itp_alt_box border">
336
+									<div class="itp_label_area">
337
+										<label>구매금액</label>
338
+									</div>
339
+									<div class="itp_info_area">
340
+										<div class="fnPchReqAmt"></div>
341
+									</div>
333
 								</div>
342
 								</div>
334
-								<label style="margin:10px 0;">구매요청 하시겠습니까?</label>
343
+								<label class="error_info">구매요청 하시겠습니까?</label>
335
 							</div>
344
 							</div>
336
 						</div>
345
 						</div>
337
 						<div class="modal-bottom">
346
 						<div class="modal-bottom">
@@ -341,28 +350,37 @@
341
 					</div>
350
 					</div>
342
 				</div>
351
 				</div>
343
 			</div>
352
 			</div>
344
-			<!-- 선불매장결제확인 -->
353
+			<!-- 선불매장결제확인 --><!-- ITP_MODAL_ADV_ALERT -->
345
 			<div id="ITP_MODAL_ADV_ALERT" class="modal itp_modal">
354
 			<div id="ITP_MODAL_ADV_ALERT" class="modal itp_modal">
346
-				<div class="modal-dialog modal-sm">
355
+				<div class="modal-dialog modal-md">
347
 					<div class="modal-content">		
356
 					<div class="modal-content">		
348
 						<div class="modal-body">
357
 						<div class="modal-body">
349
-							<div class="text-center">
358
+							<div class="text-left">
350
 								<div class="itp_alt_box">
359
 								<div class="itp_alt_box">
351
-									<label>납품요청일</label>
352
-									<span>:</span>
353
-									<div class="fnDlvReqDt"></div>
360
+									<div class="itp_label_area">
361
+										<label>납품요청일</label>
362
+									</div>
363
+									<div class="itp_info_area">
364
+										<div class="fnDlvReqDt"></div>
365
+									</div>
354
 								</div>
366
 								</div>
355
 								<div class="itp_alt_box">
367
 								<div class="itp_alt_box">
356
-									<label>품목수</label>
357
-									<span>:</span>
358
-									<div class="fnItemcnt"></div>
368
+									<div class="itp_label_area">
369
+										<label>품목수</label>
370
+									</div>
371
+									<div class="itp_info_area">
372
+										<div class="fnItemcnt"></div>
373
+									</div>
359
 								</div>
374
 								</div>
360
-								<div class="itp_alt_box">
361
-									<label>추가결재금액</label>
362
-									<span>:</span>
363
-									<div class="fnDlvReqAmt"></div>
375
+								<div class="itp_alt_box border">
376
+									<div class="itp_label_area">
377
+										<label>구매금액</label>
378
+									</div>
379
+									<div class="itp_info_area">
380
+										<div class="fnPchReqAmt"></div>
381
+									</div>
364
 								</div>
382
 								</div>
365
-								<label style="margin:10px 0;">선불매장이므로 결재를 하셔야 구매요청이 진행이 됩니다.<br>결재를 하시겠습니까?</label>
383
+								<label class="error_info">선불매장이므로 결재를 하셔야<br> 구매요청이 진행이 됩니다.<br>결재를 하시겠습니까?</label>
366
 							</div>
384
 							</div>
367
 						</div>
385
 						</div>
368
 						<div class="modal-bottom">
386
 						<div class="modal-bottom">
@@ -372,28 +390,37 @@
372
 					</div>
390
 					</div>
373
 				</div>
391
 				</div>
374
 			</div>
392
 			</div>
375
-			<!-- 구매한도부족알림 -->
393
+			<!-- 구매한도부족알림 --><!-- ITP_MODAL_LM_ALERT -->
376
 			<div id="ITP_MODAL_LM_ALERT" class="modal itp_modal">
394
 			<div id="ITP_MODAL_LM_ALERT" class="modal itp_modal">
377
-				<div class="modal-dialog modal-sm">
395
+				<div class="modal-dialog modal-md">
378
 					<div class="modal-content">
396
 					<div class="modal-content">
379
 						<div class="modal-body">
397
 						<div class="modal-body">
380
-							<div class="text-center">
398
+							<div class="text-left">
381
 								<div class="itp_alt_box">
399
 								<div class="itp_alt_box">
382
-									<label>납품요청일</label>
383
-									<span>:</span>
384
-									<div class="fnDlvReqDt"></div>
400
+									<div class="itp_label_area">
401
+										<label>납품요청일</label>
402
+									</div>
403
+									<div class="itp_info_area">
404
+										<div class="fnDlvReqDt"></div>
405
+									</div>
385
 								</div>
406
 								</div>
386
 								<div class="itp_alt_box">
407
 								<div class="itp_alt_box">
387
-									<label>품목수</label>
388
-									<span>:</span>
389
-									<div class="fnItemcnt"></div>
408
+									<div class="itp_label_area">
409
+										<label>품목수</label>
410
+									</div>
411
+									<div class="itp_info_area">
412
+										<div class="fnItemcnt"></div>
413
+									</div>
390
 								</div>
414
 								</div>
391
-								<div class="itp_alt_box">
392
-									<label>추가결재금액</label>
393
-									<span>:</span>
394
-									<div class="fnDlvReqAmt"></div>
415
+								<div class="itp_alt_box border">
416
+									<div class="itp_label_area">
417
+										<label>구매금액</label>
418
+									</div>
419
+									<div class="itp_info_area">
420
+										<div class="fnPchReqAmt"></div>
421
+									</div>
395
 								</div>
422
 								</div>
396
-								<label style="margin:10px 0; line-height: 1.5;">구매한도가 부족합니다.<br>선결재를 하신 후에 구매요청을 하시기 바랍니다. 결재 버튼을 누르시면 임시 저장 후 결재가 진행이 됩니다. <br>결재를 하시겠습니까?</label>
423
+								<label class="error_info" style="line-height: 1.5;">구매한도가 부족합니다.<br>선결재를 하신 후에 구매요청을 하시기 바랍니다.<br>결재 버튼을 누르시면 임시 저장 후 결재가 진행이 됩니다.<br>결재를 하시겠습니까?</label>
397
 							</div>						
424
 							</div>						
398
 						</div>
425
 						</div>
399
 						<div class="modal-bottom">
426
 						<div class="modal-bottom">
@@ -402,7 +429,87 @@
402
 						</div>
429
 						</div>
403
 					</div>
430
 					</div>
404
 				</div>
431
 				</div>
405
-			</div>			
432
+			</div>		
433
+			<!-- 임시저장-선불매장결제확인 --><!-- ITP_MODAL_SAVE_ADV_ALERT -->
434
+			<div id=ITP_MODAL_SAVE_ADV_ALERT class="modal itp_modal">
435
+				<div class="modal-dialog modal-md">
436
+					<div class="modal-content">		
437
+						<div class="modal-body">
438
+							<div class="text-left">
439
+								<div class="itp_alt_box">
440
+									<div class="itp_label_area">
441
+										<label>납품요청일</label>
442
+									</div>
443
+									<div class="itp_info_area">
444
+										<div class="fnDlvReqDt"></div>
445
+									</div>
446
+								</div>
447
+								<div class="itp_alt_box">
448
+									<div class="itp_label_area">
449
+										<label>품목수</label>
450
+									</div>
451
+									<div class="itp_info_area">
452
+										<div class="fnItemcnt"></div>
453
+									</div>
454
+								</div>
455
+								<div class="itp_alt_box border">
456
+									<div class="itp_label_area">
457
+										<label>구매금액</label>
458
+									</div>
459
+									<div class="itp_info_area">
460
+										<div class="fnPchReqAmt"></div>
461
+									</div>
462
+								</div>
463
+								<label class="error_info">선불매장이므로 입급을 하시고, 입금등록 후 브랜드에서 승인이 되어야 구매요청을 하실 수 있습니다.</label>
464
+							</div>
465
+						</div>
466
+						<div class="modal-bottom">
467
+							<button type="button" class="btn btn-default col_4" id="ITP_MODAL_ALERT_SAVE_ADV_CANCEL" data-dismiss="modal">취소</button>
468
+							<button type="button" class="btn btn-primary col_6" id="ITP_MODAL_ALERT_SAVE_ADV_CONFIRM">임시저장</button>
469
+						</div>
470
+					</div>
471
+				</div>
472
+			</div>
473
+			<!-- 임시저장-구매한도부족알림 --><!-- ITP_MODAL_SAVE_LM_ALERT -->
474
+			<div id="ITP_MODAL_SAVE_LM_ALERT" class="modal itp_modal">
475
+				<div class="modal-dialog modal-md">
476
+					<div class="modal-content">
477
+						<div class="modal-body">
478
+							<div class="text-left">
479
+								<div class="itp_alt_box">
480
+									<div class="itp_label_area">
481
+										<label>납품요청일</label>
482
+									</div>
483
+									<div class="itp_info_area">
484
+										<div class="fnDlvReqDt"></div>
485
+									</div>
486
+								</div>
487
+								<div class="itp_alt_box">
488
+									<div class="itp_label_area">
489
+										<label>품목수</label>
490
+									</div>
491
+									<div class="itp_info_area">
492
+										<div class="fnItemcnt"></div>
493
+									</div>
494
+								</div>
495
+								<div class="itp_alt_box border">
496
+									<div class="itp_label_area">
497
+										<label>구매금액</label>
498
+									</div>
499
+									<div class="itp_info_area">
500
+										<div class="fnPchReqAmt"></div>
501
+									</div>
502
+								</div>
503
+								<label class="error_info" style="line-height: 1.5;">구매한도가 부족합니다.<br>선입금을 하시고, 입금등록 후 브랜드에서 승인이 되어야 구매요청을 하실 수 있습니다.</label>
504
+							</div>						
505
+						</div>
506
+						<div class="modal-bottom">
507
+							<button type="button" class="btn btn-default col_4" id="ITP_MODAL_ALERT_SAVE_LM_CANCEL" data-dismiss="modal">취소</button>
508
+							<button type="button" class="btn btn-primary col_6" id="ITP_MODAL_ALERT_SAVE_LM_CONFIRM">임시저장</button>
509
+						</div>
510
+					</div>
511
+				</div>
512
+			</div>
406
 			<!-- 결제확인 -->
513
 			<!-- 결제확인 -->
407
 			<div id="ITP_MODAL_ALERT_AJAX" class="modal itp_modal">
514
 			<div id="ITP_MODAL_ALERT_AJAX" class="modal itp_modal">
408
 				<div class="modal-dialog modal-sm">
515
 				<div class="modal-dialog modal-sm">
@@ -414,8 +521,8 @@
414
 						<div class="modal-body">
521
 						<div class="modal-body">
415
 							<div class="text-center itp_alert_txt"></div>
522
 							<div class="text-center itp_alert_txt"></div>
416
 						</div>
523
 						</div>
417
-						<div class="modal-footer">
418
-							<button type="button" class="btn btn-primary" id="ITP_MODAL_ALERT_AJAX_CONFIRM">확인</button>
524
+						<div class="modal-bottom">
525
+							<button type="button" class="btn btn-primary col_10" id="ITP_MODAL_ALERT_AJAX_CONFIRM">확인</button>
419
 						</div>
526
 						</div>
420
 					</div>
527
 					</div>
421
 				</div>
528
 				</div>