1149 lines
43 KiB
HTML
1149 lines
43 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="ko">
|
|
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<title>대시보드_일반</title>
|
|
|
|
<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;700&display=swap"
|
|
rel="stylesheet" />
|
|
<link rel="stylesheet" href="/pb/css/reset.css" />
|
|
<link rel="stylesheet" href="/pb/css/common.css" />
|
|
<link rel="stylesheet" href="/pb/css/popup.css" />
|
|
<link rel="stylesheet" href="/pb/css/dashboard.css" />
|
|
|
|
<script src="/pb/js/jquery-3.5.0.js"></script>
|
|
<script src="/pb/js/common.js"></script>
|
|
<script src="/pb/js/chart.js"></script>
|
|
<script src="/pb/js/chartjs_plugin_datalabels.js"></script>
|
|
</head>
|
|
|
|
<body>
|
|
<!-- common popup -->
|
|
<div class="popLayer commonPop" style="visibility: hidden">
|
|
<div class="popTit">
|
|
즐겨찾기 매뉴 <input type="button" class="setBtn" /><input type="button" class="closeBtnType2" />
|
|
</div>
|
|
<div class="popCont">
|
|
<ul class="listType1">
|
|
<li>게시판관리</li>
|
|
<li>회원관리</li>
|
|
<li>관리자로그리스트</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<div class="popLayer commonPop" style="visibility: hidden">
|
|
<div class="popTit">
|
|
회원정보 <input type="button" class="closeBtnType2" />
|
|
</div>
|
|
<div class="popCont">
|
|
<ul class="listType1">
|
|
<li>회원정보 수정</li>
|
|
<li>로그아웃</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<!-- //common popup -->
|
|
<!-- header -->
|
|
<header>
|
|
<h1>
|
|
<a href="/pb/dashBoard.html"><img src="/pb/img/common/topLogo.png" alt="아이티앤 로고이미지" /></a>
|
|
</h1>
|
|
<div class="topRight">
|
|
<input type="button" class="allMenu" />
|
|
<ul class="inline">
|
|
<li><input type="button" class="alramBtn" /></li>
|
|
<li><input type="button" class="mailBtn" /></li>
|
|
<li><input type="button" class="quickSiteBtn" /></li>
|
|
<li onclick="cmnPopOpen(this,0)">
|
|
<input type="button" class="favoriteBtn" />
|
|
</li>
|
|
</ul>
|
|
<div class="infoWrap">
|
|
<ul class="inline">
|
|
<li>
|
|
<img src="/pb/img/common/topTimeOut.png" alt="타임아웃 아이콘" />
|
|
<p>로그인 세션 타임아웃 시간 : <span>30</span>분</p>
|
|
</li>
|
|
<li>
|
|
<img src="/pb/img/common/topTime.png" alt="타임 아이콘" />
|
|
<p>최종접속일시 : <span>2020-06-01 11:00</span></p>
|
|
</li>
|
|
</ul>
|
|
<div class="pfWrap">
|
|
<div class="pfImg">
|
|
<img src="/pb/img/pfImg.jpg" alt="개인이미지" />
|
|
</div>
|
|
<ul>
|
|
<li class="pfName">Soobin Jung</li>
|
|
<li class="pfPosi">최고관리자</li>
|
|
</ul>
|
|
<input type="button" class="downBtn" onclick="cmnPopOpen(this,1)" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</header>
|
|
<!-- //header -->
|
|
|
|
<!-- leftMenu -->
|
|
<nav class="leftMenu">
|
|
<ul>
|
|
<li>
|
|
<img src="/pb/img/common/leftMenu1.png" alt="권한관리메뉴 아이콘" />
|
|
<p>권한관리</p>
|
|
<input type="button" class="goBtn" />
|
|
<ul class="subMenu">
|
|
<li>
|
|
<a href="#">권한관리</a>
|
|
</li>
|
|
<li>
|
|
<a href="#">관리자별권한관리</a>
|
|
</li>
|
|
<li>
|
|
<a href="#">롤관리</a>
|
|
</li>
|
|
<li>
|
|
<a href="#">관리자접근허용IP</a>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
<li>
|
|
<img src="/pb/img/common/leftMenu2.png" alt="코드관리메뉴 아이콘" />
|
|
<p>코드관리</p>
|
|
<input type="button" class="goBtn" />
|
|
<ul class="subMenu">
|
|
<li>
|
|
<a href="#">공통코드관리</a>
|
|
</li>
|
|
<li>
|
|
<a href="#">상세코드관리</a>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
<li>
|
|
<img src="/pb/img/common/leftMenu3.png" alt="회원관리메뉴 아이콘" />
|
|
<p>회원관리</p>
|
|
<input type="button" class="goBtn" />
|
|
<ul class="subMenu">
|
|
<li>
|
|
<a href="#">회원가입설정</a>
|
|
</li>
|
|
<li>
|
|
<a href="#">회원탈퇴설정</a>
|
|
</li>
|
|
<li>
|
|
<a href="#">개인정보보호관리</a>
|
|
</li>
|
|
<li>
|
|
<a href="#">접속차단ID관리</a>
|
|
</li>
|
|
<li>
|
|
<a href="#">관리자관리</a>
|
|
</li>
|
|
<li>
|
|
<a href="#">사용자관리</a>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
<li>
|
|
<img src="/pb/img/common/leftMenu4.png" alt="홈페이지관리메뉴 아이콘" />
|
|
<p>홈페이지관리</p>
|
|
<input type="button" class="goBtn" />
|
|
<ul class="subMenu">
|
|
<li>
|
|
<a href="#">매뉴관리</a>
|
|
</li>
|
|
<li>
|
|
<a href="#">게시판관리</a>
|
|
</li>
|
|
<li>
|
|
<a href="#">첨부파일관리</a>
|
|
</li>
|
|
<li>
|
|
<a href="#">조직도</a>
|
|
</li>
|
|
<li>
|
|
<a href="#">결재관리</a>
|
|
</li>
|
|
<li>
|
|
<a href="#">만족도관리</a>
|
|
</li>
|
|
<li>
|
|
<a href="#">약관관리</a>
|
|
</li>
|
|
<li>
|
|
<a href="#">설문조사 관리</a>
|
|
</li>
|
|
<li>
|
|
<a href="#">관리자로그리스트</a>
|
|
</li>
|
|
<li>
|
|
<a href="#">관리자로그보관관리</a>
|
|
</li>
|
|
<li>
|
|
<a href="#">관리자로그설정관리</a>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
<li>
|
|
<img src="/pb/img/common/leftMenu5.png" alt="비주얼관리메뉴 아이콘" />
|
|
<p>비주얼관리</p>
|
|
<input type="button" class="goBtn" />
|
|
<ul class="subMenu">
|
|
<li>
|
|
<a href="#">메인비주얼관리</a>
|
|
</li>
|
|
<li>
|
|
<a href="#">메뉴비주얼관리</a>
|
|
</li>
|
|
<li>
|
|
<a href="#">팝업존관리</a>
|
|
</li>
|
|
<li>
|
|
<a href="#">배너관리</a>
|
|
</li>
|
|
<li>
|
|
<a href="#">팝업관리</a>
|
|
</li>
|
|
<li>
|
|
<a href="#">콘텐츠관리</a>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
<li>
|
|
<img src="/pb/img/common/leftMenu6.png" alt="아이피관리메뉴 아이콘" />
|
|
<p>아이피관리</p>
|
|
<input type="button" class="goBtn" />
|
|
<ul class="subMenu">
|
|
<li>
|
|
<a href="#">아이피현황</a>
|
|
</li>
|
|
<li>
|
|
<a href="#">아이피리스트</a>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
<li>
|
|
<img src="/pb/img/common/leftMenu7.png" alt="환경설정메뉴 아이콘" />
|
|
<p>환경설정</p>
|
|
<input type="button" class="goBtn" />
|
|
<ul class="subMenu">
|
|
<li>
|
|
<a href="#">메타태그관리</a>
|
|
</li>
|
|
<li>
|
|
<a href="#">금지어관리</a>
|
|
</li>
|
|
<li>
|
|
<a href="#">방문자스크립트관리</a>
|
|
</li>
|
|
<li>
|
|
<a href="#">점검중페이지관리</a>
|
|
</li>
|
|
<li>
|
|
<a href="#">웹아이콘관리</a>
|
|
</li>
|
|
<li>
|
|
<a href="#">웹타이틀관리</a>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
<li>
|
|
<img src="/pb/img/common/leftMenu8.png" alt="사이트관리메뉴 아이콘" />
|
|
<p>사이트관리</p>
|
|
<input type="button" class="goBtn" />
|
|
<ul class="subMenu">
|
|
<li>
|
|
<a href="#">아이디관리</a>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
|
|
<div class="btnWrap">
|
|
<ul>
|
|
<li>
|
|
<button>
|
|
<p>관리자 <span>매뉴얼</span></p>
|
|
<img src="/pb/img/common/leftBtnIcon1.png" alt="관리자 매뉴얼 아이콘" />
|
|
</button>
|
|
</li>
|
|
<li>
|
|
<button>
|
|
<p>홈페이지<span>바로가기</span></p>
|
|
<img src="/pb/img/common/leftBtnIcon2.png" alt="홈페이지바로가기 아이콘" />
|
|
</button>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
|
|
<span class="leftBtm">N-CMS Version 3.8</span>
|
|
</nav>
|
|
<!-- //leftMenu -->
|
|
|
|
<!-- cont -->
|
|
<div class="contWrap dashBoard">
|
|
<h2 class="titType2 fwExtBold">DASHBOARD</h2>
|
|
<div class="tab_wrap">
|
|
<button type="button" class="btn_tab on" onclick="location.href='/pb/dashboard_2022_basic.html'">일반</button>
|
|
<button type="button" class="btn_tab" onclick="location.href='/pb/dashboard_2022_cs.html'">CS팀</button>
|
|
</div>
|
|
<div class="cont">
|
|
<div class="box today_business_status">
|
|
<div class="boxTitle">
|
|
<h3 class="titType2 fwBold">
|
|
금일 업무처리 현황<span>(단위 : 건)</span>
|
|
</h3>
|
|
<input type="button" class="plusBtn" />
|
|
</div>
|
|
<div class="boxCont">
|
|
<div class="calendar_wrap">
|
|
<button type="button" class="btn_prev" onclick="dateSet(this);">
|
|
<img src="/pb/img/calendar_btn_prev.png" alt="" />
|
|
</button>
|
|
<p>2022.08.26</p>
|
|
<button type="button" class="btn_next" onclick="dateSet(this);">
|
|
<img src="/pb/img/calendar_btn_next.png" alt="" />
|
|
</button>
|
|
<button type="button" class="btn_today" onclick="dateSet(this);">오늘</button>
|
|
<button type="button" class="btn_calendar">
|
|
<img src="/pb/img/btn_calendar.png" alt="" />
|
|
</button>
|
|
</div>
|
|
<ul class="today_business_ul">
|
|
<li class="today_business_li01">
|
|
<i></i>
|
|
<p class="today_business_title">기업회원신청</p>
|
|
<a href="#" class="today_business_num"><span class="c_e40000 fwBold">999,999,999</span>건</a>
|
|
</li>
|
|
<li class="today_business_li02">
|
|
<i></i>
|
|
<p class="today_business_title">맞춤제작</p>
|
|
<a href="#" class="today_business_num"><span>999,999,999</span>건</a>
|
|
</li>
|
|
<li class="today_business_li03">
|
|
<i></i>
|
|
<p class="today_business_title">발신번호승인</p>
|
|
<a href="#" class="today_business_num"><span class="c_e40000 fwBold">999,999,999</span>건</a>
|
|
</li>
|
|
<li class="today_business_li04">
|
|
<i></i>
|
|
<p class="today_business_title">세금계산서</p>
|
|
<a href="#" class="today_business_num"><span class="c_e40000 fwBold">999,999,999</span>건</a>
|
|
</li>
|
|
<li class="today_business_li05">
|
|
<i></i>
|
|
<p class="today_business_title">환불/결제취소 요청</p>
|
|
<a href="#" class="today_business_num"><span>999,999,999</span>건</a>
|
|
</li>
|
|
<li class="today_business_li06">
|
|
<i></i>
|
|
<p class="today_business_title">현금영수증</p>
|
|
<a href="#" class="today_business_num"><span class="c_e40000 fwBold">999,999,999</span>건</a>
|
|
</li>
|
|
<li class="today_business_li07">
|
|
<i></i>
|
|
<p class="today_business_title">1:1 문의</p>
|
|
<a href="#" class="today_business_num"><span>999,999,999</span>건</a>
|
|
</li>
|
|
<li class="today_business_li08">
|
|
<i></i>
|
|
<p class="today_business_title">포인트 현금 전환</p>
|
|
<a href="#" class="today_business_num"><span>999,999,999</span>건</a>
|
|
</li>
|
|
<li class="today_business_li09">
|
|
<i></i>
|
|
<p class="today_business_title">주소록 입력</p>
|
|
<a href="#" class="today_business_num"><span class="c_e40000 fwBold">999,999,999</span>건</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- //금일업무처리현황 -->
|
|
|
|
<!-- 회원현황 -->
|
|
<div class="box user_status">
|
|
<div class="boxTitle">
|
|
<h3 class="titType2 fwBold">회원현황<span>(단위 : 명)</span></h3>
|
|
<input type="button" class="plusBtn" />
|
|
</div>
|
|
<div class="boxCont">
|
|
<div class="calendar_wrap">
|
|
<button type="button" class="btn_prev" onclick="dateSet(this);">
|
|
<img src="/pb/img/calendar_btn_prev.png" alt="" />
|
|
</button>
|
|
<p>2022.08.26</p>
|
|
<button type="button" class="btn_next" onclick="dateSet(this);">
|
|
<img src="/pb/img/calendar_btn_next.png" alt="" />
|
|
</button>
|
|
<button type="button" class="btn_today" onclick="dateSet(this);">오늘</button>
|
|
<button type="button" class="btn_calendar">
|
|
<img src="/pb/img/btn_calendar.png" alt="" />
|
|
</button>
|
|
</div>
|
|
<table class="tbType4">
|
|
<colgroup>
|
|
<col style="width: 80px" />
|
|
<col style="width: calc((83% - 80px) / 4)" />
|
|
<col style="width: calc((83% - 80px) / 4)" />
|
|
<col style="width: calc((83% - 80px) / 4)" />
|
|
<col style="width: calc((83% - 80px) / 4)" />
|
|
<col style="width: 17%" />
|
|
</colgroup>
|
|
<thead>
|
|
<tr>
|
|
<th>구분</th>
|
|
<th>누적(A)</th>
|
|
<th>신규(B)</th>
|
|
<th>정지(C)</th>
|
|
<th>탈퇴(D)</th>
|
|
<th>합계(E)</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr>
|
|
<th>기업</th>
|
|
<td><a href="#">100,000,000</a></td>
|
|
<td><a href="#" class="c_e40000 fwBold">100,000,000</a></td>
|
|
<td><a href="#">100,000,000</a></td>
|
|
<td><a href="#">100,000,000</a></td>
|
|
<td><a href="#">100,000,000</a></td>
|
|
</tr>
|
|
<tr>
|
|
<th>개인</th>
|
|
<td><a href="#">100,000,000</a></td>
|
|
<td><a href="#" class="c_e40000 fwBold">100,000,000</a></td>
|
|
<td><a href="#">100,000,000</a></td>
|
|
<td><a href="#">100,000,000</a></td>
|
|
<td><a href="#">100,000,000</a></td>
|
|
</tr>
|
|
<tr>
|
|
<th>소계</th>
|
|
<td><a href="#">100,000,000</a></td>
|
|
<td><a href="#" class="c_e40000 fwBold">100,000,000</a></td>
|
|
<td><a href="#">100,000,000</a></td>
|
|
<td><a href="#">100,000,000</a></td>
|
|
<td><a href="#">100,000,000</a></td>
|
|
</tr>
|
|
<tr>
|
|
<th>당월누적</th>
|
|
<td><a href="#">100,000,000</a></td>
|
|
<td><a href="#">100,000,000</a></td>
|
|
<td><a href="#">100,000,000</a></td>
|
|
<td><a href="#">100,000,000</a></td>
|
|
<td><a href="#">100,000,000</a></td>
|
|
</tr>
|
|
<tr>
|
|
<th>분기누적</th>
|
|
<td><a href="#">100,000,000</a></td>
|
|
<td><a href="#">100,000,000</a></td>
|
|
<td><a href="#">100,000,000</a></td>
|
|
<td><a href="#">100,000,000</a></td>
|
|
<td><a href="#">100,000,000</a></td>
|
|
</tr>
|
|
<tr>
|
|
<th>연간누적</th>
|
|
<td><a href="#">100,000,000</a></td>
|
|
<td><a href="#">100,000,000</a></td>
|
|
<td><a href="#">100,000,000</a></td>
|
|
<td><a href="#">100,000,000</a></td>
|
|
<td><a href="#">100,000,000</a></td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
<!-- //회원현황 -->
|
|
|
|
<!-- 매출현황 -->
|
|
<div class="box sales_status">
|
|
<div class="boxTitle">
|
|
<h3 class="titType2 fwBold">매출현황<span>(단위 : 원, 건, VAT별도)</span></h3>
|
|
<input type="button" class="plusBtn" />
|
|
</div>
|
|
<div class="boxCont">
|
|
<div class="calendar_wrap">
|
|
<button type="button" class="btn_prev" onclick="dateSet(this);">
|
|
<img src="/pb/img/calendar_btn_prev.png" alt="" />
|
|
</button>
|
|
<p>2022.08.26</p>
|
|
<button type="button" class="btn_next" onclick="dateSet(this);">
|
|
<img src="/pb/img/calendar_btn_next.png" alt="" />
|
|
</button>
|
|
<button type="button" class="btn_today" onclick="dateSet(this);">오늘</button>
|
|
<button type="button" class="btn_calendar">
|
|
<img src="/pb/img/btn_calendar.png" alt="" />
|
|
</button>
|
|
</div>
|
|
<table class="tbType4">
|
|
<colgroup>
|
|
<col style="width: 85px" />
|
|
<col style="width: 98px" />
|
|
<col style="width: calc((100% - 383px) / 6)" />
|
|
<col style="width: calc((100% - 383px) / 6)" />
|
|
<col style="width: calc((100% - 383px) / 6)" />
|
|
<col style="width: calc((100% - 383px) / 6)" />
|
|
<col style="width: calc((100% - 383px) / 6)" />
|
|
<col style="width: calc((100% - 383px) / 6)" />
|
|
<col style="width: 18%" />
|
|
</colgroup>
|
|
<thead>
|
|
<tr>
|
|
<th colspan="2">구분</th>
|
|
<th>신용카드(A)</th>
|
|
<th>전용계좌(B)</th>
|
|
<th>휴대폰(C)</th>
|
|
<th>즉시이체(D)</th>
|
|
<th>결제취소(E)</th>
|
|
<th>환불(F)</th>
|
|
<th>합계(G=A+B+C+D-E-F)</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr>
|
|
<th rowspan="2">금일</th>
|
|
<th>금액(원)</th>
|
|
<td><a href="#">100,000,000</a></td>
|
|
<td><a href="#">100,000,000</a></td>
|
|
<td><a href="#">100,000,000</a></td>
|
|
<td><a href="#">100,000,000</a></td>
|
|
<td><a href="#">100,000,000</a></td>
|
|
<td><a href="#">100,000,000</a></td>
|
|
<td><a href="#" class="c_e40000 fwBold">100,000,000</a></td>
|
|
</tr>
|
|
<tr>
|
|
<th>건수(건)</th>
|
|
<td><a href="#">100,000,000</a></td>
|
|
<td><a href="#">100,000,000</a></td>
|
|
<td><a href="#">100,000,000</a></td>
|
|
<td><a href="#">100,000,000</a></td>
|
|
<td><a href="#">100,000,000</a></td>
|
|
<td><a href="#">100,000,000</a></td>
|
|
<td><a href="#" class="c_e40000 fwBold" >100,000,000</a></td>
|
|
</tr>
|
|
<tr>
|
|
<th rowspan="2">당월</th>
|
|
<th>금액(원)</th>
|
|
<td><a href="#">100,000,000</a></td>
|
|
<td><a href="#">100,000,000</a></td>
|
|
<td><a href="#">100,000,000</a></td>
|
|
<td><a href="#">100,000,000</a></td>
|
|
<td><a href="#">100,000,000</a></td>
|
|
<td><a href="#">100,000,000</a></td>
|
|
<td><a href="#">100,000,000</a></td>
|
|
</tr>
|
|
<tr>
|
|
<th>건수(건)</th>
|
|
<td><a href="#">100,000,000</a></td>
|
|
<td><a href="#">100,000,000</a></td>
|
|
<td><a href="#">100,000,000</a></td>
|
|
<td><a href="#">100,000,000</a></td>
|
|
<td><a href="#">100,000,000</a></td>
|
|
<td><a href="#">100,000,000</a></td>
|
|
<td><a href="#">100,000,000</a></td>
|
|
</tr>
|
|
<tr>
|
|
<th rowspan="2">분기별</th>
|
|
<th>금액(원)</th>
|
|
<td><a href="#">100,000,000</a></td>
|
|
<td><a href="#">100,000,000</a></td>
|
|
<td><a href="#">100,000,000</a></td>
|
|
<td><a href="#">100,000,000</a></td>
|
|
<td><a href="#">100,000,000</a></td>
|
|
<td><a href="#">100,000,000</a></td>
|
|
<td><a href="#">100,000,000</a></td>
|
|
</tr>
|
|
<tr>
|
|
<th>건수(건)</th>
|
|
<td><a href="#">100,000,000</a></td>
|
|
<td><a href="#">100,000,000</a></td>
|
|
<td><a href="#">100,000,000</a></td>
|
|
<td><a href="#">100,000,000</a></td>
|
|
<td><a href="#">100,000,000</a></td>
|
|
<td><a href="#">100,000,000</a></td>
|
|
<td><a href="#">100,000,000</a></td>
|
|
</tr>
|
|
<tr>
|
|
<th rowspan="2">연간</th>
|
|
<th>금액(원)</th>
|
|
<td><a href="#">100,000,000</a></td>
|
|
<td><a href="#">100,000,000</a></td>
|
|
<td><a href="#">100,000,000</a></td>
|
|
<td><a href="#">100,000,000</a></td>
|
|
<td><a href="#">100,000,000</a></td>
|
|
<td><a href="#">100,000,000</a></td>
|
|
<td><a href="#">100,000,000</a></td>
|
|
</tr>
|
|
<tr>
|
|
<th>건수(건)</th>
|
|
<td><a href="#">100,000,000</a></td>
|
|
<td><a href="#">100,000,000</a></td>
|
|
<td><a href="#">100,000,000</a></td>
|
|
<td><a href="#">100,000,000</a></td>
|
|
<td><a href="#">100,000,000</a></td>
|
|
<td><a href="#">100,000,000</a></td>
|
|
<td><a href="#">100,000,000</a></td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
<!-- //매출현황 -->
|
|
|
|
<!-- 문자발송현황 -->
|
|
<div class="box message_send_status">
|
|
<div class="boxTitle">
|
|
<h3 class="titType2 fwBold">매출현황<span>(단위 : 건, %)</span></h3>
|
|
<input type="button" class="plusBtn" />
|
|
</div>
|
|
<div class="boxCont">
|
|
<div class="calendar_wrap">
|
|
<button type="button" class="btn_prev" onclick="dateSet(this);">
|
|
<img src="/pb/img/calendar_btn_prev.png" alt="" />
|
|
</button>
|
|
<p>2022.08.26</p>
|
|
<button type="button" class="btn_next" onclick="dateSet(this);">
|
|
<img src="/pb/img/calendar_btn_next.png" alt="" />
|
|
</button>
|
|
<button type="button" class="btn_today" onclick="dateSet(this);">오늘</button>
|
|
<button type="button" class="btn_calendar">
|
|
<img src="/pb/img/btn_calendar.png" alt="" />
|
|
</button>
|
|
</div>
|
|
<table class="tbType4">
|
|
<colgroup>
|
|
<col style="width: 100px" />
|
|
<col style="width: 116px" />
|
|
<col style="width: calc((100% - 416px) / 6)" />
|
|
<col style="width: calc((100% - 416px) / 6)" />
|
|
<col style="width: calc((100% - 416px) / 6)" />
|
|
<col style="width: calc((100% - 416px) / 6)" />
|
|
<col style="width: calc((100% - 416px) / 6)" />
|
|
<col style="width: calc((100% - 416px) / 6)" />
|
|
<col style="width: 200px" />
|
|
</colgroup>
|
|
<thead>
|
|
<tr>
|
|
<th colspan="2">구분</th>
|
|
<th>단문(SMS)</th>
|
|
<th>장문(LMS)</th>
|
|
<th>그림(MMS)</th>
|
|
<th>선거문자</th>
|
|
<th>알림톡</th>
|
|
<th>친구톡</th>
|
|
<th>합계</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr>
|
|
<th rowspan="4">금일</th>
|
|
<th>발송건수</th>
|
|
<td><a href="#" class="c_e40000 fwBold">100,000,000</a></td>
|
|
<td><a href="#" class="c_e40000 fwBold">100,000,000</a></td>
|
|
<td><a href="#" class="c_e40000 fwBold">100,000,000</a></td>
|
|
<td><a href="#" class="c_e40000 fwBold">100,000,000</a></td>
|
|
<td><a href="#" class="c_e40000 fwBold">100,000,000</a></td>
|
|
<td><a href="#" class="c_e40000 fwBold">100,000,000</a></td>
|
|
<td><a href="#" class="c_e40000 fwBold">100,000,000</a></td>
|
|
</tr>
|
|
<tr>
|
|
<th>성공</th>
|
|
<td><a href="#">100,000,000</a></td>
|
|
<td><a href="#">100,000,000</a></td>
|
|
<td><a href="#">100,000,000</a></td>
|
|
<td><a href="#">100,000,000</a></td>
|
|
<td><a href="#">100,000,000</a></td>
|
|
<td><a href="#">100,000,000</a></td>
|
|
<td><a href="#">100,000,000</a></td>
|
|
</tr>
|
|
<tr>
|
|
<th>실패</th>
|
|
<td><a href="#">100,000,000</a></td>
|
|
<td><a href="#">100,000,000</a></td>
|
|
<td><a href="#">100,000,000</a></td>
|
|
<td><a href="#">100,000,000</a></td>
|
|
<td><a href="#">100,000,000</a></td>
|
|
<td><a href="#">100,000,000</a></td>
|
|
<td><a href="#">100,000,000</a></td>
|
|
</tr>
|
|
<tr>
|
|
<th>성공률</th>
|
|
<td><a href="#">100%</a></td>
|
|
<td><a href="#">100%</a></td>
|
|
<td><a href="#">100%</a></td>
|
|
<td><a href="#">100%</a></td>
|
|
<td><a href="#">100%</a></td>
|
|
<td><a href="#">100%</a></td>
|
|
<td><a href="#">100%</a></td>
|
|
</tr>
|
|
<tr>
|
|
<th rowspan="4">당월</th>
|
|
<th>발송건수</th>
|
|
<td><a href="#">100,000,000</a></td>
|
|
<td><a href="#">100,000,000</a></td>
|
|
<td><a href="#">100,000,000</a></td>
|
|
<td><a href="#">100,000,000</a></td>
|
|
<td><a href="#">100,000,000</a></td>
|
|
<td><a href="#">100,000,000</a></td>
|
|
<td><a href="#">100,000,000</a></td>
|
|
</tr>
|
|
<tr>
|
|
<th>성공</th>
|
|
<td><a href="#">100,000,000</a></td>
|
|
<td><a href="#">100,000,000</a></td>
|
|
<td><a href="#">100,000,000</a></td>
|
|
<td><a href="#">100,000,000</a></td>
|
|
<td><a href="#">100,000,000</a></td>
|
|
<td><a href="#">100,000,000</a></td>
|
|
<td><a href="#">100,000,000</a></td>
|
|
</tr>
|
|
<tr>
|
|
<th>실패</th>
|
|
<td><a href="#">100,000,000</a></td>
|
|
<td><a href="#">100,000,000</a></td>
|
|
<td><a href="#">100,000,000</a></td>
|
|
<td><a href="#">100,000,000</a></td>
|
|
<td><a href="#">100,000,000</a></td>
|
|
<td><a href="#">100,000,000</a></td>
|
|
<td><a href="#">100,000,000</a></td>
|
|
</tr>
|
|
<tr>
|
|
<th>성공률</th>
|
|
<td><a href="#">100%</a></td>
|
|
<td><a href="#">100%</a></td>
|
|
<td><a href="#">100%</a></td>
|
|
<td><a href="#">100%</a></td>
|
|
<td><a href="#">100%</a></td>
|
|
<td><a href="#">100%</a></td>
|
|
<td><a href="#">100%</a></td>
|
|
</tr>
|
|
<tr>
|
|
<th rowspan="4">분기별</th>
|
|
<th>발송건수</th>
|
|
<td><a href="#">100,000,000</a></td>
|
|
<td><a href="#">100,000,000</a></td>
|
|
<td><a href="#">100,000,000</a></td>
|
|
<td><a href="#">100,000,000</a></td>
|
|
<td><a href="#">100,000,000</a></td>
|
|
<td><a href="#">100,000,000</a></td>
|
|
<td><a href="#">100,000,000</a></td>
|
|
</tr>
|
|
<tr>
|
|
<th>성공</th>
|
|
<td><a href="#">100,000,000</a></td>
|
|
<td><a href="#">100,000,000</a></td>
|
|
<td><a href="#">100,000,000</a></td>
|
|
<td><a href="#">100,000,000</a></td>
|
|
<td><a href="#">100,000,000</a></td>
|
|
<td><a href="#">100,000,000</a></td>
|
|
<td><a href="#">100,000,000</a></td>
|
|
</tr>
|
|
<tr>
|
|
<th>실패</th>
|
|
<td><a href="#">100,000,000</a></td>
|
|
<td><a href="#">100,000,000</a></td>
|
|
<td><a href="#">100,000,000</a></td>
|
|
<td><a href="#">100,000,000</a></td>
|
|
<td><a href="#">100,000,000</a></td>
|
|
<td><a href="#">100,000,000</a></td>
|
|
<td><a href="#">100,000,000</a></td>
|
|
</tr>
|
|
<tr>
|
|
<th>성공률</th>
|
|
<td><a href="#">100%</a></td>
|
|
<td><a href="#">100%</a></td>
|
|
<td><a href="#">100%</a></td>
|
|
<td><a href="#">100%</a></td>
|
|
<td><a href="#">100%</a></td>
|
|
<td><a href="#">100%</a></td>
|
|
<td><a href="#">100%</a></td>
|
|
</tr>
|
|
<tr>
|
|
<th rowspan="4">연간</th>
|
|
<th>발송건수</th>
|
|
<td><a href="#">100,000,000</a></td>
|
|
<td><a href="#">100,000,000</a></td>
|
|
<td><a href="#">100,000,000</a></td>
|
|
<td><a href="#">100,000,000</a></td>
|
|
<td><a href="#">100,000,000</a></td>
|
|
<td><a href="#">100,000,000</a></td>
|
|
<td><a href="#">100,000,000</a></td>
|
|
</tr>
|
|
<tr>
|
|
<th>성공</th>
|
|
<td><a href="#">100,000,000</a></td>
|
|
<td><a href="#">100,000,000</a></td>
|
|
<td><a href="#">100,000,000</a></td>
|
|
<td><a href="#">100,000,000</a></td>
|
|
<td><a href="#">100,000,000</a></td>
|
|
<td><a href="#">100,000,000</a></td>
|
|
<td><a href="#">100,000,000</a></td>
|
|
</tr>
|
|
<tr>
|
|
<th>실패</th>
|
|
<td><a href="#">100,000,000</a></td>
|
|
<td><a href="#">100,000,000</a></td>
|
|
<td><a href="#">100,000,000</a></td>
|
|
<td><a href="#">100,000,000</a></td>
|
|
<td><a href="#">100,000,000</a></td>
|
|
<td><a href="#">100,000,000</a></td>
|
|
<td><a href="#">100,000,000</a></td>
|
|
</tr>
|
|
<tr>
|
|
<th>성공률</th>
|
|
<td><a href="#">100%</a></td>
|
|
<td><a href="#">100%</a></td>
|
|
<td><a href="#">100%</a></td>
|
|
<td><a href="#">100%</a></td>
|
|
<td><a href="#">100%</a></td>
|
|
<td><a href="#">100%</a></td>
|
|
<td><a href="#">100%</a></td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
<!-- //문자발송현황 -->
|
|
|
|
<!-- 신규회원문자전송내역 -->
|
|
<div class="box new_user_status">
|
|
<div class="boxTitle">
|
|
<h3 class="titType2 fwBold">신규회원 문자전송내역<span>(단위 : 건)</span></h3>
|
|
<input type="button" class="plusBtn" />
|
|
</div>
|
|
<div class="boxCont">
|
|
<table class="tbType4">
|
|
<colgroup>
|
|
<col style="width: 7%;" />
|
|
<col style="width: 10%;" />
|
|
<col style="width: 13%;" />
|
|
<col style="width: 15%;" />
|
|
<col style="width: 15%" />
|
|
<col style="width: auto" />
|
|
<col style="width: 75px" />
|
|
<col style="width: 10%" />
|
|
</colgroup>
|
|
<thead>
|
|
<tr>
|
|
<th>구분</th>
|
|
<th>아이디</th>
|
|
<th>발신번호</th>
|
|
<th>발송일시</th>
|
|
<th>발송건수</th>
|
|
<th>문자내용</th>
|
|
<th>타입</th>
|
|
<th>전송사</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr>
|
|
<td><a href="#">1</a></td>
|
|
<td><a href="#">phs1704</a></td>
|
|
<td><a href="#">010-7737-8222</a></td>
|
|
<td><a href="#">2022.09.13, 13:18</a></td>
|
|
<td><a href="#">100,000,000</a></td>
|
|
<td>
|
|
<a href="#" class="tb_subj">고객님 담당자 최민정실장입니다고객님 담당자
|
|
최민정실장입니다</a>
|
|
</td>
|
|
<td><a href="#" class="tb_status send_type_mms">MMS</a></td>
|
|
<td><a href="#">현대퓨처넷</a></td>
|
|
</tr>
|
|
<tr>
|
|
<td><a href="#">1</a></td>
|
|
<td><a href="#">phs1704</a></td>
|
|
<td><a href="#">010-7737-8222</a></td>
|
|
<td><a href="#">2022.09.13, 13:18</a></td>
|
|
<td><a href="#">100,000,000</a></td>
|
|
<td>
|
|
<a href="#" class="tb_subj">고객님 담당자 최민정실장입니다</a>
|
|
</td>
|
|
<td><a href="#" class="tb_status send_type_sms">SMS</a></td>
|
|
<td><a href="#">현대퓨처넷</a></td>
|
|
</tr>
|
|
<tr>
|
|
<td><a href="#">1</a></td>
|
|
<td><a href="#">phs1704</a></td>
|
|
<td><a href="#">010-7737-8222</a></td>
|
|
<td><a href="#">2022.09.13, 13:18</a></td>
|
|
<td><a href="#">100,000,000</a></td>
|
|
<td>
|
|
<a href="#" class="tb_subj">고객님 담당자 최민정실장입니다</a>
|
|
</td>
|
|
<td><a href="#" class="tb_status send_type_lms">LMS</a></td>
|
|
<td><a href="#">현대퓨처넷</a></td>
|
|
</tr>
|
|
<tr>
|
|
<td><a href="#">1</a></td>
|
|
<td><a href="#">phs1704</a></td>
|
|
<td><a href="#">010-7737-8222</a></td>
|
|
<td><a href="#">2022.09.13, 13:18</a></td>
|
|
<td><a href="#">100,000,000</a></td>
|
|
<td>
|
|
<a href="#" class="tb_subj">고객님 담당자 최민정실장입니다</a>
|
|
</td>
|
|
<td><a href="#" class="tb_status send_type_lms">LMS</a></td>
|
|
<td><a href="#">현대퓨처넷</a></td>
|
|
</tr>
|
|
<tr>
|
|
<td><a href="#">1</a></td>
|
|
<td><a href="#">phs1704</a></td>
|
|
<td><a href="#">010-7737-8222</a></td>
|
|
<td><a href="#">2022.09.13, 13:18</a></td>
|
|
<td><a href="#">100,000,000</a></td>
|
|
<td>
|
|
<a href="#" class="tb_subj">고객님 담당자 최민정실장입니다</a>
|
|
</td>
|
|
<td><a href="#" class="tb_status send_type_lms">LMS</a></td>
|
|
<td><a href="#">현대퓨처넷</a></td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
<!-- //신규회원문자전송내역 -->
|
|
|
|
<!-- 해킹의심IP현황 -->
|
|
<div class="box hacking_ip_status">
|
|
<div class="boxTitle">
|
|
<h3 class="titType2 fwBold">해킹의심 IP 현황<span>(단위 : 건)</span></h3>
|
|
<input type="button" class="plusBtn" />
|
|
</div>
|
|
<div class="boxCont">
|
|
<table class="tbType4">
|
|
<colgroup>
|
|
<col style="width: 7%;" />
|
|
<col style="width: 10%" />
|
|
<col style="width: 15%" />
|
|
<col style="width: 20%" />
|
|
<col style="width: 15%" />
|
|
<col style="width: 18%" />
|
|
</colgroup>
|
|
<thead>
|
|
<tr>
|
|
<th>구분</th>
|
|
<th>차단상태</th>
|
|
<th>아이디</th>
|
|
<th>IP</th>
|
|
<th>로그인<br />실패 횟수</th>
|
|
<th>최근접속시간</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr>
|
|
<td><a href="#">1</a></td>
|
|
<td>
|
|
<a href="#" class="tb_status tb_status_01">대기</a>
|
|
</td>
|
|
<td><a href="#">sdrfdsd19</a></td>
|
|
<td><a href="#">192.240.88.15</a></td>
|
|
<td><a href="#">381</a></td>
|
|
<td><a href="#">2022.08.15, 14:19:29</a></td>
|
|
</tr>
|
|
<tr>
|
|
<td><a href="#">2</a></td>
|
|
<td>
|
|
<a href="#" class="tb_status tb_status_01">대기</a>
|
|
</td>
|
|
<td><a href="#">sdrfdsd19</a></td>
|
|
<td><a href="#">192.240.88.15</a></td>
|
|
<td><a href="#">381</a></td>
|
|
<td><a href="#">2022.08.15, 14:19:29</a></td>
|
|
</tr>
|
|
<tr>
|
|
<td><a href="#">3</a></td>
|
|
<td>
|
|
<a href="#" class="tb_status tb_status_02">차단</a>
|
|
</td>
|
|
<td><a href="#">sdrfdsd19</a></td>
|
|
<td><a href="#">192.240.88.15</a></td>
|
|
<td><a href="#">381</a></td>
|
|
<td><a href="#">2022.08.15, 14:19:29</a></td>
|
|
</tr>
|
|
<tr>
|
|
<td><a href="#">4</a></td>
|
|
<td>
|
|
<a href="#" class="tb_status tb_status_02">차단</a>
|
|
</td>
|
|
<td><a href="#">sdrfdsd19</a></td>
|
|
<td><a href="#">192.240.88.15</a></td>
|
|
<td><a href="#">381</a></td>
|
|
<td><a href="#">2022.08.15, 14:19:29</a></td>
|
|
</tr>
|
|
<tr>
|
|
<td><a href="#">5</a></td>
|
|
<td>
|
|
<a href="#" class="tb_status tb_status_02">차단</a>
|
|
</td>
|
|
<td><a href="#">sdrfdsd19</a></td>
|
|
<td><a href="#">192.240.88.15</a></td>
|
|
<td><a href="#">381</a></td>
|
|
<td><a href="#">2022.08.15, 14:19:29</a></td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
<!-- //해킹의심IP현황 -->
|
|
|
|
<!-- 1:1문의현황 -->
|
|
<div class="box inquiry_status">
|
|
<div class="boxTitle">
|
|
<h3 class="titType2 fwBold">1:1 문의 현황<span>(단위 : 건)</span></h3>
|
|
<input type="button" class="plusBtn" />
|
|
</div>
|
|
<div class="boxCont">
|
|
<table class="tbType4">
|
|
<colgroup>
|
|
<col style="width: 50px;" />
|
|
<col style="width: 13%;" />
|
|
<col style="width: 15%;" />
|
|
<col style="width: 10%;" />
|
|
<col style="width: auto;" />
|
|
<col style="width: 20%;" />
|
|
</colgroup>
|
|
<thead>
|
|
<tr>
|
|
<th colspan="2">구분</th>
|
|
<th>아이디</th>
|
|
<th>성명</th>
|
|
<th>문의내용</th>
|
|
<th>등록일시</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr>
|
|
<td><a href="#">1</a></td>
|
|
<td><a href="#" class="tb_status tb_status_01">미답변</a></td>
|
|
<td><a href="#">sdrfdsd19</a></td>
|
|
<td><a href="#">홍길동</a></td>
|
|
<td><a href="#" class="tb_subj">고객님 담당자 최민정 실장입니다. 궁금합니다.</a></td>
|
|
<td><a href="#">2022.08.15, 14:19:29</a></td>
|
|
</tr>
|
|
<tr>
|
|
<td><a href="#">1</a></td>
|
|
<td><a href="#" class="tb_status tb_status_03">답변완료</a></td>
|
|
<td><a href="#">sdrfdsd19</a></td>
|
|
<td><a href="#">홍길동</a></td>
|
|
<td><a href="#" class="tb_subj">고객님 담당자 최민정 실장입니다. 궁금합니다.</a></td>
|
|
<td><a href="#">2022.08.15, 14:19:29</a></td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
<!-- //1:1문의 현황 -->
|
|
|
|
<!-- 접속통계 -->
|
|
<div class="box connection_statistics">
|
|
<div class="boxTitle">
|
|
<h3 class="titType2 fwBold">접속통계<span>(단위 : 건)</span></h3>
|
|
<input type="button" class="plusBtn" />
|
|
</div>
|
|
<div class="boxCont">
|
|
<canvas id="myChart" width="400" height="150"></canvas>
|
|
<script src="https://cdn.jsdelivr.net/npm/chart.js@3.0.0/dist/chart.min.js"></script>
|
|
<script src="https://cdn.jsdelivr.net/npm/chartjs-plugin-datalabels@2.0.0"></script>
|
|
<script>
|
|
var ctx = document.getElementById('myChart').getContext('2d');
|
|
Chart.register(ChartDataLabels);
|
|
var myChart = new Chart(ctx, {
|
|
type: 'bar',
|
|
data: {
|
|
labels: ['08-26', '08-25', '08-24', '08-23', '08-22', '08-21', '08-20'],
|
|
datasets: [{
|
|
label: 'PC', //작은 분류
|
|
backgroundColor: ['#fd3c97'],
|
|
data: [135, 62, 112, 75, 105, 128, 165],
|
|
borderRadius: '5',
|
|
barPercentage: '0.65',
|
|
// 막대 그래프 위 data 노출
|
|
datalabels: {
|
|
color: '#fd3c97',
|
|
align: 'end',
|
|
anchor: 'end',
|
|
offset: -1,
|
|
font: {
|
|
size: 12,
|
|
weight: 500,
|
|
family: "'Noto Sans KR', sans-serif",
|
|
lineHeight: 1
|
|
}
|
|
}
|
|
},
|
|
{
|
|
label: '모바일', //작은 분류
|
|
backgroundColor: ['#6d81f5'],
|
|
data: [80, 15, 125, 34, 21, 20, 2],
|
|
borderRadius: '5',
|
|
barPercentage: '0.65',
|
|
datalabels: {
|
|
color: '#6d81f5',
|
|
align: 'end',
|
|
anchor: 'end',
|
|
offset: -1,
|
|
font: {
|
|
size: 12,
|
|
weight: 500,
|
|
family: "'Noto Sans KR', sans-serif",
|
|
lineHeight: 1
|
|
}
|
|
}
|
|
},
|
|
{
|
|
label: '전체', //작은 분류
|
|
backgroundColor: ['#aaaaaa'],
|
|
data: [215, 78, 237, 109, 100, 148, 167],
|
|
borderRadius: '5',
|
|
barPercentage: '0.65',
|
|
datalabels: {
|
|
color: '#aaaaaa',
|
|
align: 'end',
|
|
anchor: 'end',
|
|
offset: -1,
|
|
font: {
|
|
size: 12,
|
|
weight: 500,
|
|
family: "'Noto Sans KR', sans-serif",
|
|
lineHeight: 1
|
|
}
|
|
}
|
|
}
|
|
]
|
|
},
|
|
options: {
|
|
plugins: {
|
|
legend: {
|
|
display: true,
|
|
position: "top",
|
|
align: "end",
|
|
labels: {
|
|
color: '#444', // 폰트 컬러
|
|
usePointStyle: true,
|
|
pointStyle: "rectRounded",
|
|
boxWidth: 13,
|
|
borderWidth: 0,
|
|
font: {
|
|
size: 15,
|
|
weight: 400,
|
|
family: "'Noto Sans KR', sans-serif",
|
|
lineHeight: 1
|
|
}
|
|
}
|
|
}
|
|
},
|
|
}
|
|
});
|
|
</script>
|
|
</div>
|
|
</div>
|
|
<!-- //접속통계 -->
|
|
</div>
|
|
</div>
|
|
<!-- //cont -->
|
|
</body>
|
|
|
|
</html> |