qcast3/qcast-pub
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

지붕모듈선택 팝업 메뉴 2번 수정

Browse Source
This commit is contained in:
김창수 2025-01-10 16:11:46 +09:00
parent c6292da11a
commit 7f8baef1b1
4 changed files with 63 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/app/canvas/page.jsx
View File

@ -158,13 +158,13 @@ export default function CanvasPage() {
{/* <DrawingFlow/> */} {/* <DrawingFlow/> */}
{/* 지붕모듈선택 */} {/* 지붕모듈선택 */}
{/* <RoofModuleOption/> */} <RoofModuleOption/>
{/* 육지붕모듈 선택 */} {/* 육지붕모듈 선택 */}
{/* <HexagonalRoofOption/> */} {/* <HexagonalRoofOption/> */}
{/* 회로 및 가대설정 */} {/* 회로 및 가대설정 */}
<CircuitStandSetting/> {/* <CircuitStandSetting/> */}
{/* 모듈 부가기능 */} {/* 모듈 부가기능 */}

37
src/components/canvas/modal/roofmoduleoption/RoofModuleOptionTab02.jsx
View File

@ -8,6 +8,7 @@ export default function RoofModuleOptionTab02({setTabNum}){
return( return(
<> <>
<div className="roof-module-tab2-overflow">
<div className="module-table-flex-wrap mb10"> <div className="module-table-flex-wrap mb10">
<div className="module-table-box"> <div className="module-table-box">
<div className="module-table-inner"> <div className="module-table-inner">
@ -17,6 +18,7 @@ export default function RoofModuleOptionTab02({setTabNum}){
<Qselect title={'Search'} option={SelectOption01}/> <Qselect title={'Search'} option={SelectOption01}/>
</div> </div>
</div> </div>
<div className="roof-module-table"> <div className="roof-module-table">
<table> <table>
<thead> <thead>
@ -132,7 +134,7 @@ export default function RoofModuleOptionTab02({setTabNum}){
<div className="module-flex-item"> <div className="module-flex-item">
<div className="module-flex-item-tit">屋根材：スレーツ（4寸）</div> <div className="module-flex-item-tit">屋根材：スレーツ（4寸）</div>
<div className="eaves-keraba-table"> <div className="eaves-keraba-table">
<div className="eaves-keraba-item"> {/* <div className="eaves-keraba-item">
<div className="eaves-keraba-th"> <div className="eaves-keraba-th">
マンドンピッチ マンドンピッチ
</div> </div>
@ -149,6 +151,26 @@ export default function RoofModuleOptionTab02({setTabNum}){
</div> </div>
</div> </div>
</div> </div>
</div> */}
<div className="eaves-keraba-item">
<div className="eaves-keraba-th">
マンドンピッチ
</div>
<div className="eaves-keraba-td">
<div className="grid-select">
<Qselect title={'屋根技術研究所'} option={SelectOption01}/>
</div>
</div>
</div>
<div className="eaves-keraba-item">
<div className="eaves-keraba-th">
垂木の間隔
</div>
<div className="eaves-keraba-td">
<div className="grid-select">
<Qselect title={'屋根技術研究所'} option={SelectOption01}/>
</div>
</div>
</div> </div>
<div className="eaves-keraba-item"> <div className="eaves-keraba-item">
<div className="eaves-keraba-th"> <div className="eaves-keraba-th">
@ -218,14 +240,17 @@ export default function RoofModuleOptionTab02({setTabNum}){
</div> </div>
</div> </div>
{/* 설정 오류시 노출 */} {/* 설정 오류시 노출 */}
</div>
</div>
<div className="reset-word-wrap">
<div className="reset-word"> <div className="reset-word">
※ 施工方法が選択できません。 基準風速または基準積雪量を確認してください。 ※ 施工方法が選択できません。 基準風速または基準積雪量を確認してください。
</div> </div>
</div> <div className="grid-btn-wrap">
<button className="btn-frame modal mr5" onClick={() => setTabNum(1)}>以前</button>
<div className="grid-btn-wrap"> <button className="btn-frame modal act" onClick={() => setTabNum(3)}>Next</button>
<button className="btn-frame modal mr5" onClick={() => setTabNum(1)}>以前</button> </div>
<button className="btn-frame modal act" onClick={() => setTabNum(3)}>Next</button>
</div> </div>
</> </>
) )

6
src/components/publishpage/PublishPage.jsx
View File

@ -230,11 +230,15 @@ export default function PublishPage() {
<li>*견적서 견적특이사항 영역 수정</li> <li>*견적서 견적특이사항 영역 수정</li>
<li>*견적서 제품정보 select영역 길이 수정</li> <li>*견적서 제품정보 select영역 길이 수정</li>
</ul> </ul>
<ul> <ul className='mb10'>
<li>2025-01-09</li> <li>2025-01-09</li>
<li>*회로 및 가대설정 팝업 승압 설정 영역 수정</li> <li>*회로 및 가대설정 팝업 승압 설정 영역 수정</li>
<li>*회로 및 가대설정 팝업 자동 설정 영역 수정</li> <li>*회로 및 가대설정 팝업 자동 설정 영역 수정</li>
</ul> </ul>
<ul>
<li>2025-01-10</li>
<li>*지붕모듈선택 팝업 메뉴 2번 수정</li>
</ul>
</td> </td>
<td className="t-center">2024-10-28</td> <td className="t-center">2024-10-28</td>
</tr> </tr>

30
src/styles/_modal.scss
View File

@ -1995,6 +1995,22 @@ $alert-color: #101010;
width: 230px; width: 230px;
} }
} }
.roof-module-tab2-overflow{
max-height: 500px;
overflow-y: auto;
padding-bottom: 15px;
border-bottom: 1px solid #4D4D4D;
&::-webkit-scrollbar {
width: 4px;
background-color: transparent;
}
&::-webkit-scrollbar-thumb {
background-color: #D9D9D9;
}
&::-webkit-scrollbar-track {
background-color: transparent;
}
}
.module-table-flex-wrap{ .module-table-flex-wrap{
&.tab2{ &.tab2{
margin-top: 10px; margin-top: 10px;
@ -2019,8 +2035,9 @@ $alert-color: #101010;
&.non-flex{ &.non-flex{
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: flex-end; justify-content: flex-start;
flex: none; flex: none;
padding-top: 27.5px;
width: 260px; width: 260px;
} }
} }
@ -2054,11 +2071,14 @@ $alert-color: #101010;
justify-content: flex-end; justify-content: flex-end;
} }
} }
.module-bottom{
padding-bottom: 15px;
border-bottom: 1px solid #4D4D4D;
}
.reset-word-wrap{
display: flex;
align-items: center;
.grid-btn-wrap{
margin-left: auto;
}
}
.reset-word{ .reset-word{
font-size: 12px; font-size: 12px;
color: #FFCACA; color: #FFCACA;