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

2023/11/22 찾아가는 저작권 교육 관리자 페이지 > 게시판 상단 탭 추가 퍼블리싱

Browse Source
This commit is contained in:
ITN_디자인팀 2023-11-22 14:05:35 +09:00
parent 9008ff4757
commit 573343ba2d
4 changed files with 32 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/main/webapp/WEB-INF/jsp/oprtn/cndtnSspnIdtmt/cndtnEduPrcsMngList.jsp
View File

@ -150,6 +150,12 @@
<input type="hidden" id="prcsSortNo" name="prcsSortNo" value="" />
<div class="cont_wrap">
<!--tap 추가-->
<ul class="tab_wrap">
<li class="tab active"><button type="button" onclick="TabWrap(this,'1');">과정신청기간관리목록</button></li>
<li class="tab"><button type="button" onclick="TabWrap(this,'2');">과정관리목록</button></li>
<li class="tab"><button type="button" onclick="TabWrap(this,'3');">교육확정관리목록</button></li>
</ul>
<div class="box">
<!-- cont_tit -->

5
src/main/webapp/WEB-INF/jsp/oprtn/cndtnSspnIdtmt/trgtMngList.jsp
View File

@ -231,6 +231,11 @@
<input type="hidden" id="searchSelStatus" name="searchSelStatus" value="" />
<div class="cont_wrap">
<!--tap 추가-->
<ul class="tab_wrap">
<li class="tab active"><button type="button" onclick="TabWrap(this,'1');">대상자관리</button></li>
<li class="tab"><button type="button" onclick="TabWrap(this,'2');">수료자관리</button></li>
</ul>
<div class="box">
<!-- cont_tit -->

13
src/main/webapp/visitEdu/adm/publish/css/content.css
View File

@ -443,4 +443,15 @@ input[type="text"].input_time {width: 50px;}
.sch_wrap .sch_day{width: 4%; min-width: 70px; padding-right: 20px; box-sizing: border-box;}
.sch_wrap p.day_sun{color: #e40000;}
.sch_wrap p.day_sat{color: #0b5bff;}
.sch_wrap p.day_sat{color: #0b5bff;}
/*tab 추가*/
.tab_wrap{background-color: #fff;width: 100%;border-radius: 5px; display: flex;text-align: center;margin-bottom: 20px;border:1px solid #dbdcdd;}
.tab_wrap li{flex-basis: calc(100%/2); position: relative;}
.tab_wrap li:after{position:absolute;content: "";width: 1px;height: 27px;background-color: #dbdcdd;right: 0;margin: 13px 0 0 0;}
.tab_wrap li:last-child:after{width: 0;}
.tab_wrap li button{width: 100%;padding: 13px 0;font-size: 18px;position:relative;z-index:1;}
.tab_wrap li.active{background-color: #46484a;}
.tab_wrap li.active:after{content:'';position:absolute;left:-1px;top:-1px;border:1px solid #697e9b;}
.tab_wrap li.active button{color: #fff;border:1px solid #46484a;background-color: #697e9b;}
.tab_wrap li.active button:after{content:'';position:absolute;left:-4px;top:-4px;width:100%;height:100%;border:4px solid #697e9b;border-radius: 5px;}

9
src/main/webapp/visitEdu/adm/publish/script/content.js
View File

@ -629,3 +629,12 @@ $(function(){
}
}
}
//tab 버튼
function TabWrap(obj){
var $tab = $(obj).closest("li");
$tab.addClass("active");
$tab.find("button").attr("title", "선택됨");
$tab.siblings("li.tab").removeClass("active");
$tab.siblings("li.tab").find("button").removeAttr("title");
}