Browse Source

스크롤 영역수정

whakdo963 2 years ago
parent
commit
7ba2b41a10

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

@@ -1,6 +1,6 @@
1
 <section id="ITP_MOBILE_MSTOCKMNG01010">
1
 <section id="ITP_MOBILE_MSTOCKMNG01010">
2
 	<div id="ITP_AJAX_MSTOCKMNG01010_LIST_CONTAINER">
2
 	<div id="ITP_AJAX_MSTOCKMNG01010_LIST_CONTAINER">
3
-	  <form id="ITP_FORM_MSTOCKMNG01010_LIST_SEARCH" class="form-horizontal" onsubmit="return false;">
3
+	  <form id="ITP_FORM_MSTOCKMNG01010_LIST_SEARCH" class="area_full form-horizontal" onsubmit="return false;">
4
 		  <input type="hidden" id="ITP_FORM_MSTOCKMNG01010_LIST_SEARCH_BRAND_ID" name="sbrandId" value="">
4
 		  <input type="hidden" id="ITP_FORM_MSTOCKMNG01010_LIST_SEARCH_BRAND_ID" name="sbrandId" value="">
5
 		  <input type="hidden" id="ITP_FORM_MSTOCKMNG01010_LIST_SEARCH_STORE_ID" name="sstoreId" value="">
5
 		  <input type="hidden" id="ITP_FORM_MSTOCKMNG01010_LIST_SEARCH_STORE_ID" name="sstoreId" value="">
6
 		  <div class="content">
6
 		  <div class="content">
@@ -48,47 +48,47 @@
48
 			<div id="ITP_LIST_MSTOCKMNG01010_LIST_ITEM_AREA" class="scroll_area row-12">
48
 			<div id="ITP_LIST_MSTOCKMNG01010_LIST_ITEM_AREA" class="scroll_area row-12">
49
 			  <ul id="ITP_LIST_MSTOCKMNG01010_LIST_ITEM_ROWS" class="mb_0 panel-group"></ul>
49
 			  <ul id="ITP_LIST_MSTOCKMNG01010_LIST_ITEM_ROWS" class="mb_0 panel-group"></ul>
50
 			  <div id="ITP_LIST_MSTOCKMNG01010_LIST_ITEM_ROWCOPY" style="display: none;"><!-- style="display: grid;" -->
50
 			  <div id="ITP_LIST_MSTOCKMNG01010_LIST_ITEM_ROWCOPY" style="display: none;"><!-- style="display: grid;" -->
51
-				<li class="history_list2 item-row">
51
+				<li class="history_list4 item-row">
52
 					<div class="left">
52
 					<div class="left">
53
 					  <div class="nomal over">
53
 					  <div class="nomal over">
54
-						<label class="col_3">창고명</label>
54
+						<label class="col_4">창고명</label>
55
 						<span>:</span>
55
 						<span>:</span>
56
-					    <div class="col_0 fnWhsNm"></div>
57
-					    <div class="col_0 fnLocationNm"></div>
56
+					    <div class="auto fnWhsNm"></div>
57
+					    <div class="text_two fnLocationNm"></div>
58
 					  </div>
58
 					  </div>
59
 					</div>
59
 					</div>
60
 				    <div class="left">
60
 				    <div class="left">
61
 					  <div class="nomal">
61
 					  <div class="nomal">
62
-						  <label class="col_3">품목번호</label>
62
+						  <label class="col_4">품목번호</label>
63
 						  <span>:</span>
63
 						  <span>:</span>
64
 						  <div class="full fnItemId"></div>
64
 						  <div class="full fnItemId"></div>
65
 					  </div>
65
 					  </div>
66
 				    </div>
66
 				    </div>
67
 					<div class="left">
67
 					<div class="left">
68
 					  <div class="nomal">
68
 					  <div class="nomal">
69
-				    	<label class="col_3">품목명</label>
69
+				    	<label class="col_4">품목명</label>
70
 				    	<span>:</span>
70
 				    	<span>:</span>
71
 		  		  		<div class="full fnItemNm"></div>
71
 		  		  		<div class="full fnItemNm"></div>
72
 					  </div>
72
 					  </div>
73
 					</div>
73
 					</div>
74
 					<div class="left">
74
 					<div class="left">
75
 					  <div class="nomal">
75
 					  <div class="nomal">
76
-						<label class="col_3">단위</label>
76
+						<label class="col_4">단위</label>
77
 						<span>:</span>
77
 						<span>:</span>
78
 					    <div class="fnUnit"></div>
78
 					    <div class="fnUnit"></div>
79
 						<label>현재고수량</label>
79
 						<label>현재고수량</label>
80
 						<span>:</span>
80
 						<span>:</span>
81
-					    <div class="col_9 fnStckQty"></div>
81
+					    <div class="fnStckQty"></div>
82
 					  </div>
82
 					  </div>
83
 					</div>
83
 					</div>
84
 					<div class="left">
84
 					<div class="left">
85
 					  <div class="nomal">
85
 					  <div class="nomal">
86
-						<label>적정재고수량</label>
86
+						<label class="col_6">적정재고수량</label>
87
 						<span>:</span>
87
 						<span>:</span>
88
 					    <div class="fnPrpStckQty"></div>
88
 					    <div class="fnPrpStckQty"></div>
89
-						<label>안전재고비율(%)</label>
89
+						<label class="col_8">안전재고비율(%)</label>
90
 						<span>:</span>
90
 						<span>:</span>
91
-					    <div class="col_2 fnSftStckRt"></div>
91
+					    <div class="fnSftStckRt"></div>
92
 					  </div>
92
 					  </div>
93
 					</div>
93
 					</div>
94
 				</li>
94
 				</li>

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

@@ -1,6 +1,6 @@
1
 <section id="ITP_MOBILE_MSTOCKMNG02010">
1
 <section id="ITP_MOBILE_MSTOCKMNG02010">
2
 	<div id="ITP_AJAX_MSTOCKMNG02010_LIST_CONTAINER">
2
 	<div id="ITP_AJAX_MSTOCKMNG02010_LIST_CONTAINER">
3
-	 <form id="ITP_FORM_MSTOCKMNG02010_LIST_SEARCH" class="form-horizontal" onsubmit="return false;">
3
+	 <form id="ITP_FORM_MSTOCKMNG02010_LIST_SEARCH" class="put_btn form-horizontal" onsubmit="return false;">
4
 		 <input type="hidden" id="ITP_FORM_MSTOCKMNG02010_LIST_SEARCH_BRAND_ID" name="brandId" value="">
4
 		 <input type="hidden" id="ITP_FORM_MSTOCKMNG02010_LIST_SEARCH_BRAND_ID" name="brandId" value="">
5
 		 <input type="hidden" id="ITP_FORM_MSTOCKMNG02010_LIST_SEARCH_STORE_ID" name="storeId" value="">
5
 		 <input type="hidden" id="ITP_FORM_MSTOCKMNG02010_LIST_SEARCH_STORE_ID" name="storeId" value="">
6
 		  <div class="content">
6
 		  <div class="content">
@@ -53,17 +53,17 @@
53
 			<div id="ITP_LIST_MSTOCKMNG02010_LIST_ITEM_AREA" class="scroll_area row-4">
53
 			<div id="ITP_LIST_MSTOCKMNG02010_LIST_ITEM_AREA" class="scroll_area row-4">
54
 			  <ul id="ITP_LIST_MSTOCKMNG02010_LIST_ITEM_ROWS" class="mb_0 panel-group"></ul>
54
 			  <ul id="ITP_LIST_MSTOCKMNG02010_LIST_ITEM_ROWS" class="mb_0 panel-group"></ul>
55
 			  <div id="ITP_LIST_MSTOCKMNG02010_LIST_ITEM_ROWCOPY" style="display: none;">
55
 			  <div id="ITP_LIST_MSTOCKMNG02010_LIST_ITEM_ROWCOPY" style="display: none;">
56
-				<li class="history_list8 item-row">
56
+				<li class="history_list10 item-row">
57
 					<div class="left">
57
 					<div class="left">
58
 					  <div class="nomal">
58
 					  <div class="nomal">
59
-						<label class="col_3">품목번호</label>
59
+						<label class="">품목번호</label>
60
 						<span>:</span>
60
 						<span>:</span>
61
 					    <div class="full fnItemId" data-normal-yn="Y"></div>
61
 					    <div class="full fnItemId" data-normal-yn="Y"></div>
62
 					  </div>
62
 					  </div>
63
 					</div>
63
 					</div>
64
 					<div class="left">
64
 					<div class="left">
65
 					  <div class="nomal">
65
 					  <div class="nomal">
66
-						<label class="col_3">품목명</label>
66
+						<label class="">품목명</label>
67
 						<span>:</span>
67
 						<span>:</span>
68
 					    <div class="full fnItemNm"></div>
68
 					    <div class="full fnItemNm"></div>
69
 					  </div>
69
 					  </div>

+ 3 - 1
src/main/webapp/mobile/css/style.css

@@ -528,7 +528,7 @@ input .day {margin: 18%; width: 45%; height: 80px; float: right;}
528
 .scroll_area li .left .nomal .btn_bar button{width: 25px; height: 30px; font-size: 1rem; padding: 0;}
528
 .scroll_area li .left .nomal .btn_bar button{width: 25px; height: 30px; font-size: 1rem; padding: 0;}
529
 .scroll_area li .left .nomal .btn_bar .col_0{min-width: auto; margin: 5px 20px;}
529
 .scroll_area li .left .nomal .btn_bar .col_0{min-width: auto; margin: 5px 20px;}
530
 
530
 
531
-.scroll_area li .left .nomal .m_btn_bar{position: relative; display:inline-flex; width: 100px; height:25px; font-size: 12pt;}
531
+.scroll_area li .left .nomal .m_btn_bar{position: relative; display:inline-flex; width: 80px; height:25px; font-size: 12pt; margin-left:10px;}
532
 .scroll_area li .left .nomal .m_btn_bar button{width: 20px; height: 25px; font-size: 12pt; padding: 0; border:1px solid #E0B8AB; background: #e1cac1; color:#fff;}
532
 .scroll_area li .left .nomal .m_btn_bar button{width: 20px; height: 25px; font-size: 12pt; padding: 0; border:1px solid #E0B8AB; background: #e1cac1; color:#fff;}
533
 .scroll_area li .left .nomal .m_btn_bar button div{position:relative; width:10px; top:-2px; left:2px;}
533
 .scroll_area li .left .nomal .m_btn_bar button div{position:relative; width:10px; top:-2px; left:2px;}
534
 .scroll_area li .left .nomal .m_btn_bar .col_0{width: 40px; text-align:center; border-top:1px solid #E0B8AB; border-bottom:1px solid #E0B8AB;}
534
 .scroll_area li .left .nomal .m_btn_bar .col_0{width: 40px; text-align:center; border-top:1px solid #E0B8AB; border-bottom:1px solid #E0B8AB;}
@@ -541,12 +541,14 @@ input .day {margin: 18%; width: 45%; height: 80px; float: right;}
541
 .scroll_area li .left .nomal label.col_4{min-width: 65px;}
541
 .scroll_area li .left .nomal label.col_4{min-width: 65px;}
542
 .scroll_area li .left .nomal label.col_6{min-width: 95px;}
542
 .scroll_area li .left .nomal label.col_6{min-width: 95px;}
543
 .scroll_area li .left .nomal label.col_7{min-width: 105px;}
543
 .scroll_area li .left .nomal label.col_7{min-width: 105px;}
544
+.scroll_area li .left .nomal label.col_8{min-width: 115px;}
544
 .scroll_area li .left .nomal.over{text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
545
 .scroll_area li .left .nomal.over{text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
545
 .scroll_area li .left .nomal i{width: 50px; text-align: center;}
546
 .scroll_area li .left .nomal i{width: 50px; text-align: center;}
546
 .scroll_area li .left .nomal div{text-overflow:ellipsis; overflow:hidden; white-space:nowrap; text-align:left; font-weight: 700; font-size: 12pt; width:calc(50% - 85px);}
547
 .scroll_area li .left .nomal div{text-overflow:ellipsis; overflow:hidden; white-space:nowrap; text-align:left; font-weight: 700; font-size: 12pt; width:calc(50% - 85px);}
547
 .scroll_area li .left .nomal .text_6{width:calc(50% - 108px);}
548
 .scroll_area li .left .nomal .text_6{width:calc(50% - 108px);}
548
 .scroll_area li .left .nomal .text_4{width:calc(50% - 69px);}
549
 .scroll_area li .left .nomal .text_4{width:calc(50% - 69px);}
549
 .scroll_area li .left .nomal .text_btn{width:calc(50% - 56px);}
550
 .scroll_area li .left .nomal .text_btn{width:calc(50% - 56px);}
551
+.scroll_area li .left .nomal .text_two{width:calc(50% - 56px);}
550
 
552
 
551
 .scroll_area li .left .nomal div.full{width:calc(100% - 85px);}
553
 .scroll_area li .left .nomal div.full{width:calc(100% - 85px);}
552
 .scroll_area li .left .nomal div.full_s{width:calc(100% - 45px);}
554
 .scroll_area li .left .nomal div.full_s{width:calc(100% - 45px);}