+ {header}
+ {children}
+ {footer}
+ {floatBtn}
+
+
+
+
+ )
+}
diff --git a/src/app/page.tsx b/src/app/page.tsx
index da203cb..ac97ef3 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -1,7 +1,11 @@
+import Main from '@/components/ui/Main'
+
export default async function Home() {
return (
<>
-
+
+ Hanasys 現地調査
+퍼블 작업 대기중
+
+
+
)
}
diff --git a/src/app/suitable/page.tsx b/src/app/suitable/page.tsx
new file mode 100644
index 0000000..10e60d6
--- /dev/null
+++ b/src/app/suitable/page.tsx
@@ -0,0 +1,7 @@
+export default function page() {
+ return (
+ <>
+ 지붕재 적합성
+ + ) +} diff --git a/src/app/survey-sale/[id]/basic-info/page.tsx b/src/app/survey-sale/[id]/basic-info/page.tsx new file mode 100644 index 0000000..e10a7d5 --- /dev/null +++ b/src/app/survey-sale/[id]/basic-info/page.tsx @@ -0,0 +1,23 @@ +import BasicForm from '@/components/survey-sale/detail/BasicForm' +import Footer from '@/components/ui/common/Footer' +import Header from '@/components/ui/common/Header' + +export default function page() { + return ( + <> +
+
+
+ )
+}
diff --git a/src/app/survey-sale/[id]/page.tsx b/src/app/survey-sale/[id]/page.tsx
new file mode 100644
index 0000000..e42f932
--- /dev/null
+++ b/src/app/survey-sale/[id]/page.tsx
@@ -0,0 +1,23 @@
+import DataTable from '@/components/survey-sale/detail/DataTable'
+import DetailForm from '@/components/survey-sale/detail/DetailForm'
+
+export default function page() {
+ return (
+ <>
+
+
+
+
+
+
+
+
+
+
+
+
+
+ )
+}
diff --git a/src/app/survey-sale/[id]/roof-info/page.tsx b/src/app/survey-sale/[id]/roof-info/page.tsx
new file mode 100644
index 0000000..7d51455
--- /dev/null
+++ b/src/app/survey-sale/[id]/roof-info/page.tsx
@@ -0,0 +1,23 @@
+import RoofInfoForm from '@/components/survey-sale/detail/RoofInfoForm'
+import Footer from '@/components/ui/common/Footer'
+import Header from '@/components/ui/common/Header'
+
+export default function page() {
+ return (
+ <>
+
+
+
+
+
+
+
+
+
+
+
+
+
+ )
+}
diff --git a/src/app/survey-sale/page.tsx b/src/app/survey-sale/page.tsx
new file mode 100644
index 0000000..185c543
--- /dev/null
+++ b/src/app/survey-sale/page.tsx
@@ -0,0 +1,15 @@
+import ListTable from '@/components/survey-sale/list/ListTable'
+import SearchForm from '@/components/survey-sale/list/SearchForm'
+
+export default function page() {
+ return (
+ <>
+
+
+
+
+
+
+
+
+
+
+
+
+
+ )
+}
diff --git a/src/components/Login.tsx b/src/components/Login.tsx
new file mode 100644
index 0000000..8f6e373
--- /dev/null
+++ b/src/components/Login.tsx
@@ -0,0 +1,48 @@
+'use client'
+
+import { useState } from 'react'
+
+export default function Login() {
+ const [pwShow, setPwShow] = useState(false) //비밀번호 보이기 숨기기
+
+ return (
+ <>
+
+
+
+
+
+ )
+}
diff --git a/src/components/Suitable.tsx b/src/components/Suitable.tsx
deleted file mode 100644
index f5766f1..0000000
--- a/src/components/Suitable.tsx
+++ /dev/null
@@ -1,30 +0,0 @@
-'use client'
-
-import { suitableApi } from '@/api/suitable'
-import { useQuery } from '@tanstack/react-query'
-import { useRouter } from 'next/navigation'
-
-export default function Suitable() {
- const router = useRouter()
- const { data, error, isPending } = useQuery({
- queryKey: ['suitable-list'],
- queryFn: suitableApi.getList,
- })
-
- return (
- <>
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Q.PARTNERS
+
+
+
+ Suitable
- - {error &&Error: {error.message}
}
- {isPending && Loading...
}
- {data && data.map((item) => {item.product_name}
)}
-
- )
-}
diff --git a/src/components/SuitableDetails.tsx b/src/components/SuitableDetails.tsx
deleted file mode 100644
index 795fcdc..0000000
--- a/src/components/SuitableDetails.tsx
+++ /dev/null
@@ -1,23 +0,0 @@
-'use client'
-
-import { Suitable, suitableApi } from '@/api/suitable'
-import { useQuery, useQueryClient } from '@tanstack/react-query'
-
-export default function SuitableDetails({ roofMaterial }: { roofMaterial: string }) {
- console.log('🚀 ~ SuitableDetails ~ roofMaterial:', roofMaterial)
- // const { data, error, isPending } = useQuery({
- // queryKey: ['suitable-details'],
- // queryFn: () => suitableApi.getDetails(roofMaterial),
- // staleTime: 0,
- // })
- const cache = useQueryClient()
- const listData = cache.getQueryData(['suitable-list']) as Suitable[]
- const data = listData.filter((item) => item.roof_material === roofMaterial)
-
- return (
- <>
- Searched Roof Material: {roofMaterial}
- {data && data.map((item) =>{item.product_name}
)}
-
- )
-}
diff --git a/src/components/SuitableSearch.tsx b/src/components/SuitableSearch.tsx
deleted file mode 100644
index 9583ede..0000000
--- a/src/components/SuitableSearch.tsx
+++ /dev/null
@@ -1,21 +0,0 @@
-'use client'
-
-import { useState } from 'react'
-import { useRouter } from 'next/navigation'
-
-export default function SuitableSearch() {
- const router = useRouter()
- const [selectedValue, setSelectedValue] = useState('')
-
- return (
- <>
-
-
-
- )
-}
diff --git a/src/components/SurveySales.tsx b/src/components/SurveySales.tsx
deleted file mode 100644
index 59ca89f..0000000
--- a/src/components/SurveySales.tsx
+++ /dev/null
@@ -1,127 +0,0 @@
-'use client'
-
-import { surveySalesApi, SurveySalesBasicInfo, SurveySalesDetailInfo } from '@/api/surveySales'
-import { useMutation, useQuery, useQueryClient } from '@tanstack/react-query'
-import { useState } from 'react'
-
-export default function SurveySales() {
- const [isSearch, setIsSearch] = useState(false)
-
- const queryClient = useQueryClient()
-
- const {
- mutate: createSurveySales,
- isPending,
- error,
- } = useMutation({
- mutationFn: surveySalesApi.create,
- onSuccess: () => {
- queryClient.invalidateQueries({ queryKey: ['survey-sales', 'list'] })
- },
- })
-
- const handleSurveySales = () => {
- const data: SurveySalesBasicInfo = {
- representative: 'keyy1315',
- store: 'HWJ(T01)',
- construction_point: 'HWJ(T01)',
- investigation_date: '2025-04-28',
- building_name: 'Hanwha Japan Building',
- customer_name: 'Hong Gil Dong',
- post_code: '1050013',
- address: 'Tokyo, Japan',
- address_detail: '1-1-1',
- submission_status: false,
- }
-
- createSurveySales(data)
- }
-
- const { data, error: errorList } = useQuery({
- queryKey: ['survey-sales', 'list'],
- queryFn: surveySalesApi.getList,
- enabled: isSearch,
- })
-
- // const { mutate: updateSurveySales } = useMutation({
- // mutationFn: surveySalesApi.update,
- // onSuccess: () => {
- // queryClient.invalidateQueries({ queryKey: ['survey-sales', 'list'] })
- // },
- // })
-
- const handleUpdateSurveySales = () => {
- const detailData: SurveySalesDetailInfo = {
- contract_capacity: '1100',
- retail_company: 'test company',
- supplementary_facilities: 1,
- supplementary_facilities_etc: '',
- installation_system: 3,
- installation_system_etc: '',
- construction_year: 4,
- construction_year_etc: '',
- roof_material: 1,
- roof_material_etc: '',
- roof_shape: 2,
- roof_shape_etc: '',
- roof_slope: '4.5',
- house_structure: 1,
- house_structure_etc: '',
- rafter_material: 5,
- rafter_material_etc: 'test message',
- rafter_size: 3,
- rafter_size_etc: '',
- rafter_pitch: 2,
- rafter_pitch_etc: '',
- rafter_direction: 3,
- open_field_plate_kind: 3,
- open_field_plate_kind_etc: '',
- open_field_plate_thickness: '',
- leak_trace: false,
- waterproof_material: 2,
- waterproof_material_etc: '',
- insulation_presence: 3,
- insulation_presence_etc: '',
- structure_order: 2,
- structure_order_etc: '',
- installation_availability: 1,
- installation_availability_etc: '',
- memo: 'test memo',
- }
-
- if (!data) return
-
- const surveySalesData: SurveySalesBasicInfo = {
- ...data[0],
- detail_info: { ...detailData },
- }
-
- // updateSurveySales(surveySalesData)
- }
-
- return (
- <>
-
-
- {/*
-
-
-
-
-
-
*/}
- Be Warned
-기본 데이터 세팅 되어있습니다.
-
- {errorList &&
-
- )
-}
diff --git a/src/components/popup/MemberInformationPopup.tsx b/src/components/popup/MemberInformationPopup.tsx
new file mode 100644
index 0000000..d7a8268
--- /dev/null
+++ b/src/components/popup/MemberInformationPopup.tsx
@@ -0,0 +1,58 @@
+'use client'
+
+import { usePopupController } from '@/store/popupController'
+
+export default function MemberInformationPopup() {
+ const popupController = usePopupController()
+
+ return (
+ Error: {errorList.message}
}
- {data && data.map((item) => {JSON.stringify(item)}
)}
-
+
+ )
+}
diff --git a/src/components/popup/ZipCodePopup.tsx b/src/components/popup/ZipCodePopup.tsx
new file mode 100644
index 0000000..180d8a2
--- /dev/null
+++ b/src/components/popup/ZipCodePopup.tsx
@@ -0,0 +1,90 @@
+'use client'
+
+import { usePopupController } from '@/store/popupController'
+import { useState } from 'react'
+
+export default function ZipCodePopup() {
+ const [searchValue, setSearchValue] = useState('') //search 데이터 유무
+
+ //search 데이터 value 추가
+ const handleChange = (e: React.ChangeEvent
+
+
+
+
+
+
+
+
+
+
+
+ 
+
+
+ 会員情報
+
+
+
+
+
+
+
+ 名前
+
+
+
+ ユーザーID
+
+
+
+ メールアドレス
+
+
+
+ 電話番号
+
+
+
+ 販売店名
+
+
+
+ 建設ID
+
+
+
+
+ )
+}
diff --git a/src/components/survey-sale/detail/BasicForm.tsx b/src/components/survey-sale/detail/BasicForm.tsx
new file mode 100644
index 0000000..fce0e49
--- /dev/null
+++ b/src/components/survey-sale/detail/BasicForm.tsx
@@ -0,0 +1,89 @@
+'use client'
+
+export default function BasicForm() {
+ return (
+ <>
+
+
+
+
+
+
+
+
+
+
+
+
+ 
+
+
+ 住所検索
+
+
+
+
+
+
+
+
+ {/*input에 데이터 있으면 삭제버튼 보임 */}
+ {searchValue && }
+
+
+
+
+
+
+
+ 名前
+ | 都道府県 | +市区町村 | +市区町村以下 | +
|---|---|---|
| 東京都 | +浜松 | +浜松町 | +
| 東京都 | +浜松 | +浜松町 | +
| 東京都 | +浜松 | +浜松町 | +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 担当者名
+
+
+
+ 販売店
+
+
+
+ 施工店
+
+
+
+
+ )
+}
diff --git a/src/components/survey-sale/detail/DataTable.tsx b/src/components/survey-sale/detail/DataTable.tsx
new file mode 100644
index 0000000..414164c
--- /dev/null
+++ b/src/components/survey-sale/detail/DataTable.tsx
@@ -0,0 +1,42 @@
+'use client'
+
+export default function DataTable() {
+ return (
+ <>
+
+
+
+
+ 現地調査日
+
+
+
+
+
+
+ 建物名
+
+
+
+ 建物名
+
+
+
+ 建物名
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 市区町村名, 以後の住所
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ )
+}
diff --git a/src/components/survey-sale/detail/DetailForm.tsx b/src/components/survey-sale/detail/DetailForm.tsx
new file mode 100644
index 0000000..9462e95
--- /dev/null
+++ b/src/components/survey-sale/detail/DetailForm.tsx
@@ -0,0 +1,63 @@
+'use client'
+
+export default function DetailForm() {
+ return (
+ <>
+ | 登録番号 | +0000000020 | +
|---|---|
| 登録日 | +2025.04.11 | +
| 更新日時 | +2025.04.11 15:06:29 | +
| 提出可否 | +2025.04.12 10:00:00 (INTERPLUG –販売店) | +
| ダウンロード | ++ + | +
+
+
+
+
+
+
+ 担当者名
+
+
+
+ 販売店
+
+
+
+ 施工店
+
+
+
+
+ )
+}
diff --git a/src/components/survey-sale/detail/RoofInfoForm.tsx b/src/components/survey-sale/detail/RoofInfoForm.tsx
new file mode 100644
index 0000000..bbe6546
--- /dev/null
+++ b/src/components/survey-sale/detail/RoofInfoForm.tsx
@@ -0,0 +1,361 @@
+'use client'
+
+export default function RoofInfoForm() {
+ return (
+ <>
+
+
+
+
+ 現地調査日
+
+
+
+ 建物名
+
+
+
+ 顧客名
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 電気関係
+
+
+
+
+ 電気契約容量
+
+
+
+
+
+
+
+
+ 電気小売会社
+
+
+
+
+ 電気袋設備※複数選択可能
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 設置希望システム
+
+
+
+
+
+
+
+
+
+ )
+}
diff --git a/src/components/survey-sale/list/ListTable.tsx b/src/components/survey-sale/list/ListTable.tsx
new file mode 100644
index 0000000..6d15b1e
--- /dev/null
+++ b/src/components/survey-sale/list/ListTable.tsx
@@ -0,0 +1,33 @@
+'use client'
+
+export default function ListTable() {
+ return (
+ <>
+ 屋根関係
+
+
+
+
+ 建築研修
+
+
+
+
+
+ 年
+
+
+
+
+ 屋根材※最大2個まで選択可能
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 建築研修
+
+
+
+
+
+
+
+
+ 屋根の斜面
+
+
+ 寸
+
+
+
+ 住宅構造
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 垂木材質
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 垂木サイズ
+
+
+
+
+
+
+
+
+ 垂木サイズ
+
+
+
+
+
+
+
+
+ 垂木の方向
+
+
+
+
+
+
+
+
+
+
+
+
+ 路地板の種類
+
+
+
+
+
+
+
+
+
+ 路地板厚※小幅板を選択した場合, 厚さ. 小幅板間の間隔寸法を記載
+
+
+
+ mm
+
+
+
+ 垂木の方向
+
+
+
+
+
+
+
+
+
+
+
+
+ 住宅構造
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 断熱材の有無
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 路地板の種類
+
+
+
+
+
+
+
+
+ 屋根製品名 設置可否確認
+
+
+
+
+
+
+
+
+ メモ
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ )
+}
diff --git a/src/components/survey-sale/list/SearchForm.tsx b/src/components/survey-sale/list/SearchForm.tsx
new file mode 100644
index 0000000..5763dbf
--- /dev/null
+++ b/src/components/survey-sale/list/SearchForm.tsx
@@ -0,0 +1,43 @@
+'use client'
+
+export default function SearchForm() {
+ return (
+ -
+ {Array.from({ length: 4 }).map((_, idx) => (
+
-
+ ++++0000000021+2025.04.22+Hanwha Building+Gil dong+++Hong Gildong+2025.04.22 10:00:21+
+ ))}
+
+
+
+
+
+ )
+}
diff --git a/src/components/ui/Main.tsx b/src/components/ui/Main.tsx
new file mode 100644
index 0000000..3908e6d
--- /dev/null
+++ b/src/components/ui/Main.tsx
@@ -0,0 +1,67 @@
+export default function Main() {
+ return (
+ <>
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ )
+}
diff --git a/src/components/ui/PopupController.tsx b/src/components/ui/PopupController.tsx
new file mode 100644
index 0000000..e221d6a
--- /dev/null
+++ b/src/components/ui/PopupController.tsx
@@ -0,0 +1,16 @@
+'use client'
+
+import { usePopupController } from '@/store/popupController'
+import MemberInfomationPopup from '../popup/MemberInformationPopup'
+import ZipCodePopup from '../popup/ZipCodePopup'
+
+export default function PopupController() {
+ const popupController = usePopupController()
+
+ return (
+ <>
+ {popupController.memberInfomationPopup &&
+
+ 屋根材の照会
+ ご使用の屋根材の適合性をご確認いただけます
+
+
+
+
+
+
+
+
+
+
+ 
+
+
+
+
+
+ 調査物件一覧
+ 作成物件確認
+
+
+
+
+
+ 
+
+
+
+
+
+ 調査物件登録
+ 新規物件作成
+
+
+
+
+
+ 
+
+
+
+
+
+ 1:1お問い合わせ リスト
+ 作成問い合わせの確認
+
+
+
+
+
+ 
+
+
+
+
+
+ 1:1問い合わせ登録
+ 新規お問い合わせの 作成
+
+
+
+
+
+ )
+}
diff --git a/src/middleware.ts b/src/middleware.ts
index a839c62..5fe31f3 100644
--- a/src/middleware.ts
+++ b/src/middleware.ts
@@ -7,10 +7,11 @@ import { SessionData, sessionOptions } from './libs/session'
export async function middleware(request: NextRequest) {
const cookieStore = await cookies()
const session = await getIronSession
+ {backBtn && (
+
+
+
+
+ )}
+ + {name} +
+
+
+
+
+
+
+
+
+
+
+
+
+ 
+
+
+
+
+ HONG GILDONG
+ Interplug corp.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 私は作成した物件
+
+
+
+ 私は作成したお問 い合わせ
+
+
+
+ 私は作成したお問 い合わせ
+
+
+ -
+
- + + +
- + + +
- + + +