commit
This commit is contained in:
122
kngil/skin/pop_mypage02.php
Normal file
122
kngil/skin/pop_mypage02.php
Normal file
@@ -0,0 +1,122 @@
|
||||
<!-- 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 -->
|
||||
Reference in New Issue
Block a user