sosuke.iwabuchi
/
SATE-EasyReceipt
Watch 1
Star 0
Fork 0
Code Issues 0 Pull Requests 0 Releases 0 Wiki Activity
Browse Source

はがきの改ページ　技術検証

develop
sosuke.iwabuchi 2 years ago
parent
f6f3bf5bf8
commit
bad19652b8
3 changed files with 138 additions and 60 deletions
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. +6
    -0
      resources/css/receipt_common.css
  2. +6
    -6
      resources/css/receipt_letter.css
  3. +126
    -54
      resources/views/pdf/receipt_letter.blade.php

+ 6
- 0
resources/css/receipt_common.css View File

@@ -78,3 +78,9 @@ margin-left: 5mm;
.vt {
vertical-align: top;
}


/* 改ページ */
body section.page:nth-child(n+2) {
page-break-before: always;
}

+ 6
- 6
resources/css/receipt_letter.css View File

@@ -1,18 +1,18 @@

/* 郵送先フィールド */
section.address {

div.section-address {
height: 50mm;
}

#address {
position: absolute;
div.section-address div.address-field {
position: relative;
top: 10mm;
left:30mm;
width: 60mm;
font-size: 4mm;
}

#address div.name{
div.section-address div.address-field div.name{
padding-top: 2mm;
padding-left: 3mm;
font-size: 4.5mm;
@@ -20,7 +20,7 @@ section.address {


/* ヘッダー高さ設定 */
section.receipt div.header {
div.section-receipt div.header {
height: 10mm;
}



+ 126
- 54
resources/views/pdf/receipt_letter.blade.php View File

@@ -12,58 +12,59 @@
</head>

<body>
<section class="address">
<div id="address">
<section class="page">
<div class="section-address">
<div class="address-field">

<div class="zipcode">〒{{ sprintf("%s-%s", substr($mail_zip_code, 0, 3), substr($mail_zip_code, 3) ) }}</div>
<div class="address">
{{ $pref_name }}
</div>
@if($mail_address1)
<div class="address">
{{ $mail_address1 }}
</div>
@endif
@if($mail_address2)
<div class="address">
{{ $mail_address2 }}
</div>
@endif
@if($mail_address3)
<div class="address">
{{ $mail_address3 }}
</div>
@endif
<div class="name">
{{ $mail_name }} 様
<div class="zipcode">〒{{ sprintf("%s-%s", substr($mail_zip_code, 0, 3), substr($mail_zip_code, 3) ) }}</div>
<div class="address">
{{ $pref_name }}
</div>
@if($mail_address1)
<div class="address">
{{ $mail_address1 }}
</div>
@endif
@if($mail_address2)
<div class="address">
{{ $mail_address2 }}
</div>
@endif
@if($mail_address3)
<div class="address">
{{ $mail_address3 }}
</div>
@endif
<div class="name">
{{ $mail_name }} 様
</div>
</div>
</div>
</section>
<hr />
<section class="receipt">
<div class="container header">
<div class="item " style="width:13mm">
<h2></h2>
</div>
<div class="item tc" style="width:40mm">
<h2>領収証</h2>
</div>
<div class="item" style="width:40mm">
<div style="font-size: 3.5mm;">
<div>発行日 {{ $status_receipt_confirm_datetime }}</div>
<div>No {{ $receipt_no }}</div>
<hr />
<div class="section-receipt">
<div class="container header">
<div class="item " style="width:13mm">
<h2></h2>
</div>
<div class="item tc" style="width:40mm">
<h2>領収証</h2>
</div>
<div class="item" style="width:40mm">
<div style="font-size: 3.5mm;">
<div>発行日 {{ $status_receipt_confirm_datetime }}</div>
<div>No {{ $receipt_no }}</div>
</div>
</div>
</div>
</div>
<div class="name tc pt10 underline">{{ $receipt_name }}　様</div>
<div class="pt5 f35">利用日 {{ $receipt_use_date }}</div>
<div class="container mt5">
<div class="name tc pt10 underline">{{ $receipt_name }}　様</div>
<div class="pt5 f35">利用日 {{ $receipt_use_date }}</div>
<div class="container mt5">

<div class="pt1 tc f5 b underline item ml10">
￥{{ $receipt_amount }} -&nbsp;
<div class="pt1 tc f5 b underline item ml10">
￥{{ $receipt_amount }} -&nbsp;
</div>
<div class="item ml3 f3"> 内消費税 ￥{{ $tax_amount }}- (10%対象)</div>
</div>
<div class="item ml3 f3"> 内消費税 ￥{{ $tax_amount }}- (10%対象)</div>
</div>
</div>
<div class="pt3 f35 ">
但し、{{ $parking_name }}
@@ -92,22 +93,93 @@
</div>
</div>
</div>
</section>



<div id="stamp" class="tc">
<div>
代理発行

<section class="page">
<div class="section-address">
<div class="address-field">

<div class="zipcode">〒{{ sprintf("%s-%s", substr($mail_zip_code, 0, 3), substr($mail_zip_code, 3) ) }}</div>
<div class="address">
{{ $pref_name }}
</div>
@if($mail_address1)
<div class="address">
{{ $mail_address1 }}
</div>
@endif
@if($mail_address2)
<div class="address">
{{ $mail_address2 }}
</div>
@endif
@if($mail_address3)
<div class="address">
{{ $mail_address3 }}
</div>
@endif
<div class="name">
{{ $mail_name }} 様
</div>
</div>
<div>
につき
</div>
<hr />
<div class="section-receipt">
<div class="container header">
<div class="item " style="width:13mm">
<h2></h2>
</div>
<div class="item tc" style="width:40mm">
<h2>領収証</h2>
</div>
<div class="item" style="width:40mm">
<div style="font-size: 3.5mm;">
<div>発行日 {{ $status_receipt_confirm_datetime }}</div>
<div>No {{ $receipt_no }}</div>
</div>
</div>
</div>
<div>
捺印省略
<div class="name tc pt10 underline">{{ $receipt_name }}　様</div>
<div class="pt5 f35">利用日 {{ $receipt_use_date }}</div>
<div class="container mt5">

<div class="pt1 tc f5 b underline item ml10">
￥{{ $receipt_amount }} -&nbsp;
</div>
<div class="item ml3 f3"> 内消費税 ￥{{ $tax_amount }}- (10%対象)</div>
</div>
</div>
<div class="pt3 f35 ">
但し、{{ $parking_name }}
</div>
<div class="f35 ">
{{ $receipt_purpose }}として
</div>
<div class="pt1 f35 ">上記正に領収いたしました。</div>
<div class="pt2 f35 ">運営会社 {{ $customer_name }}</div>
<div class="pt1 f35 ">インボイス登録番号 {{ $receipt_invoice_no }}</div>
<div class="pt3 f35 ">発行元及び返送先</div>
<div class="pt1 container f35">
<div class="item vt">〒550-0014</div>
<div class="item">
<div>
大阪府大阪市西区北堀江2-2-25
</div>
<div>
久慈ビル南館5階
</div>
<div class="pt3 f5 b">ハローテクノ株式会社</div>
<div class="container">


<div class="item f3" style="padding-right: 10mm;">TEL:06-7638-6575</div>
<div class="item f3">FAX:06-6536-5600</div>
</div>
</div>
</div>
</section>

</body>

</html>

Write Preview
Loading…
Cancel
Save