2024/02/28 관리자페이지 스타일 수정(조직도 관리 > 조직도 레이아웃 수정)

This commit is contained in:
ITN_디자인팀 2024-02-28 15:57:53 +09:00
parent 9f796a55c3
commit 512ad203ab
2 changed files with 263 additions and 6 deletions

View File

@ -592,7 +592,259 @@
<input type="hidden" id="staffId" name="staffId"/> <input type="hidden" id="staffId" name="staffId"/>
<input type="hidden" id="esntlId" name="esntlId"/> <input type="hidden" id="esntlId" name="esntlId"/>
<input type="hidden" name="tabType" id="tabType" value="03"><!-- 기본값 품목별 --> <input type="hidden" name="tabType" id="tabType" value="03"><!-- 기본값 품목별 -->
<div class="contWrap"> <div class="contWrap cont_wrap">
<div class="box">
<!-- cont_tit -->
<div class="pageTitle cont_tit">
<!-- <div class="pageIcon"><img src="/pb/img/pageTitIcon4.png" alt=""></div> -->
<h2 class="titType1 c_222222 fwBold">조직도</h2>
<!-- <p class="tType6 c_999999">본사 및 지사 임직원을 조직별로 관리할 수 있습니다.</p> -->
<ul class="cont_nav">
<li class="home"><a href="/"><i></i></a></li>
<li>
<p>홈페이지관리</p>
</li>
<li><span class="cur_nav">메뉴 관리</span></li>
</ul>
</div>
<!--<div class="pageNav">
<img src="/pb/img/common/homeIcon.png" alt="홈이미지">&ensp;>&ensp;<p class="topDepth">홈페이지관리</p>&ensp;>&ensp;<p class="subDepth">매뉴관리</p>
</div>-->
<div class="cont">
<!-- <div class="menu_select">
<select name="authorCode" id="authorCode" class="select" onchange="jstreeRefresh(); return false;" title="검색조건선택">
<option value='ROLE_ANONYMOUS' <c:if test="${menuCreatVO.authorCode == 'ROLE_ANONYMOUS' || empty menuCreatVO.authorCode }">selected</c:if>>사용자</option>
<option value='ROLE_ADMIN' <c:if test="${menuCreatVO.authorCode == 'ROLE_ADMIN' }">selected</c:if>>관리자</option>
</select>
</div> -->
<div class="menu_wrap or_con">
<div class="pageCont">
<div class="orgWrap menu_area">
<!-- <div class="btnWrap">
<input type="button" value="모두열기" class="btnType1">
<input type="button" value="모두닫기" class="btnType2">
</div>
<div class="orgCont" style="overflow-x:auto;height:650px;border:1px solid #dde6e9;overflow-y:scroll;">
<div class="orgnIn_wrap" id="kopost_organization" class="jstree_orgChart"></div>
</div> -->
<div class="btn_wrap">
<button type="button" class="btnType02 all_open" onclick="$('#kopost_organization').jstree('open_all' );">모두열기</button>
<button type="button" class="btnType03 all_close" onclick="$('#kopost_organization').jstree('close_node' , $('#0') );">모두닫기</button>
</div>
<div class="orgCont">
<div class="orgnIn_wrap menu_list" id="kopost_organization" class="jstree_orgChart"></div>
</div>
</div>
<div class="tbWrap menu_detail">
<!-- 조직상세 테이블 -->
<p class="tbTit menu_detail_tit" id="partNm">조직상세</p>
<table class="tbType1 tbType02">
<colgroup>
<col style="width: 215px;">
<col style="width: auto;">
</colgroup>
<!-- <thead>
<tr>
<th>번호</th>
<th>소속</th>
<th>이름</th>
<th>직위</th>
<th>전화번호</th>
<th>담당업무</th>
<th>선택/삭제</th>
</tr>
</thead> -->
<tbody id="userList">
<tr>
<th><span>번호</span></th>
<td>
<div id="select_part">
<input type="text" title="번호">
</div>
</td>
</tr>
<tr>
<th><span>소속</span></th>
<td>
<div id="select_part">
<input type="text" title="소속">
</div>
</td>
</tr>
<tr>
<th><span>이름</span></th>
<td>
<div id="select_part">
<input type="text" title="이름">
</div>
</td>
</tr>
<tr>
<th><span>직위</span></th>
<td>
<select class="sel_type1">
<option>직위1</option>
<option>직위2</option>
<option>직위3</option>
</select>
</td>
</tr>
<tr>
<th><span>전화번호</span></th>
<td>
<div id="select_part">
<input type="text" title="전화번호">
</div>
</td>
</tr>
<tr>
<th><span>담당업무</span></th>
<td>
<div id="select_part">
<input type="text" title="담당업무">
</div>
</td>
</tr>
<tr>
<th><span>선택/삭제</span></th>
<td>
<span></span>
</td>
</tr>
<tr>
<th><span class="tbTit" id="partNm">부서업무</span></th>
<td>
<textarea name="locCn" id="locCn" cols="150" rows="5" id="textarea" title="부서업무"></textarea>
</td>
</tr>
</tbody>
</table>
<div class="btn_wrap btn_layout01">
<div class="area_left">
</div>
<div class="area_right">
<!-- <button type="button" class="btnType1 bg_456ded btnType04 main1_delete_btn">삭제</button> -->
<button type="button" class="btnType1 bg_456ded btnType06 main1_save_btn" onclick="locCnSave()">저장</button>
<!-- 버튼 back<input type="button" class="btnType1 bg_456ded" value="저 장" onclick="locCnSave()"> -->
</div>
</div>
<input type="hidden" id="selectPartIdx" />
<input type="hidden" id="selectPartParents" />
<!-- 직원상세보기 테이블 -->
<p class="menu_detail_tit">직원상세보기</p>
<p class="right fwMd"><span class="tType4 c_e40000 fwBold">*</span>는 필수입력 항목입니다.</p>
<table class="tbType2 tbType02">
<colgroup>
<col style="width: 215px;">
<col style="width: auto;">
</colgroup>
<tbody>
<tr>
<th><span class="reqArea">부서</span></th>
<td id="select_part_hidden">
<select name="orgDepth_01" id="orgDepth_01" class="asset_sec_sort sel_type1">
<option>부서1</option>
<option>부서2</option>
<option>부서3</option>
<c:forEach var="hiddenResult_one" items="${orgHiddenList}" varStatus="status">
<c:if test="${hiddenResult_one.depths eq '1'}">
<option value="<c:out value='${hiddenResult_one.id}'/>"><c:out value='${hiddenResult_one.text}'/></option>
</c:if>
</c:forEach>
</select>
<select name="orgDepth_02" id="orgDepth_02" class="asset_sec_sort sel_type1" onchange="onChagneOrgDepth_02(); return false;" />
<option>부서1</option>
<option>부서2</option>
<option>부서3</option>
</select>
</td>
</tr>
<!-- <tr>
<th><span class="reqArea">아이디</span></th>
<td class="insert">
<input type="text" class="showMask read" name="emplyrId" id="emplyrId" title="사용자아이디" size="20" maxlength="20" readonly />
</td>
<td class="update" style="display: none">
<input type="text" class="read" name="updateEmplyrId" id="updateEmplyrId" title="사용자아이디" size="20" maxlength="20" readonly />
</td>
</tr> -->
<tr>
<th><span class="reqArea">이름</span></th>
<td>
<input name="emplyrNm" id="emplyrNm" title="이름" type="text" size="20" value="" maxlength="60" />
<input name="locInfoId" id="locInfoId" title="이름" type="hidden" size="20" value="" maxlength="60" />
</td>
</tr>
<tr>
<th>직급</th>
<td>
<input name="ofcpsNm" id="ofcpsNm" title="직급" type="text" size="20" value="" maxlength="60" />
</td>
</tr>
<tr>
<th>전화번호</th>
<td>
<input name="offmTelno" id="offmTelno" title="전화번호" type="text" size="20" value="" maxlength="60" />
</td>
</tr>
<!-- <tr>
<th>팩스번호</th>
<td>
<input name="fxnum" id="fxnum" title="팩스번호" type="text" size="20" value="" maxlength="60" />
</td>
</tr> -->
<tr>
<th>담당업무</th>
<td>
<input name="userWork" id="userWork" title="담당업무" type="text" size="20" value="" maxlength="60" />
</td>
</tr>
<tr>
<th>순번</th>
<td>
<input name="sort" id="sort" title="순번" type="text" size="20" value="" maxlength="60" />
</td>
</tr>
<!-- <tr>
<th><span>이메일주소</span></th>
<td>
<input type="text" style="border:1px solid #ccc;border-radius:3px;height:30px;" name="emailAdres" id="emailAdres" title="이메일주소" cssClass="txaIpt" size="20" maxlength="50" />
</td>
</tr> -->
</tbody>
</table>
<div class="btnWrap btn_wrap btn_layout01">
<div class="area_left">
</div>
<div class="area_right">
<!-- <button type="button" class="btnType1 bg_456ded btnType04 main1_delete_btn">삭제</button> -->
<button type="button" class="btnType1 bg_456ded btnType06 main1_save_btn"onclick="userSave()">저장</button>
<!-- 버튼 back <input type="button" class="btnType1 bg_456ded" value="저 장" onclick="userSave()"> -->
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- back -->
<!-- <div class="contWrap">
<div class="pageTitle"> <div class="pageTitle">
<div class="pageIcon"><img src="/pb/img/pageTitIcon4.png" alt=""></div> <div class="pageIcon"><img src="/pb/img/pageTitIcon4.png" alt=""></div>
<h2 class="titType1 c_222222 fwBold">조직도</h2> <h2 class="titType1 c_222222 fwBold">조직도</h2>
@ -686,7 +938,7 @@
<input type="text" class="read" name="updateEmplyrId" id="updateEmplyrId" title="사용자아이디" size="20" maxlength="20" readonly /> <input type="text" class="read" name="updateEmplyrId" id="updateEmplyrId" title="사용자아이디" size="20" maxlength="20" readonly />
</td> </td>
</tr> --> </tr> -->
<tr> <!-- <tr>
<th><span class="reqArea">이름</span></th> <th><span class="reqArea">이름</span></th>
<td> <td>
<input name="emplyrNm" id="emplyrNm" title="이름" type="text" size="20" value="" maxlength="60" /> <input name="emplyrNm" id="emplyrNm" title="이름" type="text" size="20" value="" maxlength="60" />
@ -712,7 +964,7 @@
<input name="fxnum" id="fxnum" title="팩스번호" type="text" size="20" value="" maxlength="60" /> <input name="fxnum" id="fxnum" title="팩스번호" type="text" size="20" value="" maxlength="60" />
</td> </td>
</tr> --> </tr> -->
<tr> <!-- <tr>
<th>담당업무</th> <th>담당업무</th>
<td> <td>
<input name="userWork" id="userWork" title="담당업무" type="text" size="20" value="" maxlength="60" /> <input name="userWork" id="userWork" title="담당업무" type="text" size="20" value="" maxlength="60" />
@ -732,14 +984,14 @@
<input type="text" style="border:1px solid #ccc;border-radius:3px;height:30px;" name="emailAdres" id="emailAdres" title="이메일주소" cssClass="txaIpt" size="20" maxlength="50" /> <input type="text" style="border:1px solid #ccc;border-radius:3px;height:30px;" name="emailAdres" id="emailAdres" title="이메일주소" cssClass="txaIpt" size="20" maxlength="50" />
</td> </td>
</tr> --> </tr> -->
</tbody> <!--</tbody>
</table> </table>
</div> </div>
<div class="btnWrap"> <div class="btnWrap">
<input type="button" class="btnType1 bg_456ded" value="저 장" onclick="userSave()"> <input type="button" class="btnType1 bg_456ded" value="저 장" onclick="userSave()">
</div> </div>
</div> </div>
</div> </div> -->
</form> </form>
<!-- selectbox 미리만들기 --> <!-- selectbox 미리만들기 -->
<!-- 2뎁스 만들기 --> <!-- 2뎁스 만들기 -->

View File

@ -490,3 +490,8 @@ input[type="text"].input_time {width: 50px;}
/*성인 > 교욱결과관리 > 상세*/ /*성인 > 교욱결과관리 > 상세*/
.ta_con tr th{background-color: #f3f3f3;} .ta_con tr th{background-color: #f3f3f3;}
.ta_con tr th p{font-size: 17px; font-weight: 400; color: #000;} .ta_con tr th p{font-size: 17px; font-weight: 400; color: #000;}
/*조직도 관리 > 조직도*/
.or_con .pageCont{display: flex;}
.or_con .menu_area{margin-right: 35px;}
.or_con .fwMd{margin: -5px 0 10px 0;}