init
This commit is contained in:
Jaybe
@@ -0,0 +1,12 @@
|
||||
<?=$this->extend('templates/front_example.php');?>
|
||||
|
||||
<?=$this->section('content');?>
|
||||
<!--html 쓰는곳-->
|
||||
<?=$this->endSection();?>
|
||||
|
||||
<?=$this->section('script');?>
|
||||
<script>
|
||||
//스크립트 쓰는곳
|
||||
|
||||
</script>
|
||||
<?=$this->endSection();?>
|
||||
@@ -0,0 +1,759 @@
|
||||
<?=$this->extend('templates/front.php');?>
|
||||
|
||||
<!--타이틀-->
|
||||
<?=$this->section('title');?>
|
||||
ZENITH - 통합 DB 관리
|
||||
<?=$this->endSection();?>
|
||||
|
||||
<!--헤더-->
|
||||
<?=$this->section('header');?>
|
||||
<link href="/static/node_modules/datatables.net-bs5/css/dataTables.bootstrap5.min.css" rel="stylesheet">
|
||||
<link href="/static/node_modules/datatables.net-buttons-bs5/css/buttons.bootstrap5.min.css" rel="stylesheet">
|
||||
<link href="/static/node_modules/datatables.net-staterestore-bs5/css/stateRestore.bootstrap5.min.css" rel="stylesheet">
|
||||
<script src="/static/node_modules/datatables.net/js/dataTables.min.js"></script>
|
||||
<script src="/static/node_modules/datatables.net-buttons/js/dataTables.buttons.min.js"></script>
|
||||
<script src="/static/node_modules/datatables.net-buttons/js/buttons.html5.min.js"></script>
|
||||
<script src="/static/node_modules/datatables.net-buttons/js/buttons.colVis.min.js"></script>
|
||||
<script src="/static/node_modules/datatables.net-staterestore/js/dataTables.stateRestore.min.js"></script>
|
||||
<script src="/static/js/jszip.min.js"></script>
|
||||
<script src="/static/js/pdfmake/pdfmake.min.js"></script>
|
||||
<script src="/static/js/pdfmake/vfs_fonts.js"></script>
|
||||
<?=$this->endSection();?>
|
||||
|
||||
<!--바디-->
|
||||
<?=$this->section('body');?>
|
||||
<?=$this->endSection();?>
|
||||
|
||||
<?=$this->section('content');?>
|
||||
<div class="sub-contents-wrap">
|
||||
<div class="title-area">
|
||||
<h2 class="page-title">자동화 목록</h2>
|
||||
</div>
|
||||
|
||||
<div class="search-wrap">
|
||||
<form class="search d-flex justify-content-center">
|
||||
<div class="term d-flex align-items-center">
|
||||
<input type="text">
|
||||
<button type="button"><i class="bi bi-calendar2-week"></i></button>
|
||||
<span> ~ </span>
|
||||
<input type="text">
|
||||
<button type="button"><i class="bi bi-calendar2-week"></i></button>
|
||||
</div>
|
||||
<div class="input">
|
||||
<input class="" type="text" placeholder="검색어를 입력하세요">
|
||||
<button class="btn-primary" type="submit">조회</button>
|
||||
<button class="btn-special" type="button" data-bs-toggle="modal" data-bs-target="#regiModal">작성하기</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
<div class="section">
|
||||
<div class="row">
|
||||
<p class="num-line">페이지당 줄수 <span>25개</span></p>
|
||||
|
||||
<table class="table table-striped tbl-dark">
|
||||
<colgroup>
|
||||
<col style="width:20%;">
|
||||
<col style="width:20%;">
|
||||
<col style="width:20%;">
|
||||
<col style="width:20%">
|
||||
<col>
|
||||
</colgroup>
|
||||
<thead class="table-dark">
|
||||
<tr>
|
||||
<th scope="col">이름</th>
|
||||
<th scope="col">작성자</th>
|
||||
<th scope="col">업데이트</th>
|
||||
<th scope="col">마지막 실행</th>
|
||||
<th scope="col">사용</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td class="text-center">카카오 DB초과 OFF</td>
|
||||
<td class="text-center">배익준</td>
|
||||
<td class="text-center">2023-09-27 12:52</td>
|
||||
<td class="text-center">2023-09-27 12:52</td>
|
||||
<td class="text-center">
|
||||
<div class="td-inner">
|
||||
<div class="ui-toggle">
|
||||
<input type="checkbox" name="use01" id="use01">
|
||||
<label for="use01">사용</label>
|
||||
</div>
|
||||
<div class="more-action">
|
||||
<button type="button" class="btn-more"><span>더보기</span></button>
|
||||
<ul class="action-list">
|
||||
<li><a href="#">복제하기</a></li>
|
||||
<li><a href="#">제거하기</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="text-center">카카오 DB초과 OFF</td>
|
||||
<td class="text-center">배익준</td>
|
||||
<td class="text-center">2023-09-27 12:52</td>
|
||||
<td class="text-center">2023-09-27 12:52</td>
|
||||
<td class="text-center">
|
||||
<div class="td-inner">
|
||||
<div class="ui-toggle">
|
||||
<input type="checkbox" name="use01" id="use01">
|
||||
<label for="use01">사용</label>
|
||||
</div>
|
||||
<div class="more-action">
|
||||
<button type="button" class="btn-more"><span>더보기</span></button>
|
||||
<ul class="action-list">
|
||||
<li><a href="#">복제하기</a></li>
|
||||
<li><a href="#">제거하기</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="text-center">카카오 DB초과 OFF</td>
|
||||
<td class="text-center">배익준</td>
|
||||
<td class="text-center">2023-09-27 12:52</td>
|
||||
<td class="text-center">2023-09-27 12:52</td>
|
||||
<td class="text-center">
|
||||
<div class="td-inner">
|
||||
<div class="ui-toggle">
|
||||
<input type="checkbox" name="use01" id="use01">
|
||||
<label for="use01">사용</label>
|
||||
</div>
|
||||
<div class="more-action">
|
||||
<button type="button" class="btn-more"><span>더보기</span></button>
|
||||
<ul class="action-list">
|
||||
<li><a href="#">복제하기</a></li>
|
||||
<li><a href="#">제거하기</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="text-center">카카오 DB초과 OFF</td>
|
||||
<td class="text-center">배익준</td>
|
||||
<td class="text-center">2023-09-27 12:52</td>
|
||||
<td class="text-center">2023-09-27 12:52</td>
|
||||
<td class="text-center">
|
||||
<div class="td-inner">
|
||||
<div class="ui-toggle">
|
||||
<input type="checkbox" name="use01" id="use01">
|
||||
<label for="use01">사용</label>
|
||||
</div>
|
||||
<div class="more-action">
|
||||
<button type="button" class="btn-more"><span>더보기</span></button>
|
||||
<ul class="action-list">
|
||||
<li><a href="#">복제하기</a></li>
|
||||
<li><a href="#">제거하기</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="text-center">카카오 DB초과 OFF</td>
|
||||
<td class="text-center">배익준</td>
|
||||
<td class="text-center">2023-09-27 12:52</td>
|
||||
<td class="text-center">2023-09-27 12:52</td>
|
||||
<td class="text-center">
|
||||
<div class="td-inner">
|
||||
<div class="ui-toggle">
|
||||
<input type="checkbox" name="use01" id="use01">
|
||||
<label for="use01">사용</label>
|
||||
</div>
|
||||
<div class="more-action">
|
||||
<button type="button" class="btn-more"><span>더보기</span></button>
|
||||
<ul class="action-list">
|
||||
<li><a href="#">복제하기</a></li>
|
||||
<li><a href="#">제거하기</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
<div class="paging">
|
||||
<a href="#" class="btn-prev">이전</a>
|
||||
<a href="#" class="current">1</a>
|
||||
<a href="#">2</a>
|
||||
<a href="#">3</a>
|
||||
<a href="#">4</a>
|
||||
<a href="#">5</a>
|
||||
<span>...</span>
|
||||
<a href="#">291</a>
|
||||
<a href="#" class="btn-next">다음</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="modal fade" id="regiModal" tabindex="-1" aria-labelledby="memoModalLabel" aria-hidden="true">
|
||||
<div class="modal-dialog modal-xl">
|
||||
<div class="modal-content">
|
||||
<div class="modal-body">
|
||||
<div class="regi-content">
|
||||
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
|
||||
<div class="step">
|
||||
<ol class="nav nav-tabs" id="myTab" role="tablist">
|
||||
<li class="tab-link" role="presentation" type="button" id="home-tab" data-bs-toggle="tab" data-bs-target="#home" type="button" role="tab" aria-controls="home" aria-selected="false">
|
||||
<strong>일정</strong>
|
||||
|
||||
<p>매 2시간 마다<br>
|
||||
매일 00시 30분[7일 마다 7시 정각에]<br>
|
||||
매주 일요일 03시 정각에<br>
|
||||
매월 [첫번째 날, 마지막 날] 09시 30분에
|
||||
...</p>
|
||||
</li>
|
||||
<li class="tab-link" role="presentation" id="profile-tab" data-bs-toggle="tab" data-bs-target="#profile" type="button" role="tab" aria-controls="profile" aria-selected="false">
|
||||
<strong>대상</strong>
|
||||
|
||||
<p>광고주<br>
|
||||
페이스북<br>
|
||||
[전국]상상의원_광고주랜딩*
|
||||
...</p>
|
||||
</li>
|
||||
<li class="tab-link" role="presentation" id="messages-tab" data-bs-toggle="tab" data-bs-target="#messages" type="button" role="tab" aria-controls="messages" aria-selected="false">
|
||||
<strong>조건</strong>
|
||||
<p>지출액 - 100,000원 초과<br>
|
||||
AND<br>
|
||||
유효DB - 100건 이하</p>
|
||||
</li>
|
||||
<li class="tab-link active" role="presentation" id="preactice-tab" data-bs-toggle="tab" data-bs-target="#preactice" type="button" role="tab" aria-controls="messages" aria-selected="true">
|
||||
<strong>실행</strong>
|
||||
<p>* 캠페인 - 페이스북<br>
|
||||
노안라식_180509<br>
|
||||
상태 OFF<br>
|
||||
* 캠페인 - 구글<br>
|
||||
밝은성모안과(지원자, 응답) -<br>
|
||||
전국 #2000_001 *40000 &fhr<br>
|
||||
예산 50,000원</p>
|
||||
</li>
|
||||
<li class="tab-link" role="presentation" id="detail-tab" data-bs-toggle="tab" data-bs-target="#detail" type="button" role="tab" aria-controls="messages" aria-selected="false">
|
||||
<strong>상세정보</strong>
|
||||
</li>
|
||||
</ol>
|
||||
</div>
|
||||
<div class="detail-wrap">
|
||||
<div class="detail" id="home" role="tabpanel" aria-labelledby="home-tab" tabindex="0">
|
||||
<table class="table tbl-side">
|
||||
<colgroup>
|
||||
<col style="width:35%">
|
||||
<col>
|
||||
</colgroup>
|
||||
<tr>
|
||||
<th scope="row">다음 시간마다 규칙적으로 실행</th>
|
||||
<td>
|
||||
<input type="text" class="form-control short">
|
||||
<select name="" class="form-select short">
|
||||
<option value="">분</option>
|
||||
<option value="">시간</option>
|
||||
<option value="">일</option>
|
||||
<option value="">주</option>
|
||||
<option value="">월</option>
|
||||
</select>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="row">요일</th>
|
||||
<td>
|
||||
<div class="week-radio">
|
||||
<div class="day">
|
||||
<input type="radio" name="day" id="day01">
|
||||
<label for="day01">월</label>
|
||||
</div>
|
||||
<div class="day">
|
||||
<input type="radio" name="day" id="day02">
|
||||
<label for="day02">화</label>
|
||||
</div>
|
||||
<div class="day">
|
||||
<input type="radio" name="day" id="day03">
|
||||
<label for="day03">수</label>
|
||||
</div>
|
||||
<div class="day">
|
||||
<input type="radio" name="day" id="day04">
|
||||
<label for="day04">목</label>
|
||||
</div>
|
||||
<div class="day">
|
||||
<input type="radio" name="day" id="day05">
|
||||
<label for="day05">금</label>
|
||||
</div>
|
||||
<div class="day">
|
||||
<input type="radio" name="day" id="day06">
|
||||
<label for="day06">토</label>
|
||||
</div>
|
||||
<div class="day">
|
||||
<input type="radio" name="day" id="day07">
|
||||
<label for="day07">일</label>
|
||||
</div>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="row">다음 날짜에</th>
|
||||
<td>
|
||||
<select name="" class="form-select">
|
||||
<option value="">매달 첫번째 날</option>
|
||||
<option value="">매달 마지막 날</option>
|
||||
<option value="">처음</option>
|
||||
<option value="">마지막</option>
|
||||
<option value="">날짜</option>
|
||||
</select>
|
||||
<select name="" class="form-select">
|
||||
<option value="">1일</option>
|
||||
<option value="">2일</option>
|
||||
<option value="">3일</option>
|
||||
<option value="">4일</option>
|
||||
<option value="">5일</option>
|
||||
</select>
|
||||
<select name="" class="form-select">
|
||||
<option value="">월</option>
|
||||
<option value="">화</option>
|
||||
<option value="">수</option>
|
||||
<option value="">목</option>
|
||||
<option value="">금</option>
|
||||
<option value="">토</option>
|
||||
<option value="">일</option>
|
||||
</select>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="row">시간</th>
|
||||
<td>
|
||||
<select name="" class="form-select middle">
|
||||
<option value=""></option>
|
||||
</select>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="row">제외 시간</th>
|
||||
<td>
|
||||
<div class="form-flex">
|
||||
<select name="" class="form-select middle">
|
||||
<option value="">00:00</option>
|
||||
<option value="">00:30</option>
|
||||
<option value="">01:00</option>
|
||||
<option value="">01:30</option>
|
||||
<option value="">02:00</option>
|
||||
</select>
|
||||
<span>~</span>
|
||||
<select name="" class="form-select middle">
|
||||
<option value="">00:00</option>
|
||||
<option value="">00:30</option>
|
||||
<option value="">01:00</option>
|
||||
<option value="">01:30</option>
|
||||
<option value="">02:00</option>
|
||||
</select>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
<div class="detail" id="profile" role="tabpanel" aria-labelledby="profile-tab" tabindex="1">
|
||||
<ul class="tab">
|
||||
<li class="active"><a href="#">광고주</a></li>
|
||||
<li><a href="#">캠페인</a></li>
|
||||
<li><a href="#">광고그룹</a></li>
|
||||
<li><a href="#">광고</a></li>
|
||||
</ul>
|
||||
<div class="search">
|
||||
<input type="text" placeholder="검색어를 입력하세요">
|
||||
</div>
|
||||
<table class="table tbl-header">
|
||||
<colgroup>
|
||||
<col style="width:24%">
|
||||
<col style="width:28%">
|
||||
<col>
|
||||
<col style="width:15%">
|
||||
</colgroup>
|
||||
<thead>
|
||||
<tr>
|
||||
<th scope="col">매체</th>
|
||||
<th scope="col">광고주 ID</th>
|
||||
<th scope="col">광고주명</th>
|
||||
<th scope="col">상태</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>페이스북</td>
|
||||
<td>5897268653698510</td>
|
||||
<td>[전국]상상의원_광고주랜딩*</td>
|
||||
<td><b class="em">활성화</b></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>페이스북</td>
|
||||
<td>5897268653698510</td>
|
||||
<td>[전국]상상의원_광고주랜딩*</td>
|
||||
<td>중지</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>페이스북</td>
|
||||
<td>5897268653698510</td>
|
||||
<td>[전국]상상의원_광고주랜딩*</td>
|
||||
<td><b class="em">활성화</b></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>페이스북</td>
|
||||
<td>5897268653698510</td>
|
||||
<td>[전국]상상의원_광고주랜딩*</td>
|
||||
<td>중지</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<div class="detail" id="messages" role="tabpanel" aria-labelledby="messages-tab" tabindex="2">
|
||||
<table class="table tbl-header">
|
||||
<colgroup>
|
||||
<col>
|
||||
<col style="width:45%">
|
||||
<col style="width:5%">
|
||||
</colgroup>
|
||||
<thead>
|
||||
<tr>
|
||||
<th scope="col">항목</th>
|
||||
<th scope="col">구분</th>
|
||||
<th scope="col"><button type="button" class="btn-add">추가</button></th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>
|
||||
<div class="form-flex">
|
||||
<select name="" class="form-select">
|
||||
<option value="">조건 항목</option>
|
||||
<option value="">상태</option>
|
||||
<option value="">예산</option>
|
||||
<option value="">DB단가</option>
|
||||
<option value="">유효DB</option>
|
||||
<option value="">지출액</option>
|
||||
<option value="">수익</option>
|
||||
<option value="">수익률</option>
|
||||
<option value="">매출액</option>
|
||||
<option value="">노출수</option>
|
||||
<option value="">링크클릭</option>
|
||||
<option value="">CPC</option>
|
||||
<option value="">CTR</option>
|
||||
<option value="">DB전환률</option>
|
||||
</select>
|
||||
<select name="" class="form-select">
|
||||
<option value="">상태</option>
|
||||
<option value="">ON</option>
|
||||
<option value="">OFF</option>
|
||||
</select>
|
||||
<input type="text" class="form-control">
|
||||
</div>
|
||||
</td>
|
||||
<td colspan="2">
|
||||
<div class="form-flex">
|
||||
<select name="" class="form-select">
|
||||
<option value="">일치여부</option>
|
||||
<option value="">초과</option>
|
||||
<option value="">보다 크거나 같음</option>
|
||||
<option value="">미만</option>
|
||||
<option value="">보다 작거나 같음</option>
|
||||
<option value="">같음</option>
|
||||
<option value="">같지않음</option>
|
||||
</select>
|
||||
<select name="" class="form-select no-flex">
|
||||
<option value="">AND / OR</option>
|
||||
<option value="">AND</option>
|
||||
<option value="">OR</option>
|
||||
</select>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<div class="form-flex">
|
||||
<select name="" class="form-select">
|
||||
<option value="">조건 항목</option>
|
||||
<option value="">상태</option>
|
||||
<option value="">예산</option>
|
||||
<option value="">DB단가</option>
|
||||
<option value="">유효DB</option>
|
||||
<option value="">지출액</option>
|
||||
<option value="">수익</option>
|
||||
<option value="">수익률</option>
|
||||
<option value="">매출액</option>
|
||||
<option value="">노출수</option>
|
||||
<option value="">링크클릭</option>
|
||||
<option value="">CPC</option>
|
||||
<option value="">CTR</option>
|
||||
<option value="">DB전환률</option>
|
||||
</select>
|
||||
<select name="" class="form-select">
|
||||
<option value="">상태</option>
|
||||
<option value="">ON</option>
|
||||
<option value="">OFF</option>
|
||||
</select>
|
||||
<input type="text" class="form-control">
|
||||
</div>
|
||||
</td>
|
||||
<td colspan="2">
|
||||
<div class="form-flex">
|
||||
<select name="" class="form-select">
|
||||
<option value="">일치여부</option>
|
||||
<option value="">초과</option>
|
||||
<option value="">보다 크거나 같음</option>
|
||||
<option value="">미만</option>
|
||||
<option value="">보다 작거나 같음</option>
|
||||
<option value="">같음</option>
|
||||
<option value="">같지않음</option>
|
||||
</select>
|
||||
<select name="" class="form-select no-flex">
|
||||
<option value="">AND / OR</option>
|
||||
<option value="">AND</option>
|
||||
<option value="">OR</option>
|
||||
</select>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<div class="detail" id="preactice" role="tabpanel" aria-labelledby="preactice-tab" tabindex="3">
|
||||
<ul class="tab">
|
||||
<li class="active"><a href="#">캠페인</a></li>
|
||||
<li><a href="#">광고그룹</a></li>
|
||||
<li><a href="#">광고</a></li>
|
||||
</ul>
|
||||
<div class="search">
|
||||
<input type="text" placeholder="검색어를 입력하세요">
|
||||
</div>
|
||||
<table class="table tbl-header">
|
||||
<colgroup>
|
||||
<col style="width:24%">
|
||||
<col style="width:28%">
|
||||
<col>
|
||||
<col style="width:15%">
|
||||
</colgroup>
|
||||
<thead>
|
||||
<tr>
|
||||
<th scope="col">매체</th>
|
||||
<th scope="col">광고주 ID</th>
|
||||
<th scope="col">광고주명</th>
|
||||
<th scope="col">상태</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>페이스북</td>
|
||||
<td>5897268653698510</td>
|
||||
<td>[전국]상상의원_광고주랜딩*</td>
|
||||
<td><b class="em">활성화</b></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>페이스북</td>
|
||||
<td>5897268653698510</td>
|
||||
<td>[전국]상상의원_광고주랜딩*</td>
|
||||
<td>중지</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>페이스북</td>
|
||||
<td>5897268653698510</td>
|
||||
<td>[전국]상상의원_광고주랜딩*</td>
|
||||
<td><b class="em">활성화</b></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>페이스북</td>
|
||||
<td>5897268653698510</td>
|
||||
<td>[전국]상상의원_광고주랜딩*</td>
|
||||
<td>중지</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<table class="table tbl-header">
|
||||
<colgroup>
|
||||
<col>
|
||||
<col style="width:5%">
|
||||
</colgroup>
|
||||
<thead>
|
||||
<tr>
|
||||
<th scope="col">항목</th>
|
||||
<th scope="col"><button type="button" class="btn-add">추가</button></th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td colspan="2">
|
||||
<div class="form-flex">
|
||||
<select name="" class="form-select">
|
||||
<option value="">실행항목</option>
|
||||
<option value="">상태</option>
|
||||
<option value="">예산</option>
|
||||
</select>
|
||||
<select name="" class="form-select">
|
||||
<option value="">상태</option>
|
||||
<option value="">ON</option>
|
||||
<option value="">OFF</option>
|
||||
</select>
|
||||
<input type="text" class="form-control">
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<div class="detail" id="detail" role="tabpanel" aria-labelledby="detail-tab" tabindex="4">
|
||||
<table class="table tbl-side">
|
||||
<colgroup>
|
||||
<col style="width:35%">
|
||||
<col>
|
||||
</colgroup>
|
||||
<tr>
|
||||
<th scope="row">이름*</th>
|
||||
<td>
|
||||
<input type="text" class="form-control bg">
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="row">설명</th>
|
||||
<td>
|
||||
<textarea class="form-control"></textarea>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
<duv class="btn-area">
|
||||
<button type="button" class="btn-special">저장</button>
|
||||
</duv>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="modal fade" id="logModal" tabindex="-1" aria-labelledby="memoModalLabel" aria-hidden="true">
|
||||
<div class="modal-dialog modal-xl">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<h1 class="modal-title" id="memoModalLabel"><i class="ico-log"></i> 감사 로그</h1>
|
||||
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<table class="table tbl-dark">
|
||||
<colgroup>
|
||||
<col>
|
||||
<col style="width:22%;">
|
||||
<col style="width:18%;">
|
||||
<col style="width:22%;">
|
||||
</colgroup>
|
||||
<thead class="table-dark">
|
||||
<tr>
|
||||
<th scope="col">이름</th>
|
||||
<th scope="col">작성자</th>
|
||||
<th scope="col">업데이트</th>
|
||||
<th scope="col">사용</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td class="text-center">2023-09-27 12:52 <span class="num">(20763687216)</span></td>
|
||||
<td class="text-center">커밋 후 작업</td>
|
||||
<td class="text-center"><b class="em">성공</b></td>
|
||||
<td class="text-center">더보기</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="text-center">2023-09-27 12:52 <span class="num">(20763687216)</span></td>
|
||||
<td class="text-center">커밋 후 작업</td>
|
||||
<td class="text-center"><b>실패</b></td>
|
||||
<td class="text-center">더보기</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="text-center">2023-09-27 12:52 <span class="num">(20763687216)</span></td>
|
||||
<td class="text-center">커밋 후 작업</td>
|
||||
<td class="text-center"><b class="em">성공</b></td>
|
||||
<td class="text-center">더보기</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="text-center">2023-09-27 12:52 <span class="num">(20763687216)</span></td>
|
||||
<td class="text-center">커밋 후 작업</td>
|
||||
<td class="text-center"><b>실패</b></td>
|
||||
<td class="text-center">더보기</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="text-center">2023-09-27 12:52 <span class="num">(20763687216)</span></td>
|
||||
<td class="text-center">커밋 후 작업</td>
|
||||
<td class="text-center"><b class="em">성공</b></td>
|
||||
<td class="text-center">더보기</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="text-center">2023-09-27 12:52 <span class="num">(20763687216)</span></td>
|
||||
<td class="text-center">커밋 후 작업</td>
|
||||
<td class="text-center"><b>실패</b></td>
|
||||
<td class="text-center">더보기</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="text-center">2023-09-27 12:52 <span class="num">(20763687216)</span></td>
|
||||
<td class="text-center">커밋 후 작업</td>
|
||||
<td class="text-center"><b class="em">성공</b></td>
|
||||
<td class="text-center">더보기</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="text-center">2023-09-27 12:52 <span class="num">(20763687216)</span></td>
|
||||
<td class="text-center">커밋 후 작업</td>
|
||||
<td class="text-center"><b>실패</b></td>
|
||||
<td class="text-center">더보기</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="text-center">2023-09-27 12:52 <span class="num">(20763687216)</span></td>
|
||||
<td class="text-center">커밋 후 작업</td>
|
||||
<td class="text-center"><b class="em">성공</b></td>
|
||||
<td class="text-center">더보기</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="text-center">2023-09-27 12:52 <span class="num">(20763687216)</span></td>
|
||||
<td class="text-center">커밋 후 작업</td>
|
||||
<td class="text-center"><b>실패</b></td>
|
||||
<td class="text-center">더보기</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="text-center">2023-09-27 12:52 <span class="num">(20763687216)</span></td>
|
||||
<td class="text-center">커밋 후 작업</td>
|
||||
<td class="text-center"><b class="em">성공</b></td>
|
||||
<td class="text-center">더보기</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="text-center">2023-09-27 12:52 <span class="num">(20763687216)</span></td>
|
||||
<td class="text-center">커밋 후 작업</td>
|
||||
<td class="text-center"><b>실패</b></td>
|
||||
<td class="text-center">더보기</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
<div class="paging">
|
||||
<a href="#" class="btn-prev">이전</a>
|
||||
<a href="#" class="current">1</a>
|
||||
<a href="#">2</a>
|
||||
<a href="#">3</a>
|
||||
<a href="#">4</a>
|
||||
<a href="#">5</a>
|
||||
<span>...</span>
|
||||
<a href="#">291</a>
|
||||
<a href="#" class="btn-next">다음</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<script>
|
||||
$('body').on('click', '.tab-link', function() {
|
||||
$('.tab-link').removeClass('active');
|
||||
$(this).addClass('active');
|
||||
});
|
||||
|
||||
if($('#preactice-tab').attr('aria-selected')){
|
||||
$('#preactice').addClass('active');
|
||||
}
|
||||
</script>
|
||||
<?=$this->endSection();?>
|
||||
|
||||
|
||||
<?=$this->section('footer');?>
|
||||
<?=$this->endSection();?>
|
||||
@@ -0,0 +1,97 @@
|
||||
<?=$this->extend('templates/front_example.php');?>
|
||||
<?=$this->section('title');?>
|
||||
ZENITH - 전환 관리
|
||||
<?=$this->endSection();?>
|
||||
|
||||
<?=$this->section('content');?>
|
||||
<body>
|
||||
<div class="sub-contents-wrap">
|
||||
<div class="title-area">
|
||||
<h2 class="page-title">전환 관리</h2>
|
||||
</div>
|
||||
|
||||
<div class="search-wrap">
|
||||
<form class="search d-flex justify-content-center">
|
||||
<div class="input">
|
||||
<input class="" type="text" placeholder="검색어를 입력하세요">
|
||||
<button class="btn-primary" type="submit">조회</button>
|
||||
<button class="btn-special ms-2" type="button" data-bs-toggle="modal" data-bs-target="#changeModal">등록</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
<div class="section ">
|
||||
<div class="btn-wrap text-end mb-2">
|
||||
<a href="/example/event_manage"><button type="button" class="btn btn-danger">이벤트 관리</button></a>
|
||||
<a href="/company/list"><button type="button" class="btn btn-danger">광고주 관리</button></a>
|
||||
<a href="/example/media_manage"><button type="button" class="btn btn-danger">매체 관리</button></a>
|
||||
</div>
|
||||
|
||||
<div class="table-responsive">
|
||||
<table class="table table-striped table-hover table-default">
|
||||
<colgroup>
|
||||
<col style="width:20%">
|
||||
<col>
|
||||
</colgroup>
|
||||
<thead class="table-dark">
|
||||
<tr>
|
||||
<th scope="col">전환ID</th>
|
||||
<th scope="col">전환명</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>12378436743535</td>
|
||||
<td>전국상상 무제한카톡5</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<?=$this->endSection();?>
|
||||
|
||||
<?=$this->section('modal')?>
|
||||
<!-- 전환 등록 -->
|
||||
<div class="modal fade" id="changeModal" tabindex="-1" aria-labelledby="changeModalLabel" aria-hidden="true">
|
||||
<div class="modal-dialog modal-lg">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<h1 class="modal-title" id="changeModalLabel">등록</h1>
|
||||
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<div class="table-responsive">
|
||||
<table class="table table-bordered table-left-header">
|
||||
<colgroup>
|
||||
<col style="width:30%;">
|
||||
<col style="width:70%;">
|
||||
</colgroup>
|
||||
<tbody>
|
||||
<tr>
|
||||
<th scope="row" class="text-end">전환ID</th>
|
||||
<td><input type="text" class="form-control"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="row" class="text-end">전환명</th>
|
||||
<td><input type="text" class="form-control"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="row" class="text-end">Access Token</th>
|
||||
<td><input type="text" class="form-control"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<button type="button" class="btn btn-primary">확인</button>
|
||||
<button type="button" class="btn btn-secondary">목록</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- //전환 등록 -->
|
||||
</body>
|
||||
</html>
|
||||
<?=$this->endSection();?>
|
||||
@@ -0,0 +1,194 @@
|
||||
<?=$this->extend('templates/front_example.php');?>
|
||||
|
||||
<?=$this->section('title');?>
|
||||
ZENITH - 광고주 관리
|
||||
<?=$this->endSection();?>
|
||||
|
||||
<?=$this->section('content');?>
|
||||
<body>
|
||||
<div class="sub-contents-wrap">
|
||||
<div class="title-area">
|
||||
<h2 class="page-title">광고주 관리</h2>
|
||||
</div>
|
||||
|
||||
<div class="search-wrap">
|
||||
<form class="search d-flex justify-content-center">
|
||||
<div class="input">
|
||||
<input class="" type="text" placeholder="검색어를 입력하세요">
|
||||
<button class="btn-primary" type="submit">조회</button>
|
||||
<button class="btn-special ms-2" type="button" data-bs-toggle="modal" data-bs-target="#clientModal">등록</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
<div class="section ">
|
||||
<div class="btn-wrap text-end mb-2">
|
||||
<button type="button" class="btn btn-danger">이벤트 관리</button>
|
||||
<button type="button" class="btn btn-danger">매체 관리</button>
|
||||
<button type="button" class="btn btn-danger">전환 관리</button>
|
||||
</div>
|
||||
|
||||
<div class="table-responsive">
|
||||
<table class="table table-striped table-hover table-default">
|
||||
<colgroup>
|
||||
<col style="width:6%">
|
||||
<col>
|
||||
<col style="width:5%">
|
||||
<col style="width:12%">
|
||||
<col style="width:12%">
|
||||
<col style="width:5%">
|
||||
<col style="width:10%">
|
||||
<col style="width:5%">
|
||||
<col style="width:8%">
|
||||
<col style="width:5%">
|
||||
<col style="width:5%">
|
||||
</colgroup>
|
||||
<thead class="table-dark">
|
||||
<tr>
|
||||
<th scope="col">번호</th>
|
||||
<th scope="col">광고주명</th>
|
||||
<th scope="col">유효DB</th>
|
||||
<th scope="col">매출</th>
|
||||
<th scope="col">남은잔액</th>
|
||||
<th scope="col">랜딩수</th>
|
||||
<th scope="col">사업자명</th>
|
||||
<th scope="col">외부연동</th>
|
||||
<th scope="col">개인정보 전문</th>
|
||||
<th scope="col">사용여부</th>
|
||||
<th scope="col">작성일</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>5054</td>
|
||||
<td class="text-start">아이시티안과의원</td>
|
||||
<td>0</td>
|
||||
<td class="text-end">0</td>
|
||||
<td class="text-end">2,342,656</td>
|
||||
<td>1</td>
|
||||
<td>체인지미의원</td>
|
||||
<td>ㅇ</td>
|
||||
<td>ㅇ</td>
|
||||
<td>사용중</td>
|
||||
<td>02-07</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<?=$this->endSection();?>
|
||||
|
||||
<?=$this->section('modal');?>
|
||||
<!-- 광고주 등록 -->
|
||||
<div class="modal fade" id="clientModal" tabindex="-1" aria-labelledby="clientModalLabel" aria-hidden="true">
|
||||
<div class="modal-dialog modal-lg">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<h1 class="modal-title" id="clientModalLabel">광고주 등록</h1>
|
||||
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<div class="table-responsive">
|
||||
<table class="table table-bordered table-left-header">
|
||||
<colgroup>
|
||||
<col style="width:30%;">
|
||||
<col style="width:70%;">
|
||||
</colgroup>
|
||||
<tbody>
|
||||
<tr>
|
||||
<th scope="row" class="text-end">광고주명</th>
|
||||
<td>
|
||||
<input type="text" class="form-control">
|
||||
<p class="mt-2 text-secondary">※ 한번 등록 된 광고주는 수정이 불가능합니다. 띄어쓰기, 오타 확인 꼭 해주세요.</p>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="row" class="text-end">수집주체(사업자명)</th>
|
||||
<td>
|
||||
<input type="text" class="form-control">
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="row" class="text-end">외부연동 주소</th>
|
||||
<td><input type="text" class="form-control"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="row" class="text-end">개인정보 전문 주소</th>
|
||||
<td><input type="text" class="form-control"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="row" class="text-end">입금액</th>
|
||||
<td><input type="text" class="form-control"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="row" class="text-end">사용여부</th>
|
||||
<td>
|
||||
<div class="d-flex radio-wrap">
|
||||
<div class="form-check me-3">
|
||||
<input class="form-check-input" type="radio" name="linkage_radio" id="linkage_radio01">
|
||||
<label class="form-check-label" for="linkage_radio01">사용</label>
|
||||
</div>
|
||||
<div class="form-check">
|
||||
<input class="form-check-input" type="radio" name="linkage_radio" id="linkage_radio02">
|
||||
<label class="form-check-label" for="linkage_radio02">사용중지</label>
|
||||
</div>
|
||||
</div>
|
||||
<p class="text-secondary">※ 사용중지로 변경할 경우 해당 광고주의 모든 랜딩이 중지됩니다.</p>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="row" class="text-end">문자 알림 사용여부</th>
|
||||
<td>
|
||||
<div class="d-flex radio-wrap">
|
||||
<div class="form-check me-3">
|
||||
<input class="form-check-input" type="radio" name="sms_radio" id="sms_radio01">
|
||||
<label class="form-check-label" for="sms_radio01">사용</label>
|
||||
</div>
|
||||
<div class="form-check">
|
||||
<input class="form-check-input" type="radio" name="sms_radio" id="sms_radio02">
|
||||
<label class="form-check-label" for="sms_radio02">미사용</label>
|
||||
</div>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="row" class="text-end">Notice</th>
|
||||
<td>
|
||||
<ul>
|
||||
<li>* 00시 ~ 06시에는 문자를 발송하지 않습니다.</li>
|
||||
<li>* 알림 문자는 매체별로 1일 1회 발송됩니다.</li>
|
||||
<li>* 기타 문의사항은 [개발팀-정문숙]에게 문의 부탁드립니다.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="row" class="text-end">알림 연락처</th>
|
||||
<td>
|
||||
<input type="text" class="form-control mb-2">
|
||||
<input type="text" class="form-control mb-2">
|
||||
<input type="text" class="form-control">
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="row" class="text-end">페이스북</th>
|
||||
<td><input type="text" class="form-control"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="row" class="text-end">GDN</th>
|
||||
<td><input type="text" class="form-control"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<button type="button" class="btn btn-primary">확인</button>
|
||||
<button type="button" class="btn btn-secondary">목록</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- //광고주 등록 -->
|
||||
</body>
|
||||
<?=$this->endSection();?>
|
||||
@@ -0,0 +1,359 @@
|
||||
<?=$this->extend('templates/front_example.php');?>
|
||||
|
||||
<?=$this->section('title');?>
|
||||
ZENITH - 기타 광고관리
|
||||
<?=$this->endSection();?>
|
||||
|
||||
<?=$this->section('content');?>
|
||||
<div class="sub-contents-wrap">
|
||||
<div class="title-area">
|
||||
<h2 class="page-title">기타 광고관리</h2>
|
||||
<p class="title-disc">여라 매체의 광고를 확인 하세요~</p>
|
||||
</div>
|
||||
|
||||
<div class="search-wrap">
|
||||
<form class="search d-flex justify-content-center">
|
||||
<div class="term d-flex align-items-center">
|
||||
<input type="text">
|
||||
<button type="button"><i class="bi bi-calendar2-week"></i></button>
|
||||
<span> ~ </span>
|
||||
<input type="text">
|
||||
<button type="button"><i class="bi bi-calendar2-week"></i></button>
|
||||
</div>
|
||||
<div class="input">
|
||||
<input class="" type="text" placeholder="검색어를 입력하세요">
|
||||
<button class="btn-primary" type="submit">조회</button>
|
||||
</div>
|
||||
</form>
|
||||
<div class="detail row d-flex justify-content-center">
|
||||
<dl class="col">
|
||||
<dt>노출수</dt>
|
||||
<dd>34,456</dd>
|
||||
</dl>
|
||||
<dl class="col">
|
||||
<dt>클릭수</dt>
|
||||
<dd>809</dd>
|
||||
</dl>
|
||||
<dl class="col">
|
||||
<dt>클릭율</dt>
|
||||
<dd>1.09</dd>
|
||||
</dl>
|
||||
<dl class="col">
|
||||
<dt>지출액</dt>
|
||||
<dd>1,234,123</dd>
|
||||
</dl>
|
||||
<dl class="col">
|
||||
<dt>DB수</dt>
|
||||
<dd>61</dd>
|
||||
</dl>
|
||||
<dl class="col">
|
||||
<dt>DB당 단가</dt>
|
||||
<dd>45,234</dd>
|
||||
</dl>
|
||||
<dl class="col">
|
||||
<dt>전환율</dt>
|
||||
<dd>7.34</dd>
|
||||
</dl>
|
||||
<dl class="col">
|
||||
<dt>매출</dt>
|
||||
<dd>23,456,900</dd>
|
||||
</dl>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="section client-list biz">
|
||||
<h3 class="content-title toggle"><i class="bi bi-chevron-up"></i> 매체</h3>
|
||||
<div class="row">
|
||||
<div class="col">
|
||||
<div class="inner">
|
||||
<button type="button">열혈 패밀리</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col">
|
||||
<div class="inner">
|
||||
<button type="button">케어랩스5</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col">
|
||||
<div class="inner">
|
||||
<button type="button">케어랩스7</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="section client-list advertiser">
|
||||
<h3 class="content-title toggle"><i class="bi bi-chevron-up"></i> 광고주</h3>
|
||||
<div class="row">
|
||||
<div class="col">
|
||||
<div class="inner">
|
||||
<button type="button" class="active alert">[대전]상상의원_가나다라마마다먀라</button>
|
||||
<div class="progress">
|
||||
<div class="progress-bar" role="progressbar" style="width:calc(14 / 170 * 100%)"></div>
|
||||
<div class="txt">14/170</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col">
|
||||
<div class="inner">
|
||||
<button type="button" class="alert">플란치과_임플○</button>
|
||||
<div class="progress">
|
||||
<div class="progress-bar" role="progressbar" style="width:calc(14 / 170 * 100%)"></div>
|
||||
<div class="txt">14/170</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col">
|
||||
<div class="inner">
|
||||
<button type="button" class="active">비결뷰티센터</button>
|
||||
<div class="progress">
|
||||
<div class="progress-bar" role="progressbar" style="width:calc(14 / 170 * 100%)"></div>
|
||||
<div class="txt">14/170</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col">
|
||||
<div class="inner">
|
||||
<button type="button">[대전]상상의원_가나다라마마다먀라</button>
|
||||
<div class="progress">
|
||||
<div class="progress-bar" role="progressbar" style="width:calc(14 / 170 * 100%)"></div>
|
||||
<div class="txt">14/170</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col">
|
||||
<div class="inner">
|
||||
<button type="button">플란치과_임플○</button>
|
||||
<div class="progress">
|
||||
<div class="progress-bar" role="progressbar" style="width:calc(14 / 170 * 100%)"></div>
|
||||
<div class="txt">14/170</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col">
|
||||
<div class="inner">
|
||||
<button type="button">비결뷰티센터</button>
|
||||
<div class="progress">
|
||||
<div class="progress-bar" role="progressbar" style="width:calc(14 / 170 * 100%)"></div>
|
||||
<div class="txt">14/170</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col">
|
||||
<div class="inner">
|
||||
<button type="button">거무타</button>
|
||||
<div class="progress">
|
||||
<div class="progress-bar" role="progressbar" style="width:calc(14 / 170 * 100%)"></div>
|
||||
<div class="txt">14/170</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col">
|
||||
<div class="inner">
|
||||
<button type="button">마디척병원○</button>
|
||||
<div class="progress">
|
||||
<div class="progress-bar" role="progressbar" style="width:calc(14 / 170 * 100%)"></div>
|
||||
<div class="txt">14/170</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col">
|
||||
<div class="inner">
|
||||
<button type="button">[전국]상상의원_주름보톡스2*</button>
|
||||
<div class="progress">
|
||||
<div class="progress-bar" role="progressbar" style="width:calc(14 / 170 * 100%)"></div>
|
||||
<div class="txt">14/170</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col">
|
||||
<div class="inner">
|
||||
<button type="button">[대전]상상의원_가나다라마마다먀라</button>
|
||||
<div class="progress">
|
||||
<div class="progress-bar" role="progressbar" style="width:calc(14 / 170 * 100%)"></div>
|
||||
<div class="txt">14/170</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col">
|
||||
<div class="inner">
|
||||
<button type="button">플란치과_임플○</button>
|
||||
<div class="progress">
|
||||
<div class="progress-bar" role="progressbar" style="width:calc(14 / 170 * 100%)"></div>
|
||||
<div class="txt">14/170</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col">
|
||||
<div class="inner">
|
||||
<button type="button">비결뷰티센터</button>
|
||||
<div class="progress">
|
||||
<div class="progress-bar" role="progressbar" style="width:calc(14 / 170 * 100%)"></div>
|
||||
<div class="txt">14/170</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col">
|
||||
<div class="inner">
|
||||
<button type="button">[대전]상상의원_가나다라마마다먀라</button>
|
||||
<div class="progress">
|
||||
<div class="progress-bar" role="progressbar" style="width:calc(14 / 170 * 100%)"></div>
|
||||
<div class="txt">14/170</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col">
|
||||
<div class="inner">
|
||||
<button type="button">플란치과_임플○</button>
|
||||
<div class="progress">
|
||||
<div class="progress-bar" role="progressbar" style="width:calc(14 / 170 * 100%)"></div>
|
||||
<div class="txt">14/170</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col">
|
||||
<div class="inner">
|
||||
<button type="button">비결뷰티센터</button>
|
||||
<div class="progress">
|
||||
<div class="progress-bar" role="progressbar" style="width:calc(14 / 170 * 100%)"></div>
|
||||
<div class="txt">14/170</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="section">
|
||||
<h3 class="content-title toggle"><i class="bi bi-chevron-up"></i> 이벤트 번호</h3>
|
||||
<div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div class="section event-list">
|
||||
<h3 class="content-title toggle"><i class="bi bi-chevron-up"></i> 이벤트 구분</h3>
|
||||
<div class="table-responsive">
|
||||
<table class="table table-striped table-hover table-event">
|
||||
<colgroup>
|
||||
<col style="width:2%;">
|
||||
<col style="width:7%;">
|
||||
<col style="width:7%;">
|
||||
<col style="width:5%">
|
||||
<col>
|
||||
<col style="width:5%">
|
||||
<col>
|
||||
<col style="width:5%;">
|
||||
<col style="width:5%;">
|
||||
<col style="width:5%;">
|
||||
<col style="width:6%;">
|
||||
<col style="width:5.5%;">
|
||||
<col style="width:5%;">
|
||||
<col style="width:5.5%;">
|
||||
<col style="width:5.5%;">
|
||||
<col style="width:5%;">
|
||||
<col style="width:3%;">
|
||||
</colgroup>
|
||||
<thead class="table-dark">
|
||||
<tr>
|
||||
<th scope="col" rowspan="2"></th>
|
||||
<th scope="col" rowspan="2">날짜</th>
|
||||
<th scope="col" rowspan="2">이벤트 번호</th>
|
||||
<th scope="col" rowspan="2">site</th>
|
||||
<th scope="col" rowspan="2">광고주</th>
|
||||
<th scope="col" rowspan="2">목표수량</th>
|
||||
<th scope="col" rowspan="2">이벤트 구분</th>
|
||||
<th scope="col" colspan="3">DB 수량</th>
|
||||
<th scope="col" rowspan="2">정산DB단가</th>
|
||||
<th scope="col" rowspan="2">소진금액(vat포함)</th>
|
||||
<th scope="col" rowspan="2">vat별도</th>
|
||||
<th scope="col" rowspan="2">현재DB단가</th>
|
||||
<th scope="col" rowspan="2">수익</th>
|
||||
<th scope="col" rowspan="2">수익률</th>
|
||||
<th scope="col" rowspan="2">확인</th>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="col">총 DB</th>
|
||||
<th scope="col">유효 DB</th>
|
||||
<th scope="col" class="r-border">무효 DB</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td class="text-center"></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td class="text-center"></td>
|
||||
<td class="text-center"></td>
|
||||
<td class="text-center" class="text-center">0</td>
|
||||
<td class="text-center">0</td>
|
||||
<td class="text-center">0</td>
|
||||
<td class="text-center">0</td>
|
||||
<td class="text-center">0</td>
|
||||
<td class="text-center">0</td>
|
||||
<td class="text-center">0%</td>
|
||||
<td class="text-center"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="text-center"><input class="form-check-input" type="checkbox"></td>
|
||||
<td><input type="text" class="form-control" value="20230314" disabled></td>
|
||||
<td><input type="text" class="form-control" value="evt_3498" disabled></td>
|
||||
<td><input type="text" class="form-control" value="2" disabled></td>
|
||||
<td><input type="text" class="form-control" value="강남그랜드안과의원" disabled></td>
|
||||
<td><input type="text" class="form-control"></td>
|
||||
<td>라식라섹 의료법 최대 할인</td>
|
||||
<td class="text-center">2</td>
|
||||
<td class="text-center">2</td>
|
||||
<td class="text-center" class="text-center">0</td>
|
||||
<td><input type="text" class="form-control"></td>
|
||||
<td><input type="text" class="form-control"></td>
|
||||
<td>0</td>
|
||||
<td class="text-center">0</td>
|
||||
<td class="text-center">0</td>
|
||||
<td class="text-center">0%</td>
|
||||
<td class="text-center"><input class="form-check-input" type="checkbox"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="text-center"><input class="form-check-input" type="checkbox"></td>
|
||||
<td><input type="text" class="form-control" value="20230314" disabled></td>
|
||||
<td><input type="text" class="form-control" value="evt_3498" disabled></td>
|
||||
<td><input type="text" class="form-control" value="2" disabled></td>
|
||||
<td><input type="text" class="form-control" value="강남그랜드안과의원" disabled></td>
|
||||
<td><input type="text" class="form-control"></td>
|
||||
<td>라식라섹 의료법 최대 할인</td>
|
||||
<td class="text-center">2</td>
|
||||
<td class="text-center">2</td>
|
||||
<td class="text-center" class="text-center">0</td>
|
||||
<td><input type="text" class="form-control"></td>
|
||||
<td><input type="text" class="form-control"></td>
|
||||
<td>0</td>
|
||||
<td class="text-center">0</td>
|
||||
<td class="text-center">0</td>
|
||||
<td class="text-center">0%</td>
|
||||
<td class="text-center"><input class="form-check-input" type="checkbox"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="text-center"><input class="form-check-input" type="checkbox"></td>
|
||||
<td><input type="text" class="form-control" value="20230314" disabled></td>
|
||||
<td><input type="text" class="form-control" value="evt_3498" disabled></td>
|
||||
<td><input type="text" class="form-control" value="2" disabled></td>
|
||||
<td><input type="text" class="form-control" value="강남그랜드안과의원" disabled></td>
|
||||
<td><input type="text" class="form-control"></td>
|
||||
<td>라식라섹 의료법 최대 할인</td>
|
||||
<td class="text-center">2</td>
|
||||
<td class="text-center">2</td>
|
||||
<td class="text-center" class="text-center">0</td>
|
||||
<td><input type="text" class="form-control"></td>
|
||||
<td><input type="text" class="form-control"></td>
|
||||
<td>0</td>
|
||||
<td class="text-center">0</td>
|
||||
<td class="text-center">0</td>
|
||||
<td class="text-center">0%</td>
|
||||
<td class="text-center"><input class="form-check-input" type="checkbox"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<?=$this->endSection();?>
|
||||
@@ -0,0 +1,432 @@
|
||||
<?=$this->extend('templates/front_example.php');?>
|
||||
|
||||
<?=$this->section('title');?>
|
||||
ZENITH - 이벤트 관리
|
||||
<?=$this->endSection();?>
|
||||
|
||||
<?=$this->section('content');?>
|
||||
<div class="sub-contents-wrap">
|
||||
<div class="title-area">
|
||||
<h2 class="page-title">이벤트 관리</h2>
|
||||
</div>
|
||||
|
||||
<div class="search-wrap">
|
||||
<form class="search d-flex justify-content-center">
|
||||
<div class="term d-flex align-items-center">
|
||||
<input type="text">
|
||||
<button type="button"><i class="bi bi-calendar2-week"></i></button>
|
||||
<span> ~ </span>
|
||||
<input type="text">
|
||||
<button type="button"><i class="bi bi-calendar2-week"></i></button>
|
||||
</div>
|
||||
<div class="input">
|
||||
<input class="" type="text" placeholder="검색어를 입력하세요">
|
||||
<button class="btn-primary" type="submit">조회</button>
|
||||
<button class="btn-special ms-2" type="button" data-bs-toggle="modal" data-bs-target="#regiModal">등록</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
<div class="section">
|
||||
<div class="btn-wrap text-end mb-2">
|
||||
<a href="/company/list"><button type="button" class="btn btn-danger">광고주 관리</button></a>
|
||||
<a href="/example/media_manage"><button type="button" class="btn btn-danger">매체 관리</button></a>
|
||||
<a href="/example/change_manage"><button type="button" class="btn btn-danger">전환 관리</button></a>
|
||||
</div>
|
||||
|
||||
<div class="table-responsive">
|
||||
<table class="table table-striped table-hover table-default">
|
||||
<colgroup>
|
||||
<col style="width:6%">
|
||||
<col style="width:10%">
|
||||
<col style="width:5%">
|
||||
<col>
|
||||
<col style="width:12%">
|
||||
<col style="width:5%">
|
||||
<col style="width:5%">
|
||||
<col style="width:5%">
|
||||
<col style="width:5%">
|
||||
<col style="width:8%">
|
||||
<col style="width:5%">
|
||||
<col style="width:5%">
|
||||
<col style="width:5%">
|
||||
</colgroup>
|
||||
<thead class="table-dark">
|
||||
<tr>
|
||||
<th scope="col">이벤트번호</th>
|
||||
<th scope="col">광고주</th>
|
||||
<th scope="col">매체</th>
|
||||
<th scope="col">브라우저 타이틀</th>
|
||||
<th scope="col">이벤트 구분</th>
|
||||
<th scope="col">외부연동</th>
|
||||
<th scope="col">사용여부</th>
|
||||
<th scope="col">유입수</th>
|
||||
<th scope="col">유효DB</th>
|
||||
<th scope="col">DB단가</th>
|
||||
<th scope="col">작성자</th>
|
||||
<th scope="col">작업자</th>
|
||||
<th scope="col">작성일</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td><i class="ico red"></i> 5054</td>
|
||||
<td>아이시티안과의원</td>
|
||||
<td>페이스북</td>
|
||||
<td>아이시티안과 라식라섹 최대 할인</td>
|
||||
<td>라식라섹 최대 할인</td>
|
||||
<td></td>
|
||||
<td>사용중</td>
|
||||
<td>0</td>
|
||||
<td>0</td>
|
||||
<td>50,000</td>
|
||||
<td>전유빈</td>
|
||||
<td></td>
|
||||
<td>02-14</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><i class="ico green"></i> 5054</td>
|
||||
<td>아이시티안과의원</td>
|
||||
<td>페이스북</td>
|
||||
<td>아이시티안과 라식라섹 최대 할인</td>
|
||||
<td>라식라섹 최대 할인</td>
|
||||
<td>ㅇ</td>
|
||||
<td>사용중</td>
|
||||
<td>0</td>
|
||||
<td>0</td>
|
||||
<td>50,000</td>
|
||||
<td>전유빈</td>
|
||||
<td>서지희</td>
|
||||
<td>02-14</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><i class="ico"></i> 5054</td>
|
||||
<td>아이시티안과의원</td>
|
||||
<td>페이스북</td>
|
||||
<td>아이시티안과 라식라섹 최대 할인</td>
|
||||
<td>라식라섹 최대 할인</td>
|
||||
<td>ㅇ</td>
|
||||
<td>사용중</td>
|
||||
<td>0</td>
|
||||
<td>0</td>
|
||||
<td>50,000</td>
|
||||
<td>전유빈</td>
|
||||
<td>서지희</td>
|
||||
<td>02-14</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<?=$this->endSection();?>
|
||||
|
||||
<?=$this->section('modal');?>
|
||||
<!-- 이벤트 등록 -->
|
||||
<div class="modal fade" id="regiModal" tabindex="-1" aria-labelledby="regiModalLabel" aria-hidden="true">
|
||||
<div class="modal-dialog modal-lg">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<h1 class="modal-title" id="regiModalLabel">이벤트 등록</h1>
|
||||
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<h2 class="body-title">이벤트 정보</h2>
|
||||
<div class="table-responsive">
|
||||
<table class="table table-bordered table-left-header">
|
||||
<colgroup>
|
||||
<col style="width:30%;">
|
||||
<col style="width:70%;">
|
||||
</colgroup>
|
||||
<tbody>
|
||||
<tr>
|
||||
<th scope="row" class="text-end">랜딩번호</th>
|
||||
<td>6124</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="row" class="text-end">랜딩주소</th>
|
||||
<td>
|
||||
<a href="#">https://event.asdkljad.com</a>
|
||||
<button type="button" class="btn btn-secondary btn-sm">복사하기</button>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="row" class="text-end">광고주</th>
|
||||
<td><input type="text" class="form-control" value="예쁨주의상상의원" disabled></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="row" class="text-end">매체</th>
|
||||
<td><input type="text" class="form-control"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="row" class="text-end">이벤트 구분</th>
|
||||
<td><input type="text" class="form-control"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="row" class="text-end">DB 단가</th>
|
||||
<td><input type="text" class="form-control"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="row" class="text-end">랜딩구분</th>
|
||||
<td>
|
||||
<div class="d-flex radio-wrap">
|
||||
<div class="form-check me-3">
|
||||
<input class="form-check-input" type="radio" name="landing_radio" id="landing_radio01">
|
||||
<label class="form-check-label" for="landing_radio01">일반</label>
|
||||
</div>
|
||||
<div class="form-check me-3">
|
||||
<input class="form-check-input" type="radio" name="landing_radio" id="landing_radio02">
|
||||
<label class="form-check-label" for="landing_radio02">잠재고객</label>
|
||||
</div>
|
||||
<div class="form-check me-3">
|
||||
<input class="form-check-input" type="radio" name="landing_radio" id="landing_radio03">
|
||||
<label class="form-check-label" for="landing_radio03">비즈폼</label>
|
||||
</div>
|
||||
<div class="form-check me-3">
|
||||
<input class="form-check-input" type="radio" name="landing_radio" id="landing_radio04">
|
||||
<label class="form-check-label" for="landing_radio04">엑셀업로드</label>
|
||||
</div>
|
||||
<div class="form-check me-3">
|
||||
<input class="form-check-input" type="radio" name="landing_radio" id="landing_radio05">
|
||||
<label class="form-check-label" for="landing_radio05">API수신</label>
|
||||
</div>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="row" class="text-end">외부연동 사용여부</th>
|
||||
<td>
|
||||
<div class="d-flex radio-wrap">
|
||||
<div class="form-check me-3">
|
||||
<input class="form-check-input" type="radio" name="linkage_radio" id="linkage_radio01">
|
||||
<label class="form-check-label" for="linkage_radio01">사용</label>
|
||||
</div>
|
||||
<div class="form-check me-3">
|
||||
<input class="form-check-input" type="radio" name="linkage_radio" id="linkage_radio02">
|
||||
<label class="form-check-label" for="linkage_radio02">미사용</label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="d-flex mb-2">
|
||||
<input type="text" class="form-control me-2">
|
||||
<input type="text" class="form-control">
|
||||
</div>
|
||||
<div class="d-flex">
|
||||
<input type="text" class="form-control me-2">
|
||||
<input type="text" class="form-control">
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="row" class="text-end">랜딩 고정값</th>
|
||||
<td>
|
||||
<div class="d-flex mb-2">
|
||||
<select class="form-select me-2" aria-label="선택">
|
||||
<option selected>-선택-</option>
|
||||
<option value="1">One</option>
|
||||
<option value="2">Two</option>
|
||||
<option value="3">Three</option>
|
||||
</select>
|
||||
<input type="text" class="form-control">
|
||||
</div>
|
||||
<div class="d-flex mb-2">
|
||||
<select class="form-select me-2" aria-label="선택">
|
||||
<option selected>-선택-</option>
|
||||
<option value="1">One</option>
|
||||
<option value="2">Two</option>
|
||||
<option value="3">Three</option>
|
||||
</select>
|
||||
<input type="text" class="form-control">
|
||||
</div>
|
||||
<button type="button" class="btn btn-primary btn-sm float-end">추가</button>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="row" class="text-end">브라우저 제목(타이틀)</th>
|
||||
<td><input type="text" class="form-control"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="row" class="text-end">키워드</th>
|
||||
<td>
|
||||
<input type="text" class="form-control">
|
||||
<p class="mt-2 text-secondary">※ 이벤트의 핵심 키워드를 입력해주세요.</p>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="row" class="text-end">설명</th>
|
||||
<td><input type="text" class="form-control" placeholder="이벤트를 구체적으로 설명해주세요. (약 40자내외, 최대 100자이내)"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="row" class="text-end">수집목적</th>
|
||||
<td><input type="text" class="form-control"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="row" class="text-end">수집항목</th>
|
||||
<td><input type="text" class="form-control"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="row" class="text-end">페이스북 Pixel ID</th>
|
||||
<td><input type="text" class="form-control" placeholder="페이스북 픽셀을 사용하는 경우 체인쏘우에 등록된 픽셀ID를 입력해 주세요."></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="row" class="text-end">View Script</th>
|
||||
<td><textarea placeholder="추적스크립트(View)"></textarea></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="row" class="text-end">Complete Script</th>
|
||||
<td><textarea placeholder="추적스크립트(Complete)"></textarea></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="row" class="text-end">사용여부</th>
|
||||
<td>
|
||||
<div class="d-flex radio-wrap">
|
||||
<div class="form-check me-3">
|
||||
<input class="form-check-input" type="radio" name="linkage_radio" id="linkage_radio01">
|
||||
<label class="form-check-label" for="linkage_radio01">사용</label>
|
||||
</div>
|
||||
<div class="form-check">
|
||||
<input class="form-check-input" type="radio" name="linkage_radio" id="linkage_radio02">
|
||||
<label class="form-check-label" for="linkage_radio02">미사용</label>
|
||||
</div>
|
||||
</div>
|
||||
<p class="text-secondary">※ 광고주가 사용중지로 되어있을 경우 랜딩은 노출되지 않습니다.</p>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<h2 class="body-title">이벤트 정보</h2>
|
||||
<div class="table-responsive">
|
||||
<table class="table table-bordered table-left-header">
|
||||
<colgroup>
|
||||
<col style="width:30%;">
|
||||
<col style="width:70%;">
|
||||
</colgroup>
|
||||
<tbody>
|
||||
<tr>
|
||||
<th scope="row" class="text-end">성별</th>
|
||||
<td>
|
||||
<div class="d-flex radio-wrap">
|
||||
<div class="form-check me-3">
|
||||
<input class="form-check-input" type="radio" name="gender_radio" id="gender_radio01">
|
||||
<label class="form-check-label" for="gender_radio01">무관</label>
|
||||
</div>
|
||||
<div class="form-check me-3">
|
||||
<input class="form-check-input" type="radio" name="gender_radio" id="gender_radio02">
|
||||
<label class="form-check-label" for="gender_radio02">남</label>
|
||||
</div>
|
||||
<div class="form-check">
|
||||
<input class="form-check-input" type="radio" name="gender_radio" id="gender_radio03">
|
||||
<label class="form-check-label" for="gender_radio03">여</label>
|
||||
</div>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="row" class="text-end">나이</th>
|
||||
<td>
|
||||
<div class="d-flex align-items-center">
|
||||
<input type="text" class="form-control">
|
||||
<span class="m-2">~</span>
|
||||
<input type="text" class="form-control">
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="row" class="text-end">중복기간</th>
|
||||
<td>
|
||||
<div class="d-flex radio-wrap">
|
||||
<div class="form-check me-3">
|
||||
<input class="form-check-input" type="radio" name="term_radio" id="term_radio01">
|
||||
<label class="form-check-label" for="term_radio01">1일</label>
|
||||
</div>
|
||||
<div class="form-check me-3">
|
||||
<input class="form-check-input" type="radio" name="term_radio" id="term_radio02">
|
||||
<label class="form-check-label" for="term_radio02">1주</label>
|
||||
</div>
|
||||
<div class="form-check me-3">
|
||||
<input class="form-check-input" type="radio" name="term_radio" id="term_radio03">
|
||||
<label class="form-check-label" for="term_radio03">1개월</label>
|
||||
</div>
|
||||
<div class="form-check me-3">
|
||||
<input class="form-check-input" type="radio" name="term_radio" id="term_radio04">
|
||||
<label class="form-check-label" for="term_radio04">2개월</label>
|
||||
</div>
|
||||
<div class="form-check me-3">
|
||||
<input class="form-check-input" type="radio" name="term_radio" id="term_radio05">
|
||||
<label class="form-check-label" for="term_radio05">3개월</label>
|
||||
</div>
|
||||
<div class="form-check me-3">
|
||||
<input class="form-check-input" type="radio" name="term_radio" id="term_radio06">
|
||||
<label class="form-check-label" for="term_radio06">4개월</label>
|
||||
</div>
|
||||
<div class="form-check me-3">
|
||||
<input class="form-check-input" type="radio" name="term_radio" id="term_radio07">
|
||||
<label class="form-check-label" for="term_radio07">5개월</label>
|
||||
</div>
|
||||
<div class="form-check">
|
||||
<input class="form-check-input" type="radio" name="term_radio" id="term_radio08">
|
||||
<label class="form-check-label" for="term_radio08">전체</label>
|
||||
</div>
|
||||
</div>
|
||||
<p class="text-secondary">※ 중복기간 변경이후 시점의 DB부터 적용됩니다.</p>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="row" class="text-end">전화번호 중복</th>
|
||||
<td>
|
||||
<div class="d-flex radio-wrap">
|
||||
<div class="form-check me-3">
|
||||
<input class="form-check-input" type="radio" name="phone_radio" id="phone_radio01">
|
||||
<label class="form-check-label" for="phone_radio01">미사용</label>
|
||||
</div>
|
||||
<div class="form-check">
|
||||
<input class="form-check-input" type="radio" name="phone_radio" id="phone_radio02">
|
||||
<label class="form-check-label" for="phone_radio02">사용</label>
|
||||
</div>
|
||||
</div>
|
||||
<p class="text-secondary">※ 전화번호 중복 사용/미사용 변경이후 시점의 DB부터 적용됩니다.</p>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="row" class="text-end">이름 중복</th>
|
||||
<td>
|
||||
<div class="d-flex radio-wrap">
|
||||
<div class="form-check me-3">
|
||||
<input class="form-check-input" type="radio" name="name_radio" id="name_radio01">
|
||||
<label class="form-check-label" for="name_radio01">미사용</label>
|
||||
</div>
|
||||
<div class="form-check">
|
||||
<input class="form-check-input" type="radio" name="name_radio" id="name_radio02">
|
||||
<label class="form-check-label" for="name_radio02">사용</label>
|
||||
</div>
|
||||
</div>
|
||||
<p class="text-secondary">※ 이름 중복 사용/미사용 변경이후 시점의 DB부터 적용됩니다.</p>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="row" class="text-end">사전 중복 체크</th>
|
||||
<td>
|
||||
<select class="form-select me-2" aria-label="선택">
|
||||
<option selected>-선택-</option>
|
||||
<option value="1">One</option>
|
||||
<option value="2">Two</option>
|
||||
<option value="3">Three</option>
|
||||
</select>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<button type="button" class="btn btn-primary">복사</button>
|
||||
<button type="button" class="btn btn-danger">삭제</button>
|
||||
<button type="button" class="btn btn-secondary">목록</button>
|
||||
<button type="button" class="btn btn-primary">목록 수정하기</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- //이벤트 등록 -->
|
||||
<?=$this->endSection();?>
|
||||
@@ -0,0 +1,221 @@
|
||||
<?=$this->extend('templates/front_example.php');?>
|
||||
|
||||
<?=$this->section('content');?>
|
||||
<!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, user-scalable=no, initial-scale=1, maximum-scale=1">
|
||||
<title>페이스북 광고관리_연습</title>
|
||||
</head>
|
||||
<body>
|
||||
<div class="wrap d-flex">
|
||||
<div class="left-side">
|
||||
<h1 class="logo"><a href="/"><img src="/img/logo.png" alt="ZENITH"></a></h1>
|
||||
<ul class="nav flex-column">
|
||||
<li>
|
||||
<button data-bs-toggle="collapse" data-bs-target="#ad" aria-expanded="true">광고 관리</button>
|
||||
<div class="collapse show" id="ad">
|
||||
<ul class="btn-toggle-nav">
|
||||
<li><a href="#" class="active">페이스북</a></li>
|
||||
<li><a href="#">카카오 모먼트</a></li>
|
||||
<li><a href="#">구글 애드워즈</a></li>
|
||||
<li><a href="#">기타</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<button>통합 DB 관리</button>
|
||||
</li>
|
||||
<li>
|
||||
<button data-bs-toggle="collapse" data-bs-target="#accounting" aria-expanded="false">회계 관리</button>
|
||||
<div class="collapse" id="accounting">
|
||||
<ul class="btn-toggle-nav">
|
||||
<li><a href="#">출금요청</a></li>
|
||||
<li><a href="#">세금계산서 요청</a></li>
|
||||
<li><a href="#">미수금 관리</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<button>인사 관리</button>
|
||||
</li>
|
||||
<li>
|
||||
<button data-bs-toggle="collapse" data-bs-target="#event" aria-expanded="false">이벤트</button>
|
||||
<div class="collapse" id="event">
|
||||
<ul class="btn-toggle-nav">
|
||||
<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>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
<div class="util-nav">
|
||||
<a href="#">마이페이지</a>
|
||||
<a href="#">로그아웃</a>
|
||||
</div>
|
||||
</div>
|
||||
<main class="contents-wrap">
|
||||
<form class="ad-management text-center">
|
||||
<div class="row">
|
||||
<div class="title">
|
||||
<h1>페이스북 광고관리</h1>
|
||||
<p>숫자 중심의 퍼포먼스 마케팅에 집중! 사람들이 어떤 콘텐츠에 반응하는가? 비용 대비 얼만큼의 성과가 있는가?</p>
|
||||
</div>
|
||||
<div class="type">
|
||||
<div class="summary">
|
||||
<div class="search d-flex">
|
||||
<input class="form-control me-2" type="search" placeholder="검색어를 입력하세요" aria-label="Search">
|
||||
<button class="btn btn-primary" type="submit">조회</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="detail">
|
||||
<dl class="col">
|
||||
<dt>노출수</dt>
|
||||
<dd>34,456</dd>
|
||||
</dl>
|
||||
<dl class="col">
|
||||
<dt>클릭수</dt>
|
||||
<dd>809</dd>
|
||||
</dl>
|
||||
<dl class="col">
|
||||
<dt>클릭율</dt>
|
||||
<dd>1.09</dd>
|
||||
</dl>
|
||||
<dl class="col">
|
||||
<dt>지출액</dt>
|
||||
<dd>1,234,123</dd>
|
||||
</dl>
|
||||
<dl class="col">
|
||||
<dt>DB수</dt>
|
||||
<dd>61</dd>
|
||||
</dl>
|
||||
<dl class="col">
|
||||
<dt>DB당 단가</dt>
|
||||
<dd>45,234</dd>
|
||||
</dl>
|
||||
<dl class="col">
|
||||
<dt>전환율</dt>
|
||||
<dd>7.34</dd>
|
||||
</dl>
|
||||
<dl class="col">
|
||||
<dt>매출</dt>
|
||||
<dd>23,456,900</dd>
|
||||
</dl>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<article class="row menu account">
|
||||
<div class="title">
|
||||
<i class="check-circle"></i><strong>비지니스 계정</strong>
|
||||
<span class="line"></span>
|
||||
</div>
|
||||
<div class="btn-tab d-flex">
|
||||
<a href="#" class="btn-management active btn-primary"><span>열혈 패밀리</span></a>
|
||||
<a href="#" class="btn-management btn-primary"><span>케어랩스5</span></a>
|
||||
<a href="#" class="btn-management btn-primary"><span>케어랩스7케어랩스7케어랩스</span></a>
|
||||
</div>
|
||||
</article>
|
||||
|
||||
<article class="row menu advertiser">
|
||||
<div class="title">
|
||||
<i class="check-circle"></i><strong>광고주</strong>
|
||||
<span class="line"></span>
|
||||
</div>
|
||||
<div class="btn-tab d-flex">
|
||||
<a href="#" class="btn-management active btn-primary"><span>[대전]상상의원_가나다라마바</span></a>
|
||||
<a href="#" class="btn-management btn-primary"><span>플란치과_임플</span></a>
|
||||
<a href="#" class="btn-management btn-primary"><span>비결뷰티센터</span></a>
|
||||
</div>
|
||||
</article>
|
||||
|
||||
<section class="row">
|
||||
<ul class="nav nav-tabs" id="myTab" role="tablist">
|
||||
<li class="nav-item">
|
||||
<button class="nav-link active" id="home-tab" data-bs-toggle="tab" data-bs-target="#home" type="button" role="tab" aria-selected="true">캠페인</button>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<button class="nav-link" id="profile-tab" data-bs-toggle="tab" data-bs-target="#profile" type="button" role="tab" aria-selected="false">광고세트</button>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<button class="nav-link" id="messages-tab" data-bs-toggle="tab" data-bs-target="#messages" type="button" role="tab" aria-selected="false">광고</button>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<div class="tab-content">
|
||||
<div class="btn-tab d-flex">
|
||||
<a href="#" class="btn btn-outline-primary"><span>수동 업데이트</span></a>
|
||||
<a href="#" class="btn btn-outline-primary"><span>데이터 비교</span></a>
|
||||
<a href="#" class="btn btn-outline-primary"><span>메모확인</span></a>
|
||||
</div>
|
||||
<div class="tab-pane active" id="home" aria-labelledby="home-tab">캠페인</div>
|
||||
<div class="tab-pane" id="profile" aria-labelledby="profile-tab">광고세트</div>
|
||||
<div class="tab-pane" id="messages" aria-labelledby="messages-tab">광고</div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- <div class="row">
|
||||
<div class="type">
|
||||
<div class="summary">
|
||||
<strong><i class="google"></i>구글 애드워즈</strong>
|
||||
<dl class="percentage">
|
||||
<dt>수익률</dt>
|
||||
<dd>46.51</dd>
|
||||
</dl>
|
||||
<dl>
|
||||
<dt>수익</dt>
|
||||
<dd>953,458</dd>
|
||||
</dl>
|
||||
</div>
|
||||
<div class="detail row">
|
||||
<dl class="col">
|
||||
<dt>노출수</dt>
|
||||
<dd>34,456</dd>
|
||||
</dl>
|
||||
<dl class="col">
|
||||
<dt>클릭수</dt>
|
||||
<dd>809</dd>
|
||||
</dl>
|
||||
<dl class="col">
|
||||
<dt>클릭율</dt>
|
||||
<dd>1.09</dd>
|
||||
</dl>
|
||||
<dl class="col">
|
||||
<dt>지출액</dt>
|
||||
<dd>1,234,123</dd>
|
||||
</dl>
|
||||
<dl class="col">
|
||||
<dt>DB수</dt>
|
||||
<dd>61</dd>
|
||||
</dl>
|
||||
<dl class="col">
|
||||
<dt>DB당 단가</dt>
|
||||
<dd>45,234</dd>
|
||||
</dl>
|
||||
<dl class="col">
|
||||
<dt>전환율</dt>
|
||||
<dd>7.34</dd>
|
||||
</dl>
|
||||
<dl class="col">
|
||||
<dt>매출</dt>
|
||||
<dd>23,456,900</dd>
|
||||
</dl>
|
||||
</div>
|
||||
</div>
|
||||
<a href="#" class="btn-more btn-primary"><span>더보기</span></a>
|
||||
</div> -->
|
||||
</form>
|
||||
</main>
|
||||
</div>
|
||||
<script>
|
||||
var firstTabEl = document.querySelector('#myTab li:last-child button')
|
||||
var firstTab = new bootstrap.Tab(firstTabEl)
|
||||
|
||||
firstTab.show()
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
<?=$this->endSection();?>
|
||||
@@ -0,0 +1,76 @@
|
||||
<?=$this->extend('templates/front_example.php');?>
|
||||
|
||||
<?=$this->section('title');?>
|
||||
ZENITH - 엑셀 업로드
|
||||
<?=$this->endSection();?>
|
||||
|
||||
<?=$this->section('content');?>
|
||||
<div class="sub-contents-wrap">
|
||||
<div class="title-area">
|
||||
<h2 class="page-title">엑셀 업로드</h2>
|
||||
</div>
|
||||
<div class="section ">
|
||||
<div class="table-responsive">
|
||||
<table class="table table-bordered table-left-header">
|
||||
<colgroup>
|
||||
<col style="width:20%;">
|
||||
<col style="width:80%;">
|
||||
</colgroup>
|
||||
<tbody>
|
||||
<tr>
|
||||
<th scope="row" rowspan="3" class="text-end align-top pt-3">엑셀</th>
|
||||
<td>
|
||||
<input class="form-control" type="file" id="formFile">
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<span class="text-primary">[업로드 가이드]</span>
|
||||
<table class="table table-bordered mb-0">
|
||||
<colgroup>
|
||||
<col style="width:20%;">
|
||||
<col style="width:80%;">
|
||||
</colgroup>
|
||||
<tbody>
|
||||
<tr>
|
||||
<th scope="col" class="align-middle">연동가능 광고주</th>
|
||||
<td>
|
||||
리얼딥<br>
|
||||
하늘안과의원<br>
|
||||
밝은성모안과병원<br>
|
||||
리얼딥<br>
|
||||
하늘안과의원<br>
|
||||
밝은성모안과병원<br>
|
||||
리얼딥<br>
|
||||
하늘안과의원<br>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="col">샘플</th>
|
||||
<td><a href="#">샘플 다운로드</a></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<b>※ 업로드 유의사항</b>
|
||||
<ul>
|
||||
<li>1. 반드시 지정된 양식에 맞춘 csv 파일을 업로드 부탁드립니다.</li>
|
||||
<li>2. 신규 랜딩 번호로 DB 업로드 필요시 개발팀에 알림 부탁드립니다.</li>
|
||||
<li>3. 등록된 연동가능 광고주 외의 연동이 필요한 DB는 업로드 전 개발팀에 알림 부탁드립니다.</li>
|
||||
<li>4. 연동 시 랜딩번호, 광고주 항목 입력은 필수입니다.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<div class="btn-area text-center">
|
||||
<button type="button" class="btn btn-primary">확인</button>
|
||||
<a href="/example/event_manage"><button type="button" class="btn btn-secondary">이벤트 목록</button></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<?=$this->endSection();?>
|
||||
@@ -0,0 +1,446 @@
|
||||
<?=$this->extend('templates/front_example.php');?>
|
||||
|
||||
<?=$this->section('title');?>
|
||||
ZENITH - 페이스북 광고관리
|
||||
<?=$this->endSection();?>
|
||||
|
||||
<?=$this->section('content');?>
|
||||
<div class="sub-contents-wrap">
|
||||
<div class="title-area">
|
||||
<h2 class="page-title">페이스북 광고관리</h2>
|
||||
<p class="title-disc">숫자 중심의 퍼포먼스 마케팅에 집중! 사람들이 어떤 콘텐츠에 반응하는가? 비용 대비 얼만큼의 성과가 있는가?</p>
|
||||
</div>
|
||||
|
||||
<div class="search-wrap">
|
||||
<form class="search d-flex justify-content-center">
|
||||
<div class="term d-flex align-items-center">
|
||||
<input type="text">
|
||||
<button type="button"><i class="bi bi-calendar2-week"></i></button>
|
||||
<span> ~ </span>
|
||||
<input type="text">
|
||||
<button type="button"><i class="bi bi-calendar2-week"></i></button>
|
||||
</div>
|
||||
<div class="input">
|
||||
<input class="" type="text" placeholder="검색어를 입력하세요">
|
||||
<button class="btn-primary" type="submit">조회</button>
|
||||
</div>
|
||||
</form>
|
||||
<div class="detail row d-flex justify-content-center">
|
||||
<dl class="col">
|
||||
<dt>노출수</dt>
|
||||
<dd>34,456</dd>
|
||||
</dl>
|
||||
<dl class="col">
|
||||
<dt>클릭수</dt>
|
||||
<dd>809</dd>
|
||||
</dl>
|
||||
<dl class="col">
|
||||
<dt>클릭율</dt>
|
||||
<dd>1.09</dd>
|
||||
</dl>
|
||||
<dl class="col">
|
||||
<dt>지출액</dt>
|
||||
<dd>1,234,123</dd>
|
||||
</dl>
|
||||
<dl class="col">
|
||||
<dt>DB수</dt>
|
||||
<dd>61</dd>
|
||||
</dl>
|
||||
<dl class="col">
|
||||
<dt>DB당 단가</dt>
|
||||
<dd>45,234</dd>
|
||||
</dl>
|
||||
<dl class="col">
|
||||
<dt>전환율</dt>
|
||||
<dd>7.34</dd>
|
||||
</dl>
|
||||
<dl class="col">
|
||||
<dt>매출</dt>
|
||||
<dd>23,456,900</dd>
|
||||
</dl>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="section client-list biz">
|
||||
<h3 class="content-title toggle"><i class="bi bi-chevron-up"></i> 매체</h3>
|
||||
<div class="row">
|
||||
<div class="col">
|
||||
<div class="inner">
|
||||
<button type="button">열혈 패밀리</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col">
|
||||
<div class="inner">
|
||||
<button type="button">케어랩스5</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col">
|
||||
<div class="inner">
|
||||
<button type="button">케어랩스7</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="section client-list biz">
|
||||
<h3 class="content-title toggle"><i class="bi bi-chevron-up"></i> 비즈니스 계정</h3>
|
||||
<div class="row">
|
||||
<div class="col">
|
||||
<div class="inner">
|
||||
<button type="button">열혈 패밀리</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col">
|
||||
<div class="inner">
|
||||
<button type="button">케어랩스5</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col">
|
||||
<div class="inner">
|
||||
<button type="button">케어랩스7</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="section client-list advertiser">
|
||||
<h3 class="content-title toggle"><i class="bi bi-chevron-up"></i> 광고주</h3>
|
||||
<div class="row">
|
||||
<div class="col">
|
||||
<div class="inner">
|
||||
<button type="button" class="active alert">[대전]상상의원_가나다라마마다먀라</button>
|
||||
<div class="progress">
|
||||
<div class="progress-bar" role="progressbar" style="width:calc(14 / 170 * 100%)"></div>
|
||||
<div class="txt">14/170</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col">
|
||||
<div class="inner">
|
||||
<button type="button" class="alert">플란치과_임플○</button>
|
||||
<div class="progress">
|
||||
<div class="progress-bar" role="progressbar" style="width:calc(14 / 170 * 100%)"></div>
|
||||
<div class="txt">14/170</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col">
|
||||
<div class="inner">
|
||||
<button type="button" class="active">비결뷰티센터</button>
|
||||
<div class="progress">
|
||||
<div class="progress-bar" role="progressbar" style="width:calc(14 / 170 * 100%)"></div>
|
||||
<div class="txt">14/170</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col">
|
||||
<div class="inner">
|
||||
<button type="button">[대전]상상의원_가나다라마마다먀라</button>
|
||||
<div class="progress">
|
||||
<div class="progress-bar" role="progressbar" style="width:calc(14 / 170 * 100%)"></div>
|
||||
<div class="txt">14/170</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col">
|
||||
<div class="inner">
|
||||
<button type="button">플란치과_임플○</button>
|
||||
<div class="progress">
|
||||
<div class="progress-bar" role="progressbar" style="width:calc(14 / 170 * 100%)"></div>
|
||||
<div class="txt">14/170</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col">
|
||||
<div class="inner">
|
||||
<button type="button">비결뷰티센터</button>
|
||||
<div class="progress">
|
||||
<div class="progress-bar" role="progressbar" style="width:calc(14 / 170 * 100%)"></div>
|
||||
<div class="txt">14/170</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col">
|
||||
<div class="inner">
|
||||
<button type="button">거무타</button>
|
||||
<div class="progress">
|
||||
<div class="progress-bar" role="progressbar" style="width:calc(14 / 170 * 100%)"></div>
|
||||
<div class="txt">14/170</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col">
|
||||
<div class="inner">
|
||||
<button type="button">마디척병원○</button>
|
||||
<div class="progress">
|
||||
<div class="progress-bar" role="progressbar" style="width:calc(14 / 170 * 100%)"></div>
|
||||
<div class="txt">14/170</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col">
|
||||
<div class="inner">
|
||||
<button type="button">[전국]상상의원_주름보톡스2*</button>
|
||||
<div class="progress">
|
||||
<div class="progress-bar" role="progressbar" style="width:calc(14 / 170 * 100%)"></div>
|
||||
<div class="txt">14/170</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col">
|
||||
<div class="inner">
|
||||
<button type="button">[대전]상상의원_가나다라마마다먀라</button>
|
||||
<div class="progress">
|
||||
<div class="progress-bar" role="progressbar" style="width:calc(14 / 170 * 100%)"></div>
|
||||
<div class="txt">14/170</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col">
|
||||
<div class="inner">
|
||||
<button type="button">플란치과_임플○</button>
|
||||
<div class="progress">
|
||||
<div class="progress-bar" role="progressbar" style="width:calc(14 / 170 * 100%)"></div>
|
||||
<div class="txt">14/170</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col">
|
||||
<div class="inner">
|
||||
<button type="button">비결뷰티센터</button>
|
||||
<div class="progress">
|
||||
<div class="progress-bar" role="progressbar" style="width:calc(14 / 170 * 100%)"></div>
|
||||
<div class="txt">14/170</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col">
|
||||
<div class="inner">
|
||||
<button type="button">[대전]상상의원_가나다라마마다먀라</button>
|
||||
<div class="progress">
|
||||
<div class="progress-bar" role="progressbar" style="width:calc(14 / 170 * 100%)"></div>
|
||||
<div class="txt">14/170</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col">
|
||||
<div class="inner">
|
||||
<button type="button">플란치과_임플○</button>
|
||||
<div class="progress">
|
||||
<div class="progress-bar" role="progressbar" style="width:calc(14 / 170 * 100%)"></div>
|
||||
<div class="txt">14/170</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col">
|
||||
<div class="inner">
|
||||
<button type="button">비결뷰티센터</button>
|
||||
<div class="progress">
|
||||
<div class="progress-bar" role="progressbar" style="width:calc(14 / 170 * 100%)"></div>
|
||||
<div class="txt">14/170</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="tab-wrap">
|
||||
<ul class="nav nav-tabs" role="tablist">
|
||||
<li class="nav-item" role="presentation">
|
||||
<button class="nav-link active" id="campaign-tab" data-bs-toggle="tab" data-bs-target="#campaign-tab-pane" type="button" role="tab" aria-controls="campaign-tab-pane" aria-selected="true">캠페인</button>
|
||||
</li>
|
||||
<li class="nav-item" role="presentation">
|
||||
<button class="nav-link" id="set-tab" data-bs-toggle="tab" data-bs-target="#set-tab-pane" type="button" role="tab" aria-controls="set-tab-pane" aria-selected="false">광고 세트</button>
|
||||
</li>
|
||||
<li class="nav-item" role="presentation">
|
||||
<button class="nav-link" id="advertisement-tab" data-bs-toggle="tab" data-bs-target="#advertisement-tab-pane" type="button" role="tab" aria-controls="advertisement-tab-pane" aria-selected="false">광고</button>
|
||||
</li>
|
||||
</ul>
|
||||
<div class="tab-content">
|
||||
<div class="tab-pane active" id="campaign-tab-pane" role="tabpanel" aria-labelledby="campaign-tab">
|
||||
<div class="btn-wrap">
|
||||
<button type="button" class="btn btn-outline-danger active">수동 업데이트</button>
|
||||
<button type="button" class="btn btn-outline-danger">데이터 비교</button>
|
||||
<button type="button" class="btn btn-outline-danger"><i class="bi bi-file-text"></i> 메모확인</button>
|
||||
</div>
|
||||
|
||||
<div class="table-responsive">
|
||||
<table class="table table-striped table-hover table-default">
|
||||
<colgroup>
|
||||
<col style="width:10%">
|
||||
<col style="width:5.5%">
|
||||
<col style="width:5%">
|
||||
<col style="width:5%">
|
||||
<col style="width:7%">
|
||||
<col style="width:6%">
|
||||
<col style="width:4%">
|
||||
<col style="width:7.5%">
|
||||
<col style="width:7.5%">
|
||||
<col style="width:5.5%">
|
||||
<col style="width:7.5%">
|
||||
<col style="width:5.5%">
|
||||
<col style="width:5.5%">
|
||||
<col style="width:5.5%">
|
||||
<col style="width:5.5%">
|
||||
<col style="width:6.5%">
|
||||
</colgroup>
|
||||
<thead class="table-dark">
|
||||
<tr>
|
||||
<th scope="col">캠페인명</th>
|
||||
<th scope="col">상태</th>
|
||||
<th scope="col">예산 <br>ai</th>
|
||||
<th scope="col">목표 <br>ai</th>
|
||||
<th scope="col">예산</th>
|
||||
<th scope="col">현재 <br>DB단가</th>
|
||||
<th scope="col">유효 <br>DB</th>
|
||||
<th scope="col">지출액</th>
|
||||
<th scope="col">수익</th>
|
||||
<th scope="col">수익률</th>
|
||||
<th scope="col">매출액</th>
|
||||
<th scope="col">노출수</th>
|
||||
<th scope="col">링크클릭</th>
|
||||
<th scope="col">CPC</th>
|
||||
<th scope="col">CTR</th>
|
||||
<th scope="col">DB <br>전환률</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<th scope="col" class="text-center">캠페인 11건 결과</th>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td>￦22,345,222</td>
|
||||
<td>￦30,342</td>
|
||||
<td>515</td>
|
||||
<td>￦18,345,342</td>
|
||||
<td>￦6,235,666</td>
|
||||
<td>29.45%</td>
|
||||
<td>￦21,345,678</td>
|
||||
<td>654,345</td>
|
||||
<td>9,457</td>
|
||||
<td>￦1,778</td>
|
||||
<td>1.13%</td>
|
||||
<td>6.34%</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="col">
|
||||
<div class="form-check">
|
||||
<input class="form-check-input" type="checkbox" value="" id="check01">
|
||||
<label class="form-check-label" for="check01">[02.22][케랩7_마디척병원_부위별통증] evt_5721 @15 진선_주말OFF_규칙</label>
|
||||
</div>
|
||||
<div class="btn-area">
|
||||
<button type="button" class="btn btn-outline-secondary btn-paper"><i class="bi bi-file-text"></i></button>
|
||||
</div>
|
||||
</th>
|
||||
<td>
|
||||
<button type="button" class="btn btn-outline-secondary btn-sm">활성</button>
|
||||
<div class="btn-area">
|
||||
<button type="button" class="btn btn-outline-secondary btn-reflesh"><i class="bi bi-arrow-counterclockwise"></i>새로고침</button>
|
||||
</div>
|
||||
</td>
|
||||
<td>ON</td>
|
||||
<td>ON</td>
|
||||
<td>￦100,000
|
||||
<div class="btn-area d-flex justify-content-between">
|
||||
<button type="button" class="btn btn-secondary btn-arrow"><i class="bi bi-arrow-up-short"></i></button>
|
||||
<button type="button" class="btn btn-secondary btn-arrow"><i class="bi bi-arrow-down-short"></i></button>
|
||||
</div>
|
||||
</td>
|
||||
<td>0</td>
|
||||
<td>0</td>
|
||||
<td>￦15,345</td>
|
||||
<td>￦-15,678</td>
|
||||
<td>0%</td>
|
||||
<td>￦0</td>
|
||||
<td>631</td>
|
||||
<td>3</td>
|
||||
<td>￦5,345</td>
|
||||
<td>0.48%</td>
|
||||
<td>0%</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="col">
|
||||
<div class="form-check">
|
||||
<input class="form-check-input" type="checkbox" value="" id="check01">
|
||||
<label class="form-check-label" for="check01">[02.22][케랩7_마디척병원_부위별통증] evt_5721 @15 진선_주말OFF_규칙</label>
|
||||
</div>
|
||||
<div class="btn-area">
|
||||
<button type="button" class="btn btn-outline-secondary btn-paper"><i class="bi bi-file-text"></i></button>
|
||||
</div>
|
||||
</th>
|
||||
<td>
|
||||
<button type="button" class="btn btn-outline-secondary btn-sm">활성</button>
|
||||
<div class="btn-area">
|
||||
<button type="button" class="btn btn-outline-secondary btn-reflesh"><i class="bi bi-arrow-counterclockwise"></i>새로고침</button>
|
||||
</div>
|
||||
</td>
|
||||
<td>ON</td>
|
||||
<td>ON</td>
|
||||
<td>￦100,000
|
||||
<div class="btn-area d-flex justify-content-between">
|
||||
<button type="button" class="btn btn-secondary btn-arrow"><i class="bi bi-arrow-up-short"></i></button>
|
||||
<button type="button" class="btn btn-secondary btn-arrow"><i class="bi bi-arrow-down-short"></i></button>
|
||||
</div>
|
||||
</td>
|
||||
<td>0</td>
|
||||
<td>0</td>
|
||||
<td>￦15,345</td>
|
||||
<td>￦-15,678</td>
|
||||
<td>0%</td>
|
||||
<td>￦0</td>
|
||||
<td>631</td>
|
||||
<td>3</td>
|
||||
<td>￦5,345</td>
|
||||
<td>0.48%</td>
|
||||
<td>0%</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="col">
|
||||
<div class="form-check">
|
||||
<input class="form-check-input" type="checkbox" value="" id="check01">
|
||||
<label class="form-check-label" for="check01">[02.22][케랩7_마디척병원_부위별통증] evt_5721 @15 진선_주말OFF_규칙</label>
|
||||
</div>
|
||||
<div class="btn-area">
|
||||
<button type="button" class="btn btn-outline-secondary btn-paper"><i class="bi bi-file-text"></i></button>
|
||||
</div>
|
||||
</th>
|
||||
<td>
|
||||
<button type="button" class="btn btn-outline-secondary btn-sm">활성</button>
|
||||
<div class="btn-area">
|
||||
<button type="button" class="btn btn-outline-secondary btn-reflesh"><i class="bi bi-arrow-counterclockwise"></i>새로고침</button>
|
||||
</div>
|
||||
</td>
|
||||
<td>ON</td>
|
||||
<td>ON</td>
|
||||
<td>￦100,000
|
||||
<div class="btn-area d-flex justify-content-between">
|
||||
<button type="button" class="btn btn-secondary btn-arrow"><i class="bi bi-arrow-up-short"></i></button>
|
||||
<button type="button" class="btn btn-secondary btn-arrow"><i class="bi bi-arrow-down-short"></i></button>
|
||||
</div>
|
||||
</td>
|
||||
<td>0</td>
|
||||
<td>0</td>
|
||||
<td>￦15,345</td>
|
||||
<td>￦-15,678</td>
|
||||
<td>0%</td>
|
||||
<td>￦0</td>
|
||||
<td>631</td>
|
||||
<td>3</td>
|
||||
<td>￦5,345</td>
|
||||
<td>0.48%</td>
|
||||
<td>0%</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
<div class="tab-pane" id="set-tab-pane" role="tabpanel" aria-labelledby="set-tab">
|
||||
광고 세트
|
||||
</div>
|
||||
<div class="tab-pane" id="advertisement-tab-pane" role="tabpanel" aria-labelledby="advertisement-tab">
|
||||
광고
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<?=$this->endSection();?>
|
||||
@@ -0,0 +1,355 @@
|
||||
<?=$this->extend('templates/front_example.php');?>
|
||||
|
||||
<?=$this->section('title');?>
|
||||
ZENITH - 구글 애드워즈 광고관리
|
||||
<?=$this->endSection();?>
|
||||
|
||||
<?=$this->section('content');?>
|
||||
<div class="sub-contents-wrap">
|
||||
<div class="title-area">
|
||||
<h2 class="page-title">구글 애드워즈 광고관리</h2>
|
||||
<p class="title-disc">광고주별 매체의 기본적인 광고 합성/종료/수정의 기능을 제공하고 있으며, 추가적으로 CHAIN에서 개발한 스마트하게 광고를 최적화 시켜주는 기능도 함께 이용할 수 있습니다.</p>
|
||||
</div>
|
||||
|
||||
<div class="search-wrap">
|
||||
<form class="search d-flex justify-content-center">
|
||||
<div class="term d-flex align-items-center">
|
||||
<input type="text">
|
||||
<button type="button"><i class="bi bi-calendar2-week"></i></button>
|
||||
<span> ~ </span>
|
||||
<input type="text">
|
||||
<button type="button"><i class="bi bi-calendar2-week"></i></button>
|
||||
</div>
|
||||
<div class="input">
|
||||
<input class="" type="text" placeholder="검색어를 입력하세요">
|
||||
<button class="btn-primary" type="submit">조회</button>
|
||||
</div>
|
||||
</form>
|
||||
<div class="detail row d-flex justify-content-center">
|
||||
<dl class="col">
|
||||
<dt>노출수</dt>
|
||||
<dd>34,456</dd>
|
||||
</dl>
|
||||
<dl class="col">
|
||||
<dt>클릭수</dt>
|
||||
<dd>809</dd>
|
||||
</dl>
|
||||
<dl class="col">
|
||||
<dt>클릭율</dt>
|
||||
<dd>1.09</dd>
|
||||
</dl>
|
||||
<dl class="col">
|
||||
<dt>지출액</dt>
|
||||
<dd>1,234,123</dd>
|
||||
</dl>
|
||||
<dl class="col">
|
||||
<dt>DB수</dt>
|
||||
<dd>61</dd>
|
||||
</dl>
|
||||
<dl class="col">
|
||||
<dt>DB당 단가</dt>
|
||||
<dd>45,234</dd>
|
||||
</dl>
|
||||
<dl class="col">
|
||||
<dt>전환율</dt>
|
||||
<dd>7.34</dd>
|
||||
</dl>
|
||||
<dl class="col">
|
||||
<dt>수익</dt>
|
||||
<dd>1,234,123</dd>
|
||||
</dl>
|
||||
<dl class="col">
|
||||
<dt>수익율</dt>
|
||||
<dd>7.34</dd>
|
||||
</dl>
|
||||
<dl class="col">
|
||||
<dt>매출</dt>
|
||||
<dd>23,456,900</dd>
|
||||
</dl>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="section client-list biz">
|
||||
<h3 class="content-title toggle"><i class="bi bi-chevron-up"></i> 매니저 계정</h3>
|
||||
<div class="row">
|
||||
<div class="col">
|
||||
<div class="inner">
|
||||
<button type="button">열혈 패밀리</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col">
|
||||
<div class="inner">
|
||||
<button type="button">케어랩스5</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col">
|
||||
<div class="inner">
|
||||
<button type="button">케어랩스7</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="section client-list advertiser">
|
||||
<h3 class="content-title toggle"><i class="bi bi-chevron-up"></i> 광고주</h3>
|
||||
<div class="row">
|
||||
<div class="col">
|
||||
<div class="inner">
|
||||
<button type="button" class="active alert">[대전]상상의원_가나다라마마다먀라</button>
|
||||
<div class="progress">
|
||||
<div class="progress-bar" role="progressbar" style="width:calc(14 / 170 * 100%)"></div>
|
||||
<div class="txt">14/170</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col">
|
||||
<div class="inner">
|
||||
<button type="button" class="alert">플란치과_임플○</button>
|
||||
<div class="progress">
|
||||
<div class="progress-bar" role="progressbar" style="width:calc(14 / 170 * 100%)"></div>
|
||||
<div class="txt">14/170</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col">
|
||||
<div class="inner">
|
||||
<button type="button" class="active">비결뷰티센터</button>
|
||||
<div class="progress">
|
||||
<div class="progress-bar" role="progressbar" style="width:calc(14 / 170 * 100%)"></div>
|
||||
<div class="txt">14/170</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col">
|
||||
<div class="inner">
|
||||
<button type="button">[대전]상상의원_가나다라마마다먀라</button>
|
||||
<div class="progress">
|
||||
<div class="progress-bar" role="progressbar" style="width:calc(14 / 170 * 100%)"></div>
|
||||
<div class="txt">14/170</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col">
|
||||
<div class="inner">
|
||||
<button type="button">플란치과_임플○</button>
|
||||
<div class="progress">
|
||||
<div class="progress-bar" role="progressbar" style="width:calc(14 / 170 * 100%)"></div>
|
||||
<div class="txt">14/170</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col">
|
||||
<div class="inner">
|
||||
<button type="button">비결뷰티센터</button>
|
||||
<div class="progress">
|
||||
<div class="progress-bar" role="progressbar" style="width:calc(14 / 170 * 100%)"></div>
|
||||
<div class="txt">14/170</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col">
|
||||
<div class="inner">
|
||||
<button type="button">거무타</button>
|
||||
<div class="progress">
|
||||
<div class="progress-bar" role="progressbar" style="width:calc(14 / 170 * 100%)"></div>
|
||||
<div class="txt">14/170</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col">
|
||||
<div class="inner">
|
||||
<button type="button">마디척병원○</button>
|
||||
<div class="progress">
|
||||
<div class="progress-bar" role="progressbar" style="width:calc(14 / 170 * 100%)"></div>
|
||||
<div class="txt">14/170</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col">
|
||||
<div class="inner">
|
||||
<button type="button">[전국]상상의원_주름보톡스2*</button>
|
||||
<div class="progress">
|
||||
<div class="progress-bar" role="progressbar" style="width:calc(14 / 170 * 100%)"></div>
|
||||
<div class="txt">14/170</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col">
|
||||
<div class="inner">
|
||||
<button type="button">[대전]상상의원_가나다라마마다먀라</button>
|
||||
<div class="progress">
|
||||
<div class="progress-bar" role="progressbar" style="width:calc(14 / 170 * 100%)"></div>
|
||||
<div class="txt">14/170</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col">
|
||||
<div class="inner">
|
||||
<button type="button">플란치과_임플○</button>
|
||||
<div class="progress">
|
||||
<div class="progress-bar" role="progressbar" style="width:calc(14 / 170 * 100%)"></div>
|
||||
<div class="txt">14/170</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col">
|
||||
<div class="inner">
|
||||
<button type="button">비결뷰티센터</button>
|
||||
<div class="progress">
|
||||
<div class="progress-bar" role="progressbar" style="width:calc(14 / 170 * 100%)"></div>
|
||||
<div class="txt">14/170</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col">
|
||||
<div class="inner">
|
||||
<button type="button">[대전]상상의원_가나다라마마다먀라</button>
|
||||
<div class="progress">
|
||||
<div class="progress-bar" role="progressbar" style="width:calc(14 / 170 * 100%)"></div>
|
||||
<div class="txt">14/170</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col">
|
||||
<div class="inner">
|
||||
<button type="button">플란치과_임플○</button>
|
||||
<div class="progress">
|
||||
<div class="progress-bar" role="progressbar" style="width:calc(14 / 170 * 100%)"></div>
|
||||
<div class="txt">14/170</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col">
|
||||
<div class="inner">
|
||||
<button type="button">비결뷰티센터</button>
|
||||
<div class="progress">
|
||||
<div class="progress-bar" role="progressbar" style="width:calc(14 / 170 * 100%)"></div>
|
||||
<div class="txt">14/170</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="tab-wrap">
|
||||
<ul class="nav nav-tabs" role="tablist">
|
||||
<li class="nav-item" role="presentation">
|
||||
<button class="nav-link active" id="campaign-tab" data-bs-toggle="tab" data-bs-target="#campaign-tab-pane" type="button" role="tab" aria-controls="campaign-tab-pane" aria-selected="true">캠페인</button>
|
||||
</li>
|
||||
<li class="nav-item" role="presentation">
|
||||
<button class="nav-link" id="set-tab" data-bs-toggle="tab" data-bs-target="#set-tab-pane" type="button" role="tab" aria-controls="set-tab-pane" aria-selected="false">광고 그룹</button>
|
||||
</li>
|
||||
<li class="nav-item" role="presentation">
|
||||
<button class="nav-link" id="advertisement-tab" data-bs-toggle="tab" data-bs-target="#advertisement-tab-pane" type="button" role="tab" aria-controls="advertisement-tab-pane" aria-selected="false">소재</button>
|
||||
</li>
|
||||
</ul>
|
||||
<div class="tab-content">
|
||||
<div class="tab-pane active" id="campaign-tab-pane" role="tabpanel" aria-labelledby="campaign-tab">
|
||||
<div class="btn-wrap">
|
||||
<button type="button" class="btn btn-outline-danger active">수동 업데이트</button>
|
||||
<button type="button" class="btn btn-outline-danger">데이터 비교</button>
|
||||
<button type="button" class="btn btn-outline-danger"><i class="bi bi-file-text"></i> 메모확인</button>
|
||||
</div>
|
||||
|
||||
<div class="table-responsive">
|
||||
<table class="table table-striped table-hover table-default">
|
||||
<colgroup>
|
||||
<col>
|
||||
<col style="width:7%">
|
||||
<col style="width:7%">
|
||||
<col style="width:7%">
|
||||
<col style="width:6%">
|
||||
<col style="width:4%">
|
||||
<col style="width:7.5%">
|
||||
<col style="width:7.5%">
|
||||
<col style="width:5.5%">
|
||||
<col style="width:7.5%">
|
||||
<col style="width:5.5%">
|
||||
<col style="width:5.5%">
|
||||
<col style="width:5.5%">
|
||||
<col style="width:5.5%">
|
||||
<col style="width:6.5%">
|
||||
</colgroup>
|
||||
<thead class="table-dark">
|
||||
<tr>
|
||||
<th scope="col">캠페인명</th>
|
||||
<th scope="col">상태</th>
|
||||
<th scope="col">입찰 <br>유형</th>
|
||||
<th scope="col">예산</th>
|
||||
<th scope="col">현재 <br>DB단가</th>
|
||||
<th scope="col">유효 <br>DB</th>
|
||||
<th scope="col">지출액</th>
|
||||
<th scope="col">수익</th>
|
||||
<th scope="col">수익률</th>
|
||||
<th scope="col">매출액</th>
|
||||
<th scope="col">노출수</th>
|
||||
<th scope="col">링크클릭</th>
|
||||
<th scope="col">CPC</th>
|
||||
<th scope="col">CTR</th>
|
||||
<th scope="col">DB <br>전환률</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<th scope="col" class="text-center">캠페인 11건 결과</th>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td>￦22,345,222</td>
|
||||
<td>￦30,342</td>
|
||||
<td>515</td>
|
||||
<td>￦18,345,342</td>
|
||||
<td>￦6,235,666</td>
|
||||
<td>29.45%</td>
|
||||
<td>￦21,345,678</td>
|
||||
<td>654,345</td>
|
||||
<td>9,457</td>
|
||||
<td>￦1,778</td>
|
||||
<td>1.13%</td>
|
||||
<td>6.34%</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="col">
|
||||
<div class="form-check">
|
||||
<input class="form-check-input" type="checkbox" value="" id="check01">
|
||||
<label class="form-check-label" for="check01">[02.22][케랩7_마디척병원_부위별통증] evt_5721 @15 진선_주말OFF_규칙</label>
|
||||
</div>
|
||||
<div class="btn-area">
|
||||
<button type="button" class="btn btn-outline-secondary btn-paper"><i class="bi bi-file-text"></i></button>
|
||||
</div>
|
||||
</th>
|
||||
<td>
|
||||
<select name="" class="form-select">
|
||||
<option value="">활성</option>
|
||||
<option value=""></option>
|
||||
<option value=""></option>
|
||||
<option value=""></option>
|
||||
</select>
|
||||
</td>
|
||||
<td></td>
|
||||
<td>￦100,000</td>
|
||||
<td>0</td>
|
||||
<td>0</td>
|
||||
<td>￦15,345</td>
|
||||
<td>￦-15,678</td>
|
||||
<td>0%</td>
|
||||
<td>￦0</td>
|
||||
<td>631</td>
|
||||
<td>3</td>
|
||||
<td>￦5,345</td>
|
||||
<td>0.48%</td>
|
||||
<td>0%</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
<div class="tab-pane" id="set-tab-pane" role="tabpanel" aria-labelledby="set-tab">
|
||||
광고 그룹
|
||||
</div>
|
||||
<div class="tab-pane" id="advertisement-tab-pane" role="tabpanel" aria-labelledby="advertisement-tab">
|
||||
소재
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<?=$this->endSection();?>
|
||||
@@ -0,0 +1,169 @@
|
||||
<?=$this->extend('templates/front_example.php');?>
|
||||
|
||||
<?=$this->section('content');?>
|
||||
<!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, user-scalable=no, initial-scale=1, maximum-scale=1">
|
||||
<title>ZENITH</title>
|
||||
</head>
|
||||
<body>
|
||||
<div class="main-contents-wrap">
|
||||
<div class="ad-list text-center">
|
||||
<div class="row">
|
||||
<div class="type">
|
||||
<div class="summary">
|
||||
<strong><i class="facebook"></i>페이스북</strong>
|
||||
<dl class="percentage">
|
||||
<dt>수익률</dt>
|
||||
<dd>46.51</dd>
|
||||
</dl>
|
||||
<dl>
|
||||
<dt>수익</dt>
|
||||
<dd>953,458</dd>
|
||||
</dl>
|
||||
</div>
|
||||
<div class="ad-detail-info row">
|
||||
<dl class="col">
|
||||
<dt>노출수</dt>
|
||||
<dd>34,456</dd>
|
||||
</dl>
|
||||
<dl class="col">
|
||||
<dt>클릭수</dt>
|
||||
<dd>809</dd>
|
||||
</dl>
|
||||
<dl class="col">
|
||||
<dt>클릭율</dt>
|
||||
<dd>1.09</dd>
|
||||
</dl>
|
||||
<dl class="col">
|
||||
<dt>지출액</dt>
|
||||
<dd>1,234,123</dd>
|
||||
</dl>
|
||||
<dl class="col">
|
||||
<dt>DB수</dt>
|
||||
<dd>61</dd>
|
||||
</dl>
|
||||
<dl class="col">
|
||||
<dt>DB당 단가</dt>
|
||||
<dd>45,234</dd>
|
||||
</dl>
|
||||
<dl class="col">
|
||||
<dt>전환율</dt>
|
||||
<dd>7.34</dd>
|
||||
</dl>
|
||||
<dl class="col">
|
||||
<dt>매출</dt>
|
||||
<dd>23,456,900</dd>
|
||||
</dl>
|
||||
</div>
|
||||
</div>
|
||||
<a href="#" class="btn-more btn-primary"><span>더보기</span></a>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="type">
|
||||
<div class="summary">
|
||||
<strong><i class="kakao"></i>카카오 모먼트</strong>
|
||||
<dl class="percentage">
|
||||
<dt>수익률</dt>
|
||||
<dd>46.51</dd>
|
||||
</dl>
|
||||
<dl>
|
||||
<dt>수익</dt>
|
||||
<dd>953,458</dd>
|
||||
</dl>
|
||||
</div>
|
||||
<div class="ad-detail-info row">
|
||||
<dl class="col">
|
||||
<dt>노출수</dt>
|
||||
<dd>34,456</dd>
|
||||
</dl>
|
||||
<dl class="col">
|
||||
<dt>클릭수</dt>
|
||||
<dd>809</dd>
|
||||
</dl>
|
||||
<dl class="col">
|
||||
<dt>클릭율</dt>
|
||||
<dd>1.09</dd>
|
||||
</dl>
|
||||
<dl class="col">
|
||||
<dt>지출액</dt>
|
||||
<dd>1,234,123</dd>
|
||||
</dl>
|
||||
<dl class="col">
|
||||
<dt>DB수</dt>
|
||||
<dd>61</dd>
|
||||
</dl>
|
||||
<dl class="col">
|
||||
<dt>DB당 단가</dt>
|
||||
<dd>45,234</dd>
|
||||
</dl>
|
||||
<dl class="col">
|
||||
<dt>전환율</dt>
|
||||
<dd>7.34</dd>
|
||||
</dl>
|
||||
<dl class="col">
|
||||
<dt>매출</dt>
|
||||
<dd>23,456,900</dd>
|
||||
</dl>
|
||||
</div>
|
||||
</div>
|
||||
<a href="#" class="btn-more"><span>더보기</span></a>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="type">
|
||||
<div class="summary">
|
||||
<strong><i class="google"></i>구글 애드워즈</strong>
|
||||
<dl class="percentage">
|
||||
<dt>수익률</dt>
|
||||
<dd>46.51</dd>
|
||||
</dl>
|
||||
<dl>
|
||||
<dt>수익</dt>
|
||||
<dd>953,458</dd>
|
||||
</dl>
|
||||
</div>
|
||||
<div class="ad-detail-info row">
|
||||
<dl class="col">
|
||||
<dt>노출수</dt>
|
||||
<dd>34,456</dd>
|
||||
</dl>
|
||||
<dl class="col">
|
||||
<dt>클릭수</dt>
|
||||
<dd>809</dd>
|
||||
</dl>
|
||||
<dl class="col">
|
||||
<dt>클릭율</dt>
|
||||
<dd>1.09</dd>
|
||||
</dl>
|
||||
<dl class="col">
|
||||
<dt>지출액</dt>
|
||||
<dd>1,234,123</dd>
|
||||
</dl>
|
||||
<dl class="col">
|
||||
<dt>DB수</dt>
|
||||
<dd>61</dd>
|
||||
</dl>
|
||||
<dl class="col">
|
||||
<dt>DB당 단가</dt>
|
||||
<dd>45,234</dd>
|
||||
</dl>
|
||||
<dl class="col">
|
||||
<dt>전환율</dt>
|
||||
<dd>7.34</dd>
|
||||
</dl>
|
||||
<dl class="col">
|
||||
<dt>매출</dt>
|
||||
<dd>23,456,900</dd>
|
||||
</dl>
|
||||
</div>
|
||||
</div>
|
||||
<a href="#" class="btn-more btn-primary"><span>더보기</span></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
<?=$this->endSection();?>
|
||||
@@ -0,0 +1,344 @@
|
||||
<?=$this->extend('templates/front_example.php');?>
|
||||
|
||||
<?=$this->section('title');?>
|
||||
ZENITH - 카카오 모먼트 광고관리
|
||||
<?=$this->endSection();?>
|
||||
|
||||
<?=$this->section('content');?>
|
||||
<div class="sub-contents-wrap">
|
||||
<div class="title-area">
|
||||
<h2 class="page-title">카카오 모먼트 광고관리</h2>
|
||||
<p class="title-disc">광고주별 매체의 기본적인 광고 합성/종료/수정의 기능을 제공하고 있으며, 추가적으로 CHAIN에서 개발한 스마트하게 광고를 최적화 시켜주는 기능도 함께 이용할 수 있습니다.</p>
|
||||
</div>
|
||||
|
||||
<div class="search-wrap">
|
||||
<form class="search d-flex justify-content-center">
|
||||
<div class="term d-flex align-items-center">
|
||||
<input type="text">
|
||||
<button type="button"><i class="bi bi-calendar2-week"></i></button>
|
||||
<span> ~ </span>
|
||||
<input type="text">
|
||||
<button type="button"><i class="bi bi-calendar2-week"></i></button>
|
||||
</div>
|
||||
<div class="input">
|
||||
<input class="" type="text" placeholder="검색어를 입력하세요">
|
||||
<button class="btn-primary" type="submit">조회</button>
|
||||
</div>
|
||||
</form>
|
||||
<div class="detail row d-flex justify-content-center">
|
||||
<dl class="col">
|
||||
<dt>노출수</dt>
|
||||
<dd>34,456</dd>
|
||||
</dl>
|
||||
<dl class="col">
|
||||
<dt>클릭수</dt>
|
||||
<dd>809</dd>
|
||||
</dl>
|
||||
<dl class="col">
|
||||
<dt>클릭율</dt>
|
||||
<dd>1.09</dd>
|
||||
</dl>
|
||||
<dl class="col">
|
||||
<dt>지출액</dt>
|
||||
<dd>1,234,123</dd>
|
||||
</dl>
|
||||
<dl class="col">
|
||||
<dt>매체비</dt>
|
||||
<dd>1,234,123</dd>
|
||||
</dl>
|
||||
<dl class="col">
|
||||
<dt>DB수</dt>
|
||||
<dd>61</dd>
|
||||
</dl>
|
||||
<dl class="col">
|
||||
<dt>DB당 단가</dt>
|
||||
<dd>45,234</dd>
|
||||
</dl>
|
||||
<dl class="col">
|
||||
<dt>전환율</dt>
|
||||
<dd>7.34</dd>
|
||||
</dl>
|
||||
<dl class="col">
|
||||
<dt>수익율</dt>
|
||||
<dd>7.34</dd>
|
||||
</dl>
|
||||
<dl class="col">
|
||||
<dt>매출</dt>
|
||||
<dd>23,456,900</dd>
|
||||
</dl>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="section client-list advertiser">
|
||||
<h3 class="content-title toggle"><i class="bi bi-chevron-up"></i> 광고주</h3>
|
||||
<div class="row">
|
||||
<div class="col">
|
||||
<div class="inner">
|
||||
<button type="button" class="active alert">[대전]상상의원_가나다라마마다먀라</button>
|
||||
<div class="progress">
|
||||
<div class="progress-bar" role="progressbar" style="width:calc(14 / 170 * 100%)"></div>
|
||||
<div class="txt">14/170</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col">
|
||||
<div class="inner">
|
||||
<button type="button" class="alert">플란치과_임플○</button>
|
||||
<div class="progress">
|
||||
<div class="progress-bar" role="progressbar" style="width:calc(14 / 170 * 100%)"></div>
|
||||
<div class="txt">14/170</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col">
|
||||
<div class="inner">
|
||||
<button type="button" class="active">비결뷰티센터</button>
|
||||
<div class="progress">
|
||||
<div class="progress-bar" role="progressbar" style="width:calc(14 / 170 * 100%)"></div>
|
||||
<div class="txt">14/170</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col">
|
||||
<div class="inner">
|
||||
<button type="button">[대전]상상의원_가나다라마마다먀라</button>
|
||||
<div class="progress">
|
||||
<div class="progress-bar" role="progressbar" style="width:calc(14 / 170 * 100%)"></div>
|
||||
<div class="txt">14/170</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col">
|
||||
<div class="inner">
|
||||
<button type="button">플란치과_임플○</button>
|
||||
<div class="progress">
|
||||
<div class="progress-bar" role="progressbar" style="width:calc(14 / 170 * 100%)"></div>
|
||||
<div class="txt">14/170</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col">
|
||||
<div class="inner">
|
||||
<button type="button">비결뷰티센터</button>
|
||||
<div class="progress">
|
||||
<div class="progress-bar" role="progressbar" style="width:calc(14 / 170 * 100%)"></div>
|
||||
<div class="txt">14/170</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col">
|
||||
<div class="inner">
|
||||
<button type="button">거무타</button>
|
||||
<div class="progress">
|
||||
<div class="progress-bar" role="progressbar" style="width:calc(14 / 170 * 100%)"></div>
|
||||
<div class="txt">14/170</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col">
|
||||
<div class="inner">
|
||||
<button type="button">마디척병원○</button>
|
||||
<div class="progress">
|
||||
<div class="progress-bar" role="progressbar" style="width:calc(14 / 170 * 100%)"></div>
|
||||
<div class="txt">14/170</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col">
|
||||
<div class="inner">
|
||||
<button type="button">[전국]상상의원_주름보톡스2*</button>
|
||||
<div class="progress">
|
||||
<div class="progress-bar" role="progressbar" style="width:calc(14 / 170 * 100%)"></div>
|
||||
<div class="txt">14/170</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col">
|
||||
<div class="inner">
|
||||
<button type="button">[대전]상상의원_가나다라마마다먀라</button>
|
||||
<div class="progress">
|
||||
<div class="progress-bar" role="progressbar" style="width:calc(14 / 170 * 100%)"></div>
|
||||
<div class="txt">14/170</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col">
|
||||
<div class="inner">
|
||||
<button type="button">플란치과_임플○</button>
|
||||
<div class="progress">
|
||||
<div class="progress-bar" role="progressbar" style="width:calc(14 / 170 * 100%)"></div>
|
||||
<div class="txt">14/170</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col">
|
||||
<div class="inner">
|
||||
<button type="button">비결뷰티센터</button>
|
||||
<div class="progress">
|
||||
<div class="progress-bar" role="progressbar" style="width:calc(14 / 170 * 100%)"></div>
|
||||
<div class="txt">14/170</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col">
|
||||
<div class="inner">
|
||||
<button type="button">[대전]상상의원_가나다라마마다먀라</button>
|
||||
<div class="progress">
|
||||
<div class="progress-bar" role="progressbar" style="width:calc(14 / 170 * 100%)"></div>
|
||||
<div class="txt">14/170</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col">
|
||||
<div class="inner">
|
||||
<button type="button">플란치과_임플○</button>
|
||||
<div class="progress">
|
||||
<div class="progress-bar" role="progressbar" style="width:calc(14 / 170 * 100%)"></div>
|
||||
<div class="txt">14/170</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col">
|
||||
<div class="inner">
|
||||
<button type="button">비결뷰티센터</button>
|
||||
<div class="progress">
|
||||
<div class="progress-bar" role="progressbar" style="width:calc(14 / 170 * 100%)"></div>
|
||||
<div class="txt">14/170</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="tab-wrap">
|
||||
<ul class="nav nav-tabs" role="tablist">
|
||||
<li class="nav-item" role="presentation">
|
||||
<button class="nav-link active" id="campaign-tab" data-bs-toggle="tab" data-bs-target="#campaign-tab-pane" type="button" role="tab" aria-controls="campaign-tab-pane" aria-selected="true">캠페인</button>
|
||||
</li>
|
||||
<li class="nav-item" role="presentation">
|
||||
<button class="nav-link" id="set-tab" data-bs-toggle="tab" data-bs-target="#set-tab-pane" type="button" role="tab" aria-controls="set-tab-pane" aria-selected="false">광고 그룹</button>
|
||||
</li>
|
||||
<li class="nav-item" role="presentation">
|
||||
<button class="nav-link" id="advertisement-tab" data-bs-toggle="tab" data-bs-target="#advertisement-tab-pane" type="button" role="tab" aria-controls="advertisement-tab-pane" aria-selected="false">소재</button>
|
||||
</li>
|
||||
</ul>
|
||||
<div class="tab-content">
|
||||
<div class="tab-pane active" id="campaign-tab-pane" role="tabpanel" aria-labelledby="campaign-tab">
|
||||
<div class="btn-wrap">
|
||||
<button type="button" class="btn btn-outline-danger active">수동 업데이트</button>
|
||||
<button type="button" class="btn btn-outline-danger">데이터 비교</button>
|
||||
<button type="button" class="btn btn-outline-danger"><i class="bi bi-file-text"></i> 메모확인</button>
|
||||
</div>
|
||||
|
||||
<div class="table-responsive">
|
||||
<table class="table table-striped table-hover table-default">
|
||||
<colgroup>
|
||||
<col>
|
||||
<col style="width:7%">
|
||||
<col style="width:7%">
|
||||
<col style="width:7%">
|
||||
<col style="width:6%">
|
||||
<col style="width:4%">
|
||||
<col style="width:7.5%">
|
||||
<col style="width:7.5%">
|
||||
<col style="width:5.5%">
|
||||
<col style="width:7.5%">
|
||||
<col style="width:5.5%">
|
||||
<col style="width:5.5%">
|
||||
<col style="width:5.5%">
|
||||
<col style="width:5.5%">
|
||||
<col style="width:6.5%">
|
||||
</colgroup>
|
||||
<thead class="table-dark">
|
||||
<tr>
|
||||
<th scope="col">캠페인명</th>
|
||||
<th scope="col">상태</th>
|
||||
<th scope="col">목표 <br>ai</th>
|
||||
<th scope="col">예산</th>
|
||||
<th scope="col">현재 <br>DB단가</th>
|
||||
<th scope="col">유효 <br>DB</th>
|
||||
<th scope="col">지출액</th>
|
||||
<th scope="col">수익</th>
|
||||
<th scope="col">수익률</th>
|
||||
<th scope="col">매출액</th>
|
||||
<th scope="col">노출수</th>
|
||||
<th scope="col">링크클릭</th>
|
||||
<th scope="col">CPC</th>
|
||||
<th scope="col">CTR</th>
|
||||
<th scope="col">DB <br>전환률</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<th scope="col" class="text-center">캠페인 11건 결과</th>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td>￦22,345,222</td>
|
||||
<td>￦30,342</td>
|
||||
<td>515</td>
|
||||
<td>￦18,345,342</td>
|
||||
<td>￦6,235,666</td>
|
||||
<td>29.45%</td>
|
||||
<td>￦21,345,678</td>
|
||||
<td>654,345</td>
|
||||
<td>9,457</td>
|
||||
<td>￦1,778</td>
|
||||
<td>1.13%</td>
|
||||
<td>6.34%</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="col">
|
||||
<div class="form-check">
|
||||
<input class="form-check-input" type="checkbox" value="" id="check01">
|
||||
<label class="form-check-label" for="check01">[02.22][케랩7_마디척병원_부위별통증] evt_5721 @15 진선_주말OFF_규칙</label>
|
||||
</div>
|
||||
<div class="btn-area">
|
||||
<button type="button" class="btn btn-outline-secondary btn-paper"><i class="bi bi-file-text"></i></button>
|
||||
</div>
|
||||
</th>
|
||||
<td class="align-top">
|
||||
<select name="" class="form-select">
|
||||
<option value="">활성</option>
|
||||
<option value=""></option>
|
||||
<option value=""></option>
|
||||
<option value=""></option>
|
||||
</select>
|
||||
<div class="btn-area">
|
||||
<button type="button" class="btn btn-outline-secondary btn-reflesh"><i class="bi bi-arrow-counterclockwise"></i>새로고침</button>
|
||||
</div>
|
||||
</td>
|
||||
<td>
|
||||
<select name="" class="form-select">
|
||||
<option value="">활성</option>
|
||||
<option value=""></option>
|
||||
<option value=""></option>
|
||||
<option value=""></option>
|
||||
</select>
|
||||
</td>
|
||||
<td>￦100,000</td>
|
||||
<td>0</td>
|
||||
<td>0</td>
|
||||
<td>￦15,345</td>
|
||||
<td>￦-15,678</td>
|
||||
<td>0%</td>
|
||||
<td>￦0</td>
|
||||
<td>631</td>
|
||||
<td>3</td>
|
||||
<td>￦5,345</td>
|
||||
<td>0.48%</td>
|
||||
<td>0%</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
<div class="tab-pane" id="set-tab-pane" role="tabpanel" aria-labelledby="set-tab">
|
||||
광고 그룹
|
||||
</div>
|
||||
<div class="tab-pane" id="advertisement-tab-pane" role="tabpanel" aria-labelledby="advertisement-tab">
|
||||
소재
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<?=$this->endSection();?>
|
||||
@@ -0,0 +1,102 @@
|
||||
<?= $this->extend(config('Auth')->views['layout']) ?>
|
||||
|
||||
<?= $this->section('title') ?><?= lang('Auth.login') ?> <?= $this->endSection() ?>
|
||||
|
||||
<?= $this->section('guestContent') ?>
|
||||
|
||||
<div class="container-fluid exam-container" id="login">
|
||||
<div class="card col-10 col-md-5">
|
||||
<div class="card-body">
|
||||
<h5 class="card-title"></h5>
|
||||
|
||||
<?php if (session('error') !== null) : ?> <!-- 패스워드, alert -->
|
||||
<div class="alert alert-danger" role="alert"><?= session('error') ?></div>
|
||||
<?php elseif (session('errors') !== null) : ?>
|
||||
<div class="alert alert-danger" role="alert">
|
||||
<?php if (is_array(session('errors'))) : ?>
|
||||
<?php foreach (session('errors') as $error) : ?>
|
||||
<?= $error ?>
|
||||
<br>
|
||||
<?php endforeach ?>
|
||||
<?php else : ?>
|
||||
<?= session('errors') ?>
|
||||
<?php endif ?>
|
||||
</div>
|
||||
<?php endif ?>
|
||||
|
||||
<?php if (session('message') !== null) : ?>
|
||||
<div class="alert alert-success" role="alert"><?= session('message') ?></div>
|
||||
<?php endif ?>
|
||||
|
||||
<form action="<?= url_to('login') ?>" method="post">
|
||||
<?= csrf_field() ?>
|
||||
|
||||
<!-- Email -->
|
||||
<div class="mb-2 position-relative">
|
||||
<i class="fa fa-envelope-o"></i>
|
||||
<input type="email" class="form-control" name="email" inputmode="email" autocomplete="email" placeholder="<?= lang('Email') ?>" value="<?= old('email') ?>"/>
|
||||
</div>
|
||||
|
||||
<!-- Password -->
|
||||
<div class="mb-2 position-relative">
|
||||
<i class="bi bi-lock"></i>
|
||||
<input type="password" class="form-control" name="password" inputmode="text" autocomplete="current-password" placeholder="<?= lang('Auth.password') ?>" />
|
||||
|
||||
<?php if (setting('Auth.allowMagicLinkLogins')) : ?>
|
||||
<p class="text-center forgot"><a href="<?= url_to('magic-link') ?>"><?= lang('Forgot?') ?></a></p>
|
||||
<?php endif ?>
|
||||
</div>
|
||||
|
||||
<!-- Remember me -->
|
||||
<?php if (setting('Auth.sessionConfig')['allowRemembering']): ?>
|
||||
<div class="form-check">
|
||||
<label class="form-check-label">
|
||||
<input type="checkbox" name="remember" class="form-check-input" <?php if (old('remember')): ?> checked<?php endif ?>>
|
||||
<span><?= lang('Auth.rememberMe') ?></span>
|
||||
</label>
|
||||
</div>
|
||||
<?php endif; ?>
|
||||
|
||||
<div class="m-3">
|
||||
<button type="submit" class="btn btn-primary btn-block"><?= lang('Auth.login') ?></button>
|
||||
</div>
|
||||
|
||||
|
||||
<?php if (setting('Auth.allowRegistration')) : ?>
|
||||
<div class="text-start"><?= lang('Auth.needAccount') ?> <a href="<?= url_to('register') ?>"><?= lang('Auth.register') ?></a></div>
|
||||
<?php endif ?>
|
||||
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<script>
|
||||
//slide up 효과
|
||||
let account = document.querySelector('.exam-container form');
|
||||
let effect = account.querySelectorAll('form > div');
|
||||
let i=0;
|
||||
let timer = setInterval(function(){
|
||||
effect[i].classList.add('effect');
|
||||
i++;
|
||||
|
||||
if(i >= effect.length){
|
||||
clearInterval(timer);
|
||||
}
|
||||
},200);
|
||||
|
||||
// 타이핑 효과
|
||||
let typingTxt = 'Login';
|
||||
let typingIdx = 0;
|
||||
let tyInt = setInterval(typing,250);
|
||||
typingTxt=typingTxt.split("");
|
||||
|
||||
function typing(){
|
||||
if(typingIdx < typingTxt.length){
|
||||
$('h5.card-title').append(typingTxt[typingIdx]);
|
||||
typingIdx++;
|
||||
}else{
|
||||
clearInterval(tyInt);
|
||||
}
|
||||
}
|
||||
</script>
|
||||
<?= $this->endSection() ?>
|
||||
@@ -0,0 +1,131 @@
|
||||
<?= $this->extend(config('Auth')->views['layout']) ?>
|
||||
|
||||
<?= $this->section('title') ?><?= lang('Auth.login') ?> <?= $this->endSection() ?>
|
||||
|
||||
<?= $this->section('guestContent') ?>
|
||||
|
||||
<div class="wrap">
|
||||
<div class="container-fluid exam02-container">
|
||||
<div class="btn btn-outline-primary">
|
||||
<button type="button" class="drag box" id="drag" draggable="true">Not a member? Sign up
|
||||
<div class="item" id="item" draggable="true"></div>
|
||||
</button>
|
||||
<!-- <?php if (setting('Auth.allowRegistration')) : ?>
|
||||
<div class="text-start"><?= lang('Auth.needAccount') ?> <a href="<?= url_to('register') ?>"><?= lang('Auth.register') ?></a></div>
|
||||
<?php endif ?> -->
|
||||
</div>
|
||||
|
||||
<div class="card col-10 col-md-5">
|
||||
<div class="card-body">
|
||||
<h5 class="card-title">SIGN IN</h5>
|
||||
|
||||
<?php if (session('error') !== null) : ?> <!-- 패스워드, alert -->
|
||||
<div class="alert alert-danger" role="alert"><?= session('error') ?></div>
|
||||
<?php elseif (session('errors') !== null) : ?>
|
||||
<div class="alert alert-danger" role="alert">
|
||||
<?php if (is_array(session('errors'))) : ?>
|
||||
<?php foreach (session('errors') as $error) : ?>
|
||||
<?= $error ?>
|
||||
<br>
|
||||
<?php endforeach ?>
|
||||
<?php else : ?>
|
||||
<?= session('errors') ?>
|
||||
<?php endif ?>
|
||||
</div>
|
||||
<?php endif ?>
|
||||
|
||||
<?php if (session('message') !== null) : ?>
|
||||
<div class="alert alert-success" role="alert"><?= session('message') ?></div>
|
||||
<?php endif ?>
|
||||
|
||||
<form action="<?= url_to('login') ?>" method="post">
|
||||
<?= csrf_field() ?>
|
||||
|
||||
<!-- Email -->
|
||||
<div class="mb-2 position-relative">
|
||||
<p>EMAIL ADDRESS</p>
|
||||
<input type="email" class="form-control" name="email" inputmode="email" autocomplete="email" placeholder="<?= lang('Email') ?>" value="<?= old('email') ?>"/>
|
||||
</div>
|
||||
|
||||
<!-- Password -->
|
||||
<div class="mb-2 position-relative">
|
||||
<p>PASSWORD</p>
|
||||
<input type="password" class="form-control" name="password" inputmode="text" autocomplete="current-password" placeholder="<?= lang('Auth.password') ?>" />
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
<!-- Remember me -->
|
||||
<?php if (setting('Auth.sessionConfig')['allowRemembering']): ?>
|
||||
<div class="form-check">
|
||||
<label class="form-check-label">
|
||||
<input type="checkbox" name="remember" class="form-check-input" <?php if (old('remember')): ?> checked<?php endif ?>>
|
||||
<span><?= lang('Auth.rememberMe') ?></span>
|
||||
</label>
|
||||
</div>
|
||||
<?php endif; ?>
|
||||
|
||||
<button type="submit" class="btn btn-primary btn-block"><?= lang('SIGN IN') ?></button>
|
||||
|
||||
<?php if (setting('Auth.allowMagicLinkLogins')) : ?>
|
||||
<p class="text-center forgot"><a href="<?= url_to('magic-link') ?>"><?= lang('Forgot password') ?></a></p>
|
||||
<?php endif ?>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<script>
|
||||
const item = document.querySelector('.item');
|
||||
const boxes = document.querySelectorAll('.box');
|
||||
const target = document.querySelector('.target');
|
||||
|
||||
item.addEventListener('dragstart', dragStart);
|
||||
|
||||
boxes.forEach(box => {
|
||||
box.addEventListener('dragenter', dragEnter)
|
||||
box.addEventListener('dragover', dragOver);
|
||||
box.addEventListener('dragleave', dragLeave);
|
||||
box.addEventListener('drop', drop);
|
||||
});
|
||||
|
||||
function dragStart(e) {
|
||||
e.dataTransfer.setData('text/plain', e.target.id);
|
||||
|
||||
setTimeout(() => {
|
||||
e.target.classList.add('hide');
|
||||
}, 0);
|
||||
}
|
||||
|
||||
function dragEnter(e) {
|
||||
e.preventDefault();
|
||||
e.target.classList.add('drag-over'); //
|
||||
console.log('dragEnter')
|
||||
}
|
||||
|
||||
function dragOver(e) {
|
||||
e.preventDefault();
|
||||
e.target.classList.add('drag-over');
|
||||
console.log('dragOver')
|
||||
}
|
||||
|
||||
function dragLeave(e) {
|
||||
e.target.classList.remove('drag-over');
|
||||
item.classList.remove('hide');
|
||||
console.log('dragLeave')
|
||||
}
|
||||
|
||||
function drop(e) {
|
||||
e.target.classList.remove('drag-over');
|
||||
console.log('drop')
|
||||
|
||||
const id = e.dataTransfer.getData('text/plain');
|
||||
const draggable = document.getElementById(id);
|
||||
|
||||
e.target.appendChild(draggable);
|
||||
|
||||
draggable.classList.remove('hide');
|
||||
location.href = "https://zenith.chainsaw.co.kr/example/signUP";
|
||||
}
|
||||
</script>
|
||||
<?= $this->endSection() ?>
|
||||
@@ -0,0 +1,67 @@
|
||||
<?= $this->extend(config('Auth')->views['layout']) ?>
|
||||
|
||||
<?= $this->section('title') ?><?= lang('Auth.login') ?> <?= $this->endSection() ?>
|
||||
|
||||
<?= $this->section('guestContent') ?>
|
||||
|
||||
<!-- ===================================================== -->
|
||||
<div class="row container-fluid register-container">
|
||||
<div class="card col-lg-6 col-12">
|
||||
<form action="<?= url_to('login') ?>" method="post">
|
||||
<?= csrf_field() ?>
|
||||
|
||||
<h1 class="card-title">로그인</h1>
|
||||
|
||||
<!-- Email -->
|
||||
<div class="mb-2 position-relative">
|
||||
<i class="bi bi-person-check"></i>
|
||||
<input type="text" class="form-control" name="username" placeholder="<?= lang('Auth.username') ?>" value="<?= old('username') ?>" />
|
||||
</div>
|
||||
|
||||
<!-- Password -->
|
||||
<div class="mb-2 position-relative">
|
||||
<i class="fa fa-envelope-o"></i>
|
||||
<input type="password" class="form-control" name="password" inputmode="text" autocomplete="current-password" placeholder="<?= lang('Auth.password') ?>" />
|
||||
</div>
|
||||
|
||||
<!-- Remember me -->
|
||||
<?php if (setting('Auth.sessionConfig')['allowRemembering']): ?>
|
||||
<div class="form-check">
|
||||
<label class="form-check-label">
|
||||
<input type="checkbox" name="remember" class="form-check-input" <?php if (old('remember')): ?> checked<?php endif ?>>
|
||||
<?= lang('Auth.rememberMe') ?>
|
||||
</label>
|
||||
</div>
|
||||
<?php endif; ?>
|
||||
|
||||
<div class="my-5">
|
||||
<button type="submit" class="btn btn-outline-primary btn-block"><?= lang('Auth.login') ?></button>
|
||||
</div>
|
||||
|
||||
<?php if (setting('Auth.allowMagicLinkLogins')) : ?>
|
||||
<p class="text-start"><a href="<?= url_to('magic-link') ?>"><?= lang('Auth.forgotPassword') ?> </a></p>
|
||||
<?php endif ?>
|
||||
|
||||
<?php if (setting('Auth.allowRegistration')) : ?>
|
||||
<p class="text-start"><a href="<?= url_to('register') ?>"><?= lang('Auth.register') ?></a></p>
|
||||
<?php endif ?>
|
||||
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
<script>
|
||||
//slide up 효과
|
||||
let account = document.querySelector('.register-container form');
|
||||
let effect = account.querySelectorAll('form > div');
|
||||
let i=0;
|
||||
let timer = setInterval(function(){
|
||||
effect[i].classList.add('effect');
|
||||
i++;
|
||||
|
||||
if(i >= effect.length){
|
||||
clearInterval(timer);
|
||||
}
|
||||
},150);
|
||||
</script>
|
||||
<!-- ======================================================== -->
|
||||
<?= $this->endSection() ?>
|
||||
@@ -0,0 +1,218 @@
|
||||
<?=$this->extend('templates/front_example.php');?>
|
||||
|
||||
<?=$this->section('title');?>
|
||||
ZENITH - 시간차 관리
|
||||
<?=$this->endSection();?>
|
||||
|
||||
<?=$this->section('content');?>
|
||||
<div class="sub-contents-wrap">
|
||||
<div class="title-area">
|
||||
<h2 class="page-title">시간차 관리</h2>
|
||||
<button type="button" class="btn btn-dark ms-3" data-bs-toggle="modal" data-bs-target="#totalModal">전체조회</button>
|
||||
</div>
|
||||
<div class="row mt-5">
|
||||
<div class="col half">
|
||||
<h3 class="content-title">결재내역</h3>
|
||||
<div class="search-wrap">
|
||||
<form class="search d-flex justify-content-center">
|
||||
<div class="term d-flex align-items-center">
|
||||
<input type="text">
|
||||
<button type="button"><i class="bi bi-calendar2-week"></i></button>
|
||||
<span> ~ </span>
|
||||
<input type="text">
|
||||
<button type="button"><i class="bi bi-calendar2-week"></i></button>
|
||||
</div>
|
||||
<div class="input">
|
||||
<input class="" type="text" placeholder="검색어를 입력하세요">
|
||||
<button class="btn-primary" type="submit">조회</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
<div class="table-responsive">
|
||||
<table class="table table-striped table-hover table-default">
|
||||
<colgroup>
|
||||
<col style="width:10%">
|
||||
<col>
|
||||
<col style="width:20%">
|
||||
<col style="width:17%">
|
||||
<col style="width:15%">
|
||||
<col style="width:15%">
|
||||
</colgroup>
|
||||
<thead class="table-dark">
|
||||
<tr>
|
||||
<th scope="col">작성자</th>
|
||||
<th scope="col">작성일</th>
|
||||
<th scope="col">문서번호</th>
|
||||
<th scope="col">연차차감</th>
|
||||
<th scope="col">발급쿠폰</th>
|
||||
<th scope="col">결과</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td colspan="6" class="none">검색된 데이터가 없습니다.</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col half">
|
||||
<h3 class="content-title">신청현황</h3>
|
||||
<div class="search-wrap">
|
||||
<form class="search d-flex justify-content-center">
|
||||
<div class="term d-flex align-items-center">
|
||||
<input type="text">
|
||||
<button type="button"><i class="bi bi-calendar2-week"></i></button>
|
||||
<span> ~ </span>
|
||||
<input type="text">
|
||||
<button type="button"><i class="bi bi-calendar2-week"></i></button>
|
||||
</div>
|
||||
<div class="input">
|
||||
<input class="" type="text" placeholder="검색어를 입력하세요">
|
||||
<button class="btn-primary" type="submit">조회</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
<div class="table-responsive">
|
||||
<table class="table table-striped table-hover table-default">
|
||||
<colgroup>
|
||||
<col style="width:20%">
|
||||
<col>
|
||||
<col style="width:30%">
|
||||
<col style="width:15%">
|
||||
</colgroup>
|
||||
<thead class="table-dark">
|
||||
<tr>
|
||||
<th scope="col">날짜</th>
|
||||
<th scope="col">쿠폰사용</th>
|
||||
<th scope="col">사용시간</th>
|
||||
<th scope="col">상태</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>
|
||||
<div class="d-flex">
|
||||
<input type="text" class="form-control">
|
||||
<button type="button"><i class="bi bi-calendar2-week"></i></button>
|
||||
</div>
|
||||
</td>
|
||||
<td></td>
|
||||
<td>
|
||||
<div class="d-flex align-items-center">
|
||||
<select class="form-select" aria-label="시간 선택">
|
||||
<option selected>-선택-</option>
|
||||
<option value="1">1</option>
|
||||
<option value="2">2</option>
|
||||
<option value="3">3</option>
|
||||
</select>
|
||||
<span class="m-1">시</span>
|
||||
<select class="form-select" aria-label="분 선택">
|
||||
<option selected>-선택-</option>
|
||||
<option value="1">00</option>
|
||||
<option value="2">10</option>
|
||||
<option value="3">20</option>
|
||||
</select>
|
||||
<span class="ms-1">분</span>
|
||||
</div>
|
||||
</td>
|
||||
<td>
|
||||
<button type="button" class="btn btn-danger">등록</button>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<div class="table-responsive">
|
||||
<table class="table table-striped table-hover table-default">
|
||||
<colgroup>
|
||||
<col style="width:15%">
|
||||
<col>
|
||||
<col style="width:20%">
|
||||
<col style="width:15%">
|
||||
<col style="width:15%">
|
||||
</colgroup>
|
||||
<thead class="table-dark">
|
||||
<tr>
|
||||
<th scope="col">사용자</th>
|
||||
<th scope="col">쿠폰사용</th>
|
||||
<th scope="col">사용일자</th>
|
||||
<th scope="col">시간</th>
|
||||
<th scope="col">결과</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td colspan="5" class="none">검색된 데이터가 없습니다.</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<?=$this->endSection();?>
|
||||
|
||||
<?=$this->section('modal');?>
|
||||
<div class="modal fade" id="totalModal" tabindex="-1" aria-labelledby="totalModalLabel" aria-hidden="true">
|
||||
<div class="modal-dialog modal-lg modal-dialog-scrollable">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<h1 class="modal-title" id="totalModalLabel">전체 조회</h1>
|
||||
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<div class="d-flex justify-content-between align-items-center">
|
||||
<form class="row g-1">
|
||||
<div class="col-5 d-flex align-items-center">
|
||||
<input type="text" class="form-control">
|
||||
<button type="button"><i class="bi bi-calendar2-week"></i></button>
|
||||
<span class="me-2"> ~ </span>
|
||||
<input type="text" class="form-control">
|
||||
<button type="button"><i class="bi bi-calendar2-week"></i></button>
|
||||
</div>
|
||||
<div class="col-7 d-flex">
|
||||
<input type="password" class="form-control">
|
||||
<button type="submit" class="btn btn-primary w-25 ms-2">조회</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
<div class="table-responsive">
|
||||
<table class="table table-bordered table-modal">
|
||||
<colgroup>
|
||||
<col>
|
||||
<col style="width:11%;">
|
||||
<col style="width:8%;">
|
||||
<col style="width:10%;">
|
||||
<col style="width:10%;">
|
||||
<col style="width:8%;">
|
||||
</colgroup>
|
||||
<thead>
|
||||
<tr>
|
||||
<th scope="col" rowspan="2" class="align-middle">사용자</th>
|
||||
<th scope="col" colspan="2">검색기간</th>
|
||||
<th scope="col" colspan="3">전체</th>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="col">발급</th>
|
||||
<th scope="col">사용</th>
|
||||
<th scope="col">발급</th>
|
||||
<th scope="col">사용</th>
|
||||
<th scope="col">잔여</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td colspan="6" class="none">검색된 데이터가 없습니다.</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<?=$this->endSection();?>
|
||||
@@ -0,0 +1,533 @@
|
||||
<?=$this->extend('templates/front_example.php');?>
|
||||
|
||||
<?=$this->section('content');?>
|
||||
<div class="sub-contents-wrap container-user-management">
|
||||
<div class="modal fade" id="modalUpdate" tabindex="-1" aria-labelledby="ModalLabel" aria-hidden="true">
|
||||
<div class="modal-dialog modal-dialog-centered modal">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<h5 class="modal-title">사용자 수정</h5>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<form id="frm">
|
||||
<input type="hidden" name="id" id="hidden_id">
|
||||
<div class="form-group">
|
||||
<label for="username">이름</label>
|
||||
<input type="text" name="username" id="username" class="form-control">
|
||||
<span id="username_error" class="text-danger"></span>
|
||||
</div>
|
||||
<?php if(auth()->user()->inGroup('superadmin', 'admin', 'developer')){?>
|
||||
<div class="form-group">
|
||||
<label for="group">권한</label>
|
||||
<select name="group" class="form-control" multiple="multiple" id="userGroup">
|
||||
<option value="superadmin">최고관리자</option>
|
||||
<option value="admin">관리자</option>
|
||||
<option value="developer">개발자</option>
|
||||
<option value="agency">광고대행사</option>
|
||||
<option value="advertiser">광고주</option>
|
||||
<option value="user">사용자</option>
|
||||
<option value="guest">게스트</option>
|
||||
</select>
|
||||
<span id="groups_error" class="text-danger"></span>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="permission">세부 권한</label>
|
||||
<select name="permission" class="form-control" multiple="multiple" id="userPermission">
|
||||
<option value="admin.access">관리자만 가능한 페이지 접근 가능</option>
|
||||
<option value="admin.settings">관리자만 가능한 설정 접근 가능</option>
|
||||
<option value="users.create">회원 생성</option>
|
||||
<option value="users.edit">회원 수정</option>
|
||||
<option value="users.delete">회원 삭제</option>
|
||||
<option value="agency.access">대행사 목록 페이지</option>
|
||||
<option value="agency.advertisers">대행사 하위 광고주 관리</option>
|
||||
<option value="agency.create">대행사 생성</option>
|
||||
<option value="agency.edit">대행사 수정</option>
|
||||
<option value="agency.delete">대행사 삭제</option>
|
||||
<option value="advertiser.access">광고주 목록 페이지</option>
|
||||
<option value="advertiser.create">광고주 생성</option>
|
||||
<option value="advertiser.edit">광고주 수정</option>
|
||||
<option value="advertiser.delete">광고주 삭제</option>
|
||||
</select>
|
||||
<span id="permission_error" class="text-danger"></span>
|
||||
</div>
|
||||
<?php }?>
|
||||
</form>
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<button type="button" class="btn btn-primary" id="userUpdateBtn">저장</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="modal fade" id="modalView" tabindex="-1" aria-labelledby="ModalLabel" aria-hidden="true">
|
||||
<div class="modal-dialog modal-dialog-centered modal">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header justify-content-start">
|
||||
<h5 class="modal-title"><i class="bi bi-person-fill"></i>사용자</h5>
|
||||
</div>
|
||||
|
||||
<div class="modal-body">
|
||||
<table class="table">
|
||||
<thead>
|
||||
<tr>
|
||||
<th scope="col">이름</th>
|
||||
<th>소속</th>
|
||||
<th>권한</th>
|
||||
<th>가입일</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td><span id="viewName"></span></td></td>
|
||||
<td><span id="viewCompany"></span></td>
|
||||
<td><span id="viewGroup"></span></td>
|
||||
<td><span id="viewDate"></span></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<div class="modal-footer">
|
||||
<?php if(auth()->user()->inGroup('superadmin', 'admin', 'developer')){
|
||||
echo '<a href="/users/belong" class="btn btn-primary" id="userBelong">소속 수정</a>';
|
||||
}?>
|
||||
<button type="button" class="btn btn-primary" id="userUpdateModal">수정</button>
|
||||
<button type="button" class="btn btn-danger" id="userDelete">삭제</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="title-area">
|
||||
<h2 class="page-title">사용자 관리</h2>
|
||||
</div>
|
||||
|
||||
<div class="search-wrap">
|
||||
<form class="search d-flex justify-content-center">
|
||||
<div class="term d-flex align-items-center">
|
||||
<input type="text" class="form-control" id="fromDate" name="fromDate" placeholder="날짜 선택" readonly="readonly">
|
||||
|
||||
<button type="button"><i class="bi bi-calendar2-week"></i></button>
|
||||
<span> ~ </span>
|
||||
|
||||
<input type="text" class="form-control" id="toDate" name="toDate" placeholder="날짜 선택" readonly="readonly">
|
||||
<button type="button"><i class="bi bi-calendar2-week"></i></button>
|
||||
</div>
|
||||
<div class="input">
|
||||
<input type="text" class="form-control" id="search" name="search" placeholder="검색어를 입력하세요">
|
||||
<button class="btn-primary" type="submit">조회</button>
|
||||
</div>
|
||||
</form>
|
||||
|
||||
<div class="row d-flex justify-content-between align-items-center filter-btn-wrap">
|
||||
<!-- <dl class="col">
|
||||
<dt>
|
||||
<select name="sort" id="sort" class="form-control text-center">
|
||||
<option value="정렬">정렬</option>
|
||||
<option value="recent">최근순</option>
|
||||
<option value="old">오래된 순</option>
|
||||
</select>
|
||||
</dt>
|
||||
</dl> -->
|
||||
|
||||
<!-- <dl class="col">
|
||||
<dt>
|
||||
<select name="pageLimit" id="pageLimit" class="form-control text-center">
|
||||
<option value="게시물수">게시물수</option>
|
||||
<option value="10">10개</option>
|
||||
<option value="50">50개</option>
|
||||
<option value="100">100개</option>
|
||||
</select>
|
||||
</dt>
|
||||
</dl> -->
|
||||
<div class="btn-wrap">
|
||||
<button type="button" class="btn btn-danger"><input type="radio" name="sort" vlaue="recent">최근순</button>
|
||||
<button type="button" class="btn btn-danger"><input type="radio" name="sort" vlaue="old">오래된 순</button>
|
||||
<button type="button" class="btn btn-danger"><input type="radio" name="pageLimit" vlaue="10">10개</button>
|
||||
<button type="button" class="btn btn-danger"><input type="radio" name="pageLimit" vlaue="50">50개</button>
|
||||
<button type="button" class="btn btn-danger"><input type="radio" name="pageLimit" vlaue="100">100개</button>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="col">
|
||||
<button id="DataResetBtn" class="btn btn-reset">초기화</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="section client-list">
|
||||
<h3 class="content-title"><i class="bi bi-chevron-up"></i>검색결과:<span id="allCount"></span></h3>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="table-wrap">
|
||||
<div class="table-content">
|
||||
<div class="table-responsive">
|
||||
<table class="table table-striped table-hover table-default" id="user">
|
||||
<colgroup>
|
||||
<col style="width:10%">
|
||||
<col style="width:*">
|
||||
<col style="width:*">
|
||||
<col style="width:*">
|
||||
</colgroup>
|
||||
<thead class="table-dark">
|
||||
<tr>
|
||||
<th scope="col">번호</th>
|
||||
<th scope="col">이름</th>
|
||||
<th scope="col">권한</th>
|
||||
<th scope="col">가입일</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row pagination-container m-4">
|
||||
<ul class="pagination justify-content-center"></ul>
|
||||
</div>
|
||||
</div>
|
||||
<?=$this->endSection();?>
|
||||
|
||||
<?=$this->section('script');?>
|
||||
<script>
|
||||
$('input[name="sort"]').bind('click', function(){
|
||||
console.log($('input[name="sort"]').val());
|
||||
});
|
||||
|
||||
|
||||
var alertMessage = "<?php echo session('message'); ?>";
|
||||
if(alertMessage) {
|
||||
alert(alertMessage);
|
||||
}
|
||||
|
||||
$(document).ready(function(){
|
||||
|
||||
getUserList();
|
||||
function getUserList(page, limit, search, sort, startDate, endDate){
|
||||
data = {
|
||||
'page': page ? page : 1,
|
||||
'limit': limit ? limit : 10,
|
||||
'search': search ? search : '',
|
||||
'sort': sort ? sort : 'recent',
|
||||
'startDate': startDate ? startDate : '',
|
||||
'endDate': endDate ? endDate : '',
|
||||
}
|
||||
console.log(data);
|
||||
$.ajax({
|
||||
type: "get",
|
||||
url: "<?=base_url()?>/users",
|
||||
data: data,
|
||||
dataType: "json",
|
||||
contentType: 'application/json; charset=utf-8',
|
||||
success: function(xhr){
|
||||
setTable(xhr);
|
||||
setPaging(xhr);
|
||||
setAllCount(xhr);
|
||||
setDate(xhr);
|
||||
},
|
||||
error: function(error, status, msg){
|
||||
alert("상태코드 " + status + "에러메시지" + msg );
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
function setPaging(xhr){
|
||||
if(xhr.pager.pageCount == 0){
|
||||
xhr.pager.pageCount = 1;
|
||||
}
|
||||
$('.pagination').twbsPagination('destroy');
|
||||
$('.pagination').twbsPagination({
|
||||
totalPages: xhr.pager.pageCount, // 총 페이지 번호 수
|
||||
visiblePages: 5, // 하단에서 한번에 보여지는 페이지 번호 수
|
||||
startPage : xhr.pager.currentPage, // 시작시 표시되는 현재 페이지
|
||||
initiateStartPageClick: false, // 플러그인이 시작시 페이지 버튼 클릭 여부 (default : true)
|
||||
first : "첫 페이지", // 페이지네이션 버튼중 처음으로 돌아가는 버튼에 쓰여 있는 텍스트
|
||||
prev : "이전 페이지", // 이전 페이지 버튼에 쓰여있는 텍스트
|
||||
next : "다음 페이지", // 다음 페이지 버튼에 쓰여있는 텍스트
|
||||
last : "마지막 페이지", // 페이지네이션 버튼중 마지막으로 가는 버튼에 쓰여있는 텍스트
|
||||
nextClass : "page-item next", // 이전 페이지 CSS class
|
||||
prevClass : "page-item prev", // 다음 페이지 CSS class
|
||||
lastClass : "page-item last", // 마지막 페이지 CSS calss
|
||||
firstClass : "page-item first", // 첫 페이지 CSS class
|
||||
pageClass : "page-item", // 페이지 버튼의 CSS class
|
||||
activeClass : "active", // 클릭된 페이지 버튼의 CSS class
|
||||
disabledClass : "disabled", // 클릭 안된 페이지 버튼의 CSS class
|
||||
anchorClass : "page-link", //버튼 안의 앵커에 대한 CSS class
|
||||
|
||||
onPageClick: function (event, page) {
|
||||
console.log(xhr.pager.limit);
|
||||
getUserList(page, xhr.pager.limit, xhr.pager.search, xhr.pager.sort, xhr.pager.startDate, xhr.pager.endDate)
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
function setTable(xhr){
|
||||
$('#user tbody').empty();
|
||||
console.log(xhr);
|
||||
|
||||
$.each(xhr.result, function(index, item){
|
||||
index++
|
||||
item.groups = item.groups.map(function(group) {
|
||||
group = group.replace('superadmin', '최고관리자');
|
||||
group = group.replace('admin', '관리자');
|
||||
group = group.replace('developer', '개발자');
|
||||
group = group.replace('user', '사용자');
|
||||
group = group.replace('agency', '광고대행사');
|
||||
group = group.replace('advertiser', '광고주');
|
||||
group = group.replace('guest', '게스트');
|
||||
return group;
|
||||
});
|
||||
$('<tr id="userView" data-id="'+item.id+'">').append('<td>'+item.id+'</td>')
|
||||
.append('<td>'+item.username+'</td>')
|
||||
.append('<td>'+item.groups+'</td>')
|
||||
.append('<td>'+item.created_at.date.substr(0, 16)+'</td>')
|
||||
.appendTo('#user');
|
||||
});
|
||||
}
|
||||
|
||||
function setAllCount(xhr){
|
||||
console.log(xhr.pager.total);
|
||||
if(xhr.pager.total == 0){
|
||||
$total = 0;
|
||||
}else{
|
||||
$total = xhr.pager.total;
|
||||
}
|
||||
$('#allCount').text("총 "+$total+"개");
|
||||
}
|
||||
|
||||
function setDate(xhr){
|
||||
if($('#fromDate, #toDate').length){
|
||||
var currentDate = moment().format("YYYY-MM-DD");
|
||||
$('#fromDate, #toDate').daterangepicker({
|
||||
locale: {
|
||||
"format": 'YYYY-MM-DD', // 일시 노출 포맷
|
||||
"applyLabel": "확인", // 확인 버튼 텍스트
|
||||
"cancelLabel": "취소", // 취소 버튼 텍스트
|
||||
"daysOfWeek": ["일", "월", "화", "수", "목", "금", "토"],
|
||||
"monthNames": ["1월", "2월", "3월", "4월", "5월", "6월", "7월", "8월", "9월", "10월", "11월", "12월"]
|
||||
},
|
||||
"alwaysShowCalendars": true, // 시간 노출 여부
|
||||
showDropdowns: true, // 년월 수동 설정 여부
|
||||
autoApply: true, // 확인/취소 버튼 사용여부
|
||||
maxDate: new Date(),
|
||||
autoUpdateInput: false,
|
||||
ranges: {
|
||||
'오늘': [moment(), moment()],
|
||||
'어제': [moment().subtract(1, 'days'), moment().subtract(1, 'days')],
|
||||
'지난 일주일': [moment().subtract(6, 'days'), moment()],
|
||||
'지난 한달': [moment().subtract(29, 'days'), moment()],
|
||||
'이번달': [moment().startOf('month'), moment().endOf('month')],
|
||||
}
|
||||
}, function(start, end, label) {
|
||||
// console.log("New date range selected: ' + start.format('YYYY-MM-DD') + ' to ' + end.format('YYYY-MM-DD') + ' (predefined range: ' + label + ')");
|
||||
// Lets update the fields manually this event fires on selection of range
|
||||
startDate = start.format('YYYY-MM-DD'); // selected start
|
||||
endDate = end.format('YYYY-MM-DD'); // selected end
|
||||
|
||||
$checkinInput = $('#fromDate');
|
||||
$checkoutInput = $('#toDate');
|
||||
|
||||
// Updating Fields with selected dates
|
||||
$checkinInput.val(startDate);
|
||||
$checkoutInput.val(endDate);
|
||||
|
||||
// Setting the Selection of dates on calender on CHECKOUT FIELD (To get this it must be binded by Ids not Calss)
|
||||
var checkOutPicker = $checkoutInput.data('daterangepicker');
|
||||
checkOutPicker.setStartDate(startDate);
|
||||
checkOutPicker.setEndDate(endDate);
|
||||
|
||||
// Setting the Selection of dates on calender on CHECKIN FIELD (To get this it must be binded by Ids not Calss)
|
||||
var checkInPicker = $checkinInput.data('daterangepicker');
|
||||
checkInPicker.setStartDate($checkinInput.val(startDate));
|
||||
checkInPicker.setEndDate(endDate);
|
||||
|
||||
getUserList(1, $('#pageLimit').val(), $('#search').val(), $('#sort').val(), startDate, endDate);
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
//페이지 게시글 갯수
|
||||
$('body').on('change', '#pageLimit', function(){
|
||||
getUserList(
|
||||
1,
|
||||
$(this).val(),
|
||||
$('#search').val(),
|
||||
$('#sort').val(),
|
||||
$('#fromDate').val(),
|
||||
$('#toDate').val(),
|
||||
console.log(`이것은`, $('#sort').val())
|
||||
);
|
||||
})
|
||||
|
||||
//검색
|
||||
$('body').on('keyup', '#search', function(){
|
||||
getUserList(
|
||||
1,
|
||||
$('#pageLimit').val(),
|
||||
$(this).val(),
|
||||
$('#sort').val(),
|
||||
$('#fromDate').val(),
|
||||
$('#toDate').val(),
|
||||
);
|
||||
})
|
||||
|
||||
//분류
|
||||
$('body').on('change', '#sort', function(){
|
||||
getUserList(
|
||||
1,
|
||||
$('#pageLimit').val(),
|
||||
$('#search').val(),
|
||||
$(this).val(),
|
||||
$('#fromDate').val(),
|
||||
$('#toDate').val(),
|
||||
);
|
||||
})
|
||||
|
||||
$('#dateRange').on('cancel.daterangepicker', function (ev, picker) {
|
||||
$(this).val('');
|
||||
getUserList(1, $('#pageLimit').val(), $('#search').val(), $('#sort').val());
|
||||
});
|
||||
|
||||
//유저보기
|
||||
$('body').on('click', '#userView', function(){
|
||||
let id = $(this).attr('data-id');
|
||||
$.ajax({
|
||||
type: "get",
|
||||
url: "<?=base_url()?>/users/"+id,
|
||||
dataType: "json",
|
||||
contentType: 'application/json; charset=utf-8',
|
||||
success: function(data){
|
||||
data.result.groups = data.result.groups.map(function(group) {
|
||||
group = group.replace('superadmin', '최고관리자');
|
||||
group = group.replace('admin', '관리자');
|
||||
group = group.replace('developer', '개발자');
|
||||
group = group.replace('user', '사용자');
|
||||
group = group.replace('agency', '광고대행사');
|
||||
group = group.replace('advertiser', '광고주');
|
||||
group = group.replace('guest', '게스트');
|
||||
return group;
|
||||
});
|
||||
$('#modalView .modal-body #viewName').html(data.result.username);
|
||||
$('#modalView .modal-body #viewCompany').html(data.result.companyType+" "+data.result.companyName);
|
||||
$('#modalView .modal-body #viewGroup').html(data.result.groups.join(","));
|
||||
$('#modalView .modal-body #viewDate').html(data.result.created_at.substr(0, 16));
|
||||
$('#modalView #userBelong').attr('href', '/user/belong/'+data.result.id);
|
||||
$('#modalView #userUpdateModal').attr('data-id', data.result.id);
|
||||
$('#modalView #userDelete').attr('data-id', data.result.id);
|
||||
var myModal = new bootstrap.Modal(document.getElementById('modalView'))
|
||||
myModal.show()
|
||||
},
|
||||
error: function(error, status, msg){
|
||||
alert("상태코드 " + status + "에러메시지" + msg );
|
||||
}
|
||||
});
|
||||
})
|
||||
|
||||
//유저 수정
|
||||
$('body').on('click', '#userUpdateModal', function(){
|
||||
$('#modalView').modal('hide');
|
||||
|
||||
let id = $(this).attr('data-id');
|
||||
$.ajax({
|
||||
type: "get",
|
||||
url: "<?=base_url()?>/users/"+id,
|
||||
dataType: "json",
|
||||
contentType: 'application/json; charset=utf-8',
|
||||
success: function(data){
|
||||
console.log(data.result.groups);
|
||||
$('#userGroup').val('');
|
||||
$('#modalUpdate #username').val(data.result.username);
|
||||
for (let i = 0; i < data.result.groups.length; i++) {
|
||||
$('#userGroup option[value="' + data.result.groups[i] + '"]').prop('selected', true);
|
||||
}
|
||||
for (let i = 0; i < data.result.permission.length; i++) {
|
||||
$('#userPermission option[value="' + data.result.permission[i] + '"]').prop('selected', true);
|
||||
}
|
||||
$('#modalUpdate #hidden_id').val(data.result.id);
|
||||
$('#modalUpdate #frm span').text('');
|
||||
var myModal = new bootstrap.Modal(document.getElementById('modalUpdate'))
|
||||
myModal.show()
|
||||
},
|
||||
error: function(error, status, msg){
|
||||
alert("상태코드 " + status + "에러메시지" + msg );
|
||||
}
|
||||
});
|
||||
})
|
||||
|
||||
//글수정
|
||||
$('body').on('click', '#userUpdateBtn', function(){
|
||||
let id = $("#modalUpdate input:hidden[name=id]").val();
|
||||
data = {
|
||||
username: $('#modalUpdate input:text[name=username]').val(),
|
||||
groups: $('#modalUpdate #userGroup').val(),
|
||||
permission: $('#modalUpdate #userPermission').val()
|
||||
};
|
||||
console.log(data);
|
||||
$.ajax({
|
||||
type: "put",
|
||||
url: "<?=base_url()?>/users/"+id,
|
||||
data: data,
|
||||
dataType: "json",
|
||||
contentType: 'application/json; charset=utf-8',
|
||||
headers:{'X-Requested-With':'XMLHttpRequest'},
|
||||
success: function(response){
|
||||
$('#modalUpdate').modal('hide');
|
||||
$('#modalUpdate').find('input').val('');
|
||||
$('#modalUpdate #frm span').text('');
|
||||
getUserList();
|
||||
},
|
||||
error: function(error){
|
||||
var errorText = error.responseJSON.messages;
|
||||
$.each(errorText, function(key, val){
|
||||
$("#modalUpdate #" + key + "_error").text(val);
|
||||
})
|
||||
}
|
||||
});
|
||||
})
|
||||
|
||||
//글삭제
|
||||
$('body').on('click', '#userDelete', function(){
|
||||
let id = $(this).attr('data-id');
|
||||
if(confirm('정말 삭제하시겠습니까?')){
|
||||
$.ajax({
|
||||
type: "delete",
|
||||
url: "<?=base_url()?>/users/"+id,
|
||||
dataType: "json",
|
||||
contentType: 'application/json; charset=utf-8',
|
||||
success: function(data){
|
||||
$('#modalView').modal('hide');
|
||||
getUserList();
|
||||
},
|
||||
error: function(error, status, msg){
|
||||
alert("상태코드 " + status + "에러메시지" + msg );
|
||||
}
|
||||
});
|
||||
}
|
||||
})
|
||||
|
||||
$('body').on('keyup', '#username', function(){
|
||||
$(this).siblings('span').text("");
|
||||
});
|
||||
|
||||
$('body').on('change', '#userGroup', function(){
|
||||
$(this).siblings('span').text("");
|
||||
});
|
||||
//reset 버튼
|
||||
$('body').on('click', '#DataResetBtn', function(){
|
||||
$('#sort option:first').prop('selected',true);
|
||||
$('#pageLimit option:first').prop('selected',true);
|
||||
$('#fromDate').val('');
|
||||
$('#toDate').val('');
|
||||
$('#search').val('');
|
||||
getUserList();
|
||||
})
|
||||
|
||||
|
||||
});
|
||||
|
||||
</script>
|
||||
<?=$this->endSection();?>
|
||||
@@ -0,0 +1,107 @@
|
||||
<?=$this->extend('templates/front_example.php');?>
|
||||
|
||||
<?=$this->section('content');?>
|
||||
<!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, user-scalable=no, initial-scale=1, maximum-scale=1">
|
||||
<title>매체 관리</title>
|
||||
</head>
|
||||
<body>
|
||||
<div class="sub-contents-wrap">
|
||||
<div class="title-area">
|
||||
<h2 class="page-title">매체 관리</h2>
|
||||
</div>
|
||||
|
||||
<div class="search-wrap">
|
||||
<form class="search d-flex justify-content-center">
|
||||
<div class="input">
|
||||
<input class="" type="text" placeholder="검색어를 입력하세요">
|
||||
<button class="btn-primary" type="submit">조회</button>
|
||||
<button class="btn-special ms-2" type="button" data-bs-toggle="modal" data-bs-target="#mediaModal">등록</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
<div class="section ">
|
||||
<div class="btn-wrap text-end mb-2">
|
||||
<a href="/example/event_manage"><button type="button" class="btn btn-danger">이벤트 관리</button></a>
|
||||
<a href="/company/list"><button type="button" class="btn btn-danger">광고주 관리</button></a>
|
||||
<a href="/example/change_manage"><button type="button" class="btn btn-danger">전환 관리</button></a>
|
||||
</div>
|
||||
|
||||
<div class="table-responsive">
|
||||
<table class="table table-striped table-hover table-default">
|
||||
<colgroup>
|
||||
<col style="width:6%">
|
||||
<col>
|
||||
<col style="width:12%">
|
||||
<col style="width:5%">
|
||||
</colgroup>
|
||||
<thead class="table-dark">
|
||||
<tr>
|
||||
<th scope="col">번호</th>
|
||||
<th scope="col">매체명</th>
|
||||
<th scope="col">대상</th>
|
||||
<th scope="col">랜딩수</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>5054</td>
|
||||
<td class="text-start">아이시티안과의원</td>
|
||||
<td>본 메일 수신자</td>
|
||||
<td>1</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
<?=$this->endSection();?>
|
||||
|
||||
<?=$this->section('modal')?>
|
||||
<!-- 매체 등록 -->
|
||||
<div class="modal fade" id="mediaModal" tabindex="-1" aria-labelledby="mediaModalLabel" aria-hidden="true">
|
||||
<div class="modal-dialog modal-lg">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<h1 class="modal-title" id="mediaModalLabel">매체 등록</h1>
|
||||
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<div class="table-responsive">
|
||||
<table class="table table-bordered table-left-header">
|
||||
<colgroup>
|
||||
<col style="width:30%;">
|
||||
<col style="width:70%;">
|
||||
</colgroup>
|
||||
<tbody>
|
||||
<tr>
|
||||
<th scope="row" class="text-end">매체명</th>
|
||||
<td><input type="text" class="form-control"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="row" class="text-end">대상</th>
|
||||
<td><input type="text" class="form-control"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<button type="button" class="btn btn-primary">확인</button>
|
||||
<button type="button" class="btn btn-secondary">목록</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- //매체 등록 -->
|
||||
<?=$this->endSection();?>
|
||||
@@ -0,0 +1,690 @@
|
||||
<?=$this->extend('templates/front_example.php');?>
|
||||
|
||||
<?=$this->section('title');?>
|
||||
모달 전체
|
||||
<?=$this->endSection();?>
|
||||
|
||||
<?=$this->section('content');?>
|
||||
<div class="sub-contents-wrap">
|
||||
<div class="title-area">
|
||||
<h2 class="page-title">모달</h2>
|
||||
</div>
|
||||
|
||||
<!-- 메모 확인 -->
|
||||
<button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#memoModal">메모 확인</button>
|
||||
<div class="modal fade" id="memoModal" tabindex="-1" aria-labelledby="memoModalLabel" aria-hidden="true">
|
||||
<div class="modal-dialog modal-lg">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<h1 class="modal-title" id="memoModalLabel"><i class="bi bi-file-text"></i> 메모 확인</h1>
|
||||
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<textarea></textarea>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- //메모 확인 -->
|
||||
|
||||
<!-- 개별 메모 -->
|
||||
<button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#memoModal2">개별 메모</button>
|
||||
<div class="modal fade" id="memoModal2" tabindex="-1" aria-labelledby="memoModalLabel2" aria-hidden="true">
|
||||
<div class="modal-dialog modal-sm sm-txt">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<h1 class="modal-title" id="memoModalLabel2"><i class="bi bi-file-text"></i> 개별 메모</h1>
|
||||
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<form class="regi-form">
|
||||
<fieldset>
|
||||
<legend>메모 작성</legend>
|
||||
<textarea></textarea>
|
||||
<button type="button" class="btn-regi">작성</button>
|
||||
</fieldset>
|
||||
</form>
|
||||
<ul class="memo-list m-2">
|
||||
<li class="d-flex justify-content-between align-items-start">
|
||||
<div class="detail d-flex align-items-start">
|
||||
<input type="checkbox" value="" id="check01">
|
||||
<p class="ms-1" aria-labelledby="check01">오후 4시 라이브</p>
|
||||
</div>
|
||||
<div class="info">
|
||||
<span>김민정</span>
|
||||
<span>2023-03-03 10:40:30</span>
|
||||
</div>
|
||||
</li>
|
||||
<li class="d-flex justify-content-between align-items-start">
|
||||
<div class="detail d-flex align-items-start">
|
||||
<input type="checkbox" value="" id="check02">
|
||||
<p class="ms-1" aria-labelledby="check02">오후 4시 라이브 2줄 <br>메모내용 테스트 입니다.</p>
|
||||
</div>
|
||||
<div class="info">
|
||||
<span>김민정</span>
|
||||
<span>2023-03-03 10:40:30</span>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- //개별 메모 -->
|
||||
|
||||
<!-- 광고 변경 내역 -->
|
||||
<button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#changeModal">광고 변경 내역</button>
|
||||
<div class="modal fade" id="changeModal" tabindex="-1" aria-labelledby="changeModalLabel" aria-hidden="true">
|
||||
<div class="modal-dialog modal-sm sm-txt">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<h1 class="modal-title" id="changeModalLabel"><i class="bi bi-arrow-counterclockwise"></i> 광고 변경 내역</h1>
|
||||
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<p class="ad-status">진행 상태</p>
|
||||
<ul class="status-type">
|
||||
<li class="d-flex justify-content-between">
|
||||
<div>비활성 <b class="text-danger">→ 활성</b> 으로 변경</div>
|
||||
<div class="info">
|
||||
<span>김민정</span>
|
||||
<span>2023-03-03 10:40:30</span>
|
||||
</div>
|
||||
</li>
|
||||
<li class="d-flex justify-content-between">
|
||||
<div>활성 <b class=text-dark">→ 비활성</b> 으로 변경</div>
|
||||
<div class="info">
|
||||
<span>김민정</span>
|
||||
<span>2023-03-03 10:40:30</span>
|
||||
</div>
|
||||
</li>
|
||||
<li class="d-flex justify-content-between">
|
||||
<div>비활성 <b class="text-danger">→ 활성</b> 으로 변경</div>
|
||||
<div class="info">
|
||||
<span>김민정</span>
|
||||
<span>2023-03-03 10:40:30</span>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- //광고 변경 내역 -->
|
||||
|
||||
<br><br><br>
|
||||
|
||||
<!-- 데이터 비교 -->
|
||||
<button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#dataModal">데이터 비교</button>
|
||||
<div class="modal fade" id="dataModal" tabindex="-1" aria-labelledby="dataModalLabel" aria-hidden="true">
|
||||
<div class="modal-dialog modal-lg">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<h1 class="modal-title" id="dataModalLabel">데이터 비교</h1>
|
||||
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<div class="sorting d-flex justify-content-between align-items-end">
|
||||
<div class="d-flex">
|
||||
<button type="button" class="active">최근 7일</button>
|
||||
<button type="button">최근 14일</button>
|
||||
<button type="button">최근 30일</button>
|
||||
<button type="button">지난달</button>
|
||||
</div>
|
||||
<p class="term">2023.02.11~ 2023.02.18</p>
|
||||
</div>
|
||||
|
||||
<div class="table-responsive">
|
||||
<table class="table table-bordered table-data">
|
||||
<colgroup>
|
||||
<col style="width:calc(100% / 6);">
|
||||
<col style="width:calc(100% / 6);">
|
||||
<col style="width:calc(100% / 6);">
|
||||
<col style="width:calc(100% / 6);">
|
||||
<col style="width:calc(100% / 6);">
|
||||
<col style="width:calc(100% / 6);">
|
||||
</colgroup>
|
||||
<thead>
|
||||
<tr>
|
||||
<th scope="col"></th>
|
||||
<th scope="col">DB 단가</th>
|
||||
<th scope="col">DB 수</th>
|
||||
<th scope="col">수익률</th>
|
||||
<th scope="col">CPC</th>
|
||||
<th scope="col">전환률</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<th scope="col">오늘</th>
|
||||
<td>9,326</td>
|
||||
<td>140</td>
|
||||
<td>93.26</td>
|
||||
<td>9,326.50</td>
|
||||
<td>93.26</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="col">어제</th>
|
||||
<td>9,326</td>
|
||||
<td>140</td>
|
||||
<td>93.26</td>
|
||||
<td>9,326.50</td>
|
||||
<td>93.26</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="col" class="text-danger">최근 7일</th>
|
||||
<td>9,326</td>
|
||||
<td>140</td>
|
||||
<td>93.26</td>
|
||||
<td>9,326.50</td>
|
||||
<td>93.26</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- //데이터 비교 -->
|
||||
|
||||
<br><br><br>
|
||||
|
||||
<!-- AI 작동내역 -->
|
||||
<button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#aiModal">AI 작동내역</button>
|
||||
<div class="modal fade" id="aiModal" tabindex="-1" aria-labelledby="aiModalLabel" aria-hidden="true">
|
||||
<div class="modal-dialog modal-lg modal-dialog-scrollable sm-txt">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<h1 class="modal-title" id="aiModalLabel">AI 작동내역</h1>
|
||||
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<div class="table-responsive">
|
||||
<table class="table table-bordered table-modal">
|
||||
<colgroup>
|
||||
<col style="width:15%;">
|
||||
<col style="width:25%;">
|
||||
<col style="width:25%;">
|
||||
<col style="width:20%;">
|
||||
<col style="width:15%;">
|
||||
</colgroup>
|
||||
<thead>
|
||||
<tr>
|
||||
<th scope="col">광고주</th>
|
||||
<th scope="col">캠페인명</th>
|
||||
<th scope="col">광고그룹명</th>
|
||||
<th scope="col">내역</th>
|
||||
<th scope="col">실행일시</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<th scope="col">패밀리유</th>
|
||||
<td>[패밀리유] 비즈보드 X 룰렛</td>
|
||||
<td>1887_402 (남여, 카서, 네트워크 40~59)</td>
|
||||
<td>Level 1 (210 => 180)</td>
|
||||
<td>2023-02-19 05:38:50</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="col">패밀리유</th>
|
||||
<td>[패밀리유] 비즈보드 X 룰렛</td>
|
||||
<td>1887_402 (남여, 카서, 네트워크 40~59)</td>
|
||||
<td>Level 1 (210 => 180)</td>
|
||||
<td>2023-02-19 05:38:50</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="col">패밀리유</th>
|
||||
<td>[패밀리유] 비즈보드 X 룰렛</td>
|
||||
<td>1887_402 (남여, 카서, 네트워크 40~59)</td>
|
||||
<td>Level 1 (210 => 180)</td>
|
||||
<td>2023-02-19 05:38:50</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="col">패밀리유</th>
|
||||
<td>[패밀리유] 비즈보드 X 룰렛</td>
|
||||
<td>1887_402 (남여, 카서, 네트워크 40~59)</td>
|
||||
<td>Level 1 (210 => 180)</td>
|
||||
<td>2023-02-19 05:38:50</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="col">패밀리유</th>
|
||||
<td>[패밀리유] 비즈보드 X 룰렛</td>
|
||||
<td>1887_402 (남여, 카서, 네트워크 40~59)</td>
|
||||
<td>Level 1 (210 => 180)</td>
|
||||
<td>2023-02-19 05:38:50</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="col">패밀리유</th>
|
||||
<td>[패밀리유] 비즈보드 X 룰렛</td>
|
||||
<td>1887_402 (남여, 카서, 네트워크 40~59)</td>
|
||||
<td>Level 1 (210 => 180)</td>
|
||||
<td>2023-02-19 05:38:50</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="col">패밀리유</th>
|
||||
<td>[패밀리유] 비즈보드 X 룰렛</td>
|
||||
<td>1887_402 (남여, 카서, 네트워크 40~59)</td>
|
||||
<td>Level 1 (210 => 180)</td>
|
||||
<td>2023-02-19 05:38:50</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="col">패밀리유</th>
|
||||
<td>[패밀리유] 비즈보드 X 룰렛</td>
|
||||
<td>1887_402 (남여, 카서, 네트워크 40~59)</td>
|
||||
<td>Level 1 (210 => 180)</td>
|
||||
<td>2023-02-19 05:38:50</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="col">패밀리유</th>
|
||||
<td>[패밀리유] 비즈보드 X 룰렛</td>
|
||||
<td>1887_402 (남여, 카서, 네트워크 40~59)</td>
|
||||
<td>Level 1 (210 => 180)</td>
|
||||
<td>2023-02-19 05:38:50</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="col">패밀리유</th>
|
||||
<td>[패밀리유] 비즈보드 X 룰렛</td>
|
||||
<td>1887_402 (남여, 카서, 네트워크 40~59)</td>
|
||||
<td>Level 1 (210 => 180)</td>
|
||||
<td>2023-02-19 05:38:50</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="col">패밀리유</th>
|
||||
<td>[패밀리유] 비즈보드 X 룰렛</td>
|
||||
<td>1887_402 (남여, 카서, 네트워크 40~59)</td>
|
||||
<td>Level 1 (210 => 180)</td>
|
||||
<td>2023-02-19 05:38:50</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="col">패밀리유</th>
|
||||
<td>[패밀리유] 비즈보드 X 룰렛</td>
|
||||
<td>1887_402 (남여, 카서, 네트워크 40~59)</td>
|
||||
<td>Level 1 (210 => 180)</td>
|
||||
<td>2023-02-19 05:38:50</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="col">패밀리유</th>
|
||||
<td>[패밀리유] 비즈보드 X 룰렛</td>
|
||||
<td>1887_402 (남여, 카서, 네트워크 40~59)</td>
|
||||
<td>Level 1 (210 => 180)</td>
|
||||
<td>2023-02-19 05:38:50</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="col">패밀리유</th>
|
||||
<td>[패밀리유] 비즈보드 X 룰렛</td>
|
||||
<td>1887_402 (남여, 카서, 네트워크 40~59)</td>
|
||||
<td>Level 1 (210 => 180)</td>
|
||||
<td>2023-02-19 05:38:50</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="col">패밀리유</th>
|
||||
<td>[패밀리유] 비즈보드 X 룰렛</td>
|
||||
<td>1887_402 (남여, 카서, 네트워크 40~59)</td>
|
||||
<td>Level 1 (210 => 180)</td>
|
||||
<td>2023-02-19 05:38:50</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="col">패밀리유</th>
|
||||
<td>[패밀리유] 비즈보드 X 룰렛</td>
|
||||
<td>1887_402 (남여, 카서, 네트워크 40~59)</td>
|
||||
<td>Level 1 (210 => 180)</td>
|
||||
<td>2023-02-19 05:38:50</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- //AI 작동내역 -->
|
||||
|
||||
<br><br><br>
|
||||
|
||||
<!-- 광고 코드 추가 -->
|
||||
<button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#addModal">광고 코드 추가</button>
|
||||
<div class="modal fade" id="addModal" tabindex="-1" aria-labelledby="addModalLabel" aria-hidden="true">
|
||||
<div class="modal-dialog modal-lg">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<h1 class="modal-title" id="addModalLabel">광고 코드 추가</h1>
|
||||
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<h2 class="body-title">[병원] 유로스메디컬의원</h2>
|
||||
<div class="table-responsive">
|
||||
<table class="table table-bordered table-modal">
|
||||
<colgroup>
|
||||
<col style="width:15%;">
|
||||
<col style="width:15%;">
|
||||
<col style="width:30%;">
|
||||
<col style="width:40%;">
|
||||
</colgroup>
|
||||
<thead>
|
||||
<tr>
|
||||
<th scope="col">광고명</th>
|
||||
<th scope="col">광고그룹</th>
|
||||
<th scope="col">타입</th>
|
||||
<th scope="col">인식코드</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td><i class="ico green"></i> 5054</td>
|
||||
<td>5054</td>
|
||||
<td>VIDEO_RESPONSIVE_AD</td>
|
||||
<td><input type="text" class="form-control"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td colspan="4">
|
||||
<a href="#">https://event.asdjk.co.kr/asdjk?asduw=asd</a>
|
||||
<button type="button" class="btn btn-dark">코드입력</button>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- //광고 코드 추가 -->
|
||||
|
||||
<br><br><br>
|
||||
|
||||
<!-- 계정 예산 -->
|
||||
<button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#budgetModal">계정 예산</button>
|
||||
<div class="modal fade" id="budgetModal" tabindex="-1" aria-labelledby="budgetModalLabel" aria-hidden="true">
|
||||
<div class="modal-dialog modal-lg modal-dialog-scrollable">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<h1 class="modal-title" id="budgetModalLabel">계정 예산</h1>
|
||||
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<div class="d-flex justify-content-between align-items-center">
|
||||
<h2 class="body-title">[패밀리유] 비즈보드 X 룰렛</h2>
|
||||
<button type="button" class="btn btn-primary btn-list">광고주 잔여예산 부족 목록</button>
|
||||
</div>
|
||||
<div class="table-responsive">
|
||||
<table class="table table-bordered table-modal">
|
||||
<colgroup>
|
||||
<col style="width:60%;">
|
||||
<col style="width:20%;">
|
||||
<col style="width:20%;">
|
||||
</colgroup>
|
||||
<thead>
|
||||
<tr>
|
||||
<th scope="col">광고주명</th>
|
||||
<th scope="col">계정예산</th>
|
||||
<th scope="col">잔여예산</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>[패밀리유] 비즈보드 X 룰렛</td>
|
||||
<td class="text-end">50,000,000</td>
|
||||
<td class="text-end">50,000,000</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- //계정 예산 -->
|
||||
|
||||
<!-- 계정 통계 -->
|
||||
<button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#statisticstModal">계정 통계</button>
|
||||
<div class="modal fade" id="statisticstModal" tabindex="-1" aria-labelledby="statisticstModalLabel" aria-hidden="true">
|
||||
<div class="modal-dialog modal-lg modal-dialog-scrollable">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<h1 class="modal-title" id="statisticstModalLabel">계정 통계</h1>
|
||||
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<div class="d-flex justify-content-between align-items-center">
|
||||
<h2 class="body-title">계정별 통계 (2023-02-18 ~ 2023-02-23)</h2>
|
||||
<form class="row g-1">
|
||||
<div class="col-auto">
|
||||
<input type="password" class="form-control">
|
||||
</div>
|
||||
<div class="col-auto">
|
||||
<button type="submit" class="btn btn-primary">검색</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
<div class="table-responsive">
|
||||
<table class="table table-bordered table-modal">
|
||||
<colgroup>
|
||||
<col style="width:15%;">
|
||||
<col>
|
||||
<col style="width:11%;">
|
||||
<col style="width:8%;">
|
||||
<col style="width:10%;">
|
||||
<col style="width:10%;">
|
||||
<col style="width:8%;">
|
||||
<col style="width:9%;">
|
||||
<col style="width:9%;">
|
||||
</colgroup>
|
||||
<thead>
|
||||
<tr>
|
||||
<th scope="col">계정ID</th>
|
||||
<th scope="col">광고주명</th>
|
||||
<th scope="col">현재DB단계</th>
|
||||
<th scope="col">유효DB</th>
|
||||
<th scope="col">지출액</th>
|
||||
<th scope="col">수익</th>
|
||||
<th scope="col">수익률</th>
|
||||
<th scope="col">매출액</th>
|
||||
<th scope="col">매출비중</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>302-934-2394</td>
|
||||
<td class="text-end">W2_랜덤팡_2</td>
|
||||
<td class="text-end">0</td>
|
||||
<td class="text-end">0</td>
|
||||
<td class="text-end">25,234</td>
|
||||
<td class="text-end">0</td>
|
||||
<td class="text-end">%</td>
|
||||
<td class="text-end">0</td>
|
||||
<td class="text-end">0.00%</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- //계정 통계 -->
|
||||
|
||||
<br><br><br>
|
||||
|
||||
<!-- 업체 등록 -->
|
||||
<button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#bizModal">업체 등록</button>
|
||||
<div class="modal fade" id="bizModal" tabindex="-1" aria-labelledby="bizModalLabel" aria-hidden="true">
|
||||
<div class="modal-dialog modal-lg">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<h1 class="modal-title" id="bizModalLabel">업체 등록</h1>
|
||||
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<div class="table-responsive">
|
||||
<table class="table table-bordered table-left-header">
|
||||
<colgroup>
|
||||
<col style="width:30%;">
|
||||
<col style="width:70%;">
|
||||
</colgroup>
|
||||
<tbody>
|
||||
<tr>
|
||||
<th scope="row">거래처명(입금자명)</th>
|
||||
<td>
|
||||
<input type="text" class="form-control">
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="row">은행명</th>
|
||||
<td>
|
||||
<select class="form-select" aria-label="은행명 선택">
|
||||
<option selected>-선택-</option>
|
||||
<option value="1">One</option>
|
||||
<option value="2">Two</option>
|
||||
<option value="3">Three</option>
|
||||
</select>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="row">계좌번호</th>
|
||||
<td><input type="text" class="form-control"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<button type="button" class="btn btn-primary">작성완료</button>
|
||||
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">취소</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- //업체 등록 -->
|
||||
|
||||
<br><br><br>
|
||||
|
||||
<!-- 지출결의서 -->
|
||||
<button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#disbursementModal">지출결의서</button>
|
||||
<div class="modal fade" id="disbursementModal" tabindex="-1" aria-labelledby="disbursementModalLabel" aria-hidden="true">
|
||||
<div class="modal-dialog modal-lg">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<h1 class="modal-title" id="disbursementModalLabel">지출결의서</h1>
|
||||
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<div class="approval">
|
||||
<ol class="d-flex">
|
||||
<li>
|
||||
<span>담당자</span>
|
||||
<div></div>
|
||||
</li>
|
||||
<li>
|
||||
<span>경영지원실장</span>
|
||||
<div></div>
|
||||
</li>
|
||||
<li>
|
||||
<span>사업부대표</span>
|
||||
<div></div>
|
||||
</li>
|
||||
</ol>
|
||||
</div>
|
||||
<div class="table-responsive">
|
||||
<table class="table table-bordered table-left-header">
|
||||
<colgroup>
|
||||
<col style="width:30%;">
|
||||
<col style="width:70%;">
|
||||
</colgroup>
|
||||
<tbody>
|
||||
<tr>
|
||||
<th scope="row">담당자</th>
|
||||
<td>
|
||||
<select class="form-select" aria-label="담당자 선택">
|
||||
<option selected>-선택-</option>
|
||||
<option value="1">One</option>
|
||||
<option value="2">Two</option>
|
||||
<option value="3">Three</option>
|
||||
</select>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="row">문서번호</th>
|
||||
<td>
|
||||
<textarea></textarea>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="row">거래처명(예금주명)</th>
|
||||
<td>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="row">은행명</th>
|
||||
<td>
|
||||
<input type="text" class="form-control">
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="row">계좌번호</th>
|
||||
<td>
|
||||
<input type="text" class="form-control">
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="row">구분</th>
|
||||
<td>
|
||||
<select class="form-select" aria-label="구분 선택">
|
||||
<option selected>-선택-</option>
|
||||
<option value="1">One</option>
|
||||
<option value="2">Two</option>
|
||||
<option value="3">Three</option>
|
||||
</select>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="row">내역(자세히)</th>
|
||||
<td>
|
||||
<textarea></textarea>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="row">총금액(VAT 포함)</th>
|
||||
<td>
|
||||
<input type="text" class="form-control">
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="row">비고</th>
|
||||
<td>
|
||||
<textarea></textarea>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<button type="button" class="btn btn-primary">작성완료</button>
|
||||
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">취소</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- //업체 등록 -->
|
||||
|
||||
<br><br><br>
|
||||
|
||||
<!-- 전체화면 모달 -->
|
||||
<button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#fullModal">전체화면 모달</button>
|
||||
<div class="modal fade" id="fullModal" tabindex="-1" aria-labelledby="fullModalLabel" aria-hidden="true">
|
||||
<div class="modal-dialog modal-fullscreen">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<h1 class="modal-title" id="fullModalLabel">전체화면 모달</h1>
|
||||
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
...
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- //전체화면 모달 -->
|
||||
</div>
|
||||
<?=$this->endSection();?>
|
||||
@@ -0,0 +1,68 @@
|
||||
<?=$this->extend('templates/front_example.php');?>
|
||||
|
||||
<?=$this->section('title');?>
|
||||
ZENITH - 마이 페이지
|
||||
<?=$this->endSection();?>
|
||||
|
||||
<?=$this->section('content');?>
|
||||
<body>
|
||||
<div class="sub-contents-wrap myPage-container">
|
||||
<div class="title-area">
|
||||
<h2 class="page-title">마이 페이지</h2>
|
||||
</div>
|
||||
|
||||
<main class="container my-5">
|
||||
<h1 class="text-center">Nick Name</h1>
|
||||
<div class="row justify-content-center mt-4">
|
||||
<div class="col-md-6">
|
||||
<div class="card">
|
||||
<div class="card-header bg-dark text-white">
|
||||
<h3 class="card-title mb-0">Profile</h3>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<dl><dt>아이디:</dt><dd>John Doe</dd> </dl>
|
||||
<dl><dt>이메일:</dt><dd>john.doe@example.com</dd> </dl>
|
||||
<dl><dt>기존 비밀번호:</dt><dd></dd></dl>
|
||||
<dl><dt>신규 비밀번호:</dt><dd></dd></dl>
|
||||
<dl><dt>비밀번호 확인:</dt><dd></dd></dl>
|
||||
<dl><dt>전화번호:</dt><dd>010-0000-0000</dd> </dl>
|
||||
<button type="button" class="btn btn-primary">작성완료</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
</div>
|
||||
</body>
|
||||
<?=$this->endSection();?>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- <!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
|
||||
<title>My Account</title>
|
||||
|
||||
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
|
||||
</head>
|
||||
<body> -->
|
||||
|
||||
|
||||
|
||||
@@ -0,0 +1,62 @@
|
||||
<?= $this->extend(config('Auth')->views['layout']) ?>
|
||||
|
||||
<?= $this->section('title') ?><?= lang('Auth.register') ?> <?= $this->endSection() ?>
|
||||
|
||||
<?= $this->section('guestContent') ?>
|
||||
<div class="row container-fluid register-container">
|
||||
<div class="card col-lg-6 col-12">
|
||||
<form action="<?= url_to('register') ?>" method="post">
|
||||
<?= csrf_field() ?>
|
||||
<h1 class="card-title">가입하기</h1>
|
||||
<!-- Email -->
|
||||
<div class="mb-2 position-relative">
|
||||
<i class="fa fa-envelope-o"></i>
|
||||
<input type="email" class="form-control" name="email" inputmode="email" autocomplete="email" placeholder="<?= lang('Auth.email') ?>" value="<?= old('email') ?>" required />
|
||||
</div>
|
||||
|
||||
<!-- Username -->
|
||||
<div class="mb-2 position-relative">
|
||||
<i class="bi bi-person-check"></i>
|
||||
<input type="text" class="form-control" name="username" inputmode="text" autocomplete="username" placeholder="<?= lang('Auth.username') ?>" value="<?= old('username') ?>" required />
|
||||
</div>
|
||||
|
||||
<!-- Password -->
|
||||
<div class="mb-2 position-relative">
|
||||
<i class="bi bi-lock"></i>
|
||||
<input type="password" class="form-control" name="password" inputmode="text" autocomplete="new-password" placeholder="<?= lang('Auth.password') ?>" required />
|
||||
</div>
|
||||
|
||||
<!-- Password (Again) -->
|
||||
<div class="mb-2 position-relative">
|
||||
<i class="bi bi-check-circle"></i>
|
||||
<input type="password" class="form-control" name="password_confirm" inputmode="text" autocomplete="new-password" placeholder="<?= lang('Auth.passwordConfirm') ?>" required />
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<div class="text-start"
|
||||
>
|
||||
<?= lang('Auth.haveAccount') ?> <a href="<?= url_to('login') ?>"><?= lang('Auth.login') ?></a>
|
||||
</div>
|
||||
|
||||
<div class="mt-5">
|
||||
<button type="submit" class="btn btn-outline-primary btn-block"><?= lang('Auth.register') ?></button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
<script>
|
||||
//slide up 효과
|
||||
let account = document.querySelector('.register-container form');
|
||||
let effect = account.querySelectorAll('form > div');
|
||||
let i=0;
|
||||
let timer = setInterval(function(){
|
||||
effect[i].classList.add('effect');
|
||||
i++;
|
||||
|
||||
if(i >= effect.length){
|
||||
clearInterval(timer);
|
||||
}
|
||||
},150);
|
||||
</script>
|
||||
<?= $this->endSection() ?>
|
||||
@@ -0,0 +1,94 @@
|
||||
<?= $this->extend(config('Auth')->views['layout']) ?>
|
||||
|
||||
<?= $this->section('title') ?><?= lang('Auth.register') ?> <?= $this->endSection() ?>
|
||||
|
||||
<?= $this->section('guestContent') ?>
|
||||
<div class="container-fluid exam-container" id="register">
|
||||
<div class="card col-10 col-md-5">
|
||||
<div class="card-body">
|
||||
<h5 class="card-title"></h5>
|
||||
|
||||
<?php if (session('error') !== null) : ?>
|
||||
<div class="alert alert-danger" role="alert"><?= session('error') ?></div>
|
||||
<?php elseif (session('errors') !== null) : ?>
|
||||
<div class="alert alert-danger" role="alert">
|
||||
<?php if (is_array(session('errors'))) : ?>
|
||||
<?php foreach (session('errors') as $error) : ?>
|
||||
<?= $error ?>
|
||||
<br>
|
||||
<?php endforeach ?>
|
||||
<?php else : ?>
|
||||
<?= session('errors') ?>
|
||||
<?php endif ?>
|
||||
</div>
|
||||
<?php endif ?>
|
||||
|
||||
<form action="<?= url_to('register') ?>" method="post">
|
||||
<?= csrf_field() ?>
|
||||
|
||||
<!-- Email -->
|
||||
<div class="mb-2 position-relative">
|
||||
<i class="fa fa-envelope-o"></i>
|
||||
<input type="email" class="form-control" name="email" inputmode="email" autocomplete="email" placeholder="<?= lang('Auth.email') ?>" value="<?= old('email') ?>" required />
|
||||
</div>
|
||||
|
||||
<!-- Username -->
|
||||
<div class="mb-4">
|
||||
<i class="bi bi-person-check"></i>
|
||||
<input type="text" class="form-control" name="username" inputmode="text" autocomplete="username" placeholder="<?= lang('Auth.username') ?>" value="<?= old('username') ?>" required />
|
||||
</div>
|
||||
|
||||
<!-- Password -->
|
||||
<div class="mb-2 position-relative">
|
||||
<i class="bi bi-lock"></i>
|
||||
<input type="password" class="form-control" name="password" inputmode="text" autocomplete="new-password" placeholder="<?= lang('Auth.password') ?>" required />
|
||||
</div>
|
||||
|
||||
<!-- Password (Again) -->
|
||||
<div class="mb-5">
|
||||
<i class="bi bi-check-circle"></i>
|
||||
<input type="password" class="form-control" name="password_confirm" inputmode="text" autocomplete="new-password" placeholder="<?= lang('Auth.passwordConfirm') ?>" required />
|
||||
</div>
|
||||
|
||||
<div class="m-3">
|
||||
<button type="submit" class="btn btn-primary btn-block"><?= lang('Auth.register') ?></button>
|
||||
</div>
|
||||
|
||||
<div class="text-start"
|
||||
>
|
||||
<?= lang('Auth.haveAccount') ?> <a href="<?= url_to('login') ?>"><?= lang('Auth.login') ?></a>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<script>
|
||||
//slide up 효과
|
||||
let account = document.querySelector('.exam-container form');
|
||||
let effect = account.querySelectorAll('form > div');
|
||||
let i=0;
|
||||
let timer = setInterval(function(){
|
||||
effect[i].classList.add('effect');
|
||||
i++;
|
||||
|
||||
if(i >= effect.length){
|
||||
clearInterval(timer);
|
||||
}
|
||||
},150);
|
||||
|
||||
// 타이핑 효과
|
||||
let typingTxt = 'Register';
|
||||
let typingIdx = 0;
|
||||
let tyInt = setInterval(typing,250);
|
||||
typingTxt=typingTxt.split("");
|
||||
|
||||
function typing(){
|
||||
if(typingIdx < typingTxt.length){
|
||||
$('h5.card-title').append(typingTxt[typingIdx]);
|
||||
typingIdx++;
|
||||
}else{
|
||||
clearInterval(tyInt);
|
||||
}
|
||||
}
|
||||
</script>
|
||||
<?= $this->endSection() ?>
|
||||
@@ -0,0 +1,122 @@
|
||||
<?= $this->extend(config('Auth')->views['layout']) ?>
|
||||
|
||||
<?= $this->section('title') ?><?= lang('Auth.register') ?> <?= $this->endSection() ?>
|
||||
|
||||
<?= $this->section('guestContent') ?>
|
||||
<div class="wrap">
|
||||
<div class="container-fluid exam02-container toggle">
|
||||
<div class="btn btn-outline-primary">
|
||||
<button type="button" class="drag box">Have an account? Sign in
|
||||
<div class="item" id="item" draggable="true"></div>
|
||||
</button>
|
||||
<!-- <p class="text-center site"><?= lang('Auth.haveAccount') ?><a href="<?= url_to('login') ?>"><?= lang('Auth.login') ?></a></p> -->
|
||||
</div>
|
||||
|
||||
<div class="card col-10 col-md-5">
|
||||
<div class="card-body">
|
||||
<h5 class="card-title"><?= lang('SIGN UP') ?></h5>
|
||||
|
||||
<?php if (session('error') !== null) : ?>
|
||||
<div class="alert alert-danger" role="alert"><?= session('error') ?></div>
|
||||
<?php elseif (session('errors') !== null) : ?>
|
||||
<div class="alert alert-danger" role="alert">
|
||||
<?php if (is_array(session('errors'))) : ?>
|
||||
<?php foreach (session('errors') as $error) : ?>
|
||||
<?= $error ?>
|
||||
<br>
|
||||
<?php endforeach ?>
|
||||
<?php else : ?>
|
||||
<?= session('errors') ?>
|
||||
<?php endif ?>
|
||||
</div>
|
||||
<?php endif ?>
|
||||
|
||||
<form action="<?= url_to('register') ?>" method="post">
|
||||
<?= csrf_field() ?>
|
||||
|
||||
<!-- Email -->
|
||||
<div class="mb-2 position-relative">
|
||||
<p>EMAIL ADDRESS</p>
|
||||
<input type="email" class="form-control" name="email" inputmode="email" autocomplete="email" placeholder="<?= lang('Auth.email') ?>" value="<?= old('email') ?>" required />
|
||||
</div>
|
||||
|
||||
<!-- Username -->
|
||||
<div class="mb-4 position-relative">
|
||||
<p>username</p>
|
||||
<input type="text" class="form-control" name="username" inputmode="text" autocomplete="username" placeholder="<?= lang('Auth.username') ?>" value="<?= old('username') ?>" required />
|
||||
</div>
|
||||
|
||||
<!-- Password -->
|
||||
<div class="mb-2 position-relative">
|
||||
<p>PASSWORD</p>
|
||||
<input type="password" class="form-control" name="password" inputmode="text" autocomplete="new-password" placeholder="<?= lang('Auth.password') ?>" required />
|
||||
</div>
|
||||
|
||||
<!-- Password (Again) -->
|
||||
<div class="mb-5">
|
||||
<p>PASSWORD CONFIRM</p>
|
||||
<input type="password" class="form-control" name="password_confirm" inputmode="text" autocomplete="new-password" placeholder="<?= lang('Auth.passwordConfirm') ?>" required />
|
||||
</div>
|
||||
|
||||
<button type="submit" class="btn btn-primary btn-block"><?= lang('SIGN IN') ?></button>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<script>
|
||||
const item = document.querySelector('.item');
|
||||
const boxes = document.querySelectorAll('.box');
|
||||
const target = document.querySelector('.target');
|
||||
|
||||
item.addEventListener('dragstart', dragStart);
|
||||
|
||||
boxes.forEach(box => {
|
||||
box.addEventListener('dragenter', dragEnter)
|
||||
box.addEventListener('dragover', dragOver);
|
||||
box.addEventListener('dragleave', dragLeave);
|
||||
box.addEventListener('drop', drop);
|
||||
});
|
||||
|
||||
function dragStart(e) {
|
||||
e.dataTransfer.setData('text/plain', e.target.id);
|
||||
|
||||
setTimeout(() => {
|
||||
e.target.classList.add('hide');
|
||||
}, 0);
|
||||
}
|
||||
|
||||
function dragEnter(e) {
|
||||
e.preventDefault();
|
||||
e.target.classList.add('drag-over'); //
|
||||
console.log('dragEnter')
|
||||
}
|
||||
|
||||
function dragOver(e) {
|
||||
e.preventDefault();
|
||||
e.target.classList.add('drag-over');
|
||||
console.log('dragOver')
|
||||
}
|
||||
|
||||
function dragLeave(e) {
|
||||
e.target.classList.remove('drag-over');
|
||||
item.classList.remove('hide');
|
||||
console.log('dragLeave')
|
||||
}
|
||||
|
||||
function drop(e) {
|
||||
e.target.classList.remove('drag-over');
|
||||
console.log('drop')
|
||||
|
||||
const id = e.dataTransfer.getData('text/plain');
|
||||
const draggable = document.getElementById(id);
|
||||
|
||||
e.target.appendChild(draggable);
|
||||
|
||||
draggable.classList.remove('hide');
|
||||
location.href = "https://zenith.chainsaw.co.kr/example/login_02";
|
||||
}
|
||||
</script>
|
||||
<?= $this->endSection() ?>
|
||||
|
||||
|
||||
@@ -0,0 +1,326 @@
|
||||
<?= $this->extend(config('Auth')->views['layout']) ?>
|
||||
|
||||
<?= $this->section('title') ?><?= lang('Auth.register') ?> <?= $this->endSection() ?>
|
||||
|
||||
<?= $this->section('content') ?>
|
||||
<div class="row container-fluid agree-container">
|
||||
<div class="card col-lg-6 col-12">
|
||||
<form action="" method="post">
|
||||
<h1 class="card-title">이용 약관 동의</h1>
|
||||
|
||||
<!-- 모두 동의 버튼 -->
|
||||
<button type="buttton">네, 모두 동의합니다.
|
||||
<input type="checkbox" name="chk_all" id="chk_all">
|
||||
<label for="chk_all"><i class="bi bi-check2"></i></label>
|
||||
</button>
|
||||
|
||||
<!-- agree-box -->
|
||||
<div class="card-body">
|
||||
<div class="row agree-box">
|
||||
<div class="title d-flex">
|
||||
<input type="checkbox" name="termsService" id="termsService">
|
||||
<label for="termsService"><i class="bi bi-check2"></i></label>
|
||||
<h2>이용약관<span> (필수)</span></h2>
|
||||
</div>
|
||||
<div class="info">
|
||||
<textarea readonly>
|
||||
체인소우 서비스 이용 약관
|
||||
본 이용약관의 목차는 아래와 같습니다.
|
||||
|
||||
제 1조 목적
|
||||
제 2조 용어의 정의
|
||||
제 3조 약관의 게시와 개정
|
||||
제 4조 약관의 해석
|
||||
제 5조 "이용계약" 체결
|
||||
제 6조 서비스의 내용
|
||||
제 7조 서비스 이용요금
|
||||
제 8조 "회원" 정보의 변경
|
||||
제 9조 개인정보보호 의무
|
||||
제 10조 "회원"의 "아이디" 및 "비밀번호"의 관리에 대한 의무
|
||||
제 11조 "회사"의 의무
|
||||
제 12조 "회원"의 의무
|
||||
제 13조 "서비스"의 제공 등
|
||||
제 14조 "서비스"의 변경
|
||||
제 15조 정보의 제공 및 광고의 게재
|
||||
제 16조 게시물의 삭제
|
||||
제 17조 게시물에 대한 저작권
|
||||
제 18조 개인위치정보의 이용 또는 제공
|
||||
제 19조 개인위치정보주체의 권리
|
||||
제 20조 법정대리인의 권리
|
||||
제 21조 8세 이하의 아동 등의 보호의무자의 권리
|
||||
제 22조 위치정보관리책임자의 지정
|
||||
제 23조 손해배상
|
||||
제 24조 이용제한 등
|
||||
제 25조 책임제한
|
||||
제 26조 준거법 및 재판관할
|
||||
--
|
||||
|
||||
제1조(목적)
|
||||
이 약관은 바이브알씨(주식회사 케어랩스 바이브알씨 사업부) (이하 “회사” 및 “바이브알씨”이라 함)이 제공하는 체인소우 서비스(이하 "서비스" 및 "체인소우"이라 함)의 이용과 관련하여 "회사"와 "회원"과의 권리, 의무 및 책임사항, 이용조건 및 절차 등 기본적인 사항을 규정함을 목적으로 합니다.
|
||||
|
||||
제2조(용어의 정의)
|
||||
이 약관에서 사용하는 용어의 정의는 다음과 같습니다.
|
||||
(1) "회원"이라 함은 "회사"의 "서비스"에 접속하여 이 약관에 따라 "회사"와 "이용계약"을 체결하고 "회사"가 제공하는 "서비스"를 이용하는 고객을 말합니다.
|
||||
(2) "아이디(ID)"라 함은 "회원"의 식별과 "서비스" 이용을 위하여 "회원"이 정하고 "회사"가 승인하는 문자와 숫자의 조합을 의미합니다.
|
||||
(3) "비밀번호"라 함은 "회원"이 부여 받은 "아이디"와 일치되는 "회원"임을 확인하고 비밀보호를 위해 "회원" 자신이 정한 문자 또는 숫자의 조합을 의미합니다.
|
||||
(4) "이용계약"이라 함은 이 약관을 포함하여 서비스 이용과 관련하여 "회사"와 "회원 간에 체결하는 모든 계약을 말합니다.
|
||||
(5) "해지"라 함은 "회사" 또는 "회원"이 "이용계약"을 해약하는 것을 말합니다.
|
||||
(6) "이용자"라 함은 "회사"에서 제공하는 "서비스" 또는 관련 제반 서비스를 이용하는 "회원"과 "비회원"을 말합니다.
|
||||
이 약관에서 사용하는 용어 중 제 2조에서 정하지 아니한 것은 관계 법령 및 서비스별 안내에서 정하는 바에 따르며, 그 외에는 일반 관례에 따릅니다.
|
||||
|
||||
제3조(약관의 게시와 개정)
|
||||
(1) "회사"는 이 약관의 내용을 "회원" 또는 개인위치정보주체가 쉽게 알 수 있도록 서비스 내 환경설정에 게시합니다.
|
||||
(2) "회사"는 "약관의 규제에 관한 법률", "정보통신망이용촉진 및 정보보호 등에 관한 법률(이하 "정보통신망법")" 등 관련법을 위배하지 않는 범위에서 이 약관을 개정할 수 있습니다.
|
||||
(3) "회사"가 약관을 개정할 경우에는 적용일자 및 개정사유를 명시하여 현행약관과 함께 제1항의 방식에 따라 그 개정약관의 적용일자 7일 전부터 적용일자 전 일까지 공지합니다. 다만, "회원"에게 불리한 약관의 개정의 경우에는 그 적용일자 30일 전부터 공지하고, 공지 외에 일정기간 서비스 내 로그인 시 동의창 등의 전자적 수단을 통해 따로 명확히 통지하도록 합니다.
|
||||
|
||||
(4) "회사"가 전항에 따라 개정약관을 공지 또는 통지하면서 "회원"에게 7일 또는30일 기간 내에 의사표시를 하지 않으면 의사표시가 표명된 것으로 본다는 뜻을 명확하게 공지 또는 통지하였음에도 "회원"이 명시적으로 거부의 의사표시를 하지 아니한 경우 "회원"이 개정약관에 동의한 것으로 봅니다.
|
||||
(5) "회원"이 개정약관의 적용에 동의하지 않는 경우 "회사"는 개정 약관의 내용을 적용할 수 없으며, 이 경우 "회원"은 "이용계약"을 해지할 수 있습니다. 또한, 기존 약관을 적용할 수 없는 특별한 사정이 있는 경우에 "회사"는 "이용계약"을 해지할 수 있습니다.
|
||||
|
||||
제4조(약관의 해석)
|
||||
(1) "회사"는 개별 서비스에 대해서는 별도의 이용약관 및 정책(이하 서비스 별 이용약관 또는 정책)을 둘 수 있으며, 해당 내용이 이 약관과 상충할 경우에는 "서비스 별 이용약관 또는 정책"을 우선하여 적용합니다.
|
||||
(2) 이 약관에서 정하지 아니한 사항이나 해석에 대해서는 관계법령 또는 상관례에 따릅니다.
|
||||
|
||||
제5조("이용계약" 체결)
|
||||
(1) "이용계약"은 "회원"이 되고자 하는 자(이하 가입신청자)가 약관의 내용에 대하여 동의를 한 다음 회원가입신청을 하고 "회사"가 이러한 신청에 대하여 승낙함으로써 체결됩니다.
|
||||
(2) "회사"는 "가입신청자"의 신청에 대하여 "서비스" 이용을 승낙함을 원칙으로 합니다. 다만, "회사"는 다음 각 호에 해당하는 신청에 대하여는 승낙을 하지 않거나 사후에 "이용계약"을 해지할 수 있습니다.
|
||||
가) 가입신청자가 이 약관에 의하여 이전에 회원자격을 상실한 적이 있는 경우, 단 "회사"의 회원 재가입 승낙을 얻는 경우에는 예외로 함.
|
||||
나) 타인의 명의를 이용한 경우
|
||||
다) 허위의 정보를 기재하거나, "회사"가 제시하는 내용을 기재하지 않은 경우
|
||||
라) "회원"의 귀책사유로 인하여 승인이 불가능하거나 기타 규정한 제반 사항을 위반하며 신청하는 경우
|
||||
마) 사회의 안녕질서 또는 미풍양속을 저해하거나, 저해할 목적으로 신청한 경우
|
||||
(3) "회사"는 서비스 관련 설비의 여유가 없거나, 기술상 또는 업무상 문제가 있는 경우에는 승낙을 유보할 수 있습니다.
|
||||
(4) 제 2항과 제 3항에 따라 회원가입신청의 승낙을 하지 아니하거나 유보한 경우, "회사"는 원칙적으로 이를 가입신청자에게 알리도록 합니다.
|
||||
(5) "이용계약"의 성립 시기는 "회사"가 가입완료를 신청절차 상에서 표시한 시점으로 합니다.
|
||||
(6) "회사"는 "가입신청자"가 관계 법령에서 규정하는 미성년자일 경우에 서비스별 안내에서 정하는 바에 따라 승낙을 보류할 수 있습니다.
|
||||
(7) "회사"는 "회원"에 대해 "회사" 정책에 따라 등급별로 구분하여 이용시간, 이용횟수, 서비스 메뉴 등을 세분하여 이용에 차등을 둘 수 있습니다.
|
||||
(8) "회사"는 "회원"에 대하여 "청소년보호법" 등에 따른 등급 및 연령 준수를 위해 이용제한이나 등급별 제한을 할 수 있습니다.
|
||||
|
||||
제6조(서비스의 내용)
|
||||
회사가 제공하는 서비스는 아래와 같습니다.
|
||||
(1) 서비스명: 체인소우
|
||||
(2) 서비스 내용: 이벤트 신청자 조회 및 안심채팅 기능 제공
|
||||
|
||||
제7조(서비스 이용요금)
|
||||
(1) "회사"가 제공하는 서비스는 회원제 무료입니다.
|
||||
(2) “회원”의 개인정보도용 등 법적분쟁으로 인한 정보 요구는 법률이 정한 경우 외에는 거절될 수 있습니다.
|
||||
(3) 무선 서비스 이용 시 발생하는 데이터 통신료는 별도이며 가입한 각 이동통신사의 정책에 따릅니다.
|
||||
|
||||
제8조("회원" 정보의 변경)
|
||||
(1) "회원"은 개인정보관리화면을 통하여 언제든지 본인의 개인정보를 열람하고 수정할 수 있습니다. 다만, 서비스 관리를 위해 필요한 이메일 등은 수정이 불가능합니다.
|
||||
(2) "회원"은 회원가입신청 시 기재한 사항이 변경되었을 경우 온라인으로 수정을 하거나 전자우편 등 기타 방법으로 "회사"에 대하여 그 변경사항을 알려야 합니다.
|
||||
(3) 제2항의 변경사항을 "회사"에 알리지 않아 발생한 불이익에 대하여 "회사"는 책임지지 않습니다.
|
||||
|
||||
제9조(개인정보보호 의무)
|
||||
(1) "회사"는 "정보통신망법" 등 관계 법령이 정하는 바에 따라 "회원"의 개인정보를 보호하기 위해 노력합니다. 개인정보의 보호 및 사용에 대해서는 관련법 및 "회사"의 개인정보처리방침이 적용됩니다. 다만, "회사"의 공식 사이트 이외의 링크된 사이트에서는 "회사"의 개인정보 처리방침이 적용되지 않습니다.
|
||||
|
||||
제10조("회원"의 "아이디" 및 "비밀번호"의 관리에 대한 의무)
|
||||
(1) "회원"의 "아이디"와 "비밀번호"에 관한 관리책임은 "회원"에게 있으며, 이를 제3자가 이용하도록 하여서는 안 됩니다.
|
||||
(2) "회원"은 "아이디" 및 "비밀번호"가 도용되거나 제3자가 사용하고 있음을 인지한 경우에는 이를 즉시 "회사"에 통지하고 "회사"의 안내에 따라야 합니다.
|
||||
(3) 제2항의 경우에 해당 "회원"이 "회사"에 그 사실을 통지하지 않거나, 통지한 경우에도 "회사"의 안내에 따르지 않아 발생한 불이익에 대하여 "회사"는 책임지지 않습니다.
|
||||
(4) "회원"의 "아이디"는 원칙적으로 변경이 불가하며 부득이한 사유로 인하여 변경하고자 하는 경우에는 해당 "아이디"를 해지하고 재가입해야 합니다.
|
||||
(5) "서비스"의 회원 아이디는 "회원" 본인의 동의 하에 "회사" 또는 자회사가 운영하는 사이트의 회원 아이디와 연결될 수 있습니다.
|
||||
(6) "회원"의 "아이디"는 다음 각 호에 해당하는 경우에는 "회원"의 요청 또는 "회사"의 직권으로 변경 또는 이용을 정지할 수 있습니다.
|
||||
가) "회사"는 "회원"의 "아이디"가 전화번호 등으로 등록되어 개인정보 유출이 우려되는 경우
|
||||
나) 타인에게 혐오감을 주거나 반사회적 미풍양속에 어긋나는 경우
|
||||
다) "회사" 및 "회사"의 운영자로 오인할 우려가 있는 경우
|
||||
라) 기타 합리적인 사유가 있는 경우
|
||||
|
||||
제11조("회사"의 의무)
|
||||
(1) "회사"는 "회원"이 희망한 "서비스" 제공 개시일에 특별한 사정이 없는 한 "서비스"를 이용할 수 있도록 하여야 합니다.
|
||||
(2) "회사"는 "회원"이 안전하게 "서비스"를 이용할 수 있도록 개인정보 보호를 위해 보안시스템을 갖추어야 하며 개인정보처리방침을 공시하고 준수합니다.
|
||||
(3) "회사"는 서비스 이용과 관련하여 발생하는 "이용자"의 불만 또는 피해구제요청을 적절하게 처리할 수 있도록 필요한 인력 및 시스템을 구비합니다.
|
||||
(4) "회사"는 서비스 이용과 관련하여 "회원"으로부터 제기되는 의견이나 불만이 정당하다고 객관적으로 인정될 경우에는 적절한 절차를 거쳐 이를 처리하여야 합니다. "회원"이 제기한 의견이나 불만사항에 대해서는 게시판을 활용하거나 전자우편 등을 통하여 "회원"에게 처리과정 및 결과를 전달합니다.
|
||||
|
||||
제12조("회원"의 의무)
|
||||
(1) "회원"은 회원가입 신청 또는 회원정보 변경 시 모든 사항을 사실에 근거하여 본인의 진정한 정보로 작성하여야 하며, 허위 또는 타인의 정보를 등록할 경우 이와 관련된 모든 권리를 주장할 수 없습니다.
|
||||
(2) "회원"은 약관에서 규정하는 사항과 기타 "회사"가 정한 "운영정책" 등의 제반 규정, 공지사항 등 "회사"가 공지하는 사항 및 관계 법령을 준수하여야 하며, 기타 "회사"의 업무에 방해가 되는 행위, "회사"의 명예를 손상시키는 행위, 타인에게 피해를 주는 행위를 해서는 안 됩니다.
|
||||
(3) "회원"은 "회사"의 사전 승낙 없이 서비스를 이용하여 영업활동을 할 수 없으며, 그 영업활동의 결과에 대해 "회사"는 책임을 지지 않습니다. 또한 "회원"은 이와 같은 영업활동으로 "회사"가 손해를 입은 경우, "회원"은 "회사"에 대해 손해배상의무를 지며, "회사"는 해당 "회원"에 대해 서비스 이용제한 및 적법한 절차를 거쳐 손해배상 등을 청구할 수 있습니다.
|
||||
(4) "회원"은 "회사"의 명시적 동의가 없는 한 서비스의 이용권한, 기타 이용계약상의 지위를 타인에게 양도, 증여할 수 없으며 이를 담보로 제공할 수 없습니다.
|
||||
(5) "회원"은 "회사" 및 기타 제3자의 지적 재산권을 포함한 제반 권리를 침해하는 행위를 해서는 안 됩니다.
|
||||
|
||||
|
||||
제13조("서비스"의 제공 등)
|
||||
(1) "회사"는 "회원"에게 제공하는 일체의 서비스 등 "회원"이 인터넷과 웹사이트를 이용할 수 있는 다양한 서비스를 제공합니다.
|
||||
(2) 서비스 이용은 "회사"의 업무상 또는 기술상 특별한 지장이 없는 한 연중무휴, 1일 24시간 운영을 원칙으로 합니다. 단, "회사"는 시스템 정기점검, 증설 및 교체를 위해 "회사"가 정한 날이나 시간에 "서비스"를 일시 중단할 수 있으며, 예정되어 있는 작업으로 인한 서비스 일시 중단은 "서비스" 내 공지사항 등을 통해 사전에 공지합니다.
|
||||
(3) "회사"는 컴퓨터 등 정보통신설비의 보수점검, 교체 및 고장, 통신두절 또는 운영상 상당한 이유가 있는 경우 사전 예고 없이 일시적으로 "서비스"의 전부 또는 일부를 중단할 수 있습니다. 이 경우 "회사"는 "회원"이 "서비스"에 등록한 전자우편 주소 또는 "회사"의 게시판, "서비스"의 공지사항에 게시하여 "회원"에게 통지합니다. 다만, "회사"가 사전에 통지할 수 없는 부득이한 사유가 있는 경우 사후에 통지할 수 있습니다.
|
||||
|
||||
제14조("서비스"의 변경)
|
||||
(1) "회사"는 상당한 이유가 있는 경우에 운영상, 기술상의 필요에 따라 제공하고 있는 전부 또는 일부 "서비스"를 변경할 수 있습니다.
|
||||
(2) "서비스"의 내용, 이용방법, 이용시간에 대하여 변경이 있는 경우에는 변경사유, 변경될 서비스의 내용 및 제공일자 등은 그 변경 전에 해당 서비스 초기화면에 게시하여야 합니다.
|
||||
(3) "회사"는 무료로 제공되는 서비스의 일부 또는 전부를 "회사"의 정책 및 운영의 필요상 수정, 중단, 변경할 수 있으며, 이에 대하여 관련법에 특별한 규정이 없는 한 "회원"에게 별도의 보상을 하지 않습니다.
|
||||
|
||||
제15조(정보의 제공 및 광고의 게재)
|
||||
(1) "회사"는 "서비스"를 운영함에 있어 각종 정보를 서비스화면에 게재하거나 문자메시지, 전자우편, 어플리케이션 Push 알림 등의 방법으로 "이용자"에게 제공할 수 있습니다.
|
||||
(2) "회사"는 서비스의 운영과 관련하여 홈페이지, 서비스화면, 문자메시지, 전자우편, 어플리케이션 Push 알림 등에 광고 등을 게재할 수 있습니다. 다만, "회사"가 광고 등을 문자메시지, 전자우편, 어플리케이션 Push 알림 등을 이용하여 발송하는 경우 수신 동의 여부를 확인한 후 수신 동의한 "이용자"에 한하여 이를 발송합니다.
|
||||
(3) "이용자"는 "회사"가 제공하는 서비스와 관련하여 게시물 또는 기타 정보를 변경, 수정, 제한하는 등의 조치를 취하지 않습니다.
|
||||
(4) "이용자"가 서비스상에 게재되어 있는 광고를 이용하거나 서비스를 통한 광고주의 판촉활동에 참여하는 등의 방법으로 교신 또는 거래를 하는 것은 전적으로 "이용자"와 광고주 간의 문제입니다. 만약 "이용자"와 광고주간에 문제가 발생할 경우에도 "이용자"와 광고주가 직접 해결하여야 하며, 이와 관련하여 “회사”가 광고주의 위법행위에 적극 가담하였다거나, 위법행위를 고의 또는 중과실로 방치하였다는 등의 사정이 없는 한 "회사"는 어떠한 책임도 부담하지 않습니다.
|
||||
|
||||
|
||||
제16조(게시물의 삭제)
|
||||
(1) "회사"는 "회원"이 게시하거나 전달하는 서비스 내의 모든 "게시물"(텍스트, 이미지, 동영상, 각종 파일, 링크, 댓글 등을 모두 포함)이 다음 각 호의 어느 하나에 해당한다고 판단되는 경우 사전 통지 없이 삭제할 수 있으며, 이에 대해 "회사"는 어떠한 책임도 부담하지 않습니다.
|
||||
|
||||
가) 사회 질서 및 기타 선량한 풍속 위반 게시물
|
||||
ㄱ) 국가 이념을 훼손하거나 자유민주적 기본질서를 현저히 위태롭게 할 우려가 있는 정보를 게시한 경우
|
||||
ㄴ) 성별, 종교, 장애, 연령, 사회적 신분, 인종, 지역, 직업 등을 차별하거나 이에 대한 편견을 조정하는 내용을 작성하는 경우
|
||||
ㄷ) 장애인, 노인, 임산부, 아동 등 사회적인 약자 또는 부모, 스승에 대한 살상, 폭행, 협박, 학대행위 등을 구체적으로 묘사하는 경우
|
||||
ㄹ) 무기 또는 흉기 등을 사용하여 과도하게 신체 또는 시체를 손상하는 등 생명을 경시하는 잔혹한 내용을 작성한 경우
|
||||
ㅁ) 자살을 목적으로 하거나 이를 미화, 방조 또는 권유아혀 자살 충동을 일으킬 우려가 있는 정보를 작성한 경우
|
||||
ㅂ) 타인에게 불쾌감을 유발할 수 있는 거친 언어 또는 욕설과 저속한 비어, 은어, 속어를 사용한 경우
|
||||
ㅅ) 근거 없는 비방을 하거나 허위사실을 유포 또는 선동하는 글을 게시한 경우
|
||||
ㅇ) 도박 등 사행심을 조장하는 내용을 작성한 경우
|
||||
|
||||
나) 음란성 게시물
|
||||
ㄱ) 외설적인 내용으로 성적 수치심과 불쾌감을 유발하고 일반인의 성 관념에 위배되는 경우
|
||||
ㄴ) 과도한 신체노출, 남녀의 성기를 저속하게 표현한 내용이나 음란한 성행위 등을 묘사한 경우
|
||||
ㄷ) 일반인이 보기에 혐오감을 유발하는 사진, 그래픽, 비디오 및 내용을 작성한 경우(인간/동물의 사체 또는 훼손된 모습, 방뇨/배설/살인/자살의 장면 등)
|
||||
ㄹ) 음란성 소프트웨어, 음악, 사진, 그래픽, 비디오 등을 광고하는 내용을 작성하거나 음란한 게시물을 게재하고 있는 타 사이트의 링크를 제공하는 경우
|
||||
ㅁ) 윤락행위를 알선하거나 성행위를 목적으로 만남을 유도하는 경우
|
||||
ㅂ) 아동 또는 청소년을 성적 유희의 대상으로 직접적이고 구체적으로 묘사한 경우
|
||||
|
||||
다) 개인정보 침해 및 명예훼손 게시물
|
||||
ㄱ) 개인정보 유포 등 사생활의 비밀과 자유를 침해할 우려가 현저한 내용을 작성한 경우
|
||||
ㄴ) 정당한 권한 없이 타인의 사진, 영상 등을 게재하여 타인의 인격권을 현저히 침해하는 내용을 작성한 경우
|
||||
ㄷ) 비방할 목적으로 공연히 타인을 모욕하거나 사실 또는 허위의 사실을 적시하여 타인의 명예를 훼손하는 경우
|
||||
|
||||
라) 저작권 침해 게시물
|
||||
ㄱ) 저작권자의 동의 없이 방송, 음원, 영화, 소설, 모바일 게임, 만화 등의 타인의 지적 활동으로 창출된 결과물 등을 복제, 배포, 전송하는 경우
|
||||
ㄴ) 저작권자의 권리에 속하는 상표권, 의장권 등을 무단으로 침해하는 경우
|
||||
ㄷ) 저작권이 걸려있는 소프트웨어 등을 동의 없이 무료로 다운로드 할 수 있게 하거나, CD 키 자동생성 프로그램 등을 공유하는 경우
|
||||
ㄹ) 정당한 권한 없이 타인의 상표 또는 저작물 등을 사용, 실시 또는 매개하는 등 특허권, 상표권, 디자인권, 저작권 등 지적재산권을 침해하는 경우
|
||||
|
||||
마) 기타 제재 게시물
|
||||
ㄱ) 동일한 내용을 여러개 나열, 혹은 각 게시판 마다 같은 내용을 반복적으로 등록하는 경우
|
||||
ㄴ) 관리자 사칭 등 커뮤니티 서비스를 본 목적에 어긋나게 사용하는 경우
|
||||
ㄷ) 여러 차례에 걸쳐 제한사유에 해당하지 않는 내용에 대해 신고한 것이 악의적이라고 판단되는 경우 게시물 제재 기준 및 이용자 제재 기준/종류는 "서비스" 내 "운영정책"을 따릅니다.
|
||||
(2) "회원"이 "서비스"에 등록하는 "게시물" 등으로 인하여 본인 또는 타인에게 손해나 기타 문제가 발생하는 경우 "회원"은 이에 대한 책임을 지게 되며, "회사"는 특별한 사정이 없는 한 이에 대하여 책임을 지지 않습니다.
|
||||
(3) "회사"는 "게시물"에 대하여 제3자로부터 명예훼손, 지적재산권 등의 권리침해를 이유로 게시중단 요청을 받은 경우 이를 임시로 게시중단(전송중단)할 수 있으며, 게시중단 요청자와 게시물 등록자 간에 소송, 합의 기타 이에 준하는 관련기관의 결정 등이 이루어져 "회사"에 접수된 경우 이에 따릅니다.
|
||||
|
||||
제17조(게시물에 대한 저작권)
|
||||
(1) "회원"이 "서비스" 내에 게시한 게시물은 저작권법에 의해 보호를 받습니다. 다만 "회사"가 작성한 게시물에 대한 저작권 등 제 권리는 "회사"에 귀속됩니다.
|
||||
(2) "회원"은 자신의 게시물을 "회사"가 국내외에서 다음 각 호의 어느 하나의 목적으로 사용하는 것을 허락합니다.
|
||||
가) "회사"의 "서비스" 또는 "회사"의 공식 사이트 이외의 "회사"의 업무와 연계된 사이트 내에서 "회원"의 "게시물"의 복제, 전송, 전시 및 우수 게시물을 "회사"의 "서비스" 또는 "회사"의 공식 사이트 이외의 "회사"의 업무와 연계된 사이트 화면 등에 노출하기 위하여 "회원" 게시물의 크기를 변환하거나 이미지 변경, 단순화하는 등의 방식으로 수정하는 것
|
||||
나) "회사"의 "서비스"를 홍보하기 위한 목적으로 미디어, 언론기관 등에게 "회원"의 "게시물" 내용을 보도, 방영하게 하는 것. 단, 이 경우 "회사"는 "회원"의 개별 동의 없이 미디어, 언론기관 등에게 개인정보를 제공하지 않습니다.
|
||||
(3) 전항의 규정에도 불구하고 "회사"가 "회원"의 게시물을 전항 각 호의 어느 하나에 기재된 목적 이외의 방법으로 사용하는 경우에는 사전에 해당 "회원"으로부터 동의를 얻어야 합니다. 게시물에 대한 "회사"의 사용 요청, "회원"의 동의 및 동의철회는 전화, 전자우편 등 "회사"가 요청하는 방식에 따릅니다. 이 경우 "회사"는 "게시물"의 출처를 표시합니다.
|
||||
(4) "회원"이 "서비스"의 "이용계약"을 "해지" 하더라도 "회원"의 명의로 "서비스"에 등록한 게시물을 삭제되지 않습니다. "회원"은 자신의 게시물이 회원 탈퇴 후 "서비스"에서 이용되는 것을 원하지 않는 경우 회원 탈퇴 전에 직접 "게시물"을 삭제하여야 합니다.(단, 제3자가 다시 게시하거나 저장…
|
||||
</textarea>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row agree-box">
|
||||
<div class="title d-flex">
|
||||
<input type="checkbox" name="termsPrivacy" id="termsPrivacy">
|
||||
<label for="termsPrivacy"><i class="bi bi-check2"></i></label>
|
||||
<h2>개인정보 처리방침<span> (필수)</span></h2>
|
||||
</div>
|
||||
<div class="info">
|
||||
<textarea name="name" cols="3" rows="3" readonly="">개인정보처리(취급)방침
|
||||
바이브알씨(주식회사 케어랩스 바이브알씨 사업부) (이하 “회사” 및 “바이브알씨”이라 함)은 이용자의 개인정보를 매우 중요하게 생각하며, 정보통신 서비스 제공자가 준수하여야 하는 관련 법령 및 규정을 준수하고 있습니다. 본 개인정보처리방침은 회사의 웹사이트 및 모바일 웹 등에 적용되며, 다음과 같은 내용을 담고 있습니다.
|
||||
|
||||
(1) 바이브알씨가 수집하고 있는 회원의 개인정보
|
||||
(2) 개인정보의 수집 및 이용 목적
|
||||
(3) 개인정보의 제 3자 제공
|
||||
(4) 개인정보의 처리 위탁
|
||||
(5) 개인정보 보유 및 이용 기간
|
||||
(6) 개인정보 파기절차 및 방법
|
||||
(7) 이용자 및 법정 대리인의 권리
|
||||
(8) 쿠키의 운영 및 수집 거부 방법
|
||||
(9) 개인정보 보호를 위한 기술적/권리적 보호 대책
|
||||
(10) 개인정보 보호책임자 및 담당부서
|
||||
(11) 링크 사이트에 대한 책임
|
||||
(12) 개인정보처리방침의 고지 의무
|
||||
--
|
||||
|
||||
(1) 바이브알씨가 수집하고 있는 회원의 개인정보
|
||||
가. 수집하는 개인정보의 항목 필수항목: ID(이메일 또는 SNS 계정), 비밀번호, 성명, 휴대전화 번호, 성별, 나이 등의 정보는 회원가입 시 바이브알씨의 개인정보 수집이용취급 방침에 동의하는 경우에 수집됩니다. 바이브알씨에서는 또한 아래의 항목들에 대해서도 안정된 서비스 제공을 위해 합법적인 절차로 수집할 수 있습니다.
|
||||
ㄱ) IP Address, 쿠키, 방문 일시, 서비스 이용 기록, 불량 이용 기록, 광고식별자
|
||||
ㄴ) 사용 이동통신사
|
||||
나. 개인정보 수집방법 회사는 다음과 같은 방법으로 개인정보를 수집하고 있습니다.
|
||||
- 모바일 앱, 홈페이지 내 이벤트 신청 페이지
|
||||
다. 개인정보 보관방법 회사는 아래의 서버 호스팅 서비스를 이용해, “1조 가”항에 해당하는 개인정보를 보관하고 있습니다.
|
||||
- 회원의 개인정보는 하나로 호스팅 서버에 저장됩니다
|
||||
|
||||
(2) 개인정보의 수집 및 이용 목적 회사는 아래와 같은 목적으로 서비스 제공을 위한 최소한의 개인정보만을 수집하며, 수집한 정보를 목적 외로 사용하거나, 이용자의 동의 없이 외부에 공개하지 않습니다.
|
||||
가) 회원관리: 서비스 제공에 따른 개인식별, 가입의사 확인, 이용약관 등 위반 회원에 대한 이용제한 조치, 가입 및 가입횟수 제한, 서비스 부정 이용 제재, 비인가 사용 방지, 법정대리인 동의 없는 만 14세 미만 아동의 가입 방지(추후 법정 대리인 본인 확인), 고충 처리 및 분쟁 조정을 위한 기록 보존, 고지사항 전달, 회원탈퇴 의사의 확인
|
||||
나) 신규 서비스 개발 및 마케팅 광고에의 활용: 신규 서비스 개발 및 맞춤 서비스 제공, 인구통계학적 특성에 따른 서비스 제공 및 광고 게재, 서비스의 유효성 확인, 이벤트/광고성 정보 및 참여 기회 제공, 접속빈도 파악, 회원의 서비스 이용에 대한 통계
|
||||
|
||||
(3) 개인정보의 제 3자 제공
|
||||
회사는 회원의 개인정보를 동의 없이 제3자에게 제공하지 않습니다. 다만, 법령의 규정에 의한 경우는 예외로 합니다.
|
||||
|
||||
(4) 개인정보의 처리 위탁
|
||||
회사는 향상된 서비스 제공을 위하여 전문업체에 일부 서비스를 위탁 처리하고 있습니다. 회사는 위탁 시 관련법령에 따라 개인정보가 안전하게 관리될 수 있도록 필요한 조치를 취하고 있으며, 위탁 처리기관의 해당 업무에 필요한 최소한의 개인정보만 전달됩니다.
|
||||
|
||||
(5) 개인정보 보유 및 이용 기간
|
||||
회사는 원칙적으로 이용자의 개인정보 수집/이용 목적이 달성되면 지체 없이 파기합니다. 단, 다음의 경우는 예외로 합니다.
|
||||
|
||||
보존근거: 통신비밀보호법
|
||||
보존기록 / 보유기간: 방문기록 / 3개월
|
||||
|
||||
보존근거: 회사 내부 방침(부정가입 및 이용 방지, 사법기관 수사의뢰 시 증거자료)
|
||||
보존기록 / 보유기간: 개인정보 및 부정이용기록(불량 혹은 비정상 이용 기록): 이름, 휴대전화번호, 이메일주소, IP, 로그기록 / 6개월
|
||||
|
||||
보존근거: 회사 내부 방침(이벤트 신청 이용에 따른 소비자의 불만 또는 분쟁처리에 관한 기록 보존)
|
||||
보존기록 / 보유기간: 이벤트 신청 등 서비스 이용 기록(이름, 휴대전화번호, 성별, 생년, 문의사항) / 3년
|
||||
|
||||
보존근거: 정보통신망법
|
||||
보존기록 / 보유기간: 1년 간 서비스를 이용하지 않은 회의원 개인정보 / 1년
|
||||
|
||||
(6) 개인정보 파기절차 및 방법
|
||||
회사는 원칙적으로 개인정보 처리목적이 달성된 경우 지체없이 해당 개인정보를 파기하며, 파기절차 및 파기방법은 다음과 같습니다.
|
||||
가. 파기절차 이용자가 회원가입 등을 위해 입력한 정보는 수집 목적이 달성된 후 별도의 DB에 옮겨져(종이의 경우 별도의 서류) 내부 방침 및 기타 관련 법령에 따라 일정기간 저장된 후 혹은 즉시 파기됩니다. 이 때, 별도의 DB로 옮겨진 개인정보는 법률에 의한 경우 외에는 다른 목적으로 이용되지 않습니다.
|
||||
나. 파기방법 전자적 파일 형태의 정보는 기록을 재생할 수 없는 기술적 방법을 사용하여 삭제하며, 종이에 출력된 정보는 분쇄기로 분쇄하거나 소각하여 파기합니다.
|
||||
|
||||
(7) 이용자 및 법정대리인의 권리
|
||||
이용자 또는 법정대리인은 회사에 대해 언제든지 자신 혹은 만 14세 미만 아동의 개인정보보호 관련 권리를 행사할 수 있습니다. 이용자 또는 법정대리인은 회사의 개인정보 처리에 동의하지 않는 경우 동의 철회 혹은 회원 탈퇴를 요청할 수 있습니다. 단, 이경우 서비스의 일부 또는 전부의 이용이 어려울 수 있습니다.
|
||||
가. 개인정보 조회, 수정을 위해서는 서비스 내 "기본정보 수정"을, 회원탈퇴를 위해서는 회사의 전자우편 또는 전화를 통해 탈퇴 신청을 한 후 본인 확인 절차를 걸치고 직접 열람, 정정 또는 탈퇴가 가능합니다.
|
||||
나. 개인정보 보호책임자에게 서면, 전화 또는 이메일로 연락한 경우에도 지체 없이 조치합니다.
|
||||
다. 이용자가 개인정보의 오류에 대한 정정을 요청하는 경우에는 정정을 완료하기 전까지 당해 개인정보를 이용 또는 제공하지 않습니다. 또한 잘못된 개인정보를 제 3자에게 이미 제공한 경우에는 정정 처리결과를 제 3자에게 지체 없이 통지하여 정정이 이루어지도록 하겠습니다.
|
||||
라. 회사는 이용자 또는 법정 대리인의 요청에 의해 해지 또는 삭제된 개인정보를 "(5) 개인정보의 보유 및 이용기간"에 명시된 바에 따라 처리하고 그 외의 용도로 열람 또는 이용할 수 없도록 처리하고 있습니다.
|
||||
|
||||
(8) 쿠키의 운영 및 수집 거부 방법
|
||||
가. 회사는 이용자에게 맞춤형 서비스를 제공하고, 보다 신속한 서비스 제공을 위해 이용자에 대한 정보를 저장하고 수시로 불러오는 ‘쿠키(Cookie)’를 사용합니다. 쿠키란 웹사이트 방문 시, 서버가 이용자의 하드디스크에 저장하는 작은 기록 정보 파일을 말합니다. 이후 이용자가 웹사이트에 방문할 경우 웹사이트 서버는 이용자의 하드디스크에 저장되어 있는 쿠키의 내용을 읽어 이용자의 환경설정을 유지하고 맞춤화된 서비스를 제공합니다. 쿠키는 개인을 식별하는 정보를 자동적•능동적으로 수집하지 않으며, 이용자는 언제든지 이러한 쿠키의 저장을 거부하거나 삭제할 수 있습니다. 단, 쿠키 저장을 거부하는 경우에는 일부 서비스 이용이 어려울 수 있습니다.
|
||||
나. 쿠키의 설치 / 운용 및 거부 방법 안내 이용자는 사용하는 웹 브라우저의 옵션을 설정함으로써 모든 쿠키를 허용 혹은 거부하거나, 쿠키가 저장될 때마다 확인을 거치도록 지정할 수 있습니다. - Internet Explorer 의 경우 [도구] 메뉴에서 [인터넷 옵션]을 선택합니다. [개인정보 탭]에서 설정합니다. [개인정보취급 수준]을 설정합니다. - Chrome의 경우 [설정] 하단 [고급설정 표시]를 클릭합니다. [개인정보] 컨텐츠 설정 -> [쿠키] 영역에서 원하시는 정책을 선택합니다.
|
||||
|
||||
(9) 개인정보 보호를 위한 기술적/권리적 보호 대책
|
||||
“회사”는 이용자들의 개인정보 보호를 위해 다음과 같은 기술적∙관리적 노력을 하고 있습니다.
|
||||
가. 개인정보 암호화 이용자의 비밀번호 등 중요정보는 암호화되어 저장, 관리되고 있으며, 개인정보의 확인 및 변경은 본인에 의해서만 가능합니다.
|
||||
나. 해킹 등에 대비한 대책 회사는 해킹이나 악성코드에 의하여 이용자들의 개인정보가 유출• 훼손되는 것을 방지하기 위하여 침입차단 시스템을 24시간 운영하여 외부로부터의 무단접근을 통제하고 있으며, 백신 프로그램을 설치하여 시스템이 악성코드나 바이러스에 감염되지 않도록 노력하고 있습니다. 또한 개인정보의 훼손에 대비하여 자료를 수시로 백업하고 있고, 암호화통신 등을 통하여 네트워크 상에서 개인정보를 안전하게 전송할 수 있도록 하고 있습니다. 더불어 회사는 더욱 안전한 개인정보 처리를 위해 최대한의 기술적 방법을 구비하기 위해 노력하고 있습니다.
|
||||
다. 개인정보 처리 직원의 최소화 및 교육 회사는 개인정보를 처리하는 직원을 최소한으로 제한하고 있으며, 관련 직원들에 대한 수시 교육을 실시하여 개인정보처리방침의 중요성을 인지시키고 있습니다.
|
||||
|
||||
(10) 개인정보 보호책임자 및 담당부서
|
||||
이용자는 회사의 서비스를 이용하는 중 발생하는 모든 개인정보 관련 문의, 불만처리 등에 관한 사항을 개인정보 보호책임자 혹은 담당부서로 문의할 수 있습니다. 회사는 이용자의 문의에 대한 신속하고 성실한 답변 및 처리를 위해 노력하고 있습니다.
|
||||
|
||||
[개인정보 보호 책임자]
|
||||
- 개인정보 보호책임자: 김창기
|
||||
- 담당부서/직위: 바이브알씨 본부/본부장
|
||||
- 전화번호: 02-6247-1001
|
||||
- 이메일 주소: kimcg@carelabs.co.kr
|
||||
|
||||
기타 개인정보침해에 대한 신고나 상담이 필요하신 경우에는 아래 기관으로 문의하시기 바랍니다.
|
||||
- 개인정보침해신고센터, 개인정보 분쟁조정위원회(privacy.kisa.or.kr / 국번없이 118)
|
||||
- 대검찰청 사이버수사과(www.spo.go.kr / 02-3480-3571)
|
||||
- 경찰청 사이버테러대응센터(www.ctrc.go.kr / 1566-0112)
|
||||
|
||||
(11) 링크 사이트에 대한 책임
|
||||
회사는 이용자에게 다른 웹사이트에 대한 링크를 제공할 수 있습니다. 그러나 링크 웹사이트들은 회사의 개인정보처리방침이 적용되지 않을 수 있으므로 해당 링크를 통해 외부 웹사이트로 이동하는 경우, 해당 서비스의 정책을 검토하시기 바랍니다.
|
||||
|
||||
(12) 개인정보처리방침의 고지 의무
|
||||
회사는 개인정보처리방침에 대한 변경이 있을 경우에는 개정 개인정보처리방침의 시행일로부터 최소 7일 전에 홈페이지/모바일 앱의 공지사항 또는 이메일을 통해 고지합니다. 또한, 필요 시 이용자 동의를 다시 받을 수도 있습니다.
|
||||
|
||||
부 칙
|
||||
가) 본 개인정보취급방침은 2018년 1월 1일부터 적용됩니다.
|
||||
나) 시행되던 종전의 개인정보취급방침은 본 방침으로 대체됩니다
|
||||
|
||||
- 개인정보 처리방침 제정일자: 2013. 5. 24
|
||||
- 개인정보 처리방침 최종 변경 개정일자: 2018. 1. 1</textarea>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!--가입 확인버튼 -->
|
||||
<div class="row">
|
||||
<a href="#" id="btnAgree" role="button" class="confirm_agree">확인</a>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
<?= $this->endSection() ?>
|
||||
@@ -0,0 +1,219 @@
|
||||
<?=$this->extend('templates/front_example.php');?>
|
||||
|
||||
<?=$this->section('title');?>
|
||||
ZENITH - 사이트 맵
|
||||
<?=$this->endSection();?>
|
||||
|
||||
<?=$this->section('content');?>
|
||||
<div class="sub-contents-wrap siteMap-container">
|
||||
<div class="title-area">
|
||||
<h2 class="page-title">사이트 맵</h2>
|
||||
</div>
|
||||
|
||||
<div class="sitemap-wrap">
|
||||
<div class="section client-list advertiser">
|
||||
<h3 class="content-title toggle"><i class="bi bi-chevron-up"></i> 광고관리</h3>
|
||||
<div class="row">
|
||||
<div class="col">
|
||||
<div class="inner">
|
||||
<button type="button"><a href="/example/facebook">페이스북</a></button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col">
|
||||
<div class="inner">
|
||||
<button type="button"><a href="/example/kakao">카카오 모먼트</a></button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col">
|
||||
<div class="inner">
|
||||
<button type="button"><a href="/example/google">구글 에드워즈</a></button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col">
|
||||
<div class="inner">
|
||||
<button type="button"><a href="/example/etc">기타 광고관리</a></button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="section client-list advertiser">
|
||||
<h3 class="content-title toggle"><i class="bi bi-chevron-up"></i> 통합 DB관리</h3>
|
||||
<div class="row">
|
||||
<div class="col">
|
||||
<div class="inner">
|
||||
<button type="button"><a href="/example/db">통합 DB관리</a></button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="section client-list advertiser">
|
||||
<h3 class="content-title toggle"><i class="bi bi-chevron-up"></i> 회계관리</h3>
|
||||
<div class="row">
|
||||
<div class="col">
|
||||
<div class="inner">
|
||||
<button type="button"><a href="/example/unpaid">미수금 관리</a></button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col">
|
||||
<div class="inner">
|
||||
<button type="button"><a href="/example/withdraw">출금요청</a></button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col">
|
||||
<div class="inner">
|
||||
<button type="button"><a href="/example/withdraw_list">업체목록</a></button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col">
|
||||
<div class="inner">
|
||||
<button type="button"><a href="/example/tax">세금계산서 요청</a></button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col">
|
||||
<div class="inner">
|
||||
<button type="button"><a href="/example/tax_list">업체목록<br>(세금 계산서)</a></button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="section client-list advertiser">
|
||||
<h3 class="content-title toggle"><i class="bi bi-chevron-up"></i>인사관리</h3>
|
||||
<div class="row">
|
||||
<div class="col">
|
||||
<div class="inner">
|
||||
<button type="button"><a href="/example/manage">시간차 관리</a></button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="section client-list advertiser">
|
||||
<h3 class="content-title toggle"><i class="bi bi-chevron-up"></i> 이벤트</h3>
|
||||
<div class="row">
|
||||
<div class="col">
|
||||
<div class="inner">
|
||||
<button type="button"><a href="/example/event_manage">이벤트 관리</a></button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col">
|
||||
<div class="inner">
|
||||
<button type="button"><a href="/example/client_manage">광고주 관리</a></button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col">
|
||||
<div class="inner">
|
||||
<button type="button"><a href="/example/media_manage">매체 관리</a></button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col">
|
||||
<div class="inner">
|
||||
<button type="button"><a href="/example/change_manage">전환 관리</a></button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col">
|
||||
<div class="inner">
|
||||
<button type="button"><a href="/example/exel">엑셀 업로드</a></button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="section client-list advertiser">
|
||||
<h3 class="content-title toggle"><i class="bi bi-chevron-up"></i>백엔드 작업</h3>
|
||||
<div class="row">
|
||||
<div class="col">
|
||||
<div class="inner">
|
||||
<button type="button"><a href="/user/belong/1">사용자 소속 변경</a></button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col">
|
||||
<div class="inner">
|
||||
<button type="button"><a href="/board/list">게시판</a></button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col">
|
||||
<div class="inner">
|
||||
<button type="button"><a href="/company/list">광고주,대행사 관리</a></button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col">
|
||||
<div class="inner">
|
||||
<button type="button"><a href="/guest">회원가입 승인 대기</a></button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="section client-list advertiser">
|
||||
<h3 class="content-title toggle"><i class="bi bi-chevron-up"></i>가이드 페이지</h3>
|
||||
<div class="row">
|
||||
<div class="col">
|
||||
<div class="inner">
|
||||
<button type="button"><a href="/example/modal">모달 전체</a></button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col">
|
||||
<div class="inner">
|
||||
<button type="button"><a href="/example/index">main 페이지</a></button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col">
|
||||
<div class="inner">
|
||||
<button type="button"><a href="/example/sub">sub 페이지</a></button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="section client-list advertiser">
|
||||
<h3 class="content-title toggle"><i class="bi bi-chevron-up"></i>account</h3>
|
||||
<div class="row">
|
||||
<div class="col">
|
||||
<div class="inner">
|
||||
<button type="button"><a href="/example/register_agree">이용 약관 동의</a></button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col">
|
||||
<div class="inner">
|
||||
<button type="button"><a href="/example/login_A">로그인 A타입</a></button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col">
|
||||
<div class="inner">
|
||||
<button type="button"><a href="/example/login_B">로그인 B타입</a></button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col">
|
||||
<div class="inner">
|
||||
<button type="button"><a href="/example/register_A">회원가입 A타입</a></button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col">
|
||||
<div class="inner">
|
||||
<button type="button"><a href="/example/register_B">회원가입 B타입</a></button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col">
|
||||
<div class="inner">
|
||||
<button type="button"><a href="/example/register">회원가입 C타입</a></button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="section client-list advertiser">
|
||||
<h3 class="content-title toggle"><i class="bi bi-chevron-up"></i>기타 페이지</h3>
|
||||
<div class="row">
|
||||
<div class="col">
|
||||
<div class="inner">
|
||||
<button type="button"><a href="/example/siteMap">사이트 맵</a></button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<?=$this->endSection();?>
|
||||
@@ -0,0 +1,432 @@
|
||||
<?=$this->extend('templates/front_example.php');?>
|
||||
|
||||
<?=$this->section('content');?>
|
||||
<!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, user-scalable=no, initial-scale=1, maximum-scale=1">
|
||||
<title>ZENITH</title>
|
||||
</head>
|
||||
<body>
|
||||
<div class="sub-contents-wrap">
|
||||
<div class="title-area">
|
||||
<h2 class="page-title">페이스북 광고관리</h2>
|
||||
<p class="title-disc">숫자 중심의 퍼포먼스 마케팅에 집중! 사람들이 어떤 콘텐츠에 반응하는가? 비용 대비 얼만큼의 성과가 있는가?</p>
|
||||
</div>
|
||||
|
||||
<div class="search-wrap">
|
||||
<form class="search d-flex justify-content-center">
|
||||
<div class="term d-flex align-items-center">
|
||||
<input type="text">
|
||||
<button type="button"><i class="bi bi-calendar2-week"></i></button>
|
||||
<span> ~ </span>
|
||||
<input type="text">
|
||||
<button type="button"><i class="bi bi-calendar2-week"></i></button>
|
||||
</div>
|
||||
<div class="input">
|
||||
<input class="" type="text" placeholder="검색어를 입력하세요">
|
||||
<button class="btn-primary" type="submit">조회</button>
|
||||
</div>
|
||||
</form>
|
||||
<div class="detail row d-flex justify-content-center">
|
||||
<dl class="col">
|
||||
<dt>노출수</dt>
|
||||
<dd>34,456</dd>
|
||||
</dl>
|
||||
<dl class="col">
|
||||
<dt>클릭수</dt>
|
||||
<dd>809</dd>
|
||||
</dl>
|
||||
<dl class="col">
|
||||
<dt>클릭율</dt>
|
||||
<dd>1.09</dd>
|
||||
</dl>
|
||||
<dl class="col">
|
||||
<dt>지출액</dt>
|
||||
<dd>1,234,123</dd>
|
||||
</dl>
|
||||
<dl class="col">
|
||||
<dt>DB수</dt>
|
||||
<dd>61</dd>
|
||||
</dl>
|
||||
<dl class="col">
|
||||
<dt>DB당 단가</dt>
|
||||
<dd>45,234</dd>
|
||||
</dl>
|
||||
<dl class="col">
|
||||
<dt>전환율</dt>
|
||||
<dd>7.34</dd>
|
||||
</dl>
|
||||
<dl class="col">
|
||||
<dt>매출</dt>
|
||||
<dd>23,456,900</dd>
|
||||
</dl>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="client-list biz">
|
||||
<h3><i class="bi bi-chevron-down"></i> 비즈니스 계정</h3>
|
||||
<div class="row">
|
||||
<div class="col">
|
||||
<div class="inner">
|
||||
<button type="button">열혈 패밀리</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col">
|
||||
<div class="inner">
|
||||
<button type="button">케어랩스5</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col">
|
||||
<div class="inner">
|
||||
<button type="button">케어랩스7</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="client-list advertiser">
|
||||
<h3><i class="bi bi-chevron-down"></i> 광고주</h3>
|
||||
<div class="row">
|
||||
<div class="col">
|
||||
<div class="inner">
|
||||
<button type="button" class="active alert">[대전]상상의원_가나다라마마다먀라</button>
|
||||
<div class="progress">
|
||||
<div class="progress-bar" role="progressbar" style="width:calc(14 / 170 * 100%)"></div>
|
||||
<div class="txt">14/170</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col">
|
||||
<div class="inner">
|
||||
<button type="button" class="alert">플란치과_임플○</button>
|
||||
<div class="progress">
|
||||
<div class="progress-bar" role="progressbar" style="width:calc(14 / 170 * 100%)"></div>
|
||||
<div class="txt">14/170</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col">
|
||||
<div class="inner">
|
||||
<button type="button" class="active">비결뷰티센터</button>
|
||||
<div class="progress">
|
||||
<div class="progress-bar" role="progressbar" style="width:calc(14 / 170 * 100%)"></div>
|
||||
<div class="txt">14/170</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col">
|
||||
<div class="inner">
|
||||
<button type="button">[대전]상상의원_가나다라마마다먀라</button>
|
||||
<div class="progress">
|
||||
<div class="progress-bar" role="progressbar" style="width:calc(14 / 170 * 100%)"></div>
|
||||
<div class="txt">14/170</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col">
|
||||
<div class="inner">
|
||||
<button type="button">플란치과_임플○</button>
|
||||
<div class="progress">
|
||||
<div class="progress-bar" role="progressbar" style="width:calc(14 / 170 * 100%)"></div>
|
||||
<div class="txt">14/170</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col">
|
||||
<div class="inner">
|
||||
<button type="button">비결뷰티센터</button>
|
||||
<div class="progress">
|
||||
<div class="progress-bar" role="progressbar" style="width:calc(14 / 170 * 100%)"></div>
|
||||
<div class="txt">14/170</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col">
|
||||
<div class="inner">
|
||||
<button type="button">거무타</button>
|
||||
<div class="progress">
|
||||
<div class="progress-bar" role="progressbar" style="width:calc(14 / 170 * 100%)"></div>
|
||||
<div class="txt">14/170</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col">
|
||||
<div class="inner">
|
||||
<button type="button">마디척병원○</button>
|
||||
<div class="progress">
|
||||
<div class="progress-bar" role="progressbar" style="width:calc(14 / 170 * 100%)"></div>
|
||||
<div class="txt">14/170</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col">
|
||||
<div class="inner">
|
||||
<button type="button">[전국]상상의원_주름보톡스2*</button>
|
||||
<div class="progress">
|
||||
<div class="progress-bar" role="progressbar" style="width:calc(14 / 170 * 100%)"></div>
|
||||
<div class="txt">14/170</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col">
|
||||
<div class="inner">
|
||||
<button type="button">[대전]상상의원_가나다라마마다먀라</button>
|
||||
<div class="progress">
|
||||
<div class="progress-bar" role="progressbar" style="width:calc(14 / 170 * 100%)"></div>
|
||||
<div class="txt">14/170</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col">
|
||||
<div class="inner">
|
||||
<button type="button">플란치과_임플○</button>
|
||||
<div class="progress">
|
||||
<div class="progress-bar" role="progressbar" style="width:calc(14 / 170 * 100%)"></div>
|
||||
<div class="txt">14/170</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col">
|
||||
<div class="inner">
|
||||
<button type="button">비결뷰티센터</button>
|
||||
<div class="progress">
|
||||
<div class="progress-bar" role="progressbar" style="width:calc(14 / 170 * 100%)"></div>
|
||||
<div class="txt">14/170</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col">
|
||||
<div class="inner">
|
||||
<button type="button">[대전]상상의원_가나다라마마다먀라</button>
|
||||
<div class="progress">
|
||||
<div class="progress-bar" role="progressbar" style="width:calc(14 / 170 * 100%)"></div>
|
||||
<div class="txt">14/170</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col">
|
||||
<div class="inner">
|
||||
<button type="button">플란치과_임플○</button>
|
||||
<div class="progress">
|
||||
<div class="progress-bar" role="progressbar" style="width:calc(14 / 170 * 100%)"></div>
|
||||
<div class="txt">14/170</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col">
|
||||
<div class="inner">
|
||||
<button type="button">비결뷰티센터</button>
|
||||
<div class="progress">
|
||||
<div class="progress-bar" role="progressbar" style="width:calc(14 / 170 * 100%)"></div>
|
||||
<div class="txt">14/170</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="tab-wrap">
|
||||
<ul class="nav nav-tabs" role="tablist">
|
||||
<li class="nav-item" role="presentation">
|
||||
<button class="nav-link active" id="campaign-tab" data-bs-toggle="tab" data-bs-target="#campaign-tab-pane" type="button" role="tab" aria-controls="campaign-tab-pane" aria-selected="true">캠페인</button>
|
||||
</li>
|
||||
<li class="nav-item" role="presentation">
|
||||
<button class="nav-link" id="set-tab" data-bs-toggle="tab" data-bs-target="#set-tab-pane" type="button" role="tab" aria-controls="set-tab-pane" aria-selected="false">광고 세트</button>
|
||||
</li>
|
||||
<li class="nav-item" role="presentation">
|
||||
<button class="nav-link" id="advertisement-tab" data-bs-toggle="tab" data-bs-target="#advertisement-tab-pane" type="button" role="tab" aria-controls="advertisement-tab-pane" aria-selected="false">광고</button>
|
||||
</li>
|
||||
</ul>
|
||||
<div class="tab-content">
|
||||
<div class="tab-pane active" id="campaign-tab-pane" role="tabpanel" aria-labelledby="campaign-tab">
|
||||
<div class="btn-wrap">
|
||||
<button type="button" class="btn btn-outline-danger active">수동 업데이트</button>
|
||||
<button type="button" class="btn btn-outline-danger">데이터 비교</button>
|
||||
<button type="button" class="btn btn-outline-danger"><i class="bi bi-file-text"></i> 메모확인</button>
|
||||
</div>
|
||||
|
||||
<div class="table-responsive">
|
||||
<table class="table table-striped table-hover">
|
||||
<colgroup>
|
||||
<col style="width:10%">
|
||||
<col style="width:5.5%">
|
||||
<col style="width:5%">
|
||||
<col style="width:5%">
|
||||
<col style="width:7%">
|
||||
<col style="width:6%">
|
||||
<col style="width:4%">
|
||||
<col style="width:7.5%">
|
||||
<col style="width:7.5%">
|
||||
<col style="width:5.5%">
|
||||
<col style="width:7.5%">
|
||||
<col style="width:5.5%">
|
||||
<col style="width:5.5%">
|
||||
<col style="width:5.5%">
|
||||
<col style="width:5.5%">
|
||||
<col style="width:6.5%">
|
||||
</colgroup>
|
||||
<thead class="table-dark">
|
||||
<tr>
|
||||
<th scope="col">캠페인명</th>
|
||||
<th scope="col">상태</th>
|
||||
<th scope="col">예산 <br>ai</th>
|
||||
<th scope="col">목표 <br>ai</th>
|
||||
<th scope="col">예산</th>
|
||||
<th scope="col">현재 <br>DB단가</th>
|
||||
<th scope="col">유효 <br>DB</th>
|
||||
<th scope="col">지출액</th>
|
||||
<th scope="col">수익</th>
|
||||
<th scope="col">수익률</th>
|
||||
<th scope="col">매출액</th>
|
||||
<th scope="col">노출수</th>
|
||||
<th scope="col">링크클릭</th>
|
||||
<th scope="col">CPC</th>
|
||||
<th scope="col">CTR</th>
|
||||
<th scope="col">DB <br>전환률</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<th scope="col" class="text-center">캠페인 11건 결과</th>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td>￦22,345,222</td>
|
||||
<td>￦30,342</td>
|
||||
<td>515</td>
|
||||
<td>￦18,345,342</td>
|
||||
<td>￦6,235,666</td>
|
||||
<td>29.45%</td>
|
||||
<td>￦21,345,678</td>
|
||||
<td>654,345</td>
|
||||
<td>9,457</td>
|
||||
<td>￦1,778</td>
|
||||
<td>1.13%</td>
|
||||
<td>6.34%</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="col">
|
||||
<div class="form-check">
|
||||
<input class="form-check-input" type="checkbox" value="" id="check01">
|
||||
<label class="form-check-label" for="check01">[02.22][케랩7_마디척병원_부위별통증] evt_5721 @15 진선_주말OFF_규칙</label>
|
||||
</div>
|
||||
<div class="btn-area">
|
||||
<button type="button" class="btn btn-outline-secondary btn-paper"><i class="bi bi-file-text"></i></button>
|
||||
</div>
|
||||
</th>
|
||||
<td>
|
||||
<button type="button" class="btn btn-outline-secondary btn-sm">활성</button>
|
||||
<div class="btn-area">
|
||||
<button type="button" class="btn btn-outline-secondary btn-reflesh"><i class="bi bi-arrow-counterclockwise"></i>새로고침</button>
|
||||
</div>
|
||||
</td>
|
||||
<td>ON</td>
|
||||
<td>ON</td>
|
||||
<td>￦100,000
|
||||
<div class="btn-area d-flex justify-content-between">
|
||||
<button type="button" class="btn btn-secondary btn-arrow"><i class="bi bi-arrow-up-short"></i></button>
|
||||
<button type="button" class="btn btn-secondary btn-arrow"><i class="bi bi-arrow-down-short"></i></button>
|
||||
</div>
|
||||
</td>
|
||||
<td>0</td>
|
||||
<td>0</td>
|
||||
<td>￦15,345</td>
|
||||
<td>￦-15,678</td>
|
||||
<td>0%</td>
|
||||
<td>￦0</td>
|
||||
<td>631</td>
|
||||
<td>3</td>
|
||||
<td>￦5,345</td>
|
||||
<td>0.48%</td>
|
||||
<td>0%</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="col">
|
||||
<div class="form-check">
|
||||
<input class="form-check-input" type="checkbox" value="" id="check01">
|
||||
<label class="form-check-label" for="check01">[02.22][케랩7_마디척병원_부위별통증] evt_5721 @15 진선_주말OFF_규칙</label>
|
||||
</div>
|
||||
<div class="btn-area">
|
||||
<button type="button" class="btn btn-outline-secondary btn-paper"><i class="bi bi-file-text"></i></button>
|
||||
</div>
|
||||
</th>
|
||||
<td>
|
||||
<button type="button" class="btn btn-outline-secondary btn-sm">활성</button>
|
||||
<div class="btn-area">
|
||||
<button type="button" class="btn btn-outline-secondary btn-reflesh"><i class="bi bi-arrow-counterclockwise"></i>새로고침</button>
|
||||
</div>
|
||||
</td>
|
||||
<td>ON</td>
|
||||
<td>ON</td>
|
||||
<td>￦100,000
|
||||
<div class="btn-area d-flex justify-content-between">
|
||||
<button type="button" class="btn btn-secondary btn-arrow"><i class="bi bi-arrow-up-short"></i></button>
|
||||
<button type="button" class="btn btn-secondary btn-arrow"><i class="bi bi-arrow-down-short"></i></button>
|
||||
</div>
|
||||
</td>
|
||||
<td>0</td>
|
||||
<td>0</td>
|
||||
<td>￦15,345</td>
|
||||
<td>￦-15,678</td>
|
||||
<td>0%</td>
|
||||
<td>￦0</td>
|
||||
<td>631</td>
|
||||
<td>3</td>
|
||||
<td>￦5,345</td>
|
||||
<td>0.48%</td>
|
||||
<td>0%</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="col">
|
||||
<div class="form-check">
|
||||
<input class="form-check-input" type="checkbox" value="" id="check01">
|
||||
<label class="form-check-label" for="check01">[02.22][케랩7_마디척병원_부위별통증] evt_5721 @15 진선_주말OFF_규칙</label>
|
||||
</div>
|
||||
<div class="btn-area">
|
||||
<button type="button" class="btn btn-outline-secondary btn-paper"><i class="bi bi-file-text"></i></button>
|
||||
</div>
|
||||
</th>
|
||||
<td>
|
||||
<button type="button" class="btn btn-outline-secondary btn-sm">활성</button>
|
||||
<div class="btn-area">
|
||||
<button type="button" class="btn btn-outline-secondary btn-reflesh"><i class="bi bi-arrow-counterclockwise"></i>새로고침</button>
|
||||
</div>
|
||||
</td>
|
||||
<td>ON</td>
|
||||
<td>ON</td>
|
||||
<td>￦100,000
|
||||
<div class="btn-area d-flex justify-content-between">
|
||||
<button type="button" class="btn btn-secondary btn-arrow"><i class="bi bi-arrow-up-short"></i></button>
|
||||
<button type="button" class="btn btn-secondary btn-arrow"><i class="bi bi-arrow-down-short"></i></button>
|
||||
</div>
|
||||
</td>
|
||||
<td>0</td>
|
||||
<td>0</td>
|
||||
<td>￦15,345</td>
|
||||
<td>￦-15,678</td>
|
||||
<td>0%</td>
|
||||
<td>￦0</td>
|
||||
<td>631</td>
|
||||
<td>3</td>
|
||||
<td>￦5,345</td>
|
||||
<td>0.48%</td>
|
||||
<td>0%</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
<div class="tab-pane" id="set-tab-pane" role="tabpanel" aria-labelledby="set-tab">
|
||||
광고 세트
|
||||
</div>
|
||||
<div class="tab-pane" id="advertisement-tab-pane" role="tabpanel" aria-labelledby="advertisement-tab">
|
||||
광고
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
<?=$this->endSection();?>
|
||||
@@ -0,0 +1,170 @@
|
||||
<?=$this->extend('templates/front_example.php');?>
|
||||
|
||||
<?=$this->section('title');?>
|
||||
ZENITH - 세금계산서 요청
|
||||
<?=$this->endSection();?>
|
||||
|
||||
<?=$this->section('content');?>
|
||||
<div class="sub-contents-wrap">
|
||||
<div class="title-area">
|
||||
<h2 class="page-title">세금계산서 요청</h2>
|
||||
<p class="title-disc">세금계산서 발행을 경영지원실에 요청하세요~ 나연님, 서진님 고생이 많으십니다.</p>
|
||||
</div>
|
||||
|
||||
<div class="search-wrap">
|
||||
<form class="search d-flex justify-content-center">
|
||||
<div class="term d-flex align-items-center">
|
||||
<input type="text">
|
||||
<button type="button"><i class="bi bi-calendar2-week"></i></button>
|
||||
<span> ~ </span>
|
||||
<input type="text">
|
||||
<button type="button"><i class="bi bi-calendar2-week"></i></button>
|
||||
</div>
|
||||
<select class="form-select" aria-label="선택">
|
||||
<option selected>-선택-</option>
|
||||
<option value="1">One</option>
|
||||
<option value="2">Two</option>
|
||||
<option value="3">Three</option>
|
||||
</select>
|
||||
<div class="input">
|
||||
<input class="" type="text" placeholder="검색어를 입력하세요">
|
||||
<button class="btn-primary" type="submit">조회</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
<div class="section client-list biz">
|
||||
<h3 class="content-title toggle"><i class="bi bi-chevron-up"></i> 담당자</h3>
|
||||
<div class="row">
|
||||
<div class="col">
|
||||
<div class="inner">
|
||||
<button type="button">열혈 패밀리</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col">
|
||||
<div class="inner">
|
||||
<button type="button">케어랩스5</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col">
|
||||
<div class="inner">
|
||||
<button type="button">케어랩스7</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="section client-list biz">
|
||||
<h3 class="content-title toggle"><i class="bi bi-chevron-up"></i> 결과</h3>
|
||||
<div class="row">
|
||||
<div class="col">
|
||||
<div class="inner">
|
||||
<button type="button">열혈 패밀리</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col">
|
||||
<div class="inner">
|
||||
<button type="button">케어랩스5</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col">
|
||||
<div class="inner">
|
||||
<button type="button">케어랩스7</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="section client-list biz">
|
||||
<h3 class="content-title toggle"><i class="bi bi-chevron-up"></i> 구분</h3>
|
||||
<div class="row">
|
||||
<div class="col">
|
||||
<div class="inner">
|
||||
<button type="button">열혈 패밀리</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col">
|
||||
<div class="inner">
|
||||
<button type="button">케어랩스5</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col">
|
||||
<div class="inner">
|
||||
<button type="button">케어랩스7</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="section ">
|
||||
<div class="btn-wrap text-end mb-2">
|
||||
<a href="/example/tax_list"><button type="button" class="btn btn-danger">업체목록(세금계산서)</button></a>
|
||||
<a href="/example/withdraw"><button type="button" class="btn btn-danger">글쓰기(세금계산서)</button></a>
|
||||
<a href="/example/exel"><button type="button" class="btn btn-danger">엑셀백업</button></a>
|
||||
</div>
|
||||
|
||||
<div class="table-responsive">
|
||||
<table class="table table-striped table-hover table-default">
|
||||
<colgroup>
|
||||
<col style="width:3%">
|
||||
<col style="width:8%">
|
||||
<col style="width:5%">
|
||||
<col style="width:5%">
|
||||
<col style="width:15%">
|
||||
<col style="width:10%">
|
||||
<col style="width:5%">
|
||||
<col style="">
|
||||
<col style="width:8%">
|
||||
<col style="width:8%">
|
||||
<col style="width:5%">
|
||||
<col style="width:5%">
|
||||
</colgroup>
|
||||
<thead class="table-dark">
|
||||
<tr>
|
||||
<th scope="col">번호</th>
|
||||
<th scope="col">발행일자</th>
|
||||
<th scope="col">작성자</th>
|
||||
<th scope="col">구분</th>
|
||||
<th scope="col">사업자명</th>
|
||||
<th scope="col">사업자등록번호</th>
|
||||
<th scope="col">대표자명</th>
|
||||
<th scope="col">내역</th>
|
||||
<th scope="col">공급가액</th>
|
||||
<th scope="col">총금액(VAT 포함)</th>
|
||||
<th scope="col">비고</th>
|
||||
<th scope="col">결과</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td class="p-0">845</td>
|
||||
<td>2023-03-13</td>
|
||||
<td>김혜린</td>
|
||||
<td>입금완료</td>
|
||||
<td>우주마켓_MOBON</td>
|
||||
<td>234-45-12456</td>
|
||||
<td>이주옥</td>
|
||||
<td>인라이플_모비온_우주마켓 광고비 지출결의</td>
|
||||
<td>1,100,000</td>
|
||||
<td>1,100,000</td>
|
||||
<td></td>
|
||||
<td>완료</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="p-0">845</td>
|
||||
<td>2023-03-13</td>
|
||||
<td>김혜린</td>
|
||||
<td>입금완료</td>
|
||||
<td>우주마켓_MOBON</td>
|
||||
<td>234-45-12456</td>
|
||||
<td>이주옥</td>
|
||||
<td>인라이플_모비온_우주마켓 광고비 지출결의</td>
|
||||
<td>1,100,000</td>
|
||||
<td>1,100,000</td>
|
||||
<td>2/28 재발행 예정</td>
|
||||
<td>완료</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<?=$this->endSection();?>
|
||||
@@ -0,0 +1,322 @@
|
||||
<?=$this->extend('templates/front_example.php');?>
|
||||
|
||||
<?=$this->section('title');?>
|
||||
ZENITH - 세금계산서 요청
|
||||
<?=$this->endSection();?>
|
||||
|
||||
<?=$this->section('content');?>
|
||||
<div class="sub-contents-wrap">
|
||||
<div class="title-area">
|
||||
<h2 class="page-title">세금계산서 요청</h2>
|
||||
<p class="title-disc">세금계산서 발행을 경영지원실에 요청하세요~ 나연님, 서진님 고생이 많으십니다.</p>
|
||||
</div>
|
||||
|
||||
<div class="search-wrap">
|
||||
<form class="search d-flex justify-content-center">
|
||||
<div class="term d-flex align-items-center">
|
||||
<input type="text">
|
||||
<button type="button"><i class="bi bi-calendar2-week"></i></button>
|
||||
<span> ~ </span>
|
||||
<input type="text">
|
||||
<button type="button"><i class="bi bi-calendar2-week"></i></button>
|
||||
</div>
|
||||
<select class="form-select" aria-label="선택">
|
||||
<option selected>-선택-</option>
|
||||
<option value="1">One</option>
|
||||
<option value="2">Two</option>
|
||||
<option value="3">Three</option>
|
||||
</select>
|
||||
<div class="input">
|
||||
<input class="" type="text" placeholder="검색어를 입력하세요">
|
||||
<button class="btn-primary" type="submit">조회</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
<div class="section ">
|
||||
<div class="btn-wrap text-end mb-2">
|
||||
<button type="button" class="btn btn-danger" data-bs-toggle="modal" data-bs-target="#bizModal">업체등록(세금계산서)</button>
|
||||
<button type="button" class="btn btn-danger" data-bs-toggle="modal" data-bs-target="#taxModal">리스트(세금계산서)</button>
|
||||
</div>
|
||||
|
||||
<div class="table-responsive">
|
||||
<table class="table table-striped table-hover table-default">
|
||||
<colgroup>
|
||||
<col style="width:15%">
|
||||
<col style="width:10%">
|
||||
<col style="width:5%">
|
||||
<col style="width:5%">
|
||||
<col style="width:8%">
|
||||
<col style="">
|
||||
<col style="width:12%">
|
||||
<col style="width:12%">
|
||||
<col style="width:5%">
|
||||
<col style="width:5%">
|
||||
<col style="width:8%">
|
||||
</colgroup>
|
||||
<thead class="table-dark">
|
||||
<tr>
|
||||
<th scope="col">사업자명</th>
|
||||
<th scope="col">사업자등록번호</th>
|
||||
<th scope="col">대표자명</th>
|
||||
<th scope="col">업태</th>
|
||||
<th scope="col">종목</th>
|
||||
<th scope="col">주소</th>
|
||||
<th scope="col">메일주소1</th>
|
||||
<th scope="col">메일주소2</th>
|
||||
<th scope="col">작성자</th>
|
||||
<th scope="col">담당자</th>
|
||||
<th scope="col">작성일</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>우주마켓_MOBON</td>
|
||||
<td>234-45-12456</td>
|
||||
<td>김혜린</td>
|
||||
<td>도소매</td>
|
||||
<td>화장품</td>
|
||||
<td>서울특별시 강남구 테헤란로 123길 22, b동 3층(신사동, 케이티타워신사)</td>
|
||||
<td>b-uwqej@nave.rcom</td>
|
||||
<td></td>
|
||||
<td>고영석</td>
|
||||
<td>고영석</td>
|
||||
<td>2023-01-23 14:14:34</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<?=$this->endSection();?>
|
||||
|
||||
|
||||
<?=$this->section('modal');?>
|
||||
<!-- 업체 등록 -->
|
||||
<div class="modal fade" id="bizModal" tabindex="-1" aria-labelledby="bizModalLabel" aria-hidden="true">
|
||||
<div class="modal-dialog modal-lg">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<h1 class="modal-title" id="bizModalLabel">업체 등록</h1>
|
||||
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<div class="table-responsive">
|
||||
<table class="table table-bordered table-left-header">
|
||||
<colgroup>
|
||||
<col style="width:30%;">
|
||||
<col style="width:70%;">
|
||||
</colgroup>
|
||||
<tbody>
|
||||
<tr>
|
||||
<th scope="row">사업자명</th>
|
||||
<td><input type="text" class="form-control"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="row">사업자등록번호</th>
|
||||
<td>
|
||||
<div class="d-flex">
|
||||
<input type="text" class="form-control">
|
||||
<button type="button" class="btn btn-secondary btn-sm">중복확인</button>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="row">대표자</th>
|
||||
<td><input type="text" class="form-control"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="row">업태</th>
|
||||
<td><input type="text" class="form-control"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="row">종목</th>
|
||||
<td><input type="text" class="form-control"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="row">주소</th>
|
||||
<td><input type="text" class="form-control"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="row">이메일1</th>
|
||||
<td><input type="text" class="form-control"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="row">당당자</th>
|
||||
<td><input type="text" class="form-control"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<button type="button" class="btn btn-danger btn-sm">이메일 추가</button>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<button type="button" class="btn btn-primary">작성완료</button>
|
||||
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">취소</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- //업체 등록 -->
|
||||
|
||||
<!-- 세금계산서 -->
|
||||
<div class="modal fade" id="taxModal" tabindex="-1" aria-labelledby="taxModalLabel" aria-hidden="true">
|
||||
<div class="modal-dialog modal-lg">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<h1 class="modal-title" id="taxModalLabel">세금계산서 발행 요청서</h1>
|
||||
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<div class="approval">
|
||||
<ol class="d-flex">
|
||||
<li>
|
||||
<span>담당자</span>
|
||||
<div></div>
|
||||
</li>
|
||||
<li>
|
||||
<span>경영지원실장</span>
|
||||
<div></div>
|
||||
</li>
|
||||
<li>
|
||||
<span>사업부대표</span>
|
||||
<div></div>
|
||||
</li>
|
||||
</ol>
|
||||
</div>
|
||||
<div class="table-responsive">
|
||||
<table class="table table-bordered table-left-header">
|
||||
<colgroup>
|
||||
<col style="width:25%;">
|
||||
<col style="width:75%;">
|
||||
</colgroup>
|
||||
<tbody>
|
||||
<tr>
|
||||
<th scope="row">담당자</th>
|
||||
<td>
|
||||
<select class="form-select" aria-label="담당자 선택">
|
||||
<option selected>-선택-</option>
|
||||
<option value="1">One</option>
|
||||
<option value="2">Two</option>
|
||||
<option value="3">Three</option>
|
||||
</select>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="row">사업자명</th>
|
||||
<td>
|
||||
<input type="text" class="form-control">
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="row">사업자 등록번호</th>
|
||||
<td>
|
||||
<input type="text" class="form-control">
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="row">대표자</th>
|
||||
<td>
|
||||
<input type="text" class="form-control">
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="row">업태</th>
|
||||
<td>
|
||||
<input type="text" class="form-control">
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="row">종목</th>
|
||||
<td>
|
||||
<input type="text" class="form-control">
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="row">주소</th>
|
||||
<td>
|
||||
<input type="text" class="form-control">
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="row">이메일1</th>
|
||||
<td>
|
||||
<input type="text" class="form-control">
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="row">이메일2</th>
|
||||
<td>
|
||||
<input type="text" class="form-control">
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="row">발행일자</th>
|
||||
<td>
|
||||
<input type="text" class="form-control">
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="row">구분</th>
|
||||
<td>
|
||||
<select class="form-select" aria-label="구분 선택">
|
||||
<option selected>-선택-</option>
|
||||
<option value="1">One</option>
|
||||
<option value="2">Two</option>
|
||||
<option value="3">Three</option>
|
||||
</select>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="row">내역</th>
|
||||
<td>
|
||||
<div class="d-flex align-items-center">
|
||||
<span class="me-2">1.</span>
|
||||
<input type="text" class="form-control" placeholder="내역">
|
||||
<input type="text" class="form-control ms-2 me-2 w-50" placeholder="공급가액">
|
||||
<input type="text" class="form-control w-50" placeholder="부가세">
|
||||
</div>
|
||||
<div class="d-flex justify-content-end mt-2">
|
||||
<button type="button">- 헹 제거</button>
|
||||
<button type="button">+ 행 추가</button>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="row">총금액(VAT포함)</th>
|
||||
<td>
|
||||
<div class="d-flex">
|
||||
<button type="button" class="btn btn-dark btn-sm me-2">자동계산</button>
|
||||
<input type="text" class="form-control">
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="row">공급가액</th>
|
||||
<td>
|
||||
<div class="d-flex">
|
||||
<button type="button" class="btn btn-dark btn-sm me-2">자동계산</button>
|
||||
<input type="text" class="form-control">
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="row">비고</th>
|
||||
<td>
|
||||
<textarea></textarea>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<button type="button" class="btn btn-primary">작성완료</button>
|
||||
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">취소</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- //세금계산서 -->
|
||||
<?=$this->endSection();?>
|
||||
@@ -0,0 +1,117 @@
|
||||
<?=$this->extend('templates/front_example.php');?>
|
||||
|
||||
<?=$this->section('title');?>
|
||||
ZENITH - 미수금 관리
|
||||
<?=$this->endSection();?>
|
||||
|
||||
<?=$this->section('content');?>
|
||||
<div class="sub-contents-wrap">
|
||||
<div class="title-area">
|
||||
<h2 class="page-title">미수금 관리</h2>
|
||||
</div>
|
||||
<div class="row mt-5">
|
||||
<div class="col half">
|
||||
<h3 class="content-title">미수금 내역</h3>
|
||||
<div class="search-wrap">
|
||||
<form class="search d-flex justify-content-center">
|
||||
<div class="input">
|
||||
<input class="" type="text" placeholder="검색어를 입력하세요">
|
||||
<button class="btn-primary" type="submit">조회</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
<p class="mb-4">* 2019년 9월 1일부터 세부내역 조회가 가능하며, 문의사랑이 있을 경우 경영지원실로 문의하시기 바랍니다.</p>
|
||||
|
||||
<div class="table-responsive">
|
||||
<table class="table table-striped table-hover table-default caption-top">
|
||||
<caption class="text-end">[단위: 원, 부가세포함]</caption>
|
||||
<colgroup>
|
||||
<col style="width:10%">
|
||||
<col>
|
||||
<col style="width:20%">
|
||||
<col style="width:17%">
|
||||
<col style="width:15%">
|
||||
</colgroup>
|
||||
<thead class="table-dark">
|
||||
<tr>
|
||||
<th scope="col">담당자</th>
|
||||
<th scope="col">업체명</th>
|
||||
<th scope="col">사업자 번호</th>
|
||||
<th scope="col">최근 세금계산서</th>
|
||||
<th scope="col">미수금</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>김혜린</td>
|
||||
<td>우주마켓_MOBON</td>
|
||||
<td>114-02-34856</td>
|
||||
<td class="text-end">+865일</td>
|
||||
<td class="text-end">2,345,789</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col half">
|
||||
<h3 class="content-title">입금 내역</h3>
|
||||
<div class="search-wrap">
|
||||
<form class="search d-flex justify-content-center">
|
||||
<div class="term d-flex align-items-center">
|
||||
<input type="text">
|
||||
<button type="button"><i class="bi bi-calendar2-week"></i></button>
|
||||
<span> ~ </span>
|
||||
<input type="text">
|
||||
<button type="button"><i class="bi bi-calendar2-week"></i></button>
|
||||
</div>
|
||||
<div class="input">
|
||||
<input class="" type="text" placeholder="검색어를 입력하세요">
|
||||
<button class="btn-primary" type="submit">조회</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
<div class="regi-wrap">
|
||||
<form class="search d-flex justify-content-center">
|
||||
<input type="text" class="form-control">
|
||||
<button type="button"><i class="bi bi-calendar2-week"></i></button>
|
||||
<input type="text" class="form-control" placeholder="광고주">
|
||||
<input type="text" class="form-control" placeholder="사업자등록번호">
|
||||
<input type="text" class="form-control" placeholder="입금액">
|
||||
<input type="text" class="form-control" placeholder="적요/비고">
|
||||
<button class="btn btn-dark ms-2" type="submit">등록</button>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
<div class="table-responsive">
|
||||
<table class="table table-striped table-hover table-default">
|
||||
<colgroup>
|
||||
<col style="width:15%">
|
||||
<col>
|
||||
<col style="width:20%">
|
||||
<col style="width:15%">
|
||||
<col style="width:15%">
|
||||
</colgroup>
|
||||
<thead class="table-dark">
|
||||
<tr>
|
||||
<th scope="col">날짜</th>
|
||||
<th scope="col">업체명</th>
|
||||
<th scope="col">사업자 번호</th>
|
||||
<th scope="col">입금액</th>
|
||||
<th scope="col">비고</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>2023-3-24</td>
|
||||
<td>우주마켓_MOBON</td>
|
||||
<td>114-02-34856</td>
|
||||
<td class="text-end">34,4567,324</td>
|
||||
<td></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<?=$this->endSection();?>
|
||||
@@ -0,0 +1,174 @@
|
||||
a<?=$this->extend('templates/front_example.php');?>
|
||||
|
||||
<?=$this->section('title');?>
|
||||
ZENITH - 출금요청
|
||||
<?=$this->endSection();?>
|
||||
|
||||
<?=$this->section('content');?>
|
||||
<div class="sub-contents-wrap">
|
||||
<div class="title-area">
|
||||
<h2 class="page-title">출금요청</h2>
|
||||
<p class="title-disc">출금이 필요한 거래처를 경영지원실에 요청하세요~ 나연님, 서진님 고생이 많으십니다.</p>
|
||||
</div>
|
||||
|
||||
<div class="search-wrap">
|
||||
<form class="search d-flex justify-content-center">
|
||||
<div class="term d-flex align-items-center">
|
||||
<input type="text">
|
||||
<button type="button"><i class="bi bi-calendar2-week"></i></button>
|
||||
<span> ~ </span>
|
||||
<input type="text">
|
||||
<button type="button"><i class="bi bi-calendar2-week"></i></button>
|
||||
</div>
|
||||
<select class="form-select" aria-label="선택">
|
||||
<option selected>-선택-</option>
|
||||
<option value="1">One</option>
|
||||
<option value="2">Two</option>
|
||||
<option value="3">Three</option>
|
||||
</select>
|
||||
<div class="input">
|
||||
<input class="" type="text" placeholder="검색어를 입력하세요">
|
||||
<button class="btn-primary" type="submit">조회</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
<div class="section client-list biz">
|
||||
<h3 class="content-title toggle"><i class="bi bi-chevron-up"></i> 담당자</h3>
|
||||
<div class="row">
|
||||
<div class="col">
|
||||
<div class="inner">
|
||||
<button type="button">열혈 패밀리</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col">
|
||||
<div class="inner">
|
||||
<button type="button">케어랩스5</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col">
|
||||
<div class="inner">
|
||||
<button type="button">케어랩스7</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="section client-list biz">
|
||||
<h3 class="content-title toggle"><i class="bi bi-chevron-up"></i> 결과</h3>
|
||||
<div class="row">
|
||||
<div class="col">
|
||||
<div class="inner">
|
||||
<button type="button">열혈 패밀리</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col">
|
||||
<div class="inner">
|
||||
<button type="button">케어랩스5</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col">
|
||||
<div class="inner">
|
||||
<button type="button">케어랩스7</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="section client-list biz">
|
||||
<h3 class="content-title toggle"><i class="bi bi-chevron-up"></i> 구분</h3>
|
||||
<div class="row">
|
||||
<div class="col">
|
||||
<div class="inner">
|
||||
<button type="button">열혈 패밀리</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col">
|
||||
<div class="inner">
|
||||
<button type="button">케어랩스5</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col">
|
||||
<div class="inner">
|
||||
<button type="button">케어랩스7</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="section ">
|
||||
<div class="btn-wrap text-end mb-2">
|
||||
<a href="/example/withdraw_list"><button type="button" class="btn btn-danger">업체목록(출금요청)</button></a>
|
||||
<a href="/example/tax"/><button type="button" class="btn btn-danger">글쓰기(출금요청)</button></a>
|
||||
<a href="/example/exel"/><button type="button" class="btn btn-danger">엑셀백업</button></a>
|
||||
</div>
|
||||
|
||||
<div class="table-responsive">
|
||||
<table class="table table-striped table-hover table-default table-sm">
|
||||
<colgroup>
|
||||
<col style="width:3%">
|
||||
<col style="width:8%">
|
||||
<col style="width:5%">
|
||||
<col style="width:5%">
|
||||
<col style="width:10%">
|
||||
<col style="width:8%">
|
||||
<col style="width:10%">
|
||||
<col style="">
|
||||
<col style="width:10%">
|
||||
<col style="">
|
||||
<col style="width:5%">
|
||||
<col style="width:5%">
|
||||
<col style="width:8%">
|
||||
</colgroup>
|
||||
<thead class="table-dark">
|
||||
<tr>
|
||||
<th scope="col">번호</th>
|
||||
<th scope="col">작성일</th>
|
||||
<th scope="col">작성자</th>
|
||||
<th scope="col">구분</th>
|
||||
<th scope="col">거래처명(예금주명)</th>
|
||||
<th scope="col">은행</th>
|
||||
<th scope="col">계좌번호</th>
|
||||
<th scope="col">내역(자세히)</th>
|
||||
<th scope="col">총금액(VAT 포함)</th>
|
||||
<th scope="col">비고</th>
|
||||
<th scope="col">결제현황</th>
|
||||
<th scope="col">결과</th>
|
||||
<th scope="col">출금완료일</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td class="p-0">845</td>
|
||||
<td>2023-03-13 18:34:39</td>
|
||||
<td>김혜린</td>
|
||||
<td>광고비</td>
|
||||
<td>우주마켓_MOBON</td>
|
||||
<td>국민은행</td>
|
||||
<td>174892038457684</td>
|
||||
<td>인라이플_모비온_우주마켓 광고비 지출결의</td>
|
||||
<td>1,100,000</td>
|
||||
<td></td>
|
||||
<td>진행중</td>
|
||||
<td>진행중</td>
|
||||
<td></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>845</td>
|
||||
<td>2023-03-13 18:34:39</td>
|
||||
<td>김혜린</td>
|
||||
<td>광고비</td>
|
||||
<td>우주마켓_MOBON</td>
|
||||
<td>국민은행</td>
|
||||
<td>174892038457684</td>
|
||||
<td>인라이플_모비온_우주마켓 광고비 지출결의</td>
|
||||
<td>1,100,000</td>
|
||||
<td></td>
|
||||
<td class="text-primary">완료</td>
|
||||
<td>완료</td>
|
||||
<td></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<?=$this->endSection();?>
|
||||
@@ -0,0 +1,125 @@
|
||||
<?=$this->extend('templates/front_example.php');?>
|
||||
|
||||
<?=$this->section('content');?>
|
||||
<!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, user-scalable=no, initial-scale=1, maximum-scale=1">
|
||||
<title>출금요청 - 업체목록</title>
|
||||
</head>
|
||||
<body>
|
||||
<div class="sub-contents-wrap">
|
||||
<div class="title-area">
|
||||
<h2 class="page-title">출금요청 - 업체목록</h2>
|
||||
</div>
|
||||
|
||||
<div class="search-wrap">
|
||||
<form class="search d-flex justify-content-center">
|
||||
<div class="term d-flex align-items-center">
|
||||
<input type="text">
|
||||
<button type="button"><i class="bi bi-calendar2-week"></i></button>
|
||||
<span> ~ </span>
|
||||
<input type="text">
|
||||
<button type="button"><i class="bi bi-calendar2-week"></i></button>
|
||||
</div>
|
||||
<select class="form-select" aria-label="선택">
|
||||
<option selected>-선택-</option>
|
||||
<option value="1">One</option>
|
||||
<option value="2">Two</option>
|
||||
<option value="3">Three</option>
|
||||
</select>
|
||||
<div class="input">
|
||||
<input class="" type="text" placeholder="검색어를 입력하세요">
|
||||
<button class="btn-primary" type="submit">조회</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
<div class="section client-list biz">
|
||||
<h3 class="content-title toggle"><i class="bi bi-chevron-up"></i> 담당자</h3>
|
||||
<div class="row">
|
||||
<div class="col">
|
||||
<div class="inner">
|
||||
<button type="button">열혈 패밀리</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col">
|
||||
<div class="inner">
|
||||
<button type="button">케어랩스5</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col">
|
||||
<div class="inner">
|
||||
<button type="button">케어랩스7</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="section ">
|
||||
<div class="btn-wrap text-end mb-2">
|
||||
<button type="button" class="btn btn-danger">업체등록(출금요청)</button>
|
||||
<button type="button" class="btn btn-danger">리스트(출금요청)</button>
|
||||
</div>
|
||||
|
||||
<div class="table-responsive">
|
||||
<table class="table table-striped table-hover table-default table-sm">
|
||||
<colgroup>
|
||||
<col style="">
|
||||
<col style="width:8%">
|
||||
<col style="width:15%">
|
||||
<col style="width:5%">
|
||||
<col style="width:15%">
|
||||
<col style="width:5%">
|
||||
</colgroup>
|
||||
<thead class="table-dark">
|
||||
<tr>
|
||||
<th scope="col">거래처명(예금주명)</th>
|
||||
<th scope="col">은행</th>
|
||||
<th scope="col">계좌번호</th>
|
||||
<th scope="col">작성자</th>
|
||||
<th scope="col">작성일</th>
|
||||
<th scope="col"></th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>(주)당금페이_상상의원3_21783</td>
|
||||
<td>기업은행</td>
|
||||
<td>0492173819374</td>
|
||||
<td>윤재진</td>
|
||||
<td>2023-03-02 :11:34:23</td>
|
||||
<td>
|
||||
<button type="button" class="btn btn-dark btn-sm">DEL</button>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>(주)당금페이_상상의원3_21783</td>
|
||||
<td>기업은행</td>
|
||||
<td>0492173819374</td>
|
||||
<td>윤재진</td>
|
||||
<td>2023-03-02 :11:34:23</td>
|
||||
<td>
|
||||
<button type="button" class="btn btn-dark btn-sm">DEL</button>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>(주)당금페이_상상의원3_21783</td>
|
||||
<td>기업은행</td>
|
||||
<td>0492173819374</td>
|
||||
<td>윤재진</td>
|
||||
<td>2023-03-02 :11:34:23</td>
|
||||
<td>
|
||||
<button type="button" class="btn btn-dark btn-sm">DEL</button>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
<?=$this->endSection();?>
|
||||
Reference in New Issue
Block a user