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

- 외벽선 설정 팝업 수정

Browse Source
This commit is contained in:
minsik 2024-09-13 14:02:03 +09:00
parent 8ef2fa35f3
commit 545cf222b5
2 changed files with 8 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/floor-plan/FloorPlan.jsx
View File

@ -5,7 +5,7 @@ import SettingModal01 from '@/components/floor-plan/modal/setting01/SettingModal
import CanvasLayout from '@/components/floor-plan/CanvasLayout'
import '@/styles/contents.scss'
import OuterLineWall from '@/components/floor-plan/modal/outerlinesetting/OuterLineWall'
import { useState } from 'react'
import { useEffect, useState } from 'react'
export default function FloorPlan() {
const [showCanvasSettingModal, setShowCanvasSettingModal] = useState(false)
@ -25,6 +25,8 @@ export default function FloorPlan() {
setShowOutlineModal,
}
useEffect(() => {}, [showOutlineModal])
return (
<>
<div className="canvas-wrap">

10
src/components/floor-plan/modal/outerlinesetting/OuterLineWall.jsx
View File

@ -19,7 +19,7 @@ import { QLine } from '@/components/fabric/QLine'
import { useLine } from '@/hooks/useLine'
export default function OuterLineWall(props) {
const { showOutlineModal, setShowOutlineModal } = props
const { setShowOutlineModal } = props
const { getMessage } = useMessage()
const { addCanvasMouseEventListener, addDocumentEventListener, removeAllDocumentEventListeners } = useEvent()
const { addLineText, removeLineText } = useLine()
@ -348,7 +348,7 @@ export default function OuterLineWall(props) {
}
return (
<WithDraggable isShow={true} pos={{ x: 50, y: -1000 + 50 }}>
<div className={`modal-pop-wrap ssm ${showOutlineModal ? 'mount' : ''} `}>
<div className={`modal-pop-wrap ssm`}>
<div className="modal-head">
<h1 className="title">{getMessage('modal.cover.outline.drawing')}</h1>
<button className="modal-close" onClick={() => setShowOutlineModal(false)}>
@ -405,7 +405,7 @@ export default function OuterLineWall(props) {
</div>
<div className="form-input">
<label htmlFor="">{getMessage('modal.cover.outline.arrow')}</label>
<input type="text" value={arrow1} className="input-origin block" />
<input type="text" readOnly={true} value={arrow1} className="input-origin block" />
</div>
</div>
) : type === OUTER_LINE_TYPE.RIGHT_ANGLE ? (
@ -425,7 +425,7 @@ export default function OuterLineWall(props) {
</div>
<div className="form-input">
<label htmlFor="">{getMessage('modal.cover.outline.arrow')}</label>
<input type="text" value={arrow1} className="input-origin block" />
<input type="text" readOnly={true} value={arrow1} className="input-origin block" />
</div>
<div className="form-input">
<label htmlFor="">{getMessage('modal.cover.outline.length')}</label>
@ -442,7 +442,7 @@ export default function OuterLineWall(props) {
</div>
<div className="form-input">
<label htmlFor="">{getMessage('modal.cover.outline.arrow')}</label>
<input type="text" value={arrow2} className="input-origin block" />
<input type="text" readOnly={true} value={arrow2} className="input-origin block" />
</div>
</div>
) : (