506 lines
15 KiB
PHP
506 lines
15 KiB
PHP
<?php
|
|
include_once "{$_SERVER['DOCUMENT_ROOT']}/common.inc.php";
|
|
|
|
include _SVC_INC_PATH_ ."/header.php";
|
|
?>
|
|
<div id="main">
|
|
|
|
<nav id="sidenav">
|
|
<div class="top">
|
|
<div class="logo">
|
|
<img src="/inc/img/KULS_ENC.png" alt="로고" />
|
|
</div>
|
|
<a href="###" class="menubar">
|
|
<img src="/inc/img/menubar.svg" alt="메뉴바" />
|
|
</a>
|
|
</div>
|
|
|
|
<div class="profile">
|
|
<div class="profileImg">
|
|
<img src="/inc/img/profile_img.svg" alt="프로필이미지" />
|
|
</div>
|
|
|
|
<div class="pro_setting">
|
|
<a href="">
|
|
<img src="/inc/img/setting.svg" alt="설정아이콘" />
|
|
</a>
|
|
</div>
|
|
|
|
<div class="info">
|
|
<span></span>
|
|
<p class="name">김쿨스</p>
|
|
<p>개발팀 / 사원</p>
|
|
</div>
|
|
|
|
<div class="logout">
|
|
<a href="">로그아웃</a>
|
|
</div>
|
|
</div>
|
|
|
|
<ul class="leftMenu">
|
|
<li class="on">
|
|
<i class="fas fa-home"></i>
|
|
<span>Home</span>
|
|
</li>
|
|
|
|
<li>
|
|
<i class="fas fa-clock"></i>
|
|
<span>일정관리</span>
|
|
</li>
|
|
|
|
<li>
|
|
<i class="fas fa-edit"></i>
|
|
<span>전자결재</span>
|
|
</li>
|
|
|
|
<!--<li>
|
|
<i class="fas fa-coins"></i>
|
|
<span>비용관리</span>
|
|
</li>-->
|
|
|
|
<li>
|
|
<i class="far fa-comment-alt"></i>
|
|
<span>통합게시판</span>
|
|
</li>
|
|
|
|
<li>
|
|
<i class="fas fa-user-edit"></i>
|
|
<span>사용자관리</span>
|
|
</li>
|
|
</ul>
|
|
|
|
<div class="organization">
|
|
<a href="">
|
|
<i class="fas fa-sitemap"></i>
|
|
<span>조직도</span>
|
|
</a>
|
|
|
|
</div>
|
|
|
|
</nav> <!-- 좌측메뉴 -->
|
|
|
|
<div id="wrap" class="wrap">
|
|
<div class="header">
|
|
<div class="search_wrap">
|
|
<input class="search" id="search" type="search">
|
|
<input class="search_bt" id="search_bt" type="button">
|
|
</div>
|
|
|
|
<div class="alarm">
|
|
<img src="/inc/img/alarm.svg" alt="알림아이콘" />
|
|
<div class="newAlarm"></div>
|
|
|
|
<div class="alarm_box">
|
|
<p>전체알림</p>
|
|
<div class="alarm_cont">
|
|
<div class="alarm_txt">
|
|
<span>[알림]</span>
|
|
<span>통합게시판에 공지사항이 등록되었습니다.</span>
|
|
<p class="record">3분전</p>
|
|
</div>
|
|
<div class="delete">
|
|
<a><img src="/inc/img/x.svg" alt="알림창삭제" /></a>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="alarm_cont">
|
|
<div class="alarm_txt">
|
|
<span>[댓글]</span>
|
|
<span>휴가신청서에 댓글이 등록되었습니다.</span>
|
|
<p class="record">08.10 pm 02:45</p>
|
|
</div>
|
|
<div class="delete">
|
|
<a><img src="/inc/img/x.svg" alt="알림창삭제" /></a>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="alarm_cont">
|
|
<div class="alarm_txt">
|
|
<span>[알림]</span>
|
|
<span>통합게시판에 공지사항이 등록되었습니다.</span>
|
|
<p class="record">08.10 am 11:32</p>
|
|
</div>
|
|
<div class="delete">
|
|
<a><img src="/inc/img/x.svg" alt="알림창삭제" /></a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div> <!-- 헤더 -->
|
|
|
|
<div class="container">
|
|
|
|
<div class="layout">
|
|
<div class="section schedule">
|
|
<div class="article">
|
|
<div class="calendar">
|
|
<div class="calTit">
|
|
<span class="arr_l"><img src="/inc/img/more_l.svg" /></span>
|
|
<span class="date">2022년 8월</span>
|
|
<span class="arr_r"><img src="/inc/img/more_r.svg" /></span>
|
|
</div>
|
|
|
|
<table class="calendar_mini">
|
|
<thead>
|
|
<tr>
|
|
<th>일</th>
|
|
<th>월</th>
|
|
<th>화</th>
|
|
<th>수</th>
|
|
<th>목</th>
|
|
<th>금</th>
|
|
<th>토</th>
|
|
</tr>
|
|
</thead>
|
|
|
|
<tbody>
|
|
<tr>
|
|
<td>
|
|
<span></span>
|
|
</td>
|
|
<td><span>1</span></td>
|
|
<td><span>2</span></td>
|
|
<td><span>3</span></td>
|
|
<td><span>4</span></td>
|
|
<td><span>5</span></td>
|
|
<td class="sat"><span>6</span></td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td class="sun"><span>7</span></td>
|
|
<td><span>8</span></td>
|
|
<td><span>9</span></td>
|
|
<td class="today"><span>10</span>
|
|
<span class="badge"></span>
|
|
</td>
|
|
<td><span>11</span></td>
|
|
<td><span>12</span></td>
|
|
<td class="sat"><span>13</span></td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td class="sun"><span>14</span></td>
|
|
<td class="sun"><span>15</span></td>
|
|
<td><span>16</span></td>
|
|
<td><span>17</span></td>
|
|
<td><span>18</span></td>
|
|
<td><span>19</span></td>
|
|
<td class="sat"><span>20</span></td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td class="sun"><span>21</span></td>
|
|
<td><span>22
|
|
<span class="badge"></span>
|
|
</span></td>
|
|
<td><span>23</span></td>
|
|
<td><span>24</span></td>
|
|
<td><span>25</span></td>
|
|
<td><span>26</span></td>
|
|
<td class="sat"><span>27</span></td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td class="sun"><span>28</span></td>
|
|
<td><span>29</span></td>
|
|
<td><span>30</span></td>
|
|
<td><span>31</span></td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div> <!-- 캘린더 -->
|
|
|
|
<div class="list">
|
|
<div class="title">
|
|
<div>일정목록</div>
|
|
<div class="more">
|
|
<a href=""><img src="/inc/img/more.svg" /></a>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="listbox">
|
|
<ul>
|
|
<li class="txt holiday"><a href="">개발팀 김쿼카 사원 휴가</a></li>
|
|
<li class="time">am 00:00 ~ pm 11:59</li>
|
|
</ul>
|
|
|
|
<ul>
|
|
<li class="txt holiday"><a href="">개발팀 김쿼카 사원 휴가</a></li>
|
|
<li class="time">am 00:00 ~ pm 11:59</li>
|
|
</ul>
|
|
|
|
<ul>
|
|
<li class="txt work"><a href="">업무회의</a></li>
|
|
<li class="time">am 00:00 ~ pm 11:59</li>
|
|
</ul>
|
|
|
|
<ul>
|
|
<li class="txt holiday"><a href="">개발팀 김쿼카 사원 휴가</a></li>
|
|
<li class="time">am 00:00 ~ pm 11:59</li>
|
|
</ul>
|
|
|
|
<ul>
|
|
<li class="txt work"><a href="">00그룹 미팅</a></li>
|
|
<li class="time">am 00:00 ~ pm 11:59</li>
|
|
</ul>
|
|
</div>
|
|
</div> <!-- 일정목록 -->
|
|
|
|
</div>
|
|
</div> <!-- schedule -->
|
|
|
|
<div class="section attendance">
|
|
<div class="title">
|
|
<div>근태현황</div>
|
|
<div class="more">
|
|
<a href=""><img src="/inc/img/more.svg" /></a>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="clock">
|
|
<div>2022년 08월 10일(수)</div>
|
|
<div>am 11:49</div>
|
|
</div>
|
|
|
|
<div class="bt">
|
|
<button class="in"><a href="">출근</a></button>
|
|
<button class="out"><a href="">퇴근</a></button>
|
|
<button class="goal"><a href="">행선지등록 >
|
|
</a></button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- 섹션1 -->
|
|
|
|
<div class="layout">
|
|
<div class="section sechalf report">
|
|
<div class="title">
|
|
<div>일일업무보고</div>
|
|
<div class="more">
|
|
<a href=""><img src="/inc/img/more.svg" /></a>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="edit_bt">
|
|
<span>수정</span>
|
|
<span>저장</span>
|
|
</div>
|
|
|
|
<div class="edit_box">
|
|
<p>08월 10일(수)</p>
|
|
<ol>
|
|
<li>1. 블라블라</li>
|
|
<li>2. 어쩌구저쩌구</li>
|
|
</ol>
|
|
</div>
|
|
</div>
|
|
<!--업무보고 -->
|
|
|
|
<div class="section sechalf todo">
|
|
<div class="title">
|
|
<div>TO DO 리스트</div>
|
|
<div class="more">
|
|
<a href=""><img src="/inc/img/more.svg" /></a>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="todo_box">
|
|
<input type="textarea">
|
|
</input>
|
|
<!-- <div>
|
|
<p>· 그룹웨어 메인 화면 레이아웃짜기</p>
|
|
<p>· 그룹웨어 메인 화면 디자인</p>
|
|
</div>-->
|
|
<input type="textarea">
|
|
</input>
|
|
</div>
|
|
</div>
|
|
<!--todo리스트 -->
|
|
</div> <!-- 섹션2 -->
|
|
|
|
<div class="layout">
|
|
<div class="section sechalf board">
|
|
<div class="title">
|
|
<div>통합게시판</div>
|
|
<div class="more">
|
|
<a href=""><img src="/inc/img/more.svg" /></a>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="board_tab">
|
|
<div class="underline">공지사항</div>
|
|
<div>사내소식</div>
|
|
<div>경조사</div>
|
|
</div>
|
|
|
|
<div class="boardbox notice">
|
|
<ul>
|
|
<li class="txt"><a href="">
|
|
<span>[공지]</span>공지사항입니다</a></li>
|
|
<li class="time">2022.08.10</li>
|
|
</ul>
|
|
|
|
<ul>
|
|
<li class="txt"><a href="">
|
|
<span>[공지]</span>공지사항입니다</a></li>
|
|
<li class="time">2022.08.10</li>
|
|
</ul>
|
|
|
|
<ul>
|
|
<li class="txt"><a href="">
|
|
<span>[공지]</span>공지사항입니다</a></li>
|
|
<li class="time">2022.08.10</li>
|
|
</ul>
|
|
|
|
<ul>
|
|
<li class="txt"><a href="">
|
|
<span>[공지]</span>공지사항입니다</a></li>
|
|
<li class="time">2022.08.10</li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div class="boardbox">
|
|
<ul>
|
|
<li class="txt"><a href="">
|
|
<span>[사내소식]</span>사내소식입니다</a></li>
|
|
<li class="time">2022.08.10</li>
|
|
</ul>
|
|
|
|
<ul>
|
|
<li class="txt"><a href="">
|
|
<span>[사내소식]</span>사내소식입니다</a></li>
|
|
<li class="time">2022.08.10</li>
|
|
</ul>
|
|
|
|
<ul>
|
|
<li class="txt"><a href="">
|
|
<span>[사내소식]</span>사내소식입니다</a></li>
|
|
<li class="time">2022.08.10</li>
|
|
</ul>
|
|
|
|
<ul>
|
|
<li class="txt"><a href="">
|
|
<span>[사내소식]</span>사내소식입니다</a></li>
|
|
<li class="time">2022.08.10</li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div class="boardbox">
|
|
<ul>
|
|
<li class="txt"><a href="">
|
|
<span>[경조사]</span>경조사입니다</a></li>
|
|
<li class="time">2022.08.10</li>
|
|
</ul>
|
|
|
|
<ul>
|
|
<li class="txt"><a href="">
|
|
<span>[경조사]</span>경조사입니다</a></li>
|
|
<li class="time">2022.08.10</li>
|
|
</ul>
|
|
|
|
<ul>
|
|
<li class="txt"><a href="">
|
|
<span>[경조사]</span>경조사입니다</a></li>
|
|
<li class="time">2022.08.10</li>
|
|
</ul>
|
|
|
|
<ul>
|
|
<li class="txt"><a href="">
|
|
<span>[경조사]</span>경조사입니다</a></li>
|
|
<li class="time">2022.08.10</li>
|
|
</ul>
|
|
</div>
|
|
|
|
|
|
</div> <!-- 게시판 -->
|
|
|
|
<div class="section sechalf document">
|
|
<div class="title">
|
|
<div>전자결재</div>
|
|
<div class="more">
|
|
<a href=""><img src="/inc/img/more.svg" /></a>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="document_box">
|
|
<div class="doc_box01 ing">
|
|
<p>결제진행</p>
|
|
<div>1</div>
|
|
</div>
|
|
|
|
<div class="doc_box01">
|
|
<p>결제완료</p>
|
|
<div>0</div>
|
|
</div>
|
|
|
|
<div class="doc_box01">
|
|
<p>결제대기</p>
|
|
<div>0</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="doc_tab">
|
|
<div class="underline">결재진행</div>
|
|
<div>결제완료</div>
|
|
<div>결제대기</div>
|
|
</div>
|
|
|
|
<div class="doc_list file">
|
|
<ul>
|
|
<li class="txt"><a href="">
|
|
<span>기안</span>휴가신청서</a></li>
|
|
<li class="time">2022.08.10</li>
|
|
</ul>
|
|
|
|
<ul>
|
|
<li class="txt"><a href="">
|
|
<span>기안</span>휴가신청서</a></li>
|
|
<li class="time">2022.08.10</li>
|
|
</ul>
|
|
|
|
<ul>
|
|
<li class="txt"><a href="">
|
|
<span>기안</span>휴가신청서</a></li>
|
|
<li class="time">2022.08.10</li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div class="doc_list">
|
|
<ul>
|
|
<li class="txt"><a href="">
|
|
게시물이 없습니다.</a></li>
|
|
<li class="time"></li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div class="doc_list">
|
|
<ul>
|
|
<li class="txt"><a href="">
|
|
게시물이 없습니다.</a></li>
|
|
<li class="time"></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<!--전자결재-->
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div> <!--wrap -->
|
|
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
<?php
|
|
include _SVC_INC_PATH_ ."/footer.php";
|
|
?>
|
|
|
|
<script>
|
|
jQuery("#sidenav .menubar").on("click", function(){
|
|
console.log(121);
|
|
jQuery("#main").toggleClass("mnu_hide");
|
|
});
|
|
</script>
|