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-07-16 18:38:38 +09:00
parent 943b146496
commit 7fa9abcad4
5 changed files with 15 additions and 33 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
src/components/DataManage/CurrencyItemLogContent.js
View File

@@ -22,6 +22,7 @@ import {
import ExcelExportButton from '../common/button/ExcelExportButton'; import ExcelExportButton from '../common/button/ExcelExportButton';
import CircularProgress from '../common/CircularProgress'; import CircularProgress from '../common/CircularProgress';
import { GameCurrencyItemLogExport } from '../../apis'; import { GameCurrencyItemLogExport } from '../../apis';
import { AnimatedPageWrapper } from '../common/Layout';
const CurrencyItemLogContent = ({ active }) => { const CurrencyItemLogContent = ({ active }) => {
const { t } = useTranslation(); const { t } = useTranslation();
@@ -85,7 +86,7 @@ const CurrencyItemLogContent = ({ active }) => {
if(!active) return null; if(!active) return null;
return ( return (
<> <AnimatedPageWrapper>
<FormWrapper> <FormWrapper>
<CurrencyItemLogSearchBar <CurrencyItemLogSearchBar
searchParams={searchParams} searchParams={searchParams}
@@ -161,7 +162,7 @@ const CurrencyItemLogContent = ({ active }) => {
<TopButton /> <TopButton />
</> </>
} }
</> </AnimatedPageWrapper>
); );
}; };
export default CurrencyItemLogContent; export default CurrencyItemLogContent;

5
src/components/DataManage/CurrencyLogContent.js
View File

@@ -21,6 +21,7 @@ import {
} from '../../assets/data/adminConstants'; } from '../../assets/data/adminConstants';
import ExcelExportButton from '../common/button/ExcelExportButton'; import ExcelExportButton from '../common/button/ExcelExportButton';
import CircularProgress from '../common/CircularProgress'; import CircularProgress from '../common/CircularProgress';
import { AnimatedPageWrapper } from '../common/Layout';
const CurrencyLogContent = ({ active }) => { const CurrencyLogContent = ({ active }) => {
const { t } = useTranslation(); const { t } = useTranslation();
@@ -83,7 +84,7 @@ const CurrencyLogContent = ({ active }) => {
if(!active) return null; if(!active) return null;
return ( return (
<> <AnimatedPageWrapper>
<FormWrapper> <FormWrapper>
<CurrencyLogSearchBar <CurrencyLogSearchBar
searchParams={searchParams} searchParams={searchParams}
@@ -159,7 +160,7 @@ const CurrencyLogContent = ({ active }) => {
<TopButton /> <TopButton />
</> </>
} }
</> </AnimatedPageWrapper>
); );
}; };
export default CurrencyLogContent; export default CurrencyLogContent;

5
src/components/DataManage/ItemLogContent.js
View File

@@ -22,6 +22,7 @@ import {
import ExcelExportButton from '../common/button/ExcelExportButton'; import ExcelExportButton from '../common/button/ExcelExportButton';
import CircularProgress from '../common/CircularProgress'; import CircularProgress from '../common/CircularProgress';
import { countDeltaType, itemTypeLarge } from '../../assets/data/options'; import { countDeltaType, itemTypeLarge } from '../../assets/data/options';
import { AnimatedPageWrapper } from '../common/Layout';
const CurrencyLogContent = ({ active }) => { const CurrencyLogContent = ({ active }) => {
const { t } = useTranslation(); const { t } = useTranslation();
@@ -86,7 +87,7 @@ const CurrencyLogContent = ({ active }) => {
if(!active) return null; if(!active) return null;
return ( return (
<> <AnimatedPageWrapper>
<FormWrapper> <FormWrapper>
<ItemLogSearchBar <ItemLogSearchBar
searchParams={searchParams} searchParams={searchParams}
@@ -164,7 +165,7 @@ const CurrencyLogContent = ({ active }) => {
<TopButton /> <TopButton />
</> </>
} }
</> </AnimatedPageWrapper>
); );
}; };
export default CurrencyLogContent; export default CurrencyLogContent;

5
src/components/IndexManage/CreditContent.js
View File

@@ -16,6 +16,7 @@ import CircularProgress from '../common/CircularProgress';
import { useTranslation } from 'react-i18next'; import { useTranslation } from 'react-i18next';
import CurrencyIndexSearchBar from '../searchBar/CurrencyIndexSearchBar'; import CurrencyIndexSearchBar from '../searchBar/CurrencyIndexSearchBar';
import { useNavigate } from 'react-router-dom'; import { useNavigate } from 'react-router-dom';
import { AnimatedPageWrapper } from '../common/Layout';
const CreditContent = () => { const CreditContent = () => {
const { t } = useTranslation(); const { t } = useTranslation();
@@ -112,7 +113,7 @@ const CreditContent = () => {
} }
return ( return (
<> <AnimatedPageWrapper>
<FormWrapper> <FormWrapper>
<CurrencyIndexSearchBar <CurrencyIndexSearchBar
searchParams={searchParams} searchParams={searchParams}
@@ -214,7 +215,7 @@ const CreditContent = () => {
<TopButton /> <TopButton />
</> </>
} }
</> </AnimatedPageWrapper>
); );
}; };

28
src/components/IndexManage/UserContent.js
View File

@@ -10,6 +10,7 @@ import Loading from '../common/Loading';
import { ExcelDownButton } from '../common'; import { ExcelDownButton } from '../common';
import { useTranslation } from 'react-i18next'; import { useTranslation } from 'react-i18next';
import { formatStringDate } from '../../utils'; import { formatStringDate } from '../../utils';
import { AnimatedPageWrapper } from '../common/Layout';
const UserContent = () => { const UserContent = () => {
const token = sessionStorage.getItem('token'); const token = sessionStorage.getItem('token');
@@ -24,20 +25,6 @@ const UserContent = () => {
const [dataList, setDataList] = useState([]); const [dataList, setDataList] = useState([]);
const [resultData, setResultData] = useState([]); const [resultData, setResultData] = useState([]);
// const [sendDate, setSendDate] = useState(START_DATE);
// const [finishDate, setFinishDate] = useState(END_DATE);
const headers = [
{key: 'date', label: '일자'},
{key: 'nru', label: 'NRU'},
{key: 'ugqCreate', label: '일자'},
{key: 'dglc', label: '일자'},
{key: 'dau', label: '일자'},
{key: 'mcu', label: '일자'},
{key: 'date', label: '일자'},
{key: 'date', label: '일자'},
]
useEffect(() => { useEffect(() => {
fetchData(START_DATE, END_DATE); fetchData(START_DATE, END_DATE);
}, []); }, []);
@@ -54,8 +41,6 @@ const UserContent = () => {
setLoading(false); setLoading(false);
}); });
// setSendDate(startDateToLocal);
// setFinishDate(endDateToLocal);
}; };
// 검색 함수 // 검색 함수
@@ -63,14 +48,8 @@ const UserContent = () => {
fetchData(send_dt, end_dt); fetchData(send_dt, end_dt);
}; };
// 엑셀 다운로드
// const handleXlsxExport = () => {
// const fileName = 'Caliverse_User_Index.xlsx';
// userIndexExport(token, fileName, sendDate, finishDate);
// };
return ( return (
<> <AnimatedPageWrapper>
<DailyDashBoard /> <DailyDashBoard />
<UserIndexSearchBar setResultData={setResultData} resultData={resultData} handleSearch={handleSearch} fetchData={fetchData} /> <UserIndexSearchBar setResultData={setResultData} resultData={resultData} handleSearch={handleSearch} fetchData={fetchData} />
<TableInfo> <TableInfo>
@@ -125,8 +104,7 @@ const UserContent = () => {
</tbody> </tbody>
</TableStyle> </TableStyle>
</IndexTableWrap> </IndexTableWrap>
{loading && <Loading/>} </AnimatedPageWrapper>
</>
); );
}; };