DBNT
/
kcscDev
9
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

기준코드 링크 선택 연도 매칭 기능 추가.

cks
강석 최 2023-12-13 11:16:15 +09:00
parent c5557e6d6c
commit 03d9a596cb
1 changed files with 16 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
egovframe-template-simple-react-contribution/src/pages/standardCode/viewer.js
View File

@ -16,10 +16,9 @@ import CODE from "../../constants/code";
function CodeViewer(props) { function CodeViewer(props) {
const [treeLoading, setTreeLoading] = useState(true); const [treeLoading, setTreeLoading] = useState(true);
const [docLoading, setDocLoading] = useState(true); const [docLoading, setDocLoading] = useState(true);
const [selectFlag, setSelectFlag] = useState(false);
const {linkedDocCode} = useParams(); const {linkedDocCode} = useParams();
const [docInfoSeq, setDocInfoSeq] = useState() const [docCode, setDocCode] = useState(linkedDocCode !== undefined?linkedDocCode.split(':')[0]:props.docCode);
const [docCode, setDocCode] = useState(linkedDocCode !== undefined?linkedDocCode:props.docCode); const [ymd, setYmd] = useState(linkedDocCode !== undefined?linkedDocCode.split(':')[1]:props.ymd);
const [docName, setDocName] = useState(props.docName); const [docName, setDocName] = useState(props.docName);
const [docInfo, setDocInfo] = useState(); const [docInfo, setDocInfo] = useState();
const [codeTree, setCodeTree] = useState(); const [codeTree, setCodeTree] = useState();
@ -112,6 +111,17 @@ function CodeViewer(props) {
let headTag = []; let headTag = [];
if(docInfo.length>0){ if(docInfo.length>0){
let optionTag = []; let optionTag = [];
let activeIndex = 0;
if(ymd===undefined){
activeIndex = docInfo.length-1
}else{
docInfo.forEach(function (item, index){
if(new Date(item.estb_ymd) <= new Date(ymd)){
activeIndex = index;
}
})
}
debugger
docInfo.forEach(function (item, index){ docInfo.forEach(function (item, index){
let buttonClass = "btn btn-sm docInfoBtn " let buttonClass = "btn btn-sm docInfoBtn "
let pClass = "yearInfo "; let pClass = "yearInfo ";
@ -120,7 +130,7 @@ function CodeViewer(props) {
}else{ }else{
buttonClass += "btn-outline-primary " buttonClass += "btn-outline-primary "
} }
if(index === docInfo.length-1){ if(index === activeIndex){
pClass += "yearInfoActive" pClass += "yearInfoActive"
buttonClass += "docInfoActive" buttonClass += "docInfoActive"
} }
@ -213,7 +223,7 @@ function CodeViewer(props) {
for(let i=0; i<docCodeAry.length; i++) { for(let i=0; i<docCodeAry.length; i++) {
const docCode = docCodeAry[i]; const docCode = docCodeAry[i];
//docCodeMap.set(docCode, '<a class="docLink" href="/standardCode/viewer/' + docCode + '" target="_blank">' + docCode + '</a>') //docCodeMap.set(docCode, '<a class="docLink" href="/standardCode/viewer/' + docCode + '" target="_blank">' + docCode + '</a>')
docCodeMap.set(docCode, '<a class="docLink" href="#" data-doccode="'+docCode+'" target="_blank">' + docCode + '</a>') docCodeMap.set(docCode, '<a class="docLink" href="#" data-doccode="'+docCode+'">' + docCode + '</a>')
} }
docCodeMap.forEach((docCodeLink, docCode)=>{ docCodeMap.forEach((docCodeLink, docCode)=>{
item.full_content = item.full_content.replaceAll(docCode, docCodeLink); item.full_content = item.full_content.replaceAll(docCode, docCodeLink);
@ -273,7 +283,6 @@ function CodeViewer(props) {
setErrorSelector(errorTag); setErrorSelector(errorTag);
} }
setDocLoading(false); setDocLoading(false);
setSelectFlag(false);
document.querySelector(".detailInfoDiv").scrollTop = 0 document.querySelector(".detailInfoDiv").scrollTop = 0
}, },
function (resp) { function (resp) {
@ -286,7 +295,6 @@ function CodeViewer(props) {
const docInfoSelectorChange = useCallback((el) => { const docInfoSelectorChange = useCallback((el) => {
setDocSummary([<div></div>]) setDocSummary([<div></div>])
setDocDetail([<div>불러오는중</div>]) setDocDetail([<div>불러오는중</div>])
setSelectFlag(true);
const activeBtn = document.querySelector(".docInfoActive") const activeBtn = document.querySelector(".docInfoActive")
activeBtn.className = activeBtn.className.replace('docInfoActive', '').trim(); activeBtn.className = activeBtn.className.replace('docInfoActive', '').trim();
const activeP = document.querySelector(".yearInfoActive") const activeP = document.querySelector(".yearInfoActive")
@ -317,8 +325,7 @@ function CodeViewer(props) {
for(let docLink of docLinkList){ for(let docLink of docLinkList){
docLink.onclick = (e) => { docLink.onclick = (e) => {
const ymd = document.querySelector(".docInfoActive").dataset.ymd; const ymd = document.querySelector(".docInfoActive").dataset.ymd;
debugger window.open("/standardCode/viewer/"+e.target.dataset.doccode+":"+ymd);
window.open("/standardCode/viewer/", "mozillaTab")
} }
} }