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

dev #331

Merged
ysCha merged 2 commits from dev into prd-deploy 2025-09-04 17:09:37 +09:00
Conversation 0 Commits 2 Files Changed 4 +34 -14
4 changed files with 34 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
src/components/floor-plan/modal/eavesGable/type/Eaves.jsx
View File

@ -66,7 +66,9 @@ export default function Eaves({ pitchRef, offsetRef, widthRef, radioTypeRef, pit
</div> </div>
<div className="eaves-keraba-td"> <div className="eaves-keraba-td">
<div className={`eaves-keraba-ico ${type === '1' ? 'act' : ''}`}> <div className={`eaves-keraba-ico ${type === '1' ? 'act' : ''}`}>
<Image src="/static/images/canvas/eaves_icon01.svg" alt="react" width={30} height={30} /> <div style={{ width: 30, height: 30, position: 'relative' }}>
<Image src="/static/images/canvas/eaves_icon01.svg" alt="react" fill style={{ objectFit: 'contain' }} />
</div>
</div> </div>
</div> </div>
</div> </div>
@ -79,7 +81,9 @@ export default function Eaves({ pitchRef, offsetRef, widthRef, radioTypeRef, pit
</div> </div>
<div className="eaves-keraba-td"> <div className="eaves-keraba-td">
<div className={`eaves-keraba-ico ${type === '2' ? 'act' : ''}`}> <div className={`eaves-keraba-ico ${type === '2' ? 'act' : ''}`}>
<Image src="/static/images/canvas/eaves_icon02.svg" alt="react" width={30} height={30} /> <div style={{ width: 30, height: 30, position: 'relative' }}>
<Image src="/static/images/canvas/eaves_icon02.svg" alt="react" fill style={{ objectFit: 'contain' }} />
</div>
</div> </div>
</div> </div>
</div> </div>
@ -105,7 +109,9 @@ export default function Eaves({ pitchRef, offsetRef, widthRef, radioTypeRef, pit
</div> </div>
<div className="eaves-keraba-td"> <div className="eaves-keraba-td">
<div className="eaves-keraba-ico "> <div className="eaves-keraba-ico ">
<Image src="/static/images/canvas/eaves_icon03.svg" alt="react" width={30} height={30} /> <div style={{ width: 30, height: 30, position: 'relative' }}>
<Image src="/static/images/canvas/eaves_icon03.svg" alt="react" fill style={{ objectFit: 'contain' }} />
</div>
</div> </div>
</div> </div>
</div> </div>

16
src/components/floor-plan/modal/eavesGable/type/Gable.jsx
View File

@ -37,7 +37,9 @@ export default function Gable({ pitchRef, offsetRef, widthRef, radioTypeRef, pit
</div> </div>
<div className="eaves-keraba-td"> <div className="eaves-keraba-td">
<div className={`eaves-keraba-ico ${type === '1' ? 'act' : ''}`}> <div className={`eaves-keraba-ico ${type === '1' ? 'act' : ''}`}>
<Image src="/static/images/canvas/eaves_icon04.svg" alt="react" width={30} height={30} /> <div style={{ width: 30, height: 30, position: 'relative' }}>
<Image src="/static/images/canvas/eaves_icon04.svg" alt="react" fill style={{ objectFit: 'contain' }} />
</div>
</div> </div>
</div> </div>
</div> </div>
@ -50,7 +52,9 @@ export default function Gable({ pitchRef, offsetRef, widthRef, radioTypeRef, pit
</div> </div>
<div className="eaves-keraba-td"> <div className="eaves-keraba-td">
<div className={`eaves-keraba-ico ${type === '2' ? 'act' : ''}`}> <div className={`eaves-keraba-ico ${type === '2' ? 'act' : ''}`}>
<Image src="/static/images/canvas/eaves_icon09.svg" alt="react" width={30} height={30} /> <div style={{ width: 30, height: 30, position: 'relative' }}>
<Image src="/static/images/canvas/eaves_icon09.svg" alt="react" fill style={{ objectFit: 'contain' }} />
</div>
</div> </div>
</div> </div>
</div> </div>
@ -74,7 +78,9 @@ export default function Gable({ pitchRef, offsetRef, widthRef, radioTypeRef, pit
</div> </div>
<div className="eaves-keraba-td"> <div className="eaves-keraba-td">
<div className="eaves-keraba-ico "> <div className="eaves-keraba-ico ">
<Image src="/static/images/canvas/eaves_icon05.svg" alt="react" width={30} height={30} /> <div style={{ width: 30, height: 30, position: 'relative' }}>
<Image src="/static/images/canvas/eaves_icon05.svg" alt="react" fill style={{ objectFit: 'contain' }} />
</div>
</div> </div>
</div> </div>
</div> </div>
@ -92,7 +98,9 @@ export default function Gable({ pitchRef, offsetRef, widthRef, radioTypeRef, pit
</div> </div>
<div className="eaves-keraba-td"> <div className="eaves-keraba-td">
<div className="eaves-keraba-ico "> <div className="eaves-keraba-ico ">
<Image src="/static/images/canvas/eaves_icon10.svg" alt="react" width={30} height={30} /> <div style={{ width: 30, height: 30, position: 'relative' }}>
<Image src="/static/images/canvas/eaves_icon10.svg" alt="react" fill style={{ objectFit: 'contain' }} />
</div>
</div> </div>
</div> </div>
</div> </div>

12
src/components/floor-plan/modal/eavesGable/type/WallMerge.jsx
View File

@ -23,7 +23,9 @@ export default function WallMerge({ offsetRef, radioTypeRef }) {
</div> </div>
<div className="eaves-keraba-td"> <div className="eaves-keraba-td">
<div className={`eaves-keraba-ico ${type === '1' ? 'act' : ''}`}> <div className={`eaves-keraba-ico ${type === '1' ? 'act' : ''}`}>
<Image src="/static/images/canvas/eaves_icon06.svg" alt="react" width={30} height={30} /> <div style={{ width: 30, height: 30, position: 'relative' }}>
<Image src="/static/images/canvas/eaves_icon06.svg" alt="react" fill style={{ objectFit: 'contain' }} />
</div>
</div> </div>
</div> </div>
</div> </div>
@ -36,7 +38,9 @@ export default function WallMerge({ offsetRef, radioTypeRef }) {
</div> </div>
<div className="eaves-keraba-td"> <div className="eaves-keraba-td">
<div className={`eaves-keraba-ico ${type === '2' ? 'act' : ''}`}> <div className={`eaves-keraba-ico ${type === '2' ? 'act' : ''}`}>
<Image src="/static/images/canvas/eaves_icon07.svg" alt="react" width={30} height={30} /> <div style={{ width: 30, height: 30, position: 'relative' }}>
<Image src="/static/images/canvas/eaves_icon07.svg" alt="react" fill style={{ objectFit: 'contain' }} />
</div>
</div> </div>
</div> </div>
</div> </div>
@ -54,7 +58,9 @@ export default function WallMerge({ offsetRef, radioTypeRef }) {
</div> </div>
<div className="eaves-keraba-td"> <div className="eaves-keraba-td">
<div className="eaves-keraba-ico "> <div className="eaves-keraba-ico ">
<Image src="/static/images/canvas/eaves_icon08.svg" alt="react" width={30} height={30} /> <div style={{ width: 30, height: 30, position: 'relative' }}>
<Image src="/static/images/canvas/eaves_icon08.svg" alt="react" fill style={{ objectFit: 'contain' }} />
</div>
</div> </div>
</div> </div>
</div> </div>

8
src/components/floor-plan/modal/movement/type/FlowLine.jsx
View File

@ -12,11 +12,12 @@ export default function FlowLine({ FLOW_LINE_REF }) {
const { getMessage } = useMessage() const { getMessage } = useMessage()
const [type, setType] = useState(FLOW_LINE_TYPE.DOWN_LEFT) const [type, setType] = useState(FLOW_LINE_TYPE.DOWN_LEFT)
const [filledInput, setFilledInput] = useState('') const [filledInput, setFilledInput] = useState('')
const [pointerInput, setPointerInput] = useState('100')
const currentObject = useRecoilValue(currentObjectState) const currentObject = useRecoilValue(currentObjectState)
const handleFocus = () => { const handleFocus = () => {
if (currentObject === null) { if (currentObject === null) {
FLOW_LINE_REF.POINTER_INPUT_REF.current.value = '' setPointerInput('')
FLOW_LINE_REF.FILLED_INPUT_REF.current.value = '' setFilledInput('')
FLOW_LINE_REF.FILLED_INPUT_REF.current.blur() FLOW_LINE_REF.FILLED_INPUT_REF.current.blur()
} }
} }
@ -35,7 +36,7 @@ export default function FlowLine({ FLOW_LINE_REF }) {
<div className="outline-form"> <div className="outline-form">
<span>{getMessage('modal.movement.flow.line.position')}</span> <span>{getMessage('modal.movement.flow.line.position')}</span>
<div className="input-grid mr5"> <div className="input-grid mr5">
<input type="text" className="input-origin block" defaultValue={100} readOnly={true} ref={FLOW_LINE_REF.POINTER_INPUT_REF} /> <input type="text" className="input-origin block" value={pointerInput} readOnly={true} ref={FLOW_LINE_REF.POINTER_INPUT_REF} />
</div> </div>
</div> </div>
<div className="moving-tab-content"> <div className="moving-tab-content">
@ -71,7 +72,6 @@ export default function FlowLine({ FLOW_LINE_REF }) {
<input <input
type="text" type="text"
className="input-origin block" className="input-origin block"
defaultValue={100}
ref={FLOW_LINE_REF.FILLED_INPUT_REF} ref={FLOW_LINE_REF.FILLED_INPUT_REF}
value={filledInput} value={filledInput}
onFocus={handleFocus} onFocus={handleFocus}