qcast3/onsitesurvey-pub
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

PDF 뷰어 페이지 추가

Browse Source
This commit is contained in:
김창수 2025-05-19 15:16:30 +09:00
parent bbe1be5b58
commit 05850f797c
5 changed files with 242 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
src/app/pdfview/page.tsx Normal file
View File

@ -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(
<div className="wrap">
<Header name={"Hanasys 現地調査"} backBtn={true}/>
<div className="container">
<PDFViewContents/>
</div>
<Footer/>
</div>
)
}

14
src/components/PublishList/PublishList.tsx
View File

@ -212,7 +212,7 @@ export default function PublishList (){
<td className='c red'>2025/04/30</td>
</tr>
<tr>
<td>지붕재 적합성성</td>
<td>지붕재 적합성</td>
<td>지붕재 적합성 페이지</td>
<td>
<Link href={'roofcompliance'}>RoofCompliancePage.tsx</Link>
@ -233,6 +233,18 @@ export default function PublishList (){
</td>
<td className='c red'>2025/05/08</td>
</tr>
<tr>
<td>PDF 뷰어</td>
<td>PDF 뷰어 페이지</td>
<td>
<Link href={'pdfview'}>PDFView.tsx</Link>
</td>
<td className='c'>
</td>
<td className='c red'>
</td>
<td className='c red'>2025/05/19</td>
</tr>
</tbody>
</table>
</div>

155
src/components/pdfview/PDFViewContents.tsx Normal file
View File

@ -0,0 +1,155 @@
export default function PDFViewContents(){
return(
<div className="pdf-contents">
<div className="pdf-cont-head">
<div className="pdf-cont-head-tit">HWJ 現地調査シート1/2</div>
<div className="pdf-cont-head-data-wrap">
<div className="pdf-cont-head-data-bx">
<div className="pdf-cont-head-data-tit">現地明登施工店名</div>
<div className="pdf-cont-head-data">Interplug</div>
</div>
<div className="pdf-cont-head-data-bx">
<div className="pdf-cont-head-data-tit">現地阴買日</div>
<div className="pdf-cont-head-data">2025-04-05</div>
</div>
</div>
</div>
<div className="pdf-cont-body">
<div className="pdf-table">
<table>
<colgroup>
<col width={72}/>
<col />
</colgroup>
<tbody>
<tr>
<th>お客様名</th>
<td>山田 ひろし</td>
</tr>
<tr>
<th>ご住所</th>
<td>1620042東京都新宿区早稲田町</td>
</tr>
</tbody>
</table>
</div>
<div className="pdf-table">
<div className="pdf-data-tit">も気開係</div>
<table>
<colgroup>
<col width={110}/>
<col />
</colgroup>
<tbody>
<tr>
<th>雨気契约容国</th>
<td>3kVA(or A)</td>
</tr>
<tr>
<th>電気契約会社</th>
<td>Interplug</td>
</tr>
<tr>
<th>電気付带設備</th>
<td>既設太陽光発電システム</td>
</tr>
<tr>
<th>設置希望システム</th>
<td>ハイブリッド蓄電システム</td>
</tr>
</tbody>
</table>
</div>
<div className="pdf-table">
<div className="pdf-data-tit">屋根眀係</div>
<table>
<colgroup>
<col width={110}/>
<col />
</colgroup>
<tbody>
<tr>
<th>築年数</th>
<td>新築</td>
</tr>
<tr>
<th>至根材</th>
<td>アスファルトシングル</td>
</tr>
<tr>
<th>座根形状</th>
<td>切妻</td>
</tr>
<tr>
<th>座根勾配</th>
<td>4寸</td>
</tr>
<tr>
<th>住宅樠造</th>
<td>木造</td>
</tr>
<tr>
<th>並木材質</th>
<td>鉄骨材</td>
</tr>
<tr>
<th>垂木サイズ</th>
<td>幅35mm以上×高さ48mm以上</td>
</tr>
<tr>
<th>垂木ビッチ</th>
<td>455mm以下</td>
</tr>
<tr>
<th>垂木方向</th>
<td>縦垂木</td>
</tr>
<tr>
<th>野地板種類</th>
<td>パーティクルボード</td>
</tr>
<tr>
<th>野地板厚さ</th>
<td>12mm</td>
</tr>
<tr>
<th>兩漏の形跡</th>
<td>あり</td>
</tr>
<tr>
<th>ルーフィング種類</th>
<td>アスファルトルーフィング940（22kg以上）</td>
</tr>
<tr>
<th>断熱材の有無</th>
<td>なし</td>
</tr>
<tr>
<th>屋根構造の順番</th>
<td>屋根材/ルーフィング/野地板/垂木</td>
</tr>
</tbody>
</table>
</div>
<div className="pdf-table">
<table>
<colgroup>
<col width={150}/>
<col />
</colgroup>
<tbody>
<tr>
<th>区根製品名設置可否確認</th>
<td>確認済み</td>
</tr>
</tbody>
</table>
</div>
<div className="pdf-textarea">
<div className="pdf-data-tit">メモ</div>
<div className="pdf-textarea-data">No.25</div>
</div>
</div>
</div>
)
}

1
src/styles/components/_index.scss
View File

@ -2,3 +2,4 @@
@forward 'login';
@forward 'pop-contents';
@forward 'sub';
@forward 'pdfview';

57
src/styles/components/_pdfview.scss Normal file
View File

@ -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;
}