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>
<th>{getMessage('modal.placement.initial.setting.roof.angle.setting')}</th>
<td>
<div className="pop-form-radio">
<div className="pop-form-radio place">
{currentRoof &&
roofAngleSetArray.map((item) => (
<div className="d-check-radio pop" key={item.id}>
<input
type="radio"
id={item.id}
name={item.name}
value={item.value}
checked={currentRoof?.roofAngleSet === item.value}
onChange={(e) => setCurrentRoof({ ...currentRoof, roofAngleSet: e.target.value })}
/>
<label htmlFor={item.id}>{getMessage(item.message)}</label>
roofAngleSetArray.map((item, index) => (
<div className="outline-form">
<span>
<div className="d-check-radio pop" key={item.id}>
<input
type="radio"
id={item.id}
name={item.name}
value={item.value}
checked={currentRoof?.roofAngleSet === item.value}
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>

11
src/styles/_modal.scss
View File

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