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

열람문서 강조표시

cks
강석 최 2023-10-19 10:08:35 +09:00
parent 52170e85ee
commit f73efb133c
3 changed files with 9 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
egovframe-template-simple-react-contribution/src/css/page.css
View File

@ -306,4 +306,5 @@
.calendar_info ul li a {color: #222; font-size: 16px; font-weight: 300;} .calendar_info ul li a {color: #222; font-size: 16px; font-weight: 300;}
.calendar_info ul li span {position: absolute; right: 15px; top: 15px; color: #808080; font-size: 16px; font-weight: 300;} .calendar_info ul li span {position: absolute; right: 15px; top: 15px; color: #808080; font-size: 16px; font-weight: 300;}
.viewerDiv{height: calc(100vh - 180px); overflow-y: auto;} .viewerDiv{height: calc(100vh - 180px); overflow-y: auto;}
.openDoc{background-color: bisque;}

1
egovframe-template-simple-react-contribution/src/pages/standardCode/Sb.style.js
View File

@ -20,7 +20,6 @@ export const SbSub = styled.div`
export const SbTitle = styled.div` export const SbTitle = styled.div`
display: flex; display: flex;
align-items: center; align-items: center;
background-color: ${props => props.isOpen ? 'bisque' : ''};
padding-left: ${props => 30+(props.depth * 10)}px; padding-left: ${props => 30+(props.depth * 10)}px;
height: 32px; height: 32px;
&:hover { &:hover {

12
egovframe-template-simple-react-contribution/src/pages/standardCode/SbItem.js
View File

@ -12,12 +12,14 @@ const SbItem = ({item, openDocCode, updateDocCode}) => {
const collapsedFlag = find(item.childrens, openDocCode) !== undefined; const collapsedFlag = find(item.childrens, openDocCode) !== undefined;
// openDocCode === item.doc_code+' '+item.doc_code_name // openDocCode === item.doc_code+' '+item.doc_code_name
const [collapsed, setCollapsed] = useState(collapsedFlag); const [collapsed, setCollapsed] = useState(collapsedFlag);
const [isOpenDoc, setIsOpenDoc] = useState(item.doc_code === openDocCode);
function toggleCollapse() { function toggleCollapse() {
setCollapsed(prevValue => !prevValue); setCollapsed(prevValue => !prevValue);
} }
function changeOpenDoc(){ function changeOpenDoc(seq){
setIsOpenDoc(prevValue => !prevValue) const prevOpenDoc = window.document.getElementsByClassName("openDoc")[0];
prevOpenDoc.className = prevOpenDoc.className.replace('openDoc', '');
const nextOpenDoc = window.document.getElementById("doc"+seq);
nextOpenDoc.className = nextOpenDoc.className+' openDoc';
} }
if(item.childrens.length > 0){ if(item.childrens.length > 0){
@ -36,9 +38,9 @@ const SbItem = ({item, openDocCode, updateDocCode}) => {
}else{ }else{
const icon = <FcFile />; const icon = <FcFile />;
return ( return (
<SbTitle depth={item.doc_level} isOpen={isOpenDoc}> <SbTitle depth={item.doc_level} id={`doc${item.seq}`} className={item.doc_code === openDocCode?'openDoc':''}>
<a onClick={()=>{ <a onClick={()=>{
changeOpenDoc() changeOpenDoc(item.seq)
updateDocCode(item.doc_code, item.doc_code_name) updateDocCode(item.doc_code, item.doc_code_name)
}}>{icon}&nbsp;{(item.doc_level === 1?'':item.doc_code)+' '+item.doc_code_name}</a> }}>{icon}&nbsp;{(item.doc_level === 1?'':item.doc_code)+' '+item.doc_code_name}</a>
</SbTitle> </SbTitle>