はがき領収書のレイアウト修正

SATE_RECEIPT-35 領収証レイアウト修正依頼

resources/css/receipt_common.css

@@ -32,9 +32,15 @@ div.container > .item {
     text-align: right;
 }
 
+.f6  {
+    font-size: 6mm;
+}
 .f5  {
     font-size: 5mm;
 }
+.f4  {
+    font-size: 4mm;
+}
 .f35  {
     font-size: 3.5mm;
 }

resources/css/receipt_letter.css

@@ -4,15 +4,29 @@ div.section-address {
     height: 50mm;
 }
 
+div.section-address div.zipcode {
+    position: relative;
+    top: 0mm;
+    left: 40mm;
+    width: 50mm;
+    font-size: 6mm;
+    letter-spacing: 2mm;
+}
+
 div.section-address  div.address-field {
     position: relative;
     top: 10mm;
-    left:30mm;
+    left:0mm;
     width: 60mm;
     font-size: 4mm;
 }
 
-div.section-address  div.address-field  div.name{
+
+
+div.section-address  div.name{
+    position: relative;
+    top: 25mm;
+    left:10mm;
     padding-top: 2mm;
     padding-left: 3mm;
     font-size: 4.5mm;
@@ -24,6 +38,25 @@ div.section-receipt div.header {
     height: 10mm;
 }
 
+/* 領収証タイトル */
+#receipt-title {
+    font-size: 9mm;
+}
+
+/* 領収証宛名 */
+#receipt-name {
+    font-size: 6mm;
+}
+
+/* 駐車場名 */
+#parking-name {
+    font-size: 5mm;
+}
+/* 運営会社名 */
+#receipt-customer-name {
+    font-size: 5mm;
+}
+
 
 
 /* スタンプ */

resources/views/pdf/receipt_letters.blade.php

@@ -16,31 +16,19 @@
     @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="address-field">
 
-                <div class="zipcode">〒{{ sprintf("%s-%s", substr($order['mail_zip_code'], 0, 3), substr($order['mail_zip_code'], 3) ) }}</div>
                 <div class="address">
-                    {{ $order['pref_name'] }}
+                    {{ $order['pref_name'] }}{{ $order['mail_address1'] }}{{ $order['mail_address2'] }}
                 </div>
-                @if($order['mail_address1'])
                 <div class="address">
-                    {{ $order['mail_address1'] }}
-                </div>
-                @endif
-                @if($order['mail_address2'])
-                <div class="address">
-                    {{ $order['mail_address2'] }}
-                </div>
-                @endif
-                @if($order['mail_address3'])
-                <div class="address">
-                    {{ $order['mail_address3'] }}
-                </div>
-                @endif
-                <div class="name">
-                    {{ $order['mail_name'] }} 様
+                    {{ $order['mail_address3'] }} &nbsp;
                 </div>
             </div>
+            <div class="name">
+                {{ $order['mail_name'] }} 様
+            </div>
         </div>
         <hr />
         <div class="section-receipt">
@@ -48,8 +36,8 @@
                 <div class="item " style="width:13mm">
                     <h2></h2>
                 </div>
-                <div class="item tc" style="width:40mm">
-                    <h2>領収証</h2>
+                <div id="receipt-title" class="item tc" style="width:40mm">
+                    領収証
                 </div>
                 <div class="item" style="width:40mm">
                     <div style="font-size: 3.5mm;">
@@ -58,7 +46,7 @@
                     </div>
                 </div>
             </div>
-            <div class="name tc pt10 underline">{{ $order['receipt_name'] }}　様</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">
 
@@ -74,18 +62,18 @@
         <div class="f35 pt5">
             駐車場名
         </div>
-        <div class="f35 ml10">
+        <div id="parking-name" class="f35 ml10 underline">
             {{ $order['parking_name'] }}
         </div>
         <div class="f35 pt5">
             発行事業者及び登録番号
         </div>
-        <div class="pt1 f35 ml10">{{ $order['customer_name'] ?? "-" }}</div>
-        <div class="pt1 f35 ml10">{{ $order['receipt_invoice_no'] ?? "-" }}</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="pt3 f35 ml10">大阪府大阪市西区北堀江2-2-25久我ビル南館5階</div>
-        <div class="pt3 f35 ml10">ハロー・テクノ株式会社&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;TEL：0120-559-115</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>
     @endforeach