Pārlūkot izejas kodu

PDF 郵便番号位置調整

develop
sosuke.iwabuchi pirms 2 gadiem
vecāks
revīzija
2d951f3d2d
2 mainītis faili ar 82 papildinājumiem un 150 dzēšanām
  1. +71
    -29
      resources/css/receipt_letter.css
  2. +11
    -121
      resources/views/pdf/receipt_letters.blade.php

+ 71
- 29
resources/css/receipt_letter.css Parādīt failu

@@ -1,37 +1,88 @@

section.page {
position: relative;
border: solid 1px;
}

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

.page:nth-child(1) div.section-address div.zipcode {
position: relative;
top: 2mm;
div.indexbox {
position: absolute;
bottom: 5mm;
right: 10mm;
}

div.sample div {
position: absolute;
border-style: solid;
border-width: 1px;
width: 10mm;
height: 10mm;
top : 12.8mm;
box-sizing: border-box;
border-color: black;
}

.page div.sample div:nth-child(1) {
left: 45mm;
width: 50mm;
font-size: 10mm;
letter-spacing: 3.5mm;
}
.page:nth-child(2) div.section-address div.zipcode {
position: relative;
.page div.sample div:nth-child(2) {
left: 55mm;
}
.page div.sample div:nth-child(3) {
left: 65mm;
}
.page div.sample div:nth-child(4) {
left: 75mm;
border-color: red;
}
.page div.sample div:nth-child(5) {
left: 85mm;
}
.page div.sample div:nth-child(6) {
left: 95mm;
}
.page div.sample div:nth-child(7) {
left: 105mm;
}
.page div.sample div:nth-child(8) {
left: 115mm;
border-color: red;
}
.page div.sample div:nth-child(9) {
left: 125mm;
}
/* .page div.sample div:nth-child(10) {
left: 135mm;
}
.page div.sample div:nth-child(11) {
left: 145mm;
} */

div.zz {
position: absolute;
top: 2mm;
left: 45mm;
width: 50mm;
font-size: 10mm;
letter-spacing: 4mm;
}
.page:nth-child(3) div.section-address div.zipcode {
position: relative;
top: 2mm;
left: 45mm;
div.zipcode1 {
left: 52mm;
width: 50mm;
font-size: 10mm;
border: solid 1px;
letter-spacing: 4.5mm;
}
div.zipcode2 {
left: 86mm;
width: 35mm;
border: dotted 1px;
letter-spacing: 3.5mm;
}

div.section-address div.address-field {
position: relative;
top: 35mm;
position: absolute;
top: 45mm;
left:0mm;
width: 60mm;
font-size: 4mm;
@@ -39,8 +90,8 @@ div.section-address div.address-field {


div.section-address div.name {
position: relative;
top: 45mm;
position: absolute;
top: 60mm;
left:10mm;
font-size: 5mm;
inline-size: 30mm;
@@ -75,12 +126,3 @@ div.section-receipt div.header {
}



/* スタンプ */
#stamp {
position: absolute;
top: 125mm;
left:75mm;
border: 1.5px solid black;
padding: 0.5mm;
}

+ 11
- 121
resources/views/pdf/receipt_letters.blade.php Parādīt failu

@@ -15,130 +15,20 @@

@foreach($orders as $order)
<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="indexbox">1</div>

<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 class="sample">
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></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="zz zipcode1">{{ substr($order['mail_zip_code'],0,3) }}</div>
<div class="zz zipcode2">{{ substr($order['mail_zip_code'],3) }}</div>
<div class="address-field">

<div class="address">


Notiek ielāde…
Atcelt
Saglabāt