From d09142ef7287ec261dc7bd3988bbea1fc8512c0d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EA=B0=95=EC=84=9D=20=EC=B5=9C?= <cks0504_p@daum.net>
Date: Wed, 13 Dec 2023 16:00:32 +0900
Subject: [PATCH] =?UTF-8?q?=EB=AC=B8=EC=84=9C=EB=AA=85=20=EA=B0=B1?=
 =?UTF-8?q?=EC=8B=A0=20=EC=98=A4=EB=A5=98=20=EC=88=98=EC=A0=95=20=EB=AC=B8?=
 =?UTF-8?q?=EC=84=9C=20=EC=97=B0=EB=8F=84=20=EC=A0=95=EB=B3=B4=20=EA=B0=B1?=
 =?UTF-8?q?=EC=8B=A0=20=EC=98=A4=EB=A5=98=20=EC=88=98=EC=A0=95.=20?=
 =?UTF-8?q?=EC=97=B0=ED=98=81,=20=EB=B9=84=EA=B5=90=20=EB=B2=84=ED=8A=BC?=
 =?UTF-8?q?=20=EC=B6=94=EA=B0=80=20=EC=98=A4=EB=A5=98=20=EC=84=A0=ED=83=9D?=
 =?UTF-8?q?=EC=A7=80=20=EC=9C=84=EC=B9=98=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/css/page.css                          |  3 +-
 .../src/pages/standardCode/SbItem.js          |  2 +-
 .../src/pages/standardCode/viewer.js          | 36 ++++++++++++-------
 3 files changed, 27 insertions(+), 14 deletions(-)

diff --git a/egovframe-template-simple-react-contribution/src/css/page.css b/egovframe-template-simple-react-contribution/src/css/page.css
index 5302e82..2650b6e 100644
--- a/egovframe-template-simple-react-contribution/src/css/page.css
+++ b/egovframe-template-simple-react-contribution/src/css/page.css
@@ -343,4 +343,5 @@
 .modalDocInfoBtn{--bs-btn-padding-y: 0.1rem;--bs-btn-padding-x: 0.25rem;--bs-btn-font-size: 0.7rem; filter: grayscale(100%);}
 .modalDocInfoActive{filter: grayscale(0%);}
 .docInfoRow > .col{--bs-gutter-x: 0.5rem;}
-.bookmarkModalHeader{--bs-modal-title-line-height:1;}
\ No newline at end of file
+.bookmarkModalHeader{--bs-modal-title-line-height:1;}
+.optionBtn{--bs-btn-padding-y: 0.1rem;--bs-btn-padding-x: 0.25rem;--bs-btn-font-size: 0.7rem; margin-right: 7px;}
\ No newline at end of file
diff --git a/egovframe-template-simple-react-contribution/src/pages/standardCode/SbItem.js b/egovframe-template-simple-react-contribution/src/pages/standardCode/SbItem.js
index b5df795..289556d 100644
--- a/egovframe-template-simple-react-contribution/src/pages/standardCode/SbItem.js
+++ b/egovframe-template-simple-react-contribution/src/pages/standardCode/SbItem.js
@@ -45,7 +45,7 @@ const SbItem = ({item, openDocCode, updateDocCode}) => {
             <SbTitle depth={item.doc_level} id={`doc${item.seq}`} className={item.doc_code === openDocCode?'openDoc':''}>
                 <a onClick={()=>{
                     changeOpenDoc(item.seq)
-                    updateDocCode(item.doc_code, item.doc_code_name)
+                    updateDocCode(item.doc_code)
                 }}>
                     {icon}&nbsp;{(item.doc_level === 1?'':item.doc_code)+' '+item.doc_code_name}
                     {errorCnt}
diff --git a/egovframe-template-simple-react-contribution/src/pages/standardCode/viewer.js b/egovframe-template-simple-react-contribution/src/pages/standardCode/viewer.js
index 0f1cac1..140e005 100644
--- a/egovframe-template-simple-react-contribution/src/pages/standardCode/viewer.js
+++ b/egovframe-template-simple-react-contribution/src/pages/standardCode/viewer.js
@@ -19,7 +19,6 @@ function CodeViewer(props) {
     const {linkedDocCode} = useParams();
     const [docCode, setDocCode] = useState(linkedDocCode !== undefined?linkedDocCode.split(':')[0]:props.docCode);
     const [ymd, setYmd] = useState(linkedDocCode !== undefined?linkedDocCode.split(':')[1]:props.ymd);
-    const [docName, setDocName] = useState(props.docName);
     const [docInfo, setDocInfo] = useState();
     const [codeTree, setCodeTree] = useState();
     const [docSummary, setDocSummary] = useState();
@@ -43,11 +42,11 @@ function CodeViewer(props) {
     console.log("viewer [location] : ", location);
     console.log("viewer [docCode] : ", docCode);
 
-    const updateDocCode = (docCode, docName)=>{
+    const updateDocCode = (docCode)=>{
         setDocSummary([<div></div>])
         setDocDetail([<div>불러오는중</div>])
+        setDocInfo([])
         setDocCode(docCode);
-        setDocName(docName);
         getCodeInfo(docCode);
         setErrorSelector([])
         getCodeDetailInfo(docCode);
@@ -112,41 +111,42 @@ function CodeViewer(props) {
                 if(docInfo.length>0){
                     let optionTag = [];
                     let activeIndex = 0;
+                    let docTitle = "";
                     if(ymd===undefined){
                         activeIndex = docInfo.length-1
+                        docTitle = docInfo[docInfo.length-1].doc_nm
                     }else{
                         docInfo.forEach(function (item, index){
                             if(new Date(item.estb_ymd) <= new Date(ymd)){
                                 activeIndex = index;
+                                docTitle = item.doc_nm
                             }
                         })
                     }
-                    debugger
                     docInfo.forEach(function (item, index){
                         let buttonClass = "btn btn-sm docInfoBtn "
                         let pClass = "yearInfo ";
                         if(item.doc_er === 'E'){
-                            buttonClass += "btn-outline-success "
+                            buttonClass += "btn-success "
                         }else{
-                            buttonClass += "btn-outline-primary "
+                            buttonClass += "btn-primary "
                         }
                         if(index === activeIndex){
-                            pClass += "yearInfoActive"
                             buttonClass += "docInfoActive"
+                            pClass += "yearInfoActive"
                         }
                         optionTag.push(
                             <Col>
                                 <input type="button"
                                        className={buttonClass}
-                                       value={item.doc_er==='E'?'재':'개'}
+                                       value={item.doc_er==='E'?'제':'개'}
                                        onClick={docInfoSelectorChange}
                                        data-ymd={item.estb_ymd}/>
                                 <br/>
                                 <p className={pClass}>{item.doc_yr}</p>
                             </Col>)
-
                     })
-                    headTag.push(<Row className="docInfoRow"><Col className="docInfoTitle">{docCode} {docName}</Col>{optionTag}</Row>)
+                    headTag.push(<Row className="docInfoRow"><Col className="docInfoTitle">{docCode} {docTitle}</Col>{optionTag}</Row>)
                 }else{
                     headTag.push(<div>검색된 결과가 없습니다.</div>); // 코드 목록 초기값
                 }
@@ -432,8 +432,20 @@ function CodeViewer(props) {
                     <Col xs={12} className="border-bottom">
                         <Row>
                             <Col xs={3}></Col>
-                            <Col xs={"auto"}>{docInfo}</Col>
-                            <Col xs={"auto"}>{errorSelector}</Col>
+                            <Col xs={9}>
+                                <Row className="justify-content-between">
+                                    <Col xs={"auto"}>
+                                        <Row>
+                                            <Col xs={"auto"}>{docInfo}</Col>
+                                            <Col>
+                                                <input type="button" className="btn btn-sm btn-primary optionBtn" value="연혁"/>
+                                                <input type="button" className="btn btn-sm btn-primary optionBtn" value="비교"/>
+                                            </Col>
+                                        </Row>
+                                    </Col>
+                                    <Col xs={"auto"}>{errorSelector}</Col>
+                                </Row>
+                            </Col>
                         </Row>
                     </Col>
                     <Col xs={3} className="border-end viewerDiv">