Quellcode durchsuchen

모바일 html 수정

whakdo963 vor 2 Jahren
Ursprung
Commit
8b42668476

+ 4 - 5
src/main/webapp/mobile/app/mpomng/MPOMNG04010.html

@@ -21,13 +21,12 @@
21 21
 			  <button id="ITP_BTN_MPOMNG04010_POP_SPPLY_NM" class="btn_blue">공급업체 ▼</button>
22 22
 		  </div>
23 23
 		  <div id="ITP_POP_MPOMNG04010_SPPLY_LIST_AREA" class="popup_scroll">
24
-			  <ul id="ITP_POP_MPOMNG04010_SPPLY_LIST_ROWS" class="mb_0 itp_nav"></ul>
24
+			  <ul id="ITP_POP_MPOMNG04010_SPPLY_LIST_ROWS" class="mb_0 panel-group itp_nav"></ul>
25 25
 			  <div id="ITP_POP_MPOMNG04010_SPPLY_LIST_ROWCOPY" style="display: block;">
26 26
 				  <li class="row_2">
27 27
 					  <div class="scroll_left">
28
-						  <div class="fnSpplyNm">공급업체 명A</div>
29
-						  <div class="sub fnLocationNm">서울특별시 동대문구 서울 시립대로 12길</div>
30
-						  <div class="sub fnLocationNm">누리자 B/D</div>
28
+						  <div class="con_2 fnSpplyNm">공급업체 명A</div>
29
+						  <div class="con_2 sub fnStNm">($)</div>
31 30
 					  </div>
32 31
 					  <div class="scroll_right">
33 32
 						  <button id="ITP_BTN_MPOMNG04010_POP_SPPLY_CHOICE" class="fnSpplyId">선택</button>
@@ -81,7 +80,7 @@
81 80
 		  <div class="content">
82 81
 			<div class="line header">
83 82
 			  <div class="itp_search_header"><img src="../img/right_arrow_pink.png" alt="">구매발주현황</div>
84
-			  </div>
83
+		    </div>
85 84
 			<div class="line">
86 85
 			  <label>발주일자</label>
87 86
 			  <div class="date_to date">

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

@@ -5,6 +5,9 @@
5 5
 			<input type="hidden" id="ITP_FORM_MPOMNG05010_LIST_SEARCH_STORE_ID" name="sstoreId" value="">
6 6
 			<input type="hidden" id="ITP_FORM_MPOMNG05010_LIST_SEARCH_IDX" name="sidx" value="0">
7 7
 			<div class="content">
8
+				<div class="line header">
9
+				  <div class="itp_search_header"><img src="../img/right_arrow_pink.png" alt="">납품서현황</div>
10
+			    </div>
8 11
 				<div class="line">
9 12
 					<select class="itp_label_select" name="dtlGubun" id="ITP_FORM_MPOMNG05010_LIST_DTL_GUBUN">
10 13
 						<option value="1">발주생성일</option>

+ 24 - 17
src/main/webapp/mobile/app/mpomng/MPOMNG06010.html

@@ -5,13 +5,12 @@
5 5
 			<input type="hidden" id="ITP_FORM_MPOMNG02010_LIST_SEARCH_STORE_ID" name="sstoreId" value="">
6 6
 			<input type="hidden" id="ITP_FORM_MPOMNG02010_LIST_SEARCH_IDX" name="sidx" value="0">
7 7
 			<div class="content">
8
+				<div class="line header">
9
+				  <div class="itp_search_header"><img src="../img/right_arrow_pink.png" alt="">입고처리</div>
10
+			    </div>
8 11
 				<div class="line">
9 12
 					<label>납품예정일</label>
10 13
 					<div class="date_to">
11
-						<!--<input type="text" id="ITP_FORM_MPOMNG06010_LIST_SEARCH_FROM_DT" class="form-control itp_input" name="fromDt" readonly>
12
-						<span class="input-group-addon itp_date_to">~</span>
13
-						<input type="text" id="ITP_FORM_STINFO02010_SEARCH_TO_DT" class="form-control itp_input" name="toDt" readonly>-->
14
-
15 14
 						<input id="ITP_FORM_MPOMNG06010_LIST_SEARCH_FROM_DT" name="fromDt" class="year" type="date">
16 15
 						<div class="at">~</div>
17 16
 						<input id="ITP_FORM_MPOMNG06010_LIST_SEARCH_TO_DT" name="toDt" class="year" type="date">
@@ -74,6 +73,7 @@
74 73
 							<div class="nomal">
75 74
 								<label>납품번호 </label>
76 75
 								<div class="history">
76
+									<span>:</span>
77 77
 									<div class="fnDlvSttmtUnqNo"></div>
78 78
 								</div>
79 79
 							</div>
@@ -82,6 +82,7 @@
82 82
 							<div class="nomal">
83 83
 								<label class="history_label">납품예정일</label>
84 84
 								<div class="history">
85
+									<span>:</span>
85 86
 									<div class="fnDlvSchDt history_info"></div>
86 87
 								</div>
87 88
 							</div>
@@ -90,10 +91,12 @@
90 91
 							<div class="nomal">
91 92
 								<label>공급업체</label>
92 93
 								<div class="history">
94
+									<span>:</span>
93 95
 									<div class="fnSpplyNm history_info"></div>
94 96
 								</div>
95 97
 								<label class="sub_info">납품장소</label>
96 98
 								<div class="history">
99
+									<span>:</span>
97 100
 									<div class="fnWhsNm"></div>
98 101
 								</div>
99 102
 							</div>
@@ -102,6 +105,7 @@
102 105
 							<div class="nomal">
103 106
 								<label>품목 </label>
104 107
 								<div class="history">
108
+									<span>:</span>
105 109
 									<div class="fnItemNm">(EA)</div>
106 110
 								</div>
107 111
 							</div>
@@ -110,10 +114,12 @@
110 114
 							<div class="nomal">
111 115
 								<label>납품수량</label>
112 116
 								<div class="history">
117
+									<span>:</span>
113 118
 									<div class="fnDlvQty history_info">10</div>
114 119
 								</div>
115 120
 								<label class="sub_info">입고수량</label>
116 121
 								<div class="history">
122
+									<span>:</span>
117 123
 									<input id="ITP_FORM_MPOMNG06010_LIST_WHS_QTY" class="fnWhsQty" name="whsQty" type="text" placeholder="10">
118 124
 								</div>
119 125
 							</div>
@@ -132,7 +138,7 @@
132 138
 		<div class="pop">
133 139
 			<div class="header">
134 140
 				<div class="header_left">
135
-					<label>> 공급업체</label>
141
+					<label>공급업체</label>
136 142
 				</div>
137 143
 				<div class="header_right">
138 144
 					<button type="button" id="ITP_BTN_MPOMNG06010_POP_SPPLY_CLOSE"><img src="../img/close.png"></button>
@@ -146,16 +152,16 @@
146 152
 					<button id="ITP_BTN_MPOMNG06010_POP_SPPLY_SEARCH"><img src="../img/search.png"></button>
147 153
 				</form>
148 154
 			</div>
149
-			<div class="search_bar">
155
+			<div class="select_btn">
150 156
 				<button id="ITP_BTN_MPOMNG06010_POP_SPPLY_NM" class="btn_blue">공급업체▼</button>
151 157
 			</div>
152 158
 			<div id="ITP_POP_MPOMNG06010_LIST_SPPLY_AREA" class="popup_scroll">
153
-				<ul id="ITP_POP_MPOMNG06010_LIST_SPPLY_ROWS" class="panel-group itp_nav"></ul>
154
-				<div id="ITP_POP_MPOMNG06010_LIST_SPPLY_ROWCOPY" style="display: none;">
155
-					<li class="list-row">
159
+				<ul id="ITP_POP_MPOMNG06010_LIST_SPPLY_ROWS" class="mb_0 panel-group itp_nav"></ul>
160
+				<div id="ITP_POP_MPOMNG06010_LIST_SPPLY_ROWCOPY" style="display: block;">
161
+					<li class="row_2">
156 162
 						<div class="scroll_left">
157
-							<div class="fnSpplyNm">공급업체 명A</div>
158
-							<div class="fnStNm">($)</div>
163
+							<div class="con_2 fnSpplyNm">공급업체 명A</div>
164
+							<div class="con_2 fnStNm">($)</div>
159 165
 						</div>
160 166
 						<div class="scroll_right">
161 167
 							<button id="ITP_BTN_MPOMNG06010_POP_SPPLY_CHOICE" class="fnSpplyId" data-item-key="">선택</button>
@@ -183,16 +189,17 @@
183 189
 					<button id="ITP_BTN_MPOMNG06010_POP_WHS_SEARCH"><img src="../img/search.png"></button>
184 190
 				</form>
185 191
 			</div>
186
-			<div class="search_bar">
192
+			<div class="select_btn">
187 193
 				<button id="ITP_BTN_MPOMNG06010_POP_WHS_NM" class="btn_blue">납품장소▼</button>
188 194
 			</div>
189 195
 			<div id="ITP_LIST_MPOMNG06010_POP_WHS_AREA" class="popup_scroll">
190
-				<ul id="ITP_LIST_MPOMNG06010_POP_WHS_ROWS" class="panel-group itp_nav"></ul>
191
-				<div id="ITP_LIST_MPOMNG06010_POP_WHS_ROWCOPY" style="display:none;">
192
-					<li class="list-row">
196
+				<ul id="ITP_LIST_MPOMNG06010_POP_WHS_ROWS" class="mb_0 panel-group itp_nav"></ul>
197
+				<div id="ITP_LIST_MPOMNG06010_POP_WHS_ROWCOPY" style="display: block;">
198
+					<li class="row_2">
193 199
 						<div class="scroll_left">
194
-							<div class="fnWhsNm">브랜드 창고 명A</div>
195
-							<div class="fnLocationNm">(상세위치내용)</div>
200
+						  <div class="fnWhsNm">브랜드 창고 명A</div>
201
+						  <div class="sub fnLocationNm">서울특별시 동대문구 서울 시립대로 12길</div>
202
+						  <div class="sub fnLocationNm">누리자 B/D</div>
196 203
 						</div>
197 204
 						<div class="scroll_right">
198 205
 							<button id="ITP_BTN_MPOMNG06010_POP_WHS_CHOICE" class="fnWhsId" data-whs-id="">선택</button>

+ 46 - 39
src/main/webapp/mobile/app/mpomng/MPOMNG07010.html

@@ -5,6 +5,9 @@
5 5
 			<input type="hidden" id="ITP_FORM_MPOMNG07010_LIST_SEARCH_STORE_ID" name="sstoreId" value="">
6 6
 			<input type="hidden" id="ITP_FORM_MPOMNG07010_LIST_SEARCH_IDX" name="sidx" value="0">
7 7
 	    <div class="content">
8
+    	  <div class="line header">
9
+    	  	<div class="itp_search_header"><img src="../img/right_arrow_pink.png" alt="">입고현황</div>
10
+	      </div>
8 11
 	      <div class="line">
9 12
 			  <label>입고일자</label>
10 13
 	        <div class="date_to">
@@ -15,44 +18,40 @@
15 18
 	      </div>
16 19
 	      <div class="line">
17 20
 	        <label>발주번호</label>
18
-	        <div class="search_wrap">
19
-		        <div class="line_right">
20
-		          <input id="ITP_FORM_MPOMNG07010_LIST_PCH_PODR_UNQ_NO" name="spchPodrUnqNo" type="text">
21
-		        </div>
22
-		    </div>    
21
+	        <div class="float_left">
22
+	          <input id="ITP_FORM_MPOMNG07010_LIST_PCH_PODR_UNQ_NO" name="spchPodrUnqNo" type="text">
23
+	        </div>
23 24
 	      </div>
24 25
 			<div class="line">
25 26
 				<label>공급업체</label>
26
-				<div class="search_nm">
27
-					<div class="float_left">
28
-						<input type="text" id="ITP_FORM_MPOMNG07010_LIST_SEARCH_SPPLY_NM" name="sspplyNm" placeholder="A공급업체명" readonly>
29
-						<input type="hidden" id="ITP_FORM_MPOMNG07010_LIST_SEARCH_SPPLY_ID" class="" name="sspplyId" />
30
-					</div>
31
-					<div class="float_left_btn">
27
+				<div class="float_left">
28
+					<input type="text" id="ITP_FORM_MPOMNG07010_LIST_SEARCH_SPPLY_NM" name="sspplyNm" placeholder="A공급업체명" readonly>
29
+					<input type="hidden" id="ITP_FORM_MPOMNG07010_LIST_SEARCH_SPPLY_ID" class="" name="sspplyId" />
30
+       				<div class="itp_input_btn">
32 31
 						<button id="ITP_BTN_MPOMNG07010_LIST_SEARCH_SPPLY_NM"><img src="../img/search.png" alt=""></button>
33
-						<button id="ITP_BTN_MPOMNG07010_LIST_DELETE_SPPLY_NM"><img src="../img/delete.png" alt=""></button>
34 32
 					</div>
35 33
 				</div>
34
+				<div class="float_right_btn">
35
+					<button id="ITP_BTN_MPOMNG07010_LIST_DELETE_SPPLY_NM"><img src="../img/delete.png" alt=""></button>
36
+				</div>
36 37
 			</div>
37 38
 			<div class="line">
38 39
 				<label>납품장소</label>
39
-				<div class="search_nm">
40
-					<div class="float_left">
41
-						<input type="text" id="ITP_FORM_MPOMNG07010_LIST_SEARCH_WHS_NM" class="" name="swhsNm" placeholder="매장명" readonly />
42
-						<input type="hidden" id="ITP_FORM_MPOMNG07010_LIST_SEARCH_WHS_ID" class="" name="swhsId" />
43
-					</div>
44
-					<div class="float_left_btn">
40
+				<div class="float_left">
41
+					<input type="text" id="ITP_FORM_MPOMNG07010_LIST_SEARCH_WHS_NM" class="" name="swhsNm" placeholder="매장명" readonly />
42
+					<input type="hidden" id="ITP_FORM_MPOMNG07010_LIST_SEARCH_WHS_ID" class="" name="swhsId" />
43
+       				<div class="itp_input_btn">
45 44
 						<button id="ITP_BTN_MPOMNG07010_LIST_SEARCH_WHS_NM"><img src="../img/search.png" alt=""></button>
46
-						<button id="ITP_BTN_MPOMNG07010_LIST_DELETE_WHS_NM"><img src="../img/delete.png" alt=""></button>
47 45
 					</div>
48 46
 				</div>
47
+				<div class="float_right_btn">
48
+					<button id="ITP_BTN_MPOMNG07010_LIST_DELETE_WHS_NM"><img src="../img/delete.png" alt=""></button>
49
+				</div>
49 50
 			</div>
50 51
 	      <div class="line">
51 52
 	        <label>품목명</label>
52
-	       	<div class="search_wrap">
53
-		        <div class="float_left">
54
-		          <input id="ITP_FORM_MPOMNG07010_LIST_ITEM_NM" name="sitemNm" style="width: 262px;" type="text" placeholder="품목명">
55
-		        </div>
53
+	        <div class="float_left">
54
+	          <input id="ITP_FORM_MPOMNG07010_LIST_ITEM_NM" name="sitemNm" type="text" placeholder="품목명">
56 55
 	        </div>
57 56
 	      </div>
58 57
 	      <div class="line" style="height:50px;">
@@ -65,14 +64,15 @@
65 64
 	      </div>
66 65
 	    </div>
67 66
       <div id="ITP_LIST_MPOMNG07010_LIST_ITEM_AREA" class="scroll_area row-4">
68
-        <ul id="ITP_LIST_MPOMNG07010_LIST_ITEM_ROWS" class="panel-group"></ul>
69
-        	<div id="ITP_LIST_MPOMNG07010_LIST_ITEM_ROWCOPY" style="display: none;">
70
-		      <li class="history_list2 list-row">
67
+        <ul id="ITP_LIST_MPOMNG07010_LIST_ITEM_ROWS" class="mb_0 panel-group"></ul>
68
+        	<div id="ITP_LIST_MPOMNG07010_LIST_ITEM_ROWCOPY" style="display: block;">
69
+		      <li class="history_list2">
71 70
 		        <div class="left">
72 71
 		          <div class="nomal">
73 72
 		            <label>발주번호 </label>
74 73
 		            <div class="history">
75
-		              <div class="fnPchPodrUnqNo"></div>
74
+		           		<span>:</span>
75
+		              	<div class="fnPchPodrUnqNo"></div>
76 76
 		            </div>
77 77
 		          </div>
78 78
 		        </div>
@@ -80,6 +80,7 @@
80 80
 		          <div class="nomal">
81 81
 		            <label class="history_label">입고일자</label>
82 82
 		            <div class="history">
83
+		              <span>:</span>
83 84
 		              <div class="fnDlvCmpltDt history_info"></div>
84 85
 		            </div>
85 86
 		          </div>
@@ -88,10 +89,12 @@
88 89
 		          <div class="nomal">
89 90
 		            <label>공급업체</label>
90 91
 		            <div class="history">
92
+		              <span>:</span>
91 93
 		              <div class="fnSpplyNm history_info"></div>
92 94
 		            </div>
93 95
 		            <label class="sub_info">납품장소</label>
94 96
 		            <div class="history">
97
+		           	  <span>:</span>
95 98
 		              <div class="fnDlvPlace"></div>
96 99
 		            </div>
97 100
 		          </div>
@@ -100,6 +103,7 @@
100 103
 		          <div class="nomal">
101 104
 		            <label>품목 </label>
102 105
 		            <div class="history">
106
+		              <span>:</span>
103 107
 		              <div class="fnItemNm">품목명(EA)</div> 
104 108
 		            </div>
105 109
 		          </div>
@@ -108,10 +112,12 @@
108 112
 		          <div class="nomal">
109 113
 		            <label>발주수량</label>
110 114
 		            <div class="history">
115
+		              <span>:</span>
111 116
 		              <div class="fnPodrQty history_info"></div>
112 117
 		            </div>
113 118
 		            <label class="sub_info">입고수량</label>
114 119
 		            <div class="history">
120
+		              <span>:</span>
115 121
 		              <div class="fnWhsQty"></div>
116 122
 		            </div>
117 123
 		          </div>
@@ -126,7 +132,7 @@
126 132
 		<div class="pop">
127 133
 			<div class="header">
128 134
 				<div class="header_left">
129
-					<label>> 공급업체</label>
135
+					<label>공급업체</label>
130 136
 				</div>
131 137
 				<div class="header_right">
132 138
 					<button type="button" id="ITP_BTN_MPOMNG07010_POP_SPPLY_CLOSE"><img src="../img/close.png"></button>
@@ -140,16 +146,16 @@
140 146
 					<button id="ITP_BTN_MPOMNG07010_POP_SPPLY_SEARCH"><img src="../img/search.png"></button>
141 147
 				</form>
142 148
 			</div>
143
-			<div class="search_bar">
149
+			<div class="select_btn">
144 150
 				<button id="ITP_BTN_MPOMNG07010_POP_SPPLY_NM" class="btn_blue">공급업체▼</button>
145 151
 			</div>
146 152
 			<div id="ITP_POP_MPOMNG07010_LIST_SPPLY_AREA" class="popup_scroll">
147
-				<ul id="ITP_POP_MPOMNG07010_LIST_SPPLY_ROWS" class="panel-group itp_nav"></ul>
148
-				<div id="ITP_POP_MPOMNG07010_LIST_SPPLY_ROWCOPY" style="display: none;">
149
-					<li class="list-row">
153
+				<ul id="ITP_POP_MPOMNG07010_LIST_SPPLY_ROWS" class="mb_0 panel-group itp_nav"></ul>
154
+				<div id="ITP_POP_MPOMNG07010_LIST_SPPLY_ROWCOPY" style="display: block;">
155
+					<li class="row_2">
150 156
 						<div class="scroll_left">
151
-							<div class="fnSpplyNm">공급업체 명A</div>
152
-							<div class="fnStNm">($)</div>
157
+							<div class="con_2 fnSpplyNm">공급업체 명A</div>
158
+							<div class="con_2 fnStNm">($)</div>
153 159
 						</div>
154 160
 						<div class="scroll_right">
155 161
 							<button id="ITP_BTN_MPOMNG07010_POP_SPPLY_CHOICE" class="fnSpplyId" data-item-key="">선택</button>
@@ -163,7 +169,7 @@
163 169
 		<div class="pop">
164 170
 			<div class="header">
165 171
 				<div class="header_left">
166
-					<label>> 납품장소</label>
172
+					<label>납품장소</label>
167 173
 				</div>
168 174
 				<div class="header_right">
169 175
 					<button type="button" id="ITP_BTN_MPOMNG07010_POP_WHS_CLOSE"><img src="../img/close.png"></button>
@@ -177,16 +183,17 @@
177 183
 					<button id="ITP_BTN_MPOMNG07010_POP_WHS_SEARCH"><img src="../img/search.png"></button>
178 184
 				</form>
179 185
 			</div>
180
-			<div class="search_bar">
186
+			<div class="select_btn">
181 187
 				<button id="ITP_BTN_MPOMNG07010_POP_WHS_NM" class="btn_blue">납품장소▼</button>
182 188
 			</div>
183 189
 			<div id="ITP_LIST_MPOMNG07010_POP_WHS_AREA" class="popup_scroll">
184
-				<ul id="ITP_LIST_MPOMNG07010_POP_WHS_ROWS" class="panel-group itp_nav"></ul>
185
-				<div id="ITP_LIST_MPOMNG07010_POP_WHS_ROWCOPY" style="display:none;">
186
-					<li class="list-row">
190
+				<ul id="ITP_LIST_MPOMNG07010_POP_WHS_ROWS" class="mb_0 panel-group itp_nav"></ul>
191
+				<div id="ITP_LIST_MPOMNG07010_POP_WHS_ROWCOPY" style="display: block;">
192
+					<li class="row_2">
187 193
 						<div class="scroll_left">
188 194
 							<div class="fnWhsNm">브랜드 창고 명A</div>
189 195
 							<div class="fnLocationNm">(상세위치내용)</div>
196
+							<div class="sub fnLocationNm">누리자 B/D</div>
190 197
 						</div>
191 198
 						<div class="scroll_right">
192 199
 							<button id="ITP_BTN_MPOMNG07010_POP_WHS_CHOICE" class="fnWhsId" data-whs-id="">선택</button>

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

@@ -369,7 +369,7 @@ input .day {margin: 18%; width: 45%; height: 80px; float: right;}
369 369
 .row-2{top: 300px;}
370 370
 
371 371
 .row-3{top: 395px;}
372
-.row-4{top: 385px;}
372
+.row-4{top: 440px;}
373 373
 .row-5{top: 418px;}
374 374
 .row-6{top: 468px;}
375 375
 .row-7{top: 533px;}
@@ -500,11 +500,9 @@ input .day {margin: 18%; width: 45%; height: 80px; float: right;}
500 500
 	.content .line .float_left {width:70%;}
501 501
 	.content .line div.date_to {width:70%;}
502 502
 	.content .line div.date_to input {width:45%}
503
-	.content .line {margin:-5px 3%;}
504 503
 	.content .line .float_left.name {width:76%;}
505 504
 	.modal-dialog {margin:auto 20% !important;}
506 505
 	.scroll_area li .left_info .thick {width: 90%;}
507
-	
508 506
 }
509 507
 @media screen and (max-height: 720px) {
510 508
 	#ITP_LOGIN {position:fixed; top:80px; max-width: 500px; margin: 0 auto;}