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-25 12:52:05 +09:00
parent 8d64524585
commit 7435b45360
3 changed files with 18 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
src/components/floor-plan/CanvasMenu.jsx
View File

@ -15,6 +15,7 @@ import { MENU } from '@/common/common'
import KO from '@/locales/ko.json'
import JA from '@/locales/ja.json'
import { settingModalFirstOptionsState } from '@/store/settingAtom'
const canvasMenus = [
{ index: 0, name: 'plan.menu.plan.drawing', icon: 'con00' },
@ -160,16 +161,16 @@ export default function CanvasMenu(props) {
{getMessage('plan.menu.simulation')}
</button>
</li>
{canvasMenus.map((menu) => {
return (
<li key={menu.index} className={`canvas-menu-item ${menuNumber === menu.index ? 'active' : ''}`} onClick={() => onClickNav(menu.index)}>
<button>
<span className={`menu-icon ${menu.icon}`}></span>
{getMessage(menu.name)}
</button>
</li>
)
})}
{/*{canvasMenus.map((menu) => {*/}
{/* return (*/}
{/* <li key={menu.index} className={`canvas-menu-item ${menuNumber === menu.index ? 'active' : ''}`} onClick={() => onClickNav(menu.index)}>*/}
{/* <button>*/}
{/* <span className={`menu-icon ${menu.icon}`}></span>*/}
{/* {getMessage(menu.name)}*/}
{/* </button>*/}
{/* </li>*/}
{/* )*/}
{/*})}*/}
</ul>
<div className="canvas-side-btn-wrap">
{menuNumber !== 6 && menuNumber !== 5 && (
@ -183,9 +184,6 @@ export default function CanvasMenu(props) {
<div className={`vertical-horizontal ${verticalHorizontalMode ? 'on' : ''}`}>
<span>{getMessage('plan.mode.vertical.horizontal')}</span>
<button onClick={() => setVerticalHorizontalMode(!verticalHorizontalMode)}>{verticalHorizontalMode ? 'ON' : 'OFF'}</button>
<div className={`vertical-horizontal ${vertical ? 'on' : ''}`}>
<span>{getMessage(vertical ? 'plan.mode.vertical.horizontal' : 'plan.mode.free')}</span>
<button onClick={() => setVertical(!vertical)}>{vertical ? 'ON' : 'OFF'}</button>
</div>
)}
<div className="select-box">

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

@ -1,17 +1,15 @@
'use client'
import { useEffect, useState } from 'react'
import { useRecoilValue, useRecoilState } from 'recoil'
import { useRecoilState, useRecoilValue } from 'recoil'
import { useAxios } from '@/hooks/useAxios'
import { globalLocaleStore } from '@/store/localeAtom'
import { settingModalFirstOptionsState, settingModalSecondOptionsState } from '@/store/settingAtom'
import { useEffect, useState } from 'react'
import '@/styles/contents.scss'
import CanvasMenu from '@/components/floor-plan/CanvasMenu'
import SettingModal01 from '@/components/floor-plan/modal/setting01/SettingModal01'
import CanvasLayout from '@/components/floor-plan/CanvasLayout'
import OuterLineWall from '@/components/floor-plan/modal/outerlinesetting/OuterLineWall'
import '@/styles/contents.scss'
import DotLineGrid from '@/components/floor-plan/modal/grid/DotLineGrid'
export default function FloorPlan() {

11
src/components/floor-plan/MenuDepth01.jsx
View File

@ -16,11 +16,8 @@ export default function MenuDepth01(props) {
setActiveMenu(menu)
setShowOutlineModal(menu === MENU.ROOF_COVERING.EXTERIOR_WALL_LINE)
setCurrentMenu(menu)
const onClickMenu = (menuNum) => {
setActiveMenu(menuNum)
console.log(menuNum)
if (type === 'outline') {
setShowOutlineModal(menuNum === 0)
setShowOutlineModal(id === 0)
}
}
@ -45,7 +42,11 @@ export default function MenuDepth01(props) {
module: [
// 모듈, 회로 구성
{ id: 0, name: 'plan.menu.module.circuit.setting.default', menu: MENU.MODULE_CIRCUIT_SETTING.BASIC_SETTING },
{ id: 1, name: 'plan.menu.module.circuit.setting.circuit.trestle.setting', menu: MENU.MODULE_CIRCUIT_SETTING.CIRCUIT_TRESTLE_SETTING },
{
id: 1,
name: 'plan.menu.module.circuit.setting.circuit.trestle.setting',
menu: MENU.MODULE_CIRCUIT_SETTING.CIRCUIT_TRESTLE_SETTING,
},
],
}
return (