데이터가 없습니다.
);
+ } else {
+ resp.result.resultList.forEach(function (item, index) {
+ // if (index === 0) mutListTag = []; // 목록 초기화
+ const listIdx = itemIdxByPage(resultCnt, currentPageNo, pageSize, index);
+
+ mutListTag.push(
+
{/* */}
diff --git a/egovframe-template-simple-react-contribution/src/pages/admin/logs/UserConnections.jsx b/egovframe-template-simple-react-contribution/src/pages/admin/logs/UserConnections.jsx
index cad6625..44ac15f 100644
--- a/egovframe-template-simple-react-contribution/src/pages/admin/logs/UserConnections.jsx
+++ b/egovframe-template-simple-react-contribution/src/pages/admin/logs/UserConnections.jsx
@@ -1,11 +1,228 @@
-import React from 'react';
+import React, {useState, useEffect, useCallback, useRef, PureComponent} from 'react';
+import { Link, useLocation } from 'react-router-dom';
+import {BarChart, Bar, Rectangle, XAxis, YAxis, CartesianGrid, Tooltip, Legend, ResponsiveContainer} from 'recharts';
+import DatePicker from 'react-datepicker';
+import 'react-datepicker/dist/react-datepicker.css';
+
+import {format, sub} from "date-fns";
+import { ko } from 'date-fns/locale';
+
+import * as EgovNet from 'api/egovFetch';
+import URL from 'constants/url';
+
+import { default as EgovLeftNav } from 'components/leftmenu/EgovLeftNavAdmin';
+
+import { itemIdxByPage } from 'utils/calc';
function UserConnections(props) {
+ // console.group("EgovAdminPrivacyList");
+ // console.log("[Start] EgovAdminPrivacyList ------------------------------");
+ // console.log("EgovAdminPrivacyList [props] : ", props);
+ const nowDate = new Date();
+ const oneMonthAgoDate = sub(nowDate, { months: 1 });
+ const [start_date, setStartDate] = useState(oneMonthAgoDate);
+ const [end_date, setEndDate] = useState(nowDate); // new Date()
+
+ const location = useLocation();
+ // console.log("EgovAdminPrivacyList [location] : ", location);
+
+ // eslint-disable-next-line no-unused-vars
+ const [searchCondition, setSearchCondition] = useState(location.state?.searchCondition || {start_date: format(start_date, "yyyy-MM-dd"), end_date: format(end_date, "yyyy-MM-dd")});
+ const [chartData, setChartData] = useState([]);
+
+ const [listTag, setListTag] = useState([]);
+
+ const retrieveList = useCallback((srchCnd) => {
+ // console.groupCollapsed("EgovAdminUsageList.retrieveList()");
+ const retrieveListURL = '/admin/logs/user';
+
+ const requestOptions = {
+ method: "POST",
+ headers: {
+ 'Content-type': 'application/json',
+ },
+ body: JSON.stringify(srchCnd)
+ }
+
+ EgovNet.requestFetch(
+ retrieveListURL,
+ requestOptions,
+ (resp) => {
+ let mutListTag = [];
+
+ const resultCnt = parseInt(resp.result.resultCnt);
+ const currentPageNo = 1; // resp.result.paginationInfo.currentPageNo;
+ const pageSize = resultCnt; // resp.result.paginationInfo.pageSize;
+
+ // 리스트 항목 구성
+ if (resultCnt === 0) {
+ mutListTag.push(
데이터가 없습니다.
);
+ } else {
+ resp.result.resultList.forEach(function (item, index) {
+ // if (index === 0) mutListTag = []; // 목록 초기화
+ const listIdx = itemIdxByPage(resultCnt, currentPageNo, pageSize, index);
+
+ mutListTag.push(
+
+
{item[0]}
+
{item[1].toLocaleString()}
+
+ );
+ });
+ }
+ setListTag(mutListTag);
+
+ let chartDataArray = resp.result.resultList.map((item, index) => ({
+ logCnt: item[0], // Assuming logCnt is the x-axis data
+ "접속수": item[1], // Assuming menuTitle is the y-axis data
+ }));
+ setChartData(chartDataArray);
+ },
+ function (resp) {
+ console.log("err response : ", resp);
+ }
+ );
+ // console.groupEnd("EgovAdminPrivacyList.retrieveList()");
+ },[listTag]);
+
+ const CustomTooltip = ({ active, payload, label }) => {
+ if (active && payload && payload.length) {
+ return (
+
+
사용자 접속현황
+
{`${label} : ${payload[0].value}`}
+ {/*
Anything you want can be displayed here.
*/}
+
+ );
+ }
+ return null;
+ };
+
+ useEffect(() => {
+ retrieveList(searchCondition);
+ // eslint-disable-next-line react-hooks/exhaustive-deps
+ }, [start_date, end_date]);
+
+ // console.log("------------------------------EgovAdminPrivacyList [End]");
+ // console.groupEnd("EgovAdminPrivacyList");
+
return (
- UserConnections
+
+ {/* */}
+
+
+ 로그현황
+ 사용자 접속현황
+
+
+ {/* */}
+
+
+ {/* */}
+
+ {/* */}
+
+
+ {/* */}
+
+
+
사용자 접속현황
+
+
+ {/* */}
+
+
+
+ {
+ setStartDate(date);
+ setSearchCondition({
+ start_date: format(date, "yyyy-MM-dd"),
+ end_date: format(end_date, "yyyy-MM-dd")
+ });
+ }}
+ /> -
+
+
+ {
+ setEndDate(date);
+ setSearchCondition({
+ start_date: format(start_date, "yyyy-MM-dd"),
+ end_date: format(date, "yyyy-MM-dd")
+ });
+ }}
+ />
+
+
+
+ {/* */}
+
+ {/* */}
+
+
+
+
+ 접속일자
+ 접속횟수
+
+
+ {listTag}
+
+
+
+
+
+
+ } />
+
+
+
+
+ {/* */}
+
+ {/* */}
+
+
+
);
}
diff --git a/egovframe-template-simple-react-contribution/src/pages/admin/schedule/EgovAdminScheduleList.jsx b/egovframe-template-simple-react-contribution/src/pages/admin/schedule/EgovAdminScheduleList.jsx
index 8971e61..42ec74b 100644
--- a/egovframe-template-simple-react-contribution/src/pages/admin/schedule/EgovAdminScheduleList.jsx
+++ b/egovframe-template-simple-react-contribution/src/pages/admin/schedule/EgovAdminScheduleList.jsx
@@ -337,82 +337,13 @@ function EgovAdminScheduleList(props) {
사이트관리