Skip to content

GitLab

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

Admin - TicketFeeTable

parent bc24bfb5
Show whitespace changes
Inline Side-by-side
client/src/components/Admin/TicketFeeTable.js
View file @ df7f83d9
...@@ -2,7 +2,7 @@ import { useState, useEffect } from "react"; ...@@ -2,7 +2,7 @@ import { useState, useEffect } from "react";
import cinemaApi from "../../apis/cinema.api.js"; import cinemaApi from "../../apis/cinema.api.js";
import catchErrors from "../../utils/catchErrors.js"; import catchErrors from "../../utils/catchErrors.js";
const FeeTable = ({ editFee, setEditFee }) => { const TicketFeeTable = ({ setEditFee }) => {
const [ticketFee, setTicketFee] = useState([]) const [ticketFee, setTicketFee] = useState([])
const [error, setError] = useState("") const [error, setError] = useState("")
...@@ -12,14 +12,14 @@ const FeeTable = ({ editFee, setEditFee }) => { ...@@ -12,14 +12,14 @@ const FeeTable = ({ editFee, setEditFee }) => {
async function getInfo() { async function getInfo() {
const res = await cinemaApi.getTicketFee() const res = await cinemaApi.getTicketFee()
console.log("res==", res) setTicketFee(res)
} }
async function editRow(theaterType) { async function editRow(theaterType) {
try { try {
setError("") setError("")
const res = await cinemaApi.getTicketFeeOne(theaterType) const res = await cinemaApi.getTicketFeeOne(theaterType)
setEditFee({ ...editFee, ...res }) setEditFee({ ...res })
} catch (error) { } catch (error) {
catchErrors(error, setError) catchErrors(error, setError)
} }
...@@ -36,6 +36,10 @@ const FeeTable = ({ editFee, setEditFee }) => { ...@@ -36,6 +36,10 @@ const FeeTable = ({ editFee, setEditFee }) => {
} }
} }
function priceToString(price) {
return price.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',');
}
return ( return (
<table className="table caption-top text-center align-middle"> <table className="table caption-top text-center align-middle">
<caption className="text-dark">영화관람료 안내</caption> <caption className="text-dark">영화관람료 안내</caption>
...@@ -51,54 +55,60 @@ const FeeTable = ({ editFee, setEditFee }) => { ...@@ -51,54 +55,60 @@ const FeeTable = ({ editFee, setEditFee }) => {
</tr> </tr>
</thead> </thead>
<tbody> <tbody>
{ticketFee.length !== 0 ? ticketFee.map(info =>
<>
<tr> <tr>
<td rowSpan="6">일반석 2D</td> <td rowSpan="6">{info.theaterType}</td>
<td rowSpan="3">주중(월~목)</td> <td rowSpan="3">주중(월~목)</td>
<td>조조 (06:00 ~ )</td> <td>조조 (06:00 ~ )</td>
<td>6,000원</td> <td>{priceToString(info.weekdays + info.morning + info.youth + info.defaultPrice)}원</td>
<td>8,000원</td> <td>{priceToString(info.weekdays + info.morning + info.adult + info.defaultPrice)}원</td>
<td>6,000원</td> <td>{priceToString(info.weekdays + info.morning + info.senior + info.defaultPrice)}원</td>
<td rowSpan="6"> <td rowSpan="6">
<div className="d-flex flex-column"> <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-primary my-1" onClick={() => editRow(info.theaterType)}>수정</button>
<button type="button" className="btn btn-danger my-1" onClick={() => deleteData("일반석 2D")}>삭제</button> <button type="button" className="btn btn-danger my-1" onClick={() => deleteData(info.theaterType)}>삭제</button>
</div> </div>
</td> </td>
</tr> </tr>
<tr> <tr>
<td>일반 (11:00 ~ )</td> <td>일반 (11:00 ~ )</td>
<td>9,000원</td> <td>{priceToString(info.weekdays + info.day + info.youth + info.defaultPrice)}원</td>
<td>12,000원</td> <td>{priceToString(info.weekdays + info.day + info.adult + info.defaultPrice)}원</td>
<td>9,000원</td> <td>{priceToString(info.weekdays + info.day + info.senior + info.defaultPrice)}원</td>
</tr> </tr>
<tr> <tr>
<td>심야 (00:00 ~ )</td> <td>심야 (00:00 ~ )</td>
<td>5,000원</td> <td>{priceToString(info.weekdays + info.night + info.youth + info.defaultPrice)}원</td>
<td>7,000원</td> <td>{priceToString(info.weekdays + info.night + info.adult + info.defaultPrice)}원</td>
<td>5,000원</td> <td>{priceToString(info.weekdays + info.night + info.senior + info.defaultPrice)}원</td>
</tr> </tr>
<tr> <tr>
<td rowSpan="3">주말(금~일) 및 공휴일</td> <td rowSpan="3">주말(금~일) 및 공휴일</td>
<td>조조 (06:00 ~ )</td> <td>조조 (06:00 ~ )</td>
<td>6,000원</td> <td>{priceToString(info.weekend + info.morning + info.youth + info.defaultPrice)}원</td>
<td>9,000원</td> <td>{priceToString(info.weekend + info.morning + info.adult + info.defaultPrice)}원</td>
<td>6,000원</td> <td>{priceToString(info.weekend + info.morning + info.senior + info.defaultPrice)}원</td>
</tr> </tr>
<tr> <tr>
<td>일반 (11:00 ~ )</td> <td>일반 (11:00 ~ )</td>
<td>10,000원</td> <td>{priceToString(info.weekend + info.day + info.youth + info.defaultPrice)}원</td>
<td>13,000원</td> <td>{priceToString(info.weekend + info.day + info.adult + info.defaultPrice)}원</td>
<td>10,000원</td> <td>{priceToString(info.weekend + info.day + info.senior + info.defaultPrice)}원</td>
</tr> </tr>
<tr> <tr>
<td>심야 (00:00 ~ )</td> <td>심야 (00:00 ~ )</td>
<td>5,000원</td> <td>{priceToString(info.weekend + info.night + info.youth + info.defaultPrice)}원</td>
<td>7,000원</td> <td>{priceToString(info.weekend + info.night + info.adult + info.defaultPrice)}원</td>
<td>5,000원</td> <td>{priceToString(info.weekend + info.night + info.senior + info.defaultPrice)}원</td>
</tr> </tr>
</>)
: <tr>
<td colSpan="7">등록된 관람료 관련 정보가 없습니다.</td>
</tr>}
</tbody> </tbody>
</table> </table>
) )
} }
export default FeeTable export default TicketFeeTable
\ No newline at end of file \ 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