From 66acf8060f8d42aff3a5c8ae3def22dae940b8f6 Mon Sep 17 00:00:00 2001
From: minsik <pro.mskim0215@gmail.com>
Date: Wed, 16 Oct 2024 15:10:49 +0900
Subject: [PATCH] =?UTF-8?q?-=20=EB=B3=B4=EC=A1=B0=EC=84=A0=20=EC=9D=B4?=
 =?UTF-8?q?=EB=8F=99,=20=EC=82=AC=EC=9D=B4=EC=A6=88=EB=B3=80=EA=B2=BD=20?=
 =?UTF-8?q?=EB=AA=A8=EB=8B=AC=20=EC=B6=94=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../modal/auxiliary/AuxiliaryMove.jsx         | 47 ++++++++++++++
 .../modal/auxiliary/AuxiliarySize.jsx         | 61 +++++++++++++++++++
 2 files changed, 108 insertions(+)
 create mode 100644 src/components/floor-plan/modal/auxiliary/AuxiliaryMove.jsx
 create mode 100644 src/components/floor-plan/modal/auxiliary/AuxiliarySize.jsx

diff --git a/src/components/floor-plan/modal/auxiliary/AuxiliaryMove.jsx b/src/components/floor-plan/modal/auxiliary/AuxiliaryMove.jsx
new file mode 100644
index 00000000..65925cbd
--- /dev/null
+++ b/src/components/floor-plan/modal/auxiliary/AuxiliaryMove.jsx
@@ -0,0 +1,47 @@
+import { useMessage } from '@/hooks/useMessage'
+import WithDraggable from '@/components/common/draggable/WithDraggable'
+
+export default function AuxiliaryMove({ setShowAuxiliaryModal }) {
+  const { getMessage } = useMessage()
+  return (
+    <WithDraggable isShow={true} pos={{ x: 50, y: -950 }}>
+      <div className={`modal-pop-wrap xm`}>
+        <div className="modal-head">
+          <h1 className="title">補助線の移動 </h1>
+          <button className="modal-close">닫기</button>
+        </div>
+        <div className="modal-body">
+          <div className="grid-option-tit">移動する方向を入力してください</div>
+          <div className="grid-option-wrap">
+            <div className="grid-option-box">
+              <div className="move-form">
+                <p className="mb5">長さ</p>
+                <div className="input-move-wrap mb5">
+                  <div className="input-move">
+                    <input type="text" className="input-origin" defaultValue={910} />
+                  </div>
+                  <span>mm</span>
+                </div>
+                <div className="input-move-wrap">
+                  <div className="input-move">
+                    <input type="text" className="input-origin" defaultValue={910} />
+                  </div>
+                  <span>mm</span>
+                </div>
+              </div>
+              <div className="direction-move-wrap">
+                <button className="direction up"></button>
+                <button className="direction down act"></button>
+                <button className="direction left"></button>
+                <button className="direction right"></button>
+              </div>
+            </div>
+          </div>
+          <div className="grid-btn-wrap">
+            <button className="btn-frame modal act">保存</button>
+          </div>
+        </div>
+      </div>
+    </WithDraggable>
+  )
+}
diff --git a/src/components/floor-plan/modal/auxiliary/AuxiliarySize.jsx b/src/components/floor-plan/modal/auxiliary/AuxiliarySize.jsx
new file mode 100644
index 00000000..baa9fafa
--- /dev/null
+++ b/src/components/floor-plan/modal/auxiliary/AuxiliarySize.jsx
@@ -0,0 +1,61 @@
+import { useMessage } from '@/hooks/useMessage'
+import WithDraggable from '@/components/common/draggable/WithDraggable'
+
+export default function AuxiliarySize({ setShowAuxiliaryModal }) {
+  const { getMessage } = useMessage()
+  return (
+    <WithDraggable isShow={true} pos={{ x: 0, y: 150 }}>
+      <div className={`modal-pop-wrap xm`}>
+        <div className="modal-head">
+          <h1 className="title">補助線サイズ変更 </h1>
+          <button className="modal-close" onClick={() => setIsShow(false)}>
+            닫기
+          </button>
+        </div>
+        <div className="modal-body">
+          <div className="discrimination-box mb10">
+            <div className="d-check-radio pop mb10">
+              <input type="radio" name="radio01" id="ra01" />
+              <label htmlFor="ra01">1支店</label>
+            </div>
+            <div className="outline-form mb15">
+              <div className="input-grid mr5" style={{ flex: '1 1 auto' }}>
+                <input type="text" className="input-origin block" defaultValue={100} />
+              </div>
+              <span className="thin">mm</span>
+            </div>
+            <div className="outline-form">
+              <span style={{ width: 'auto' }}>長さ</span>
+              <div className="input-grid mr5">
+                <input type="text" className="input-origin block" defaultValue={100} />
+              </div>
+              <span className="thin">mm</span>
+            </div>
+          </div>
+          <div className="discrimination-box ">
+            <div className="d-check-radio pop mb10">
+              <input type="radio" name="radio01" id="ra02" />
+              <label htmlFor="ra02">2支店</label>
+            </div>
+            <div className="outline-form mb15">
+              <div className="input-grid mr5" style={{ flex: '1 1 auto' }}>
+                <input type="text" className="input-origin block" defaultValue={100} />
+              </div>
+              <span className="thin">mm</span>
+            </div>
+            <div className="outline-form">
+              <span style={{ width: 'auto' }}>長さ</span>
+              <div className="input-grid mr5">
+                <input type="text" className="input-origin block" defaultValue={100} />
+              </div>
+              <span className="thin">mm</span>
+            </div>
+          </div>
+          <div className="grid-btn-wrap">
+            <button className="btn-frame modal act">保存</button>
+          </div>
+        </div>
+      </div>
+    </WithDraggable>
+  )
+}