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