feat: implement file download function

.env.development

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

.env.localhost

@@ -9,6 +9,7 @@ NEXT_PUBLIC_QSP_API_URL=http://1.248.227.176:8120
 
 #1:1문의 api
 NEXT_PUBLIC_INQUIRY_API_URL=http://172.23.4.129:8110
+NEXT_PUBLIC_INQUIRY_FILE_DOWNLOAD_API_URL=https://jp-dev.qsalesplatform.com
 
 #QPARTNER 로그인 api
 DB_HOST=202.218.61.226

src/app/api/comm-code/route.ts

@@ -20,7 +20,6 @@ export async function GET(request: NextRequest) {
     if (!headCd) {
       return NextResponse.json({ error: `${headCode}를 찾을 수 없습니다` }, { status: 404 })
     }
-
     // @ts-ignore
     const roofMaterials: CommCode[] = await prisma.BC_COMM_L.findMany({
       where: {
@@ -35,10 +34,29 @@ export async function GET(request: NextRequest) {
         CODE: 'asc',
       },
     })
-
+    if (headCode === 'SALES_OFFICE_CD') {
+      return getSaleOffice(headCd.HEAD_CD)
+    }
     return NextResponse.json(roofMaterials)
   } catch (error) {
     console.error('❌ 데이터 조회 중 오류가 발생했습니다:', error)
     return NextResponse.json({ error: '데이터 조회 중 오류가 발생했습니다' }, { status: 500 })
   }
 }
+
+const getSaleOffice = async (headCode: string) => {
+  // @ts-ignore
+  const commCodeSaleOffice: CommCode[] = await prisma.BC_COMM_L.findMany({
+    where: {
+      HEAD_CD: headCode,
+      REF_NUM1: 1,
+    },
+    select: {
+      CODE: true,
+      CODE_JP: true,
+      REF_CHR1: true,
+      REF_NUM1: true,
+    },
+  })
+  return NextResponse.json(commCodeSaleOffice)
+}

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

@@ -4,19 +4,30 @@ 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}/file/downloadFile`, {
+    const response = await axios.get(`${process.env.NEXT_PUBLIC_INQUIRY_FILE_DOWNLOAD_API_URL}/api/file/downloadFile2`, {
+      responseType: 'arraybuffer',
       params: {
         encodeFileNo,
       },
     })
-    return NextResponse.json(response.data)
+    if (response.headers['content-type'] === 'application/octet-stream;charset=UTF-8') {
+      return new NextResponse(response.data, {
+        status: 200,
+        headers: {
+          'Content-Type': 'application/octet-stream;charset=UTF-8',
+          'Content-Disposition': `attachment; filename="${srcFileNm}"`,
+        },
+      })
+    } else {
+      return NextResponse.json({ error: 'file not found' }, { status: 404 })
+    }
   } catch (error: any) {
-    console.error(error.response)
     return NextResponse.json({ error: error.response.data }, { status: 500 })
   }
 }

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

@@ -3,6 +3,7 @@ import { NextResponse } from 'next/server'
 
 export async function POST(request: Request) {
   const formData = await request.formData()
+  console.log(formData)
   try {
     const response = await axios.post(`${process.env.NEXT_PUBLIC_INQUIRY_API_URL}/api/qna/save`, formData, {
       headers: {

src/app/pdf/page.tsx

@@ -1,9 +0,0 @@
-import DownloadPdf from '@/components/DownloadPDF'
-
-export default function page() {
-  return (
-    <>
-      <DownloadPdf />
-    </>
-  )
-}

src/app/pdf/suitable/page.tsx

@@ -0,0 +1,9 @@
+import SuitableDownloadPdf from '@/components/pdf/SuitableDownloadPdf'
+
+export default function page() {
+  return (
+    <>
+      <SuitableDownloadPdf />
+    </>
+  )
+}

src/app/pdf/survey-sale/[id]/page.tsx

@@ -0,0 +1,9 @@
+import SurveySaleDownloadPdf from '@/components/pdf/SurveySaleDownloadPdf'
+
+export default function page() {
+  return (
+    <>
+      <SurveySaleDownloadPdf />
+    </>
+  )
+}

src/components/inquiry/Answer.tsx

@@ -2,7 +2,13 @@
 
 import { Inquiry } from '@/types/Inquiry'
 
-export default function Answer({ inquiryDetail, downloadFile }: { inquiryDetail: Inquiry; downloadFile: (encodeFileNo: number) => Promise<File> }) {
+export default function Answer({
+  inquiryDetail,
+  downloadFile,
+}: {
+  inquiryDetail: Inquiry
+  downloadFile: (encodeFileNo: number, srcFileNm: string) => Promise<Blob | null>
+}) {
   return (
     <>
       <div className="inquiry-answer-wrap">
@@ -21,7 +27,7 @@ export default function Answer({ inquiryDetail, downloadFile }: { inquiryDetail:
           <ul className="file-list">
             {inquiryDetail?.ansListFile?.map((file) => (
               <li className="file-item" key={file.fileNo}>
-                <button className="file-item-bx" onClick={() => downloadFile(Number(file.encodeFileNo))}>
+                <button className="file-item-bx" onClick={() => downloadFile(Number(file.encodeFileNo), file.srcFileNm)}>
                   <div className="file-item-name">{file.srcFileNm} </div>
                 </button>
               </li>

src/components/inquiry/Detail.tsx

@@ -65,7 +65,12 @@ export default function Detail() {
             <ul className="file-list">
               {inquiryDetail?.listFile?.map((file) => (
                 <li className="file-item" key={file.fileNo}>
-                  <button className="file-item-bx" onClick={() => downloadFile(Number(file.encodeFileNo))}>
+                  <button
+                    className="file-item-bx"
+                    onClick={() => {
+                      downloadFile(Number(file.encodeFileNo), file.srcFileNm)
+                    }}
+                  >
                     <div className="file-item-name">{file.srcFileNm} </div>
                   </button>
                 </li>

src/components/inquiry/RegistForm.tsx

@@ -74,7 +74,6 @@ export default function RegistForm() {
       focusOnRequiredField('qstMail')
       return
     }
-
     const formData = new FormData()
     attachedFiles.forEach((file) => {
       formData.append('files', file)
@@ -82,12 +81,6 @@ export default function RegistForm() {
     Object.entries(inquiryRequest).forEach(([key, value]) => {
       formData.append(key, value ?? '')
     })
-
-    const formDataObj: Record<string, any> = {}
-    formData.forEach((value, key) => {
-      formDataObj[key] = value
-    })
-
     window.neoConfirm(
       'お問い合わせを登録しますか？ Hanwha Japanの担当者にお問い合わせメールが送信されます。',
       async () => {
@@ -115,7 +108,9 @@ export default function RegistForm() {
                 value={inquiryRequest.qnaClsLrgCd}
                 onChange={(e) => setInquiryRequest({ ...inquiryRequest, qnaClsLrgCd: e.target.value })}
               >
-                <option value="" hidden>選択してください</option>
+                <option value="" hidden>
+                  選択してください
+                </option>
                 {commonCodeList
                   .filter((code) => code.headCd === '204200')
                   .map((code) => (
@@ -133,7 +128,9 @@ export default function RegistForm() {
                 value={inquiryRequest.qnaClsMidCd}
                 onChange={(e) => setInquiryRequest({ ...inquiryRequest, qnaClsMidCd: e.target.value })}
               >
-                <option value="" hidden>選択してください</option>
+                <option value="" hidden>
+                  選択してください
+                </option>
                 {commonCodeList
                   .filter((code) => code.refChar1 === inquiryRequest.qnaClsLrgCd)
                   .map((code) => (
@@ -151,7 +148,9 @@ export default function RegistForm() {
                 value={inquiryRequest.qnaClsSmlCd ?? ''}
                 onChange={(e) => setInquiryRequest({ ...inquiryRequest, qnaClsSmlCd: e.target.value })}
               >
-                <option value="" hidden>選択してください</option>
+                <option value="" hidden>
+                  選択してください
+                </option>
                 {commonCodeList
                   .filter((code) => code.refChar1 === inquiryRequest.qnaClsMidCd)
                   .map((code) => (

src/components/pdf/SurveySaleDownloadPdf.tsx

@@ -1,9 +1,22 @@
 'use client'
 
-import { useRef } from 'react'
+import { useEffect, useRef } from 'react'
 import generatePDF, { Margin, Resolution } from 'react-to-pdf'
+import { useParams } from 'next/navigation'
+import { useSurvey } from '@/hooks/useSurvey'
+import { radioEtcData, roofMaterial, selectBoxOptions, supplementaryFacilities } from '../survey-sale/detail/RoofForm'
+
+export default function SurveySaleDownloadPdf() {
+  const params = useParams()
+  const id = params.id
+
+  const { surveyDetail, isLoadingSurveyDetail } = useSurvey(Number(id))
+
+  useEffect(() => {
+    if (isLoadingSurveyDetail) return
+    handleDownPdf()
+  }, [surveyDetail, isLoadingSurveyDetail])
 
-export default function DownloadPdf() {
   const targetRef = useRef<HTMLDivElement>(null)
   const handleDownPdf = () => {
     const options = {
@@ -33,7 +46,7 @@ export default function DownloadPdf() {
   }
   return (
     <>
-      <button onClick={handleDownPdf}>down</button>
+      {/* <button onClick={handleDownPdf}>down</button> */}
       <div ref={targetRef} style={{ boxSizing: 'border-box' }}>
         <div style={{ margin: '0 auto', padding: 0, maxWidth: '800px', minWidth: '800px' }}>
           <div style={{ padding: '20px 20px 50px', borderBottom: '2px solid #2E3A59' }}>
@@ -46,12 +59,14 @@ export default function DownloadPdf() {
                   現地明登施工店名
                 </p>
                 <p style={{ margin: 0, padding: 0, fontSize: '13px', color: '#FF5656', fontWeight: 400, fontFamily: 'M-Gothic' }}>
-                  Sheet2 No.4Sheet2
+                  {surveyDetail?.store}
                 </p>
               </div>
               <div style={{ float: 'right' }}>
                 <p style={{ margin: 0, padding: 0, fontSize: '13px', color: '#101010', fontWeight: 500, fontFamily: 'M-Gothic' }}>現地阴買日</p>
-                <p style={{ margin: 0, padding: 0, fontSize: '13px', color: '#FF5656', fontWeight: 400, fontFamily: 'M-Gothic' }}>2025.05.09</p>
+                <p style={{ margin: 0, padding: 0, fontSize: '13px', color: '#FF5656', fontWeight: 400, fontFamily: 'M-Gothic' }}>
+                  {surveyDetail?.investigationDate}
+                </p>
               </div>
             </div>
           </div>
@@ -86,7 +101,7 @@ export default function DownloadPdf() {
                       boxSizing: 'border-box',
                     }}
                   >
-                    Sheet2No.1
+                    {surveyDetail?.customerName}
                   </td>
                 </tr>
                 <tr>
@@ -115,7 +130,7 @@ export default function DownloadPdf() {
                       boxSizing: 'border-box',
                     }}
                   >
-                    Sheet2No.2
+                    {surveyDetail?.postCode ? `(${surveyDetail?.postCode}) ${surveyDetail?.address} ${surveyDetail?.addressDetail}` : '-'}
                   </td>
                 </tr>
               </tbody>
@@ -153,7 +168,7 @@ export default function DownloadPdf() {
                       boxSizing: 'border-box',
                     }}
                   >
-                    Sheet2No.1
+                    {surveyDetail?.detailInfo?.contractCapacity}
                   </td>
                   <th
                     style={{
@@ -180,7 +195,7 @@ export default function DownloadPdf() {
                       boxSizing: 'border-box',
                     }}
                   >
-                    Sheet2No.1
+                    {surveyDetail?.detailInfo?.retailCompany}
                   </td>
                 </tr>
                 <tr>
@@ -210,7 +225,13 @@ export default function DownloadPdf() {
                       boxSizing: 'border-box',
                     }}
                   >
-                    Sheet2No.7 選式回答表示/自由入力回答表示
+                    {supplementaryFacilities
+                      .filter((facility) => surveyDetail?.detailInfo?.supplementaryFacilities?.includes(facility.id.toString()))
+                      .map((facility) => facility.name)
+                      .join(', ')}
+                    {surveyDetail?.detailInfo?.supplementaryFacilitiesEtc
+                      ? `, (その他) ${surveyDetail?.detailInfo?.supplementaryFacilitiesEtc}`
+                      : '-'}
                   </td>
                 </tr>
                 <tr>
@@ -240,7 +261,11 @@ export default function DownloadPdf() {
                       boxSizing: 'border-box',
                     }}
                   >
-                    Sheet2No.8 選択式回表示/自由入力回表
+                    {
+                      selectBoxOptions.installationSystem.find((system) => system.id.toString() === surveyDetail?.detailInfo?.installationSystem)
+                        ?.name
+                    }
+                    {surveyDetail?.detailInfo?.installationSystemEtc ? `, (その他) ${surveyDetail?.detailInfo?.installationSystemEtc}` : '-'}
                   </td>
                 </tr>
               </tbody>
@@ -278,7 +303,7 @@ export default function DownloadPdf() {
                       boxSizing: 'border-box',
                     }}
                   >
-                    No.9
+                    {surveyDetail?.detailInfo?.constructionYear === '1' ? '新築' : `既築 (${surveyDetail?.detailInfo?.constructionYear}年)`}
                   </td>
                   <th
                     style={{
@@ -305,7 +330,11 @@ export default function DownloadPdf() {
                       boxSizing: 'border-box',
                     }}
                   >
-                    No.10
+                    {roofMaterial
+                      .filter((material) => surveyDetail?.detailInfo?.roofMaterial?.includes(material.id.toString()))
+                      .map((material) => material.name)
+                      .join(', ')}
+                    {surveyDetail?.detailInfo?.roofMaterialEtc ? `, (その他) ${surveyDetail?.detailInfo?.roofMaterialEtc}` : '-'}
                   </td>
                   <th
                     style={{
@@ -332,7 +361,7 @@ export default function DownloadPdf() {
                       boxSizing: 'border-box',
                     }}
                   >
-                    No.11
+                    {selectBoxOptions.roofShape.find((shape) => shape.id.toString() === surveyDetail?.detailInfo?.roofShape)?.name}
                   </td>
                 </tr>
                 <tr>
@@ -361,7 +390,7 @@ export default function DownloadPdf() {
                       boxSizing: 'border-box',
                     }}
                   >
-                    No.12
+                    {`${surveyDetail?.detailInfo?.roofSlope} 寸`}
                   </td>
                   <th
                     style={{
@@ -389,7 +418,7 @@ export default function DownloadPdf() {
                       boxSizing: 'border-box',
                     }}
                   >
-                    No.13
+                    {`${surveyDetail?.detailInfo?.houseStructure ? '木製' : '(その他)'} ${surveyDetail?.detailInfo?.houseStructureEtc}`}
                   </td>
                 </tr>
                 <tr>
@@ -418,7 +447,8 @@ export default function DownloadPdf() {
                       boxSizing: 'border-box',
                     }}
                   >
-                    No.14
+                    {radioEtcData.rafterMaterial.find((material) => material.id.toString() === surveyDetail?.detailInfo?.rafterMaterial)?.label ??
+                      (surveyDetail?.detailInfo?.rafterMaterialEtc ? `(その他) ${surveyDetail?.detailInfo?.rafterMaterialEtc}` : '-')}
                   </td>
                   <th
                     style={{
@@ -446,7 +476,8 @@ export default function DownloadPdf() {
                       boxSizing: 'border-box',
                     }}
                   >
-                    No.15
+                    {selectBoxOptions.rafterSize.find((size) => size.id.toString() === surveyDetail?.detailInfo?.rafterSize)?.name ??
+                      (surveyDetail?.detailInfo?.rafterSizeEtc ? `(その他) ${surveyDetail?.detailInfo?.rafterSizeEtc}` : '-')}
                   </td>
                 </tr>
                 <tr>
@@ -463,7 +494,7 @@ export default function DownloadPdf() {
                       boxSizing: 'border-box',
                     }}
                   >
-                    垂木ビッチ
+                    垂木ピッチ
                   </th>
                   <td
                     style={{
@@ -475,7 +506,8 @@ export default function DownloadPdf() {
                       boxSizing: 'border-box',
                     }}
                   >
-                    No.16
+                    {selectBoxOptions.rafterPitch.find((pitch) => pitch.id.toString() === surveyDetail?.detailInfo?.rafterPitch)?.name ??
+                      (surveyDetail?.detailInfo?.rafterPitchEtc ? `(その他) ${surveyDetail?.detailInfo?.rafterPitchEtc}` : '-')}
                   </td>
                   <th
                     style={{
@@ -503,7 +535,8 @@ export default function DownloadPdf() {
                       boxSizing: 'border-box',
                     }}
                   >
-                    No.17
+                    {radioEtcData.rafterDirection.find((direction) => direction.id.toString() === surveyDetail?.detailInfo?.rafterDirection)?.label ??
+                      '-'}
                   </td>
                 </tr>
                 <tr>
@@ -532,7 +565,8 @@ export default function DownloadPdf() {
                       boxSizing: 'border-box',
                     }}
                   >
-                    No.18
+                    {selectBoxOptions.openFieldPlateKind.find((kind) => kind.id.toString() === surveyDetail?.detailInfo?.openFieldPlateKind)?.name ??
+                      (surveyDetail?.detailInfo?.openFieldPlateKindEtc ? `(その他) ${surveyDetail?.detailInfo?.openFieldPlateKindEtc}` : '-')}
                   </td>
                   <th
                     style={{
@@ -560,7 +594,7 @@ export default function DownloadPdf() {
                       boxSizing: 'border-box',
                     }}
                   >
-                    No.19
+                    {surveyDetail?.detailInfo?.openFieldPlateThickness ? `${surveyDetail?.detailInfo?.openFieldPlateThickness}mm` : '-'}
                   </td>
                 </tr>
                 <tr>
@@ -590,7 +624,7 @@ export default function DownloadPdf() {
                       boxSizing: 'border-box',
                     }}
                   >
-                    No.20
+                    {surveyDetail?.detailInfo?.leakTrace ? 'あり' : 'なし'}
                   </td>
                 </tr>
                 <tr>
@@ -620,7 +654,9 @@ export default function DownloadPdf() {
                       boxSizing: 'border-box',
                     }}
                   >
-                    No.21
+                    {radioEtcData.waterproofMaterial.find((material) => material.id.toString() === surveyDetail?.detailInfo?.waterproofMaterial)
+                      ?.label ??
+                      (surveyDetail?.detailInfo?.waterproofMaterialEtc ? `(その他) ${surveyDetail?.detailInfo?.waterproofMaterialEtc}` : '-')}
                   </td>
                 </tr>
                 <tr>
@@ -650,7 +686,11 @@ export default function DownloadPdf() {
                       boxSizing: 'border-box',
                     }}
                   >
-                    No.22
+                    {
+                      radioEtcData.insulationPresence.find((presence) => presence.id.toString() === surveyDetail?.detailInfo?.insulationPresence)
+                        ?.label
+                    }
+                    {surveyDetail?.detailInfo?.insulationPresenceEtc ? `(その他) ${surveyDetail?.detailInfo?.insulationPresenceEtc}` : '-'}
                   </td>
                 </tr>
                 <tr>
@@ -680,7 +720,8 @@ export default function DownloadPdf() {
                       boxSizing: 'border-box',
                     }}
                   >
-                    No.23
+                    {selectBoxOptions.structureOrder.find((order) => order.id.toString() === surveyDetail?.detailInfo?.structureOrder)?.name ??
+                      (surveyDetail?.detailInfo?.structureOrderEtc ? `(その他) ${surveyDetail?.detailInfo?.structureOrderEtc}` : '-')}
                   </td>
                 </tr>
               </tbody>
@@ -718,7 +759,14 @@ export default function DownloadPdf() {
                       boxSizing: 'border-box',
                     }}
                   >
-                    No.23
+                    {
+                      selectBoxOptions.installationAvailability.find(
+                        (availability) => availability.id.toString() === surveyDetail?.detailInfo?.installationAvailability,
+                      )?.name
+                    }
+                    {surveyDetail?.detailInfo?.installationAvailabilityEtc
+                      ? `(その他) ${surveyDetail?.detailInfo?.installationAvailabilityEtc}`
+                      : '-'}
                   </td>
                 </tr>
               </tbody>
@@ -738,7 +786,7 @@ export default function DownloadPdf() {
                 height: '150px',
               }}
             >
-              No.25
+              {surveyDetail?.detailInfo?.memo ?? '-'}
             </div>
           </div>
         </div>

src/components/popup/SurveySaleSubmitPopup.tsx

@@ -1,15 +1,18 @@
 import Image from 'next/image'
 import { usePopupController } from '@/store/popupController'
 import { useParams } from 'next/navigation'
-import { useServey } from '@/hooks/useSurvey'
-import { useState } from 'react'
+import { useSurvey } from '@/hooks/useSurvey'
+import { useEffect, useState } from 'react'
 import { useSessionStore } from '@/store/session'
+import { useCommCode } from '@/hooks/useCommCode'
+import { CommCode } from '@/types/CommCode'
 
 interface SubmitFormData {
+  saleBase: string | null
   store: string
   sender: string
-  receiver: string
-  reference: string
+  receiver: string[]
+  reference: string | null
   title: string
   contents: string
 }
@@ -20,31 +23,45 @@ interface FormField {
   required: boolean
 }
 
-const FORM_FIELDS: FormField[] = [
-  { id: 'store', name: '提出販売店', required: true },
-  { id: 'sender', name: '発送者', required: true },
-  { id: 'receiver', name: '受信者', required: true },
-  { id: 'reference', name: '参考', required: false },
-  { id: 'title', name: 'タイトル', required: true },
-  { id: 'contents', name: '内容', required: true },
-]
-
 export default function SurveySaleSubmitPopup() {
   const popupController = usePopupController()
   const { session } = useSessionStore()
   const params = useParams()
   const routeId = params.id
 
+  const [commCodeList, setCommCodeList] = useState<CommCode[]>([])
+
+  const { getCommCode } = useCommCode()
+
+  useEffect(() => {
+    if (session?.isLoggedIn && session?.role === 'Admin') {
+      getCommCode('SALES_OFFICE_CD').then((codes) => {
+        setCommCodeList(codes)
+      })
+    }
+  }, [session])
+
+  const FORM_FIELDS: FormField[] = [
+    { id: 'saleBase', name: '提出地点選択', required: session?.role === 'Admin' },
+    { id: 'store', name: '提出販売店', required: true },
+    { id: 'sender', name: '発送者', required: true },
+    { id: 'receiver', name: '受信者', required: true },
+    { id: 'reference', name: '参考', required: false },
+    { id: 'title', name: 'タイトル', required: true },
+    { id: 'contents', name: '内容', required: true },
+  ]
+
   const [submitData, setSubmitData] = useState<SubmitFormData>({
+    saleBase: null,
     store: '',
     sender: session?.email ?? '',
-    receiver: '',
-    reference: '',
+    receiver: [],
+    reference: null,
     title: '[HANASYS現地調査] 調査物件が提出.',
     contents: '',
   })
 
-  const { submitSurvey, isSubmittingSurvey } = useServey(Number(routeId))
+  const { submitSurvey, isSubmittingSurvey } = useSurvey(Number(routeId))
 
   const handleInputChange = (field: keyof SubmitFormData, value: string) => {
     setSubmitData((prev) => ({ ...prev, [field]: value }))
@@ -54,16 +71,15 @@ export default function SurveySaleSubmitPopup() {
     const requiredFields = FORM_FIELDS.filter((field) => field.required)
 
     for (const field of requiredFields) {
-      if (!data[field.id].trim()) {
+      if (data[field.id]?.length === 0) {
+        alert(`${field.name}は必須入力項目です。`)
         const element = document.getElementById(field.id)
         if (element) {
           element.focus()
         }
-        alert(`${field.name}は必須入力項目です。`)
         return false
       }
     }
-
     return true
   }
 
@@ -83,9 +99,12 @@ export default function SurveySaleSubmitPopup() {
   }
 
   const renderFormField = (field: FormField) => {
-    // const isReadOnly = (field.id === 'store' && session?.role !== 'Partner') || (field.id === 'receiver' && session?.role !== 'Partner')
     const isReadOnly = false
 
+    if (field.id === 'saleBase' && session?.role !== 'Admin') {
+      return null
+    }
+
     return (
       <div className="data-input-form-bx" key={field.id}>
         <div className="data-input-form-tit">
@@ -96,19 +115,44 @@ export default function SurveySaleSubmitPopup() {
             <textarea
               className="textarea-form"
               id={field.id}
-              value={submitData[field.id]}
+              value={submitData[field.id] ?? ''}
               onChange={(e) => handleInputChange(field.id, e.target.value)}
             />
+          ) : (
+            <>
+              {field.id === 'saleBase' && session?.role === 'Admin' ? (
+                <select
+                  className="select-form"
+                  id={field.id}
+                  value={submitData[field.id] ?? ''}
+                  onChange={(e) => {
+                    const selectedOffice = commCodeList.find((item) => item.code === e.target.value)
+                    if (selectedOffice) {
+                      //@ts-ignore
+                      const receiver = selectedOffice.REF_CHR1.split(';')
+                      setSubmitData((prev) => ({ ...prev, receiver: receiver, saleBase: e.target.value }))
+                    }
+                  }}
+                >
+                  <option value="">選択してください</option>
+                  {commCodeList.map((item) => (
+                    <option key={item.code} value={item.code}>
+                      {item.codeJp}
+                    </option>
+                  ))}
+                </select>
               ) : (
                 <input
                   className="input-frame"
                   type="text"
                   id={field.id}
-              value={submitData[field.id]}
+                  value={submitData[field.id] ?? ''}
                   onChange={(e) => handleInputChange(field.id, e.target.value)}
                   readOnly={isReadOnly}
                 />
               )}
+            </>
+          )}
         </div>
       </div>
     )

src/components/popup/ZipCodePopup.tsx

@@ -1,6 +1,6 @@
 'use client'
 
-import { useServey } from '@/hooks/useSurvey'
+import { useSurvey } from '@/hooks/useSurvey'
 import { useAddressStore } from '@/store/addressStore'
 import { usePopupController } from '@/store/popupController'
 import { useState } from 'react'
@@ -19,7 +19,7 @@ type Address = {
 export default function ZipCodePopup() {
   const [searchValue, setSearchValue] = useState('') //search 데이터 유무
   const { setAddressData } = useAddressStore()
-  const { getZipCode } = useServey()
+  const { getZipCode } = useSurvey()
   const [addressInfo, setAddressInfo] = useState<Address[] | null>([])
 
   const popupController = usePopupController()

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

@@ -4,7 +4,7 @@ import type { Mode, SurveyBasicRequest, SurveyDetailInfo, SurveyDetailRequest }
 import { useSessionStore } from '@/store/session'
 import { useEffect, useState } from 'react'
 import { useParams, useRouter, useSearchParams } from 'next/navigation'
-import { requiredFields, useServey } from '@/hooks/useSurvey'
+import { requiredFields, useSurvey } from '@/hooks/useSurvey'
 import { usePopupController } from '@/store/popupController'
 
 export default function ButtonForm(props: {
@@ -72,8 +72,8 @@ export default function ButtonForm(props: {
   // 저장/임시저장/수정
   const id = Number(routeId) ? Number(routeId) : Number(idParam)
 
-  const { deleteSurvey, updateSurvey, isDeletingSurvey, isUpdatingSurvey } = useServey(Number(id))
-  const { validateSurveyDetail, createSurvey, isCreatingSurvey } = useServey()
+  const { deleteSurvey, updateSurvey, isDeletingSurvey, isUpdatingSurvey } = useSurvey(Number(id))
+  const { validateSurveyDetail, createSurvey, isCreatingSurvey } = useSurvey()
 
   const handleSave = (isTemporary: boolean, isSubmitProcess = false) => {
     const emptyField = validateSurveyDetail(props.data.roof)

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

@@ -1,6 +1,6 @@
 'use client'
 
-import { useServey } from '@/hooks/useSurvey'
+import { useSurvey } from '@/hooks/useSurvey'
 import { useParams } from 'next/navigation'
 import { useEffect } from 'react'
 import DetailForm from './DetailForm'
@@ -16,7 +16,7 @@ export default function DataTable() {
     }
   }, [id])
 
-  const { surveyDetail, isLoadingSurveyDetail } = useServey(Number(id))
+  const { surveyDetail, isLoadingSurveyDetail } = useSurvey(Number(id))
 
   if (isLoadingSurveyDetail) {
     return <div>Loading...</div>
@@ -67,7 +67,7 @@ export default function DataTable() {
             <tr>
               <th>ダウンロード</th>
               <td>
-                <button className="data-down">
+                <button className="data-down" onClick={() => window.open(`/pdf/survey-sale/${id}`, '_blank')}>
                   HWJ現地調査票確認<i className="down-icon"></i>
                 </button>
               </td>

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

@@ -6,7 +6,7 @@ import ButtonForm from './ButtonForm'
 import BasicForm from './BasicForm'
 import RoofForm from './RoofForm'
 import { useParams, useSearchParams } from 'next/navigation'
-import { useServey } from '@/hooks/useSurvey'
+import { useSurvey } from '@/hooks/useSurvey'
 
 const roofInfoForm: SurveyDetailRequest = {
   contractCapacity: null,
@@ -71,7 +71,7 @@ export default function DetailForm() {
   const modeset = Number(routeId) ? 'READ' : idParam ? 'EDIT' : 'CREATE'
   const id = Number(routeId) ? Number(routeId) : Number(idParam)
 
-  const { surveyDetail, validateSurveyDetail } = useServey(Number(id))
+  const { surveyDetail, validateSurveyDetail } = useSurvey(Number(id))
 
   const [mode, setMode] = useState<Mode>(modeset)
   const [basicInfoData, setBasicInfoData] = useState<SurveyBasicRequest>(basicInfoForm)

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

@@ -312,6 +312,7 @@ export default function RoofForm(props: {
               </div>
               <MultiCheck mode={mode} column="supplementaryFacilities" roofInfo={roofInfo as SurveyDetailInfo} setRoofInfo={setRoofInfo} />
             </div>
+            {/* 설치 희망 시스템 */}
             <div className="data-input-form-bx">
               <div className="data-input-form-tit red-f">設置希望システム</div>
               <SelectedBox mode={mode} column="installationSystem" detailInfoData={roofInfo as SurveyDetailInfo} setRoofInfo={setRoofInfo} />

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

@@ -1,7 +1,7 @@
 'use client'
 
 import LoadMoreButton from '@/components/LoadMoreButton'
-import { useServey } from '@/hooks/useSurvey'
+import { useSurvey } from '@/hooks/useSurvey'
 import { useEffect, useState } from 'react'
 import { useRouter, usePathname } from 'next/navigation'
 import SearchForm from './SearchForm'
@@ -13,7 +13,7 @@ export default function ListTable() {
   const router = useRouter()
   const pathname = usePathname()
 
-  const { surveyList, isLoadingSurveyList } = useServey()
+  const { surveyList, isLoadingSurveyList } = useSurvey()
   const { offset, setOffset } = useSurveyFilterStore()
 
   const { session } = useSessionStore()
@@ -58,8 +58,8 @@ export default function ListTable() {
                     <div className="sale-item-num">{survey.srlNo}</div>
                     <div className="sale-item-date">{survey.investigationDate}</div>
                   </div>
-                  <div className="sale-item-tit">{survey.buildingName}</div>
-                  <div className="sale-item-customer">{survey.customerName}</div>
+                  <div className="sale-item-tit">{survey.buildingName === null ? '-' : survey.buildingName}</div>
+                  <div className="sale-item-customer">{survey.customerName === null ? '-' : survey.customerName}</div>
                   <div className="sale-item-update-bx">
                     <div className="sale-item-name">{survey.representative}</div>
                     <div className="sale-item-update">{new Date(survey.uptDt).toLocaleString()}</div>

src/components/ui/common/Footer.tsx

@@ -10,7 +10,7 @@ export default function Footer() {
         <div className="footer-inner">
           COPYRIGHT©2025 Hanwha Japan All Rights Reserved{' '}
           <span>
-            <Link href="/pdf">PDF</Link>
+            <Link href="/pdf/suitable">PDF</Link>
           </span>
           <span>{Config().mode}</span>
           <span>{Config().baseUrl}</span>

src/hooks/useInquiry.ts

@@ -15,7 +15,7 @@ export function useInquiry(
   isLoadingInquiryDetail: boolean
   isSavingInquiry: boolean
   saveInquiry: (formData: FormData) => Promise<InquirySaveResponse>
-  downloadFile: (encodeFileNo: number) => Promise<File>
+  downloadFile: (encodeFileNo: number, srcFileNm: string) => Promise<Blob | null>
   commonCodeList: CommonCode[]
 } {
   const queryClient = useQueryClient()
@@ -74,9 +74,23 @@ export function useInquiry(
     },
   })
 
-  const downloadFile = async (encodeFileNo: number) => {
-    const resp = await axiosInstance(null).get<File>(`/api/qna/file`, { params: { encodeFileNo } })
-    return resp.data
+  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 url = URL.createObjectURL(blob)
+      const a = document.createElement('a')
+      a.href = url
+      a.download = `${srcFileNm}`
+      a.click()
+      URL.revokeObjectURL(url)
+      return blob
+    } catch (error: any) {
+      if (error.response.status === 404) {
+        alert('ファイルが見つかりません')
+      }
+      return null
+    }
   }
 
   const { data: commonCodeList, isLoading: isLoadingCommonCodeList } = useQuery({

src/hooks/useSurvey.ts

@@ -54,7 +54,7 @@ type ZipCode = {
   kana3: string
 }
 
-export function useServey(id?: number): {
+export function useSurvey(id?: number): {
   surveyList: { data: SurveyBasicInfo[]; count: number } | {}
   surveyDetail: SurveyBasicInfo | null
   isLoadingSurveyList: boolean