실측치 설정 팝업 추가

This commit is contained in:
김창수 2024-11-07 11:02:29 +09:00
parent 6a09f758da
commit 254b4fc78e
3 changed files with 66 additions and 2 deletions

View File

@ -64,6 +64,7 @@ import RoofSelect from '@/components/canvas/modal/roofselect/RoofSelect'
import SizeChange from '@/components/canvas/modal/sizechange/SizeChang'
import Footer from '@/components/layout/Footer'
import ImageSize from '@/components/canvas/modal/imagesize/ImageSize'
import MeasuredValueOption from '@/components/canvas/modal/measuredvalueoption/MeasuredValueOption'
export default function CanvasPage() {
const modalOption = useRecoilValue(modalState);
@ -153,7 +154,7 @@ export default function CanvasPage() {
{/* <EachPropertyChange/> */}
{/* 면 흐름 설정 */}
<DrawingFlow/>
{/* <DrawingFlow/> */}
{/* 지붕모듈선택 */}
{/* <RoofModuleOption/> */}
@ -199,6 +200,9 @@ export default function CanvasPage() {
{/* 이미지 크기 조절 */}
{/* <ImageSize/> */}
{/* 실측치 설정 */}
<MeasuredValueOption/>
</div>
</div>
{menuValue === 5 && <Footer/>}

View File

@ -0,0 +1,56 @@
import WithDraggable from "@/components/common/draggable/withDraggable";
export default function MeasuredValueOption(){
return(
<WithDraggable isShow={true}>
<div className={`modal-pop-wrap ssm`}>
<div className="modal-head">
<h1 className="title">実測値設定</h1>
<button className="modal-close">닫기</button>
</div>
<div className="modal-body">
<div className="guide">
<span>隅棟棟の実際の寸法を入力してください</span>
</div>
<div className="properties-setting-wrap outer">
<div className="setting-tit">設定</div>
<div className="outline-wrap">
<div className="eaves-keraba-table">
<div className="eaves-keraba-item">
<div className="eaves-keraba-th">
廊下の寸法の長さ
</div>
<div className="eaves-keraba-td">
<div className="outline-form">
<div className="input-grid mr5">
<input type="text" className="input-origin block" defaultValue={3703}/>
</div>
<span className="thin">mm</span>
</div>
</div>
</div>
<div className="eaves-keraba-item">
<div className="eaves-keraba-th">
実寸長
</div>
<div className="eaves-keraba-td">
<div className="outline-form">
<div className="input-grid mr5">
<input type="text" className="input-origin block" defaultValue={3320}/>
</div>
<span className="thin">mm</span>
</div>
</div>
</div>
</div>
</div>
</div>
<div className="grid-btn-wrap">
<button className="btn-frame modal mr5">設定完了</button>
<button className="btn-frame modal act">適用</button>
</div>
</div>
</div>
</WithDraggable>
)
}

View File

@ -168,10 +168,14 @@ export default function PublishPage() {
<li>*배치면 초기설정 pop 이미지 불러오기 영역 수정</li>
<li>*견적서 견적 특이사항 영역 닫힘 열림 추가</li>
</ul>
<ul>
<ul className='mb10'>
<li>2024-11-05</li>
<li>* 흐름 설정 pop 수정</li>
</ul>
<ul>
<li>2024-11-07</li>
<li>*실측치 설정 pop 추가</li>
</ul>
</td>
<td className="t-center">2024-10-28</td>
</tr>