김지은 4 months ago
parent
commit
deb9057f9a
  1. 10
      src/assets/css/custom.css
  2. 7
      src/components/flight/FlightApprovalsTable.js

10
src/assets/css/custom.css

@ -1173,9 +1173,9 @@ caption {overflow: hidden; line-height: 0;text-indent: -2000px;}
.invoice-list-dataTable.flight-approval .react-dataTable .rdt_TableBody .rdt_TableRow .rdt_TableCell{padding:0;min-height:60px;} .invoice-list-dataTable.flight-approval .react-dataTable .rdt_TableBody .rdt_TableRow .rdt_TableCell{padding:0;min-height:60px;}
.invoice-list-dataTable.flight-approval .react-dataTable .rdt_TableBody .rdt_TableRow .rdt_TableCell:hover{cursor: pointer;} */ .invoice-list-dataTable.flight-approval .react-dataTable .rdt_TableBody .rdt_TableRow .rdt_TableCell:hover{cursor: pointer;} */
.invoice-list-dataTable.flight-approval .pal-dateTable a{color:rgba(0,0,0,0.87);} .invoice-list-dataTable.flight-approval .pal-dateTable a{color:rgba(0,0,0,0.87);}
.sc-AxhCb.sc-AxmLO {order: 1!important;min-width:142px;position: relative;z-index: 2;} /* .sc-AxhCb.sc-AxmLO {order: 1!important;min-width:142px;position: relative;z-index: 2;}
.sc-AxhCb.sc-AxmLO svg{width:16px;position:absolute;right:20px} .sc-AxhCb.sc-AxmLO svg{width:16px;position:absolute;right:20px}
.sc-AxhCb.sc-AxmLO::before{content:'자세히보기';position:absolute;z-index:-1;left:45%;transform:translateX(-45%);color:rgba(0,0,0,0.6);} .sc-AxhCb.sc-AxmLO::before{content:'자세히보기';position:absolute;z-index:-1;left:45%;transform:translateX(-45%);color:rgba(0,0,0,0.6);} */
.flight-approval .rdt_TableHeadRow>div{display:none} .flight-approval .rdt_TableHeadRow>div{display:none}
.flight-approval .rdt_TableHeadRow .rdt_TableCol{display:block;font-size:0.8rem;} .flight-approval .rdt_TableHeadRow .rdt_TableCol{display:block;font-size:0.8rem;}
@ -1198,3 +1198,9 @@ caption {overflow: hidden; line-height: 0;text-indent: -2000px;}
.flight-not-approval-row {background-color: rgba(252, 3, 3, 0.4); } .flight-not-approval-row {background-color: rgba(252, 3, 3, 0.4); }
.flight-approval-row{background-color:rgba(63, 172, 225, 0.4);} .flight-approval-row{background-color:rgba(63, 172, 225, 0.4);}
.flight-approval-layer .layer-content-list button{padding:0;font-size: 0.8rem;} .flight-approval-layer .layer-content-list button{padding:0;font-size: 0.8rem;}
.flight-approval-layer .react-dataTable.pal-dateTable .rdt_TableBody .rdt_TableRow .rdt_TableCell{padding:0;}
.flight-approval-layer .react-dataTable.pal-dateTable .rdt_TableBody .rdt_TableRow .rdt_TableCell .btn{padding: 0.5rem 1rem;}
.flight-approval-layer .__rdt_custom_sort_icon__{position:absolute;right:10%}

7
src/components/flight/FlightApprovalsTable.js

@ -47,6 +47,7 @@ export default function FlightApprovalsTable(props) {
selector: row => row.areaList[0].zoneNo, selector: row => row.areaList[0].zoneNo,
center: true, center: true,
sortable: true, sortable: true,
width: '110px',
cell: row => { cell: row => {
return row.areaList[0].zoneNo + '번'; return row.areaList[0].zoneNo + '번';
} }
@ -55,7 +56,7 @@ export default function FlightApprovalsTable(props) {
name: '중심좌표(위도/경도)', name: '중심좌표(위도/경도)',
selector: row => row.areaList[0].lat, selector: row => row.areaList[0].lat,
center: true, center: true,
width: '180px',
sortable: true, sortable: true,
cell: row => { cell: row => {
return `${row.areaList[0].lat.toFixed(5)}/${row.areaList[0].lon.toFixed( return `${row.areaList[0].lat.toFixed(5)}/${row.areaList[0].lon.toFixed(
@ -67,7 +68,6 @@ export default function FlightApprovalsTable(props) {
name: '반경(m)', name: '반경(m)',
selector: row => row.areaList[0].bufferZone, selector: row => row.areaList[0].bufferZone,
center: true, center: true,
sortable: true, sortable: true,
cell: row => { cell: row => {
return row.areaList[0].bufferZone; return row.areaList[0].bufferZone;
@ -122,6 +122,7 @@ export default function FlightApprovalsTable(props) {
name: '더보기', name: '더보기',
selector: row => row.areaList, selector: row => row.areaList,
center: true, center: true,
width: '120px',
cell: row => { cell: row => {
return row.areaList.length > 1 ? ( return row.areaList.length > 1 ? (
<Button <Button
@ -285,7 +286,7 @@ export default function FlightApprovalsTable(props) {
pagination={true} pagination={true}
// customStyles={customStyles} // customStyles={customStyles}
conditionalRowStyles={conditionalRowStyles} conditionalRowStyles={conditionalRowStyles}
FlightInfoComponent={FlightInfoComponent} // FlightInfoComponent={FlightInfoComponent}
handleRowClick={handleRowClick} handleRowClick={handleRowClick}
/> />
) : ( ) : (

Loading…
Cancel
Save