463 lines
18 KiB
HTML
463 lines
18 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="ko">
|
|
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
<title>문자온_요금사용내역</title>
|
|
|
|
<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap" rel="stylesheet">
|
|
<link rel="stylesheet" href="/publish/css/reset.css">
|
|
<link rel="stylesheet" href="/publish/css/jquery.mCustomScrollbar.css">
|
|
<link rel="stylesheet" href="/publish/css/common.css">
|
|
<link rel="stylesheet" href="/publish/css/button.css">
|
|
<link rel="stylesheet" href="/publish/css/content.css">
|
|
<link rel="stylesheet" href="/publish/css/mem.css">
|
|
<link rel="stylesheet" href="/publish/css/font.css">
|
|
<link rel="stylesheet" href="/publish/css/popupLayer.css">
|
|
<link rel="stylesheet" href="/publish/js/datepicker/classic.css">
|
|
<link rel="stylesheet" href="/publish/js/datepicker/classic.date.css">
|
|
|
|
|
|
<script src="/publish/js/jquery-3.5.0.js"></script>
|
|
<script src="/publish/js/jquery.mCustomScrollbar.concat.min.js"></script>
|
|
<script src="/publish/js/common.js"></script>
|
|
<script src="/publish/js/content.js"></script>
|
|
<script src="/publish/js/calendar.js"></script>
|
|
<script src="/publish/js/popup.js"></script>
|
|
<script src="/publish/js/popupLayer.js"></script>
|
|
<script type="text/javascript" src="/publish/js/datepicker/picker.js"></script>
|
|
<script type="text/javascript" src="/publish/js/datepicker/picker.date.js"></script>
|
|
<script type="text/javascript" src="/publish/js/datepicker/ko_KR.js"></script>
|
|
|
|
<script>
|
|
$(function () {
|
|
|
|
// 거래명세서/사용내역서 발행
|
|
$(".btn_publish").click(function () {
|
|
var thisVal = $("[name='publish']:checked").val();
|
|
var popup_wid = "820";
|
|
var popup_ht = "820";
|
|
var popup_left = (window.screen.width / 2) - (popup_wid / 2);
|
|
var popup_top = (window.screen.height / 2) - (popup_ht / 2);
|
|
if (thisVal == "statement") {
|
|
window.open('transaction_statement.html', 'a', 'width=' + popup_wid + ', height=' + popup_ht + ', left=' + popup_left + ', top=' + popup_top);
|
|
} else {
|
|
window.open('use_statement.html', 'a', 'width=' + popup_wid + ', height=' + popup_ht + ', left=' + popup_left + ', top=' + popup_top);
|
|
}
|
|
});
|
|
|
|
})
|
|
</script>
|
|
|
|
</head>
|
|
|
|
<body>
|
|
|
|
|
|
<!-- 알림톡 상세 팝업 -->
|
|
<div class="tooltip-wrap">
|
|
<div class="popup-com adr_layer kakao_rev_popup allimTalk_detail_popup" tabindex="0" data-tooltip-con="allimTalk_detail_popup" data-focus="allimTalk_detail_popup" data-focus-prev="allimTalk_detail_popup-close" style="width:440px;">
|
|
<div class="popup_heading">
|
|
<p>문자내용</p>
|
|
<button type="button" class="tooltip-close" data-focus="allimTalk_detail_popup-close"><img src="/publish/images/content/layerPopup_close.png" alt="팝업 닫기"></button>
|
|
</div>
|
|
<div class="layer_in">
|
|
<div class="list_tab_wrap2 kakao_rev_tab">
|
|
<!-- tab button -->
|
|
<ul class="list_tab">
|
|
<li class="tab active"><button type="button" onclick="popupTab(this,'1');">카카오톡</button></li>
|
|
<li class="tab"><button type="button" onclick="popupTab(this,'2');">대체문자</button></li>
|
|
</ul>
|
|
<!--// tab button -->
|
|
</div>
|
|
<div class="popCont current kakao_wrap" id="popCont_1">
|
|
<div class="rev_pop_in">
|
|
<div class="rev_pop_middle clearfix">
|
|
<span>발송일시 : 2021-05-28 16:52:30</span>
|
|
<span class="msg_com msg_allimtalk">알림톡</span>
|
|
</div>
|
|
<div class="rev_pop_txt">
|
|
<div class="text_preview">
|
|
<div class="allimtalk_title">
|
|
<img src="/publish/images/content/icon_allimtalk.png" alt="">알림톡 도착
|
|
</div>
|
|
<div class="allimtalk_content">
|
|
<div class="kakao_image">
|
|
<img src="/publish/images/content/kakao_template_img.png" alt="">
|
|
</div>
|
|
<p class="emphasis_side_text">강조표기 보조문구 미리보기</p>
|
|
<p class="emphasis_title_text">타이틀 미리보기</p>
|
|
<p class="template_text">내용미리보기</p>
|
|
<p class="side_info_text">부가정보내용</p>
|
|
<p class="channel_info_text">채널 추가 안내 메시지 미리보기</p>
|
|
<button type="button" class="btn_kakao_type">버튼명</button>
|
|
<button type="button" class="btn_kakao_type">버튼명</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="popCont replace_send_popup" id="popCont_2">
|
|
<div class="rev_pop_in">
|
|
<div class="rev_pop_middle clearfix">
|
|
<span>발송일시 : 2021-05-28 16:52:30</span>
|
|
<span class="msg_com msg_allimtalk">알림톡</span>
|
|
</div>
|
|
<div class="rev_pop_txt">
|
|
<ul>
|
|
<li><img src="/publish/images/content/thumb1.jpg" alt="발송된 그림문자 미리보기"></li>
|
|
<li><img src="/publish/images/content/thumb2.jpg" alt="발송된 그림문자 미리보기"></li>
|
|
<li><img src="/publish/images/content/thumb3.jpg" alt="발송된 그림문자 미리보기"></li>
|
|
</ul>
|
|
<div>
|
|
<p class="deny_receipt">(광고) 무료거부 080-888-8282</p>
|
|
<p class="rev_cont">안녕하세요. 문자온미용실 입니다.<br>
|
|
여름 맞이 이벤트 입니다.<br>
|
|
7월부터 8월까지 모든 염색 10만원(시세이도 및 탈색은 별도)
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="popup_btn_wrap2" style="justify-content: center;">
|
|
<button type="button" class="tooltip-close" data-focus="allimTalk_detail_popup-close" data-focus-next="allimTalk_detail_popup">닫기</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!--// 알림톡 상세 팝업 -->
|
|
|
|
<!-- 단문 상세 팝업 -->
|
|
<div class="tooltip-wrap">
|
|
<div class="popup-com adr_layer shotMsg_detail_popup" tabindex="0" data-tooltip-con="shotMsg_detail_popup" data-focus="shotMsg_detail_popup" data-focus-prev="shotMsg_detail_popup-close" style="width: 440px;">
|
|
<div class="popup_heading">
|
|
<p>문자내용</p>
|
|
<button type="button" class="tooltip-close" data-focus="shotMsg_detail_popup-close">
|
|
<img src="/publish/images/content/layerPopup_close.png" alt="팝업 닫기">
|
|
</button>
|
|
</div>
|
|
<div class="layer_in" id="resvMsgDetailPopLoad">
|
|
<div class="rev_pop_in">
|
|
<div class="rev_pop_middle clearfix">
|
|
<span>발송일시 : 2025-03-31 16:52:18</span>
|
|
<span class="msg_com msg_short">SMS</span>
|
|
</div>
|
|
<div class="rev_pop_txt">
|
|
<div>
|
|
<p class="rev_cont">
|
|
ㄴㅇㄹ
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- // 단문 상세 팝업 -->
|
|
|
|
<!-- 장문 상세 팝업 -->
|
|
<div class="tooltip-wrap">
|
|
<div class="popup-com adr_layer longMsg_detail_popup" tabindex="0" data-tooltip-con="longMsg_detail_popup" data-focus="longMsg_detail_popup" data-focus-prev="longMsg_detail_popup-close" style="width: 440px;">
|
|
<div class="popup_heading">
|
|
<p>문자내용</p>
|
|
<button type="button" class="tooltip-close" data-focus="longMsg_detail_popup-close">
|
|
<img src="/publish/images/content/layerPopup_close.png" alt="팝업 닫기">
|
|
</button>
|
|
</div>
|
|
<div class="layer_in" id="resvMsgDetailPopLoad">
|
|
<div class="rev_pop_in">
|
|
<div class="rev_pop_middle clearfix">
|
|
<span>발송일시 : </span>
|
|
<span class="msg_com msg_long">LMS</span>
|
|
</div>
|
|
<div class="rev_pop_txt">
|
|
<div>
|
|
<!-- <p class="deny_receipt">(광고) 무료거부 080-888-8282</p> -->
|
|
<p class="rev_cont">
|
|
BYC 보디가드
|
|
한울유통 (도매전문)
|
|
설명절 선물세트 할인판매
|
|
50~30%세일 도매가격판매
|
|
도계시장내(순대촌앞)남문12호
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="popup_btn_wrap2" style="justify-content: center;">
|
|
<button type="button" class="tooltip-close" data-focus="longMsg_detail_popup-close" data-focus-next="longMsg_detail_popup">닫기</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- // 장문 상세 팝업 -->
|
|
|
|
|
|
|
|
<!-- 그림문자 상세 팝업 -->
|
|
<div class="tooltip-wrap">
|
|
<div class="popup-com adr_layer photoMsg_detail_popup" tabindex="0" data-tooltip-con="photoMsg_detail_popup" data-focus="photoMsg_detail_popup" data-focus-prev="photoMsg_detail_popup-close" style="width:440px;">
|
|
<div class="popup_heading">
|
|
<p>문자내용</p>
|
|
<button type="button" class="tooltip-close" data-focus="photoMsg_detail_popup-close">
|
|
<img src="/publish/images/content/layerPopup_close.png" alt="팝업 닫기">
|
|
</button>
|
|
</div>
|
|
<div class="layer_in">
|
|
<div class="rev_pop_in">
|
|
<div class="rev_pop_middle clearfix">
|
|
<span>발송일시 : </span>
|
|
<span class="msg_com msg_photo">MMS</span>
|
|
</div>
|
|
<div class="rev_pop_txt">
|
|
<ul>
|
|
<li><img src="/publish/images/content/photo_sample01.jpg" alt="발송된 그림문자 미리보기"></li>
|
|
</ul>
|
|
<div>
|
|
<p class="rev_cont">
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="popup_btn_wrap2" style="justify-content: center;">
|
|
<button type="button" class="tooltip-close" data-focus="photoMsg_detail_popup-close" data-focus-next="photoMsg_detail_popup">닫기</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- //그림문자 상세 팝업 -->
|
|
|
|
<!-- skip 메뉴 -->
|
|
<div class="skip_menu">
|
|
<a href="#cont" title="본문 바로가기" class="contGo">본문 바로가기</a>
|
|
</div>
|
|
<!--// skip 메뉴 -->
|
|
<!-- quick 메뉴 -->
|
|
<div data-include-path="/publish/layout/_header.html"></div>
|
|
<!--// header 영역 -->
|
|
<!-- login 영역 -->
|
|
<!-- content 영역 -->
|
|
<div id="container" class="cont sub">
|
|
<div class="inner">
|
|
<!-- send top -->
|
|
<div class="send_top">
|
|
<!-- tab button -->
|
|
<ul class="tabType4">
|
|
<li class="tab"><button type="button" onclick="location.href='/publish/payment1.html'">요금안내/견적내기</button></li>
|
|
<li class="tab"><button type="button" onclick="location.href='/publish/payment2.html'">결제하기</button></li>
|
|
<li class="tab"><button type="button" onclick="location.href='/publish/payment3.html'">요금 결제내역</button></li>
|
|
<li class="tab active"><button type="button" onclick="TabType5(this,'4');">요금 사용내역</button></li>
|
|
<li class="tab"><button type="button" onclick="location.href='/publish/payment5.html'">세금계산서 발행 등록</button></li>
|
|
</ul>
|
|
<!--// tab button -->
|
|
<!-- 결제관리 - 요금 사용내역 -->
|
|
<div class="serv_content current" id="tab5_4">
|
|
<div class="heading">
|
|
<h2>요금 사용내역</h2>
|
|
<button type="button" class="button info" onclick="infoListPop('PayUserList','792','260');">사용안내</button>
|
|
</div>
|
|
<!-- <p class="tRight c_666" style="margin: 0 0 10px 0">(단위 : 건, 원)</p> -->
|
|
<div class="hisroy_price">
|
|
<div class="hisroy_price_in">
|
|
<p><i></i>사용금액</p>
|
|
<div class="clearfix">
|
|
<p>캐시</p>
|
|
<p><span>120</span>원</p>
|
|
</div>
|
|
<!-- <div class="clearfix">
|
|
<p>포인트</p>
|
|
<p><span>120</span>원</p>
|
|
</div> -->
|
|
</div>
|
|
</div>
|
|
<div class="excel_middle">
|
|
<div class="select_btnWrap clearfix">
|
|
<div class="btn_left">
|
|
<span class="cal_label">기간선택</span>
|
|
<div class="calendar_wrap">
|
|
<input type="text" class="startDate inp calendar picker__input" title="검색 시작일" id="startDate" name="startDate" value="" data-datecontrol="true" readonly="" aria-haspopup="true" aria-expanded="false" aria-readonly="false" aria-owns="startDate_root">
|
|
<span class="dateEtc">~</span>
|
|
<input type="text" class="endDate inp calendar picker__input" title="검색 종료일" id="endDate" name="endDate" value="" data-datecontrol="true" readonly="" aria-haspopup="true" aria-expanded="false" aria-readonly="false" aria-owns="endDate_root">
|
|
</div>
|
|
<button type="button">이번년도</button>
|
|
<button type="button">전월</button>
|
|
<button type="button">당월</button>
|
|
<button type="button" class="btnType6">조회</button>
|
|
<span class="reqTxt4"><span class="vMiddle">*</span> 조회기간의 사용내역만 보여집니다.</span>
|
|
</div>
|
|
<div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="list_tab_wrap2 type2">
|
|
<!-- tab button -->
|
|
<ul class="list_tab">
|
|
<li class="tab active"><button type="button" onclick="listTab2(this,'1');">전체</button></li>
|
|
<li class="tab"><button type="button" onclick="listTab2(this,'2');">단문</button></li>
|
|
<li class="tab"><button type="button" onclick="listTab2(this,'3');">장문</button></li>
|
|
<li class="tab"><button type="button" onclick="listTab2(this,'4');">그림</button></li>
|
|
<li class="tab"><button type="button" onclick="listTab2(this,'5');">선거</button></li>
|
|
<li class="tab"><button type="button" onclick="listTab2(this,'5');">알림톡</button></li>
|
|
<!-- <li class="tab"><button type="button" onclick="listTab2(this,'5');">친구톡</button></li> -->
|
|
<li class="tab"><button type="button" onclick="listTab2(this,'5');">팩스</button></li>
|
|
</ul>
|
|
<!--// tab button -->
|
|
</div>
|
|
<div class="price_history_cont" id="listTab2_5">
|
|
<div class="list_info">
|
|
<p>총 <span>10</span>건 (1,148원)</p>
|
|
<div>
|
|
<button type="button" class="btnType btn_36 border_gray btnType12" onclick="window.open('/publish/use_statement.html','','width=790,height=800');">사용내역서</button>
|
|
<button type="button" class="excel_btn"><i class="downroad"></i>엑셀 다운로드</button>
|
|
<label for="pageUnit" class="label">검색조건 선택</label>
|
|
<select name="pageUnit" id="pageUnit" class="selType2">
|
|
<option value="10" selected="">10줄</option>
|
|
<option value="20">20줄</option>
|
|
<option value="30">30줄</option>
|
|
<option value="100">100줄</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
<div class="tb_wrap">
|
|
<table class="tType4">
|
|
<colgroup>
|
|
<col style="width: auto;">
|
|
<col style="width: 9%;">
|
|
<col style="width: 10%;">
|
|
<col style="width: 12%;">
|
|
<col style="width: 12%;">
|
|
<col style="width: 16%;">
|
|
</colgroup>
|
|
<thead>
|
|
<tr>
|
|
<th rowspan="2">
|
|
발송일시
|
|
<div class="sort_wrap">
|
|
<input type="button" class="sort sortBtnDesc" id="sort_regDate" sortord="desc">
|
|
</div>
|
|
</th>
|
|
<th rowspan="2">
|
|
형태
|
|
<div class="sort_wrap">
|
|
<input type="button" class="sort sortBtn" id="sort_orderByCode">
|
|
</div>
|
|
</th>
|
|
<th rowspan="2">내용</th>
|
|
<th colspan="2">발송건수</th>
|
|
<th rowspan="2">금액(원)</th>
|
|
</tr>
|
|
<tr>
|
|
<th>성공</th>
|
|
<th style="border-right:1px solid #ccc;">실패</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr>
|
|
<td colspan="6">
|
|
검색 결과가 없습니다.
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>2025-04-21 18:19</td>
|
|
<td>알림톡</td>
|
|
<td><button class="btnType btnType20" data-tooltip="allimTalk_detail_popup">상세보기</button></td>
|
|
<td>
|
|
<p class="fwRg c_002c9a">187</p>
|
|
</td>
|
|
<td>
|
|
<p class="fwRg c_222">23</p>
|
|
</td>
|
|
<td>
|
|
<p class="fwRg c_002c9a">5</p>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>2025-04-21 18:19</td>
|
|
<td>단문</td>
|
|
<td><button class="btnType btnType20" data-tooltip="shotMsg_detail_popup">상세보기</button></td>
|
|
<td>
|
|
<p class="fwRg c_002c9a">187</p>
|
|
</td>
|
|
<td>
|
|
<p class="fwRg c_222">23</p>
|
|
</td>
|
|
<td>
|
|
<p class="fwRg c_002c9a">5</p>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>2025-04-21 18:19</td>
|
|
<td>장문</td>
|
|
<td><button class="btnType btnType20" data-tooltip="longMsg_detail_popup">상세보기</button></td>
|
|
<td>
|
|
<p class="fwRg c_002c9a">187</p>
|
|
</td>
|
|
<td>
|
|
<p class="fwRg c_222">23</p>
|
|
</td>
|
|
<td>
|
|
<p class="fwRg c_002c9a">5</p>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>2025-04-21 18:19</td>
|
|
<td>그림</td>
|
|
<td><button class="btnType btnType20" data-tooltip="photoMsg_detail_popup">상세보기</button></td>
|
|
<td>
|
|
<p class="fwRg c_002c9a">187</p>
|
|
</td>
|
|
<td>
|
|
<p class="fwRg c_222">23</p>
|
|
</td>
|
|
<td>
|
|
<p class="fwRg c_002c9a">5</p>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
<!-- <div class="publish_btn clearfix">
|
|
<div>
|
|
<input type="radio" name="publish" id="publishS" value="statement" checked>
|
|
<label for="publishS">거래명세서</label>
|
|
<input type="radio" name="publish" id="publishD" value="details">
|
|
<label for="publishD">사용내역서</label>
|
|
<select id="addVatType" name="addVatType" class="selType2">
|
|
<option value="N" selected="">부가세 별도</option>
|
|
<option value="Y">부가세 포함</option>
|
|
</select>
|
|
</div>
|
|
<div>
|
|
<button type="button" class="btnType btn_publish">발행하기</button>
|
|
</div>
|
|
</div> -->
|
|
<!-- pagination -->
|
|
<ul class="pagination">
|
|
<li class="page_first"><button><img src="/publish/images/content/page_first.png" alt=""></button></li>
|
|
<li class="page_prev"><button><img src="/publish/images/content/page_prev.png" alt=""></button></li>
|
|
<li class="on"><button>1</button></li>
|
|
<li><button>2</button></li>
|
|
<li><button>3</button></li>
|
|
<li><button>4</button></li>
|
|
<li><button>5</button></li>
|
|
<li><button>6</button></li>
|
|
<li><button>7</button></li>
|
|
<li><button>8</button></li>
|
|
<li><button>9</button></li>
|
|
<li><button>10</button></li>
|
|
<li class="page_next"><button><img src="/publish/images/content/page_next.png" alt=""></button></li>
|
|
<li class="page_last"><button><img src="/publish/images/content/page_last.png" alt=""></button></li>
|
|
</ul><!-- pagination -->
|
|
</div><!-- 결제관리 - 요금 사용내역 -->
|
|
</div>
|
|
</div>
|
|
<!--// send top -->
|
|
</div>
|
|
</div>
|
|
<!--// content 영역 -->
|
|
<!-- footer 영역 -->
|
|
<div data-include-path="/publish/layout/_footer.html"></div>
|
|
<!--// footer 영역 -->
|
|
</body>
|
|
|
|
</html> |