init
This commit is contained in:
Jaybe
@@ -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();?>
|
||||
Reference in New Issue
Block a user