tolag3/mjon_git
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

2024/07/19 주소록관리 > 주소록 대량등록 select 추가

Browse Source
This commit is contained in:
subsub 2024-07-19 11:18:41 +09:00
parent e667239c18
commit 725b108708
2 changed files with 120 additions and 25 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

136
src/main/webapp/publish/adrbook1.html
View File

@ -99,61 +99,153 @@
<!-- table -->
<div class="adr_excel">
<!-- thead -->
<div class="adr_hd select_adr_hd">
<div></div>
<div>
<label for="" class="label"></label>
<select name="" id="">
<option value="">선택하기</option>
<option value="">이름</option>
<option value="">휴대폰</option>
<option value="">[*1*]</option>
<option value="">[*2*]</option>
<option value="">[*3*]</option>
<option value="">[*4*]</option>
<option value="">메모</option>
</select>
</div>
<div>
<label for="" class="label"></label>
<select name="" id="">
<option value="">선택하기</option>
<option value="">이름</option>
<option value="">휴대폰</option>
<option value="">[*1*]</option>
<option value="">[*2*]</option>
<option value="">[*3*]</option>
<option value="">[*4*]</option>
<option value="">메모</option>
</select>
</div>
<div>
<label for="" class="label"></label>
<select name="" id="">
<option value="">이름</option>
<option value="">휴대폰</option>
<option value="">[*1*]</option>
<option value="">[*2*]</option>
<option value="">[*3*]</option>
<option value="">[*4*]</option>
<option value="">메모</option>
</select>
</div>
<div>
<label for="" class="label"></label>
<select name="" id="">
<option value="">선택하기</option>
<option value="">이름</option>
<option value="">휴대폰</option>
<option value="">[*1*]</option>
<option value="">[*2*]</option>
<option value="">[*3*]</option>
<option value="">[*4*]</option>
<option value="">메모</option>
</select>
</div>
<div>
<label for="" class="label"></label>
<select name="" id="">
<option value="">선택하기</option>
<option value="">이름</option>
<option value="">휴대폰</option>
<option value="">[*1*]</option>
<option value="">[*2*]</option>
<option value="">[*3*]</option>
<option value="">[*4*]</option>
<option value="">메모</option>
</select>
</div>
<div>
<label for="" class="label"></label>
<select name="" id="">
<option value="">선택하기</option>
<option value="">이름</option>
<option value="">휴대폰</option>
<option value="">[*1*]</option>
<option value="">[*2*]</option>
<option value="">[*3*]</option>
<option value="">[*4*]</option>
<option value="">메모</option>
</select>
</div>
<div>
<label for="" class="label"></label>
<select name="" id="">
<option value="">선택하기</option>
<option value="">이름</option>
<option value="">휴대폰</option>
<option value="">[*1*]</option>
<option value="">[*2*]</option>
<option value="">[*3*]</option>
<option value="">[*4*]</option>
<option value="">메모</option>
</select>
</div>
</div>
<div class="adr_hd">
<div>
<label for="" class="label">전체 선택</label>
<input type="checkbox">
</div>
<div>
구분
A
<div class="sort_wrap">
<button type="button"><img src="/publish/images/sortUp.png"alt="오름차순으로 분류"></button>
<button type="button"><img src="/publish/images/sortDown.png"alt="내림차순으로 분류"></button>
</div>
</div>
<div>
이름
B
<div class="sort_wrap">
<button type="button"><img src="/publish/images/sortUp.png"alt="오름차순으로 분류"></button>
<button type="button"><img src="/publish/images/sortDown.png"alt="내림차순으로 분류"></button>
</div>
</div>
<div>
휴대폰
C
<div class="sort_wrap">
<button type="button"><img src="/publish/images/sortUp.png"alt="오름차순으로 분류"></button>
<button type="button"><img src="/publish/images/sortDown.png"alt="내림차순으로 분류"></button>
</div>
</div>
<div>
[*1*]
D
<div class="sort_wrap">
<button type="button"><img src="/publish/images/sortUp.png"alt="오름차순으로 분류"></button>
<button type="button"><img src="/publish/images/sortDown.png"alt="내림차순으로 분류"></button>
</div>
</div>
<div>
[*2*]
E
<div class="sort_wrap">
<button type="button"><img src="/publish/images/sortUp.png"alt="오름차순으로 분류"></button>
<button type="button"><img src="/publish/images/sortDown.png"alt="내림차순으로 분류"></button>
</div>
</div>
<div>
[*3*]
F
<div class="sort_wrap">
<button type="button"><img src="/publish/images/sortUp.png"alt="오름차순으로 분류"></button>
<button type="button"><img src="/publish/images/sortDown.png"alt="내림차순으로 분류"></button>
</div>
</div>
<div>
[*4*]
G
<div class="sort_wrap">
<button type="button"><img src="/publish/images/sortUp.png"alt="오름차순으로 분류"></button>
<button type="button"><img src="/publish/images/sortDown.png"alt="내림차순으로 분류"></button>
</div>
</div>
<div>메모</div>
</div>
<!-- tbody -->
<div class="adr_bd_wrap">
@ -169,7 +261,6 @@
<div>변수2</div>
<div>변수3</div>
<div>변수4</div>
<div>메모1</div>
</div>
<div class="adr_bd error">
<div>
@ -183,7 +274,7 @@
<div>변수2</div>
<div>변수3</div>
<div>변수4</div>
<div>메모1</div>
</div>
<div class="adr_bd">
<div>
@ -197,7 +288,7 @@
<div>변수2</div>
<div>변수3</div>
<div>변수4</div>
<div>메모1</div>
</div>
<div class="adr_bd">
<div>
@ -211,7 +302,7 @@
<div>변수2</div>
<div>변수3</div>
<div>변수4</div>
<div>메모1</div>
</div>
<div class="adr_bd">
<div>
@ -225,7 +316,7 @@
<div>변수2</div>
<div>변수3</div>
<div>변수4</div>
<div>메모1</div>
</div>
<div class="adr_bd">
<div>
@ -239,7 +330,7 @@
<div>변수2</div>
<div>변수3</div>
<div>변수4</div>
<div>메모1</div>
</div>
<div class="adr_bd">
<div>
@ -253,7 +344,7 @@
<div>변수2</div>
<div>변수3</div>
<div>변수4</div>
<div>메모1</div>
</div>
<div class="adr_bd">
<div>
@ -267,7 +358,7 @@
<div>변수2</div>
<div>변수3</div>
<div>변수4</div>
<div>메모1</div>
</div>
<div class="adr_bd">
<div>
@ -281,7 +372,6 @@
<div>변수2</div>
<div>변수3</div>
<div>변수4</div>
<div>메모1</div>
</div>
<div class="adr_bd">
<div>
@ -295,7 +385,7 @@
<div>변수2</div>
<div>변수3</div>
<div>변수4</div>
<div>메모1</div>
</div>
<div class="adr_bd">
<div>
@ -309,7 +399,7 @@
<div>변수2</div>
<div>변수3</div>
<div>변수4</div>
<div>메모1</div>
</div>
</div>
</div>
@ -590,10 +680,10 @@
<li class="page_last"><button><img src="/publish/images/content/page_last.png"alt=""></button></li>
</ul><!-- pagination -->
</div><!--// 붙여넣기 -->
</div>
<div class="popup_btn_wrap2" style="margin: 0 auto 30px auto;">
<button type="button">등록</button>
<button type="button" class="tooltip-close" data-focus="adr_popup01-close" data-focus-next="popup02">닫기</button>
<div class="popup_btn_wrap2" style="margin:30px auto 30px auto;padding:0 0 30px 0;">
<button type="button">등록</button>
<button type="button" class="tooltip-close" data-focus="adr_popup01-close" data-focus-next="popup02">닫기</button>
</div>
</div>
</div>
</div><!--// 주소록 대량등록 팝업 -->

9
src/main/webapp/publish/css/popupLayer.css
View File

@ -83,7 +83,7 @@
.adr_excel .sort_wrap button:nth-child(2) img {margin-left: -3px;}
/* 주소록 대량등록 colgruop */
.adr_excel .adr_hd>div:nth-child(1), .adr_excel .adr_bd>div:nth-child(1) {width: 40px;}
/* .adr_excel .adr_hd>div:nth-child(1), .adr_excel .adr_bd>div:nth-child(1) {width: 40px;}
.adr_excel .adr_hd>div:nth-child(2), .adr_excel .adr_bd>div:nth-child(2) {width: 9%;}
.adr_excel .adr_hd>div:nth-child(3), .adr_excel .adr_bd>div:nth-child(3) {width: 10%;}
.adr_excel .adr_hd>div:nth-child(4), .adr_excel .adr_bd>div:nth-child(4) {width: 19%;}
@ -91,7 +91,12 @@
.adr_excel .adr_hd>div:nth-child(6), .adr_excel .adr_bd>div:nth-child(6) {width: 12%;}
.adr_excel .adr_hd>div:nth-child(7), .adr_excel .adr_bd>div:nth-child(7) {width: 12%;}
.adr_excel .adr_hd>div:nth-child(8), .adr_excel .adr_bd>div:nth-child(8) {width: 12%;}
.adr_excel .adr_hd>div:nth-child(9), .adr_excel .adr_bd>div:nth-child(9) {width: 10%;}
.adr_excel .adr_hd>div:nth-child(9), .adr_excel .adr_bd>div:nth-child(9) {width: 10%;} */
.adr_excel .adr_hd>div,.adr_excel .adr_bd>div{width:calc((100% - 40px)/7);}
.adr_excel .adr_hd>div:nth-child(1),.adr_excel .adr_bd>div:nth-child(1){width:40px;}
.adr_excel .adr_hd.select_adr_hd{background:#e0e0e0;}
.adr_excel .adr_hd>div select{width:calc(100% - 8px);height:36px;background:transparent url(/publish/images/select_search.png) no-repeat 90% 15px;background-size:9%;margin:-8px 0 0 0;border:0;text-align:center;line-height:1.3;}
.adr_excel .adr_hd>div:last-child::after{display:none;}
/* 붙여넣기 colgroup */
.excel_paste .adr_hd>div:nth-child(1), .excel_paste .adr_bd>div:nth-child(1) {width: 40px;}