ソースを参照

はがき レイアウト 調整中

develop
sosuke.iwabuchi 2年前
コミット
d05d672d00
2個のファイルの変更153行の追加14行の削除
  1. +30
    -13
      resources/css/receipt_letter.css
  2. +123
    -1
      resources/views/pdf/receipt_letters.blade.php

+ 30
- 13
resources/css/receipt_letter.css ファイルの表示

@@ -1,35 +1,52 @@

/* 郵送先フィールド */
div.section-address {
height: 50mm;
div.section-address{
height: 70mm;
}

div.section-address div.zipcode {
.page:nth-child(1) div.section-address div.zipcode {
position: relative;
top: 0mm;
left: 40mm;
top: 2mm;
left: 45mm;
width: 50mm;
font-size: 6mm;
font-size: 8mm;
letter-spacing: 2mm;
}
.page:nth-child(2) div.section-address div.zipcode {
position: relative;
top: 2mm;
left: 45mm;
width: 50mm;
font-size: 10mm;
letter-spacing: 2mm;
}
.page:nth-child(3) div.section-address div.zipcode {
position: relative;
top: 2mm;
left: 45mm;
width: 50mm;
font-size: 10mm;
letter-spacing: 3mm;
}

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



div.section-address div.name{
div.section-address div.name {
position: relative;
top: 25mm;
top: 45mm;
left:10mm;
padding-top: 2mm;
padding-left: 3mm;
font-size: 4.5mm;
font-size: 5mm;
inline-size: 30mm;
overflow-wrap: break-word;
word-break: break-all;
vertical-align: sub;
}




+ 123
- 1
resources/views/pdf/receipt_letters.blade.php ファイルの表示

@@ -16,7 +16,129 @@
@foreach($orders as $order)
<section class="page">
<div class="section-address">
<div class="zipcode">{{ sprintf("%sー%s", substr($order['mail_zip_code'], 0, 3), substr($order['mail_zip_code'], 3) ) }}</div>
<div class="zipcode">{{ $order['mail_zip_code'] }}</div>
<div class="address-field">

<div class="address">
{{ $order['pref_name'] }}{{ $order['mail_address1'] }}{{ $order['mail_address2'] }}
</div>
<div class="address">
{{ $order['mail_address3'] }} &nbsp;
</div>
</div>
<div class="name">
{{ $order['mail_name'] }} 様
</div>
</div>
<hr />
<div class="section-receipt">
<div class="container header">
<div class="item " style="width:13mm">
<h2></h2>
</div>
<div id="receipt-title" class="item tc" style="width:40mm">
領収証
</div>
<div class="item" style="width:40mm">
<div style="font-size: 3.5mm;">
<div>発行日 {{ $order['status_receipt_confirm_datetime'] }}</div>
<div>No {{ $order['receipt_no'] }}</div>
</div>
</div>
</div>
<div id="receipt-name" class="name tc pt10 underline">{{ $order['receipt_name'] }} 様</div>
<div class="pt5 f35">利用日 {{ $order['receipt_use_date'] }}</div>
<div class="container mt5">

<div class="pt1 tc f5 b underline item ml10">
¥{{ $order['receipt_amount'] }} -&nbsp;
</div>
<div class="item ml3 f3">(消費税率10%内税)</div>
</div>
</div>
<div class="pt3 f35 ">
但し、{{ $order['receipt_purpose'] }}として上記正に領収いたしました。
</div>
<div class="f35 pt5">
駐車場名
</div>
<div id="parking-name" class="f35 ml10 underline">
{{ $order['parking_name'] }}
</div>
<div class="f35 pt5">
発行事業者及び登録番号
</div>
<div id="receipt-customer-name" class="pt1 f35 ml10 underline">{{ $order['customer_name'] ?? "-" }}</div>
<div class="pt1 f35 ml10 underline">{{ $order['receipt_invoice_no'] ?? "-" }}</div>
<div class="f35 ">&nbsp;</div>
<div class="pt3 f35 ">発送元&nbsp;&nbsp;&nbsp;〒550-0014</div>
<div class=" f35 ml10">大阪府大阪市西区北堀江2-2-25久我ビル南館5階</div>
<div class=" f35 ml10">ハロー・テクノ株式会社&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;TEL:0120-559-115</div>
</section>
<section class="page">
<div class="section-address">
<div class="zipcode">{{ $order['mail_zip_code'] }}</div>
<div class="address-field">

<div class="address">
{{ $order['pref_name'] }}{{ $order['mail_address1'] }}{{ $order['mail_address2'] }}
</div>
<div class="address">
{{ $order['mail_address3'] }} &nbsp;
</div>
</div>
<div class="name">
{{ $order['mail_name'] }} 様
</div>
</div>
<hr />
<div class="section-receipt">
<div class="container header">
<div class="item " style="width:13mm">
<h2></h2>
</div>
<div id="receipt-title" class="item tc" style="width:40mm">
領収証
</div>
<div class="item" style="width:40mm">
<div style="font-size: 3.5mm;">
<div>発行日 {{ $order['status_receipt_confirm_datetime'] }}</div>
<div>No {{ $order['receipt_no'] }}</div>
</div>
</div>
</div>
<div id="receipt-name" class="name tc pt10 underline">{{ $order['receipt_name'] }} 様</div>
<div class="pt5 f35">利用日 {{ $order['receipt_use_date'] }}</div>
<div class="container mt5">

<div class="pt1 tc f5 b underline item ml10">
¥{{ $order['receipt_amount'] }} -&nbsp;
</div>
<div class="item ml3 f3">(消費税率10%内税)</div>
</div>
</div>
<div class="pt3 f35 ">
但し、{{ $order['receipt_purpose'] }}として上記正に領収いたしました。
</div>
<div class="f35 pt5">
駐車場名
</div>
<div id="parking-name" class="f35 ml10 underline">
{{ $order['parking_name'] }}
</div>
<div class="f35 pt5">
発行事業者及び登録番号
</div>
<div id="receipt-customer-name" class="pt1 f35 ml10 underline">{{ $order['customer_name'] ?? "-" }}</div>
<div class="pt1 f35 ml10 underline">{{ $order['receipt_invoice_no'] ?? "-" }}</div>
<div class="f35 ">&nbsp;</div>
<div class="pt3 f35 ">発送元&nbsp;&nbsp;&nbsp;〒550-0014</div>
<div class=" f35 ml10">大阪府大阪市西区北堀江2-2-25久我ビル南館5階</div>
<div class=" f35 ml10">ハロー・テクノ株式会社&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;TEL:0120-559-115</div>
</section>
<section class="page">
<div class="section-address">
<div class="zipcode">{{ $order['mail_zip_code'] }}</div>
<div class="address-field">

<div class="address">


読み込み中…
キャンセル
保存