Commit df7f83d9 authored by Kim, Subin's avatar Kim, Subin
Browse files

Admin - TicketFeeTable

parent bc24bfb5
......@@ -2,7 +2,7 @@ import { useState, useEffect } from "react";
import cinemaApi from "../../apis/cinema.api.js";
import catchErrors from "../../utils/catchErrors.js";
const FeeTable = ({ editFee, setEditFee }) => {
const TicketFeeTable = ({ setEditFee }) => {
const [ticketFee, setTicketFee] = useState([])
const [error, setError] = useState("")
......@@ -12,14 +12,14 @@ const FeeTable = ({ editFee, setEditFee }) => {
async function getInfo() {
const res = await cinemaApi.getTicketFee()
console.log("res==", res)
setTicketFee(res)
}
async function editRow(theaterType) {
try {
setError("")
const res = await cinemaApi.getTicketFeeOne(theaterType)
setEditFee({ ...editFee, ...res })
setEditFee({ ...res })
} catch (error) {
catchErrors(error, setError)
}
......@@ -36,69 +36,79 @@ const FeeTable = ({ editFee, setEditFee }) => {
}
}
function priceToString(price) {
return price.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',');
}
return (
<table className="table caption-top text-center align-middle">
<caption className="text-dark">영화관람료 안내</caption>
<thead className="table-dark">
<tr>
<th>상영관 종류</th>
<th>주중 / 주말</th>
<th>시간대</th>
<th>청소년</th>
<th>일반</th>
<th>경로</th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td rowSpan="6">일반석 2D</td>
<td rowSpan="3">주중(~)</td>
<td>조조 (06:00 ~ )</td>
<td>6,000</td>
<td>8,000</td>
<td>6,000</td>
<td rowSpan="6">
<div className="d-flex flex-column">
<button type="button" className="btn btn-primary my-1" onClick={() => editRow("일반석 2D")}>수정</button>
<button type="button" className="btn btn-danger my-1" onClick={() => deleteData("일반석 2D")}>삭제</button>
</div>
</td>
</tr>
<tr>
<td>일반 (11:00 ~ )</td>
<td>9,000</td>
<td>12,000</td>
<td>9,000</td>
</tr>
<tr>
<td>심야 (00:00 ~ )</td>
<td>5,000</td>
<td>7,000</td>
<td>5,000</td>
</tr>
<tr>
<td rowSpan="3">주말(~) 공휴일</td>
<td>조조 (06:00 ~ )</td>
<td>6,000</td>
<td>9,000</td>
<td>6,000</td>
</tr>
<tr>
<td>일반 (11:00 ~ )</td>
<td>10,000</td>
<td>13,000</td>
<td>10,000</td>
</tr>
<tr>
<td>심야 (00:00 ~ )</td>
<td>5,000</td>
<td>7,000</td>
<td>5,000</td>
</tr>
</tbody>
</table>
<table className="table caption-top text-center align-middle">
<caption className="text-dark">영화관람료 안내</caption>
<thead className="table-dark">
<tr>
<th>상영관 종류</th>
<th>주중 / 주말</th>
<th>시간대</th>
<th>청소년</th>
<th>일반</th>
<th>경로</th>
<th></th>
</tr>
</thead>
<tbody>
{ticketFee.length !== 0 ? ticketFee.map(info =>
<>
<tr>
<td rowSpan="6">{info.theaterType}</td>
<td rowSpan="3">주중(~)</td>
<td>조조 (06:00 ~ )</td>
<td>{priceToString(info.weekdays + info.morning + info.youth + info.defaultPrice)}</td>
<td>{priceToString(info.weekdays + info.morning + info.adult + info.defaultPrice)}</td>
<td>{priceToString(info.weekdays + info.morning + info.senior + info.defaultPrice)}</td>
<td rowSpan="6">
<div className="d-flex flex-column">
<button type="button" className="btn btn-primary my-1" onClick={() => editRow(info.theaterType)}>수정</button>
<button type="button" className="btn btn-danger my-1" onClick={() => deleteData(info.theaterType)}>삭제</button>
</div>
</td>
</tr>
<tr>
<td>일반 (11:00 ~ )</td>
<td>{priceToString(info.weekdays + info.day + info.youth + info.defaultPrice)}</td>
<td>{priceToString(info.weekdays + info.day + info.adult + info.defaultPrice)}</td>
<td>{priceToString(info.weekdays + info.day + info.senior + info.defaultPrice)}</td>
</tr>
<tr>
<td>심야 (00:00 ~ )</td>
<td>{priceToString(info.weekdays + info.night + info.youth + info.defaultPrice)}</td>
<td>{priceToString(info.weekdays + info.night + info.adult + info.defaultPrice)}</td>
<td>{priceToString(info.weekdays + info.night + info.senior + info.defaultPrice)}</td>
</tr>
<tr>
<td rowSpan="3">주말(~) 공휴일</td>
<td>조조 (06:00 ~ )</td>
<td>{priceToString(info.weekend + info.morning + info.youth + info.defaultPrice)}</td>
<td>{priceToString(info.weekend + info.morning + info.adult + info.defaultPrice)}</td>
<td>{priceToString(info.weekend + info.morning + info.senior + info.defaultPrice)}</td>
</tr>
<tr>
<td>일반 (11:00 ~ )</td>
<td>{priceToString(info.weekend + info.day + info.youth + info.defaultPrice)}</td>
<td>{priceToString(info.weekend + info.day + info.adult + info.defaultPrice)}</td>
<td>{priceToString(info.weekend + info.day + info.senior + info.defaultPrice)}</td>
</tr>
<tr>
<td>심야 (00:00 ~ )</td>
<td>{priceToString(info.weekend + info.night + info.youth + info.defaultPrice)}</td>
<td>{priceToString(info.weekend + info.night + info.adult + info.defaultPrice)}</td>
<td>{priceToString(info.weekend + info.night + info.senior + info.defaultPrice)}</td>
</tr>
</>)
: <tr>
<td colSpan="7">등록된 관람료 관련 정보가 없습니다.</td>
</tr>}
</tbody>
</table>
)
}
export default FeeTable
\ No newline at end of file
export default TicketFeeTable
\ No newline at end of file
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment