nicepayments/nice-app-web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

홈 화면

Browse Source
This commit is contained in:
focp212@naver.com
2025-09-29 13:33:41 +09:00
parent 6a992012cf
commit 7ca420c257
5 changed files with 153 additions and 81 deletions
Download Patch File Download Diff File Expand all files Collapse all files

96
src/entities/home/ui/day-status-box-container2.tsx
View File

@@ -137,13 +137,33 @@ export const BoxContainer2 = () => {
<div className="box-wrap two-sales img-customer">
<h4>평균 객단가</h4>
<div className="two-account">
<span>937,284,000원</span>
<span>
<NumericFormat
value={ averageTransactionAmount }
thousandSeparator
displayType="text"
suffix='원'
></NumericFormat>
</span>
</div>
</div>
<div className="box-wrap two-sales img-states">
<h4>하루 평균 매출 및 건수</h4>
<div className="two-account">
<span>73,000,000원(1,800건)</span>
<span>
<NumericFormat
value={ dailyAverageSales }
thousandSeparator
displayType="text"
suffix='원'
></NumericFormat>
(<NumericFormat
value={ dailyAverageCount }
thousandSeparator
displayType="text"
suffix='원'
></NumericFormat>)
</span>
</div>
</div>
</div>
@@ -151,61 +171,43 @@ export const BoxContainer2 = () => {
<div className="box-wrap ranking">
<h4>매출이 가장 높은 요일</h4>
<ul>
<li>
<span className="ranking-num-01">1</span>
<span>월요일 (354,342,000원)</span>
<span className="last-per-01">30%</span>
</li>
<li>
<span className="ranking-num-ot">2</span>
<span>화요일 (63,983,000원)</span>
<span className="last-per-ot">20%</span>
</li>
<li>
<span className="ranking-num-ot">3</span>
<span>수요일 (5,938,000원)</span>
<span className="last-per-ot">10%</span>
</li>
{
topSalesDayInfo?.daySalesRatios.map((value, index) => (
<li key={`key-day-sales-ratio-${index}`}>
<span className={ `ranking-num-${(index === 0)? '01': 'ot'}` }>{ (index + 1) }</span>
<span>{ value.dayOfWeek }</span>
<span className="last-per-01">{ value.ratio + '%' }</span>
</li>
))
}
</ul>
</div>
<div className="box-wrap ranking">
<h4>매출이 가장 높은 시간</h4>
<ul>
<li>
<span className="ranking-num-01">1</span>
<span>18시 (5,342,000원)</span>
<span className="last-per-01">30%</span>
</li>
<li>
<span className="ranking-num-ot">2</span>
<span>10시 (994,000원)</span>
<span className="last-per-ot">20%</span>
</li>
<li>
<span className="ranking-num-ot">3</span>
<span>23시 (478,000원)</span>
<span className="last-per-ot">10%</span>
</li>
{
topSalesTimeInfo?.timeSalesRatios.map((value, index) => (
<li key={`key-time-sales-ratio-${index}`}>
<span className={ `ranking-num-${(index === 0)? '01': 'ot'}` }>{ (index + 1) }</span>
<span>{ value.hour }</span>
<span className="last-per-01">{ value.ratio + '%' }</span>
</li>
))
}
</ul>
</div>
<div className="box-wrap ranking">
<h4>가장 많이쓰인 결제 수단</h4>
<ul>
<li>
<span className="ranking-num-01">1</span>
<span>신용카드 (354,342,000원)</span>
<span className="last-per-01">30%</span>
</li>
<li>
<span className="ranking-num-ot">2</span>
<span>가상계좌 (64,094,000원)</span>
<span className="last-per-ot">20%</span>
</li>
<li>
<span className="ranking-num-ot">3</span>
<span>휴대폰 (478,000원)</span>
<span className="last-per-ot">10%</span>
</li>
{
topPaymentMethodInfo?.paymentMethodRatios.map((value, index) => (
<li key={`key-payment-method-ratio-${index}`}>
<span className={ `ranking-num-${(index === 0)? '01': 'ot'}` }>{ (index + 1) }</span>
<span>{ value.paymentMethod }</span>
<span className="last-per-01">{ value.ratio + '%' }</span>
</li>
))
}
</ul>
</div>
</div>