From d70debe88a6b046e6a452646d0c83d816a3efd47 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=EA=B9=80=EC=B0=BD=EC=88=98?= Date: Fri, 4 Oct 2024 14:11:38 +0900 Subject: [PATCH] =?UTF-8?q?=ED=91=9C=EC=8B=9C=EB=B3=80=EA=B2=BD=20?= =?UTF-8?q?=ED=8C=9D=EC=97=85=20=EB=B0=8F=20=EA=B1=B0=EB=A6=AC=EC=B8=A1?= =?UTF-8?q?=EC=A0=95=20=ED=8C=9D=EC=97=85=20=EC=B6=94=EA=B0=80?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/app/canvas/page.jsx | 13 +++- .../modal/displaychange/DisplayChange.jsx | 63 +++++++++++++++++++ .../DistanceMeasurement01.jsx | 28 +++++++++ .../DistanceMeasurement02.jsx | 63 +++++++++++++++++++ .../DistanceMeasurement03.jsx | 28 +++++++++ .../modal/objectoption/ObjectOption.jsx | 2 +- src/styles/_modal.scss | 12 +++- 7 files changed, 206 insertions(+), 3 deletions(-) create mode 100644 src/components/canvas/modal/displaychange/DisplayChange.jsx create mode 100644 src/components/canvas/modal/distancemeasurement/DistanceMeasurement01.jsx create mode 100644 src/components/canvas/modal/distancemeasurement/DistanceMeasurement02.jsx create mode 100644 src/components/canvas/modal/distancemeasurement/DistanceMeasurement03.jsx diff --git a/src/app/canvas/page.jsx b/src/app/canvas/page.jsx index 2a4f7cb..2e4cba7 100644 --- a/src/app/canvas/page.jsx +++ b/src/app/canvas/page.jsx @@ -7,6 +7,10 @@ import AuxiliarylineOption from '@/components/canvas/modal/auxiliarylineoprion/A import AuxiliaryCopy from '@/components/canvas/modal/auxiliarysupport/AuxiliaryCopy' import AuxiliaryMove from '@/components/canvas/modal/auxiliarysupport/AuxiliaryMove' import AuxiliarySize from '@/components/canvas/modal/auxiliarysupport/AuxiliarySize' +import DisplayChange from '@/components/canvas/modal/displaychange/DisplayChange' +import DistanceMeasurement01 from '@/components/canvas/modal/distancemeasurement/DistanceMeasurement01' +import DistanceMeasurement02 from '@/components/canvas/modal/distancemeasurement/DistanceMeasurement02' +import DistanceMeasurement03 from '@/components/canvas/modal/distancemeasurement/DistanceMeasurement03' import EvaseKerabaOption from '@/components/canvas/modal/eaves_keraba/EavesKerabaOption' import GridCopy from '@/components/canvas/modal/gridoption/GridCopy' import GridMove from '@/components/canvas/modal/gridoption/GridMove' @@ -97,7 +101,14 @@ export default function CanvasPage() { {/* */} {/* 표시변겅 */} - + {/* */} + + {/* 거리측정01, 거리측정02, 거리측정03 */} + {/* */} + {/* */} + {/* */} + + {/* 각 변 속성 변경 */} diff --git a/src/components/canvas/modal/displaychange/DisplayChange.jsx b/src/components/canvas/modal/displaychange/DisplayChange.jsx new file mode 100644 index 0000000..5032c36 --- /dev/null +++ b/src/components/canvas/modal/displaychange/DisplayChange.jsx @@ -0,0 +1,63 @@ +import WithDraggable from "@/components/common/draggable/withDraggable"; +import Qselect from "@/components/common/select/Qselect"; + +const SelectOption01 = [ + {name: '0',}, {name: '0'}, {name: '0'}, {name: '0'} +] + +export default function DisplayChange(){ + return( + +
+
+

表示の変更

+ +
+
+
+ 寸法線に表示する数値を入力してください +
+
+
+
+ 既存の長さ +
+ +
+
+
+ 変更の長さ +
+ +
+
+
+
+
+
傾斜を着せてください。
+
+
+ 傾斜 +
+ +
+ 寸法 +
+
+ 傾斜 +
+ +
+ 寸法 +
+
+
傾き設定されている場合、入力した数値に傾き計算をした数値が表示されます。
+
+
+ +
+
+
+ + ) +} \ No newline at end of file diff --git a/src/components/canvas/modal/distancemeasurement/DistanceMeasurement01.jsx b/src/components/canvas/modal/distancemeasurement/DistanceMeasurement01.jsx new file mode 100644 index 0000000..c62ce77 --- /dev/null +++ b/src/components/canvas/modal/distancemeasurement/DistanceMeasurement01.jsx @@ -0,0 +1,28 @@ +import WithDraggable from "@/components/common/draggable/withDraggable"; + +export default function DistanceMeasurement01(){ + return( + +
+
+

距離測定

+ +
+
+
+
+ 水平距離 +
+ +
+ mm +
+
+
+ +
+
+
+ + ) +} \ No newline at end of file diff --git a/src/components/canvas/modal/distancemeasurement/DistanceMeasurement02.jsx b/src/components/canvas/modal/distancemeasurement/DistanceMeasurement02.jsx new file mode 100644 index 0000000..184b646 --- /dev/null +++ b/src/components/canvas/modal/distancemeasurement/DistanceMeasurement02.jsx @@ -0,0 +1,63 @@ +import WithDraggable from "@/components/common/draggable/withDraggable"; + +export default function DistanceMeasurement02(){ + return( + +
+
+

距離測定

+ +
+
+
+
+
+
+ 2点間距離 +
+
+
+
+ +
+ mm +
+
+
+
+
+ 水平距離 +
+
+
+
+ +
+ mm +
+
+
+
+
+ 垂直距離 +
+
+
+
+ +
+ mm +
+
+
+ +
+
+
+ +
+
+
+ + ) +} \ No newline at end of file diff --git a/src/components/canvas/modal/distancemeasurement/DistanceMeasurement03.jsx b/src/components/canvas/modal/distancemeasurement/DistanceMeasurement03.jsx new file mode 100644 index 0000000..389b847 --- /dev/null +++ b/src/components/canvas/modal/distancemeasurement/DistanceMeasurement03.jsx @@ -0,0 +1,28 @@ +import WithDraggable from "@/components/common/draggable/withDraggable"; + +export default function DistanceMeasurement03(){ + return( + +
+
+

距離測定

+ +
+
+
+
+ 垂直距離 +
+ +
+ mm +
+
+
+ +
+
+
+ + ) +} \ No newline at end of file diff --git a/src/components/canvas/modal/objectoption/ObjectOption.jsx b/src/components/canvas/modal/objectoption/ObjectOption.jsx index f3a8eb1..fffc8f7 100644 --- a/src/components/canvas/modal/objectoption/ObjectOption.jsx +++ b/src/components/canvas/modal/objectoption/ObjectOption.jsx @@ -18,7 +18,7 @@ export default function ObjectOption(){
-

傾斜設定

+

オブジェクトの配置

diff --git a/src/styles/_modal.scss b/src/styles/_modal.scss index 2d934d7..aff58be 100644 --- a/src/styles/_modal.scss +++ b/src/styles/_modal.scss @@ -26,7 +26,7 @@ $alert-color: #101010; background-color: #272727; z-index: 9999999; &.xxxm{ - width: 230px; + width: 240px; } &.xxm{ width: 270px; @@ -1001,4 +1001,14 @@ $alert-color: #101010; transform: translate(-50%, -50%); } } +} + +// 표시변경 +.display-change-wrap{ + margin: 24px 0; +} +.warning{ + font-size: $pop-normal-size; + font-weight: $pop-normal-weight; + color: #FFAFAF; } \ No newline at end of file