Merge branch 'feature/survey' of https://git.hanasys.jp/qcast3/onsitesurvey into feature/inquiry

- 사이드 바 URL 변경
- '내가 작성한 매물', '내가 작성한 문의' 카드 클릭 시 체크박스 선택 된 채로 이동하도록 구현

.env.development

@@ -5,12 +5,13 @@ NEXT_PUBLIC_RUN_MODE=development
 NEXT_PUBLIC_API_URL=http://localhost:3000
 
 #qsp 로그인 api
-NEXT_PUBLIC_QSP_API_URL=http://1.248.227.176:8120
+NEXT_PUBLIC_QSP_API_URL=http://121.168.9.37:8080
 # NEXT_PUBLIC_QSP_API_URL=https://jp-dev.qsalesplatform.com
 
 #1:1문의 api
 NEXT_PUBLIC_INQUIRY_API_URL=https://jp-dev.qsalesplatform.com
 
+EMAIL_TITLE_PREFIX=(System Test)
 
 #QPARTNER 로그인 api
 DB_HOST=202.218.61.226

.env.localhost

@@ -11,6 +11,8 @@ NEXT_PUBLIC_QSP_API_URL=http://1.248.227.176:8120
 #1:1문의 api
 NEXT_PUBLIC_INQUIRY_API_URL=https://jp-dev.qsalesplatform.com
 
+EMAIL_TITLE_PREFIX=
+
 #QPARTNER 로그인 api
 DB_HOST=202.218.61.226
 DB_USER=readonly

.env.production

@@ -9,6 +9,8 @@ NEXT_PUBLIC_QSP_API_URL=https://jp.qsalesplatform.com
 #1:1문의 api
 NEXT_PUBLIC_INQUIRY_API_URL=http://172.23.4.129:8110
 
+EMAIL_TITLE_PREFIX=
+
 #QPARTNER 로그인 api
 DB_HOST=202.218.61.226
 DB_USER=readonly

README.md

@@ -1,4 +1,71 @@
-# prisma 연결
+# 모바일 현장 조사 애플리케이션 (onsitesurvey)
+
+## 개요
+
+Next.js와 TypeScript로 구축된 현장 조사용 모바일 애플리케이션입니다.
+
+## 기술 스택
+
+- **프레임워크**: Next.js (App Router)
+- **언어**: TypeScript
+- **UI 컴포넌트**: Shadcn UI, Radix UI
+- **스타일링**: Tailwind CSS
+- **상태 관리**: React Query
+- **데이터베이스**: Prisma ORM
+- **인증**: 세션 기반 인증
+
+## 시작하기
+
+### 필수 요구사항
+
+- Node.js (LTS 버전)
+- npm 또는 yarn 또는 pnpm 또는 burn
+- Prisma CLI
+
+### 설치 방법
+
+```bash
+# 의존성 설치
+npm install
+
+# 환경 변수 설정
+cp .env.example .env.local
+
+```
+
+### 개발 서버 실행
+
+```bash
+# 개발 서버 실행
+npm run dev
+```
+
+### 프로덕션 빌드
+
+```bash
+# 애플리케이션 빌드
+npm run build
+
+# 프로덕션 서버 실행
+npm start
+```
+
+## 프로젝트 구조
+
+[프로젝트 구조 Diagram](./diagram/mermaid.md)
+
+```
+├── app/              # Next.js 앱 디렉토리
+├── components/       # React 컴포넌트
+├── hooks/           # 커스텀 React 훅
+├── lib/             # 유틸리티 함수 및 설정
+├── prisma/          # 데이터베이스 스키마 및 마이그레이션
+└── public/          # 정적 자산
+```
+
+## 참고
+
+### prisma 연결
 
 ```
 npx prisma migrate dev
@@ -11,38 +78,38 @@ npx prisma db push
 
 generate 를 진행해야 로컬에 연결 파일들이 생성이되고 pull push 를 사용할 수 있게 됨.
 
-# react query cache data 가져오기
+### react query cache data 가져오기
 
 ```
 const cache = useQueryClient()
 const data = cache.getQueryData(['user', 'info']) as UserState
 ```
 
-# 팝업 컨트롤러 제어
+### 팝업 컨트롤러 제어
 
-### open
+[open]
 
-```
+```javascript
 const popupController = usePopupController()
 
 onClick={() => popupController.setMemberInformationPopup(true)}
 onClick={() => popupController.setZipCodePopup(true)}
 ```
 
-### close
+[close]
 
-```
+```javascript
 const popupController = usePopupController()
 
 onClick={() => popupController.setMemberInformationPopup(false)}
 onClick={() => popupController.setZipCodePopup(false)}
 ```
 
-# useEffect 정리
+### useEffect 정리
 
 - client url pathname 변경시 -> @/components/ui/Header.tsx
 
-# User Role 구분
+### User Role 구분
 
 session에 있는 role 키로 구분한다
 
@@ -56,12 +123,12 @@ session에 있는 role 키로 구분한다
   session.role === 'Builder'
 - teshg44 / 1234 -> 시공사\
   session.role === 'Builder'
-- partners -> Q.Partners 계정\
+- isogai@yanegiken.co.jp / password -> Q.Partners 계정\
   session.role === 'Partner'
 - 이외의 경우 -> 굳이 체크할 필요 없어보임\
   session.role === 'User'
 
-# 지붕재 적합성 TODO
+### 지붕재 적합성 TODO
 
 ```
 const suitableCheckIcon = (value: string): string => {
@@ -82,3 +149,21 @@ const suitableCheckMemo = (value: string): string => {
 
 - src/hooks/useSuitable.ts > suitableCheckIcon(), suitableCheckMemo()
   - 추후 지붕재 적합성 데이터 CUD 구현 시 ×, ー 데이터 관리 필요
+
+# 주의
+
+## <span style="color: red">Prisma ORM 사용 시 주의사항</span>
+
+현재 프로젝트는 Prisma ORM을 통해 데이터베이스의 일부 테이블만 관리하고 있습니다. 이로 인해 `prisma db pull` 또는 `prisma db push` 명령어 사용 시 주의가 필요합니다.
+
+### <span style="color: red">잠재적 위험성</span>
+
+- `schema.prisma` 파일에 정의된 모델이 의도치 않게 수정될 수 있습니다.
+- 기존에 정의된 모델의 속성이나 관계가 손상될 수 있습니다.
+- 데이터베이스 스키마와 Prisma 스키마 간의 불일치가 발생할 수 있습니다.
+
+### <span style="color: red">권장 사항</span>
+
+- 데이터베이스 스키마 변경이 필요한 경우, 반드시 팀 내 논의 후 진행하시기 바랍니다.
+- `prisma db pull` 실행 전 현재 `schema.prisma` 파일의 백업을 권장합니다.
+- 변경 사항 적용 전 staging 환경에서 충분한 테스트를 진행하시기 바랍니다.

dev.ecosystem.comfig.js

@@ -0,0 +1,10 @@
+module.exports = {
+  apps: [
+    {
+      name: 'on-site-survey',
+      script: 'node_modules/next/dist/bin/next',
+      instances: 1,
+      exec_mode: 'fork',
+    },
+  ],
+}

diagram/layout.md

@@ -0,0 +1,71 @@
+# 루트 레이아웃 구조
+
+이 문서는 애플리케이션의 모든 페이지에서 공통으로 사용되는 루트 레이아웃(`src/app/layout.tsx`)의 구조를 설명합니다.
+
+## 컴포넌트 계층 구조
+
+```mermaid
+graph TD
+    A[RootLayout] --> B[ReactQueryProviders]
+    B --> C[EdgeProvider]
+    C --> D[HTML Structure]
+
+    D --> E[Header]
+    D --> F[Children/Main Content]
+    D --> G[Footer]
+    D --> H[Float Button]
+    D --> I[PopupController]
+
+    J[Session Management] --> |Session Data| C
+
+    subgraph Providers
+        B
+        C
+    end
+
+    subgraph Layout Components
+        E
+        F
+        G
+        H
+        I
+    end
+
+    subgraph Session
+        J
+    end
+```
+
+## 주요 컴포넌트
+
+### 프로바이더
+
+- **ReactQueryProviders**: React Query 상태 관리를 위한 최상위 프로바이더
+- **EdgeProvider**: 세션 데이터를 관리하고 애플리케이션에 제공
+
+### 레이아웃 컴포넌트
+
+- **Header**: 공통 헤더 컴포넌트
+- **Children**: 메인 콘텐츠 영역 (페이지별 콘텐츠)
+- **Footer**: 공통 푸터 컴포넌트
+- **Float Button**: 플로팅 액션 버튼
+- **PopupController**: 팝업/모달 상태 관리
+
+### 세션 관리
+
+- `iron-session`을 사용한 서버 사이드 세션 관리
+- 세션 데이터는 EdgeProvider를 통해 전역적으로 접근 가능
+
+## 데이터 흐름
+
+1. 세션 데이터는 서버 사이드에서 관리됨
+2. 세션 데이터는 EdgeProvider로 전달됨
+3. 모든 레이아웃 컴포넌트는 세션 컨텍스트에 접근 가능
+4. React Query는 데이터 페칭과 캐싱 기능을 제공
+
+## 구현 세부사항
+
+- 서버 컴포넌트로 구현
+- Next.js App Router 구조 사용
+- 서버 사이드 렌더링 지원
+- 하이드레이션 억제를 통한 성능 최적화

next.config.ts

@@ -6,6 +6,7 @@ const nextConfig: NextConfig = {
   sassOptions: {
     includePaths: [path.join(__dirname, './src/styles')],
   },
+  serverExternalPackages: ['@react-pdf/renderer'],
   async rewrites() {
     return [
       {

package-lock.json

@@ -9,10 +9,12 @@
       "version": "0.1.0",
       "dependencies": {
         "@prisma/client": "^6.7.0",
+        "@react-pdf/renderer": "^4.3.0",
         "@tanstack/react-query": "^5.71.0",
         "@tanstack/react-query-devtools": "^5.71.0",
         "@types/nodemailer": "^6.4.17",
         "axios": "^1.8.4",
+        "crypto-js": "^4.2.0",
         "env-cmd": "^10.1.0",
         "iron-session": "^8.0.4",
         "lucide": "^0.503.0",
@@ -20,6 +22,7 @@
         "mysql2": "^3.14.1",
         "next": "15.2.4",
         "nodemailer": "^7.0.3",
+        "pdf-lib": "^1.17.1",
         "react": "^19.0.0",
         "react-dom": "^19.0.0",
         "react-to-pdf": "^2.0.0",
@@ -30,6 +33,7 @@
       },
       "devDependencies": {
         "@tailwindcss/postcss": "^4",
+        "@types/crypto-js": "^4.2.2",
         "@types/mysql": "^2.15.27",
         "@types/node": "^20",
         "@types/react": "^19",
@@ -1552,6 +1556,24 @@
         "node": ">=0.10"
       }
     },
+    "node_modules/@pdf-lib/standard-fonts": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/@pdf-lib/standard-fonts/-/standard-fonts-1.0.0.tgz",
+      "integrity": "sha512-hU30BK9IUN/su0Mn9VdlVKsWBS6GyhVfqjwl1FjZN4TxP6cCw0jP2w7V3Hf5uX7M0AZJ16vey9yE0ny7Sa59ZA==",
+      "license": "MIT",
+      "dependencies": {
+        "pako": "^1.0.6"
+      }
+    },
+    "node_modules/@pdf-lib/upng": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/@pdf-lib/upng/-/upng-1.0.1.tgz",
+      "integrity": "sha512-dQK2FUMQtowVP00mtIksrlZhdFXQZPC+taih1q4CvPZ5vqdxR/LKBaFg0oAfzd1GlHZXXSPdQfzQnt+ViGvEIQ==",
+      "license": "MIT",
+      "dependencies": {
+        "pako": "^1.0.10"
+      }
+    },
     "node_modules/@prisma/client": {
       "version": "6.7.0",
       "resolved": "https://registry.npmjs.org/@prisma/client/-/client-6.7.0.tgz",
@@ -1635,6 +1657,180 @@
         "@prisma/debug": "6.7.0"
       }
     },
+    "node_modules/@react-pdf/fns": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/@react-pdf/fns/-/fns-3.1.2.tgz",
+      "integrity": "sha512-qTKGUf0iAMGg2+OsUcp9ffKnKi41RukM/zYIWMDJ4hRVYSr89Q7e3wSDW/Koqx3ea3Uy/z3h2y3wPX6Bdfxk6g==",
+      "license": "MIT"
+    },
+    "node_modules/@react-pdf/font": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/@react-pdf/font/-/font-4.0.2.tgz",
+      "integrity": "sha512-/dAWu7Y2RD1RxarDZ9SkYPHgBYOhmcDnet4W/qN/m8k+A2Hr3ja54GymSR7GGxWBtxjKtNauVKrTa9LS1n8WUw==",
+      "license": "MIT",
+      "dependencies": {
+        "@react-pdf/pdfkit": "^4.0.3",
+        "@react-pdf/types": "^2.9.0",
+        "fontkit": "^2.0.2",
+        "is-url": "^1.2.4"
+      }
+    },
+    "node_modules/@react-pdf/image": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/@react-pdf/image/-/image-3.0.3.tgz",
+      "integrity": "sha512-lvP5ryzYM3wpbO9bvqLZYwEr5XBDX9jcaRICvtnoRqdJOo7PRrMnmB4MMScyb+Xw10mGeIubZAAomNAG5ONQZQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@react-pdf/png-js": "^3.0.0",
+        "jay-peg": "^1.1.1"
+      }
+    },
+    "node_modules/@react-pdf/layout": {
+      "version": "4.4.0",
+      "resolved": "https://registry.npmjs.org/@react-pdf/layout/-/layout-4.4.0.tgz",
+      "integrity": "sha512-Aq+Cc6JYausWLoks2FvHe3PwK9cTuvksB2uJ0AnkKJEUtQbvCq8eCRb1bjbbwIji9OzFRTTzZij7LzkpKHjIeA==",
+      "license": "MIT",
+      "dependencies": {
+        "@react-pdf/fns": "3.1.2",
+        "@react-pdf/image": "^3.0.3",
+        "@react-pdf/primitives": "^4.1.1",
+        "@react-pdf/stylesheet": "^6.1.0",
+        "@react-pdf/textkit": "^6.0.0",
+        "@react-pdf/types": "^2.9.0",
+        "emoji-regex": "^10.3.0",
+        "queue": "^6.0.1",
+        "yoga-layout": "^3.2.1"
+      }
+    },
+    "node_modules/@react-pdf/pdfkit": {
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/@react-pdf/pdfkit/-/pdfkit-4.0.3.tgz",
+      "integrity": "sha512-k+Lsuq8vTwWsCqTp+CCB4+2N+sOTFrzwGA7aw3H9ix/PDWR9QksbmNg0YkzGbLAPI6CeawmiLHcf4trZ5ecLPQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.20.13",
+        "@react-pdf/png-js": "^3.0.0",
+        "browserify-zlib": "^0.2.0",
+        "crypto-js": "^4.2.0",
+        "fontkit": "^2.0.2",
+        "jay-peg": "^1.1.1",
+        "linebreak": "^1.1.0",
+        "vite-compatible-readable-stream": "^3.6.1"
+      }
+    },
+    "node_modules/@react-pdf/png-js": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/@react-pdf/png-js/-/png-js-3.0.0.tgz",
+      "integrity": "sha512-eSJnEItZ37WPt6Qv5pncQDxLJRK15eaRwPT+gZoujP548CodenOVp49GST8XJvKMFt9YqIBzGBV/j9AgrOQzVA==",
+      "license": "MIT",
+      "dependencies": {
+        "browserify-zlib": "^0.2.0"
+      }
+    },
+    "node_modules/@react-pdf/primitives": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/@react-pdf/primitives/-/primitives-4.1.1.tgz",
+      "integrity": "sha512-IuhxYls1luJb7NUWy6q5avb1XrNaVj9bTNI40U9qGRuS6n7Hje/8H8Qi99Z9UKFV74bBP3DOf3L1wV2qZVgVrQ==",
+      "license": "MIT"
+    },
+    "node_modules/@react-pdf/reconciler": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/@react-pdf/reconciler/-/reconciler-1.1.4.tgz",
+      "integrity": "sha512-oTQDiR/t4Z/Guxac88IavpU2UgN7eR0RMI9DRKvKnvPz2DUasGjXfChAdMqDNmJJxxV26mMy9xQOUV2UU5/okg==",
+      "license": "MIT",
+      "dependencies": {
+        "object-assign": "^4.1.1",
+        "scheduler": "0.25.0-rc-603e6108-20241029"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0"
+      }
+    },
+    "node_modules/@react-pdf/reconciler/node_modules/scheduler": {
+      "version": "0.25.0-rc-603e6108-20241029",
+      "resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.25.0-rc-603e6108-20241029.tgz",
+      "integrity": "sha512-pFwF6H1XrSdYYNLfOcGlM28/j8CGLu8IvdrxqhjWULe2bPcKiKW4CV+OWqR/9fT52mywx65l7ysNkjLKBda7eA==",
+      "license": "MIT"
+    },
+    "node_modules/@react-pdf/render": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/@react-pdf/render/-/render-4.3.0.tgz",
+      "integrity": "sha512-MdWfWaqO6d7SZD75TZ2z5L35V+cHpyA43YNRlJNG0RJ7/MeVGDQv12y/BXOJgonZKkeEGdzM3EpAt9/g4E22WA==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.20.13",
+        "@react-pdf/fns": "3.1.2",
+        "@react-pdf/primitives": "^4.1.1",
+        "@react-pdf/textkit": "^6.0.0",
+        "@react-pdf/types": "^2.9.0",
+        "abs-svg-path": "^0.1.1",
+        "color-string": "^1.9.1",
+        "normalize-svg-path": "^1.1.0",
+        "parse-svg-path": "^0.1.2",
+        "svg-arc-to-cubic-bezier": "^3.2.0"
+      }
+    },
+    "node_modules/@react-pdf/renderer": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/@react-pdf/renderer/-/renderer-4.3.0.tgz",
+      "integrity": "sha512-28gpA69fU9ZQrDzmd5xMJa1bDf8t0PT3ApUKBl2PUpoE/x4JlvCB5X66nMXrfFrgF2EZrA72zWQAkvbg7TE8zw==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.20.13",
+        "@react-pdf/fns": "3.1.2",
+        "@react-pdf/font": "^4.0.2",
+        "@react-pdf/layout": "^4.4.0",
+        "@react-pdf/pdfkit": "^4.0.3",
+        "@react-pdf/primitives": "^4.1.1",
+        "@react-pdf/reconciler": "^1.1.4",
+        "@react-pdf/render": "^4.3.0",
+        "@react-pdf/types": "^2.9.0",
+        "events": "^3.3.0",
+        "object-assign": "^4.1.1",
+        "prop-types": "^15.6.2",
+        "queue": "^6.0.1"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0"
+      }
+    },
+    "node_modules/@react-pdf/stylesheet": {
+      "version": "6.1.0",
+      "resolved": "https://registry.npmjs.org/@react-pdf/stylesheet/-/stylesheet-6.1.0.tgz",
+      "integrity": "sha512-BGZ2sYNUp38VJUegjva/jsri3iiRGnVNjWI+G9dTwAvLNOmwFvSJzqaCsEnqQ/DW5mrTBk/577FhDY7pv6AidA==",
+      "license": "MIT",
+      "dependencies": {
+        "@react-pdf/fns": "3.1.2",
+        "@react-pdf/types": "^2.9.0",
+        "color-string": "^1.9.1",
+        "hsl-to-hex": "^1.0.0",
+        "media-engine": "^1.0.3",
+        "postcss-value-parser": "^4.1.0"
+      }
+    },
+    "node_modules/@react-pdf/textkit": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/@react-pdf/textkit/-/textkit-6.0.0.tgz",
+      "integrity": "sha512-fDt19KWaJRK/n2AaFoVm31hgGmpygmTV7LsHGJNGZkgzXcFyLsx+XUl63DTDPH3iqxj3xUX128t104GtOz8tTw==",
+      "license": "MIT",
+      "dependencies": {
+        "@react-pdf/fns": "3.1.2",
+        "bidi-js": "^1.0.2",
+        "hyphen": "^1.6.4",
+        "unicode-properties": "^1.4.1"
+      }
+    },
+    "node_modules/@react-pdf/types": {
+      "version": "2.9.0",
+      "resolved": "https://registry.npmjs.org/@react-pdf/types/-/types-2.9.0.tgz",
+      "integrity": "sha512-ckj80vZLlvl9oYrQ4tovEaqKWP3O06Eb1D48/jQWbdwz1Yh7Y9v1cEmwlP8ET+a1Whp8xfdM0xduMexkuPANCQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@react-pdf/font": "^4.0.2",
+        "@react-pdf/primitives": "^4.1.1",
+        "@react-pdf/stylesheet": "^6.1.0"
+      }
+    },
     "node_modules/@swc/counter": {
       "version": "0.1.3",
       "resolved": "https://registry.npmjs.org/@swc/counter/-/counter-0.1.3.tgz",
@@ -1946,6 +2142,13 @@
       "integrity": "sha512-7qSgZbincDDDFyRweCIEvZULFAw5iz/DeunhvuxpL31nfntX3P4Yd4HkHBRg9H8CdqY1e5WFN1PZIz/REL9MVQ==",
       "license": "MIT"
     },
+    "node_modules/@types/crypto-js": {
+      "version": "4.2.2",
+      "resolved": "https://registry.npmjs.org/@types/crypto-js/-/crypto-js-4.2.2.tgz",
+      "integrity": "sha512-sDOLlVbHhXpAUAL0YHDUUwDZf3iN4Bwi4W6a0W0b+QcAezUbRtH4FVb+9J4h+XFPW7l/gQ9F8qC7P+Ec4k8QVQ==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/@types/mysql": {
       "version": "2.15.27",
       "resolved": "https://registry.npmjs.org/@types/mysql/-/mysql-2.15.27.tgz",
@@ -2030,6 +2233,12 @@
         "node": ">=6.5"
       }
     },
+    "node_modules/abs-svg-path": {
+      "version": "0.1.1",
+      "resolved": "https://registry.npmjs.org/abs-svg-path/-/abs-svg-path-0.1.1.tgz",
+      "integrity": "sha512-d8XPSGjfyzlXC3Xx891DJRyZfqk5JU0BJrDQcsWomFIV1/BIzPW5HDH5iDdWpqWaav0YVIEzT1RHTwWr0FFshA==",
+      "license": "MIT"
+    },
     "node_modules/agent-base": {
       "version": "7.1.3",
       "resolved": "https://registry.npmjs.org/agent-base/-/agent-base-7.1.3.tgz",
@@ -2106,6 +2315,15 @@
       ],
       "license": "MIT"
     },
+    "node_modules/bidi-js": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/bidi-js/-/bidi-js-1.0.3.tgz",
+      "integrity": "sha512-RKshQI1R3YQ+n9YJz2QQ147P66ELpa1FQEg20Dk8oW9t2KgLbpDLLp9aGZ7y8WHSshDknG0bknqGw5/tyCs5tw==",
+      "license": "MIT",
+      "dependencies": {
+        "require-from-string": "^2.0.2"
+      }
+    },
     "node_modules/bl": {
       "version": "6.1.0",
       "resolved": "https://registry.npmjs.org/bl/-/bl-6.1.0.tgz",
@@ -2131,6 +2349,24 @@
         "node": ">=8"
       }
     },
+    "node_modules/brotli": {
+      "version": "1.3.3",
+      "resolved": "https://registry.npmjs.org/brotli/-/brotli-1.3.3.tgz",
+      "integrity": "sha512-oTKjJdShmDuGW94SyyaoQvAjf30dZaHnjJ8uAF+u2/vGJkJbJPJAT1gDiOJP5v1Zb6f9KEyW/1HpuaWIXtGHPg==",
+      "license": "MIT",
+      "dependencies": {
+        "base64-js": "^1.1.2"
+      }
+    },
+    "node_modules/browserify-zlib": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmjs.org/browserify-zlib/-/browserify-zlib-0.2.0.tgz",
+      "integrity": "sha512-Z942RysHXmJrhqk88FmKBVq/v5tqmSkDz7p54G/MGyjMnCFFnC79XWNbg+Vta8W6Wb2qtSZTSxIGkJrRpCFEiA==",
+      "license": "MIT",
+      "dependencies": {
+        "pako": "~1.0.5"
+      }
+    },
     "node_modules/btoa": {
       "version": "1.2.1",
       "resolved": "https://registry.npmjs.org/btoa/-/btoa-1.2.1.tgz",
@@ -2280,6 +2516,15 @@
       "integrity": "sha512-IV3Ou0jSMzZrd3pZ48nLkT9DA7Ag1pnPzaiQhpW7c3RbcqqzvzzVu+L8gfqMp/8IM2MQtSiqaCxrrcfu8I8rMA==",
       "license": "MIT"
     },
+    "node_modules/clone": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/clone/-/clone-2.1.2.tgz",
+      "integrity": "sha512-3Pe/CF1Nn94hyhIYpjtiLhdCoEoz0DqQ+988E9gmeEdQZlojxnOb74wctFyuwWQHzqyf9X7C7MG8juUpqBJT8w==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.8"
+      }
+    },
     "node_modules/color": {
       "version": "4.2.3",
       "resolved": "https://registry.npmjs.org/color/-/color-4.2.3.tgz",
@@ -2311,15 +2556,13 @@
       "version": "1.1.4",
       "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
       "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
-      "license": "MIT",
-      "optional": true
+      "license": "MIT"
     },
     "node_modules/color-string": {
       "version": "1.9.1",
       "resolved": "https://registry.npmjs.org/color-string/-/color-string-1.9.1.tgz",
       "integrity": "sha512-shrVawQFojnZv6xM40anx4CkoDP+fZsw/ZerEMsW/pyzsRbElpsL/DBVW7q3ExxwusdNXI3lXpuhEZkzs8p5Eg==",
       "license": "MIT",
-      "optional": true,
       "dependencies": {
         "color-name": "^1.0.0",
         "simple-swizzle": "^0.2.2"
@@ -2396,6 +2639,12 @@
         "node": ">= 8"
       }
     },
+    "node_modules/crypto-js": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/crypto-js/-/crypto-js-4.2.0.tgz",
+      "integrity": "sha512-KALDyEYgpY+Rlob/iriUtjV6d5Eq+Y191A5g4UqLAi8CyGP9N1+FdVbkc1SxKc2r4YAYqG8JzO2KGL+AizD70Q==",
+      "license": "MIT"
+    },
     "node_modules/css-line-break": {
       "version": "2.1.0",
       "resolved": "https://registry.npmjs.org/css-line-break/-/css-line-break-2.1.0.tgz",
@@ -2413,9 +2662,9 @@
       "license": "MIT"
     },
     "node_modules/debug": {
-      "version": "4.4.0",
-      "resolved": "https://registry.npmjs.org/debug/-/debug-4.4.0.tgz",
-      "integrity": "sha512-6WTZ/IxCY/T6BALoZHaE4ctp9xm+Z5kY/pzYaCHRFeyVhojxlrm+46y68HA6hr0TcwEssoxNiDEUJQjfPZ/RYA==",
+      "version": "4.4.1",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-4.4.1.tgz",
+      "integrity": "sha512-KcKCqiftBJcZr++7ykoDIEwSa3XWowTfNPo92BYxjXiyYEVrUQh2aLyhxBCwww+heortUFxEJYcRzosstTEBYQ==",
       "license": "MIT",
       "dependencies": {
         "ms": "^2.1.3"
@@ -2497,6 +2746,12 @@
         "node": ">=8"
       }
     },
+    "node_modules/dfa": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/dfa/-/dfa-1.2.0.tgz",
+      "integrity": "sha512-ED3jP8saaweFTjeGX8HQPjeC1YYyZs98jGNZx6IiBvxW7JG5v492kamAQB3m2wop07CvU/RQmzcKr6bgcC5D/Q==",
+      "license": "MIT"
+    },
     "node_modules/dompurify": {
       "version": "3.2.5",
       "resolved": "https://registry.npmjs.org/dompurify/-/dompurify-3.2.5.tgz",
@@ -2530,6 +2785,12 @@
         "safe-buffer": "^5.0.1"
       }
     },
+    "node_modules/emoji-regex": {
+      "version": "10.4.0",
+      "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-10.4.0.tgz",
+      "integrity": "sha512-EC+0oUMY1Rqm4O6LLrgjtYDvcVYTy7chDnM4Q7030tP4Kwj3u/pR6gP9ygnp2CJMK5Gq+9Q2oqmrFJAz01DXjw==",
+      "license": "MIT"
+    },
     "node_modules/enhanced-resolve": {
       "version": "5.18.1",
       "resolved": "https://registry.npmjs.org/enhanced-resolve/-/enhanced-resolve-5.18.1.tgz",
@@ -2686,6 +2947,12 @@
         "node": ">=0.8.x"
       }
     },
+    "node_modules/fast-deep-equal": {
+      "version": "3.1.3",
+      "resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz",
+      "integrity": "sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==",
+      "license": "MIT"
+    },
     "node_modules/fflate": {
       "version": "0.8.2",
       "resolved": "https://registry.npmjs.org/fflate/-/fflate-0.8.2.tgz",
@@ -2725,6 +2992,23 @@
         }
       }
     },
+    "node_modules/fontkit": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/fontkit/-/fontkit-2.0.4.tgz",
+      "integrity": "sha512-syetQadaUEDNdxdugga9CpEYVaQIxOwk7GlwZWWZ19//qW4zE5bknOKeMBDYAASwnpaSHKJITRLMF9m1fp3s6g==",
+      "license": "MIT",
+      "dependencies": {
+        "@swc/helpers": "^0.5.12",
+        "brotli": "^1.3.2",
+        "clone": "^2.1.2",
+        "dfa": "^1.2.0",
+        "fast-deep-equal": "^3.1.3",
+        "restructure": "^3.0.0",
+        "tiny-inflate": "^1.0.3",
+        "unicode-properties": "^1.4.0",
+        "unicode-trie": "^2.0.0"
+      }
+    },
     "node_modules/form-data": {
       "version": "4.0.2",
       "resolved": "https://registry.npmjs.org/form-data/-/form-data-4.0.2.tgz",
@@ -2868,6 +3152,21 @@
         "node": ">= 0.4"
       }
     },
+    "node_modules/hsl-to-hex": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/hsl-to-hex/-/hsl-to-hex-1.0.0.tgz",
+      "integrity": "sha512-K6GVpucS5wFf44X0h2bLVRDsycgJmf9FF2elg+CrqD8GcFU8c6vYhgXn8NjUkFCwj+xDFb70qgLbTUm6sxwPmA==",
+      "license": "MIT",
+      "dependencies": {
+        "hsl-to-rgb-for-reals": "^1.1.0"
+      }
+    },
+    "node_modules/hsl-to-rgb-for-reals": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/hsl-to-rgb-for-reals/-/hsl-to-rgb-for-reals-1.1.1.tgz",
+      "integrity": "sha512-LgOWAkrN0rFaQpfdWBQlv/VhkOxb5AsBjk6NQVx4yEzWS923T07X0M1Y0VNko2H52HeSpZrZNNMJ0aFqsdVzQg==",
+      "license": "ISC"
+    },
     "node_modules/html2canvas": {
       "version": "1.4.1",
       "resolved": "https://registry.npmjs.org/html2canvas/-/html2canvas-1.4.1.tgz",
@@ -2907,6 +3206,12 @@
         "node": ">= 14"
       }
     },
+    "node_modules/hyphen": {
+      "version": "1.10.6",
+      "resolved": "https://registry.npmjs.org/hyphen/-/hyphen-1.10.6.tgz",
+      "integrity": "sha512-fXHXcGFTXOvZTSkPJuGOQf5Lv5T/R2itiiCVPg9LxAje5D00O0pP83yJShFq5V89Ly//Gt6acj7z8pbBr34stw==",
+      "license": "ISC"
+    },
     "node_modules/iconv-lite": {
       "version": "0.6.3",
       "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.6.3.tgz",
@@ -2979,8 +3284,7 @@
       "version": "0.3.2",
       "resolved": "https://registry.npmjs.org/is-arrayish/-/is-arrayish-0.3.2.tgz",
       "integrity": "sha512-eVRqCvVlZbuw3GrM63ovNSNAeA1K16kaR/LRY/92w0zxQ5/1YzwblUX652i4Xs9RwAGjW9d9y6X88t8OaAJfWQ==",
-      "license": "MIT",
-      "optional": true
+      "license": "MIT"
     },
     "node_modules/is-docker": {
       "version": "3.0.0",
@@ -3054,6 +3358,12 @@
       "integrity": "sha512-Ks/IoX00TtClbGQr4TWXemAnktAQvYB7HzcCxDGqEZU6oCmb2INHuOoKxbtR+HFkmYWBKv/dOZtGRiAjDhj92g==",
       "license": "MIT"
     },
+    "node_modules/is-url": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/is-url/-/is-url-1.2.4.tgz",
+      "integrity": "sha512-ITvGim8FhRiYe4IQ5uHSkj7pVaPDrCTkNd3yq3cV7iZAcJdHTUMPMEHcqSOy9xZ9qFenQCvi+2wjH9a1nXqHww==",
+      "license": "MIT"
+    },
     "node_modules/is-wsl": {
       "version": "3.1.0",
       "resolved": "https://registry.npmjs.org/is-wsl/-/is-wsl-3.1.0.tgz",
@@ -3075,6 +3385,15 @@
       "integrity": "sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==",
       "license": "ISC"
     },
+    "node_modules/jay-peg": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/jay-peg/-/jay-peg-1.1.1.tgz",
+      "integrity": "sha512-D62KEuBxz/ip2gQKOEhk/mx14o7eiFRaU+VNNSP4MOiIkwb/D6B3G1Mfas7C/Fit8EsSV2/IWjZElx/Gs6A4ww==",
+      "license": "MIT",
+      "dependencies": {
+        "restructure": "^3.0.0"
+      }
+    },
     "node_modules/jiti": {
       "version": "2.4.2",
       "resolved": "https://registry.npmjs.org/jiti/-/jiti-2.4.2.tgz",
@@ -3091,6 +3410,12 @@
       "integrity": "sha512-/GDnfQYsltsjRswQhN9fhv3EMw2sCpUdrdxyWDOUK7eyD++r3gRhzgiQgc/x4MAv2i1iuQ4lxO5mvqM3vj4bwA==",
       "license": "MIT"
     },
+    "node_modules/js-tokens": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz",
+      "integrity": "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==",
+      "license": "MIT"
+    },
     "node_modules/jsonwebtoken": {
       "version": "9.0.2",
       "resolved": "https://registry.npmjs.org/jsonwebtoken/-/jsonwebtoken-9.0.2.tgz",
@@ -3412,6 +3737,25 @@
         "url": "https://opencollective.com/parcel"
       }
     },
+    "node_modules/linebreak": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/linebreak/-/linebreak-1.1.0.tgz",
+      "integrity": "sha512-MHp03UImeVhB7XZtjd0E4n6+3xr5Dq/9xI/5FptGk5FrbDR3zagPa2DS6U8ks/3HjbKWG9Q1M2ufOzxV2qLYSQ==",
+      "license": "MIT",
+      "dependencies": {
+        "base64-js": "0.0.8",
+        "unicode-trie": "^2.0.0"
+      }
+    },
+    "node_modules/linebreak/node_modules/base64-js": {
+      "version": "0.0.8",
+      "resolved": "https://registry.npmjs.org/base64-js/-/base64-js-0.0.8.tgz",
+      "integrity": "sha512-3XSA2cR/h/73EzlXXdU6YNycmYI7+kicTxks4eJg2g39biHR84slg2+des+p7iHYhbRg/udIS4TD53WabcOUkw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
     "node_modules/lodash.debounce": {
       "version": "4.0.8",
       "resolved": "https://registry.npmjs.org/lodash.debounce/-/lodash.debounce-4.0.8.tgz",
@@ -3466,6 +3810,18 @@
       "integrity": "sha512-mNAgZ1GmyNhD7AuqnTG3/VQ26o760+ZYBPKjPvugO8+nLbYfX6TVpJPseBvopbdY+qpZ/lKUnmEc1LeZYS3QAA==",
       "license": "Apache-2.0"
     },
+    "node_modules/loose-envify": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/loose-envify/-/loose-envify-1.4.0.tgz",
+      "integrity": "sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q==",
+      "license": "MIT",
+      "dependencies": {
+        "js-tokens": "^3.0.0 || ^4.0.0"
+      },
+      "bin": {
+        "loose-envify": "cli.js"
+      }
+    },
     "node_modules/lru-cache": {
       "version": "7.18.3",
       "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-7.18.3.tgz",
@@ -3505,6 +3861,12 @@
         "node": ">= 0.4"
       }
     },
+    "node_modules/media-engine": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/media-engine/-/media-engine-1.0.3.tgz",
+      "integrity": "sha512-aa5tG6sDoK+k70B9iEX1NeyfT8ObCKhNDs6lJVpwF6r8vhUfuKMslIcirq6HIUYuuUYLefcEQOn9bSBOvawtwg==",
+      "license": "MIT"
+    },
     "node_modules/micromatch": {
       "version": "4.0.8",
       "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.8.tgz",
@@ -3720,6 +4082,24 @@
         "node": ">=6.0.0"
       }
     },
+    "node_modules/normalize-svg-path": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/normalize-svg-path/-/normalize-svg-path-1.1.0.tgz",
+      "integrity": "sha512-r9KHKG2UUeB5LoTouwDzBy2VxXlHsiM6fyLQvnJa0S5hrhzqElH/CH7TUGhT1fVvIYBIKf3OpY4YJ4CK+iaqHg==",
+      "license": "MIT",
+      "dependencies": {
+        "svg-arc-to-cubic-bezier": "^3.0.0"
+      }
+    },
+    "node_modules/object-assign": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz",
+      "integrity": "sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
     "node_modules/open": {
       "version": "10.1.0",
       "resolved": "https://registry.npmjs.org/open/-/open-10.1.0.tgz",
@@ -3738,6 +4118,18 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/pako": {
+      "version": "1.0.11",
+      "resolved": "https://registry.npmjs.org/pako/-/pako-1.0.11.tgz",
+      "integrity": "sha512-4hLB8Py4zZce5s4yd9XzopqwVv/yGNhV1Bl8NTmCq1763HeK2+EwVTv+leGeL13Dnh2wfbqowVPXCIO0z4taYw==",
+      "license": "(MIT AND Zlib)"
+    },
+    "node_modules/parse-svg-path": {
+      "version": "0.1.2",
+      "resolved": "https://registry.npmjs.org/parse-svg-path/-/parse-svg-path-0.1.2.tgz",
+      "integrity": "sha512-JyPSBnkTJ0AI8GGJLfMXvKq42cj5c006fnLz6fXy6zfoVjJizi8BNTpu8on8ziI1cKy9d9DGNuY17Ce7wuejpQ==",
+      "license": "MIT"
+    },
     "node_modules/path-key": {
       "version": "3.1.1",
       "resolved": "https://registry.npmjs.org/path-key/-/path-key-3.1.1.tgz",
@@ -3747,6 +4139,24 @@
         "node": ">=8"
       }
     },
+    "node_modules/pdf-lib": {
+      "version": "1.17.1",
+      "resolved": "https://registry.npmjs.org/pdf-lib/-/pdf-lib-1.17.1.tgz",
+      "integrity": "sha512-V/mpyJAoTsN4cnP31vc0wfNA1+p20evqqnap0KLoRUN0Yk/p3wN52DOEsL4oBFcLdb76hlpKPtzJIgo67j/XLw==",
+      "license": "MIT",
+      "dependencies": {
+        "@pdf-lib/standard-fonts": "^1.0.0",
+        "@pdf-lib/upng": "^1.0.1",
+        "pako": "^1.0.11",
+        "tslib": "^1.11.1"
+      }
+    },
+    "node_modules/pdf-lib/node_modules/tslib": {
+      "version": "1.14.1",
+      "resolved": "https://registry.npmjs.org/tslib/-/tslib-1.14.1.tgz",
+      "integrity": "sha512-Xni35NKzjgMrwevysHTCArtLDpPvye8zV/0E4EyYn43P7/7qvQwPh9BGkHewbMulVntbigmcT7rdX3BNo9wRJg==",
+      "license": "0BSD"
+    },
     "node_modules/performance-now": {
       "version": "2.1.0",
       "resolved": "https://registry.npmjs.org/performance-now/-/performance-now-2.1.0.tgz",
@@ -3802,6 +4212,12 @@
         "node": "^10 || ^12 || >=14"
       }
     },
+    "node_modules/postcss-value-parser": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-4.2.0.tgz",
+      "integrity": "sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==",
+      "license": "MIT"
+    },
     "node_modules/prisma": {
       "version": "6.7.0",
       "resolved": "https://registry.npmjs.org/prisma/-/prisma-6.7.0.tgz",
@@ -3840,12 +4256,32 @@
         "node": ">= 0.6.0"
       }
     },
+    "node_modules/prop-types": {
+      "version": "15.8.1",
+      "resolved": "https://registry.npmjs.org/prop-types/-/prop-types-15.8.1.tgz",
+      "integrity": "sha512-oj87CgZICdulUohogVAR7AjlC0327U4el4L6eAvOqCeudMDVU0NThNaV+b9Df4dXgSP1gXMTnPdhfe/2qDH5cg==",
+      "license": "MIT",
+      "dependencies": {
+        "loose-envify": "^1.4.0",
+        "object-assign": "^4.1.1",
+        "react-is": "^16.13.1"
+      }
+    },
     "node_modules/proxy-from-env": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/proxy-from-env/-/proxy-from-env-1.1.0.tgz",
       "integrity": "sha512-D+zkORCbA9f1tdWRK0RaCR3GPv50cMxcrz4X8k5LTSUD1Dkw47mKJEZQNunItRTkWwgtaUSo1RVFRIG9ZXiFYg==",
       "license": "MIT"
     },
+    "node_modules/queue": {
+      "version": "6.0.2",
+      "resolved": "https://registry.npmjs.org/queue/-/queue-6.0.2.tgz",
+      "integrity": "sha512-iHZWu+q3IdFZFX36ro/lKBkSvfkztY5Y7HMiPlOUjhupPcG2JMfst2KKEpu5XndviX/3UhFbRngUPNKtgvtZiA==",
+      "license": "MIT",
+      "dependencies": {
+        "inherits": "~2.0.3"
+      }
+    },
     "node_modules/raf": {
       "version": "3.4.1",
       "resolved": "https://registry.npmjs.org/raf/-/raf-3.4.1.tgz",
@@ -3877,6 +4313,12 @@
         "react": "^19.1.0"
       }
     },
+    "node_modules/react-is": {
+      "version": "16.13.1",
+      "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz",
+      "integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==",
+      "license": "MIT"
+    },
     "node_modules/react-to-pdf": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/react-to-pdf/-/react-to-pdf-2.0.0.tgz",
@@ -3926,6 +4368,21 @@
       "integrity": "sha512-dYnhHh0nJoMfnkZs6GmmhFknAGRrLznOu5nc9ML+EJxGvrx6H7teuevqVqCuPcPK//3eDrrjQhehXVx9cnkGdw==",
       "license": "MIT"
     },
+    "node_modules/require-from-string": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/require-from-string/-/require-from-string-2.0.2.tgz",
+      "integrity": "sha512-Xf0nWe6RseziFMu+Ap9biiUbmplq6S9/p+7w7YXP/JBHhrUDDUhwa+vANyubuqfZWTveU//DYVGsDG7RKL/vEw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/restructure": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/restructure/-/restructure-3.0.2.tgz",
+      "integrity": "sha512-gSfoiOEA0VPE6Tukkrr7I0RBdE0s7H1eFCDBk05l1KIQT1UIKNc5JZy6jdyW6eYH3aR3g5b3PuL77rq0hvwtAw==",
+      "license": "MIT"
+    },
     "node_modules/rfdc": {
       "version": "1.4.1",
       "resolved": "https://registry.npmjs.org/rfdc/-/rfdc-1.4.1.tgz",
@@ -3993,9 +4450,9 @@
       "license": "MIT"
     },
     "node_modules/semver": {
-      "version": "7.7.1",
-      "resolved": "https://registry.npmjs.org/semver/-/semver-7.7.1.tgz",
-      "integrity": "sha512-hlq8tAfn0m/61p4BVRcPzIGr6LKiMwo4VM6dGi6pt4qcRkmNzTcWq6eCEjEh+qXjkMDvPlOFFSGwQjoEa6gyMA==",
+      "version": "7.7.2",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.7.2.tgz",
+      "integrity": "sha512-RF0Fw+rO5AMf9MAyaRXI4AV0Ulj5lMHqVxxdSgiVbixSCXoEmmX/jk0CuJw4+3SqroYO9VoUh+HcuJivvtJemA==",
       "license": "ISC",
       "bin": {
         "semver": "bin/semver.js"
@@ -4075,7 +4532,6 @@
       "resolved": "https://registry.npmjs.org/simple-swizzle/-/simple-swizzle-0.2.2.tgz",
       "integrity": "sha512-JA//kQgZtbuY83m+xT+tXJkmJncGMTFT+C+g2h2R9uxkYIrE2yy9sgmcLhCnw57/WSD+Eh3J97FPEDFnbXnDUg==",
       "license": "MIT",
-      "optional": true,
       "dependencies": {
         "is-arrayish": "^0.3.1"
       }
@@ -4184,6 +4640,12 @@
         }
       }
     },
+    "node_modules/svg-arc-to-cubic-bezier": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/svg-arc-to-cubic-bezier/-/svg-arc-to-cubic-bezier-3.2.0.tgz",
+      "integrity": "sha512-djbJ/vZKZO+gPoSDThGNpKDO+o+bAeA4XQKovvkNCqnIS2t+S4qnLAGQhyyrulhCFRl1WWzAp0wUDV8PpTVU3g==",
+      "license": "ISC"
+    },
     "node_modules/svg-pathdata": {
       "version": "6.0.3",
       "resolved": "https://registry.npmjs.org/svg-pathdata/-/svg-pathdata-6.0.3.tgz",
@@ -4269,6 +4731,12 @@
         "utrie": "^1.0.2"
       }
     },
+    "node_modules/tiny-inflate": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/tiny-inflate/-/tiny-inflate-1.0.3.tgz",
+      "integrity": "sha512-pkY1fj1cKHb2seWDy0B16HeWyczlJA9/WW3u3c4z/NiWDsO3DOU5D7nhTLE9CF0yXv/QZFY7sEJmj24dK+Rrqw==",
+      "license": "MIT"
+    },
     "node_modules/to-regex-range": {
       "version": "5.0.1",
       "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz",
@@ -4314,6 +4782,32 @@
       "integrity": "sha512-ve2KP6f/JnbPBFyobGHuerC9g1FYGn/F8n1LWTwNxCEzd6IfqTwUQcNXgEtmmQ6DlRrC1hrSrBnCZPokRrDHjw==",
       "license": "MIT"
     },
+    "node_modules/unicode-properties": {
+      "version": "1.4.1",
+      "resolved": "https://registry.npmjs.org/unicode-properties/-/unicode-properties-1.4.1.tgz",
+      "integrity": "sha512-CLjCCLQ6UuMxWnbIylkisbRj31qxHPAurvena/0iwSVbQ2G1VY5/HjV0IRabOEbDHlzZlRdCrD4NhB0JtU40Pg==",
+      "license": "MIT",
+      "dependencies": {
+        "base64-js": "^1.3.0",
+        "unicode-trie": "^2.0.0"
+      }
+    },
+    "node_modules/unicode-trie": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/unicode-trie/-/unicode-trie-2.0.0.tgz",
+      "integrity": "sha512-x7bc76x0bm4prf1VLg79uhAzKw8DVboClSN5VxJuQ+LKDOVEW9CdH+VY7SP+vX7xCYQqzzgQpFqz15zeLvAtZQ==",
+      "license": "MIT",
+      "dependencies": {
+        "pako": "^0.2.5",
+        "tiny-inflate": "^1.0.0"
+      }
+    },
+    "node_modules/unicode-trie/node_modules/pako": {
+      "version": "0.2.9",
+      "resolved": "https://registry.npmjs.org/pako/-/pako-0.2.9.tgz",
+      "integrity": "sha512-NUcwaKxUxWrZLpDG+z/xZaCgQITkA/Dv4V/T6bw7VON6l1Xz/VnrBqrYjZQ12TamKHzITTfOEIYUj48y2KXImA==",
+      "license": "MIT"
+    },
     "node_modules/usehooks-ts": {
       "version": "3.1.1",
       "resolved": "https://registry.npmjs.org/usehooks-ts/-/usehooks-ts-3.1.1.tgz",
@@ -4329,6 +4823,12 @@
         "react": "^16.8.0  || ^17 || ^18 || ^19 || ^19.0.0-rc"
       }
     },
+    "node_modules/util-deprecate": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz",
+      "integrity": "sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==",
+      "license": "MIT"
+    },
     "node_modules/utrie": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/utrie/-/utrie-1.0.2.tgz",
@@ -4347,6 +4847,26 @@
         "uuid": "dist/bin/uuid"
       }
     },
+    "node_modules/vite-compatible-readable-stream": {
+      "version": "3.6.1",
+      "resolved": "https://registry.npmjs.org/vite-compatible-readable-stream/-/vite-compatible-readable-stream-3.6.1.tgz",
+      "integrity": "sha512-t20zYkrSf868+j/p31cRIGN28Phrjm3nRSLR2fyc2tiWi4cZGVdv68yNlwnIINTkMTmPoMiSlc0OadaO7DXZaQ==",
+      "license": "MIT",
+      "dependencies": {
+        "inherits": "^2.0.3",
+        "string_decoder": "^1.1.1",
+        "util-deprecate": "^1.0.1"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/yoga-layout": {
+      "version": "3.2.1",
+      "resolved": "https://registry.npmjs.org/yoga-layout/-/yoga-layout-3.2.1.tgz",
+      "integrity": "sha512-0LPOt3AxKqMdFBZA3HBAt/t/8vIKq7VaQYbuA8WxCgung+p9TVyKRYdpvCb80HcdTN2NkbIKbhNwKUfm3tQywQ==",
+      "license": "MIT"
+    },
     "node_modules/zustand": {
       "version": "5.0.3",
       "resolved": "https://registry.npmjs.org/zustand/-/zustand-5.0.3.tgz",

package.json

@@ -16,10 +16,12 @@
   },
   "dependencies": {
     "@prisma/client": "^6.7.0",
+    "@react-pdf/renderer": "^4.3.0",
     "@tanstack/react-query": "^5.71.0",
     "@tanstack/react-query-devtools": "^5.71.0",
     "@types/nodemailer": "^6.4.17",
     "axios": "^1.8.4",
+    "crypto-js": "^4.2.0",
     "env-cmd": "^10.1.0",
     "iron-session": "^8.0.4",
     "lucide": "^0.503.0",
@@ -27,6 +29,7 @@
     "mysql2": "^3.14.1",
     "next": "15.2.4",
     "nodemailer": "^7.0.3",
+    "pdf-lib": "^1.17.1",
     "react": "^19.0.0",
     "react-dom": "^19.0.0",
     "react-to-pdf": "^2.0.0",
@@ -37,6 +40,7 @@
   },
   "devDependencies": {
     "@tailwindcss/postcss": "^4",
+    "@types/crypto-js": "^4.2.2",
     "@types/mysql": "^2.15.27",
     "@types/node": "^20",
     "@types/react": "^19",

prisma/schema.prisma

@@ -7,103 +7,67 @@ datasource db {
   url      = env("DATABASE_URL")
 }
 
-model MS_SUITABLE {
-  id                                        Int      @id @default(autoincrement())
-  product_name                              String   @db.VarChar(200)
-  manufacturer                              String?  @db.VarChar(200)
-  roof_material                             String?  @db.VarChar(100)
-  shape                                     String?  @db.VarChar(200)
-  support_roof_tile                         String?  @db.VarChar(2)
-  support_roof_tile_memo                    String?  @db.VarChar(500)
-  support_roof_bracket                      String?  @db.VarChar(200)
-  support_roof_bracket_memo                 String?  @db.VarChar(500)
-  yg_anchor                                 String?  @db.VarChar(200)
-  yg_anchor_memo                            String?  @db.VarChar(500)
-  rg_roof_tile_part                         String?  @db.VarChar(200)
-  rg_roof_tile_part_memo                    String?  @db.VarChar(500)
-  dido_hunt_support_tile_2                  String?  @db.VarChar(200)
-  dido_hunt_support_tile_2_memo             String?  @db.VarChar(500)
-  takashima_power_base                      String?  @db.VarChar(200)
-  takashima_power_base_memo                 String?  @db.VarChar(500)
-  takashima_tile_bracket                    String?  @db.VarChar(200)
-  takashima_tile_bracket_memo               String?  @db.VarChar(500)
-  slate_bracket_4                           String?  @db.VarChar(200)
-  slate_bracket_4_memo                      String?  @db.VarChar(500)
-  slate_single_metal_bracket                String?  @db.VarChar(200)
-  slate_single_metal_bracket_memo           String?  @db.VarChar(500)
-  dido_hunt_short_rack_4                    String?  @db.VarChar(200)
-  dido_hunt_short_rack_4_memo               String?  @db.VarChar(500)
-  takashima_slate_bracket_slate_single      String?  @db.VarChar(200)
-  takashima_slate_bracket_slate_single_memo String?  @db.VarChar(500)
-  df_metal_bracket                          String?  @db.VarChar(200)
-  df_metal_bracket_memo                     String?  @db.VarChar(500)
-  slate_metal_bracket                       String?  @db.VarChar(200)
-  slate_metal_bracket_memo                  String?  @db.VarChar(500)
-  takashima_slate_bracket_metal_roof        String?  @db.VarChar(200)
-  takashima_slate_bracket_metal_roof_memo   String?  @db.VarChar(500)
-  created_at                                DateTime @default(now())
-  updated_at                                DateTime @updatedAt
-}
-
 model SD_SURVEY_SALES_BASIC_INFO {
-  ID                   Int                          @id @default(autoincrement())
-  SRL_NO               String                       @db.VarChar(20)
-  REPRESENTATIVE       String                       @db.VarChar(200)
-  STORE                String?                      @db.VarChar(200)
-  CONSTRUCTION_POINT   String?                      @db.VarChar(200)
-  INVESTIGATION_DATE   String?                      @db.VarChar(10)
-  BUILDING_NAME        String?                      @db.VarChar(200)
-  CUSTOMER_NAME        String?                      @db.VarChar(200)
-  POST_CODE            String?                      @db.VarChar(10)
-  ADDRESS              String?                      @db.VarChar(200)
-  ADDRESS_DETAIL       String?                      @db.VarChar(300)
-  SUBMISSION_STATUS    Boolean                      @default(false)
-  SUBMISSION_DATE      DateTime?                    @db.Date
-  SUBMISSION_TARGET_ID String?                      @db.VarChar(200)
-  REG_DT               DateTime                     @default(now())
-  UPT_DT               DateTime                     @updatedAt
-  REPRESENTATIVE_ID    String?                      @db.VarChar(100)
-  STORE_ID             String?                      @db.VarChar(100)
-  DETAIL_INFO          SD_SURVEY_SALES_DETAIL_INFO?
+  ID                    Int                          @id @default(autoincrement())
+  SRL_NO                String                       @db.NVarChar(20)
+  REPRESENTATIVE        String                       @db.NVarChar(200)
+  STORE                 String?                      @db.NVarChar(200)
+  CONSTRUCTION_POINT    String?                      @db.NVarChar(200)
+  CONSTRUCTION_POINT_ID String?                      @db.NVarChar(200)
+  INVESTIGATION_DATE    String?                      @db.NVarChar(10)
+  BUILDING_NAME         String?                      @db.NVarChar(200)
+  CUSTOMER_NAME         String?                      @db.NVarChar(200)
+  POST_CODE             String?                      @db.NVarChar(10)
+  ADDRESS               String?                      @db.NVarChar(200)
+  ADDRESS_DETAIL        String?                      @db.NVarChar(300)
+  SUBMISSION_STATUS     Boolean                      @default(false)
+  SUBMISSION_DATE       DateTime?                    @db.Date
+  SUBMISSION_TARGET_ID  String?                      @db.NVarChar(200)
+  SUBMISSION_TARGET_NM  String?                      @db.NVarChar(200)
+  REG_DT                DateTime                     @default(now())
+  UPT_DT                DateTime                     @updatedAt
+  REPRESENTATIVE_ID     String?                      @db.NVarChar(100)
+  STORE_ID              String?                      @db.NVarChar(100)
+  DETAIL_INFO           SD_SURVEY_SALES_DETAIL_INFO?
 }
 
 model SD_SURVEY_SALES_DETAIL_INFO {
   ID                            Int                        @id @default(autoincrement())
-  CONTRACT_CAPACITY             String?                    @db.VarChar(20)
-  RETAIL_COMPANY                String?                    @db.VarChar(100)
-  SUPPLEMENTARY_FACILITIES      String?                    @db.VarChar(20)
-  SUPPLEMENTARY_FACILITIES_ETC  String?                    @db.VarChar(200)
-  INSTALLATION_SYSTEM           String?                    @db.VarChar(20)
-  INSTALLATION_SYSTEM_ETC       String?                    @db.VarChar(200)
-  CONSTRUCTION_YEAR             String?                    @db.VarChar(200)
-  CONSTRUCTION_YEAR_ETC         String?                    @db.VarChar(200)
-  ROOF_MATERIAL                 String?                    @db.VarChar(20)
-  ROOF_MATERIAL_ETC             String?                    @db.VarChar(200)
-  ROOF_SHAPE                    String?                    @db.VarChar(20)
-  ROOF_SHAPE_ETC                String?                    @db.VarChar(200)
-  ROOF_SLOPE                    String?                    @db.VarChar(5)
-  HOUSE_STRUCTURE               String?                    @db.VarChar(20)
-  HOUSE_STRUCTURE_ETC           String?                    @db.VarChar(200)
-  RAFTER_MATERIAL               String?                    @db.VarChar(20)
-  RAFTER_MATERIAL_ETC           String?                    @db.VarChar(200)
-  RAFTER_SIZE                   String?                    @db.VarChar(20)
-  RAFTER_SIZE_ETC               String?                    @db.VarChar(200)
-  RAFTER_PITCH                  String?                    @db.VarChar(20)
-  RAFTER_PITCH_ETC              String?                    @db.VarChar(200)
-  RAFTER_DIRECTION              String?                    @db.VarChar(20)
-  OPEN_FIELD_PLATE_KIND         String?                    @db.VarChar(20)
-  OPEN_FIELD_PLATE_KIND_ETC     String?                    @db.VarChar(200)
-  OPEN_FIELD_PLATE_THICKNESS    String?                    @db.VarChar(5)
+  CONTRACT_CAPACITY             String?                    @db.NVarChar(20)
+  RETAIL_COMPANY                String?                    @db.NVarChar(100)
+  SUPPLEMENTARY_FACILITIES      String?                    @db.NVarChar(20)
+  SUPPLEMENTARY_FACILITIES_ETC  String?                    @db.NVarChar(200)
+  INSTALLATION_SYSTEM           String?                    @db.NVarChar(20)
+  INSTALLATION_SYSTEM_ETC       String?                    @db.NVarChar(200)
+  CONSTRUCTION_YEAR             String?                    @db.NVarChar(200)
+  CONSTRUCTION_YEAR_ETC         String?                    @db.NVarChar(200)
+  ROOF_MATERIAL                 String?                    @db.NVarChar(20)
+  ROOF_MATERIAL_ETC             String?                    @db.NVarChar(200)
+  ROOF_SHAPE                    String?                    @db.NVarChar(20)
+  ROOF_SHAPE_ETC                String?                    @db.NVarChar(200)
+  ROOF_SLOPE                    String?                    @db.NVarChar(5)
+  HOUSE_STRUCTURE               String?                    @db.NVarChar(20)
+  HOUSE_STRUCTURE_ETC           String?                    @db.NVarChar(200)
+  RAFTER_MATERIAL               String?                    @db.NVarChar(20)
+  RAFTER_MATERIAL_ETC           String?                    @db.NVarChar(200)
+  RAFTER_SIZE                   String?                    @db.NVarChar(20)
+  RAFTER_SIZE_ETC               String?                    @db.NVarChar(200)
+  RAFTER_PITCH                  String?                    @db.NVarChar(20)
+  RAFTER_PITCH_ETC              String?                    @db.NVarChar(200)
+  RAFTER_DIRECTION              String?                    @db.NVarChar(20)
+  OPEN_FIELD_PLATE_KIND         String?                    @db.NVarChar(20)
+  OPEN_FIELD_PLATE_KIND_ETC     String?                    @db.NVarChar(200)
+  OPEN_FIELD_PLATE_THICKNESS    String?                    @db.NVarChar(5)
   LEAK_TRACE                    Boolean?                   @default(false)
-  WATERPROOF_MATERIAL           String?                    @db.VarChar(20)
-  WATERPROOF_MATERIAL_ETC       String?                    @db.VarChar(200)
-  INSULATION_PRESENCE           String?                    @db.VarChar(20)
-  INSULATION_PRESENCE_ETC       String?                    @db.VarChar(200)
-  STRUCTURE_ORDER               String?                    @db.VarChar(20)
-  STRUCTURE_ORDER_ETC           String?                    @db.VarChar(200)
-  INSTALLATION_AVAILABILITY     String?                    @db.VarChar(20)
-  INSTALLATION_AVAILABILITY_ETC String?                    @db.VarChar(200)
-  MEMO                          String?                    @db.VarChar(500)
+  WATERPROOF_MATERIAL           String?                    @db.NVarChar(20)
+  WATERPROOF_MATERIAL_ETC       String?                    @db.NVarChar(200)
+  INSULATION_PRESENCE           String?                    @db.NVarChar(20)
+  INSULATION_PRESENCE_ETC       String?                    @db.NVarChar(200)
+  STRUCTURE_ORDER               String?                    @db.NVarChar(20)
+  STRUCTURE_ORDER_ETC           String?                    @db.NVarChar(200)
+  INSTALLATION_AVAILABILITY     String?                    @db.NVarChar(20)
+  INSTALLATION_AVAILABILITY_ETC String?                    @db.NVarChar(200)
+  MEMO                          String?                    @db.NVarChar(500)
   REG_DT                        DateTime                   @default(now())
   UPT_DT                        DateTime                   @updatedAt
   BASIC_INFO_ID                 Int                        @unique
@@ -171,20 +135,20 @@ model BC_COMM_L {
 }
 
 model MS_SUITABLE_ROOF_MATERIAL_GROUP {
-  ID                  Int       @id @default(autoincrement())
-  ROOF_MATERIAL_GROUP String    @db.VarChar(200)
-  ROOF_MT_CD          String    @db.VarChar(200)
-  REG_DT              DateTime  @default(now(), map: "DF__MS_SUITAB__creat__4F7CD00D")
-  UPT_DT              DateTime?
+  ID               Int       @id @default(autoincrement())
+  ROOF_MATL_GRP_CD String    @db.NVarChar(200)
+  ROOF_MT_CD       String    @db.NVarChar(200)
+  REG_DT           DateTime  @default(now(), map: "DF__MS_SUITAB__creat__4F7CD00D")
+  UPT_DT           DateTime?
 }
 
 model MS_SUITABLE_DETAIL {
   ID                                Int              @id @default(autoincrement())
   MAIN_ID                           Int
-  TRESTLE_MFPC_CD                   String?          @db.VarChar(200)
-  TRESTLE_MANUFACTURER_PRODUCT_NAME String?          @db.VarChar(200)
-  MEMO                              String?          @db.VarChar(500)
-  REG_DT                            DateTime         @default(now(), map: "DF__MS_SUITAB__creat__571DF1D5")
+  TRESTLE_MFPC_CD                   String?          @db.NVarChar(200)
+  TRESTLE_MANUFACTURER_PRODUCT_NAME String?          @db.NVarChar(200)
+  MEMO                              String?          @db.NVarChar(500)
+  REG_DT                            DateTime         @default(now(), map: "DF__MS_SUITAB__REG_D__1332DBDC")
   UPT_DT                            DateTime?
   MS_SUITABLE_MAIN                  MS_SUITABLE_MAIN @relation(fields: [MAIN_ID], references: [ID], onUpdate: NoAction, map: "MS_SUITABLE_DETAIL_MS_SUITABLE_MAIN_FK")
 
@@ -193,24 +157,25 @@ model MS_SUITABLE_DETAIL {
 
 model MS_SUITABLE_MAIN {
   ID                 Int                  @id @default(autoincrement())
-  PRODUCT_NAME       String               @db.VarChar(200)
-  MANU_FT_CD         String?              @db.VarChar(200)
-  ROOF_MT_CD         String?              @db.VarChar(100)
-  ROOF_SH_CD         String?              @db.VarChar(200)
-  REG_DT             DateTime             @default(now(), map: "DF__MS_SUITAB__creat__5441852A")
+  PRODUCT_NAME       String               @db.NVarChar(200)
+  MANU_FT_CD         String?              @db.NVarChar(200)
+  ROOF_MT_CD         String?              @db.NVarChar(100)
+  ROOF_SH_CD         String?              @db.NVarChar(200)
+  REG_DT             DateTime             @default(now(), map: "DF__MS_SUITAB__REG_D__10566F31")
   UPT_DT             DateTime?
+  UPT_ID             String?              @db.NVarChar(50)
+  DEL_YN             String?              @db.NVarChar(1)
   MS_SUITABLE_DETAIL MS_SUITABLE_DETAIL[]
 
   @@index([PRODUCT_NAME], map: "MS_SUITABLE_MAIN_PRODUCT_NAME_IDX")
   @@index([ROOF_MT_CD, PRODUCT_NAME], map: "MS_SUITABLE_MAIN_ROOF_MT_CD_IDX")
 }
 
-/// The underlying table does not contain a valid unique identifier and can therefore currently not be handled by Prisma Client.
 model MS_USR_TRK {
   ID     Int      @id @default(autoincrement())
-  OWNER  String   @db.VarChar(100)
-  TYPE   String   @db.VarChar(50)
-  URL    String?  @db.VarChar(200)
+  OWNER  String   @db.NVarChar(100)
+  TYPE   String   @db.NVarChar(50)
+  URL    String?  @db.NVarChar(200)
   REG_DT DateTime @default(now())
-  DATA   String?  @db.VarChar(200)
+  DATA   String?  @db.NVarChar(200)
 }

src/app/api/auth/route.ts

@@ -56,7 +56,9 @@ export async function POST(request: Request) {
     session.groupId = result.data.data.groupId
     session.storeLvl = result.data.data.storeLvl
     session.custCd = result.data.data.custCd
+    session.builderId = result.data.data.builderId
     session.builderNo = result.data.data.builderNo
+    session.builderNm = result.data.data.builderNm
     session.isLoggedIn = true
 
     if (result.data.data.userId === 'T01') {
@@ -103,7 +105,9 @@ export async function POST(request: Request) {
       GROUP_ID: result.data.data.groupId,
       STORE_LVL: result.data.data.storeLvl,
       CUST_CD: result.data.data.custCd,
+      BUILDER_ID: result.data.data.builderId,
       BUILDER_NO: result.data.data.builderNo,
+      BUILDER_NM: result.data.data.builderNm,
       IS_LOGGED_IN: true,
       ROLE: '',
     }

src/app/api/partner/route.ts

@@ -84,7 +84,9 @@ export async function POST(request: Request) {
     session.groupId = null
     session.storeLvl = null
     session.custCd = null
+    session.builderId = data[0].user_seko_id
     session.builderNo = data[0].user_seko_id
+    session.builderNm = data[0].supplier_name
     session.isLoggedIn = true
     session.role = 'Partner'
 
@@ -122,7 +124,9 @@ export async function POST(request: Request) {
     GROUP_ID: null,
     STORE_LVL: null,
     CUST_CD: null,
+    BUILDER_ID: data[0].user_seko_id,
     BUILDER_NO: data[0].user_seko_id,
+    BUILDER_NM: data[0].supplier_name,
     IS_LOGGED_IN: true,
     ROLE: 'Partner',
   }

src/app/api/qna/file/route.ts

@@ -1,33 +1,73 @@
 import axios from 'axios'
 import { NextResponse } from 'next/server'
 
+// export async function GET(request: Request) {
+//   const { searchParams } = new URL(request.url)
+//   const encodeFileNo = searchParams.get('encodeFileNo')
+//   const srcFileNm = searchParams.get('srcFileNm')
+
+//   if (!encodeFileNo) {
+//     return NextResponse.json({ error: 'encodeFileNo is required' }, { status: 400 })
+//   }
+
+//   try {
+//     const response = await axios.get(`${process.env.NEXT_PUBLIC_INQUIRY_API_URL}/api/file/downloadFile2`, {
+//       params: {
+//         encodeFileNo,
+//       },
+//       responseType: 'arraybuffer',
+//     })
+
+//     if (response.headers['content-type'] === 'text/html;charset=utf-8') {
+//       return NextResponse.json({ error: 'file not found' }, { status: 404 })
+//     }
+
+//     const contentType = response.headers['content-type'] || 'application/octet-stream'
+//     const contentDisposition = response.headers['content-disposition'] || 'inline'
+
+//     return new NextResponse(response.data, {
+//       status: 200,
+//       headers: {
+//         'Content-Type': contentType,
+//         'Content-Disposition': contentDisposition,
+//       },
+//     })
+//   } catch (error: any) {
+//     console.error('File download error:', error)
+//     return NextResponse.json({ error: error.response?.data || 'Failed to download file' }, { status: 500 })
+//   }
+// }
+
 export async function GET(request: Request) {
   const { searchParams } = new URL(request.url)
   const encodeFileNo = searchParams.get('encodeFileNo')
-
-  const srcFileNm = searchParams.get('srcFileNm')
+  const srcFileNm = searchParams.get('srcFileNm') || 'downloaded-file'
 
   if (!encodeFileNo) {
     return NextResponse.json({ error: 'encodeFileNo is required' }, { status: 400 })
   }
+
+  const url = `${process.env.NEXT_PUBLIC_INQUIRY_API_URL}/api/file/downloadFile2?encodeFileNo=${encodeFileNo}`
+
   try {
-    const response = await axios.get(`${process.env.NEXT_PUBLIC_INQUIRY_API_URL}/api/file/downloadFile2`, {
-      responseType: 'arraybuffer',
-      params: {
-        encodeFileNo,
-      },
-    })
-    if (response.headers['content-type'] === 'text/html;charset=utf-8') {
-      return NextResponse.json({ error: 'file not found' }, { status: 404 })
+    const resp = await fetch(url)
+
+    if (!resp.ok) {
+      return NextResponse.json({ error: 'Failed to download file' }, { status: 500 })
     }
-    return new NextResponse(response.data, {
+
+    const contentType = resp.headers.get('content-type') || 'application/octet-stream'
+    const contentDisposition = resp.headers.get('content-disposition') || `attachment; filename="${srcFileNm}"`
+
+    return new NextResponse(resp.body, {
       status: 200,
       headers: {
-        'Content-Type': 'application/octet-stream;charset=UTF-8',
-        'Content-Disposition': `attachment; filename="${srcFileNm}"`,
+        'Content-Type': contentType,
+        'Content-Disposition': contentDisposition,
       },
     })
   } catch (error: any) {
-    return NextResponse.json({ error: error.response.data }, { status: 500 })
+    console.error('File download error:', error)
+    return NextResponse.json({ error: error.response?.data || 'Failed to download file' }, { status: 500 })
   }
 }

src/app/api/suitable/pdf/route.ts

@@ -0,0 +1,117 @@
+import React from 'react'
+import { NextRequest, NextResponse } from 'next/server'
+import { pdf, Document } from '@react-pdf/renderer'
+import { PDFDocument } from 'pdf-lib'
+import { prisma } from '@/libs/prisma'
+import { type Suitable } from '@/types/Suitable'
+import SuitablePdf from '@/components/pdf/SuitablePdf'
+
+export async function POST(request: NextRequest) {
+  // 파라미터 체크
+  const formData = await request.formData()
+  const ids = formData.get('ids') as string
+  const detailIds = formData.get('detailIds') as string
+  const fileTitle = formData.get('fileTitle') as string
+
+  if (ids === '' || detailIds === '' || fileTitle === '') {
+    return NextResponse.json({ error: '필수 파라미터가 누락되었습니다' }, { status: 400 })
+  }
+
+  try {
+    let query = `
+    SELECT
+      msm.id
+      , msm.product_name as productName
+      , ( SELECT bcl.code_jp  FROM BC_COMM_L bcl 
+          WHERE bcl.head_cd = (SELECT head_cd FROM BC_COMM_H bch  WHERE head_id = 'MANU_FT_CD') 
+            AND bcl.code = msm.manu_ft_cd ) AS manuFtCd
+      , ( SELECT bcl.code_jp FROM BC_COMM_L bcl 
+          WHERE bcl.head_cd = (SELECT head_cd FROM BC_COMM_H bch  WHERE head_id = 'ROOF_MT_CD') 
+            AND bcl.code = msm.roof_mt_cd ) AS roofMtCd
+      , ( SELECT bcl.code_jp FROM BC_COMM_L bcl 
+          WHERE bcl.head_cd = (SELECT head_cd FROM BC_COMM_H bch  WHERE head_id = 'ROOF_SH_CD') 
+            AND bcl.code = msm.roof_sh_cd ) AS roofShCd
+      , details.detail
+    FROM ms_suitable_main msm
+    LEFT JOIN (
+      SELECT
+        msd.main_id
+        , (
+          SELECT
+            msd_json.id
+            , ( SELECT bcl.code_jp FROM BC_COMM_L bcl 
+                WHERE bcl.head_cd = (SELECT head_cd FROM BC_COMM_H bch  WHERE head_id = 'TRESTLE_MFPC_CD') 
+                  AND bcl.code = msd_json.trestle_mfpc_cd ) AS trestleMfpcCd
+            , msd_json.trestle_manufacturer_product_name as trestleManufacturerProductName
+            , msd_json.memo
+          FROM ms_suitable_detail msd_json
+            WHERE msd.main_id = msd_json.main_id
+              AND msd_json.id IN (:detailIds)
+          FOR JSON PATH
+        ) AS detail
+      FROM ms_suitable_detail msd
+      GROUP BY msd.main_id
+    ) AS details
+      ON msm.id = details.main_id
+        AND details.main_id IN (:mainIds)
+    WHERE
+      msm.id IN (:mainIds)
+    ORDER BY msm.product_name;
+    `
+
+    // 검색 조건 설정
+    query = query.replaceAll(':mainIds', ids)
+    query = query.replaceAll(':detailIds', detailIds)
+
+    // 데이터 조회
+    const suitable: Suitable[] = await prisma.$queryRawUnsafe(query)
+
+    // pdf 생성 : mainId 100개씩 청크로 나누기
+    const CHUNK_SIZE = 100
+    const pdfBuffers: Uint8Array[] = []
+    for (let i = 0; i < suitable.length; i += CHUNK_SIZE) {
+      const chunk = suitable.slice(i, i + CHUNK_SIZE)
+      const content = React.createElement(
+        Document,
+        null,
+        React.createElement(SuitablePdf, {
+          data: chunk,
+          fileTitle: fileTitle,
+          firstPage: i === 0,
+        }),
+      )
+      const pdfBlob = await pdf(content).toBlob()
+      const arrayBuffer = await pdfBlob.arrayBuffer()
+      pdfBuffers.push(new Uint8Array(arrayBuffer))
+    }
+
+    // 모든 PDF 버퍼 병합
+    const mergedPdfBytes = await mergePdfBuffers(pdfBuffers)
+
+    const fileName = `${fileTitle.replace(' ', '_')}.pdf`
+    const encodedFileName = encodeURIComponent(fileName)
+
+    return new NextResponse(Buffer.from(mergedPdfBytes), {
+      headers: {
+        'Content-Type': 'application/pdf',
+        'Content-Disposition': `attachment; filename="suitable.pdf"; filename*=UTF-8''${encodedFileName}`,
+      },
+    })
+  } catch (error) {
+    console.error('❌ 데이터 조회 중 오류가 발생했습니다:', error)
+    return NextResponse.json({ error: '데이터 조회 중 오류가 발생했습니다' }, { status: 500 })
+  }
+}
+
+async function mergePdfBuffers(buffers: Uint8Array[]) {
+  const mergedPdf = await PDFDocument.create()
+
+  for (const buf of buffers) {
+    const pdf = await PDFDocument.load(buf)
+    const copiedPages = await mergedPdf.copyPages(pdf, pdf.getPageIndices())
+    copiedPages.forEach((page) => mergedPdf.addPage(page))
+  }
+
+  const mergedPdfBytes = await mergedPdf.save()
+  return mergedPdfBytes
+}

src/app/api/survey-sales/[id]/route.ts

@@ -2,20 +2,96 @@ import { NextRequest, NextResponse } from 'next/server'
 import { prisma } from '@/libs/prisma'
 import { convertToSnakeCase } from '@/utils/common-utils'
 
+interface Survey {
+  SRL_NO: string
+  SUBMISSION_STATUS: boolean
+  SUBMISSION_TARGET_ID: string | null
+  STORE_ID: string | null
+  CONSTRUCTION_POINT_ID: string | null
+}
+
+interface SessionParams {
+  role: string | null
+  storeId: string | null
+  builderId: string | null
+  isLoggedIn: string | null
+}
+
+const checkT01Role = (survey: Survey): boolean => survey.SRL_NO !== '一時保存'
+
+const checkAdminRole = (survey: Survey, storeId: string | null): boolean => {
+  if (!storeId) return false
+
+  if (survey.SUBMISSION_STATUS) {
+    return survey.SUBMISSION_TARGET_ID === storeId || survey.STORE_ID === storeId
+  }
+  return survey.STORE_ID === storeId
+}
+
+const checkAdminSubRole = (survey: Survey, storeId: string | null): boolean => {
+  if (!storeId) return false
+
+  if (survey.SUBMISSION_STATUS) {
+    return survey.SUBMISSION_TARGET_ID === storeId || (survey.STORE_ID === storeId && survey.CONSTRUCTION_POINT_ID === null)
+  }
+  return survey.STORE_ID === storeId && survey.CONSTRUCTION_POINT_ID === null
+}
+
+const checkPartnerOrBuilderRole = (survey: Survey, builderId: string | null): boolean => {
+  if (!builderId) return false
+  return survey.CONSTRUCTION_POINT_ID === builderId
+}
+
+const checkRole = (survey: Survey, sessionParams: SessionParams): boolean => {
+  if (!survey || !sessionParams.role) return false
+
+  switch (sessionParams.role) {
+    case 'T01':
+      return checkT01Role(survey)
+    // T01 이외 1차점
+    case 'Admin':
+      return checkAdminRole(survey, sessionParams.storeId)
+    // 2차점
+    case 'Admin_Sub':
+      return checkAdminSubRole(survey, sessionParams.storeId)
+    // partner
+    case 'Partner':
+    // 2차점 시공권한 user
+    case 'Builder':
+      return checkPartnerOrBuilderRole(survey, sessionParams.builderId)
+    default:
+      return false
+  }
+}
+
 export async function GET(request: NextRequest, { params }: { params: Promise<{ id: string }> }) {
   try {
     const { id } = await params
+    const { searchParams } = new URL(request.url)
+
+    const sessionParams: SessionParams = {
+      role: searchParams.get('role'),
+      storeId: searchParams.get('storeId'),
+      builderId: searchParams.get('builderId'),
+      isLoggedIn: searchParams.get('isLoggedIn'),
+    }
     // @ts-ignore
-    const survey = await prisma.SD_SURVEY_SALES_BASIC_INFO.findUnique({
-      where: { ID: Number(id) },
+    const survey = await prisma.SD_SURVEY_SALES_BASIC_INFO.findFirst({
+      where: {
+        ID: Number(id),
+      },
       include: {
         DETAIL_INFO: true,
       },
     })
-    return NextResponse.json(survey)
-  } catch (error) {
+    if (checkRole(survey, sessionParams)) {
+      return NextResponse.json(survey)
+    } else {
+      return NextResponse.json({ error: '該当物件の照会権限がありません。' }, { status: 403 })
+    }
+  } catch (error: any) {
     console.error('Error fetching survey:', error)
-    return NextResponse.json({ error: 'Failed to fetch survey' }, { status: 500 })
+    return NextResponse.json({ error: 'データの取得に失敗しました。' }, { status: 500 })
   }
 }
 
@@ -115,20 +191,18 @@ export async function PATCH(request: NextRequest, { params }: { params: Promise<
   try {
     const { id } = await params
     const body = await request.json()
-
-    if (body.targetId) {
-      // @ts-ignore
-      const survey = await prisma.SD_SURVEY_SALES_BASIC_INFO.update({
-        where: { ID: Number(id) },
-        data: {
-          SUBMISSION_STATUS: true,
-          SUBMISSION_DATE: new Date(),
-          SUBMISSION_TARGET_ID: body.targetId,
-          UPT_DT: new Date(),
-        },
-      })
-      return NextResponse.json({ message: 'Survey confirmed successfully', data: survey })
-    }
+    // @ts-ignore
+    const survey = await prisma.SD_SURVEY_SALES_BASIC_INFO.update({
+      where: { ID: Number(id) },
+      data: {
+        SUBMISSION_STATUS: true,
+        SUBMISSION_DATE: new Date(),
+        SUBMISSION_TARGET_ID: body.targetId,
+        SUBMISSION_TARGET_NM: body.targetNm,
+        UPT_DT: new Date(),
+      },
+    })
+    return NextResponse.json({ message: 'Survey confirmed successfully', data: survey })
   } catch (error) {
     console.error('Error updating survey:', error)
     return NextResponse.json({ error: 'Failed to update survey' }, { status: 500 })

src/app/api/survey-sales/route.ts

@@ -11,8 +11,8 @@ type SearchParams = {
   sort?: string | null // 정렬 방식
   offset?: string | null
   role?: string | null // 회원권한한
-  store?: string | null // 판매점ID
-  builderNo?: string | null // 시공ID
+  storeId?: string | null // 판매점ID
+  builderId?: string | null // 시공ID
 }
 
 type WhereCondition = {
@@ -25,8 +25,10 @@ type WhereCondition = {
 const SEARCH_OPTIONS = [
   'BUILDING_NAME', // 건물명
   'REPRESENTATIVE', // 담당자
-  'STORE', // 판매점
-  'CONSTRUCTION_POINT', // 시공점
+  'STORE', // 판매점명
+  'STORE_ID', // 판매점ID
+  'CONSTRUCTION_POINT', // 시공점명
+  'CONSTRUCTION_POINT_ID', // 시공점ID
   'CUSTOMER_NAME', // 고객명
   'POST_CODE', // 우편번호
   'ADDRESS', // 주소
@@ -75,11 +77,11 @@ const createMemberRoleCondition = (params: SearchParams): WhereCondition => {
       where.OR = [
         {
           // 같은 판매점에서 작성한 제출/제출되지 않은 매물
-          AND: [{ STORE_ID: { equals: params.store } }],
+          AND: [{ STORE_ID: { equals: params.storeId } }],
         },
         {
           // MUSUBI (시공권한 X) 가 ORDER 에 제출한 매물
-          AND: [{ SUBMISSION_TARGET_ID: { equals: params.store } }, { SUBMISSION_STATUS: { equals: true } }],
+          AND: [{ SUBMISSION_TARGET_ID: { equals: params.storeId } }, { SUBMISSION_STATUS: { equals: true } }],
         },
       ]
       break
@@ -88,19 +90,14 @@ const createMemberRoleCondition = (params: SearchParams): WhereCondition => {
       where.OR = [
         {
           // MUSUBI (시공권한 X) 같은 판매점에서 작성한 제출/제출되지 않은 매물
-          AND: [
-            { STORE_ID: { equals: params.store } },
-            {
-              OR: [{ CONSTRUCTION_POINT: { equals: null } }, { CONSTRUCTION_POINT: { equals: '' } }],
-            },
-          ],
+          AND: [{ STORE_ID: { equals: params.storeId } }, { CONSTRUCTION_POINT_ID: { equals: params.builderId } }],
         },
         {
           // MUSUBI (시공권한 O) 가 MUSUBI 에 제출한 매물 + PARTNER 가 제출한 매물
           AND: [
-            { SUBMISSION_TARGET_ID: { equals: params.store } },
-            { CONSTRUCTION_POINT: { not: null } },
-            { CONSTRUCTION_POINT: { not: '' } },
+            { SUBMISSION_TARGET_ID: { equals: params.storeId } },
+            { CONSTRUCTION_POINT_ID: { not: null } },
+            { CONSTRUCTION_POINT_ID: { not: '' } },
             { SUBMISSION_STATUS: { equals: true } },
           ],
         },
@@ -109,10 +106,9 @@ const createMemberRoleCondition = (params: SearchParams): WhereCondition => {
 
     case 'Builder': // MUSUBI (시공권한 O)
     case 'Partner': // PARTNER
-      // 시공점이 있고 STORE_ID가 시공ID와 같은 매물
+      // 시공ID 같은 매물
       where.AND?.push({
-        CONSTRUCTION_POINT: { not: null },
-        STORE_ID: { equals: params.builderNo },
+        CONSTRUCTION_POINT_ID: { equals: params.builderId },
       })
       break
 
@@ -127,7 +123,7 @@ const createMemberRoleCondition = (params: SearchParams): WhereCondition => {
         },
         {
           STORE_ID: {
-            equals: params.store,
+            equals: params.storeId,
           },
         },
       ]
@@ -150,12 +146,12 @@ export async function GET(request: Request) {
     const params: SearchParams = {
       keyword: searchParams.get('keyword'),
       searchOption: searchParams.get('searchOption'),
-      isMySurvey: searchParams.get('isMySurvey'), //representativeId
+      isMySurvey: searchParams.get('isMySurvey'),
       sort: searchParams.get('sort'),
       offset: searchParams.get('offset'),
       role: searchParams.get('role'),
-      store: searchParams.get('store'), //storeId
-      builderNo: searchParams.get('builderNo'),
+      storeId: searchParams.get('storeId'),
+      builderId: searchParams.get('builderId'),
     }
 
     // 검색 조건 구성
@@ -176,7 +172,6 @@ export async function GET(request: Request) {
     if (Object.keys(roleCondition).length > 0) {
       where.AND.push(roleCondition)
     }
-
     // 페이지네이션 데이터 조회
     //@ts-ignore
     const surveys = await prisma.SD_SURVEY_SALES_BASIC_INFO.findMany({

src/components/inquiry/Detail.tsx

@@ -38,7 +38,7 @@ export default function Detail() {
                 <tr>
                   <th>顧客名</th>
                   <td>
-                    {session?.userNm} {session?.builderNo ? `[${session?.builderNo}]` : ''}
+                    {session?.userNm} {session?.builderNm ? `[${session?.builderNm}]` : ''}
                   </td>
                 </tr>
                 <tr>

src/components/inquiry/list/ListForm.tsx

@@ -5,7 +5,7 @@ import { useState } from 'react'
 
 export default function ListForm() {
   const router = useRouter()
-  const { inquiryListRequest, setInquiryListRequest, reset } = useInquiryFilterStore()
+  const { inquiryListRequest, setInquiryListRequest, reset, setOffset } = useInquiryFilterStore()
   const [searchKeyword, setSearchKeyword] = useState(inquiryListRequest.schTitle ?? '')
 
   const handleSearch = () => {
@@ -40,6 +40,19 @@ export default function ListForm() {
               onChange={(e) => setSearchKeyword(e.target.value)}
               onKeyDown={handleKeyDown}
             />
+            {searchKeyword && (
+              <button
+                className="del-icon"
+                onClick={() => {
+                  setSearchKeyword('')
+                  setInquiryListRequest({
+                    ...inquiryListRequest,
+                    schTitle: '',
+                  })
+                  setOffset(1)
+                }}
+              ></button>
+            )}
             <button className="search-icon" onClick={handleSearch}></button>
           </div>
         </div>

src/components/inquiry/list/ListTable.tsx

@@ -86,7 +86,7 @@ export default function ListTable() {
         <div className="inquiry-table-filter">
           <div className="filter-check">
             <div className="check-form-box">
-              <input type="checkbox" id="ch01" onChange={handleMyInquiry} />
+              <input type="checkbox" id="ch01" onChange={handleMyInquiry} checked={inquiryListRequest.schRegId === session.userId} />
               <label htmlFor="ch01">私が書いたお問い合わせ</label>
             </div>
           </div>

src/components/pdf/SuitableDownloadPdf.tsx

@@ -1,12 +1,21 @@
 'use client'
 
-import { useRef } from 'react'
-import generatePDF, { Margin, Resolution } from 'react-to-pdf'
+import { useEffect, useRef, useState } from 'react'
+import generatePDF, { Margin, Options, Resolution, usePDF } from 'react-to-pdf'
+import { useSuitable } from '@/hooks/useSuitable'
+import { useSuitableStore } from '@/store/useSuitableStore'
+import { SUITABLE_HEAD_CODE, type Suitable, type SuitableDetail } from '@/types/Suitable'
 
 export default function SuitableDownloadPdf() {
+  const [fileName, setFileName] = useState<string[]>([])
+  const [createTime, setCreateTime] = useState('')
   const targetRef = useRef<HTMLDivElement>(null)
+  const { toCodeName, toSuitableDetail, selectedSuitables, isSelectedSuitablesLoading } = useSuitable()
+  const { selectedCategory, suitableCommCode, selectedItemsSearching, setSelectedItemsSearching } = useSuitableStore()
+
   const handleDownPdf = () => {
-    const options = {
+    const options: Options = {
+      filename: `${fileName.join('_')}.pdf`,
       method: 'open' as const,
       resolution: Resolution.HIGH,
       page: {
@@ -31,14 +40,41 @@ export default function SuitableDownloadPdf() {
     generatePDF(targetRef, options)
     // generatePDF(targetRef, { filename: 'page.pdf' })
   }
+
+  const formatDateString = () => {
+    const now = new Date()
+    const year = now.getFullYear()
+    const month = now.getMonth() + 1
+    const day = now.getDate()
+    const hours = now.getHours()
+    const minutes = now.getMinutes()
+
+    return `${year}年${month}月${day}日 ${hours}:${minutes.toString().padStart(2, '0')}`
+  }
+
+  useEffect(() => {
+    setCreateTime(formatDateString())
+    setFileName([
+      `(${suitableCommCode.get(SUITABLE_HEAD_CODE.ROOF_MATL_GRP_CD)?.find((category) => category.code === selectedCategory)?.codeJp})`,
+      '屋根材適合表',
+    ])
+    if (!selectedItemsSearching) {
+      setSelectedItemsSearching(true)
+    }
+  }, [])
+
+  if (!selectedCategory) return <div>잘못된 접근입니다.</div>
+  if (isSelectedSuitablesLoading) return <div>Loading...</div>
+
   return (
     <>
+      {/* <button onClick={() => handleDownPdf()}>PDFダウンロード</button> */}
       <div className="pdf-table-wrap" ref={targetRef}>
         <div className="pdf-intro-page">
           <div className="pdf-intro-tit-wrap">
             <div className="pdf-intro-tit mb20">ハンファジャパン株式会社</div>
-            <div className="pdf-intro-tit mb20">(瓦) 屋根材適合表</div>
-            <div className="pdf-intro-date">2025年4月30日 10:40</div>
+            <div className="pdf-intro-tit mb20">{fileName.join(' ')}</div>
+            <div className="pdf-intro-date">{createTime}</div>
           </div>
           <div className="pdf-intro-cont-wrap">
             <p>本適合表は参考資料としてご使用下さい。</p>
@@ -46,640 +82,49 @@ export default function SuitableDownloadPdf() {
             <p>又、現場環境（働き、勾配、瓦桟木条件等）により本適合表と異なる適合結果となる場合が御座います。予めご了承下さい。</p>
             <p>屋根材以外の設置条件（垂木、野地板等の設置基準）も必ずご確認下さい。</p>
           </div>
+          <div className="pdf-intro-foot-date">{createTime}</div>
         </div>
         <div className="pdf-table-content">
           <div className="pdf-table-grid-wrap">
-            <div className="pdf-table-card">
-              <div className="pdf-table-tit-wrap">
-                <span>屋根材製品名</span>
-                <span>メーカー名</span>
-                <span>屋根材の種類</span>
+            {selectedSuitables?.map((item: Suitable) => (
+              <div className="pdf-table-card" key={item.id}>
+                <div className="pdf-table-tit-wrap">
+                  <span>{item.productName}</span>
+                  <span>{toCodeName(SUITABLE_HEAD_CODE.MANU_FT_CD, item.manuFtCd)}</span>
+                  <span>{toCodeName(SUITABLE_HEAD_CODE.ROOF_MT_CD, item.roofMtCd)}</span>
+                </div>
+                <div className="pdf-roof-table">
+                  <table>
+                    <colgroup>
+                      <col width={'18%'} />
+                      <col width={'23%'} />
+                      <col width={'18%'} />
+                      <col />
+                    </colgroup>
+                    <thead>
+                      <tr>
+                        <th>金具タイプ</th>
+                        <th>金具名</th>
+                        <th>設置可否</th>
+                        <th>備考</th>
+                      </tr>
+                    </thead>
+                    <tbody>
+                      {toSuitableDetail(item.detail).map((subItem: SuitableDetail) => (
+                        <tr key={subItem.id}>
+                          <td>{toCodeName(SUITABLE_HEAD_CODE.ROOF_SH_CD, item.roofShCd)}</td>
+                          <td>{toCodeName(SUITABLE_HEAD_CODE.TRESTLE_MFPC_CD, subItem.trestleMfpcCd)}</td>
+                          <td>{subItem.trestleManufacturerProductName}</td>
+                          <td>{subItem.memo}</td>
+                        </tr>
+                      ))}
+                    </tbody>
+                  </table>
+                </div>
               </div>
-              <div className="pdf-roof-table">
-                <table>
-                  <colgroup>
-                    <col width={'18%'} />
-                    <col width={'23%'} />
-                    <col width={'18%'} />
-                    <col />
-                  </colgroup>
-                  <thead>
-                    <tr>
-                      <th>金具タイプ</th>
-                      <th>金具名</th>
-                      <th>設置可否</th>
-                      <th>備考</th>
-                    </tr>
-                  </thead>
-                  <tbody>
-                    <tr>
-                      <td>木ねじ打ち込み式</td>
-                      <td>屋根技研支持瓦</td>
-                      <td>Ｃ で設置可</td>
-                      <td>支持瓦はアンダーラップの先端を削って納める（Ｔｒｙ－Ｕ４０はこの瓦の前身）</td>
-                    </tr>
-                    <tr>
-                      <td>木ねじ打ち込み式</td>
-                      <td>屋根技研支持瓦</td>
-                      <td>Ｃ で設置可</td>
-                      <td>支持瓦はアンダーラップの先端を削って納める（Ｔｒｙ－Ｕ４０はこの瓦の前身）</td>
-                    </tr>
-                    <tr>
-                      <td>木ねじ打ち込み式</td>
-                      <td>屋根技研支持瓦</td>
-                      <td>Ｃ で設置可</td>
-                      <td>支持瓦はアンダーラップの先端を削って納める（Ｔｒｙ－Ｕ４０はこの瓦の前身）</td>
-                    </tr>
-                    <tr>
-                      <td>木ねじ打ち込み式</td>
-                      <td>屋根技研支持瓦</td>
-                      <td>Ｃ で設置可</td>
-                      <td>支持瓦はアンダーラップの先端を削って納める（Ｔｒｙ－Ｕ４０はこの瓦の前身）</td>
-                    </tr>
-                    <tr>
-                      <td>木ねじ打ち込み式</td>
-                      <td>屋根技研支持瓦</td>
-                      <td>Ｃ で設置可</td>
-                      <td>支持瓦はアンダーラップの先端を削って納める（Ｔｒｙ－Ｕ４０はこの瓦の前身）</td>
-                    </tr>
-                    <tr>
-                      <td>木ねじ打ち込み式</td>
-                      <td>屋根技研支持瓦</td>
-                      <td>Ｃ で設置可</td>
-                      <td>支持瓦はアンダーラップの先端を削って納める（Ｔｒｙ－Ｕ４０はこの瓦の前身）</td>
-                    </tr>
-                  </tbody>
-                </table>
-              </div>
-            </div>
-            <div className="pdf-table-card">
-              <div className="pdf-table-tit-wrap">
-                <span>屋根材製品名</span>
-                <span>メーカー名</span>
-                <span>屋根材の種類</span>
-              </div>
-              <div className="pdf-roof-table">
-                <table>
-                  <colgroup>
-                    <col width={'18%'} />
-                    <col width={'23%'} />
-                    <col width={'18%'} />
-                    <col />
-                  </colgroup>
-                  <thead>
-                    <tr>
-                      <th>金具タイプ</th>
-                      <th>金具名</th>
-                      <th>設置可否</th>
-                      <th>備考</th>
-                    </tr>
-                  </thead>
-                  <tbody>
-                    <tr>
-                      <td>木ねじ打ち込み式</td>
-                      <td>屋根技研支持瓦</td>
-                      <td>Ｃ で設置可</td>
-                      <td>支持瓦はアンダーラップの先端を削って納める（Ｔｒｙ－Ｕ４０はこの瓦の前身）</td>
-                    </tr>
-                    <tr>
-                      <td>木ねじ打ち込み式</td>
-                      <td>屋根技研支持瓦</td>
-                      <td>Ｃ で設置可</td>
-                      <td>支持瓦はアンダーラップの先端を削って納める（Ｔｒｙ－Ｕ４０はこの瓦の前身）</td>
-                    </tr>
-                    <tr>
-                      <td>木ねじ打ち込み式</td>
-                      <td>屋根技研支持瓦</td>
-                      <td>Ｃ で設置可</td>
-                      <td>支持瓦はアンダーラップの先端を削って納める（Ｔｒｙ－Ｕ４０はこの瓦の前身）</td>
-                    </tr>
-                    <tr>
-                      <td>木ねじ打ち込み式</td>
-                      <td>屋根技研支持瓦</td>
-                      <td>Ｃ で設置可</td>
-                      <td>支持瓦はアンダーラップの先端を削って納める（Ｔｒｙ－Ｕ４０はこの瓦の前身）</td>
-                    </tr>
-                    <tr>
-                      <td>木ねじ打ち込み式</td>
-                      <td>屋根技研支持瓦</td>
-                      <td>Ｃ で設置可</td>
-                      <td>支持瓦はアンダーラップの先端を削って納める（Ｔｒｙ－Ｕ４０はこの瓦の前身）</td>
-                    </tr>
-                    <tr>
-                      <td>木ねじ打ち込み式</td>
-                      <td>屋根技研支持瓦</td>
-                      <td>Ｃ で設置可</td>
-                      <td>支持瓦はアンダーラップの先端を削って納める（Ｔｒｙ－Ｕ４０はこの瓦の前身）</td>
-                    </tr>
-                  </tbody>
-                </table>
-              </div>
-            </div>
-            <div className="pdf-table-card">
-              <div className="pdf-table-tit-wrap">
-                <span>屋根材製品名</span>
-                <span>メーカー名</span>
-                <span>屋根材の種類</span>
-              </div>
-              <div className="pdf-roof-table">
-                <table>
-                  <colgroup>
-                    <col width={'18%'} />
-                    <col width={'23%'} />
-                    <col width={'18%'} />
-                    <col />
-                  </colgroup>
-                  <thead>
-                    <tr>
-                      <th>金具タイプ</th>
-                      <th>金具名</th>
-                      <th>設置可否</th>
-                      <th>備考</th>
-                    </tr>
-                  </thead>
-                  <tbody>
-                    <tr>
-                      <td>木ねじ打ち込み式</td>
-                      <td>屋根技研支持瓦</td>
-                      <td>Ｃ で設置可</td>
-                      <td>支持瓦はアンダーラップの先端を削って納める（Ｔｒｙ－Ｕ４０はこの瓦の前身）</td>
-                    </tr>
-                    <tr>
-                      <td>木ねじ打ち込み式</td>
-                      <td>屋根技研支持瓦</td>
-                      <td>Ｃ で設置可</td>
-                      <td>支持瓦はアンダーラップの先端を削って納める（Ｔｒｙ－Ｕ４０はこの瓦の前身）</td>
-                    </tr>
-                    <tr>
-                      <td>木ねじ打ち込み式</td>
-                      <td>屋根技研支持瓦</td>
-                      <td>Ｃ で設置可</td>
-                      <td>支持瓦はアンダーラップの先端を削って納める（Ｔｒｙ－Ｕ４０はこの瓦の前身）</td>
-                    </tr>
-                    <tr>
-                      <td>木ねじ打ち込み式</td>
-                      <td>屋根技研支持瓦</td>
-                      <td>Ｃ で設置可</td>
-                      <td>支持瓦はアンダーラップの先端を削って納める（Ｔｒｙ－Ｕ４０はこの瓦の前身）</td>
-                    </tr>
-                    <tr>
-                      <td>木ねじ打ち込み式</td>
-                      <td>屋根技研支持瓦</td>
-                      <td>Ｃ で設置可</td>
-                      <td>支持瓦はアンダーラップの先端を削って納める（Ｔｒｙ－Ｕ４０はこの瓦の前身）</td>
-                    </tr>
-                    <tr>
-                      <td>木ねじ打ち込み式</td>
-                      <td>屋根技研支持瓦</td>
-                      <td>Ｃ で設置可</td>
-                      <td>支持瓦はアンダーラップの先端を削って納める（Ｔｒｙ－Ｕ４０はこの瓦の前身）</td>
-                    </tr>
-                  </tbody>
-                </table>
-              </div>
-            </div>
-            <div className="pdf-table-card">
-              <div className="pdf-table-tit-wrap">
-                <span>屋根材製品名</span>
-                <span>メーカー名</span>
-                <span>屋根材の種類</span>
-              </div>
-              <div className="pdf-roof-table">
-                <table>
-                  <colgroup>
-                    <col width={'18%'} />
-                    <col width={'23%'} />
-                    <col width={'18%'} />
-                    <col />
-                  </colgroup>
-                  <thead>
-                    <tr>
-                      <th>金具タイプ</th>
-                      <th>金具名</th>
-                      <th>設置可否</th>
-                      <th>備考</th>
-                    </tr>
-                  </thead>
-                  <tbody>
-                    <tr>
-                      <td>木ねじ打ち込み式</td>
-                      <td>屋根技研支持瓦</td>
-                      <td>Ｃ で設置可</td>
-                      <td>支持瓦はアンダーラップの先端を削って納める（Ｔｒｙ－Ｕ４０はこの瓦の前身）</td>
-                    </tr>
-                    <tr>
-                      <td>木ねじ打ち込み式</td>
-                      <td>屋根技研支持瓦</td>
-                      <td>Ｃ で設置可</td>
-                      <td>支持瓦はアンダーラップの先端を削って納める（Ｔｒｙ－Ｕ４０はこの瓦の前身）</td>
-                    </tr>
-                    <tr>
-                      <td>木ねじ打ち込み式</td>
-                      <td>屋根技研支持瓦</td>
-                      <td>Ｃ で設置可</td>
-                      <td>支持瓦はアンダーラップの先端を削って納める（Ｔｒｙ－Ｕ４０はこの瓦の前身）</td>
-                    </tr>
-                    <tr>
-                      <td>木ねじ打ち込み式</td>
-                      <td>屋根技研支持瓦</td>
-                      <td>Ｃ で設置可</td>
-                      <td>支持瓦はアンダーラップの先端を削って納める（Ｔｒｙ－Ｕ４０はこの瓦の前身）</td>
-                    </tr>
-                    <tr>
-                      <td>木ねじ打ち込み式</td>
-                      <td>屋根技研支持瓦</td>
-                      <td>Ｃ で設置可</td>
-                      <td>支持瓦はアンダーラップの先端を削って納める（Ｔｒｙ－Ｕ４０はこの瓦の前身）</td>
-                    </tr>
-                    <tr>
-                      <td>木ねじ打ち込み式</td>
-                      <td>屋根技研支持瓦</td>
-                      <td>Ｃ で設置可</td>
-                      <td>支持瓦はアンダーラップの先端を削って納める（Ｔｒｙ－Ｕ４０はこの瓦の前身）</td>
-                    </tr>
-                  </tbody>
-                </table>
-              </div>
-            </div>
-            <div className="pdf-table-card">
-              <div className="pdf-table-tit-wrap">
-                <span>屋根材製品名</span>
-                <span>メーカー名</span>
-                <span>屋根材の種類</span>
-              </div>
-              <div className="pdf-roof-table">
-                <table>
-                  <colgroup>
-                    <col width={'18%'} />
-                    <col width={'23%'} />
-                    <col width={'18%'} />
-                    <col />
-                  </colgroup>
-                  <thead>
-                    <tr>
-                      <th>金具タイプ</th>
-                      <th>金具名</th>
-                      <th>設置可否</th>
-                      <th>備考</th>
-                    </tr>
-                  </thead>
-                  <tbody>
-                    <tr>
-                      <td>木ねじ打ち込み式</td>
-                      <td>屋根技研支持瓦</td>
-                      <td>Ｃ で設置可</td>
-                      <td>支持瓦はアンダーラップの先端を削って納める（Ｔｒｙ－Ｕ４０はこの瓦の前身）</td>
-                    </tr>
-                    <tr>
-                      <td>木ねじ打ち込み式</td>
-                      <td>屋根技研支持瓦</td>
-                      <td>Ｃ で設置可</td>
-                      <td>支持瓦はアンダーラップの先端を削って納める（Ｔｒｙ－Ｕ４０はこの瓦の前身）</td>
-                    </tr>
-                    <tr>
-                      <td>木ねじ打ち込み式</td>
-                      <td>屋根技研支持瓦</td>
-                      <td>Ｃ で設置可</td>
-                      <td>支持瓦はアンダーラップの先端を削って納める（Ｔｒｙ－Ｕ４０はこの瓦の前身）</td>
-                    </tr>
-                    <tr>
-                      <td>木ねじ打ち込み式</td>
-                      <td>屋根技研支持瓦</td>
-                      <td>Ｃ で設置可</td>
-                      <td>支持瓦はアンダーラップの先端を削って納める（Ｔｒｙ－Ｕ４０はこの瓦の前身）</td>
-                    </tr>
-                    <tr>
-                      <td>木ねじ打ち込み式</td>
-                      <td>屋根技研支持瓦</td>
-                      <td>Ｃ で設置可</td>
-                      <td>支持瓦はアンダーラップの先端を削って納める（Ｔｒｙ－Ｕ４０はこの瓦の前身）</td>
-                    </tr>
-                    <tr>
-                      <td>木ねじ打ち込み式</td>
-                      <td>屋根技研支持瓦</td>
-                      <td>Ｃ で設置可</td>
-                      <td>支持瓦はアンダーラップの先端を削って納める（Ｔｒｙ－Ｕ４０はこの瓦の前身）</td>
-                    </tr>
-                  </tbody>
-                </table>
-              </div>
-            </div>
-            <div className="pdf-table-card">
-              <div className="pdf-table-tit-wrap">
-                <span>屋根材製品名</span>
-                <span>メーカー名</span>
-                <span>屋根材の種類</span>
-              </div>
-              <div className="pdf-roof-table">
-                <table>
-                  <colgroup>
-                    <col width={'18%'} />
-                    <col width={'23%'} />
-                    <col width={'18%'} />
-                    <col />
-                  </colgroup>
-                  <thead>
-                    <tr>
-                      <th>金具タイプ</th>
-                      <th>金具名</th>
-                      <th>設置可否</th>
-                      <th>備考</th>
-                    </tr>
-                  </thead>
-                  <tbody>
-                    <tr>
-                      <td>木ねじ打ち込み式</td>
-                      <td>屋根技研支持瓦</td>
-                      <td>Ｃ で設置可</td>
-                      <td>支持瓦はアンダーラップの先端を削って納める（Ｔｒｙ－Ｕ４０はこの瓦の前身）</td>
-                    </tr>
-                    <tr>
-                      <td>木ねじ打ち込み式</td>
-                      <td>屋根技研支持瓦</td>
-                      <td>Ｃ で設置可</td>
-                      <td>支持瓦はアンダーラップの先端を削って納める（Ｔｒｙ－Ｕ４０はこの瓦の前身）</td>
-                    </tr>
-                    <tr>
-                      <td>木ねじ打ち込み式</td>
-                      <td>屋根技研支持瓦</td>
-                      <td>Ｃ で設置可</td>
-                      <td>支持瓦はアンダーラップの先端を削って納める（Ｔｒｙ－Ｕ４０はこの瓦の前身）</td>
-                    </tr>
-                    <tr>
-                      <td>木ねじ打ち込み式</td>
-                      <td>屋根技研支持瓦</td>
-                      <td>Ｃ で設置可</td>
-                      <td>支持瓦はアンダーラップの先端を削って納める（Ｔｒｙ－Ｕ４０はこの瓦の前身）</td>
-                    </tr>
-                    <tr>
-                      <td>木ねじ打ち込み式</td>
-                      <td>屋根技研支持瓦</td>
-                      <td>Ｃ で設置可</td>
-                      <td>支持瓦はアンダーラップの先端を削って納める（Ｔｒｙ－Ｕ４０はこの瓦の前身）</td>
-                    </tr>
-                    <tr>
-                      <td>木ねじ打ち込み式</td>
-                      <td>屋根技研支持瓦</td>
-                      <td>Ｃ で設置可</td>
-                      <td>支持瓦はアンダーラップの先端を削って納める（Ｔｒｙ－Ｕ４０はこの瓦の前身）</td>
-                    </tr>
-                  </tbody>
-                </table>
-              </div>
-            </div>
-            <div className="pdf-table-card">
-              <div className="pdf-table-tit-wrap">
-                <span>屋根材製品名</span>
-                <span>メーカー名</span>
-                <span>屋根材の種類</span>
-              </div>
-              <div className="pdf-roof-table">
-                <table>
-                  <colgroup>
-                    <col width={'18%'} />
-                    <col width={'23%'} />
-                    <col width={'18%'} />
-                    <col />
-                  </colgroup>
-                  <thead>
-                    <tr>
-                      <th>金具タイプ</th>
-                      <th>金具名</th>
-                      <th>設置可否</th>
-                      <th>備考</th>
-                    </tr>
-                  </thead>
-                  <tbody>
-                    <tr>
-                      <td>木ねじ打ち込み式</td>
-                      <td>屋根技研支持瓦</td>
-                      <td>Ｃ で設置可</td>
-                      <td>支持瓦はアンダーラップの先端を削って納める（Ｔｒｙ－Ｕ４０はこの瓦の前身）</td>
-                    </tr>
-                    <tr>
-                      <td>木ねじ打ち込み式</td>
-                      <td>屋根技研支持瓦</td>
-                      <td>Ｃ で設置可</td>
-                      <td>支持瓦はアンダーラップの先端を削って納める（Ｔｒｙ－Ｕ４０はこの瓦の前身）</td>
-                    </tr>
-                    <tr>
-                      <td>木ねじ打ち込み式</td>
-                      <td>屋根技研支持瓦</td>
-                      <td>Ｃ で設置可</td>
-                      <td>支持瓦はアンダーラップの先端を削って納める（Ｔｒｙ－Ｕ４０はこの瓦の前身）</td>
-                    </tr>
-                    <tr>
-                      <td>木ねじ打ち込み式</td>
-                      <td>屋根技研支持瓦</td>
-                      <td>Ｃ で設置可</td>
-                      <td>支持瓦はアンダーラップの先端を削って納める（Ｔｒｙ－Ｕ４０はこの瓦の前身）</td>
-                    </tr>
-                    <tr>
-                      <td>木ねじ打ち込み式</td>
-                      <td>屋根技研支持瓦</td>
-                      <td>Ｃ で設置可</td>
-                      <td>支持瓦はアンダーラップの先端を削って納める（Ｔｒｙ－Ｕ４０はこの瓦の前身）</td>
-                    </tr>
-                    <tr>
-                      <td>木ねじ打ち込み式</td>
-                      <td>屋根技研支持瓦</td>
-                      <td>Ｃ で設置可</td>
-                      <td>支持瓦はアンダーラップの先端を削って納める（Ｔｒｙ－Ｕ４０はこの瓦の前身）</td>
-                    </tr>
-                  </tbody>
-                </table>
-              </div>
-            </div>
-            <div className="pdf-table-card">
-              <div className="pdf-table-tit-wrap">
-                <span>屋根材製品名</span>
-                <span>メーカー名</span>
-                <span>屋根材の種類</span>
-              </div>
-              <div className="pdf-roof-table">
-                <table>
-                  <colgroup>
-                    <col width={'18%'} />
-                    <col width={'23%'} />
-                    <col width={'18%'} />
-                    <col />
-                  </colgroup>
-                  <thead>
-                    <tr>
-                      <th>金具タイプ</th>
-                      <th>金具名</th>
-                      <th>設置可否</th>
-                      <th>備考</th>
-                    </tr>
-                  </thead>
-                  <tbody>
-                    <tr>
-                      <td>木ねじ打ち込み式</td>
-                      <td>屋根技研支持瓦</td>
-                      <td>Ｃ で設置可</td>
-                      <td>支持瓦はアンダーラップの先端を削って納める（Ｔｒｙ－Ｕ４０はこの瓦の前身）</td>
-                    </tr>
-                    <tr>
-                      <td>木ねじ打ち込み式</td>
-                      <td>屋根技研支持瓦</td>
-                      <td>Ｃ で設置可</td>
-                      <td>支持瓦はアンダーラップの先端を削って納める（Ｔｒｙ－Ｕ４０はこの瓦の前身）</td>
-                    </tr>
-                    <tr>
-                      <td>木ねじ打ち込み式</td>
-                      <td>屋根技研支持瓦</td>
-                      <td>Ｃ で設置可</td>
-                      <td>支持瓦はアンダーラップの先端を削って納める（Ｔｒｙ－Ｕ４０はこの瓦の前身）</td>
-                    </tr>
-                    <tr>
-                      <td>木ねじ打ち込み式</td>
-                      <td>屋根技研支持瓦</td>
-                      <td>Ｃ で設置可</td>
-                      <td>支持瓦はアンダーラップの先端を削って納める（Ｔｒｙ－Ｕ４０はこの瓦の前身）</td>
-                    </tr>
-                    <tr>
-                      <td>木ねじ打ち込み式</td>
-                      <td>屋根技研支持瓦</td>
-                      <td>Ｃ で設置可</td>
-                      <td>支持瓦はアンダーラップの先端を削って納める（Ｔｒｙ－Ｕ４０はこの瓦の前身）</td>
-                    </tr>
-                    <tr>
-                      <td>木ねじ打ち込み式</td>
-                      <td>屋根技研支持瓦</td>
-                      <td>Ｃ で設置可</td>
-                      <td>支持瓦はアンダーラップの先端を削って納める（Ｔｒｙ－Ｕ４０はこの瓦の前身）</td>
-                    </tr>
-                  </tbody>
-                </table>
-              </div>
-            </div>
-            <div className="pdf-table-card">
-              <div className="pdf-table-tit-wrap">
-                <span>屋根材製品名</span>
-                <span>メーカー名</span>
-                <span>屋根材の種類</span>
-              </div>
-              <div className="pdf-roof-table">
-                <table>
-                  <colgroup>
-                    <col width={'18%'} />
-                    <col width={'23%'} />
-                    <col width={'18%'} />
-                    <col />
-                  </colgroup>
-                  <thead>
-                    <tr>
-                      <th>金具タイプ</th>
-                      <th>金具名</th>
-                      <th>設置可否</th>
-                      <th>備考</th>
-                    </tr>
-                  </thead>
-                  <tbody>
-                    <tr>
-                      <td>木ねじ打ち込み式</td>
-                      <td>屋根技研支持瓦</td>
-                      <td>Ｃ で設置可</td>
-                      <td>支持瓦はアンダーラップの先端を削って納める（Ｔｒｙ－Ｕ４０はこの瓦の前身）</td>
-                    </tr>
-                    <tr>
-                      <td>木ねじ打ち込み式</td>
-                      <td>屋根技研支持瓦</td>
-                      <td>Ｃ で設置可</td>
-                      <td>支持瓦はアンダーラップの先端を削って納める（Ｔｒｙ－Ｕ４０はこの瓦の前身）</td>
-                    </tr>
-                    <tr>
-                      <td>木ねじ打ち込み式</td>
-                      <td>屋根技研支持瓦</td>
-                      <td>Ｃ で設置可</td>
-                      <td>支持瓦はアンダーラップの先端を削って納める（Ｔｒｙ－Ｕ４０はこの瓦の前身）</td>
-                    </tr>
-                    <tr>
-                      <td>木ねじ打ち込み式</td>
-                      <td>屋根技研支持瓦</td>
-                      <td>Ｃ で設置可</td>
-                      <td>支持瓦はアンダーラップの先端を削って納める（Ｔｒｙ－Ｕ４０はこの瓦の前身）</td>
-                    </tr>
-                    <tr>
-                      <td>木ねじ打ち込み式</td>
-                      <td>屋根技研支持瓦</td>
-                      <td>Ｃ で設置可</td>
-                      <td>支持瓦はアンダーラップの先端を削って納める（Ｔｒｙ－Ｕ４０はこの瓦の前身）</td>
-                    </tr>
-                    <tr>
-                      <td>木ねじ打ち込み式</td>
-                      <td>屋根技研支持瓦</td>
-                      <td>Ｃ で設置可</td>
-                      <td>支持瓦はアンダーラップの先端を削って納める（Ｔｒｙ－Ｕ４０はこの瓦の前身）</td>
-                    </tr>
-                  </tbody>
-                </table>
-              </div>
-            </div>
-            <div className="pdf-table-card">
-              <div className="pdf-table-tit-wrap">
-                <span>屋根材製品名</span>
-                <span>メーカー名</span>
-                <span>屋根材の種類</span>
-              </div>
-              <div className="pdf-roof-table">
-                <table>
-                  <colgroup>
-                    <col width={'18%'} />
-                    <col width={'23%'} />
-                    <col width={'18%'} />
-                    <col />
-                  </colgroup>
-                  <thead>
-                    <tr>
-                      <th>金具タイプ</th>
-                      <th>金具名</th>
-                      <th>設置可否</th>
-                      <th>備考</th>
-                    </tr>
-                  </thead>
-                  <tbody>
-                    <tr>
-                      <td>木ねじ打ち込み式</td>
-                      <td>屋根技研支持瓦</td>
-                      <td>Ｃ で設置可</td>
-                      <td>支持瓦はアンダーラップの先端を削って納める（Ｔｒｙ－Ｕ４０はこの瓦の前身）</td>
-                    </tr>
-                    <tr>
-                      <td>木ねじ打ち込み式</td>
-                      <td>屋根技研支持瓦</td>
-                      <td>Ｃ で設置可</td>
-                      <td>支持瓦はアンダーラップの先端を削って納める（Ｔｒｙ－Ｕ４０はこの瓦の前身）</td>
-                    </tr>
-                    <tr>
-                      <td>木ねじ打ち込み式</td>
-                      <td>屋根技研支持瓦</td>
-                      <td>Ｃ で設置可</td>
-                      <td>支持瓦はアンダーラップの先端を削って納める（Ｔｒｙ－Ｕ４０はこの瓦の前身）</td>
-                    </tr>
-                    <tr>
-                      <td>木ねじ打ち込み式</td>
-                      <td>屋根技研支持瓦</td>
-                      <td>Ｃ で設置可</td>
-                      <td>支持瓦はアンダーラップの先端を削って納める（Ｔｒｙ－Ｕ４０はこの瓦の前身）</td>
-                    </tr>
-                    <tr>
-                      <td>木ねじ打ち込み式</td>
-                      <td>屋根技研支持瓦</td>
-                      <td>Ｃ で設置可</td>
-                      <td>支持瓦はアンダーラップの先端を削って納める（Ｔｒｙ－Ｕ４０はこの瓦の前身）</td>
-                    </tr>
-                    <tr>
-                      <td>木ねじ打ち込み式</td>
-                      <td>屋根技研支持瓦</td>
-                      <td>Ｃ で設置可</td>
-                      <td>支持瓦はアンダーラップの先端を削って納める（Ｔｒｙ－Ｕ４０はこの瓦の前身）</td>
-                    </tr>
-                  </tbody>
-                </table>
-              </div>
-            </div>
+            ))}
           </div>
+          <div className="pdf-intro-foot-date">{createTime}</div>
         </div>
       </div>
     </>

src/components/pdf/SuitablePdf.tsx

@@ -0,0 +1,133 @@
+import fs from 'fs'
+import path from 'path'
+import { Font, Page, Text, View, StyleSheet } from '@react-pdf/renderer'
+import type { Suitable, SuitableDetail } from '@/types/Suitable'
+
+Font.register({
+  family: 'NotoSansJP',
+  src: `data:font/ttf;base64,${fs.readFileSync(path.resolve(process.cwd(), 'src/components/pdf/NotoSansJP-Regular.ttf')).toString('base64')}`,
+})
+
+const styles = StyleSheet.create({
+  page: {
+    padding: 30,
+    fontSize: 10,
+    fontFamily: 'NotoSansJP',
+  },
+  text: {
+    fontFamily: 'NotoSansJP',
+  },
+  table: {
+    display: 'flex',
+    width: 'auto',
+    borderStyle: 'solid',
+    borderWidth: 1,
+    borderColor: '#000',
+  },
+  tableRow: {
+    flexDirection: 'row',
+  },
+  tableColHeader: {
+    width: '25%',
+    borderStyle: 'solid',
+    borderWidth: 1,
+    backgroundColor: '#f0f0f0',
+    padding: 2,
+  },
+  tableCol: {
+    width: '25%',
+    borderStyle: 'solid',
+    borderWidth: 1,
+    padding: 2,
+  },
+  footer: {
+    position: 'absolute',
+    bottom: 30,
+    left: 30,
+    right: 30,
+  },
+  footerDate: {
+    fontSize: 10,
+    textAlign: 'right',
+  },
+})
+
+const formatDateString = () => {
+  const now = new Date()
+  const year = now.getFullYear()
+  const month = now.getMonth() + 1
+  const day = now.getDate()
+  const hours = now.getHours()
+  const minutes = now.getMinutes()
+
+  return `${year}年${month}月${day}日 ${hours}:${minutes.toString().padStart(2, '0')}`
+}
+
+export default function SuitablePdf({ data, fileTitle, firstPage }: { data: Suitable[]; fileTitle: string; firstPage: boolean }) {
+  const createTime = formatDateString()
+
+  return (
+    <Page size="A4" orientation="landscape" style={styles.page}>
+      {/* Intro Section */}
+      {firstPage && (
+        <View>
+          <View>
+            <Text style={styles.text}>ハンファジャパン株式会社</Text>
+            <Text style={styles.text}>{fileTitle}</Text>
+            <Text style={styles.text}>{createTime}</Text>
+          </View>
+          <View>
+            <Text style={styles.text}>本適合表は参考資料としてご使用下さい。</Text>
+            <Text style={styles.text}>屋根材製品の形状・仕様はメーカーより変更される場合が御座います。</Text>
+            <Text style={styles.text}>
+              又、現場環境（働き、勾配、瓦桟木条件等）により本適合表と異なる適合結果となる場合が御座います。予めご了承下さい。
+            </Text>
+            <Text style={styles.text}>屋根材以外の設置条件（垂木、野地板等の設置基準）も必ずご確認下さい。</Text>
+          </View>
+        </View>
+      )}
+
+      <View>
+        {/* Cards Section */}
+        {data?.map((item: Suitable) => (
+          <View key={item.id}>
+            {/* Table Title */}
+            <View>
+              <Text style={styles.text}>{item.productName}</Text>
+              <Text style={styles.text}>{item.manuFtCd}</Text>
+              <Text style={styles.text}>{item.roofMtCd}</Text>
+            </View>
+
+            {/* Table */}
+            <View style={styles.table}>
+              {/* Table Header */}
+              <View style={styles.tableRow}>
+                <Text style={[styles.tableColHeader, styles.text]}>金具タイプ</Text>
+                <Text style={[styles.tableColHeader, styles.text]}>金具名</Text>
+                <Text style={[styles.tableColHeader, styles.text]}>設置可否</Text>
+                <Text style={[styles.tableColHeader, styles.text]}>備考</Text>
+              </View>
+
+              {/* Table Body */}
+              <View>
+                {JSON.parse(item.detail)?.map((subItem: SuitableDetail) => (
+                  <View key={subItem.id} style={styles.tableRow}>
+                    <Text style={[styles.tableCol, styles.text]}>{item.roofShCd}</Text>
+                    <Text style={[styles.tableCol, styles.text]}>{subItem.trestleMfpcCd}</Text>
+                    <Text style={[styles.tableCol, styles.text]}>{subItem.trestleManufacturerProductName}</Text>
+                    <Text style={[styles.tableCol, styles.text]}>{subItem.memo}</Text>
+                  </View>
+                ))}
+              </View>
+            </View>
+          </View>
+        ))}
+      </View>
+
+      {/* Footer */}
+      <View style={styles.footer} fixed>
+        <Text style={[styles.footerDate, styles.text]}>{createTime}</Text>
+      </View>
+    </Page>
+  )
+}

src/components/pdf/SurveySaleDownloadPdf.tsx

@@ -19,13 +19,13 @@ export default function SurveySaleDownloadPdf() {
   const isGeneratedRef = useRef(false)
 
   useEffect(() => {
-    setIsShow(true)
     if (isLoadingSurveyDetail || !surveyDetail || isGeneratedRef.current) return
     isGeneratedRef.current = true
     handleDownPdf()
   }, [surveyDetail?.id, isLoadingSurveyDetail])
 
   const handleDownPdf = () => {
+    setIsShow(true)
     const options = {
       method: 'open' as const,
       resolution: Resolution.HIGH,
@@ -50,12 +50,10 @@ export default function SurveySaleDownloadPdf() {
 
     generatePDF(targetRef, options).then(() => {
       setIsShow(false)
-      router.push(`/survey-sale/${id}`)
+      router.replace(`/survey-sale/${id}`)
+      alert('PDFの生成が完了しました。 ポップアップウィンドウからダウンロードしてください。')
     })
   }
-  const supplementList = supplementaryFacilities
-    .filter((facility) => surveyDetail?.detailInfo?.supplementaryFacilities?.includes(facility.id.toString()))
-    .map((facility) => facility.name)
 
   return (
     <>
@@ -249,11 +247,15 @@ export default function SurveySaleDownloadPdf() {
                       boxSizing: 'border-box',
                     }}
                   >
-                    {supplementList === null && surveyDetail?.detailInfo?.supplementaryFacilitiesEtc === null
-                      ? '-'
+                    {surveyDetail?.detailInfo?.supplementaryFacilities
+                      ? supplementaryFacilities
+                          .filter((facility) => surveyDetail?.detailInfo?.supplementaryFacilities?.includes(facility.id.toString()))
+                          .map((facility) => facility.name)
+                          .join(', ') +
+                        (surveyDetail?.detailInfo?.supplementaryFacilitiesEtc ? `, ${surveyDetail?.detailInfo?.supplementaryFacilitiesEtc}` : '')
                       : surveyDetail?.detailInfo?.supplementaryFacilitiesEtc
-                      ? `${supplementList.join(', ')}, ${surveyDetail?.detailInfo?.supplementaryFacilitiesEtc}`
-                      : supplementList.join(', ')}
+                      ? `${surveyDetail?.detailInfo?.supplementaryFacilitiesEtc}`
+                      : '-'}
                   </td>
                 </tr>
                 <tr>
@@ -330,7 +332,11 @@ export default function SurveySaleDownloadPdf() {
                       boxSizing: 'border-box',
                     }}
                   >
-                    {surveyDetail?.detailInfo?.constructionYear === '1' ? '新築' : `既築 (${surveyDetail?.detailInfo?.constructionYear}年)`}
+                    {surveyDetail?.detailInfo?.constructionYear === '1'
+                      ? '新築'
+                      : surveyDetail?.detailInfo?.constructionYearEtc
+                      ? `既築 (${surveyDetail?.detailInfo?.constructionYear}年)`
+                      : '-'}
                   </td>
                   <th
                     style={{

src/components/popup/SuitableDetailPopup.tsx

@@ -2,17 +2,18 @@
 
 import Image from 'next/image'
 import { useCallback, useEffect, useState } from 'react'
-import { usePopupController } from '@/store/popupController'
 import SuitableDetailPopupButton from './SuitableDetailPopupButton'
 import { useSuitable } from '@/hooks/useSuitable'
+import { usePopupController } from '@/store/popupController'
+import { useSuitableStore } from '@/store/useSuitableStore'
 import { SUITABLE_HEAD_CODE, type Suitable, type SuitableDetail } from '@/types/Suitable'
 
 export default function SuitableDetailPopup() {
   const popupController = usePopupController()
-  const { getSelectedItemsData, toCodeName, toSuitableDetail, suitableCheckIcon, suitableCheckMemo } = useSuitable()
+  const { toCodeName, toSuitableDetail, suitableCheckIcon, suitableCheckMemo, selectedSuitables, isSelectedSuitablesLoading } = useSuitable()
+  const { setSelectedItemsSearching } = useSuitableStore()
 
   const [openItems, setOpenItems] = useState<Set<number>>(new Set())
-  const [suitableDetails, setSuitableDetails] = useState<Suitable[]>([])
 
   // 아이템 열기/닫기
   const toggleItemOpen = useCallback((itemId: number) => {
@@ -24,8 +25,7 @@ export default function SuitableDetailPopup() {
   }, [])
 
   useEffect(() => {
-    // TODO: 로딩 처리 필요
-    getSelectedItemsData().then((data) => setSuitableDetails(data))
+    setSelectedItemsSearching(true)
   }, [])
 
   return (
@@ -45,56 +45,60 @@ export default function SuitableDetailPopup() {
           </div>
           <div className="modal-body">
             <div className="compliance-check-pop-wrap">
-              {suitableDetails.map((item: Suitable) => (
-                <div className={`compliance-check-bx ${openItems.has(item.id) ? 'act' : ''}`} key={item.id}>
-                  <div className="check-name-wrap">
-                    <div className="check-name">{item.productName}</div>
-                    <div className="check-name-btn">
-                      <button className="bx-btn" onClick={() => toggleItemOpen(item.id)}></button>
+              {isSelectedSuitablesLoading ? (
+                <div>Loading...</div>
+              ) : (
+                selectedSuitables?.map((item: Suitable) => (
+                  <div className={`compliance-check-bx ${openItems.has(item.id) ? 'act' : ''}`} key={item.id}>
+                    <div className="check-name-wrap">
+                      <div className="check-name">{item.productName}</div>
+                      <div className="check-name-btn">
+                        <button className="bx-btn" onClick={() => toggleItemOpen(item.id)}></button>
+                      </div>
                     </div>
-                  </div>
-                  <div className="compliance-check-pop-contents">
-                    <div className="check-pop-data-wrap">
-                      <div className="check-pop-data-tit">屋根技研 支持瓦</div>
-                      <div className="check-pop-data-txt">{toCodeName(SUITABLE_HEAD_CODE.MANU_FT_CD, item.manuFtCd)}</div>
-                    </div>
-                    <div className="check-pop-data-wrap">
-                      <div className="check-pop-data-tit">屋根材</div>
-                      <div className="check-pop-data-txt">{toCodeName(SUITABLE_HEAD_CODE.ROOF_MT_CD, item.roofMtCd)}</div>
-                    </div>
-                    <div className="check-pop-data-wrap">
-                      <div className="check-pop-data-tit">金具タイプ</div>
-                      <div className="check-pop-data-txt">{toCodeName(SUITABLE_HEAD_CODE.ROOF_SH_CD, item.roofShCd)}</div>
-                    </div>
-                    <div className="check-pop-data-table-wrap">
-                      {toSuitableDetail(item.detail).map((subItem: SuitableDetail) => (
-                        <div className="check-pop-data-table" key={subItem.id}>
-                          <div className="pop-data-table-head">
-                            <div className="pop-data-table-head-name">{toCodeName(SUITABLE_HEAD_CODE.TRESTLE_MFPC_CD, subItem.trestleMfpcCd)}</div>
-                            <div className="pop-data-table-head-icon">
-                              <div className="compliance-icon">
-                                <Image src={suitableCheckIcon(subItem.trestleManufacturerProductName)} width={22} height={22} alt="" />
-                              </div>
-                              {subItem.memo && (
+                    <div className="compliance-check-pop-contents">
+                      <div className="check-pop-data-wrap">
+                        <div className="check-pop-data-tit">屋根技研 支持瓦</div>
+                        <div className="check-pop-data-txt">{toCodeName(SUITABLE_HEAD_CODE.MANU_FT_CD, item.manuFtCd)}</div>
+                      </div>
+                      <div className="check-pop-data-wrap">
+                        <div className="check-pop-data-tit">屋根材</div>
+                        <div className="check-pop-data-txt">{toCodeName(SUITABLE_HEAD_CODE.ROOF_MT_CD, item.roofMtCd)}</div>
+                      </div>
+                      <div className="check-pop-data-wrap">
+                        <div className="check-pop-data-tit">金具タイプ</div>
+                        <div className="check-pop-data-txt">{toCodeName(SUITABLE_HEAD_CODE.ROOF_SH_CD, item.roofShCd)}</div>
+                      </div>
+                      <div className="check-pop-data-table-wrap">
+                        {toSuitableDetail(item.detail).map((subItem: SuitableDetail) => (
+                          <div className="check-pop-data-table" key={subItem.id}>
+                            <div className="pop-data-table-head">
+                              <div className="pop-data-table-head-name">{toCodeName(SUITABLE_HEAD_CODE.TRESTLE_MFPC_CD, subItem.trestleMfpcCd)}</div>
+                              <div className="pop-data-table-head-icon">
                                 <div className="compliance-icon">
-                                  <Image src={'/assets/images/sub/compliance_tip_icon.svg'} width={22} height={22} alt=""></Image>
+                                  <Image src={suitableCheckIcon(subItem.trestleManufacturerProductName)} width={22} height={22} alt="" />
                                 </div>
-                              )}
+                                {subItem.memo && (
+                                  <div className="compliance-icon">
+                                    <Image src={'/assets/images/sub/compliance_tip_icon.svg'} width={22} height={22} alt=""></Image>
+                                  </div>
+                                )}
+                              </div>
                             </div>
+                            <div className="pop-data-table-body">{suitableCheckMemo(subItem.trestleManufacturerProductName)}</div>
+                            {subItem.memo && (
+                              <div className="pop-data-table-footer">
+                                <div className="pop-data-table-footer-unit">備考</div>
+                                <div className="pop-data-table-footer-data">{subItem.memo}</div>
+                              </div>
+                            )}
                           </div>
-                          <div className="pop-data-table-body">{suitableCheckMemo(subItem.trestleManufacturerProductName)}</div>
-                          {subItem.memo && (
-                            <div className="pop-data-table-footer">
-                              <div className="pop-data-table-footer-unit">備考</div>
-                              <div className="pop-data-table-footer-data">{subItem.memo}</div>
-                            </div>
-                          )}
-                        </div>
-                      ))}
+                        ))}
+                      </div>
                     </div>
                   </div>
-                </div>
-              ))}
+                ))
+              )}
             </div>
             <SuitableDetailPopupButton />
           </div>

src/components/popup/SuitableDetailPopupButton.tsx

@@ -2,31 +2,36 @@
 
 import { useRouter } from 'next/navigation'
 import { usePopupController } from '@/store/popupController'
+import { useSuitable } from '@/hooks/useSuitable'
 
 export default function SuitableDetailPopupButton() {
-  const popupController = usePopupController()
   const router = useRouter()
+  const popupController = usePopupController()
+  const { downloadSuitablePdf } = useSuitable()
+
+  const handleClosePopup = () => {
+    popupController.setSuitableDetailPopup(false)
+  }
+
+  const handleRedirectPage = (path: string) => {
+    handleClosePopup()
+    router.push(path)
+  }
 
   return (
     <div className="btn-flex-wrap com">
       <div className="btn-bx">
-        <button className="btn-frame n-blue icon" onClick={() => popupController.setSuitableDetailPopup(false)}>
+        <button className="btn-frame n-blue icon" onClick={handleClosePopup}>
           閉じる<i className="btn-arr"></i>
         </button>
       </div>
       <div className="btn-bx">
-        <button className="btn-frame red icon">
+        <button className="btn-frame red icon" onClick={downloadSuitablePdf}>
           ウンロード<i className="btn-arr"></i>
         </button>
       </div>
       <div className="btn-bx">
-        <button
-          className="btn-frame n-blue icon"
-          onClick={async () => {
-            await popupController.setSuitableDetailPopup(false)
-            router.push('/inquiry/regist')
-          }}
-        >
+        <button className="btn-frame n-blue icon" onClick={() => handleRedirectPage('/inquiry/regist')}>
           1：1お問い合わせ<i className="btn-arr"></i>
         </button>
       </div>

src/components/popup/SurveySaleSubmitPopup.tsx

@@ -2,7 +2,7 @@ import Image from 'next/image'
 import { usePopupController } from '@/store/popupController'
 import { useParams } from 'next/navigation'
 import { useSurvey } from '@/hooks/useSurvey'
-import { useEffect, useState } from 'react'
+import { useEffect, useRef, useState } from 'react'
 import { useSessionStore } from '@/store/session'
 import { useCommCode } from '@/hooks/useCommCode'
 import { CommCode } from '@/types/CommCode'
@@ -11,12 +11,13 @@ import { useSpinnerStore } from '@/store/spinnerStore'
 
 interface SubmitFormData {
   saleBase: string | null
-  store: string
+  targetId: string | null
+  targetNm: string | null
   sender: string
   receiver: string[] | string
   reference: string | null
   title: string
-  contents: string
+  contents: string | null
 }
 
 interface FormField {
@@ -32,38 +33,47 @@ export default function SurveySaleSubmitPopup() {
   const routeId = params.id
 
   const { setIsShow } = useSpinnerStore()
-  const [commCodeList, setCommCodeList] = useState<CommCode[]>([])
-
   const { getCommCode } = useCommCode()
+  const { surveyDetail } = useSurvey(Number(routeId))
 
+  const [submitData, setSubmitData] = useState<SubmitFormData>({
+    saleBase: null,
+    targetId: null,
+    targetNm: null,
+    sender: '',
+    receiver: [],
+    reference: null,
+    title: '',
+    contents: '',
+  })
+
+  const [commCodeList, setCommCodeList] = useState<CommCode[]>([])
   useEffect(() => {
-    if (session?.isLoggedIn && session?.role === 'Admin') {
+    if (!session?.isLoggedIn || !surveyDetail?.id) return
+    if (session?.role === 'Admin') {
       getCommCode('SALES_OFFICE_CD').then((codes) => {
         setCommCodeList(codes)
       })
     }
-  }, [session])
+    setSubmitData({
+      ...submitData,
+      targetId: session?.role === 'Builder' ? surveyDetail?.storeId ?? null : null,
+      targetNm: session?.role === 'Builder' ? surveyDetail?.store ?? null : null,
+      sender: session?.email ?? '',
+      title: '[HANASYS現地調査] 調査物件が提出. (' + surveyDetail?.srlNo + ')',
+    })
+  }, [session, surveyDetail])
 
   const FORM_FIELDS: FormField[] = [
-    { id: 'saleBase', name: '提出地点選択', required: session?.role === 'Admin' },
-    { id: 'store', name: '提出販売店', required: true },
     { id: 'sender', name: '発送者', required: true },
+    { id: 'saleBase', name: '提出地点選択', required: session?.role === 'Admin' },
+    { id: 'targetNm', name: '提出販売店', required: session?.role !== 'Admin' },
     { id: 'receiver', name: '受信者', required: true },
     { id: 'reference', name: '参考', required: false },
     { id: 'title', name: 'タイトル', required: true },
-    { id: 'contents', name: '内容', required: true },
+    { id: 'contents', name: '内容', required: false },
   ]
 
-  const [submitData, setSubmitData] = useState<SubmitFormData>({
-    saleBase: null,
-    store: '',
-    sender: session?.email ?? '',
-    receiver: [],
-    reference: null,
-    title: '[HANASYS現地調査] 調査物件が提出.',
-    contents: '',
-  })
-
   const { submitSurvey, isSubmittingSurvey } = useSurvey(Number(routeId))
 
   const handleInputChange = (field: keyof SubmitFormData, value: string) => {
@@ -74,7 +84,7 @@ export default function SurveySaleSubmitPopup() {
     const requiredFields = FORM_FIELDS.filter((field) => field.required)
 
     for (const field of requiredFields) {
-      if (data[field.id]?.length === 0) {
+      if (data[field.id] === '' || data[field.id] === null || data[field.id]?.length === 0) {
         alert(`${field.name}は必須入力項目です。`)
         const element = document.getElementById(field.id)
         if (element) {
@@ -86,32 +96,38 @@ export default function SurveySaleSubmitPopup() {
     return true
   }
 
+  // TODO: Admin_Sub 계정 매핑된 submit target id 추가!!!! && 메일 테스트트
   const handleSubmit = () => {
     if (validateData(submitData)) {
       window.neoConfirm('送信しますか？ 送信後は変更・修正することはできません。', () => {
         setIsShow(true)
-        submitSurvey({ targetId: submitData.store })
         sendEmail({
           to: submitData.receiver,
           subject: submitData.title,
-          content: submitData.contents,
+          content: contentsRef.current?.innerHTML ?? '',
         })
           .then(() => {
-        if (!isSubmittingSurvey) {
-          popupController.setSurveySaleSubmitPopup(false)
-        }
-        })
-        .catch((error) => {
-          console.error('Error sending email:', error)
-          alert('メール送信に失敗しました。')
+            if (!isSubmittingSurvey) {
+              alert('提出が完了しました。')
+              // submitSurvey({ targetId: submitData.targetId, targetNm: submitData.targetNm })
+              popupController.setSurveySaleSubmitPopup(false)
+            }
+          })
+          .catch((error) => {
+            console.error('Error sending email:', error)
+            alert('メール送信に失敗しました。 再度送信してください。')
           })
           .finally(() => {
+            submitSurvey({ targetId: submitData.targetId, targetNm: submitData.targetNm })
             setIsShow(false)
+            popupController.setSurveySaleSubmitPopup(false)
           })
       })
     }
   }
 
+  const contentsRef = useRef<HTMLDivElement>(null)
+
   const handleClose = () => {
     popupController.setSurveySaleSubmitPopup(false)
   }
@@ -122,6 +138,9 @@ export default function SurveySaleSubmitPopup() {
     if (field.id === 'saleBase' && session?.role !== 'Admin') {
       return null
     }
+    if (field.id === 'targetNm' && session?.role === 'Admin') {
+      return null
+    }
 
     return (
       <div className="data-input-form-bx" key={field.id}>
@@ -130,12 +149,38 @@ export default function SurveySaleSubmitPopup() {
         </div>
         <div className="data-input">
           {field.id === 'contents' ? (
-            <textarea
-              className="textarea-form"
-              id={field.id}
-              value={submitData[field.id] ?? ''}
-              onChange={(e) => handleInputChange(field.id, e.target.value)}
-            />
+            <div className="submit-content" id={field.id}>
+              <div ref={contentsRef}>
+                <p style={{ fontSize: '13px', fontWeight: '400', color: '#2e3a59', marginBottom: '15px' }}>
+                  HANASYS現地調査アプリを使用した現地調査結果が送信されました。
+                </p>
+                <p style={{ fontSize: '13px', fontWeight: '400', color: '#2e3a59', marginBottom: '3px' }}>
+                  -担当者名： <span style={{ color: '#417DDC' }}>{surveyDetail?.representative}</span>
+                </p>
+                <p style={{ fontSize: '13px', fontWeight: '400', color: '#2e3a59', marginBottom: '3px' }}>
+                  -販売店名：
+                  <span style={{ color: '#417DDC' }}>
+                    {surveyDetail?.store} ({surveyDetail?.storeId})
+                  </span>
+                </p>
+                <p style={{ fontSize: '13px', fontWeight: '400', color: '#2e3a59', marginBottom: '15px' }}>
+                  -施工店名:
+                  <span style={{ color: '#417DDC' }}>{surveyDetail?.constructionPoint}</span>
+                </p>
+                <p>
+                  <a
+                    style={{ fontSize: '13px', fontWeight: '400', color: '#1259CB', marginBottom: '5px', textDecoration: 'underline' }}
+                    href={`${process.env.NEXT_PUBLIC_API_URL}/pdf/survey-sale/${surveyDetail?.id}`}
+                    target="_blank"
+                  >
+                    現地調査結果PDFダウンロード
+                  </a>
+                </p>
+                <p style={{ fontSize: '13px', fontWeight: '400', color: '#2e3a59' }}>
+                  ※リンクをクリックしてローカル調査結果PDFをダウンロードできます。
+                </p>
+              </div>
+            </div>
           ) : (
             <>
               {field.id === 'saleBase' && session?.role === 'Admin' ? (

src/components/popup/ZipCodePopup.tsx

@@ -107,6 +107,13 @@ export default function ZipCodePopup() {
                           <td>{item.address3}</td>
                         </tr>
                       ))}
+                      {addressInfo?.length === 0 && (
+                        <tr>
+                          <td colSpan={3} className="al-c">
+                            <div className="nodata">조회된 데이터가 없습니다.</div>
+                          </td>
+                        </tr>
+                      )}
                     </tbody>
                   </table>
                 </div>

src/components/suitable/Suitable.tsx

@@ -1,23 +1,13 @@
 'use client'
 
 import Image from 'next/image'
-import { useEffect, useState } from 'react'
+import { useState } from 'react'
 import SuitableList from './SuitableList'
 import SuitableSearch from './SuitableSearch'
-import { useSuitable } from '@/hooks/useSuitable'
 
 export default function Suitable() {
   const [reference, setReference] = useState(true)
 
-  const { getSuitableCommCode, clearSuitableSearch } = useSuitable()
-
-  useEffect(() => {
-    getSuitableCommCode()
-    return () => {
-      clearSuitableSearch({ items: true, category: true, keyword: true })
-    }
-  }, [])
-
   return (
     <div className="border-frame">
       <SuitableSearch />

src/components/suitable/SuitableButton.tsx

@@ -6,7 +6,7 @@ import { useSuitableStore } from '@/store/useSuitableStore'
 
 export default function SuitableButton() {
   const popupController = usePopupController()
-  const { getSuitableIds, clearSuitableSearch } = useSuitable()
+  const { getSuitableIds, clearSuitableStore, downloadSuitablePdf } = useSuitable()
   const { selectedItems, addAllSelectedItem } = useSuitableStore()
 
   const handleSelectAll = async () => {
@@ -21,6 +21,14 @@ export default function SuitableButton() {
     popupController.setSuitableDetailPopup(true)
   }
 
+  const handleRedirectPdfDownload = () => {
+    if (selectedItems.size === 0) {
+      alert('屋根材を選択してください。')
+      return
+    }
+    downloadSuitablePdf()
+  }
+
   return (
     <div className="float-btn-wrap">
       <div className="btn-flex-wrap com">
@@ -30,7 +38,7 @@ export default function SuitableButton() {
               全選択<i className="btn-arr"></i>
             </button>
           ) : (
-            <button className="btn-frame n-blue icon" onClick={() => clearSuitableSearch({ items: true })}>
+            <button className="btn-frame n-blue icon" onClick={() => clearSuitableStore({ items: true })}>
               全て解除<i className="btn-arr"></i>
             </button>
           )}
@@ -41,7 +49,7 @@ export default function SuitableButton() {
           </button>
         </div>
         <div className="btn-bx">
-          <button className="btn-frame n-blue icon">
+          <button className="btn-frame n-blue icon" onClick={handleRedirectPdfDownload}>
             選択ダウンロード<i className="btn-arr"></i>
           </button>
         </div>

src/components/suitable/SuitableList.tsx

@@ -20,7 +20,7 @@ export default function SuitableList() {
     isLoading,
     suitableCheckIcon,
   } = useSuitable()
-  const { selectedItems, addSelectedItem, removeSelectedItem } = useSuitableStore()
+  const { selectedItems, addSelectedItem, removeSelectedItem, setSelectedItemsSearching } = useSuitableStore()
   const [openItems, setOpenItems] = useState<Set<number>>(new Set())
   const observerTarget = useRef<HTMLDivElement>(null)
 
@@ -48,6 +48,7 @@ export default function SuitableList() {
   // 아이템 클릭
   const handleItemClick = useCallback(
     (mainId: number, detailId?: number, detailIds?: Set<number>): void => {
+      setSelectedItemsSearching(false)
       isItemSelected(mainId, detailId) ? removeSelectedItem(mainId, detailId) : addSelectedItem(mainId, detailId, detailIds)
     },
     [isItemSelected, addSelectedItem, removeSelectedItem],

src/components/suitable/SuitableSearch.tsx

@@ -9,7 +9,7 @@ import { SUITABLE_HEAD_CODE } from '@/types/Suitable'
 export default function SuitableSearch() {
   const [searchValue, setSearchValue] = useState('')
 
-  const { getSuitableCommCode, clearSuitableSearch } = useSuitable()
+  const { getSuitableCommCode, clearSuitableStore } = useSuitable()
   const { suitableCommCode, selectedCategory, setSelectedCategory, setSearchKeyword } = useSuitableStore()
 
   const handleInputChange = (value: string) => {
@@ -31,14 +31,12 @@ export default function SuitableSearch() {
 
   const handleInputClear = () => {
     setSearchValue('')
-    clearSuitableSearch({ items: true, keyword: true })
+    clearSuitableStore({ items: true, keyword: true })
   }
 
   useEffect(() => {
+    clearSuitableStore({ items: true, category: true, keyword: true })
     getSuitableCommCode()
-    return () => {
-      clearSuitableSearch({ items: true, category: true, keyword: true })
-    }
   }, [])
 
   return (
@@ -46,7 +44,7 @@ export default function SuitableSearch() {
       <div className="sale-form-bx">
         <select className="select-form" name="" id="" value={selectedCategory || ''} onChange={(e) => setSelectedCategory(e.target.value)}>
           <option value="">屋根材を選択してください.</option>
-          {suitableCommCode.get(SUITABLE_HEAD_CODE.ROOF_MATERIAL_GROUP)?.map((category: CommCode, index: number) => (
+          {suitableCommCode.get(SUITABLE_HEAD_CODE.ROOF_MATL_GRP_CD)?.map((category: CommCode, index: number) => (
             <option key={index} value={category.code}>
               {category.codeJp}
             </option>

src/components/survey-sale/detail/BasicForm.tsx

@@ -4,46 +4,38 @@ import { useEffect, useState } from 'react'
 import { useSurveySaleTabState } from '@/store/surveySaleTabState'
 import type { SurveyBasicRequest } from '@/types/Survey'
 import type { Mode } from 'fs'
-import { useSessionStore } from '@/store/session'
 import { usePopupController } from '@/store/popupController'
 import { useAddressStore } from '@/store/addressStore'
+import { SessionData } from '@/types/Auth'
 
-export default function BasicForm(props: { basicInfo: SurveyBasicRequest; setBasicInfo: (basicInfo: SurveyBasicRequest) => void; mode: Mode }) {
-  const { basicInfo, setBasicInfo, mode } = props
+interface BasicFormProps {
+  basicInfo: SurveyBasicRequest
+  setBasicInfo: (basicInfo: SurveyBasicRequest) => void
+  mode: Mode
+  session: SessionData
+}
+
+export default function BasicForm({ basicInfo, setBasicInfo, mode, session }: BasicFormProps) {
   const { setBasicInfoSelected } = useSurveySaleTabState()
   const [isFlip, setIsFlip] = useState<boolean>(true)
-
-  const { session } = useSessionStore()
   const { addressData } = useAddressStore()
+  const popupController = usePopupController()
 
   useEffect(() => {
     setBasicInfoSelected()
   }, [])
 
-  // 시공권한 user(Builder), Partner 계정은 조사매물 등록 할 때 STORE_ID에 시공점ID가 들어감
-  // 권한 별 목록 필터링 시 시공권한 user(Builder), Partner는 시공점ID가 같은 것들만 조회
+  // 주소 데이터가 변경될 때만 업데이트
   useEffect(() => {
-    if (session?.isLoggedIn) {
-      setBasicInfo({
-        ...basicInfo,
-        representative: session.userNm ?? '',
-        representativeId: session.userId ?? null,
-        store: session.role === 'Partner' ? null : session.storeNm ?? null,
-        storeId: session.role === 'Partner' || session.role === 'Builder' ? session.builderNo : session.storeId ?? null,
-        constructionPoint: session.builderNo ?? null,
-      })
-    }
-    if (addressData) {
-      setBasicInfo({
-        ...basicInfo,
-        postCode: addressData.post_code,
-        address: addressData.address,
-        addressDetail: addressData.address_detail,
-      })
-    }
-  }, [session, addressData])
+    if (!addressData) return
 
-  const popupController = usePopupController()
+    setBasicInfo({
+      ...basicInfo,
+      postCode: addressData.post_code,
+      address: addressData.address,
+      addressDetail: addressData.address_detail,
+    })
+  }, [addressData])
 
   return (
     <>
@@ -67,29 +59,15 @@ export default function BasicForm(props: { basicInfo: SurveyBasicRequest; setBas
                   onChange={(e) => setBasicInfo({ ...basicInfo, representative: e.target.value })}
                 />
               </div>
-              {(session?.role === 'Builder' || session?.role?.includes('Admin')) && (
-                <div className="data-input-form-bx">
-                  <div className="data-input-form-tit">販売店</div>
-                  <input
-                    type="text"
-                    className="input-frame"
-                    readOnly
-                    value={basicInfo?.store ?? ''}
-                    onChange={(e) => setBasicInfo({ ...basicInfo, store: e.target.value })}
-                  />
-                </div>
-              )}
-              {(session?.role === 'Builder' || session?.role === 'Partner') && (
-                <div className="data-input-form-bx">
-                  <div className="data-input-form-tit">施工店</div>
-                  <input
-                    type="text"
-                    className="input-frame"
-                    readOnly
-                    value={basicInfo?.constructionPoint ?? ''}
-                    onChange={(e) => setBasicInfo({ ...basicInfo, constructionPoint: e.target.value })}
-                  />
-                </div>
+              {mode === 'READ' || session?.role === 'Builder' ? (
+                <>
+                  {storeInput(basicInfo, setBasicInfo, mode)}
+                  {builderInput(basicInfo, setBasicInfo, mode)}
+                </>
+              ) : session?.role === 'Partner' ? (
+                <>{builderInput(basicInfo, setBasicInfo, mode)}</>
+              ) : (
+                <>{storeInput(basicInfo, setBasicInfo, mode)}</>
               )}
             </div>
           </div>
@@ -169,3 +147,33 @@ export default function BasicForm(props: { basicInfo: SurveyBasicRequest; setBas
     </>
   )
 }
+
+const storeInput = (basicInfo: SurveyBasicRequest, setBasicInfo: (basicInfo: SurveyBasicRequest) => void, mode: Mode) => {
+  return (
+    <div className="data-input-form-bx">
+      <div className="data-input-form-tit">販売店</div>
+      <input
+        type="text"
+        className="input-frame"
+        readOnly
+        value={basicInfo?.store ?? ''}
+        onChange={(e) => setBasicInfo({ ...basicInfo, store: e.target.value })}
+      />
+    </div>
+  )
+}
+
+const builderInput = (basicInfo: SurveyBasicRequest, setBasicInfo: (basicInfo: SurveyBasicRequest) => void, mode: Mode) => {
+  return (
+    <div className="data-input-form-bx">
+      <div className="data-input-form-tit">施工店</div>
+      <input
+        type="text"
+        className="input-frame"
+        readOnly
+        value={basicInfo?.constructionPoint ?? ''}
+        onChange={(e) => setBasicInfo({ ...basicInfo, constructionPoint: e.target.value })}
+      />
+    </div>
+  )
+}

src/components/survey-sale/detail/ButtonForm.tsx

@@ -7,76 +7,88 @@ import { useParams, useRouter, useSearchParams } from 'next/navigation'
 import { requiredFields, useSurvey } from '@/hooks/useSurvey'
 import { usePopupController } from '@/store/popupController'
 
-export default function ButtonForm(props: {
+interface ButtonFormProps {
   mode: Mode
   setMode: (mode: Mode) => void
-  data: { basic: SurveyBasicRequest; roof: SurveyDetailRequest }
-}) {
-  // 라우터
-  const router = useRouter()
-  const { mode, setMode } = props
-  const { session } = useSessionStore()
+  data: {
+    basic: SurveyBasicRequest
+    roof: SurveyDetailRequest
+  }
+}
 
+interface PermissionState {
+  isSubmiter: boolean
+  isWriter: boolean
+  isReceiver: boolean
+}
+
+interface SaveData extends SurveyBasicRequest {
+  detailInfo: SurveyDetailRequest
+}
+
+export default function ButtonForm({ mode, setMode, data }: ButtonFormProps) {
+  const router = useRouter()
+  const { session } = useSessionStore()
   const searchParams = useSearchParams()
   const idParam = searchParams.get('id')
-
   const params = useParams()
   const routeId = params.id
-
   const popupController = usePopupController()
-  // ------------------------------------------------------------
-  const [saveData, setSaveData] = useState({
-    ...props.data.basic,
-    detailInfo: props.data.roof,
+
+  const [saveData, setSaveData] = useState<SaveData>({
+    ...data.basic,
+    detailInfo: data.roof,
   })
-  // --------------------------------------------------------------
-  // 권한
 
-  // 제출권한 ㅇ
-  const [isSubmiter, setIsSubmiter] = useState(false)
-  // 작성자
-  const [isWriter, setIsWriter] = useState(false)
-  const isSubmit = props.data.basic.submissionStatus
+  const [permissions, setPermissions] = useState<PermissionState>({
+    isSubmiter: false,
+    isWriter: false,
+    isReceiver: false,
+  })
 
-  useEffect(() => {
-    if (session?.isLoggedIn) {
-      switch (session?.role) {
-        // T01 제출권한 없음
-        case 'T01':
-          setIsSubmiter(false)
-          break
-        // 1차 판매점(Order) + 2차 판매점(Musubi) => 같은 판매점 제출권한
-        case 'Admin':
-        case 'Admin_Sub':
-          setIsSubmiter(session.storeNm === props.data.basic.store && session.builderNo === props.data.basic.constructionPoint)
-          break
-        // 시공권한 User(Musubi) + Partner => 같은 시공ID 제출권한
-        case 'Builder':
-        case 'Partner':
-          setIsSubmiter(session.builderNo === props.data.basic.constructionPoint)
-          break
-        default:
-          setIsSubmiter(false)
-          break
-      }
-
-      setIsWriter(session.userNm === props.data.basic.representative)
-    }
-    setSaveData({
-      ...props.data.basic,
-      detailInfo: props.data.roof,
-    })
-  }, [session, props.data])
-
-  // ------------------------------------------------------------
-  // 저장/임시저장/수정
+  const isSubmit = data.basic.submissionStatus
   const id = Number(routeId) ? Number(routeId) : Number(idParam)
 
-  const { deleteSurvey, updateSurvey, isDeletingSurvey, isUpdatingSurvey } = useSurvey(Number(id))
+  const { deleteSurvey, updateSurvey, isDeletingSurvey, isUpdatingSurvey } = useSurvey(id)
   const { validateSurveyDetail, createSurvey, isCreatingSurvey } = useSurvey()
 
-  const handleSave = (isTemporary: boolean, isSubmitProcess = false) => {
-    const emptyField = validateSurveyDetail(props.data.roof)
+  useEffect(() => {
+    if (!session?.isLoggedIn) return
+
+    const newPermissions = calculatePermissions(session, data.basic)
+    setPermissions(newPermissions)
+
+    setSaveData({
+      ...data.basic,
+      detailInfo: data.roof,
+    })
+  }, [session, data])
+
+  const calculatePermissions = (session: any, basicData: SurveyBasicRequest): PermissionState => {
+    const isSubmiter = calculateSubmitPermission(session, basicData)
+    const isWriter = session.userNm === basicData.representative
+    const isReceiver = session?.storeId === basicData.submissionTargetId
+
+    return { isSubmiter, isWriter, isReceiver }
+  }
+
+  const calculateSubmitPermission = (session: any, basicData: SurveyBasicRequest): boolean => {
+    switch (session?.role) {
+      case 'T01':
+        return false
+      case 'Admin':
+      case 'Admin_Sub':
+        return session.storeNm === basicData.store && session.builderId === basicData.constructionPointId
+      case 'Builder':
+      case 'Partner':
+        return session.builderId === basicData.constructionPointId
+      default:
+        return false
+    }
+  }
+
+  const handleSave = (isTemporary: boolean, isSubmitProcess: boolean) => {
+    const emptyField = validateSurveyDetail(data.roof)
     const hasEmptyField = emptyField?.trim() !== ''
 
     if (isTemporary) {
@@ -89,53 +101,65 @@ export default function ButtonForm(props: {
   const tempSaveProcess = async () => {
     if (idParam) {
       await updateSurvey({ survey: saveData, isTemporary: true })
-      router.push(`/survey-sale/${idParam}`)
+      if (!isUpdatingSurvey) {
+        router.push(`/survey-sale/${idParam}`)
+      }
     } else {
       const updatedData = {
         ...saveData,
         srlNo: '一時保存',
       }
       const id = await createSurvey(updatedData)
-      router.push(`/survey-sale/${id}`)
+      if (!isCreatingSurvey) {
+        router.push(`/survey-sale/${id}`)
+      }
     }
     alert('一時保存されました。')
   }
 
   const focusInput = (field: keyof SurveyDetailInfo) => {
     const input = document.getElementById(field)
-    if (input) {
-      input.focus()
-    }
+    input?.focus()
   }
 
   const saveProcess = async (emptyField: string | null, isSubmitProcess?: boolean) => {
     if (emptyField?.trim() === '') {
-      if (idParam) {
-        await updateSurvey({ survey: saveData, isTemporary: false, storeId: session.storeId ?? '' })
-        router.push(`/survey-sale/${idParam}`)
-      } else {
-        const id = await createSurvey(saveData)
-        router.push(`/survey-sale/${id}`)
-      }
-      if (isSubmitProcess) {
-        if (!isCreatingSurvey && !isUpdatingSurvey) {
-          popupController.setSurveySaleSubmitPopup(true)
-        }
-      } else {
-        alert('保存されました。')
-      }
+      await handleSuccessfulSave(isSubmitProcess)
     } else {
-      if (emptyField?.includes('Unit')) {
-        alert('電気契約容量の単位を入力してください。')
-        focusInput(emptyField as keyof SurveyDetailInfo)
-      } else {
-        alert(requiredFields.find((field) => field.field === emptyField)?.name + ' 項目が空です。')
-        focusInput(emptyField as keyof SurveyDetailInfo)
-      }
+      handleFailedSave(emptyField)
     }
   }
-  // ------------------------------------------------------------
-  // 삭제/제출
+
+  const handleSuccessfulSave = async (isSubmitProcess?: boolean) => {
+    if (idParam) {
+      await updateSurvey({ survey: saveData, isTemporary: false, storeId: session.storeId ?? '' })
+      if (!isUpdatingSurvey) {
+        router.push(`/survey-sale/${idParam}`)
+      }
+    } else {
+      const id = await createSurvey(saveData)
+      if (!isCreatingSurvey) {
+        router.push(`/survey-sale/${id}`)
+      }
+    }
+
+    if (isSubmitProcess) {
+      if (!isCreatingSurvey && !isUpdatingSurvey) {
+        await popupController.setSurveySaleSubmitPopup(true)
+      }
+    } else {
+      alert('保存されました。')
+    }
+  }
+
+  const handleFailedSave = (emptyField: string | null) => {
+    if (emptyField?.includes('Unit')) {
+      alert('電気契約容量の単位を入力してください。')
+    } else {
+      alert(requiredFields.find((field) => field.field === emptyField)?.name + ' 項目が空です。')
+    }
+    focusInput(emptyField as keyof SurveyDetailInfo)
+  }
 
   const handleDelete = async () => {
     if (routeId) {
@@ -150,10 +174,11 @@ export default function ButtonForm(props: {
   }
 
   const handleSubmit = async () => {
-    if (props.data.basic.srlNo?.startsWith('一時保存') && Number(routeId)) {
+    if (data.basic.srlNo?.startsWith('一時保存') && Number(routeId)) {
       alert('一時保存されたデータは提出できません。')
       return
     }
+
     if (Number(routeId)) {
       window.neoConfirm('提出しますか？', async () => {
         popupController.setSurveySaleSubmitPopup(true)
@@ -165,17 +190,15 @@ export default function ButtonForm(props: {
     }
   }
 
-  // ------------------------------------------------------------
+  if (!session?.isLoggedIn) return null
 
-  if (mode === 'READ' && isSubmit && isSubmiter) {
+  if (mode === 'READ' && isSubmit && permissions.isSubmiter) {
     return (
-      <>
-        <div className="sale-form-btn-wrap">
-          <div className="btn-flex-wrap">
-            <ListButton />
-          </div>
+      <div className="sale-form-btn-wrap">
+        <div className="btn-flex-wrap">
+          <ListButton />
         </div>
-      </>
+      </div>
     )
   }
 
@@ -185,9 +208,11 @@ export default function ButtonForm(props: {
         <div className="sale-form-btn-wrap">
           <div className="btn-flex-wrap">
             <ListButton />
-            <EditButton setMode={setMode} id={id.toString()} mode={mode} />
-            {(isWriter || !isSubmiter) && <DeleteButton handleDelete={handleDelete} />}
-            {!isSubmit && isSubmiter && <SubmitButton handleSubmit={handleSubmit} />}
+            {(permissions.isWriter || permissions.isSubmiter || (permissions.isReceiver && isSubmit)) && (
+              <EditButton setMode={setMode} id={id.toString()} />
+            )}
+            {(permissions.isWriter || (permissions.isReceiver && isSubmit)) && <DeleteButton handleDelete={handleDelete} />}
+            {!isSubmit && permissions.isSubmiter && <SubmitButton handleSubmit={handleSubmit} />}
           </div>
         </div>
       )}
@@ -196,9 +221,9 @@ export default function ButtonForm(props: {
         <div className="sale-form-btn-wrap">
           <div className="btn-flex-wrap">
             <ListButton />
-            <TempButton setMode={setMode} handleSave={handleSave} />
-            <SaveButton handleSave={handleSave} />
-            {session?.role !== 'T01' && <SubmitButton handleSubmit={handleSubmit} />}
+            <TempButton handleSave={() => handleSave(true, false)} />
+            <SaveButton handleSave={() => handleSave(false, false)} />
+            {session?.role === 'T01' || isSubmit ? null : <SubmitButton handleSubmit={handleSubmit} />}
           </div>
         </div>
       )}
@@ -206,12 +231,11 @@ export default function ButtonForm(props: {
   )
 }
 
-// 목록 버튼
-function ListButton() {
+// Button Components
+const ListButton = () => {
   const router = useRouter()
   return (
     <div className="btn-bx">
-      {/* 목록 */}
       <button className="btn-frame n-blue icon" onClick={() => router.push('/survey-sale')}>
         リスト<i className="btn-arr"></i>
       </button>
@@ -219,12 +243,10 @@ function ListButton() {
   )
 }
 
-function EditButton(props: { setMode: (mode: Mode) => void; id: string; mode: Mode }) {
-  const { setMode, id, mode } = props
+const EditButton = ({ setMode, id }: { setMode: (mode: Mode) => void; id: string }) => {
   const router = useRouter()
   return (
     <div className="btn-bx">
-      {/* 수정 */}
       <button
         className="btn-frame n-blue icon"
         onClick={() => {
@@ -238,59 +260,34 @@ function EditButton(props: { setMode: (mode: Mode) => void; id: string; mode: Mo
   )
 }
 
-function SubmitButton(props: { handleSubmit: () => void }) {
-  const { handleSubmit } = props
-  return (
-    <>
-      <div className="btn-bx">
-        {/* 제출 */}
-        <button className="btn-frame red icon" onClick={handleSubmit}>
-          提出<i className="btn-arr"></i>
-        </button>
-      </div>
-    </>
-  )
-}
+const SubmitButton = ({ handleSubmit }: { handleSubmit: () => void }) => (
+  <div className="btn-bx">
+    <button className="btn-frame red icon" onClick={handleSubmit}>
+      提出<i className="btn-arr"></i>
+    </button>
+  </div>
+)
 
-function DeleteButton(props: { handleDelete: () => void }) {
-  const { handleDelete } = props
-  return (
-    <div className="btn-bx">
-      {/* 삭제 */}
-      <button className="btn-frame n-blue icon" onClick={handleDelete}>
-        削除<i className="btn-arr"></i>
-      </button>
-    </div>
-  )
-}
+const DeleteButton = ({ handleDelete }: { handleDelete: () => void }) => (
+  <div className="btn-bx">
+    <button className="btn-frame n-blue icon" onClick={handleDelete}>
+      削除<i className="btn-arr"></i>
+    </button>
+  </div>
+)
 
-function SaveButton(props: { handleSave: (isTemporary: boolean) => void }) {
-  const { handleSave } = props
-  return (
-    <div className="btn-bx">
-      {/* 저장 */}
-      <button className="btn-frame n-blue icon" onClick={() => handleSave(false)}>
-        保存<i className="btn-arr"></i>
-      </button>
-    </div>
-  )
-}
+const SaveButton = ({ handleSave }: { handleSave: () => void }) => (
+  <div className="btn-bx">
+    <button className="btn-frame n-blue icon" onClick={handleSave}>
+      保存<i className="btn-arr"></i>
+    </button>
+  </div>
+)
 
-function TempButton(props: { setMode: (mode: Mode) => void; handleSave: (isTemporary: boolean) => void }) {
-  const { setMode, handleSave } = props
-  const router = useRouter()
-
-  return (
-    <div className="btn-bx">
-      {/* 임시저장 */}
-      <button
-        className="btn-frame n-blue icon"
-        onClick={() => {
-          handleSave(true)
-        }}
-      >
-        一時保存<i className="btn-arr"></i>
-      </button>
-    </div>
-  )
-}
+const TempButton = ({ handleSave }: { handleSave: () => void }) => (
+  <div className="btn-bx">
+    <button className="btn-frame n-blue icon" onClick={handleSave}>
+      一時保存<i className="btn-arr"></i>
+    </button>
+  </div>
+)

src/components/survey-sale/detail/DataTable.tsx

@@ -4,12 +4,15 @@ import { useSurvey } from '@/hooks/useSurvey'
 import { useParams, useRouter } from 'next/navigation'
 import { useEffect } from 'react'
 import DetailForm from './DetailForm'
+import { useSessionStore } from '@/store/session'
 
 export default function DataTable() {
   const params = useParams()
   const id = params.id
   const router = useRouter()
 
+  const { session } = useSessionStore()
+
   useEffect(() => {
     if (Number.isNaN(Number(id))) {
       alert('間違ったアプローチです。')
@@ -20,7 +23,25 @@ export default function DataTable() {
   const { surveyDetail, isLoadingSurveyDetail } = useSurvey(Number(id))
 
   if (isLoadingSurveyDetail) {
-    return <div>Loading...</div>
+    return null
+  }
+
+  const submitStatus = () => {
+    const { submissionTargetNm, submissionTargetId } = surveyDetail ?? {}
+
+    if (!submissionTargetNm) {
+      return null
+    }
+
+    if (!submissionTargetId) {
+      return <div>{submissionTargetNm}</div>
+    }
+
+    return (
+      <div>
+        ({submissionTargetNm} - {submissionTargetId})
+      </div>
+    )
   }
 
   return (
@@ -56,9 +77,7 @@ export default function DataTable() {
                 {surveyDetail?.submissionStatus && surveyDetail?.submissionDate ? (
                   <>
                     <div>{new Date(surveyDetail.submissionDate).toLocaleString()}</div>
-                    <div>
-                      ({surveyDetail.store} - {surveyDetail.storeId})
-                    </div>
+                    {submitStatus()}
                   </>
                 ) : (
                   '-'

src/components/survey-sale/detail/DetailForm.tsx

@@ -7,6 +7,7 @@ import BasicForm from './BasicForm'
 import RoofForm from './RoofForm'
 import { useParams, useSearchParams } from 'next/navigation'
 import { useSurvey } from '@/hooks/useSurvey'
+import { useSessionStore } from '@/store/session'
 
 const roofInfoForm: SurveyDetailRequest = {
   contractCapacity: null,
@@ -52,6 +53,7 @@ const basicInfoForm: SurveyBasicRequest = {
   store: null,
   storeId: null,
   constructionPoint: null,
+  constructionPointId: null,
   investigationDate: new Date().toLocaleDateString('en-CA'),
   buildingName: null,
   customerName: null,
@@ -61,6 +63,7 @@ const basicInfoForm: SurveyBasicRequest = {
   submissionStatus: false,
   submissionDate: null,
   submissionTargetId: null,
+  submissionTargetNm: null,
   srlNo: null,
 }
 
@@ -71,29 +74,54 @@ export default function DetailForm() {
   const modeset = Number(routeId) ? 'READ' : idParam ? 'EDIT' : 'CREATE'
   const id = Number(routeId) ? Number(routeId) : Number(idParam)
 
-  const { surveyDetail, validateSurveyDetail } = useSurvey(Number(id))
+  const { surveyDetail, isLoadingSurveyDetail, validateSurveyDetail } = useSurvey(Number(id))
+  const { session } = useSessionStore()
 
   const [mode, setMode] = useState<Mode>(modeset)
-  const [basicInfoData, setBasicInfoData] = useState<SurveyBasicRequest>(basicInfoForm)
+  const [basicInfoData, setBasicInfoData] = useState<SurveyBasicRequest>(() => ({
+    ...basicInfoForm,
+    representative: session?.userNm ?? '',
+    representativeId: session?.userId ?? null,
+    store: session?.storeNm ?? null,
+    storeId: session?.storeId ?? null,
+    constructionPoint: session?.builderNm ?? null,
+    constructionPointId: session?.builderId ?? null,
+  }))
   const [roofInfoData, setRoofInfoData] = useState<SurveyDetailRequest>(roofInfoForm)
 
+  // 세션 데이터가 변경될 때 기본 정보 업데이트
   useEffect(() => {
-    if (Number(idParam) !== 0 && surveyDetail === null) {
-      alert('データが見つかりません。')
-      window.location.href = '/survey-sale'
-    }
+    if (!session?.isLoggedIn) return
+    setBasicInfoData((prev) => ({
+      ...prev,
+      representative: session.userNm ?? '',
+      representativeId: session.userId ?? null,
+      store: session.storeNm ?? null,
+      storeId: session.storeId ?? null,
+      constructionPoint: session.builderNm ?? null,
+      constructionPointId: session.builderId ?? null,
+    }))
+  }, [session?.isLoggedIn])
 
+  // 설문 데이터 로딩 및 업데이트
+  useEffect(() => {
+    if (isLoadingSurveyDetail || !session?.isLoggedIn) return
     if (surveyDetail && (mode === 'EDIT' || mode === 'READ')) {
       const { id, uptDt, regDt, detailInfo, ...rest } = surveyDetail
-      setBasicInfoData(rest)
+      setBasicInfoData((prev) => ({
+        ...prev,
+        ...rest,
+      }))
+
       if (detailInfo) {
         const { id, uptDt, regDt, basicInfoId, ...rest } = detailInfo
         setRoofInfoData(rest)
         if (validateSurveyDetail(rest).trim() !== '') {
+          // validation logic here if needed
         }
       }
     }
-  }, [surveyDetail, id])
+  }, [mode, session?.isLoggedIn, isLoadingSurveyDetail])
 
   const data = {
     basic: basicInfoData,
@@ -105,9 +133,7 @@ export default function DetailForm() {
   return (
     <>
       <div className="sale-detail-toggle-wrap">
-        {/* 기본정보 */}
-        <BasicForm basicInfo={basicInfoData} setBasicInfo={setBasicInfoData} mode={mode} />
-        {/* 전기/지붕정보 */}
+        <BasicForm basicInfo={basicInfoData} setBasicInfo={setBasicInfoData} mode={mode} session={session} />
         <RoofForm roofInfo={roofInfoData} setRoofInfo={setRoofInfoData} mode={mode} />
         <ButtonForm {...buttonFormProps} />
       </div>

src/components/survey-sale/detail/RoofForm.tsx

@@ -137,7 +137,7 @@ export const radioEtcData: Record<RadioEtcKeys, { id: number; label: string }[]>
   structureOrder: [
     {
       id: 1,
-      label: '屋根材 - 防水材 - 屋根の基礎 - 垂木', //지붕재 방수재 지붕의기초 서까래
+      label: '屋根材 > 防水材 > 屋根の基礎 > 垂木', //지붕재 방수재 지붕의기초 서까래
     },
   ],
   houseStructure: [
@@ -537,6 +537,7 @@ const SelectedBox = ({
       </select>
       <div className={`data-input ${column === 'constructionYear' ? 'flex' : ''}`}>
         <input
+          id={`${column}Etc`}
           type={column === 'constructionYear' ? 'number' : 'text'}
           inputMode={column === 'constructionYear' ? 'numeric' : 'text'}
           className="input-frame"
@@ -642,6 +643,7 @@ const RadioSelected = ({
       {(showEtcOption || column === 'insulationPresence') && (
         <div className="data-input">
           <input
+            id={`${column}Etc`}
             type="text"
             className="input-frame"
             placeholder="-"

src/components/survey-sale/list/ListTable.tsx

@@ -28,6 +28,11 @@ export default function ListTable() {
 
   useEffect(() => {
     if (!session.isLoggedIn || isLoadingSurveyList) return
+    // if ('status' in surveyList && surveyList.status === 403) {
+    //   alert('権限がありません。')
+    //   router.push('/survey-sale')
+    //   return
+    // }
     if ('count' in surveyList && surveyList.count > 0) {
       if (offset > 0) {
         setHeldSurveyList((prev) => [...prev, ...surveyList.data])
@@ -54,7 +59,7 @@ export default function ListTable() {
             {heldSurveyList.map((survey) => (
               <li className="sale-list-item cursor-pointer" key={survey.id} onClick={() => handleDetailClick(survey.id)}>
                 <div className="sale-item-bx">
-                  <div className="sale-item-date-bx"> 
+                  <div className="sale-item-date-bx">
                     <div className="sale-item-num">{survey.srlNo}</div>
                     <div className="sale-item-date">{survey.investigationDate}</div>
                   </div>

src/components/survey-sale/list/SearchForm.tsx

@@ -15,7 +15,7 @@ export default function SearchForm({ memberRole, userId }: { memberRole: string;
       alert('2文字以上入力してください')
       return
     }
-    reset()
+    setOffset(0)
     setKeyword(searchKeyword)
     setSearchOption(option)
   }
@@ -72,6 +72,16 @@ export default function SearchForm({ memberRole, userId }: { memberRole: string;
               }
             }}
           />
+          {searchKeyword && (
+            <button
+              className="del-icon"
+              onClick={() => {
+                setSearchKeyword('')
+                setKeyword('')
+                setOffset(0)
+              }}
+            ></button>
+          )}
           <button className="search-icon" onClick={handleSearch}></button>
         </div>
       </div>

src/components/ui/common/Footer.tsx

@@ -1,21 +1,10 @@
 'use client'
 
-import Link from 'next/link'
-import Config from '@/config/config.export'
-
 export default function Footer() {
   return (
     <>
       <footer>
-        <div className="footer-inner">
-          COPYRIGHT©2025 Hanwha Japan All Rights Reserved{' '}
-          <span>
-            <Link href="/pdf/suitable">PDF</Link>
-          </span>
-          <span>{Config().mode}</span>
-          <span>{Config().baseUrl}</span>
-          <span>{process.env.NEXT_PUBLIC_API_URL}</span>
-        </div>
+        <div className="footer-inner">COPYRIGHT©2025 Hanwha Japan All Rights Reserved </div>
       </footer>
     </>
   )

src/components/ui/common/Header.tsx

@@ -11,6 +11,8 @@ import { useSideNavState } from '@/store/sideNavState'
 import { useHeaderStore } from '@/store/header'
 import { useSessionStore } from '@/store/session'
 import { usePopupController } from '@/store/popupController'
+import { useSurveyFilterStore } from '@/store/surveyFilterStore'
+import { useInquiryFilterStore } from '@/store/inquiryFilterStore'
 
 import { useTitle } from '@/hooks/useTitle'
 import { useAxios } from '@/hooks/useAxios'
@@ -30,6 +32,9 @@ export default function Header() {
 
   const popupController = usePopupController()
 
+  const { setIsMySurvey } = useSurveyFilterStore()
+  const { setInquiryListRequest, inquiryListRequest } = useInquiryFilterStore()
+
   if (pathname === '/login') {
     return null
   }
@@ -80,13 +85,27 @@ export default function Header() {
               <div className="side-swiper-wrap">
                 <Swiper slidesPerView={1.6} spaceBetween={12} className="mySwiper">
                   <SwiperSlide>
-                    <div className="side-swiper-card">
+                    <div
+                      className="side-swiper-card"
+                      onClick={() => {
+                        setIsMySurvey(session?.userId)
+                        router.push('/survey-sale')
+                        setSideNavIsOpen(false)
+                      }}
+                    >
                       <div className="side-swiper-icon icon01"></div>
                       <div className="side-swiper-infor">私は作成した物件</div>
                     </div>
                   </SwiperSlide>
                   <SwiperSlide>
-                    <div className="side-swiper-card">
+                    <div
+                      className="side-swiper-card"
+                      onClick={() => {
+                        setInquiryListRequest({ ...inquiryListRequest, schRegId: session?.userId })
+                        router.push('/inquiry/list')
+                        setSideNavIsOpen(false)
+                      }}
+                    >
                       <div className="side-swiper-icon icon02"></div>
                       <div className="side-swiper-infor">私は作成したお問 い合わせ</div>
                     </div>
@@ -105,7 +124,7 @@ export default function Header() {
                     <button onClick={() => router.push('/survey-sale')}>調査物件一覧</button>
                   </li>
                   <li className="side-nav-item">
-                    <button onClick={() => router.push('/survey-sale/basic-info')}>調査物件登録</button>
+                    <button onClick={() => router.push('/survey-sale/regist')}>調査物件登録</button>
                   </li>
                   <li className="side-nav-item">
                     <button onClick={() => router.push('/inquiry/list')}>1:1お問い合わせ</button>

src/hooks/useAxios.ts

@@ -3,21 +3,21 @@ import Config from '@/config/config.export'
 import { useSpinnerStore } from '@/store/spinnerStore'
 
 export function useAxios() {
-  // const { setIsShow } = useSpinnerStore()
-
   const requestHandler = (config: InternalAxiosRequestConfig) => {
-    // setIsShow(true)
+    useSpinnerStore.getState().setIsShow(true)
     return config
   }
 
   const responseHandler = (response: AxiosResponse) => {
-    // setIsShow(false)
+    // if (response.headers['spinner-state'] === undefined) {
+    useSpinnerStore.getState().setIsShow(false)
+    // }
     response.data = transferResponse(response)
     return response
   }
 
   const errorHandler = (error: any) => {
-    // setIsShow(false)
+    useSpinnerStore.getState().setIsShow(false)
     return Promise.reject(error)
   }
 

src/hooks/useInquiry.ts

@@ -76,19 +76,22 @@ export function useInquiry(
 
   const downloadFile = async (encodeFileNo: number, srcFileNm: string) => {
     try {
-      const resp = await axiosInstance(null).get<Blob>(`/api/qna/file`, { params: { encodeFileNo, srcFileNm } })
-      const blob = new Blob([resp.data], { type: 'application/octet-stream;charset=UTF-8' })
+      const resp = await fetch(`/api/qna/file?encodeFileNo=${encodeFileNo}&srcFileNm=${srcFileNm}`)
+
+      const blob = await resp.blob()
       const url = URL.createObjectURL(blob)
       const a = document.createElement('a')
       a.href = url
-      a.download = `${srcFileNm}`
+      a.download = srcFileNm
+      document.body.appendChild(a)
       a.click()
+      document.body.removeChild(a)
       URL.revokeObjectURL(url)
+
       return blob
-    } catch (error: any) {
-      if (error.response.status === 404) {
-        alert('ファイルが見つかりません')
-      }
+    } catch (error) {
+      console.error('File download error:', error)
+      alert('ファイルのダウンロードに失敗しました')
       return null
     }
   }

src/hooks/useSuitable.ts

@@ -1,4 +1,5 @@
-import { useInfiniteQuery } from '@tanstack/react-query'
+import { useInfiniteQuery, useQuery } from '@tanstack/react-query'
+import { SHA256 } from 'crypto-js'
 import { transformObjectKeys } from '@/libs/axios'
 import { useSuitableStore } from '@/store/useSuitableStore'
 import { useAxios } from './useAxios'
@@ -18,6 +19,7 @@ export function useSuitable() {
     clearSearchKeyword,
     selectedItems,
     clearSelectedItems,
+    selectedItemsSearching,
   } = useSuitableStore()
 
   const getSuitables = async ({
@@ -85,6 +87,7 @@ export function useSuitable() {
   }
 
   const toSuitableDetail = (suitableDetailString: string): SuitableDetail[] => {
+    if (!suitableDetailString) return []
     try {
       const suitableDetailArray = transformObjectKeys(JSON.parse(suitableDetailString)) as SuitableDetail[]
       if (!Array.isArray(suitableDetailArray)) {
@@ -112,13 +115,13 @@ export function useSuitable() {
     hasNextPage,
     isFetchingNextPage,
     isLoading,
-    isError,
-    error,
+    // isError,
+    // error,
   } = useInfiniteQuery<Suitable[]>({
     queryKey: ['suitables', 'list', selectedCategory, searchKeyword],
     queryFn: async (context) => {
       const pageParam = context.pageParam as number
-      if (pageParam === 1) clearSuitableSearch({ items: true })
+      if (pageParam === 1) clearSuitableStore({ items: true })
       return await getSuitables({
         pageNumber: pageParam,
         ...(selectedCategory && { category: selectedCategory }),
@@ -144,35 +147,96 @@ export function useSuitable() {
     return { ids: ids.join(','), detailIds: detailIds.length > 0 ? detailIds.join(',') : '' }
   }
 
-  const getSelectedItemsData = async (): Promise<Suitable[]> => {
-    const { ids, detailIds } = serializeSelectedItems()
-    return await getSuitableDetails(ids, detailIds)
+  const getSelectedItemsHash = (): string => {
+    const entries = Array.from(selectedItems.entries())
+      .map(([key, value]) => `${key}:${Array.from(value).sort().join(',')}`)
+      .sort()
+      .join('|')
+    return SHA256(entries).toString()
   }
 
-  const clearSuitableSearch = ({ items = false, category = false, keyword = false }: { items?: boolean; category?: boolean; keyword?: boolean }) => {
+  const {
+    data: selectedSuitables,
+    isLoading: isSelectedSuitablesLoading,
+    // refetch: refetchSelectedSuitables,
+  } = useQuery<Suitable[]>({
+    queryKey: ['suitables', 'selectedItems', getSelectedItemsHash(), selectedItemsSearching],
+    queryFn: async () => {
+      const { ids, detailIds } = serializeSelectedItems()
+      return await getSuitableDetails(ids, detailIds)
+    },
+    staleTime: Infinity,
+    gcTime: Infinity,
+    enabled: selectedItemsSearching,
+    refetchOnMount: false,
+    refetchOnWindowFocus: false,
+    refetchOnReconnect: false,
+  })
+
+  const clearSuitableStore = ({ items = false, category = false, keyword = false }: { items?: boolean; category?: boolean; keyword?: boolean }) => {
     if (items) clearSelectedItems()
     if (category) clearSelectedCategory()
     if (keyword) clearSearchKeyword()
   }
 
-  // TODO: 추후 지붕재 적합성 데이터 CUD 구현 시 ×, ー 데이터 관리 필요
+  // TODO: 추후 지붕재 적합성 데이터 CUD 구현 시 ×, -, ー 데이터 관리 필요
   const suitableCheckIcon = (value: string): string => {
     const iconMap: Record<string, string> = {
       '×': '/assets/images/sub/compliance_x_icon.svg',
+      '-': '/assets/images/sub/compliance_quest_icon.svg',
       'ー': '/assets/images/sub/compliance_quest_icon.svg',
       default: '/assets/images/sub/compliance_check_icon.svg',
     }
     return iconMap[value] || iconMap.default
   }
 
-  // TODO: 추후 지붕재 적합성 데이터 CUD 구현 시 ○, ×, ー 데이터 관리 필요
+  // TODO: 추후 지붕재 적합성 데이터 CUD 구현 시 ○, ×, -, ー 데이터 관리 필요
   const suitableCheckMemo = (value: string): string => {
     if (value === '○') return '設置可'
     if (value === '×') return '設置不可'
-    if (value === 'ー') return 'お問い合わせください'
+    if (value === '-' || value === 'ー') return 'お問い合わせください'
     return `${value}で設置可`
   }
 
+  const downloadSuitablePdf = async (): Promise<void> => {
+    try {
+      const { ids, detailIds } = serializeSelectedItems()
+      const fileTitle = `(${
+        suitableCommCode.get(SUITABLE_HEAD_CODE.ROOF_MATL_GRP_CD)?.find((category) => category.code === selectedCategory)?.codeJp
+      }) 屋根材適合表`
+
+      const form = document.createElement('form')
+      form.method = 'POST'
+      form.action = '/api/suitable/pdf'
+      form.target = '_blank'
+
+      const inputIds = document.createElement('input')
+      inputIds.type = 'hidden'
+      inputIds.name = 'ids'
+      inputIds.value = ids
+
+      const inputDetailIds = document.createElement('input')
+      inputDetailIds.type = 'hidden'
+      inputDetailIds.name = 'detailIds'
+      inputDetailIds.value = detailIds
+
+      const inputFileTitle = document.createElement('input')
+      inputFileTitle.type = 'hidden'
+      inputFileTitle.name = 'fileTitle'
+      inputFileTitle.value = fileTitle
+
+      form.appendChild(inputIds)
+      form.appendChild(inputDetailIds)
+      form.appendChild(inputFileTitle)
+      document.body.appendChild(form)
+
+      form.submit()
+      document.body.removeChild(form)
+    } catch (error) {
+      console.error('지붕재 상세 데이터 pdf 다운로드 실패:', error)
+    }
+  }
+
   return {
     getSuitables,
     getSuitableIds,
@@ -186,9 +250,11 @@ export function useSuitable() {
     hasNextPage,
     isFetchingNextPage,
     isLoading,
-    getSelectedItemsData,
-    clearSuitableSearch,
+    selectedSuitables,
+    isSelectedSuitablesLoading,
+    clearSuitableStore,
     suitableCheckIcon,
     suitableCheckMemo,
+    downloadSuitablePdf,
   }
 }

src/hooks/useSurvey.ts

@@ -1,10 +1,11 @@
 import type { SurveyBasicInfo, SurveyDetailRequest, SurveyRegistRequest } from '@/types/Survey'
-import { useMemo } from 'react'
+import { useMemo, useEffect } from 'react'
 import { useMutation, useQuery, useQueryClient } from '@tanstack/react-query'
 import { useSurveyFilterStore } from '@/store/surveyFilterStore'
 import { useSessionStore } from '@/store/session'
 import { useAxios } from './useAxios'
 import { queryStringFormatter } from '@/utils/common-utils'
+import { useRouter } from 'next/navigation'
 
 export const requiredFields = [
   {
@@ -66,7 +67,7 @@ export function useSurvey(id?: number): {
   createSurvey: (survey: SurveyRegistRequest) => Promise<number>
   updateSurvey: ({ survey, isTemporary, storeId }: { survey: SurveyRegistRequest; isTemporary: boolean; storeId?: string }) => void
   deleteSurvey: () => Promise<boolean>
-  submitSurvey: (params: { saveId?: number; targetId?: string; storeId?: string; srlNo?: string }) => void
+  submitSurvey: (params: { targetId?: string | null; targetNm?: string | null }) => void
   validateSurveyDetail: (surveyDetail: SurveyDetailRequest) => string
   getZipCode: (zipCode: string) => Promise<ZipCode[] | null>
   refetchSurveyList: () => void
@@ -75,14 +76,46 @@ export function useSurvey(id?: number): {
   const { keyword, searchOption, isMySurvey, sort, offset } = useSurveyFilterStore()
   const { session } = useSessionStore()
   const { axiosInstance } = useAxios()
+  const router = useRouter()
+
+  const checkSession = () => {
+    if (session?.isLoggedIn) {
+      switch (session?.role) {
+        case 'T01':
+        case 'Admin':
+        case 'Admin_Sub':
+          if (session?.storeId === null) {
+            alert('販売店IDがありません。')
+            return false
+          }
+          return true
+        case 'Builder':
+        case 'Partner':
+          if (session?.builderId === null) {
+            alert('施工店IDがありません。')
+            return false
+          }
+          return true
+        default:
+          alert('権限が間違っています。')
+          return false
+      }
+    }
+    alert('ログインしていません。')
+    return false
+  }
 
   const {
     data: surveyListData,
     isLoading: isLoadingSurveyList,
     refetch: refetchSurveyList,
   } = useQuery({
-    queryKey: ['survey', 'list', keyword, searchOption, isMySurvey, sort, offset, session?.storeNm, session?.builderNo, session?.role],
+    queryKey: ['survey', 'list', keyword, searchOption, isMySurvey, sort, offset, session?.storeNm, session?.builderId, session?.role],
     queryFn: async () => {
+      if (!checkSession()) {
+        router.replace('/')
+        return { data: [], count: 0 }
+      }
       const resp = await axiosInstance(null).get<{ data: SurveyBasicInfo[]; count: number }>('/api/survey-sales', {
         params: {
           keyword,
@@ -90,8 +123,8 @@ export function useSurvey(id?: number): {
           isMySurvey,
           sort,
           offset,
-          store: session?.storeId,
-          builderNo: session?.builderNo,
+          storeId: session?.storeId,
+          builderId: session?.builderId,
           role: session?.role,
         },
       })
@@ -109,12 +142,28 @@ export function useSurvey(id?: number): {
   const { data: surveyDetail, isLoading: isLoadingSurveyDetail } = useQuery({
     queryKey: ['survey', id],
     queryFn: async () => {
-      if (id === undefined) throw new Error('id is required')
-      if (id === null || isNaN(id)) return null
-      const resp = await axiosInstance(null).get<SurveyBasicInfo>(`/api/survey-sales/${id}`)
-      return resp.data
+      if (!checkSession()) {
+        router.replace('/survey-sale')
+        return null
+      }
+      if (id === 0 || id === undefined) return null
+      try {
+        const resp = await axiosInstance(null).get<SurveyBasicInfo>(`/api/survey-sales/${id}`, {
+          params: {
+            role: session?.role,
+            storeId: session?.storeId,
+            builderId: session?.builderId,
+            isLoggedIn: session?.isLoggedIn,
+          },
+        })
+        return resp.data
+      } catch (error: any) {
+        alert(error.response?.data.error)
+        router.replace('/survey-sale')
+        return null
+      }
     },
-    enabled: id !== undefined,
+    enabled: id !== 0 && id !== undefined && session?.isLoggedIn,
   })
 
   const { mutateAsync: createSurvey, isPending: isCreatingSurvey } = useMutation({
@@ -163,13 +212,11 @@ export function useSurvey(id?: number): {
   })
 
   const { mutateAsync: submitSurvey, isPending: isSubmittingSurvey } = useMutation({
-    mutationFn: async ({ targetId, storeId, srlNo }: { targetId?: string; storeId?: string; srlNo?: string }) => {
+    mutationFn: async ({ targetId, targetNm }: { targetId?: string | null; targetNm?: string | null }) => {
       if (!id) throw new Error('id is required')
       const resp = await axiosInstance(null).patch<boolean>(`/api/survey-sales/${id}`, {
         targetId,
-        storeId,
-        srlNo,
-        role: session?.role ?? null,
+        targetNm,
       })
       return resp.data
     },
@@ -180,34 +227,44 @@ export function useSurvey(id?: number): {
   })
 
   const validateSurveyDetail = (surveyDetail: SurveyDetailRequest) => {
-    const etcFields = [
-      'installationSystem',
-      'constructionYear',
-      'rafterSize',
-      'rafterPitch',
-      'waterproofMaterial',
-      'structureOrder',
-      'insulationPresence',
-    ] as const
+    // 상수 정의
+    const ETC_FIELDS = ['installationSystem', 'rafterSize', 'rafterPitch', 'waterproofMaterial', 'structureOrder'] as const
 
-    const emptyField = requiredFields.find((field) => {
-      if (etcFields.includes(field.field as (typeof etcFields)[number])) {
-        return (
-          surveyDetail[field.field as keyof SurveyDetailRequest] === null &&
-          (surveyDetail[`${field.field}Etc` as keyof SurveyDetailRequest] === null ||
-            surveyDetail[`${field.field}Etc` as keyof SurveyDetailRequest]?.toString().trim() === '')
-        )
-      } else {
-        return surveyDetail[field.field as keyof SurveyDetailRequest] === null
-      }
-    })
+    const SPECIAL_CONDITIONS = ['constructionYear', 'insulationPresence'] as const
 
-    const contractCapacity = surveyDetail.contractCapacity
-    if (contractCapacity && contractCapacity.trim() !== '' && contractCapacity.split(' ')?.length === 1) {
-      return 'contractCapacityUnit'
+    // 유틸리티 함수들
+    const isEmptyValue = (value: any): boolean => {
+      return value === null || value?.toString().trim() === ''
     }
 
-    return emptyField?.field || ''
+    const checkRequiredField = (field: string): string => {
+      if (ETC_FIELDS.includes(field as (typeof ETC_FIELDS)[number])) {
+        if (
+          isEmptyValue(surveyDetail[field as keyof SurveyDetailRequest]) &&
+          isEmptyValue(surveyDetail[`${field}Etc` as keyof SurveyDetailRequest])
+        ) {
+          return field
+        }
+      } else if (SPECIAL_CONDITIONS.includes(field as (typeof SPECIAL_CONDITIONS)[number])) {
+        if (surveyDetail[field as keyof SurveyDetailRequest] === '2' && isEmptyValue(surveyDetail[`${field}Etc` as keyof SurveyDetailRequest])) {
+          return `${field}Etc`
+        } else if (isEmptyValue(surveyDetail[field as keyof SurveyDetailRequest])) {
+          return field
+        }
+      }
+      return ''
+    }
+
+    // 필수 필드 체크
+    const emptyField = requiredFields.find((field) => checkRequiredField(field.field))
+    if (emptyField) return emptyField.field
+
+    // 계약 용량 단위 체크
+    const contractCapacity = surveyDetail.contractCapacity
+    if (contractCapacity?.trim() && contractCapacity.split(' ').length === 1) {
+      return 'contractCapacityUnit'
+    }
+    return ''
   }
 
   const getZipCode = async (zipCode: string): Promise<ZipCode[] | null> => {

src/libs/session.ts

@@ -44,7 +44,9 @@ export const defaultSession: SessionData = {
   groupId: null,
   storeLvl: null,
   custCd: null,
+  builderId: null,
   builderNo: null,
+  builderNm: null,
   isLoggedIn: false,
   role: null,
 }

src/providers/ReactQueryProvider.tsx

@@ -11,6 +11,7 @@ export default function ReactQueryProviders({ children }: React.PropsWithChildre
         defaultOptions: {
           queries: {
             staleTime: 60 * 1000,
+            retry: false,
           },
         },
       }),

src/store/session.ts

@@ -40,7 +40,9 @@ const initialState: InitialState = {
     groupId: null,
     storeLvl: null,
     custCd: null,
+    builderId: null,
     builderNo: null,
+    builderNm: null,
     isLoggedIn: false,
     role: null,
   },

src/store/surveyFilterStore.ts

@@ -21,18 +21,18 @@ export const SEARCH_OPTIONS = [
     id: 'store',
     label: '販売店名',
   },
-  //   {
-  //     id: 'store_id',
-  //     label: '販売店ID',
-  //   },
+  {
+    id: 'store_id',
+    label: '販売店ID',
+  },
   {
     id: 'construction_point',
     label: '施工店名',
   },
-  //   {
-  //     id: 'construction_id',
-  //     label: '施工店ID',
-  //   },
+  {
+    id: 'construction_point_id',
+    label: '施工店ID',
+  },
 ]
 
 export const SEARCH_OPTIONS_PARTNERS = [

src/store/useSuitableStore.ts

@@ -35,6 +35,10 @@ interface SuitableState {
   removeSelectedItem: (mainId: number, detailId?: number) => void
   /* 선택된 아이템 모두 제거 */
   clearSelectedItems: () => void
+  /* 선택된 아이템 검색 상태 */
+  selectedItemsSearching: boolean
+  /* 선택된 아이템 검색 상태 설정 */
+  setSelectedItemsSearching: (value: boolean) => void
 }
 
 export const useSuitableStore = create<SuitableState>((set) => ({
@@ -43,6 +47,7 @@ export const useSuitableStore = create<SuitableState>((set) => ({
   selectedCategory: '' as string,
   searchKeyword: '' as string,
   selectedItems: new Map() as Map<number, Set<number>>,
+  selectedItemsSearching: false as boolean,
 
   /* 공통코드 설정 */
   setSuitableCommCode: (headCode: string, commCode: CommCode[]) =>
@@ -84,7 +89,7 @@ export const useSuitableStore = create<SuitableState>((set) => ({
     set(() => {
       const newSelectedItems = new Map()
       suitableIds.forEach((suitableId) => {
-        newSelectedItems.set(suitableId.id, new Set(suitableId.detailId.split(',').map(Number)))
+        newSelectedItems.set(suitableId.id, new Set(suitableId.detailId?.split(',').map(Number)))
       })
       return { selectedItems: newSelectedItems }
     })
@@ -114,4 +119,7 @@ export const useSuitableStore = create<SuitableState>((set) => ({
 
   /* 선택된 아이템 모두 제거 */
   clearSelectedItems: () => set({ selectedItems: new Map() as Map<number, Set<number>> }),
+
+  /* 선택된 아이템 검색 상태 설정 */
+  setSelectedItemsSearching: (value: boolean) => set({ selectedItemsSearching: value }),
 }))

src/styles/components/_pdfview.scss

@@ -58,11 +58,22 @@
 }
 
 // 지붕재 적합성
+.pdf-table-wrap{
+  max-width: 1540px;
+  min-width: 1540px;
+  margin: 0 auto;
+}
 .pdf-intro-page{
-  height: 1080px;
+  display: flex;
+  flex-direction: column;
+  height: 1050px;
   padding: 80px 40px ;
   background-color: #fff;
 }
+.pdf-intro-foot-date{
+  margin-top: auto;
+  text-align: right;
+}
 .pdf-intro-tit-wrap{
   text-align: center;
   .pdf-intro-tit{
@@ -80,7 +91,11 @@
 }
 
 .pdf-table-content{
+  display: flex;
+  flex-direction: column;
+  height: 1050px;
   padding: 20px;
+  margin-bottom: 50px;
 }
 .pdf-table-grid-wrap{
   display: grid;

src/styles/components/_sub.scss

@@ -1,38 +1,38 @@
-@use '../abstracts' as *;
+@use "../abstracts" as *;
 
 // input form 공통
-.data-input-form-bx {
+.data-input-form-bx{
   margin-bottom: 18px;
-  &:last-child {
+  &:last-child{
     margin-bottom: 0;
   }
-  .data-input-form-tit {
+  .data-input-form-tit{
     @include defaultFont($font-s-13, $font-w-500, $font-c);
     margin-bottom: 10px;
-    .import {
-      color: #f00;
+    .import{
+      color: #F00;
     }
-    span {
+    span{
       display: block;
-      @include defaultFont($font-s-13, $font-w-400, #a8b6c7);
+      @include defaultFont($font-s-13, $font-w-400, #A8B6C7);
     }
   }
-  .data-input-guide {
+  .data-input-guide{
     margin-top: 8px;
-    @include defaultFont($font-s-13, $font-w-400, #a8b6c7);
+    @include defaultFont($font-s-13, $font-w-400, #A8B6C7);
   }
-}
+} 
 
-.btn-flex-wrap {
+.btn-flex-wrap{
   @include flex(5px);
   margin-top: 24px;
-  .btn-bx {
+  .btn-bx{
     flex: 1;
   }
-  &.com {
-    .btn-bx {
+  &.com{
+    .btn-bx{
       flex: 1 1 auto;
-      button {
+      button{
         font-size: 12px;
       }
     }
@@ -40,13 +40,13 @@
 }
 
 // 매물 common
-.top-btn {
+.top-btn{
   position: fixed;
   bottom: 96px;
   right: 15px;
   width: 38px;
   height: 38px;
-  background-color: rgba(0, 0, 0, 0.5);
+  background-color: rgba(0, 0, 0, 0.50);
   background-image: url(/assets/images/sub/top_btn_icon.svg);
   background-position: center;
   background-repeat: no-repeat;
@@ -55,68 +55,68 @@
   z-index: 90000;
 }
 
-.sale-contents {
+.sale-contents{
   width: 100%;
-  background-color: #f5f5f5;
-  .sale-frame {
+  background-color: #F5F5F5;
+  .sale-frame{
     padding: 0 20px;
-    border-top: 1px solid #ececec;
-    border-bottom: 1px solid #ececec;
+    border-top: 1px solid #ECECEC;
+    border-bottom: 1px solid #ECECEC;
     margin-bottom: 10px;
     padding-bottom: 24px;
     padding-top: 24px;
     background-color: $white-fff;
-    &:first-child {
+    &:first-child{
       padding-top: 0;
       border-top: none;
     }
-    &:last-child {
+    &:last-child{
       padding-bottom: 0;
       border-bottom: none;
       margin-bottom: 0;
     }
   }
 }
-.sale-form-btn-wrap {
-  padding: 20px 20px 0;
+.sale-form-btn-wrap{
+  padding: 20px 20px 0 ;
   background-color: #fff;
-  .btn-flex-wrap {
+  .btn-flex-wrap{
     margin-top: 0;
   }
 }
 
 // 매물 목록
-.sale-form-bx {
+.sale-form-bx{
   margin-bottom: 14px;
-  &:last-child {
+  &:last-child{
     margin-bottom: 0;
   }
-}
-.sale-list-wrap {
-  .sale-list-item {
+} 
+.sale-list-wrap{
+  .sale-list-item{
     padding-top: 14px;
     padding-bottom: 14px;
-    border-bottom: 1px solid #ececec;
+    border-bottom: 1px solid #ECECEC; 
     cursor: pointer;
-    &:first-child {
+    &:first-child{
       padding-top: 0;
     }
-    &:last-child {
+    &:last-child{
       border-bottom: none;
       padding-bottom: 0;
     }
   }
 }
-.sale-item-bx {
-  .sale-item-date-bx {
+.sale-item-bx{
+  .sale-item-date-bx{
     @include flex(0px);
     align-items: center;
     margin-bottom: 9px;
-    .sale-item-num {
+    .sale-item-num{
       position: relative;
       @include defaultFont($font-s-13, $font-w-400, $font-c);
       padding-right: 6px;
-      &::after {
+      &::after{
         content: '';
         position: absolute;
         top: 50%;
@@ -124,31 +124,31 @@
         transform: translateY(-50%);
         width: 1px;
         height: 10px;
-        background-color: #a2abb8;
+        background-color: #A2ABB8;
       }
     }
-    .sale-item-date {
-      @include defaultFont($font-s-13, $font-w-400, #a2abb8);
+    .sale-item-date{
+      @include defaultFont($font-s-13, $font-w-400, #A2ABB8);
       padding-left: 6px;
     }
   }
-  .sale-item-tit {
+  .sale-item-tit{
     @include defaultFont($font-s-15, $font-w-500, $font-c);
     @include ellipsis(1);
     margin-bottom: 9px;
   }
-  .sale-item-customer {
+  .sale-item-customer{
     @include defaultFont($font-s-13, $font-w-400, $font-c);
     margin-bottom: 9px;
   }
-  .sale-item-update-bx {
+  .sale-item-update-bx{
     @include flex(0px);
     align-items: center;
-    .sale-item-name {
+    .sale-item-name{
       position: relative;
-      @include defaultFont($font-s-13, $font-w-400, #a2abb8);
+      @include defaultFont($font-s-13, $font-w-400, #A2ABB8);
       padding-right: 6px;
-      &::after {
+      &::after{
         content: '';
         position: absolute;
         top: 50%;
@@ -156,177 +156,176 @@
         transform: translateY(-50%);
         width: 1px;
         height: 10px;
-        background-color: #a2abb8;
+        background-color: #A2ABB8;
       }
     }
-    .sale-item-update {
-      @include defaultFont($font-s-13, $font-w-400, #a2abb8);
+    .sale-item-update{
+      @include defaultFont($font-s-13, $font-w-400, #A2ABB8);
       padding-left: 6px;
     }
   }
-  &.nodata {
-    .sale-item-nodata {
+  &.nodata{
+    .sale-item-nodata{
       padding: 5px 0;
       text-align: center;
       @include defaultFont($font-s-15, $font-w-500, $font-c);
     }
   }
 }
-.sale-edit-btn {
+.sale-edit-btn{
   margin-top: 24px;
 }
 
 // 매물 상세
-.sale-data-table-wrap {
+.sale-data-table-wrap{
   padding: 24px;
   background-color: #fff;
-  border-top: 1px solid #ececec;
+  border-top: 1px solid #ECECEC;
 }
-.sale-data-table {
+.sale-data-table{
   width: 100%;
   table-layout: fixed;
-  tbody {
-    tr {
-      th {
+  tbody{
+    tr{
+      th{
         @include defaultFont($font-s-13, $font-w-500, $font-c);
         vertical-align: top;
         padding: 5px 0;
       }
-      td {
+      td{
         @include defaultFont($font-s-13, $font-w-400, $font-c);
         padding: 5px 0 8px 14px;
-        .data-down {
+        .data-down{
           @include flex(8px);
           align-items: center;
-          color: #1259cb;
-          i {
+          color: #1259CB;
+          i{
             display: block;
             width: 8px;
             height: 12px;
-            background: url(/assets/images/sub/down_icon.svg) no-repeat center;
+            background: url(/assets/images/sub/down_icon.svg)no-repeat center;
             background-size: cover;
           }
         }
       }
-      &:first-child {
-        th,
-        td {
+      &:first-child{
+        th,td{
           padding-top: 0;
         }
       }
-      &:last-child {
-        th,
-        td {
+      &:last-child{
+        th,td{
           padding-bottom: 0;
         }
       }
     }
   }
-}
+}  
 
-.sale-detail-toggle-wrap {
-  border-top: 1px solid #ececec;
+.sale-detail-toggle-wrap{
+  border-top: 1px solid #ECECEC;
 }
-.sale-detail-toggle-bx {
-  border-bottom: 1px solid #ececec;
+.sale-detail-toggle-bx{
+  border-bottom: 1px solid #ECECEC;
 }
-.sale-detail-toggle-head {
+.sale-detail-toggle-head{
   @include flex(5px);
   padding: 14px 18px;
   background-color: $white-fff;
   cursor: pointer;
-  .sale-detail-toggle-name {
+  .sale-detail-toggle-name{
     @include defaultFont($font-s-13, $font-w-500, $font-c);
   }
-  .sale-detail-toggle-btn-wrap {
+  .sale-detail-toggle-btn-wrap{
     margin-left: auto;
-    .sale-detail-toggle-btn {
+    .sale-detail-toggle-btn{
       display: block;
       width: 22px;
       height: 22px;
-      background: url(/assets/images/sub/sale_toggle_btn.svg) no-repeat center;
-      background-size: cover;
+      background: url(/assets/images/sub/sale_toggle_btn.svg)no-repeat center;
+      background-size: cover
     }
   }
 }
-.sale-detail-toggle-cont {
+.sale-detail-toggle-cont{
   display: none;
-  .sale-frame {
+  .sale-frame{
     padding: 24px 20px;
-    &:first-child {
+    &:first-child{
       padding-top: 24px;
     }
-    &:last-child {
+    &:last-child{
       padding-bottom: 24px;
     }
   }
 }
 
-.sale-detail-toggle-bx {
-  &.act {
-    .sale-detail-toggle-head {
-      background-color: #5f738e;
-      .sale-detail-toggle-name {
-        color: #fff;
+.sale-detail-toggle-bx{
+  &.act{
+    .sale-detail-toggle-head{
+      background-color: #5F738E;
+      .sale-detail-toggle-name{
+        color: #fff
       }
-      .sale-detail-toggle-btn-wrap {
-        .sale-detail-toggle-btn {
-          background: url(/assets/images/sub/sale_toggle_btn_white.svg) no-repeat center;
+      .sale-detail-toggle-btn-wrap{
+        .sale-detail-toggle-btn{
+          background: url(/assets/images/sub/sale_toggle_btn_white.svg)no-repeat center;
         }
       }
     }
-    .sale-detail-toggle-cont {
+    .sale-detail-toggle-cont{
       display: block;
     }
   }
 }
 
 // 매물 기본정보
-.form-flex {
+.form-flex{
   @include flex(5px);
-  .form-bx {
+  .form-bx{
     flex: 1;
   }
 }
-.form-btn {
+.form-btn{
   margin-top: 12px;
 }
 
 // 매물 전기 지붕정보
-.sale-roof-title {
+.sale-roof-title{
   @include defaultFont($font-s-15, $font-w-500, $font-c);
   padding-bottom: 10px;
   margin-bottom: 20px;
-  border-bottom: 1px solid #2e3a59;
+  border-bottom: 1px solid #2E3A59;
 }
-.data-check-wrap {
+.data-check-wrap{
   @include flex(10px);
   flex-wrap: wrap;
   margin-bottom: 12px;
   .radio-form-box,
-  .check-form-box {
+  .check-form-box{
     width: calc(50% - 5px);
   }
-  &.mb0 {
+  &.mb0{
     margin-bottom: 0;
   }
 }
-.data-input {
-  &.flex {
+.data-input{
+  &.flex{
     @include flex(8px);
     align-items: center;
-    span {
+    span{
       flex: none;
       @include defaultFont($font-s-13, $font-w-400, $font-c);
     }
   }
 }
 
+
 // 1:1 문의 common
-.inquiry-frame {
+.inquiry-frame{
   padding: 0 20px;
 }
-.badge {
+.badge{
   min-width: 60px;
   height: 30px;
   line-height: 30px;
@@ -335,64 +334,65 @@
   text-align: center;
   font-size: $font-s-12;
   font-weight: $font-w-500;
-  &.blue {
-    color: #5497e9;
-    background-color: #ecf5ff;
+  &.blue{
+    color: #5497E9;
+    background-color: #ECF5FF;
   }
-  &.orange {
-    color: #f86a56;
-    background-color: #ffefed;
+  &.orange{
+    color: #F86A56;
+    background-color: #FFEFED;
   }
-  &.block {
+  &.block{
     width: 100%;
+    
   }
 }
 // 1:1 문의 목록
-.inquiry-table-filter {
+.inquiry-table-filter{
   margin-bottom: 24px;
-  .filter-check {
+  .filter-check{
     margin-bottom: 12px;
   }
 }
-.inquiry-list-tit {
+.inquiry-list-tit{
   padding-bottom: 10px;
-  border-bottom: 1px solid #2e3a59;
+  border-bottom: 1px solid #2E3A59;
   @include defaultFont($font-s-13, $font-w-400, $font-c);
-  span {
+  span{
     font-weight: $font-w-500;
   }
 }
-.inquiry-list {
-  .inquiry-item {
+.inquiry-list{
+  .inquiry-item{
     padding: 10px 0;
     cursor: pointer;
-    border-bottom: 1px solid #ececec;
-    &:last-child {
+    border-bottom: 1px solid #ECECEC;
+    &:last-child{
       border-bottom: none;
       padding-bottom: 0;
     }
-    .inquiry-item-bx {
+    .inquiry-item-bx{
       position: relative;
       padding-right: 70px;
-      .inquiry-item-category {
+      .inquiry-item-category{
         display: flex;
         align-items: center;
         margin-bottom: 5px;
-        span {
+        span{
           position: relative;
           display: block;
           @include defaultFont($font-s-13, $font-w-400, $font-c);
           padding: 0 6px;
-          &:first-child {
+          &:first-child{
             padding-left: 0;
           }
-          &:last-child {
+          &:last-child{
             padding-right: 0;
-            &::before {
+            &::before{
               display: none;
             }
           }
-          &::before {
+          &::before{
             content: '';
             position: absolute;
             top: 50%;
@@ -400,31 +400,26 @@
             transform: translateY(-50%);
             width: 1px;
             height: 10px;
-            background-color: #a2abb8;
+            background-color: #A2ABB8;
           }
         }
       }
-      .inquiry-item-tit {
+      .inquiry-item-tit{
         @include defaultFont($font-s-15, $font-w-500, $font-c);
         @include ellipsis(1);
         margin-bottom: 5px;
-        white-space: nowrap;
-        overflow: hidden;
-        text-overflow: ellipsis;
-        width: 100%;
-        display: block;
       }
-      .inquiry-item-date {
-        @include defaultFont($font-s-13, $font-w-400, #a2abb8);
+      .inquiry-item-date{
+        @include defaultFont($font-s-13, $font-w-400, #A2ABB8);
       }
-      .inquiry-badge {
+      .inquiry-badge{
         position: absolute;
         top: 0;
         right: 0;
       }
-      &.nodata {
+      &.nodata{
         padding-right: 0;
-        .inquiry-item-nodata {
+        .inquiry-item-nodata{
           padding: 10px 0;
           text-align: center;
           @include defaultFont($font-s-15, $font-w-500, $font-c);
@@ -435,45 +430,42 @@
 }
 
 // 1:1문의 작성
-.textarea-form {
-  white-space: pre-wrap;
-}
-.inquiry-file-wrap {
+.inquiry-file-wrap{
   margin-top: 20px;
-  .file-list-wrap {
+  .file-list-wrap{
     margin-top: 14px;
   }
 }
-.file-list-tit {
+.file-list-tit{
   @include defaultFont($font-s-13, $font-w-500, $font-c);
 }
-.file-list {
+.file-list{
   margin-top: 14px;
-  .file-item {
-    border-top: 1px solid #ededed;
+  .file-item{
+    border-top: 1px solid #EDEDED;
     cursor: default;
-    .file-item-bx {
+    .file-item-bx{
       width: 100%;
       padding: 14px 0;
       @include flex(0px);
       align-items: center;
-      .file-item-name {
+      .file-item-name{
         @include ellipsis(1);
         @include defaultFont($font-s-13, $font-w-400, $font-c);
         padding-right: 10px;
       }
-      .file-del {
+      .file-del{
         flex: none;
         display: block;
         margin-left: auto;
         width: 16px;
         height: 16px;
-        background: url(/assets/images/common/id_delete_icon.svg) no-repeat center;
+        background: url(/assets/images/common/id_delete_icon.svg)no-repeat center;
         background-size: cover;
       }
     }
-    &:last-child {
-      .file-item-bx {
+    &:last-child{
+      .file-item-bx{
         padding-bottom: 0;
       }
     }
@@ -481,33 +473,33 @@
 }
 
 // 1:1 문의 상세
-.inquiry-detail-data-table {
+.inquiry-detail-data-table{
   padding: 20px 0;
-  border-bottom: 1px solid #ececec;
+  border-bottom: 1px solid #ECECEC;
 }
-.inquiry-detail-data {
+.inquiry-detail-data{
   padding: 20px 0;
-  border-bottom: 1px solid #2e3a59;
+  border-bottom: 1px solid #2E3A59;
   margin-bottom: 24px;
-  .inquiry-detail-category {
+  .inquiry-detail-category{
     display: flex;
     align-items: center;
     margin-bottom: 3px;
-    span {
+    span{
       position: relative;
       display: block;
       @include defaultFont($font-s-13, $font-w-400, $font-c);
       padding: 0 6px;
-      &:first-child {
+      &:first-child{
         padding-left: 0;
       }
-      &:last-child {
+      &:last-child{
         padding-right: 0;
-        &::before {
+        &::before{
           display: none;
         }
       }
-      &::before {
+      &::before{
         content: '';
         position: absolute;
         top: 50%;
@@ -515,154 +507,152 @@
         transform: translateY(-50%);
         width: 1px;
         height: 10px;
-        background-color: #a2abb8;
+        background-color: #A2ABB8;
       }
     }
   }
-  .inquiry-detail-tit {
+  .inquiry-detail-tit{
     @include defaultFont($font-s-15, $font-w-500, $font-c);
     margin-bottom: 10px;
-    word-wrap: break-word;
-    white-space: normal;
-    overflow-wrap: break-word;
   }
-  .inquiry-detail-txt {
+  .inquiry-detail-txt{
     @include defaultFont($font-s-13, $font-w-400, $font-c);
     white-space: pre-line;
   }
 }
 
 // 1:1 문의 답변
-.inquiry-answer-wrap {
+.inquiry-answer-wrap{
   margin-top: 24px;
+  
 }
-.inquiry-answer-header {
+.inquiry-answer-header{
   padding: 20px 0;
-  border-top: 1px solid #f86a56;
-  border-bottom: 1px solid #ececec;
-  .inquiry-answer-tit {
-    @include defaultFont($font-s-14, $font-w-500, #f86a56);
+  border-top: 1px solid #F86A56;
+  border-bottom: 1px solid #ECECEC;
+  .inquiry-answer-tit{
+    @include defaultFont($font-s-14, $font-w-500, #F86A56);
     margin-bottom: 5px;
   }
-  .inquiry-answer-date {
-    @include defaultFont($font-s-13, $font-w-400, #f86a56);
+  .inquiry-answer-date{
+    @include defaultFont($font-s-13, $font-w-400, #F86A56);
   }
 }
-.inquiry-answer-tit {
+.inquiry-answer-tit{
   @include defaultFont($font-s-13, $font-w-400, $font-c);
   margin-bottom: 3px;
 }
 
 // 비밀번호 변경
-.border-frame {
+.border-frame{
   padding: 20px;
-  border-top: 1px solid #ececec;
-  border-bottom: 1px solid #ececec;
+  border-top: 1px solid #ECECEC;
+  border-bottom: 1px solid #ECECEC;
   background-color: #fff;
   margin-bottom: 10px;
-  &:last-child {
+  &:last-child{
     border-bottom: none;
     padding-bottom: 0;
     margin-bottom: 0;
   }
 }
-.pw-guide {
-  .pw-guide-tit {
-    @include defaultFont($font-s-16, $font-w-500, #1259cb);
+.pw-guide{
+  .pw-guide-tit{
+    @include defaultFont($font-s-16, $font-w-500, #1259CB);
   }
-  .pw-guide-txt {
-    @include defaultFont($font-s-13, $font-w-400, #417ddc);
+  .pw-guide-txt{
+    @include defaultFont($font-s-13, $font-w-400, #417DDC);
   }
 }
 
 // 지붕재 적합성
-.compliance-icon {
+.compliance-icon{
   display: flex;
 }
-.compliance-check-wrap {
+.compliance-check-wrap{
   padding-top: 10px;
 }
-.compliance-check-bx {
+.compliance-check-bx{
   position: relative;
   padding: 14px 18px;
-  border: 1px solid #efefef;
+  border: 1px solid #EFEFEF;
   border-radius: 4px;
   margin-bottom: 10px;
-  &:last-child {
+  &:last-child{
     margin-bottom: 0;
   }
-  &.act {
-    .bx-btn {
+  &.act{
+    .bx-btn{
       transform: rotate(0) !important;
     }
-    .reference-list {
-      display: block;
+    .reference-list{
+      display: block
     }
   }
 }
-.check-name-wrap {
+.check-name-wrap{
   @include flex(0px);
   align-items: center;
-  .check-name {
+  .check-name{
     @include defaultFont($font-s-13, $font-w-500, $font-c);
   }
-  .check-name-btn {
+  .check-name-btn{
     padding-left: 5px;
     margin-left: auto;
-    .bx-btn {
+    .bx-btn{
       display: block;
       width: 22px;
       height: 22px;
-      background: url(/assets/images/sub/compliance_bx_icon.svg) no-repeat center;
+      background: url(/assets/images/sub/compliance_bx_icon.svg)no-repeat center;
       transform: rotate(180deg);
     }
   }
 }
-.reference-list {
+.reference-list{
   display: none;
   margin-top: 10px;
   padding-top: 14px;
-  border-top: 1px solid #ececec;
-  transition: all 0.15s ease-in-out;
-  .reference-item {
+  border-top: 1px solid #ECECEC;
+  transition: all .15s ease-in-out;
+  .reference-item{
     margin-bottom: 8px;
     padding-left: 14px;
-    .reference-item-bx {
+    .reference-item-bx{
       @include flex(10px);
       @include defaultFont($font-s-13, $font-w-400, $font-c);
       align-items: center;
     }
-    &:last-child {
+    &:last-child{
       margin-bottom: 0;
     }
   }
-  &.check {
-    .reference-item {
+  &.check{
+    .reference-item{
       margin-bottom: 14px;
     }
   }
 }
 
-.compliace-nosearch {
+.compliace-nosearch{
   padding: 30px 0;
-  span {
+  span{
     display: block;
     @include defaultFont($font-s-13, $font-w-400, $font-c);
     text-align: center;
   }
 }
 
-.check-item-wrap {
+.check-item-wrap{
   @include flex(0px);
   align-items: center;
 }
-.compliance-icon-wrap {
+.compliance-icon-wrap{
   margin-left: auto;
   min-width: 44px;
   @include flex(0px);
   align-items: center;
 }
-.float-btn-wrap {
+.float-btn-wrap{
   position: sticky;
   bottom: 10px;
   left: 0;
@@ -670,14 +660,14 @@
   background-color: #fff;
   z-index: 9;
 }
-@media screen and (max-width: 360px) {
-  .btn-flex-wrap {
+@media screen and (max-width: 360px){
+  .btn-flex-wrap{
     flex-direction: column;
   }
-  .data-check-wrap {
+  .data-check-wrap{
     .radio-form-box,
-    .check-form-box {
+    .check-form-box{
       width: 100%;
     }
   }
-}
+}

src/types/Auth.ts

@@ -26,7 +26,9 @@ export interface SessionData {
   groupId: null
   storeLvl: null
   custCd: null
+  builderId: null
   builderNo: null
+  builderNm: null | string
   isLoggedIn: boolean
   role: string | null
 }

src/types/Suitable.ts

@@ -2,7 +2,7 @@ export enum SUITABLE_HEAD_CODE {
   /* 지붕재 제조사명 */
   MANU_FT_CD = 'MANU_FT_CD',
   /* 지붕재 그룹 종류 */
-  ROOF_MATERIAL_GROUP = 'ROOF_MATL_GRP_CD',
+  ROOF_MATL_GRP_CD = 'ROOF_MATL_GRP_CD',
   /* 지붕재 종류 */
   ROOF_MT_CD = 'ROOF_MT_CD',
   /* 마운팅 브래킷 종류 */

src/types/Survey.ts

@@ -5,6 +5,7 @@ export type SurveyBasicInfo = {
   store: string | null
   storeId: string | null
   constructionPoint: string | null
+  constructionPointId: string | null
   investigationDate: string | null
   buildingName: string | null
   customerName: string | null
@@ -17,6 +18,7 @@ export type SurveyBasicInfo = {
   regDt: Date
   uptDt: Date
   submissionTargetId: string | null
+  submissionTargetNm: string | null
   srlNo: string | null //판매점IDyyMMdd000
 }
 
@@ -68,6 +70,7 @@ export type SurveyBasicRequest = {
   store: string | null
   storeId: string | null
   constructionPoint: string | null
+  constructionPointId: string | null
   investigationDate: string | null
   buildingName: string | null
   customerName: string | null
@@ -77,6 +80,7 @@ export type SurveyBasicRequest = {
   submissionStatus: boolean
   submissionDate: string | null
   submissionTargetId: string | null
+  submissionTargetNm: string | null
   srlNo: string | null //판매점IDyyMMdd000
 }