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

퍼블 수정

Browse Source
This commit is contained in:
김민식 2025-02-05 09:54:08 +09:00
parent c48cfa8fe4
commit d92493b4e8
1 changed files with 169 additions and 156 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

43
src/components/floor-plan/modal/roofAllocation/ContextRoofAllocationSetting.jsx
View File

@ -45,6 +45,8 @@ export default function ContextRoofAllocationSetting(props) {
return (
<WithDraggable isShow={true} pos={pos}>
<div className={`modal-pop-wrap lr mount`}>
{currentRoofList && (
<>
<div className="modal-head modal-handle">
<h1 className="title">{getMessage('plan.menu.estimate.roof.alloc')}</h1>
<button className="modal-close" onClick={() => closePopup(id)}>
@ -78,9 +80,9 @@ export default function ContextRoofAllocationSetting(props) {
{getMessage('modal.common.add')}
</button>
</div>
<div className="grid-option-overflow">
<div className="grid-option-wrap">
{currentRoofList.length > 0 &&
currentRoofList.map((roof, index) => {
{currentRoofList.map((roof, index) => {
return (
<div className="grid-option-box" key={index}>
<div className="d-check-radio pop no-text">
@ -95,7 +97,7 @@ export default function ContextRoofAllocationSetting(props) {
<div className="grid-option-block-form">
<div className="block-box">
<div className="flex-ment">
<div className="grid-select" style={{ width: '248px' }}>
<div className="grid-select">
<QSelectBox
options={roofMaterials}
value={roof}
@ -105,14 +107,18 @@ export default function ContextRoofAllocationSetting(props) {
onChange={(e) => handleChangeRoofMaterial(e, index)}
/>
</div>
{index === 0 && <span className="dec">{getMessage('modal.roof.alloc.default.roof.material')}</span>}
{index !== 0 && <button className="delete" onClick={() => onDeleteRoofMaterial(index)}></button>}
{index === 0 && <span className="absol dec">{getMessage('modal.roof.alloc.default.roof.material')}</span>}
{index !== 0 && (
<span className="absol">
<button className="delete" onClick={() => onDeleteRoofMaterial(index)}></button>
</span>
)}
</div>
</div>
<div className="block-box">
<div className="flex-ment">
<span>{getMessage('slope')}</span>
<div className="input-grid" style={{ width: '214px' }}>
<div className="input-grid">
<input
type="text"
className="input-origin block"
@ -122,37 +128,41 @@ export default function ContextRoofAllocationSetting(props) {
defaultValue={currentAngleType === 'slope' ? roof.pitch : roof.angle}
/>
</div>
<span>{pitchText}</span>
<span className="absol">{pitchText}</span>
</div>
</div>
{(roof.widAuth || roof.lenAuth) && (
<div className="block-box">
<>
{roof.widAuth && (
<div className="block-box">
<div className="flex-ment">
<span>W</span>
<div className="input-grid" style={{ width: '100px' }}>
<div className="input-grid">
<input type="text" className="input-origin block" defaultValue={roof.width} readOnly={roof.widAuth === 'R'} />
</div>
</div>
</div>
)}
{roof.lenAuth && (
<div className="block-box">
<div className="flex-ment">
<span>L</span>
<div className="input-grid" style={{ width: '100px' }}>
<div className="input-grid">
<input type="text" className="input-origin block" defaultValue={roof.length} readOnly={roof.lenAuth === 'R'} />
</div>
</div>
)}
</div>
)}
</>
)}
{(roof.raftAuth || roof.roofPchAuth) && (
<div className="block-box">
<>
{roof.raftAuth && (
<div className="block-box">
<div className="flex-ment">
<span>{getMessage('modal.placement.initial.setting.rafter')}</span>
{raftCodes.length > 0 && (
<div className="grid-select" style={{ width: '160px' }}>
<div className="grid-select">
<QSelectBox
options={raftCodes}
value={roof}
@ -169,7 +179,7 @@ export default function ContextRoofAllocationSetting(props) {
<div className="block-box">
<div className="flex-ment">
<span>{getMessage('hajebichi')}</span>
<div className="input-grid" style={{ width: '84px' }}>
<div className="input-grid">
<input
type="text"
className="input-origin block"
@ -180,7 +190,7 @@ export default function ContextRoofAllocationSetting(props) {
</div>
</div>
)}
</div>
</>
)}
<div className="block-box">
<div className="icon-btn-wrap">
@ -208,12 +218,15 @@ export default function ContextRoofAllocationSetting(props) {
)
})}
</div>
</div>
<div className="grid-btn-wrap">
<button className="btn-frame modal act" onClick={handleSaveContext}>
{getMessage('modal.roof.alloc.apply')}
</button>
</div>
</div>
</>
)}
<div className="modal-foot modal-handle"></div>
</div>
</WithDraggable>