From 897a2b668afb3e017e77b05f4393d1e3ad603391 Mon Sep 17 00:00:00 2001
From: keyy1315 <lovelina1315@gmail.com>
Date: Fri, 25 Jul 2025 15:37:24 +0900
Subject: [PATCH] =?UTF-8?q?style:=20=EC=A1=B0=EC=82=AC=EB=A7=A4=EB=AC=BC?=
 =?UTF-8?q?=20=EC=A3=BC=EC=86=8C=20=EC=B4=88=EA=B8=B0=ED=99=94=20=EB=B2=84?=
 =?UTF-8?q?=ED=8A=BC=20=EC=B6=94=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 public/assets/images/sub/refresh.png          | Bin 0 -> 402 bytes
 .../survey-sale/detail/BasicForm.tsx          |  38 ++++++++++++++----
 src/styles/components/_sub.scss               |  10 +++++
 3 files changed, 40 insertions(+), 8 deletions(-)
 create mode 100644 public/assets/images/sub/refresh.png

diff --git a/public/assets/images/sub/refresh.png b/public/assets/images/sub/refresh.png
new file mode 100644
index 0000000000000000000000000000000000000000..d5ee1a04092f475ae2fe89f6cfe7f8e58a36c4e5
GIT binary patch
literal 402
zcmV;D0d4+?P)<h;3K|Lk000e1NJLTq000;O000;W1^@s6;CDUv00009a7bBm000XU
z000XU0RWnu7ytkPL`g(JRCt`-m0eB(F%ZW$Aijtm1U-fNjA96fAc`ml&?o%3g@Sk>
zLGkMl24D2S9~qg(#&p|lHv7UPO`7fW_wUZMGfA@42CM=tU<6EoPhbW-0Yjh(R2=)x
zv%n94cf$4p?AdVn=mVF4YYXrI90Qxcnhu$FfwB7h0DS`w2^jbn&=x_DZyD$S-~WHh
z7ZwBG4#x3s-%U_J6KZ1Kj)0%J6611gSuro?fs47E?|)aIlN4dVvkKIT5}2t#wP=C$
z9E=TRd=wHQU`rWO*W#Tnc5?{ylyU33rsJ&F)bXk(%4nuNv^RA)Od^d%y)wnGlIGN~
zO2tkDd{^s{6uo-L`N|SG@`Vdn(UY5Ecah~ZB}>HQ<V0^sRfo(^t(eQnFMXBQCA1H`
w64`K~Op>K-QQD)lNqLMi9)Uqx%Umv-1If>zO$+x-y#N3J07*qoM6N<$f>KbcC;$Ke

literal 0
HcmV?d00001

diff --git a/src/components/survey-sale/detail/BasicForm.tsx b/src/components/survey-sale/detail/BasicForm.tsx
index 185f406..ff284b1 100644
--- a/src/components/survey-sale/detail/BasicForm.tsx
+++ b/src/components/survey-sale/detail/BasicForm.tsx
@@ -30,6 +30,15 @@ export default function BasicForm({ basicInfo, setBasicInfo, mode, session }: Ba
     resetAddressData()
   }, [addressData])
 
+  const handleAddressInitiate = () => {
+    setBasicInfo({
+      ...basicInfo,
+      postCode: null,
+      address: null,
+      addressDetail: null,
+    })
+  }
+
   return (
     <>
       <div className={`sale-detail-toggle-bx ${isFlip ? 'act' : ''}`}>
@@ -87,12 +96,12 @@ export default function BasicForm({ basicInfo, setBasicInfo, mode, session }: Ba
                       id="investigationDate"
                       type="date"
                       className="date-frame"
-                      defaultValue={basicInfo?.investigationDate?.toString()}
+                      value={basicInfo?.investigationDate?.toString()}
                       onChange={(e) => setBasicInfo({ ...basicInfo, investigationDate: e.target.value })}
                     />
                   </div>
                 ) : (
-                  <input type="text" className="input-frame" readOnly defaultValue={basicInfo?.investigationDate?.toString()} />
+                  <input type="text" className="input-frame" readOnly value={basicInfo?.investigationDate?.toString() ?? ''} />
                 )}
               </div>
               <div className="data-input-form-bx">
@@ -102,7 +111,7 @@ export default function BasicForm({ basicInfo, setBasicInfo, mode, session }: Ba
                   type="text"
                   className="input-frame"
                   readOnly={mode === 'READ'}
-                  defaultValue={basicInfo?.buildingName ?? ''}
+                  value={basicInfo?.buildingName ?? ''}
                   onChange={(e) => setBasicInfo({ ...basicInfo, buildingName: e.target.value })}
                 />
               </div>
@@ -113,7 +122,7 @@ export default function BasicForm({ basicInfo, setBasicInfo, mode, session }: Ba
                   type="text"
                   className="input-frame"
                   readOnly={mode === 'READ'}
-                  defaultValue={basicInfo?.customerName ?? ''}
+                  value={basicInfo?.customerName ?? ''}
                   onChange={(e) => setBasicInfo({ ...basicInfo, customerName: e.target.value })}
                 />
               </div>
@@ -122,26 +131,39 @@ export default function BasicForm({ basicInfo, setBasicInfo, mode, session }: Ba
                 <div className="form-flex">
                   {/* 우편번호 */}
                   <div className="form-bx">
-                    <input type="text" className="input-frame" readOnly={true} defaultValue={basicInfo?.postCode ?? ''} />
+                    <input type="text" className="input-frame" readOnly={true} value={basicInfo?.postCode ?? ''} />
                   </div>
                   {/* 도도부현 */}
                   <div className="form-bx">
-                    <input type="text" className="input-frame" readOnly={mode === 'READ'} defaultValue={basicInfo?.address ?? ''} />
+                    <input
+                      type="text"
+                      className="input-frame"
+                      readOnly={mode === 'READ'}
+                      value={basicInfo?.address ?? ''}
+                      onChange={(e) => setBasicInfo({ ...basicInfo, address: e.target.value })}
+                    />
                   </div>
                 </div>
                 {/* 주소 */}
                 {mode !== 'READ' && (
-                  <div className="form-btn">
+                  <div className="form-flex mt5">
                     <button className="btn-frame n-blue icon" onClick={() => popupController.setZipCodePopup(true)}>
                       郵便番号<i className="btn-arr"></i>
                     </button>
+                    <button className="btn-frame red reset" onClick={() => handleAddressInitiate()}></button>
                   </div>
                 )}
               </div>
 
               <div className="data-input-form-bx">
                 <div className="data-input-form-tit">市区町村名, 以後の住所</div>
-                <input type="text" className="input-frame" defaultValue={basicInfo?.addressDetail ?? ''} readOnly={mode === 'READ'} />
+                <input
+                  type="text"
+                  className="input-frame"
+                  value={basicInfo?.addressDetail ?? ''}
+                  readOnly={mode === 'READ'}
+                  onChange={(e) => setBasicInfo({ ...basicInfo, addressDetail: e.target.value })}
+                />
               </div>
             </div>
           </div>
diff --git a/src/styles/components/_sub.scss b/src/styles/components/_sub.scss
index 8f551bb..4899ac6 100644
--- a/src/styles/components/_sub.scss
+++ b/src/styles/components/_sub.scss
@@ -688,4 +688,14 @@
       width: 100%;
     }
   }
+}
+.form-flex {
+  .reset {
+    flex: none;
+    width: 40px;
+    background-image: url(/assets/images/sub/refresh.png);
+    background-size: 24px 24px;
+    background-position: center;
+    background-repeat: no-repeat;
+  }
 }
\ No newline at end of file