122 lines
5.4 KiB
PHP
122 lines
5.4 KiB
PHP
<!-- popup_wrap -->
|
|
<div class="popup-wrap" id="pop_mypage02" role="dialog" aria-labelledby="mypage02_title" aria-modal="true" style="display:none;">
|
|
<!-- popup_in -->
|
|
<div class="popup-in mypage">
|
|
<button class="btn-close" type="button" aria-label="팝업 닫기">
|
|
<img src="/kngil/img/ico/ico_close.svg" alt="닫기">
|
|
</button>
|
|
|
|
<!-- popup_container -->
|
|
<div class="popup-container">
|
|
<!-- pop_header -->
|
|
<div class="pop-header">
|
|
<h2 class="tit" id="mypage02_title">마이페이지</h2>
|
|
<p class="sub-txt">
|
|
소중한 <em>내 정보</em>를 <br>
|
|
<em>최신</em>으로 관리하세요.
|
|
</p>
|
|
</div>
|
|
<!-- //pop_header -->
|
|
<!-- pop_body -->
|
|
<div class="pop-body">
|
|
<div class="my-info">
|
|
<div class="name">
|
|
<span>
|
|
<em id="mp_user_nm"></em>님
|
|
<span class="user-id" id="mp_user_id"></span>
|
|
</span>
|
|
<button class="btn-sm" onclick="javascript:mypage03();">내 정보 수정</button>
|
|
</div>
|
|
|
|
<ul class="detail">
|
|
<li>
|
|
<h5><i class="tel"></i>연락처</h5>
|
|
<p id="mp_tel"></p>
|
|
<p id="mp_email"></p>
|
|
</li>
|
|
|
|
<li>
|
|
<h5><i class="company"></i>회사정보</h5>
|
|
<p id="mp_co_nm"></p>
|
|
<p id="mp_dept_nm"></p>
|
|
</li>
|
|
|
|
<li>
|
|
<h5><i class="usage"></i>사용량 (단위:m2)</h5>
|
|
<p><span>누적</span><em id="mp_tot_use"></em></p>
|
|
<p><span>당년</span><em id="mp_year_use"></em></p>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<div class="my-history">
|
|
<h5>서비스 사용이력</h5>
|
|
<div class="board-list">
|
|
<table>
|
|
<colgroup>
|
|
<col style="width: 10%;">
|
|
<col style="width: auto;">
|
|
<col style="width: 15%;">
|
|
<col style="width: 15%;">
|
|
</colgroup>
|
|
<thead>
|
|
<tr>
|
|
<th>번호</th>
|
|
<th>서비스 구분</th>
|
|
<th>일자</th>
|
|
<th><em>사용량</em>(단위:m2)</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody id="mp_history_body">
|
|
<tr>
|
|
<td>1</td>
|
|
<td class="tit"><a href="">서비스 01</a></td>
|
|
<td>24-06-22</td>
|
|
<td><em>300</em></td>
|
|
</tr>
|
|
<tr>
|
|
<td>2</td>
|
|
<td class="tit"><a href="">서비스 01</a></td>
|
|
<td>24-06-23</td>
|
|
<td><em>400</em></td>
|
|
</tr>
|
|
<tr>
|
|
<td>3</td>
|
|
<td class="tit"><a href="">서비스 01</a></td>
|
|
<td>24-06-23</td>
|
|
<td><em>300</em></td>
|
|
</tr>
|
|
<tr>
|
|
<td>4</td>
|
|
<td class="tit"><a href="">서비스 01</a></td>
|
|
<td>24-06-23</td>
|
|
<td><em>200</em></td>
|
|
</tr>
|
|
<tr>
|
|
<td>5</td>
|
|
<td class="tit"><a href="">서비스 01</a></td>
|
|
<td>24-06-23</td>
|
|
<td><em>400</em></td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
<div class="pagination">
|
|
<button type="button" class="btn-prev"></button>
|
|
<ul class="pagination-list">
|
|
<li class="on"><a href="#">1</a></li>
|
|
<li><a href="#">2</a></li>
|
|
<li><a href="#">3</a></li>
|
|
<li><a href="#">4</a></li>
|
|
<li><a href="#">5</a></li>
|
|
</ul>
|
|
<button type="button" class="btn-next"></button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- //pop_body -->
|
|
</div>
|
|
<!-- //popup_container -->
|
|
</div>
|
|
<!-- //popup_in -->
|
|
</div>
|
|
<!-- //popup_wrap -->
|