diff --git a/src/app/pdfview/page.tsx b/src/app/pdfview/page.tsx new file mode 100644 index 0000000..fa7851e --- /dev/null +++ b/src/app/pdfview/page.tsx @@ -0,0 +1,15 @@ +import Footer from "@/components/layouts/Footer"; +import Header from "@/components/layouts/Header"; +import PDFViewContents from "@/components/pdfview/PDFViewContents"; + +export default function PDFView(){ + return( +
+
+
+ +
+
+ ) +} \ No newline at end of file diff --git a/src/components/PublishList/PublishList.tsx b/src/components/PublishList/PublishList.tsx index 4c0454c..b925bc3 100644 --- a/src/components/PublishList/PublishList.tsx +++ b/src/components/PublishList/PublishList.tsx @@ -212,7 +212,7 @@ export default function PublishList (){ 2025/04/30 - 지붕재 적합성성 + 지붕재 적합성 지붕재 적합성 페이지 RoofCompliancePage.tsx @@ -233,6 +233,18 @@ export default function PublishList (){ 2025/05/08 + + PDF 뷰어 + PDF 뷰어 페이지 + + PDFView.tsx + + + + + + 2025/05/19 + diff --git a/src/components/pdfview/PDFViewContents.tsx b/src/components/pdfview/PDFViewContents.tsx new file mode 100644 index 0000000..92aa07f --- /dev/null +++ b/src/components/pdfview/PDFViewContents.tsx @@ -0,0 +1,155 @@ +export default function PDFViewContents(){ + return( +
+
+
HWJ 現地調査シート1/2
+
+
+
現地明登施工店名
+
Interplug
+
+
+
現地阴買日
+
2025-04-05
+
+
+
+
+
+ + + + + + + + + + + + + + + +
お客様名山田 ひろし
ご住所1620042東京都新宿区早稲田町
+
+
+
も気開係
+ + + + + + + + + + + + + + + + + + + + + + + +
雨気契约容国3kVA(or A)
電気契約会社Interplug
電気付带設備既設太陽光発電システム
設置希望システムハイブリッド蓄電システム
+
+
+
屋根眀係
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
築年数新築
至根材アスファルトシングル
座根形状切妻
座根勾配4寸
住宅樠造木造
並木材質鉄骨材
垂木サイズ幅35mm以上×高さ48mm以上
垂木ビッチ455mm以下
垂木方向縦垂木
野地板種類パーティクルボード
野地板厚さ12mm
兩漏の形跡あり
ルーフィング種類アスファルトルーフィング940（22kg以上）
断熱材の有無なし
屋根構造の順番屋根材/ルーフィング/野地板/垂木
+
+
+ + + + + + + + + + + +
区根製品名設置可否確認確認済み
+
+
+
メモ
+
No.25
+
+
+
+ ) +} \ No newline at end of file diff --git a/src/styles/components/_index.scss b/src/styles/components/_index.scss index 4ebdd02..78ba0b9 100644 --- a/src/styles/components/_index.scss +++ b/src/styles/components/_index.scss @@ -1,4 +1,5 @@ @forward 'main'; @forward 'login'; @forward 'pop-contents'; -@forward 'sub'; \ No newline at end of file +@forward 'sub'; +@forward 'pdfview'; \ No newline at end of file diff --git a/src/styles/components/_pdfview.scss b/src/styles/components/_pdfview.scss new file mode 100644 index 0000000..8db6cf7 --- /dev/null +++ b/src/styles/components/_pdfview.scss @@ -0,0 +1,57 @@ +@use "../abstracts" as *; + +.pdf-contents{ + padding: 0 20px; + border-top: 1px solid #ececec; +} +.pdf-cont-head{ + align-items: center; + padding: 24px 0 15px; + border-bottom: 2px solid $black-1010; + .pdf-cont-head-tit{ + @include defaultFont($font-s-16, $font-w-600, $black-1010); + margin-bottom: 10px; + } +} +.pdf-cont-head-data-wrap{ + @include flex(20px); + align-items: center; + .pdf-cont-head-data-tit{ + @include defaultFont($font-s-13, $font-w-500, $black-1010); + } + .pdf-cont-head-data{ + @include defaultFont($font-s-13, $font-w-400, #FF5656); + } +} +.pdf-cont-body{ + padding: 24px 0 0; +} +.pdf-data-tit{ + @include defaultFont($font-s-13, $font-w-500, $black-1010); + margin-bottom: 5px; +} +.pdf-table{ + margin-bottom: 24px; + table{ + width: 100%; + table-layout: fixed; + border-collapse: collapse; + th{ + padding: 9.5px; + @include defaultFont($font-s-11, $font-w-500, $black-1010); + border: 1px solid #2E3A59; + background-color: #F5F6FA; + } + td{ + padding: 9.5px; + @include defaultFont($font-s-11, $font-w-400, #FF5656); + border: 1px solid #2E3A59; + } + } +} +.pdf-textarea-data{ + padding: 10px; + @include defaultFont($font-s-11, $font-w-400, #FF5656); + border: 1px solid $black-1010; + min-height: 150px; +} \ No newline at end of file