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

2025-05-28 18:09:12 +09:00 · 2025-05-28 18:09:12 +09:00 · 02ce7217a7
commit 02ce7217a7
parent 52a2032a8c 4d16276221
12 changed files with 219 additions and 84 deletions
--- a/.env.development
+++ b/.env.development
@ -2,10 +2,11 @@ NEXT_PUBLIC_RUN_MODE=development
 # 모바일 디바이스로 로컬 서버 확인하려면 자신 IP 주소로 변경
 # 다시 로컬에서 개발할때는 localhost로 변경
 #route handler
-NEXT_PUBLIC_API_URL=http://172.30.1.65:3000
+NEXT_PUBLIC_API_URL=http://172.30.1.23:3000

 #qsp 로그인 api
 NEXT_PUBLIC_QSP_API_URL=http://1.248.227.176:8120
+# NEXT_PUBLIC_QSP_API_URL=https://jp-dev.qsalesplatform.com

 #1:1문의 api
 NEXT_PUBLIC_INQUIRY_API_URL=http://172.23.4.129:8110
@ -17,4 +18,11 @@ DB_HOST=202.218.61.226
 DB_USER=readonly
 DB_PASSWORD=aAjmFW12iHKW84l1
 DB_DATABASE=qpartners
-DB_PORT=3306
+DB_PORT=3306
+
+SMTP_HOST=autodiscover.qcells.com
+SMTP_PORT=25
+SMTP_SECURE=false
+SMTP_USER=hss404.u021@cleverse.dev
+SMTP_PASSWORD=0000
+SMTP_FROM=qsalesplatform@qcells.com
--- a/.env.localhost
+++ b/.env.localhost
@ -2,10 +2,11 @@ NEXT_PUBLIC_RUN_MODE=local
 # 모바일 디바이스로 로컬 서버 확인하려면 자신 IP 주소로 변경
 # 다시 로컬에서 개발할때는 localhost로 변경
 #route handler
-NEXT_PUBLIC_API_URL=http://172.30.1.65:3000
+NEXT_PUBLIC_API_URL=http://172.30.1.23:3000

 #qsp 로그인 api
 NEXT_PUBLIC_QSP_API_URL=http://1.248.227.176:8120
+# NEXT_PUBLIC_QSP_API_URL=https://jp-dev.qsalesplatform.com

 #1:1문의 api
 NEXT_PUBLIC_INQUIRY_API_URL=http://172.23.4.129:8110
@ -16,4 +17,11 @@ DB_HOST=202.218.61.226
 DB_USER=readonly
 DB_PASSWORD=aAjmFW12iHKW84l1
 DB_DATABASE=qpartners
-DB_PORT=3306
+DB_PORT=3306
+
+SMTP_HOST=autodiscover.qcells.com
+SMTP_PORT=25
+SMTP_SECURE=false
+SMTP_USER=hss404.u021@cleverse.dev
+SMTP_PASSWORD=0000
+SMTP_FROM=qsalesplatform@qcells.com
--- a/.env.production
+++ b/.env.production
@ -3,7 +3,8 @@ NEXT_PUBLIC_RUN_MODE=production
 NEXT_PUBLIC_API_URL=http://1.248.227.176:3000

 #qsp 로그인 api
-NEXT_PUBLIC_QSP_API_URL=http://1.248.227.176:8120
+# NEXT_PUBLIC_QSP_API_URL=http://1.248.227.176:8120
+NEXT_PUBLIC_QSP_API_URL=https://jp.qsalesplatform.com

 #1:1문의 api
 NEXT_PUBLIC_INQUIRY_API_URL=http://172.23.4.129:8110
@ -13,4 +14,11 @@ DB_HOST=202.218.61.226
 DB_USER=readonly
 DB_PASSWORD=aAjmFW12iHKW84l1
 DB_DATABASE=qpartners
-DB_PORT=3306
+DB_PORT=3306
+
+SMTP_HOST=autodiscover.qcells.com
+SMTP_PORT=25
+SMTP_SECURE=true
+SMTP_USER=hss404.u021@cleverse.dev
+SMTP_PASSWORD=0000
+SMTP_FROM=qsalesplatform@qcells.com
--- a/package-lock.json
+++ b/package-lock.json
@ -18,6 +18,7 @@
        "mssql": "^11.0.1",
        "mysql2": "^3.14.1",
        "next": "15.2.4",
+        "nodemailer": "^7.0.3",
        "react": "^19.0.0",
        "react-dom": "^19.0.0",
        "react-to-pdf": "^2.0.0",
@ -3700,6 +3701,15 @@
      "license": "MIT",
      "optional": true
    },
+    "node_modules/nodemailer": {
+      "version": "7.0.3",
+      "resolved": "https://registry.npmjs.org/nodemailer/-/nodemailer-7.0.3.tgz",
+      "integrity": "sha512-Ajq6Sz1x7cIK3pN6KesGTah+1gnwMnx5gKl3piQlQQE/PwyJ4Mbc8is2psWYxK3RJTVeqsDaCv8ZzXLCDHMTZw==",
+      "license": "MIT-0",
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
    "node_modules/open": {
      "version": "10.1.0",
      "resolved": "https://registry.npmjs.org/open/-/open-10.1.0.tgz",
--- a/package.json
+++ b/package.json
@ -18,6 +18,7 @@
    "@prisma/client": "^6.7.0",
    "@tanstack/react-query": "^5.71.0",
    "@tanstack/react-query-devtools": "^5.71.0",
+    "@types/nodemailer": "^6.4.17",
    "axios": "^1.8.4",
    "env-cmd": "^10.1.0",
    "iron-session": "^8.0.4",
@ -25,6 +26,7 @@
    "mssql": "^11.0.1",
    "mysql2": "^3.14.1",
    "next": "15.2.4",
+    "nodemailer": "^7.0.3",
    "react": "^19.0.0",
    "react-dom": "^19.0.0",
    "react-to-pdf": "^2.0.0",
--- a/src/components/Login.tsx
+++ b/src/components/Login.tsx
@ -83,6 +83,10 @@ export default function Login() {
        loginId: account.loginId,
        pwd: account.pwd,
      })
+      // const { data } = await axiosInstance(`${process.env.NEXT_PUBLIC_QSP_API_URL}`).post(`/api/user/login`, {
+      //   loginId: account.loginId,
+      //   pwd: account.pwd,
+      // })

      return data
    },
--- a/src/components/pdf/SurveySaleDownloadPdf.tsx
+++ b/src/components/pdf/SurveySaleDownloadPdf.tsx
@ -2,22 +2,29 @@

 import { useEffect, useRef } from 'react'
 import generatePDF, { Margin, Resolution } from 'react-to-pdf'
-import { useParams } from 'next/navigation'
+import { useParams, useRouter } from 'next/navigation'
 import { useSurvey } from '@/hooks/useSurvey'
 import { radioEtcData, roofMaterial, selectBoxOptions, supplementaryFacilities } from '../survey-sale/detail/RoofForm'
+import { useSpinnerStore } from '@/store/spinnerStore'

 export default function SurveySaleDownloadPdf() {
  const params = useParams()
  const id = params.id
+  const router = useRouter()

  const { surveyDetail, isLoadingSurveyDetail } = useSurvey(Number(id))
-
-  useEffect(() => {
-    if (isLoadingSurveyDetail) return
-    handleDownPdf()
-  }, [surveyDetail, isLoadingSurveyDetail])
+  const { setIsShow } = useSpinnerStore()

  const targetRef = useRef<HTMLDivElement>(null)
+  const isGeneratedRef = useRef(false)
+
+  useEffect(() => {
+    setIsShow(true)
+    if (isLoadingSurveyDetail || !surveyDetail || isGeneratedRef.current) return
+    isGeneratedRef.current = true
+    handleDownPdf()
+  }, [surveyDetail?.id, isLoadingSurveyDetail])
+
  const handleDownPdf = () => {
    const options = {
      method: 'open' as const,
@ -41,14 +48,31 @@ export default function SurveySaleDownloadPdf() {
      },
    }

-    generatePDF(targetRef, options)
-    // generatePDF(targetRef, { filename: 'page.pdf' })
+    generatePDF(targetRef, options).then(() => {
+      setIsShow(false)
+      router.push(`/survey-sale/${id}`)
+    })
  }
+  const supplementList = supplementaryFacilities
+    .filter((facility) => surveyDetail?.detailInfo?.supplementaryFacilities?.includes(facility.id.toString()))
+    .map((facility) => facility.name)
+
  return (
    <>
-      {/* <button onClick={handleDownPdf}>down</button> */}
-      <div ref={targetRef} style={{ boxSizing: 'border-box' }}>
-        <div style={{ margin: '0 auto', padding: 0, maxWidth: '800px', minWidth: '800px' }}>
+      <div
+        ref={targetRef}
+        style={{
+          width: '794px', // A4 너비
+          minHeight: '1123px', // A4 높이
+          transform: 'scale(1.0)',
+          transformOrigin: 'top left',
+          padding: '20px',
+          boxSizing: 'border-box',
+          backgroundColor: '#fff',
+          fontSize: '12px',
+        }}
+      >
+        <div>
          <div style={{ padding: '20px 20px 50px', borderBottom: '2px solid #2E3A59' }}>
            <div style={{ float: 'left', verticalAlign: 'middle', fontSize: '18px', color: '#101010', fontWeight: 600, fontFamily: 'M-Gothic' }}>
              HWJ 現地調査シート1/2
@ -59,13 +83,13 @@ export default function SurveySaleDownloadPdf() {
                  現地明登施工店名
                </p>
                <p style={{ margin: 0, padding: 0, fontSize: '13px', color: '#FF5656', fontWeight: 400, fontFamily: 'M-Gothic' }}>
-                  {surveyDetail?.store}
+                  {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' }}>
-                  {surveyDetail?.investigationDate}
+                  {surveyDetail?.investigationDate ?? '-'}
                </p>
              </div>
            </div>
@ -101,7 +125,7 @@ export default function SurveySaleDownloadPdf() {
                      boxSizing: 'border-box',
                    }}
                  >
-                    {surveyDetail?.customerName}
+                    {surveyDetail?.customerName ?? '-'}
                  </td>
                </tr>
                <tr>
@ -168,7 +192,7 @@ export default function SurveySaleDownloadPdf() {
                      boxSizing: 'border-box',
                    }}
                  >
-                    {surveyDetail?.detailInfo?.contractCapacity}
+                    {surveyDetail?.detailInfo?.contractCapacity ?? '-'}
                  </td>
                  <th
                    style={{
@ -195,7 +219,7 @@ export default function SurveySaleDownloadPdf() {
                      boxSizing: 'border-box',
                    }}
                  >
-                    {surveyDetail?.detailInfo?.retailCompany}
+                    {surveyDetail?.detailInfo?.retailCompany ?? '-'}
                  </td>
                </tr>
                <tr>
@ -225,13 +249,11 @@ export default function SurveySaleDownloadPdf() {
                      boxSizing: 'border-box',
                    }}
                  >
-                    {supplementaryFacilities
-                      .filter((facility) => surveyDetail?.detailInfo?.supplementaryFacilities?.includes(facility.id.toString()))
-                      .map((facility) => facility.name)
-                      .join(', ')}
-                    {surveyDetail?.detailInfo?.supplementaryFacilitiesEtc
-                      ? `, (その他) ${surveyDetail?.detailInfo?.supplementaryFacilitiesEtc}`
-                      : '-'}
+                    {supplementList === null && surveyDetail?.detailInfo?.supplementaryFacilitiesEtc === null
+                      ? '-'
+                      : surveyDetail?.detailInfo?.supplementaryFacilitiesEtc
+                      ? `${supplementList.join(', ')}, ${surveyDetail?.detailInfo?.supplementaryFacilitiesEtc}`
+                      : supplementList.join(', ')}
                  </td>
                </tr>
                <tr>
@ -261,11 +283,16 @@ export default function SurveySaleDownloadPdf() {
                      boxSizing: 'border-box',
                    }}
                  >
-                    {
-                      selectBoxOptions.installationSystem.find((system) => system.id.toString() === surveyDetail?.detailInfo?.installationSystem)
-                        ?.name
-                    }
-                    {surveyDetail?.detailInfo?.installationSystemEtc ? `, (その他) ${surveyDetail?.detailInfo?.installationSystemEtc}` : '-'}
+                    {/* {selectBoxOptions.installationSystem.find ((system) => system.id.toString() === surveyDetail?.detailInfo?.installationSystem)
+                      ?.name ?? surveyDetail?.detailInfo?.installationSystemEtc !== null
+                      ? `${surveyDetail?.detailInfo?.installationSystemEtc}`
+                      : '-'} */}
+                    {surveyDetail?.detailInfo?.installationSystem === null && surveyDetail?.detailInfo?.installationSystemEtc === null
+                      ? '-'
+                      : surveyDetail?.detailInfo?.installationSystemEtc
+                      ? `${surveyDetail?.detailInfo?.installationSystemEtc}`
+                      : selectBoxOptions.installationSystem.find((system) => system.id.toString() === surveyDetail?.detailInfo?.installationSystem)
+                          ?.name}
                  </td>
                </tr>
              </tbody>
@ -330,11 +357,13 @@ export default function SurveySaleDownloadPdf() {
                      boxSizing: 'border-box',
                    }}
                  >
-                    {roofMaterial
-                      .filter((material) => surveyDetail?.detailInfo?.roofMaterial?.includes(material.id.toString()))
-                      .map((material) => material.name)
-                      .join(', ')}
-                    {surveyDetail?.detailInfo?.roofMaterialEtc ? `, (その他) ${surveyDetail?.detailInfo?.roofMaterialEtc}` : '-'}
+                    {surveyDetail?.detailInfo?.roofMaterial === null && surveyDetail?.detailInfo?.roofMaterialEtc === null
+                      ? '-'
+                      : roofMaterial
+                          .filter((material) => surveyDetail?.detailInfo?.roofMaterial?.includes(material.id.toString()))
+                          .map((material) => material.name)
+                          .join(', ')}
+                    {surveyDetail?.detailInfo?.roofMaterialEtc ? `, ${surveyDetail?.detailInfo?.roofMaterialEtc}` : ''}
                  </td>
                  <th
                    style={{
@ -361,7 +390,8 @@ export default function SurveySaleDownloadPdf() {
                      boxSizing: 'border-box',
                    }}
                  >
-                    {selectBoxOptions.roofShape.find((shape) => shape.id.toString() === surveyDetail?.detailInfo?.roofShape)?.name}
+                    {selectBoxOptions.roofShape.find((shape) => shape.id.toString() === surveyDetail?.detailInfo?.roofShape)?.name ??
+                      (surveyDetail?.detailInfo?.roofShapeEtc ? ` ${surveyDetail?.detailInfo?.roofShapeEtc}` : '-')}
                  </td>
                </tr>
                <tr>
@ -390,7 +420,7 @@ export default function SurveySaleDownloadPdf() {
                      boxSizing: 'border-box',
                    }}
                  >
-                    {`${surveyDetail?.detailInfo?.roofSlope} 寸`}
+                    {surveyDetail?.detailInfo?.roofSlope ? `${surveyDetail?.detailInfo?.roofSlope} 寸` : '-'}
                  </td>
                  <th
                    style={{
@ -418,7 +448,8 @@ export default function SurveySaleDownloadPdf() {
                      boxSizing: 'border-box',
                    }}
                  >
-                    {`${surveyDetail?.detailInfo?.houseStructure ? '木製' : '(その他)'} ${surveyDetail?.detailInfo?.houseStructureEtc}`}
+                    {radioEtcData.houseStructure.find((structure) => structure.id.toString() === surveyDetail?.detailInfo?.houseStructure)?.label ??
+                      (surveyDetail?.detailInfo?.houseStructureEtc ? ` ${surveyDetail?.detailInfo?.houseStructureEtc}` : '-')}
                  </td>
                </tr>
                <tr>
@ -447,8 +478,12 @@ export default function SurveySaleDownloadPdf() {
                      boxSizing: 'border-box',
                    }}
                  >
+                    {/* {surveyDetail?.detailInfo?.rafterMaterial === null && surveyDetail?.detailInfo?.rafterMaterialEtc === null
+                      ? '-'
+                      : radioEtcData.rafterMaterial.find((material) => material.id.toString() === surveyDetail?.detailInfo?.rafterMaterial)?.label ??
+                        surveyDetail?.detailInfo?.rafterMaterialEtc} */}
                    {radioEtcData.rafterMaterial.find((material) => material.id.toString() === surveyDetail?.detailInfo?.rafterMaterial)?.label ??
-                      (surveyDetail?.detailInfo?.rafterMaterialEtc ? `(その他) ${surveyDetail?.detailInfo?.rafterMaterialEtc}` : '-')}
+                      (surveyDetail?.detailInfo?.rafterMaterialEtc ? ` ${surveyDetail?.detailInfo?.rafterMaterialEtc}` : '-')}
                  </td>
                  <th
                    style={{
@ -477,7 +512,7 @@ export default function SurveySaleDownloadPdf() {
                    }}
                  >
                    {selectBoxOptions.rafterSize.find((size) => size.id.toString() === surveyDetail?.detailInfo?.rafterSize)?.name ??
-                      (surveyDetail?.detailInfo?.rafterSizeEtc ? `(その他) ${surveyDetail?.detailInfo?.rafterSizeEtc}` : '-')}
+                      (surveyDetail?.detailInfo?.rafterSizeEtc ? ` ${surveyDetail?.detailInfo?.rafterSizeEtc}` : '-')}
                  </td>
                </tr>
                <tr>
@ -507,7 +542,7 @@ export default function SurveySaleDownloadPdf() {
                    }}
                  >
                    {selectBoxOptions.rafterPitch.find((pitch) => pitch.id.toString() === surveyDetail?.detailInfo?.rafterPitch)?.name ??
-                      (surveyDetail?.detailInfo?.rafterPitchEtc ? `(その他) ${surveyDetail?.detailInfo?.rafterPitchEtc}` : '-')}
+                      (surveyDetail?.detailInfo?.rafterPitchEtc ? ` ${surveyDetail?.detailInfo?.rafterPitchEtc}` : '-')}
                  </td>
                  <th
                    style={{
@ -566,7 +601,7 @@ export default function SurveySaleDownloadPdf() {
                    }}
                  >
                    {selectBoxOptions.openFieldPlateKind.find((kind) => kind.id.toString() === surveyDetail?.detailInfo?.openFieldPlateKind)?.name ??
-                      (surveyDetail?.detailInfo?.openFieldPlateKindEtc ? `(その他) ${surveyDetail?.detailInfo?.openFieldPlateKindEtc}` : '-')}
+                      (surveyDetail?.detailInfo?.openFieldPlateKindEtc ? `${surveyDetail?.detailInfo?.openFieldPlateKindEtc}` : '-')}
                  </td>
                  <th
                    style={{
@ -655,8 +690,7 @@ export default function SurveySaleDownloadPdf() {
                    }}
                  >
                    {radioEtcData.waterproofMaterial.find((material) => material.id.toString() === surveyDetail?.detailInfo?.waterproofMaterial)
-                      ?.label ??
-                      (surveyDetail?.detailInfo?.waterproofMaterialEtc ? `(その他) ${surveyDetail?.detailInfo?.waterproofMaterialEtc}` : '-')}
+                      ?.label ?? (surveyDetail?.detailInfo?.waterproofMaterialEtc ? ` ${surveyDetail?.detailInfo?.waterproofMaterialEtc}` : '-')}
                  </td>
                </tr>
                <tr>
@ -690,7 +724,7 @@ export default function SurveySaleDownloadPdf() {
                      radioEtcData.insulationPresence.find((presence) => presence.id.toString() === surveyDetail?.detailInfo?.insulationPresence)
                        ?.label
                    }
-                    {surveyDetail?.detailInfo?.insulationPresenceEtc ? `(その他) ${surveyDetail?.detailInfo?.insulationPresenceEtc}` : '-'}
+                    {surveyDetail?.detailInfo?.insulationPresenceEtc ? `, ${surveyDetail?.detailInfo?.insulationPresenceEtc}` : ''}
                  </td>
                </tr>
                <tr>
@ -720,8 +754,8 @@ export default function SurveySaleDownloadPdf() {
                      boxSizing: 'border-box',
                    }}
                  >
-                    {selectBoxOptions.structureOrder.find((order) => order.id.toString() === surveyDetail?.detailInfo?.structureOrder)?.name ??
-                      (surveyDetail?.detailInfo?.structureOrderEtc ? `(その他) ${surveyDetail?.detailInfo?.structureOrderEtc}` : '-')}
+                    {radioEtcData.structureOrder.find((order) => order.id.toString() === surveyDetail?.detailInfo?.structureOrder)?.label ??
+                      (surveyDetail?.detailInfo?.structureOrderEtc ? `${surveyDetail?.detailInfo?.structureOrderEtc}` : '-')}
                  </td>
                </tr>
              </tbody>
@ -759,14 +793,12 @@ export default function SurveySaleDownloadPdf() {
                      boxSizing: 'border-box',
                    }}
                  >
-                    {
-                      selectBoxOptions.installationAvailability.find(
-                        (availability) => availability.id.toString() === surveyDetail?.detailInfo?.installationAvailability,
-                      )?.name
-                    }
-                    {surveyDetail?.detailInfo?.installationAvailabilityEtc
-                      ? `(その他) ${surveyDetail?.detailInfo?.installationAvailabilityEtc}`
-                      : '-'}
+                    {surveyDetail?.detailInfo?.installationAvailability === null && surveyDetail.detailInfo?.installationAvailabilityEtc === null
+                      ? '-'
+                      : selectBoxOptions.installationAvailability.find(
+                          (availability) => availability.id.toString() === surveyDetail?.detailInfo?.installationAvailability,
+                        )?.name}
+                    {surveyDetail?.detailInfo?.installationAvailabilityEtc ? `, ${surveyDetail?.detailInfo?.installationAvailabilityEtc}` : ''}
                  </td>
                </tr>
              </tbody>
--- a/src/components/popup/SurveySaleSubmitPopup.tsx
+++ b/src/components/popup/SurveySaleSubmitPopup.tsx
@ -6,12 +6,14 @@ import { useEffect, useState } from 'react'
 import { useSessionStore } from '@/store/session'
 import { useCommCode } from '@/hooks/useCommCode'
 import { CommCode } from '@/types/CommCode'
+import { sendEmail } from '@/libs/mailer'
+import { useSpinnerStore } from '@/store/spinnerStore'

 interface SubmitFormData {
  saleBase: string | null
  store: string
  sender: string
-  receiver: string[]
+  receiver: string[] | string
  reference: string | null
  title: string
  contents: string
@ -29,6 +31,7 @@ export default function SurveySaleSubmitPopup() {
  const params = useParams()
  const routeId = params.id

+  const { setIsShow } = useSpinnerStore()
  const [commCodeList, setCommCodeList] = useState<CommCode[]>([])

  const { getCommCode } = useCommCode()
@ -86,10 +89,25 @@ export default function SurveySaleSubmitPopup() {
  const handleSubmit = () => {
    if (validateData(submitData)) {
      window.neoConfirm('送信しますか？ 送信後は変更・修正することはできません。', () => {
+        setIsShow(true)
        submitSurvey({ targetId: submitData.store })
+        sendEmail({
+          to: submitData.receiver,
+          subject: submitData.title,
+          content: submitData.contents,
+        })
+          .then(() => {
        if (!isSubmittingSurvey) {
          popupController.setSurveySaleSubmitPopup(false)
        }
+        })
+        .catch((error) => {
+          console.error('Error sending email:', error)
+          alert('メール送信に失敗しました。')
+          })
+          .finally(() => {
+            setIsShow(false)
+          })
      })
    }
  }
--- a/src/components/survey-sale/detail/DataTable.tsx
+++ b/src/components/survey-sale/detail/DataTable.tsx
@ -1,13 +1,14 @@
 'use client'

 import { useSurvey } from '@/hooks/useSurvey'
-import { useParams } from 'next/navigation'
+import { useParams, useRouter } from 'next/navigation'
 import { useEffect } from 'react'
 import DetailForm from './DetailForm'

 export default function DataTable() {
  const params = useParams()
  const id = params.id
+  const router = useRouter()

  useEffect(() => {
    if (Number.isNaN(Number(id))) {
@ -67,7 +68,7 @@ export default function DataTable() {
            <tr>
              <th>ダウンロード</th>
              <td>
-                <button className="data-down" onClick={() => window.open(`/pdf/survey-sale/${id}`, '_blank')}>
+                <button className="data-down" onClick={() => router.push(`/pdf/survey-sale/${id}`)}>
                  HWJ現地調査票確認<i className="down-icon"></i>
                </button>
              </td>
--- a/src/components/survey-sale/detail/RoofForm.tsx
+++ b/src/components/survey-sale/detail/RoofForm.tsx
@ -1,7 +1,14 @@
 import { useState } from 'react'
 import type { Mode, SurveyDetailInfo, SurveyDetailRequest } from '@/types/Survey'

-type RadioEtcKeys = 'houseStructure' | 'rafterMaterial' | 'waterproofMaterial' | 'insulationPresence' | 'rafterDirection' | 'leakTrace'
+type RadioEtcKeys =
+  | 'structureOrder'
+  | 'houseStructure'
+  | 'rafterMaterial'
+  | 'waterproofMaterial'
+  | 'insulationPresence'
+  | 'rafterDirection'
+  | 'leakTrace'
 type SelectBoxKeys =
  | 'installationSystem'
  | 'constructionYear'
@ -9,7 +16,6 @@ type SelectBoxKeys =
  | 'rafterPitch'
  | 'rafterSize'
  | 'openFieldPlateKind'
-  | 'structureOrder'
  | 'installationAvailability'

 export const supplementaryFacilities = [
@ -115,24 +121,6 @@ export const selectBoxOptions: Record<SelectBoxKeys, { id: number; name: string
      name: '小幅板', //소판
    },
  ],
-  structureOrder: [
-    {
-      id: 1,
-      name: '屋根材', //지붕재
-    },
-    {
-      id: 2,
-      name: '防水材', //방수재
-    },
-    {
-      id: 3,
-      name: '屋根の基礎', //지붕의기초
-    },
-    {
-      id: 4,
-      name: '垂木', //서까래
-    },
-  ],
  installationAvailability: [
    {
      id: 1,
@ -146,6 +134,12 @@ export const selectBoxOptions: Record<SelectBoxKeys, { id: number; name: string
 }

 export const radioEtcData: Record<RadioEtcKeys, { id: number; label: string }[]> = {
+  structureOrder: [
+    {
+      id: 1,
+      label: '屋根材 - 防水材 - 屋根の基礎 - 垂木', //지붕재 방수재 지붕의기초 서까래
+    },
+  ],
  houseStructure: [
    {
      id: 1,
@ -438,7 +432,7 @@ export default function RoofForm(props: {
            <div className="data-input-form-bx">
              {/* 지붕 구조의 순서 */}
              <div className="data-input-form-tit red-f">屋根構造の順序</div>
-              <SelectedBox mode={mode} column="structureOrder" detailInfoData={roofInfo as SurveyDetailInfo} setRoofInfo={setRoofInfo} />
+              <RadioSelected mode={mode} column="structureOrder" detailInfoData={roofInfo as SurveyDetailInfo} setRoofInfo={setRoofInfo} />
            </div>
            <div className="data-input-form-bx">
              {/* 지붕 제품명 설치 가능 여부 확인 */}
--- a/src/config/config.local.ts
+++ b/src/config/config.local.ts
@ -1,7 +1,7 @@
 import getConfigs from '@/config/config.common'

 // 환경마다 달라져야 할 변수, 값들을 정의합니다. (여기는 local 환경에 맞는 값을 지정합니다.)
-const baseUrl = 'http://localhost:3000'
+const baseUrl = 'http://172.30.1.23:3000'
 const mode = 'local'

 // 환경마다 달라져야 할 값들을 getConfig 함수에 전달합니다.
--- a/src/libs/mailer.ts
+++ b/src/libs/mailer.ts
@ -0,0 +1,50 @@
+'use server'
+
+import nodemailer from 'nodemailer'
+
+interface EmailParams {
+  to: string | string[]
+  cc?: string | string[]
+  subject: string
+  content: string
+}
+
+export async function sendEmail({ to, cc, subject, content }: EmailParams): Promise<void> {
+  // Create a transporter using SMTP
+  const transporter = nodemailer.createTransport({
+    host: process.env.SMTP_HOST,
+    port: Number(process.env.SMTP_PORT),
+    secure: process.env.SMTP_SECURE === 'true',
+    requireTLS: true,
+    auth: {
+      user: process.env.SMTP_USER,
+      pass: process.env.SMTP_PASSWORD,
+    },
+  })
+
+  // Email options
+  const mailOptions = {
+    from: process.env.SMTP_USER,
+    to: Array.isArray(to) ? to.join(', ') : to,
+    cc: cc ? (Array.isArray(cc) ? cc.join(', ') : cc) : undefined,
+    subject,
+    html: content,
+  }
+
+  try {
+    // Send email
+    await transporter.sendMail(mailOptions)
+  } catch (error) {
+    console.error('Error sending email:', error)
+    throw new Error('Failed to send email')
+  }
+}
+
+async function sendEmailTest() {
+  await sendEmail({
+    to: 'test@test.com',
+    cc: 'test2@test.com',
+    subject: 'Test Email',
+    content: '<h1>Hello</h1><p>This is a test email.</p>',
+  })
+}