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

지붕 모듈 팝업 수정

Browse Source
This commit is contained in:
김창수 2025-03-25 16:28:40 +09:00
parent 450472cc02
commit 3e7fb339a6
4 changed files with 21 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

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

4
src/components/canvas/modal/hexagonalroofoption/HexagonalRoofOption.jsx
View File

@ -15,9 +15,9 @@ export default function HexagonalRoofOption(){
<div className="left-bar handle"></div> <div className="left-bar handle"></div>
<div className="right-bar handle"></div> <div className="right-bar handle"></div>
<div className="roof-module-tab"> <div className="roof-module-tab">
<div className={`module-tab-bx ${tabNum === 1 || tabNum === 2 ? 'act': ''}`}>防衛設定</div> <div className={`module-tab-bx ${tabNum === 1 || tabNum === 2 ? 'act': ''}`}>方位/モジュール設定</div>
<span className={`tab-arr ${ tabNum === 2 ? 'act': ''}`}></span> <span className={`tab-arr ${ tabNum === 2 ? 'act': ''}`}></span>
<div className={`module-tab-bx ${tabNum === 2 ? 'act': ''}`}>モジュールの配置</div> <div className={`module-tab-bx ${tabNum === 2 ? 'act': ''}`}>モジュール配置</div>
</div> </div>
{tabNum === 1 && <HexagonalRoofTab01 setTabNum={setTabNum}/>} {tabNum === 1 && <HexagonalRoofTab01 setTabNum={setTabNum}/>}
{tabNum === 2 && <HexagonalRoofTab02 setTabNum={setTabNum}/>} {tabNum === 2 && <HexagonalRoofTab02 setTabNum={setTabNum}/>}

6
src/components/canvas/modal/roofmoduleoption/RoofModuleOption.jsx
View File

@ -16,11 +16,11 @@ export default function RoofModuleOption(){
<div className="left-bar handle"></div> <div className="left-bar handle"></div>
<div className="right-bar handle"></div> <div className="right-bar handle"></div>
<div className="roof-module-tab"> <div className="roof-module-tab">
<div className={`module-tab-bx ${tabNum === 1 || tabNum === 2 || tabNum === 3 ? 'act': ''}`}>防衛設定</div> <div className={`module-tab-bx ${tabNum === 1 || tabNum === 2 || tabNum === 3 ? 'act': ''}`}>方位/モジュール設定</div>
<span className={`tab-arr ${ tabNum === 2 || tabNum === 3 ? 'act': ''}`}></span> <span className={`tab-arr ${ tabNum === 2 || tabNum === 3 ? 'act': ''}`}></span>
<div className={`module-tab-bx ${tabNum === 2 || tabNum === 3 ? 'act': ''}`}>モジュール設定</div> <div className={`module-tab-bx ${tabNum === 2 || tabNum === 3 ? 'act': ''}`}>架台設定</div>
<span className={`tab-arr ${ tabNum === 3 ? 'act': ''}`}></span> <span className={`tab-arr ${ tabNum === 3 ? 'act': ''}`}></span>
<div className={`module-tab-bx ${tabNum === 3 ? 'act': ''}`}>モジュールの配置</div> <div className={`module-tab-bx ${tabNum === 3 ? 'act': ''}`}>モジュール配置</div>
</div> </div>
{tabNum === 1 && <RoofModuleOptionTab01 setTabNum={setTabNum}/>} {tabNum === 1 && <RoofModuleOptionTab01 setTabNum={setTabNum}/>}
{tabNum === 2 && <RoofModuleOptionTab02 setTabNum={setTabNum}/>} {tabNum === 2 && <RoofModuleOptionTab02 setTabNum={setTabNum}/>}

30
src/components/canvas/modal/roofmoduleoption/RoofModuleOptionTab03.jsx
View File

@ -135,11 +135,11 @@ export default function RoofModuleOptionTab03({setTabNum}){
</div> </div>
<div className={`module-table-box mt10 ${useTab ? 'hide' : ''}`}> <div className={`module-table-box mt10 ${useTab ? 'hide' : ''}`}>
<div className="module-table-inner"> <div className="module-table-inner">
<div className="roof-module-table"> <div className="roof-module-table self">
<table> <table className="fixed">
<thead> <thead>
<tr> <tr>
<th rowSpan={2}style={{width: '22%'}}></th> <th rowSpan={2} style={{width: '22%'}}></th>
<th colSpan={2}> <th colSpan={2}>
<div className="color-wrap"> <div className="color-wrap">
<span className="color-box" style={{backgroundColor: '#AA6768'}}></span> <span className="color-box" style={{backgroundColor: '#AA6768'}}></span>
@ -148,8 +148,8 @@ export default function RoofModuleOptionTab03({setTabNum}){
</th> </th>
<th colSpan={2}> <th colSpan={2}>
<div className="color-wrap"> <div className="color-wrap">
<span className="color-box" style={{backgroundColor: '#AA6768'}}></span> <span className="color-box" style={{backgroundColor: '#67A2AA'}}></span>
<span className="name">Re.RISE-G3 440</span> <span className="name">Re.RISE MS-G3 290</span>
</div> </div>
</th> </th>
<th colSpan={2}> <th colSpan={2}>
@ -160,19 +160,19 @@ export default function RoofModuleOptionTab03({setTabNum}){
</th> </th>
</tr> </tr>
<tr> <tr>
<th>Max最大単数</th> <th>最大段数</th>
<th>Max最大単数</th> <th>混合段数</th>
<th>Max最大単数</th> <th>最大段数</th>
<th>Max最大単数</th> <th>混合段数</th>
<th>Max最大単数</th> <th>最大段数</th>
<th>Max最大単数</th> <th>混合段数</th>
</tr> </tr>
</thead> </thead>
<tbody> <tbody>
<tr> <tr>
<td> <td>
<div className="color-wrap"> <div className="color-wrap">
<span className="color-box" style={{backgroundColor: '#96d37d'}}></span> <span className="color-box" style={{backgroundColor: '#FFFF00'}}></span>
<span className="name">アスファルトシングル</span> <span className="name">アスファルトシングル</span>
</div> </div>
</td> </td>
@ -186,7 +186,7 @@ export default function RoofModuleOptionTab03({setTabNum}){
<tr> <tr>
<td> <td>
<div className="color-wrap"> <div className="color-wrap">
<span className="color-box" style={{backgroundColor: '#96d37d'}}></span> <span className="color-box" style={{backgroundColor: '#FFC000'}}></span>
<span className="name">アスファルトシングル</span> <span className="name">アスファルトシングル</span>
</div> </div>
</td> </td>
@ -200,7 +200,7 @@ export default function RoofModuleOptionTab03({setTabNum}){
<tr> <tr>
<td> <td>
<div className="color-wrap"> <div className="color-wrap">
<span className="color-box" style={{backgroundColor: '#96d37d'}}></span> <span className="color-box" style={{backgroundColor: '#7030A0'}}></span>
<span className="name">アスファルトシングル</span> <span className="name">アスファルトシングル</span>
</div> </div>
</td> </td>
@ -214,7 +214,7 @@ export default function RoofModuleOptionTab03({setTabNum}){
<tr> <tr>
<td> <td>
<div className="color-wrap"> <div className="color-wrap">
<span className="color-box" style={{backgroundColor: '#96d37d'}}></span> <span className="color-box" style={{backgroundColor: '#385723'}}></span>
<span className="name">アスファルトシングル</span> <span className="name">アスファルトシングル</span>
</div> </div>
</td> </td>