diff --git a/src/components/analysis/simulation/AnalysimuationInfo.js b/src/components/analysis/simulation/AnalysimuationInfo.js
index 71442ec7..95b65d3c 100644
--- a/src/components/analysis/simulation/AnalysimuationInfo.js
+++ b/src/components/analysis/simulation/AnalysimuationInfo.js
@@ -32,8 +32,23 @@ export const AnalysimuationInfo = props => {
return (
- {props.count === 0 ? (
-
표시할 데이터가 없습니다.
+ {!props.data ? (
+ <>
+
표시할 데이터가 없습니다.
+ {loading && (
+
+
+ Loading...
+
+ )}
+ >
) : (
<>
{props.data
@@ -47,8 +62,12 @@ export const AnalysimuationInfo = props => {
if (item.idntfNum) {
return (
props.handlerDetail(item.cntrlId)}
+ className={`layer-content-list ${
+ item.cntrlId === props.cntrlId ? 'on' : ''
+ }`}
+ onClick={() => {
+ props.handlerDetail(item.cntrlId);
+ }}
key={Math.random()}
>
diff --git a/src/containers/analysis/simulator/AnalysisSimulationContainer.js b/src/containers/analysis/simulator/AnalysisSimulationContainer.js
index 4a770b92..a48e257f 100644
--- a/src/containers/analysis/simulator/AnalysisSimulationContainer.js
+++ b/src/containers/analysis/simulator/AnalysisSimulationContainer.js
@@ -37,6 +37,8 @@ export const AnalysisSimulationContainer = props => {
const [searchText, setSearchText] = useState('');
+ const [cntrlId, setCntrlId] = useState('');
+
const [sliderVal, setSliderVal] = useState({
maxVal: 0,
minVal: 0
@@ -159,11 +161,12 @@ export const AnalysisSimulationContainer = props => {
};
const handlerDetail = id => {
- setOpenReportList(false);
+ // setOpenReportList(false);
handlerDetailSearch(id);
handlerLogSearch(id);
handlerStcsSearch(id);
setOpenDetail(true);
+ setCntrlId(id);
};
const handlerLogout = () => {
dispatch(Action.logout.request());
@@ -210,6 +213,7 @@ export const AnalysisSimulationContainer = props => {
count={count}
handlerDetail={handlerDetail}
handlerPageList={handlerPageList}
+ cntrlId={cntrlId}
/>
) : (