From 3e7dcd9417413cb4e5ac9e793dcfa85f7c1808f0 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EA=B9=80=EC=B0=BD=EC=88=98?= <chang9811@interplug.co.kr>
Date: Tue, 29 Apr 2025 14:48:36 +0900
Subject: [PATCH] =?UTF-8?q?=EB=A7=A4=EB=AC=BC=20=EA=B8=B0=EB=B3=B8?=
 =?UTF-8?q?=EC=A0=95=EB=B3=B4=20=ED=8E=98=EC=9D=B4=EC=A7=80=20=EC=83=9D?=
 =?UTF-8?q?=EC=84=B1?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/app/saledefault/page.tsx                  | 26 +++++++++
 src/app/saledetail/page.tsx                   |  2 +
 src/components/PublishList/PublishList.tsx    | 11 ++++
 .../sale/saledefault/SaleDefaultForm.tsx      | 20 +++++++
 .../sale/saledefault/SaleDefaultForm02.tsx    | 58 +++++++++++++++++++
 .../sale/saledetail/SaleDetailForm.tsx        | 32 ----------
 .../sale/saledetail/SaleDetailForm02.tsx      | 34 +++++++++++
 src/styles/components/_sub.scss               | 10 ++++
 8 files changed, 161 insertions(+), 32 deletions(-)
 create mode 100644 src/app/saledefault/page.tsx
 create mode 100644 src/components/sale/saledefault/SaleDefaultForm.tsx
 create mode 100644 src/components/sale/saledefault/SaleDefaultForm02.tsx
 create mode 100644 src/components/sale/saledetail/SaleDetailForm02.tsx

diff --git a/src/app/saledefault/page.tsx b/src/app/saledefault/page.tsx
new file mode 100644
index 0000000..4afcf79
--- /dev/null
+++ b/src/app/saledefault/page.tsx
@@ -0,0 +1,26 @@
+import Footer from "@/components/layouts/Footer";
+import Header from "@/components/layouts/Header";
+import SaleDefaultForm from "@/components/sale/saledefault/SaleDefaultForm";
+import SaleDefaultForm02 from "@/components/sale/saledefault/SaleDefaultForm02";
+
+export default function SaleDefaultPage(){
+  return(
+    <div className="wrap">
+      <Header name={"調査物件新規登録"} backBtn={true}/>
+      <div className="container">
+        <div className="sale-contents">
+          <div className="sale-detail-tab-wrap">
+            <div className="sale-detail-tab-inner">
+              <button className="sale-detail-tab act">基本情報</button>
+              <button className="sale-detail-tab">電気 / 屋根情報</button>
+            </div>
+          </div>
+          <SaleDefaultForm/>
+          <SaleDefaultForm02/>
+        </div>
+      </div>
+      <Footer/>
+      <button className="top-btn"></button>
+    </div>
+  )
+}
\ No newline at end of file
diff --git a/src/app/saledetail/page.tsx b/src/app/saledetail/page.tsx
index 74d9e99..188394e 100644
--- a/src/app/saledetail/page.tsx
+++ b/src/app/saledetail/page.tsx
@@ -2,6 +2,7 @@ import Footer from "@/components/layouts/Footer";
 import Header from "@/components/layouts/Header";
 import SaleDetailData from "@/components/sale/saledetail/SaleDetailData";
 import SaleDetailForm from "@/components/sale/saledetail/SaleDetailForm";
+import SaleDetailForm02 from "@/components/sale/saledetail/SaleDetailForm02";
 
 export default function SaleDetailPage(){
   return(
@@ -17,6 +18,7 @@ export default function SaleDetailPage(){
           </div>
           <SaleDetailData/>
           <SaleDetailForm/>
+          <SaleDetailForm02/>
         </div>
       </div>
       <Footer/>
diff --git a/src/components/PublishList/PublishList.tsx b/src/components/PublishList/PublishList.tsx
index 3c616c2..d900d32 100644
--- a/src/components/PublishList/PublishList.tsx
+++ b/src/components/PublishList/PublishList.tsx
@@ -94,6 +94,17 @@ export default function PublishList (){
                     </td>
                     <td className='c red'>2025/04/29</td>
                   </tr>
+                  <tr>
+                    <td>매물 기본정보</td>
+                    <td>
+                      <Link href={'saledefault'}>SaleDefaultPage.tsx</Link>
+                    </td>
+                    <td className='c'>
+                    </td>
+                    <td className='c'>
+                    </td>
+                    <td className='c red'>2025/04/29</td>
+                  </tr>
                 </tbody>
               </table>
             </div>
diff --git a/src/components/sale/saledefault/SaleDefaultForm.tsx b/src/components/sale/saledefault/SaleDefaultForm.tsx
new file mode 100644
index 0000000..756efc6
--- /dev/null
+++ b/src/components/sale/saledefault/SaleDefaultForm.tsx
@@ -0,0 +1,20 @@
+export default function SaleDefaultForm(){
+  return(
+      <div className="sale-frame">
+        <div className="data-form-wrap">
+          <div className="data-input-form-bx">
+            <div className="data-input-form-tit">担当者名</div>
+            <input type="text" className="input-frame" defaultValue={'HG'}/>
+          </div>
+          <div className="data-input-form-bx">
+            <div className="data-input-form-tit">販売店</div>
+            <input type="text" className="input-frame" defaultValue={'HWJ(T01)'}/>
+          </div>
+          <div className="data-input-form-bx">
+            <div className="data-input-form-tit">施工店</div>
+            <input type="text" className="input-frame" defaultValue={'施工点名表示'}/>
+          </div>
+        </div>
+      </div> 
+  )
+}
\ No newline at end of file
diff --git a/src/components/sale/saledefault/SaleDefaultForm02.tsx b/src/components/sale/saledefault/SaleDefaultForm02.tsx
new file mode 100644
index 0000000..3d3bd15
--- /dev/null
+++ b/src/components/sale/saledefault/SaleDefaultForm02.tsx
@@ -0,0 +1,58 @@
+export default function SaleDefaultForm02(){
+  return(
+      <div className="sale-frame">
+        <div className="data-form-wrap">
+          <div className="data-input-form-bx">
+            <div className="data-input-form-tit">現地調査日</div>
+            <div className="date-input">
+              <button className="date-btn"><i className="date-icon"></i></button>
+              <input type="text" className="date-frame" defaultValue={'2025.04.16'}/>
+            </div>
+          </div>
+          <div className="data-input-form-bx">
+            <div className="data-input-form-tit">建物名</div>
+            <input type="text" className="input-frame" defaultValue={'ギルドン'}/>
+          </div>
+          <div className="data-input-form-bx">
+            <div className="data-input-form-tit">建物名</div>
+            <input type="text" className="input-frame" defaultValue={'HWJ Building'}/>
+          </div>
+          <div className="data-input-form-bx">
+            <div className="data-input-form-tit">建物名</div>
+            <div className="form-flex">
+              <div className="form-bx">
+                <input type="text" className="input-frame" defaultValue={'1050013'} disabled/>
+              </div>
+              <div className="form-bx">
+                <select className="select-form" name="" id="">
+                  <option value="">東京都</option>
+                  <option value="">東京都</option>
+                  <option value="">東京都</option>
+                  <option value="">東京都</option>
+                  <option value="">東京都</option>
+                </select>
+              </div>
+            </div>
+            <div className="form-btn">
+              <button className="btn-frame n-blue icon">郵便番号<i className="btn-arr"></i></button>
+            </div>
+          </div>
+          <div className="data-input-form-bx">
+            <div className="data-input-form-tit">市区町村名, 以後の住所</div>
+            <input type="text" className="input-frame" defaultValue={'浜松 浜松町'}/>
+          </div>
+        </div>
+        <div className="btn-flex-wrap">
+          <div className="btn-bx">
+            <button className="btn-frame n-blue icon">一時保存<i className="btn-arr"></i></button>
+          </div>
+          <div className="btn-bx">
+            <button className="btn-frame red icon">保存<i className="btn-arr"></i></button>
+          </div>
+          <div className="btn-bx">
+            <button className="btn-frame n-blue icon">リスト<i className="btn-arr"></i></button>
+          </div>
+        </div>
+      </div> 
+  )
+}
\ No newline at end of file
diff --git a/src/components/sale/saledetail/SaleDetailForm.tsx b/src/components/sale/saledetail/SaleDetailForm.tsx
index 2f708fd..b070aa6 100644
--- a/src/components/sale/saledetail/SaleDetailForm.tsx
+++ b/src/components/sale/saledetail/SaleDetailForm.tsx
@@ -1,6 +1,5 @@
 export default function SaleDetailForm(){
   return(
-    <>
       <div className="sale-frame">
         <div className="data-form-wrap">
           <div className="data-input-form-bx">
@@ -17,36 +16,5 @@ export default function SaleDetailForm(){
           </div>
         </div>
       </div>
-      <div className="sale-frame">
-        <div className="data-form-wrap">
-          <div className="data-input-form-bx">
-            <div className="data-input-form-tit">現地調査日</div>
-            <input type="text" className="input-frame" disabled  defaultValue={'2025/04/05'}/>
-          </div>
-          <div className="data-input-form-bx">
-            <div className="data-input-form-tit">建物名</div>
-            <input type="text" className="input-frame" disabled  defaultValue={'ハンファジャパンビル'}/>
-          </div>
-          <div className="data-input-form-bx">
-            <div className="data-input-form-tit">顧客名</div>
-            <input type="text" className="input-frame" disabled  defaultValue={'Hong gi'}/>
-          </div>
-        </div>
-        <div className="btn-flex-wrap">
-          <div className="btn-bx">
-            <button className="btn-frame n-blue icon">リスト<i className="btn-arr"></i></button>
-          </div>
-          <div className="btn-bx">
-            <button className="btn-frame red icon">提出<i className="btn-arr"></i></button>
-          </div>
-          <div className="btn-bx">
-            <button className="btn-frame n-blue icon">修正<i className="btn-arr"></i></button>
-          </div>
-          <div className="btn-bx">
-            <button className="btn-frame n-blue icon">削除<i className="btn-arr"></i></button>
-          </div>
-        </div>
-      </div>
-    </>
   )
 }
\ No newline at end of file
diff --git a/src/components/sale/saledetail/SaleDetailForm02.tsx b/src/components/sale/saledetail/SaleDetailForm02.tsx
new file mode 100644
index 0000000..a6addfd
--- /dev/null
+++ b/src/components/sale/saledetail/SaleDetailForm02.tsx
@@ -0,0 +1,34 @@
+export default function SaleDetailForm02(){
+  return(
+      <div className="sale-frame">
+        <div className="data-form-wrap">
+          <div className="data-input-form-bx">
+            <div className="data-input-form-tit">現地調査日</div>
+            <input type="text" className="input-frame" disabled  defaultValue={'2025/04/05'}/>
+          </div>
+          <div className="data-input-form-bx">
+            <div className="data-input-form-tit">建物名</div>
+            <input type="text" className="input-frame" disabled  defaultValue={'ハンファジャパンビル'}/>
+          </div>
+          <div className="data-input-form-bx">
+            <div className="data-input-form-tit">顧客名</div>
+            <input type="text" className="input-frame" disabled  defaultValue={'Hong gi'}/>
+          </div>
+        </div>
+        <div className="btn-flex-wrap">
+          <div className="btn-bx">
+            <button className="btn-frame n-blue icon">リスト<i className="btn-arr"></i></button>
+          </div>
+          <div className="btn-bx">
+            <button className="btn-frame red icon">提出<i className="btn-arr"></i></button>
+          </div>
+          <div className="btn-bx">
+            <button className="btn-frame n-blue icon">修正<i className="btn-arr"></i></button>
+          </div>
+          <div className="btn-bx">
+            <button className="btn-frame n-blue icon">削除<i className="btn-arr"></i></button>
+          </div>
+        </div>
+      </div>
+  )
+}
\ No newline at end of file
diff --git a/src/styles/components/_sub.scss b/src/styles/components/_sub.scss
index d97ede9..54c2816 100644
--- a/src/styles/components/_sub.scss
+++ b/src/styles/components/_sub.scss
@@ -210,3 +210,13 @@
   }
 }  
 
+// 매물 기본정보
+.form-flex{
+  @include flex(5px);
+  .form-bx{
+    flex: 1;
+  }
+}
+.form-btn{
+  margin-top: 12px;
+}
\ No newline at end of file