배치면 초기 설정 지붕제별 입력 항목 수정
This commit is contained in:
minsik
parent
a63c44b41d
commit
5afb234998
@ -1,12 +1,13 @@
|
||||
import SizeGuide from '@/components/floor-plan/modal/placementShape/SizeGuide'
|
||||
import MaterialGuide from '@/components/floor-plan/modal/placementShape/MaterialGuide'
|
||||
import WithDraggable from '@/components/common/draggable/WithDraggable'
|
||||
import { useState } from 'react'
|
||||
import { Fragment, useState } from 'react'
|
||||
import { useMessage } from '@/hooks/useMessage'
|
||||
|
||||
export default function PlacementShapeSetting({ setShowPlaceShapeModal }) {
|
||||
const [showSizeGuideModal, setShowSizeGuidModal] = useState(false)
|
||||
const [showMaterialGuideModal, setShowMaterialGuidModal] = useState(false)
|
||||
const [selectedRoofMaterial, setSelectedRoofMaterial] = useState('A')
|
||||
const { getMessage } = useMessage()
|
||||
return (
|
||||
<WithDraggable isShow={true} pos={{ x: 50, y: -950 }}>
|
||||
@ -74,34 +75,92 @@ export default function PlacementShapeSetting({ setShowPlaceShapeModal }) {
|
||||
<td>
|
||||
<div className="placement-option">
|
||||
<div className="select-wrap" style={{ width: '171px' }}>
|
||||
<select className="select-light dark" name="" id="">
|
||||
<option>瓦53A</option>
|
||||
<select className="select-light dark" name="" id="" onChange={(e) => setSelectedRoofMaterial(e.target.value)}>
|
||||
<option value={'A'}>瓦 type A</option>
|
||||
<option value={'B'}>瓦 type B</option>
|
||||
<option value={'C'}>瓦 type C</option>
|
||||
<option value={'D'}>瓦 type D</option>
|
||||
</select>
|
||||
</div>
|
||||
<div className="flex-ment">
|
||||
<span>W</span>
|
||||
<div className="select-wrap" style={{ width: '84px' }}>
|
||||
<select className="select-light dark" name="" id="">
|
||||
<option>265</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div className="flex-ment">
|
||||
<span>L</span>
|
||||
<div className="select-wrap" style={{ width: '84px' }}>
|
||||
<select className="select-light dark" name="" id="">
|
||||
<option>235</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div className="flex-ment">
|
||||
<span>{getMessage('modal.placement.initial.setting.rafter')}</span>
|
||||
<div className="select-wrap" style={{ width: '84px' }}>
|
||||
<select className="select-light dark" name="" id="">
|
||||
<option>455</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
{selectedRoofMaterial === 'A' ? (
|
||||
<>
|
||||
<div className="flex-ment">
|
||||
<span>W</span>
|
||||
<div className="select-wrap" style={{ width: '84px' }}>
|
||||
<select className="select-light dark" name="" id="">
|
||||
<option>265</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div className="flex-ment">
|
||||
<span>L</span>
|
||||
<div className="select-wrap" style={{ width: '84px' }}>
|
||||
<select className="select-light dark" name="" id="">
|
||||
<option>235</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div className="flex-ment">
|
||||
<span>{getMessage('modal.placement.initial.setting.rafter')}</span>
|
||||
<div className="select-wrap" style={{ width: '84px' }}>
|
||||
<select className="select-light dark" name="" id="">
|
||||
<option>455</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
</>
|
||||
) : selectedRoofMaterial === 'B' ? (
|
||||
<>
|
||||
<div className="flex-ment">
|
||||
<span>{getMessage('modal.placement.initial.setting.rafter')}</span>
|
||||
<div className="grid-select no-flx" style={{ width: '84px' }}>
|
||||
<select className="select-light dark" name="" id="">
|
||||
<option>265</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div className="flex-ment">
|
||||
<span>{getMessage('modal.placement.initial.setting.rafter')}</span>
|
||||
<div className="grid-select no-flx right" style={{ width: '84px' }}>
|
||||
<select className="select-light dark" name="" id="">
|
||||
<option>265</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
</>
|
||||
) : selectedRoofMaterial === 'C' ? (
|
||||
<>
|
||||
<div className="flex-ment">
|
||||
<span>{getMessage('hajebichi')}</span>
|
||||
<div className="grid-select no-flx" style={{ width: '84px' }}>
|
||||
<select className="select-light dark" name="" id="">
|
||||
<option>265</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
</>
|
||||
) : selectedRoofMaterial === 'D' ? (
|
||||
<>
|
||||
<div className="flex-ment">
|
||||
<span>L</span>
|
||||
<div className="grid-select no-flx" style={{ width: '84px' }}>
|
||||
<select className="select-light dark" name="" id="">
|
||||
<option>265</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div className="flex-ment">
|
||||
<span>{getMessage('modal.placement.initial.setting.rafter')}</span>
|
||||
<div className="grid-select no-flx right" style={{ width: '84px' }}>
|
||||
<select className="select-light dark" name="" id="">
|
||||
<option>265</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
</>
|
||||
) : (
|
||||
''
|
||||
)}
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
@ -295,13 +295,21 @@
|
||||
"stuff.gridHeader.receiveUser": "담당자",
|
||||
"stuff.gridHeader.specDate": "사양확인",
|
||||
"stuff.gridHeader.createDatetime": "등록일",
|
||||
"length": "長さ",
|
||||
"slope": "傾斜",
|
||||
"eaves.offset": "軒の",
|
||||
"gable.offset": "ケラバ出幅",
|
||||
"size": "寸",
|
||||
"size.angle": "寸(度)",
|
||||
"eaves": "軒",
|
||||
"gable": "ケラバ",
|
||||
"wall": "壁",
|
||||
"hajebichi": "ハゼビーチ",
|
||||
"straight.line": "直線",
|
||||
"right.angle": "直角",
|
||||
"double.pitch": "イ・グベ",
|
||||
"angle": "角度",
|
||||
"diagonal": "対角線",
|
||||
"hipandgable": "八作屋根",
|
||||
"jerkinhead": "半折",
|
||||
"shed": "片側の流れ",
|
||||
|
||||
@ -65,6 +65,11 @@
|
||||
"plan.menu.placement.surface": "배치면",
|
||||
"plan.menu.placement.surface.slope.setting": "경사설정",
|
||||
"plan.menu.placement.surface.drawing": "배치면 그리기",
|
||||
"modal.placement.surface.drawing.straight.line": "직선",
|
||||
"modal.placement.surface.drawing.right.angle": "직각",
|
||||
"modal.placement.surface.drawing.double.pitch": "이구배",
|
||||
"modal.placement.surface.drawing.angle": "각도",
|
||||
"modal.placement.surface.drawing.diagonal": "대각선",
|
||||
"plan.menu.placement.surface.arrangement": "면형상 배치",
|
||||
"plan.menu.placement.surface.object": "오브젝트 배치",
|
||||
"plan.menu.placement.surface.all.remove": "배치면 전체 삭제",
|
||||
@ -297,13 +302,21 @@
|
||||
"stuff.gridHeader.receiveUser": "담당자",
|
||||
"stuff.gridHeader.specDate": "사양확인",
|
||||
"stuff.gridHeader.createDatetime": "등록일",
|
||||
"length": "길이",
|
||||
"slope": "경사",
|
||||
"eaves.offset": "처마 출폭",
|
||||
"gable.offset": "케라바 출폭",
|
||||
"size": "치수",
|
||||
"size.angle": "寸(度)",
|
||||
"eaves": "처마",
|
||||
"gable": "케라바",
|
||||
"wall": "벽",
|
||||
"hajebichi": "하제비치",
|
||||
"straight.line": "직선",
|
||||
"right.angle": "직각",
|
||||
"double.pitch": "이구배",
|
||||
"angle": "각도",
|
||||
"diagonal": "대각선",
|
||||
"hipandgable": "팔작지붕",
|
||||
"jerkinhead": "반절처",
|
||||
"shed": "한쪽흐름",
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user