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

건설기준코드 전문시방서 하위탭 추가

cks
유민형 2023-12-20 18:00:47 +09:00
parent e174d6deea
commit 462cae1cf1
1 changed files with 23 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
egovframe-template-simple-react-contribution/src/pages/standardCode/StandardCodeList.jsx
View File

@ -93,6 +93,7 @@ function StandardCodeList(props) {
/* 탭 */
const [activeTab, setActiveTab] = useState(10);
const [subTabsVisible, setSubTabsVisible] = useState(false);
const handleTabClick = (tabName) => {
setActiveTab(tabName);
@ -108,6 +109,12 @@ function StandardCodeList(props) {
setSearchCondition(updatedCondition);
retrieveList(updatedCondition);
if ([40, 50, 60, 70, 80, 90].includes(tabName)) {
setSubTabsVisible(true);
} else {
setSubTabsVisible(false);
}
};
const retrieveList = useCallback((searchCondition) => {
@ -270,11 +277,25 @@ function StandardCodeList(props) {
<ul>
<div className={`tab ${activeTab === 10 ? 'active' : ''}`} onClick={() => handleTabClick(10)}>설계기준</div>
<div className={`tab ${activeTab === 20 ? 'active' : ''}`} onClick={() => handleTabClick(20)}>표준시방서</div>
<div className={`tab ${activeTab === 40 ? 'active' : ''}`} onClick={() => handleTabClick(40)}>전문시방서</div>
<div className={`tab ${activeTab === 50 ? 'active' : ''}`} onClick={() => handleTabClick(50)}>통합 다운로드</div>
<div className={`tab ${[40, 50, 60, 70, 80, 90].includes(activeTab) ? 'active' : ''}`} onClick={() => handleTabClick(40)}>전문시방서</div>
<div className={`tab`}>통합 다운로드</div>
</ul>
</div>
</div>
{subTabsVisible && (
<div className="right_col">
<div className="mini_board">
<ul>
<div className={`tab ${activeTab === 40 ? 'active' : ''}`} onClick={() => handleTabClick(40)}>서울특별시</div>
<div className={`tab ${activeTab === 50 ? 'active' : ''}`} onClick={() => handleTabClick(50)}>고속도로공사</div>
<div className={`tab ${activeTab === 60 ? 'active' : ''}`} onClick={() => handleTabClick(60)}>한국농어촌공사</div>
<div className={`tab ${activeTab === 70 ? 'active' : ''}`} onClick={() => handleTabClick(70)}>철도건설공사</div>
<div className={`tab ${activeTab === 80 ? 'active' : ''}`} onClick={() => handleTabClick(80)}>LH한국토지주택공사</div>
<div className={`tab ${activeTab === 90 ? 'active' : ''}`} onClick={() => handleTabClick(90)}>K-Water</div>
</ul>
</div>
</div>
)}
<div><span>resultCnt : {resultCnt}</span></div>
{/* <!-- 게시판목록 --> */}
<div className="board_list BRD002 code_list">