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

Merge branch 'qcast-pub' into dev

Browse Source
This commit is contained in:
김민식 2025-02-13 14:41:10 +09:00
commit 24dcbb27f0
2 changed files with 42 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

43
src/components/floor-plan/modal/placementShape/PlacementShapeSetting.jsx
View File

@ -234,19 +234,38 @@ export default function PlacementShapeSetting({ id, pos = { x: 50, y: 180 }, set
<tr> <tr>
<th>{getMessage('modal.placement.initial.setting.roof.angle.setting')}</th> <th>{getMessage('modal.placement.initial.setting.roof.angle.setting')}</th>
<td> <td>
<div className="pop-form-radio"> <div className="pop-form-radio place">
{currentRoof && {currentRoof &&
roofAngleSetArray.map((item) => ( roofAngleSetArray.map((item, index) => (
<div className="d-check-radio pop" key={item.id}> <div className="outline-form">
<input <span>
type="radio" <div className="d-check-radio pop" key={item.id}>
id={item.id} <input
name={item.name} type="radio"
value={item.value} id={item.id}
checked={currentRoof?.roofAngleSet === item.value} name={item.name}
onChange={(e) => setCurrentRoof({ ...currentRoof, roofAngleSet: e.target.value })} value={item.value}
/> checked={currentRoof?.roofAngleSet === item.value}
<label htmlFor={item.id}>{getMessage(item.message)}</label> onChange={(e) => setCurrentRoof({ ...currentRoof, roofAngleSet: e.target.value })}
/>
<label htmlFor={item.id}>{getMessage(item.message)}</label>
</div>
</span>
<div className="input-grid mr5">
<input
type="number"
className="input-origin block"
defaultValue={4}
readOnly={currentRoof?.roofAngleSet !== item.value}
value={index === 0 ? currentRoof?.pitch : currentRoof?.angle}
onChange={(e) =>
index === 0
? setCurrentRoof({ ...currentRoof, pitch: e.target.value })
: setCurrentRoof({ ...currentRoof, angle: e.target.value })
}
/>
</div>
<span className="thin">{index === 0 ? '寸' : '度'}</span>
</div> </div>
))} ))}
</div> </div>

11
src/styles/_modal.scss
View File

@ -523,6 +523,17 @@ $alert-color: #101010;
display: flex; display: flex;
align-items: center; align-items: center;
gap: 10px; gap: 10px;
&.place{
gap: 15px;
.outline-form{
span{
width: fit-content;
}
.input-grid{
width: 80px;
}
}
}
} }
.placement-option{ .placement-option{
display: flex; display: flex;