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