diff --git a/src/components/popup/ZipCodePopup.tsx b/src/components/popup/ZipCodePopup.tsx index f135d3f..843c2b2 100644 --- a/src/components/popup/ZipCodePopup.tsx +++ b/src/components/popup/ZipCodePopup.tsx @@ -18,20 +18,17 @@ type Address = { export default function ZipCodePopup() { const [searchValue, setSearchValue] = useState('') //search 데이터 유무 - const [selected, setSelected] = useState('') const { setAddressData } = useAddressStore() const { getZipCode } = useServey() const [addressInfo, setAddressInfo] = useState([]) - //search 데이터 value 추가 - const popupController = usePopupController() - const handleApply = () => { + const handleApply = (item: Address) => { setAddressData({ - post_code: addressInfo?.[0]?.zipcode || '', - address: addressInfo?.[0]?.address1 || '', - address_detail: addressInfo?.[0]?.address2 + ' ' + addressInfo?.[0]?.address3 || '', + post_code: item.zipcode || '', + address: item.address1 || '', + address_detail: item.address2 + ' ' + item.address3 || '', }) popupController.setZipCodePopup(false) } @@ -70,7 +67,18 @@ export default function ZipCodePopup() {
- + { + if (e.key === 'Enter') { + handleSearch() + } + }} + /> {/*input에 데이터 있으면 삭제버튼 보임 */} {searchValue && } @@ -88,7 +96,12 @@ export default function ZipCodePopup() { {addressInfo?.map((item, index) => ( - setSelected(item.zipcode)}> + { + handleApply(item) + }} + > {item.address1} {item.address2} {item.address3} @@ -96,18 +109,6 @@ export default function ZipCodePopup() { ))} -
-
- -
-
- -
-
diff --git a/src/components/survey-sale/detail/RoofForm.tsx b/src/components/survey-sale/detail/RoofForm.tsx index e6f5efc..1942217 100644 --- a/src/components/survey-sale/detail/RoofForm.tsx +++ b/src/components/survey-sale/detail/RoofForm.tsx @@ -397,24 +397,26 @@ export default function RoofForm(props: { -
- {/* 노지판 두께 */} -
- 路地板厚※小幅板を選択した場合, 厚さ. 小幅板間の間隔寸法を記載 + {roofInfo.openFieldPlateKind === '4' && ( +
+ {/* 노지판 두께 */} +
+ 路地板厚※小幅板を選択した場合, 厚さ. 小幅板間の間隔寸法を記載 +
+
+ handleNumberInput('openFieldPlateThickness', e.target.value)} + /> + mm +
-
- handleNumberInput('openFieldPlateThickness', e.target.value)} - /> - mm -
-
+ )}
{/* 누수 흔적 */}
水漏れの痕跡
diff --git a/src/components/survey-sale/list/SearchForm.tsx b/src/components/survey-sale/list/SearchForm.tsx index f5bb9d8..f8e3115 100644 --- a/src/components/survey-sale/list/SearchForm.tsx +++ b/src/components/survey-sale/list/SearchForm.tsx @@ -6,7 +6,7 @@ import { useState } from 'react' export default function SearchForm({ memberRole, userId }: { memberRole: string; userId: string }) { const router = useRouter() - const { setSearchOption, setSort, setIsMySurvey, setKeyword, reset, isMySurvey, keyword, searchOption, sort } = useSurveyFilterStore() + const { setSearchOption, setSort, setIsMySurvey, setKeyword, reset, isMySurvey, keyword, searchOption, sort, setOffset } = useSurveyFilterStore() const [searchKeyword, setSearchKeyword] = useState(keyword) const [option, setOption] = useState(searchOption) @@ -60,6 +60,10 @@ export default function SearchForm({ memberRole, userId }: { memberRole: string; value={searchKeyword} placeholder="タイトルを入力してください. (2文字以上)" onChange={(e) => { + if (e.target.value.length > 30) { + alert('30文字以内で入力してください') + return + } setSearchKeyword(e.target.value) }} onKeyDown={(e) => { @@ -78,6 +82,7 @@ export default function SearchForm({ memberRole, userId }: { memberRole: string; id="ch01" checked={isMySurvey === userId} onChange={() => { + setOffset(0) setIsMySurvey(isMySurvey === userId ? null : userId) }} />