bcjang/operationSystem-front
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

비즈니스 로그 위치 변경

Browse Source
This commit is contained in:
bcjang
2025-03-26 15:29:54 +09:00
parent 894eb17fd8
commit a333f55f81
2 changed files with 26 additions and 78 deletions
Download Patch File Download Diff File Expand all files Collapse all files

103
src/pages/UserManage/BusinessLogView.js → src/pages/DataManage/BusinessLogView.js
View File

@@ -5,6 +5,12 @@ import {
TableStyle, TableStyle,
FormWrapper, FormWrapper,
TableWrapper, TableWrapper,
TableActionButton,
TableDetailRow,
TableDetailContainer,
TableDetailFlex,
TableDetailColumn,
DetailTableInfo,
} from '../../styles/Components'; } from '../../styles/Components';
import { withAuth } from '../../utils/hook'; import { withAuth } from '../../utils/hook';
@@ -14,7 +20,7 @@ import {
} from '../../assets/data'; } from '../../assets/data';
import { INITIAL_PAGE_LIMIT, INITIAL_PAGE_SIZE } from '../../assets/data/adminConstants'; import { INITIAL_PAGE_LIMIT, INITIAL_PAGE_SIZE } from '../../assets/data/adminConstants';
import { useTranslation } from 'react-i18next'; import { useTranslation } from 'react-i18next';
import { DynamicModal, ExcelDownButton, Pagination, ViewTableInfo } from '../../components/common'; import { DynamicModal, ExcelDownButton, Pagination, TopButton, ViewTableInfo } from '../../components/common';
import { TableSkeleton } from '../../components/Skeleton/TableSkeleton'; import { TableSkeleton } from '../../components/Skeleton/TableSkeleton';
import BusinessLogSearchBar, { useBusinessLogSearch } from '../../components/ServiceManage/searchBar/BusinessLogSearchBar'; import BusinessLogSearchBar, { useBusinessLogSearch } from '../../components/ServiceManage/searchBar/BusinessLogSearchBar';
import styled from 'styled-components'; import styled from 'styled-components';
@@ -67,7 +73,7 @@ const BusinessLogView = () => {
if (!actor || typeof actor !== 'object') return <></>; if (!actor || typeof actor !== 'object') return <></>;
return ( return (
<DetailTable> <DetailTableInfo>
<thead> <thead>
<tr> <tr>
<th colSpan="2">Actor 정보</th> <th colSpan="2">Actor 정보</th>
@@ -86,7 +92,7 @@ const BusinessLogView = () => {
</tr> </tr>
))} ))}
</tbody> </tbody>
</DetailTable> </DetailTableInfo>
); );
}; };
@@ -95,7 +101,7 @@ const BusinessLogView = () => {
if (!infos || !Array.isArray(infos) || infos.length === 0) return <></>; if (!infos || !Array.isArray(infos) || infos.length === 0) return <></>;
return ( return (
<DetailTable> <DetailTableInfo>
<thead> <thead>
<tr> <tr>
<th colSpan="2">Infos 정보</th> <th colSpan="2">Infos 정보</th>
@@ -120,7 +126,7 @@ const BusinessLogView = () => {
</Fragment> </Fragment>
))} ))}
</tbody> </tbody>
</DetailTable> </DetailTableInfo>
); );
}; };
@@ -174,26 +180,26 @@ const BusinessLogView = () => {
<td>{item.action}</td> <td>{item.action}</td>
<td>{item.domain === 'None' ? '-' : item.domain}</td> <td>{item.domain === 'None' ? '-' : item.domain}</td>
<td> <td>
<ActionButton onClick={() => toggleRowExpand(index)}> <TableActionButton onClick={() => toggleRowExpand(index)}>
{expandedRows[index] ? '접기' : '상세보기'} {expandedRows[index] ? '접기' : '상세보기'}
</ActionButton> </TableActionButton>
</td> </td>
</tr> </tr>
{expandedRows[index] && ( {expandedRows[index] && (
<DetailRow> <TableDetailRow>
<td colSpan={tableHeaders.length}> <td colSpan={tableHeaders.length}>
<DetailContainer> <TableDetailContainer>
<DetailFlex> <TableDetailFlex>
<DetailColumn> <TableDetailColumn>
{renderActorData(item.header?.Actor)} {renderActorData(item.header?.Actor)}
</DetailColumn> </TableDetailColumn>
<DetailColumn> <TableDetailColumn>
{renderInfosData(item.body?.Infos)} {renderInfosData(item.body?.Infos)}
</DetailColumn> </TableDetailColumn>
</DetailFlex> </TableDetailFlex>
</DetailContainer> </TableDetailContainer>
</td> </td>
</DetailRow> </TableDetailRow>
)} )}
</Fragment> </Fragment>
))} ))}
@@ -201,6 +207,7 @@ const BusinessLogView = () => {
</TableStyle> </TableStyle>
</TableWrapper> </TableWrapper>
<Pagination postsPerPage={searchParams.pageSize} totalPosts={dataList?.total_all} setCurrentPage={handlePageChange} currentPage={searchParams.currentPage} pageLimit={INITIAL_PAGE_LIMIT} /> <Pagination postsPerPage={searchParams.pageSize} totalPosts={dataList?.total_all} setCurrentPage={handlePageChange} currentPage={searchParams.currentPage} pageLimit={INITIAL_PAGE_LIMIT} />
<TopButton />
</> </>
} }
@@ -214,64 +221,4 @@ const BusinessLogView = () => {
); );
}; };
// Styled components for the detail view export default withAuth(authType.businessLogRead)(BusinessLogView);
const DetailRow = styled.tr`
background-color: #f8f9fa;
`;
const DetailContainer = styled.div`
padding: 15px;
background-color: #f8f9fa;
`;
const DetailFlex = styled.div`
display: flex;
gap: 20px;
flex-wrap: wrap;
`;
const DetailColumn = styled.div`
flex: 1 1 48%;
min-width: 300px;
`;
const DetailTable = styled.table`
width: 100%;
border-collapse: collapse;
margin-bottom: 15px;
font-size: 12px;
th, td {
border: 1px solid #ddd;
padding: 8px;
text-align: left;
}
th {
background-color: #f1f1f1;
font-weight: bold;
}
tr:nth-child(even) {
background-color: #f8f8f8;
}
`;
const ActionButton = styled.button`
cursor: pointer;
background: #4a89dc;
color: white;
border: none;
border-radius: 3px;
padding: 2px 5px;
font-size: 13px;
min-width: max-content;
width: 80px;
height: 24px;
&:hover {
background: #3a70bc;
}
`;
export default withAuth(authType.landRead)(BusinessLogView);

1
src/pages/DataManage/index.js
View File

@@ -2,3 +2,4 @@ export { default as UserView } from './UserView';
export { default as LandInfoView } from './LandInfoView'; export { default as LandInfoView } from './LandInfoView';
export { default as GameLogView } from './GameLogView'; export { default as GameLogView } from './GameLogView';
export { default as CryptView } from './CryptView'; export { default as CryptView } from './CryptView';
export { default as BusinessLogView} from './BusinessLogView';