퍼블 일부 수정

This commit is contained in:
현성필
2025-12-29 15:47:12 +09:00
parent 1c52cdcb59
commit 343bbb560d
10 changed files with 150 additions and 151 deletions
+3
View File
@@ -305,3 +305,6 @@ page:
commission: commission:
name: "과금 관리" name: "과금 관리"
path: "/commission/manage" path: "/commission/manage"
api_statistics:
name: "이용 통계"
path: "/statistics/api"
@@ -1,9 +1,9 @@
/* API Statistics Page Styles */ /* API Statistics Page Styles */
.api-statistics-container { .api-statistics-container {
max-width: 1200px; /*max-width: 1200px;*/
margin: 0 auto; margin: 0 auto;
padding: 40px 20px; padding: 48px 40px;
} }
/* Search Section */ /* Search Section */
+3 -7
View File
@@ -3136,7 +3136,7 @@ hr {
.common-container, .org-register-container, .app-management-container, .apikey-detail-container, .apikey-register-container { .common-container, .org-register-container, .app-management-container, .apikey-detail-container, .apikey-register-container {
max-width: 1280px; max-width: 1280px;
margin: 0 auto; margin: 0 auto;
padding: 60px 24px 80px; padding: 48px 40px;
} }
@media (max-width: 768px) { @media (max-width: 768px) {
.common-container, .org-register-container, .app-management-container, .apikey-detail-container, .apikey-register-container { .common-container, .org-register-container, .app-management-container, .apikey-detail-container, .apikey-register-container {
@@ -4381,7 +4381,7 @@ select.form-control {
transition: all 0.3s ease; transition: all 0.3s ease;
} }
.modal-backdrop.show { .modal-backdrop.show {
opacity: 1; opacity: 0.9;
visibility: visible; visibility: visible;
} }
@@ -11130,7 +11130,7 @@ select.form-control {
} }
.apikey-register-container { .apikey-register-container {
padding: 40px 24px; padding: 48px 40px;
} }
@media (max-width: 768px) { @media (max-width: 768px) {
.apikey-register-container { .apikey-register-container {
@@ -15096,9 +15096,6 @@ input[type=checkbox]:checked + .custom-checkbox {
} }
} }
.org-register-container {
padding: 40px 24px;
}
@media (max-width: 768px) { @media (max-width: 768px) {
.org-register-container { .org-register-container {
padding: 24px 16px; padding: 24px 16px;
@@ -16929,7 +16926,6 @@ input[type=checkbox]:checked + .custom-checkbox {
background: #f8f9fa; background: #f8f9fa;
padding: 20px; padding: 20px;
border-radius: 8px; border-radius: 8px;
margin-top: 20px;
margin-bottom: 20px; margin-bottom: 20px;
} }
.searchBox.row-two { .searchBox.row-two {
File diff suppressed because one or more lines are too long
@@ -21,7 +21,7 @@ $apikey-border-color: #dadada;
.common-container { .common-container {
max-width: $container-max-width; max-width: $container-max-width;
margin: 0 auto; margin: 0 auto;
padding: 60px $spacing-lg 80px; padding: $spacing-3xl $spacing-2xl;
@include respond-to('sm') { @include respond-to('sm') {
padding: 40px $spacing-md 60px; padding: 40px $spacing-md 60px;
@@ -18,7 +18,7 @@
transition: $transition-base; transition: $transition-base;
&.show { &.show {
opacity: 1; opacity: 0.9;
visibility: visible; visibility: visible;
} }
} }
@@ -529,7 +529,7 @@
// Container with sidebar layout (Step 2) - extends common // Container with sidebar layout (Step 2) - extends common
.apikey-register-container { .apikey-register-container {
@extend .common-container; @extend .common-container;
padding: $spacing-2xl $spacing-lg; padding: $spacing-3xl $spacing-2xl;
@media (max-width: $breakpoint-sm) { @media (max-width: $breakpoint-sm) {
padding: $spacing-lg $spacing-md; padding: $spacing-lg $spacing-md;
@@ -32,7 +32,6 @@
background: #f8f9fa; background: #f8f9fa;
padding: 20px; padding: 20px;
border-radius: $border-radius-md; border-radius: $border-radius-md;
margin-top: 20px;
margin-bottom: 20px; margin-bottom: 20px;
&.row-two { &.row-two {
@@ -17,8 +17,6 @@
.org-register-container { .org-register-container {
@extend .common-container; @extend .common-container;
padding: $spacing-2xl $spacing-lg;
@media (max-width: $breakpoint-sm) { @media (max-width: $breakpoint-sm) {
padding: $spacing-lg $spacing-md; padding: $spacing-lg $spacing-md;
} }
@@ -12,8 +12,9 @@
<h1>기관 수수료 관리</h1> <h1>기관 수수료 관리</h1>
</div> </div>
</section> </section>
<section layout:fragment="contentFragment" class="content"> <th:block layout:fragment="contentFragment">
<div class="searchBox row-two"> <section class="org-register-container">
<div class="searchBox row-two">
<span class="form-inline form-inline--period"> <span class="form-inline form-inline--period">
<label for="forYear">조회기간</label> <label for="forYear">조회기간</label>
<span class="period-selects"> <span class="period-selects">
@@ -37,7 +38,7 @@
</select> <span class="period-unit"></span> </select> <span class="period-unit"></span>
</span> </span>
</span> </span>
<span class="btnBox"> <span class="btnBox">
<span id="searchedPeriod" class="searched-period" style="display:none; margin-right:10px; font-weight:bold; color:#28a745;"></span> <span id="searchedPeriod" class="searched-period" style="display:none; margin-right:10px; font-weight:bold; color:#28a745;"></span>
<button type="button" class="btn btn-primary" onclick="loadData()"> <button type="button" class="btn btn-primary" onclick="loadData()">
<span class="fa fa-search"></span><span>조회</span> <span class="fa fa-search"></span><span>조회</span>
@@ -46,144 +47,146 @@
<span>청구서 출력</span> <span>청구서 출력</span>
</button> </button>
</span> </span>
</div> </div>
<div class="commission-container"> <div class="commission-container">
<div class="col-md-12"> <div class="col-md-12">
<p class="commission-notice"> <p class="commission-notice">
이용기관은 매월 1~5일 전월 수수료 조회 가능하며, 10일 확정금액으로 정산됩니다. <br/> 이용기관은 매월 1~5일 전월 수수료 조회 가능하며, 10일 확정금액으로 정산됩니다. <br/>
금액이상시 담당자 연락 및 조정요청 하시기 바랍니다. (매월 1~5일 수수료 조회, 6~9일 수수료 조정 및 확정, 10일 정산) 금액이상시 담당자 연락 및 조정요청 하시기 바랍니다. (매월 1~5일 수수료 조회, 6~9일 수수료 조정 및 확정, 10일 정산)
</p> </p>
<!-- API 수수료 테이블 --> <!-- API 수수료 테이블 -->
<div class="table-responsive"> <div class="table-responsive">
<table class="table table-bordered border-type"> <table class="table table-bordered border-type">
<colgroup> <colgroup>
<col style="width:6%"/> <col style="width:6%"/>
<col style="width:16%"/> <col style="width:16%"/>
<col style="width:8%"/> <col style="width:8%"/>
<col style="width:8%"/> <col style="width:8%"/>
<col style="width:8%"/> <col style="width:8%"/>
<col style="width:8%"/> <col style="width:8%"/>
<col style="width:8%"/> <col style="width:8%"/>
<col style="width:8%"/> <col style="width:8%"/>
<col style="width:8%"/> <col style="width:8%"/>
<col style="width:8%"/> <col style="width:8%"/>
<col/> <col/>
</colgroup> </colgroup>
<thead> <thead>
<tr> <tr>
<th rowspan="2">구분</th> <th rowspan="2">구분</th>
<th rowspan="2">API 명</th> <th rowspan="2">API 명</th>
<th colspan="4">조정 전</th> <th colspan="4">조정 전</th>
<th colspan="4">조정 후</th> <th colspan="4">조정 후</th>
<th rowspan="2">조정사유</th> <th rowspan="2">조정사유</th>
</tr> </tr>
<tr> <tr>
<th>처리<br/>건수</th> <th>처리<br/>건수</th>
<th>적용<br/>수수료(원)</th> <th>적용<br/>수수료(원)</th>
<th>최저<br/>수수료</th> <th>최저<br/>수수료</th>
<th>출금<br/>예상금액</th> <th>출금<br/>예상금액</th>
<th>조정<br/>건수</th> <th>조정<br/>건수</th>
<th>조정<br/>수수료(원)</th> <th>조정<br/>수수료(원)</th>
<th>최저<br/>수수료</th> <th>최저<br/>수수료</th>
<th>출금<br/>예상금액</th> <th>출금<br/>예상금액</th>
</tr> </tr>
</thead> </thead>
<tbody id="apiTableBody"> <tbody id="apiTableBody">
<!-- 동적 생성 --> <!-- 동적 생성 -->
</tbody> </tbody>
</table> </table>
<!-- 판매 수수료 테이블 --> <!-- 판매 수수료 테이블 -->
<table class="table table-bordered border-type voffset3"> <table class="table table-bordered border-type voffset3">
<colgroup> <colgroup>
<col style="width: 6%;"> <col style="width: 6%;">
<col style="width: 8%;"> <col style="width: 8%;">
<col style="width: 8%;"> <col style="width: 8%;">
<col style="width: 5%;"> <col style="width: 5%;">
<col style="width: 5%;"> <col style="width: 5%;">
<col style="width: 7%;"> <col style="width: 7%;">
<col style="width: 6%;"> <col style="width: 6%;">
<col style="width: 6%;"> <col style="width: 6%;">
<col style="width: 7%;"> <col style="width: 7%;">
<col style="width: 7%;"> <col style="width: 7%;">
<col style="width: 6%;"> <col style="width: 6%;">
<col style="width: 6%;"> <col style="width: 6%;">
<col style="width: 7%;"> <col style="width: 7%;">
<col style="width: 7%;"> <col style="width: 7%;">
<col> <col>
</colgroup> </colgroup>
<thead> <thead>
<tr> <tr>
<th rowspan="2">구분</th> <th rowspan="2">구분</th>
<th rowspan="2">과금대상<br/>업무</th> <th rowspan="2">과금대상<br/>업무</th>
<th rowspan="2">수수료<br/>유형</th> <th rowspan="2">수수료<br/>유형</th>
<th rowspan="2">과금<br/>기준</th> <th rowspan="2">과금<br/>기준</th>
<th rowspan="2">값구분</th> <th rowspan="2">값구분</th>
<th rowspan="2">판매액</th> <th rowspan="2">판매액</th>
<th colspan="4">조정 전</th> <th colspan="4">조정 전</th>
<th colspan="4">조정 후</th> <th colspan="4">조정 후</th>
<th rowspan="2">조정사유</th> <th rowspan="2">조정사유</th>
</tr> </tr>
<tr> <tr>
<th>적용<br/>수수료</th> <th>적용<br/>수수료</th>
<th>처리<br/>건수</th> <th>처리<br/>건수</th>
<th>최저<br/>수수료</th> <th>최저<br/>수수료</th>
<th>출금<br/>예상수수료</th> <th>출금<br/>예상수수료</th>
<th>적용<br/>수수료</th> <th>적용<br/>수수료</th>
<th>처리<br/>건수</th> <th>처리<br/>건수</th>
<th>최저<br/>수수료</th> <th>최저<br/>수수료</th>
<th>출금<br/>예상수수료</th> <th>출금<br/>예상수수료</th>
</tr> </tr>
</thead> </thead>
<tbody id="saleTableBody"> <tbody id="saleTableBody">
<!-- 동적 생성 --> <!-- 동적 생성 -->
</tbody> </tbody>
</table> </table>
<!-- 합계 테이블 --> <!-- 합계 테이블 -->
<table class="table table-bordered border-type voffset3"> <table class="table table-bordered border-type voffset3">
<colgroup> <colgroup>
<col/> <col/>
<col style="width: 13%"/> <col style="width: 13%"/>
<col style="width: 13%"/> <col style="width: 13%"/>
<col style="width: 13%"/> <col style="width: 13%"/>
<col style="width: 13%"/> <col style="width: 13%"/>
<col style="width: 13%"/> <col style="width: 13%"/>
<col style="width: 13%"/> <col style="width: 13%"/>
</colgroup> </colgroup>
<thead> <thead>
<tr> <tr>
<th rowspan="2">구분</th> <th rowspan="2">구분</th>
<th colspan="3">조정 전</th> <th colspan="3">조정 전</th>
<th colspan="3">조정 후</th> <th colspan="3">조정 후</th>
</tr> </tr>
<tr> <tr>
<th>판매액</th> <th>판매액</th>
<th>처리건수(건)</th> <th>처리건수(건)</th>
<th>출금예상금액</th> <th>출금예상금액</th>
<th>판매액</th> <th>판매액</th>
<th>처리건수(건)</th> <th>처리건수(건)</th>
<th>출금예상금액</th> <th>출금예상금액</th>
</tr> </tr>
</thead> </thead>
<tbody> <tbody>
<tr class="summary-row"> <tr class="summary-row">
<td class="text-center"><strong id="totalTitle">합계</strong></td> <td class="text-center"><strong id="totalTitle">합계</strong></td>
<td class="text-right"><strong id="totalSalesAmount1">-</strong></td> <td class="text-right"><strong id="totalSalesAmount1">-</strong></td>
<td class="text-right"><strong id="totalCount1">-</strong></td> <td class="text-right"><strong id="totalCount1">-</strong></td>
<td class="text-right"><strong class="summary-amount" id="totalAmount1">-</strong></td> <td class="text-right"><strong class="summary-amount" id="totalAmount1">-</strong></td>
<td class="text-right"><strong id="totalSalesAmount2">-</strong></td> <td class="text-right"><strong id="totalSalesAmount2">-</strong></td>
<td class="text-right"><strong id="totalCount2">-</strong></td> <td class="text-right"><strong id="totalCount2">-</strong></td>
<td class="text-right"><strong class="summary-amount" id="totalAmount2">-</strong></td> <td class="text-right"><strong class="summary-amount" id="totalAmount2">-</strong></td>
</tr> </tr>
</tbody> </tbody>
</table> </table>
</div>
</div> </div>
</div> </div>
</div> </section>
</section>
</th:block>
<th:block layout:fragment="contentScript"> <th:block layout:fragment="contentScript">
<script th:inline="javascript"> <script th:inline="javascript">