From 2a3a726b847bd6613e2051c1b60bad4952da2bd3 Mon Sep 17 00:00:00 2001 From: yoosangwook Date: Tue, 27 May 2025 17:43:46 +0900 Subject: [PATCH] refactor: remove DownloadPdf component and its usage in the PDF page --- src/app/pdf/page.tsx | 9 - src/app/pdf/suitable/page.tsx | 9 + src/app/pdf/survey-sale/page.tsx | 9 + src/components/pdf/SuitableDownloadPdf.tsx | 1465 +++++++++++++++++ .../SurveySaleDownloadPdf.tsx} | 2 +- src/components/ui/common/Footer.tsx | 2 +- 6 files changed, 1485 insertions(+), 11 deletions(-) delete mode 100644 src/app/pdf/page.tsx create mode 100644 src/app/pdf/suitable/page.tsx create mode 100644 src/app/pdf/survey-sale/page.tsx create mode 100644 src/components/pdf/SuitableDownloadPdf.tsx rename src/components/{DownloadPDF.tsx => pdf/SurveySaleDownloadPdf.tsx} (99%) diff --git a/src/app/pdf/page.tsx b/src/app/pdf/page.tsx deleted file mode 100644 index 9a48790..0000000 --- a/src/app/pdf/page.tsx +++ /dev/null @@ -1,9 +0,0 @@ -import DownloadPdf from '@/components/DownloadPDF' - -export default function page() { - return ( - <> - - - ) -} diff --git a/src/app/pdf/suitable/page.tsx b/src/app/pdf/suitable/page.tsx new file mode 100644 index 0000000..cdc520a --- /dev/null +++ b/src/app/pdf/suitable/page.tsx @@ -0,0 +1,9 @@ +import SuitableDownloadPdf from '@/components/pdf/SuitableDownloadPdf' + +export default function page() { + return ( + <> + + + ) +} diff --git a/src/app/pdf/survey-sale/page.tsx b/src/app/pdf/survey-sale/page.tsx new file mode 100644 index 0000000..e1d79d6 --- /dev/null +++ b/src/app/pdf/survey-sale/page.tsx @@ -0,0 +1,9 @@ +import SurveySaleDownloadPdf from '@/components/pdf/SurveySaleDownloadPdf' + +export default function page() { + return ( + <> + + + ) +} diff --git a/src/components/pdf/SuitableDownloadPdf.tsx b/src/components/pdf/SuitableDownloadPdf.tsx new file mode 100644 index 0000000..86f5c60 --- /dev/null +++ b/src/components/pdf/SuitableDownloadPdf.tsx @@ -0,0 +1,1465 @@ +'use client' + +import { useRef } from 'react' +import generatePDF, { Margin, Resolution } from 'react-to-pdf' + +export default function SuitableDownloadPdf() { + const targetRef = useRef(null) + const handleDownPdf = () => { + const options = { + method: 'open' as const, + resolution: Resolution.HIGH, + page: { + margin: Margin.SMALL, + format: 'A4', + orientation: 'landscape' as const, + }, + canvas: { + mimeType: 'image/png' as const, + qualityRatio: 1, + }, + overrides: { + pdf: { + compress: true, + }, + canvas: { + useCORS: true, + }, + }, + } + + generatePDF(targetRef, options) + // generatePDF(targetRef, { filename: 'page.pdf' }) + } + return ( + <> + +
+
+
+
+ ハンファジャパン株式会社 +
+
(瓦) 屋根材適合表
+
+ 2025年4月30日 10:40 +
+
+
+

+ 本適合表は参考資料としてご使用下さい。 +

+

+ 屋根材製品の形状・仕様はメーカーより変更される場合が御座います。 +

+

+ 又、現場環境（働き、勾配、瓦桟木条件等）により本適合表と異なる適合結果となる場合が御座います。予めご了承下さい。 +

+

+ 屋根材以外の設置条件（垂木、野地板等の設置基準）も必ずご確認下さい。 +

+
+
+
+ + + + + + + + + + + + + + + + + + + + +
+
+ + 屋根材製品名 + + + メーカー名 + + + 屋根材の種類 + +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ 金具タイプ + + 金具名 + + 設置可否 + + 備考 +
+ 木ねじ打ち込み式 + + 屋根技研支持瓦 + + Ｃ で設置可 + + 支持瓦はアンダーラップの先端を削って納める（Ｔｒｙ－Ｕ４０はこの瓦の前身）{' '} +
+ 木ねじ打ち込み式 + + 屋根技研支持瓦 + + Ｃ で設置可 + + 支持瓦はアンダーラップの先端を削って納める（Ｔｒｙ－Ｕ４０はこの瓦の前身）{' '} +
+ 木ねじ打ち込み式 + + 屋根技研支持瓦 + + Ｃ で設置可 + + 支持瓦はアンダーラップの先端を削って納める（Ｔｒｙ－Ｕ４０はこの瓦の前身）{' '} +
+ 木ねじ打ち込み式 + + 屋根技研支持瓦 + + Ｃ で設置可 + + 支持瓦はアンダーラップの先端を削って納める（Ｔｒｙ－Ｕ４０はこの瓦の前身）{' '} +
+ 木ねじ打ち込み式 + + 屋根技研支持瓦 + + Ｃ で設置可 + + 支持瓦はアンダーラップの先端を削って納める（Ｔｒｙ－Ｕ４０はこの瓦の前身）{' '} +
+ 		+
+ + 屋根材製品名 + + + メーカー名 + + + 屋根材の種類 + +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ 金具タイプ + + 金具名 + + 設置可否 + + 備考 +
+ 木ねじ打ち込み式 + + 屋根技研支持瓦 + + Ｃ で設置可 + + 支持瓦はアンダーラップの先端を削って納める（Ｔｒｙ－Ｕ４０はこの瓦の前身）{' '} +
+ 木ねじ打ち込み式 + + 屋根技研支持瓦 + + Ｃ で設置可 + + 支持瓦はアンダーラップの先端を削って納める（Ｔｒｙ－Ｕ４０はこの瓦の前身）{' '} +
+ 木ねじ打ち込み式 + + 屋根技研支持瓦 + + Ｃ で設置可 + + 支持瓦はアンダーラップの先端を削って納める（Ｔｒｙ－Ｕ４０はこの瓦の前身）{' '} +
+ 木ねじ打ち込み式 + + 屋根技研支持瓦 + + Ｃ で設置可 + + 支持瓦はアンダーラップの先端を削って納める（Ｔｒｙ－Ｕ４０はこの瓦の前身）{' '} +
+ 木ねじ打ち込み式 + + 屋根技研支持瓦 + + Ｃ で設置可 + + 支持瓦はアンダーラップの先端を削って納める（Ｔｒｙ－Ｕ４０はこの瓦の前身）{' '} +
+
+
+ + 屋根材製品名 + + + メーカー名 + + + 屋根材の種類 + +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ 金具タイプ + + 金具名 + + 設置可否 + + 備考 +
+ 木ねじ打ち込み式 + + 屋根技研支持瓦 + + Ｃ で設置可 + + 支持瓦はアンダーラップの先端を削って納める（Ｔｒｙ－Ｕ４０はこの瓦の前身）{' '} +
+ 木ねじ打ち込み式 + + 屋根技研支持瓦 + + Ｃ で設置可 + + 支持瓦はアンダーラップの先端を削って納める（Ｔｒｙ－Ｕ４０はこの瓦の前身）{' '} +
+ 木ねじ打ち込み式 + + 屋根技研支持瓦 + + Ｃ で設置可 + + 支持瓦はアンダーラップの先端を削って納める（Ｔｒｙ－Ｕ４０はこの瓦の前身）{' '} +
+ 木ねじ打ち込み式 + + 屋根技研支持瓦 + + Ｃ で設置可 + + 支持瓦はアンダーラップの先端を削って納める（Ｔｒｙ－Ｕ４０はこの瓦の前身）{' '} +
+ 木ねじ打ち込み式 + + 屋根技研支持瓦 + + Ｃ で設置可 + + 支持瓦はアンダーラップの先端を削って納める（Ｔｒｙ－Ｕ４０はこの瓦の前身）{' '} +
+ 		+
+ + 屋根材製品名 + + + メーカー名 + + + 屋根材の種類 + +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ 金具タイプ + + 金具名 + + 設置可否 + + 備考 +
+ 木ねじ打ち込み式 + + 屋根技研支持瓦 + + Ｃ で設置可 + + 支持瓦はアンダーラップの先端を削って納める（Ｔｒｙ－Ｕ４０はこの瓦の前身）{' '} +
+ 木ねじ打ち込み式 + + 屋根技研支持瓦 + + Ｃ で設置可 + + 支持瓦はアンダーラップの先端を削って納める（Ｔｒｙ－Ｕ４０はこの瓦の前身）{' '} +
+ 木ねじ打ち込み式 + + 屋根技研支持瓦 + + Ｃ で設置可 + + 支持瓦はアンダーラップの先端を削って納める（Ｔｒｙ－Ｕ４０はこの瓦の前身）{' '} +
+ 木ねじ打ち込み式 + + 屋根技研支持瓦 + + Ｃ で設置可 + + 支持瓦はアンダーラップの先端を削って納める（Ｔｒｙ－Ｕ４０はこの瓦の前身）{' '} +
+ 木ねじ打ち込み式 + + 屋根技研支持瓦 + + Ｃ で設置可 + + 支持瓦はアンダーラップの先端を削って納める（Ｔｒｙ－Ｕ４０はこの瓦の前身）{' '} +
+
+
+ + 屋根材製品名 + + + メーカー名 + + + 屋根材の種類 + +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ 金具タイプ + + 金具名 + + 設置可否 + + 備考 +
+ 木ねじ打ち込み式 + + 屋根技研支持瓦 + + Ｃ で設置可 + + 支持瓦はアンダーラップの先端を削って納める（Ｔｒｙ－Ｕ４０はこの瓦の前身）{' '} +
+ 木ねじ打ち込み式 + + 屋根技研支持瓦 + + Ｃ で設置可 + + 支持瓦はアンダーラップの先端を削って納める（Ｔｒｙ－Ｕ４０はこの瓦の前身）{' '} +
+ 木ねじ打ち込み式 + + 屋根技研支持瓦 + + Ｃ で設置可 + + 支持瓦はアンダーラップの先端を削って納める（Ｔｒｙ－Ｕ４０はこの瓦の前身）{' '} +
+ 木ねじ打ち込み式 + + 屋根技研支持瓦 + + Ｃ で設置可 + + 支持瓦はアンダーラップの先端を削って納める（Ｔｒｙ－Ｕ４０はこの瓦の前身）{' '} +
+ 木ねじ打ち込み式 + + 屋根技研支持瓦 + + Ｃ で設置可 + + 支持瓦はアンダーラップの先端を削って納める（Ｔｒｙ－Ｕ４０はこの瓦の前身）{' '} +
+ 		+
+ + 屋根材製品名 + + + メーカー名 + + + 屋根材の種類 + +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ 金具タイプ + + 金具名 + + 設置可否 + + 備考 +
+ 木ねじ打ち込み式 + + 屋根技研支持瓦 + + Ｃ で設置可 + + 支持瓦はアンダーラップの先端を削って納める（Ｔｒｙ－Ｕ４０はこの瓦の前身）{' '} +
+ 木ねじ打ち込み式 + + 屋根技研支持瓦 + + Ｃ で設置可 + + 支持瓦はアンダーラップの先端を削って納める（Ｔｒｙ－Ｕ４０はこの瓦の前身）{' '} +
+ 木ねじ打ち込み式 + + 屋根技研支持瓦 + + Ｃ で設置可 + + 支持瓦はアンダーラップの先端を削って納める（Ｔｒｙ－Ｕ４０はこの瓦の前身）{' '} +
+ 木ねじ打ち込み式 + + 屋根技研支持瓦 + + Ｃ で設置可 + + 支持瓦はアンダーラップの先端を削って納める（Ｔｒｙ－Ｕ４０はこの瓦の前身）{' '} +
+ 木ねじ打ち込み式 + + 屋根技研支持瓦 + + Ｃ で設置可 + + 支持瓦はアンダーラップの先端を削って納める（Ｔｒｙ－Ｕ４０はこの瓦の前身）{' '} +
+
+
+ + 屋根材製品名 + + + メーカー名 + + + 屋根材の種類 + +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ 金具タイプ + + 金具名 + + 設置可否 + + 備考 +
+ 木ねじ打ち込み式 + + 屋根技研支持瓦 + + Ｃ で設置可 + + 支持瓦はアンダーラップの先端を削って納める（Ｔｒｙ－Ｕ４０はこの瓦の前身）{' '} +
+ 木ねじ打ち込み式 + + 屋根技研支持瓦 + + Ｃ で設置可 + + 支持瓦はアンダーラップの先端を削って納める（Ｔｒｙ－Ｕ４０はこの瓦の前身）{' '} +
+ 木ねじ打ち込み式 + + 屋根技研支持瓦 + + Ｃ で設置可 + + 支持瓦はアンダーラップの先端を削って納める（Ｔｒｙ－Ｕ４０はこの瓦の前身）{' '} +
+ 木ねじ打ち込み式 + + 屋根技研支持瓦 + + Ｃ で設置可 + + 支持瓦はアンダーラップの先端を削って納める（Ｔｒｙ－Ｕ４０はこの瓦の前身）{' '} +
+ 木ねじ打ち込み式 + + 屋根技研支持瓦 + + Ｃ で設置可 + + 支持瓦はアンダーラップの先端を削って納める（Ｔｒｙ－Ｕ４０はこの瓦の前身）{' '} +
+ 		+
+ + 屋根材製品名 + + + メーカー名 + + + 屋根材の種類 + +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ 金具タイプ + + 金具名 + + 設置可否 + + 備考 +
+ 木ねじ打ち込み式 + + 屋根技研支持瓦 + + Ｃ で設置可 + + 支持瓦はアンダーラップの先端を削って納める（Ｔｒｙ－Ｕ４０はこの瓦の前身）{' '} +
+ 木ねじ打ち込み式 + + 屋根技研支持瓦 + + Ｃ で設置可 + + 支持瓦はアンダーラップの先端を削って納める（Ｔｒｙ－Ｕ４０はこの瓦の前身）{' '} +
+ 木ねじ打ち込み式 + + 屋根技研支持瓦 + + Ｃ で設置可 + + 支持瓦はアンダーラップの先端を削って納める（Ｔｒｙ－Ｕ４０はこの瓦の前身）{' '} +
+ 木ねじ打ち込み式 + + 屋根技研支持瓦 + + Ｃ で設置可 + + 支持瓦はアンダーラップの先端を削って納める（Ｔｒｙ－Ｕ４０はこの瓦の前身）{' '} +
+ 木ねじ打ち込み式 + + 屋根技研支持瓦 + + Ｃ で設置可 + + 支持瓦はアンダーラップの先端を削って納める（Ｔｒｙ－Ｕ４０はこの瓦の前身）{' '} +
+
+
+
+ + ) +} diff --git a/src/components/DownloadPDF.tsx b/src/components/pdf/SurveySaleDownloadPdf.tsx similarity index 99% rename from src/components/DownloadPDF.tsx rename to src/components/pdf/SurveySaleDownloadPdf.tsx index 570b926..313f18d 100644 --- a/src/components/DownloadPDF.tsx +++ b/src/components/pdf/SurveySaleDownloadPdf.tsx @@ -3,7 +3,7 @@ import { useRef } from 'react' import generatePDF, { Margin, Resolution } from 'react-to-pdf' -export default function DownloadPdf() { +export default function SurveySaleDownloadPdf() { const targetRef = useRef(null) const handleDownPdf = () => { const options = { diff --git a/src/components/ui/common/Footer.tsx b/src/components/ui/common/Footer.tsx index 2d20a63..d44b8df 100644 --- a/src/components/ui/common/Footer.tsx +++ b/src/components/ui/common/Footer.tsx @@ -10,7 +10,7 @@ export default function Footer() {
COPYRIGHT©2025 Hanwha Japan All Rights Reserved{' '} - PDF + PDF {Config().mode} {Config().baseUrl}