Compare commits

...

1 Commits

Author SHA1 Message Date
edmondlang b0454329df qrcode download ui 2021-11-25 12:59:36 +08:00
2 changed files with 65 additions and 64 deletions
@@ -30,7 +30,7 @@ class DownloadOrderQrPdfController
$pdf = LaravelMpdf::loadView('pdfs.qr', $data, [], [
'title' => 'CIEF_ORDER_NO_'.$order->reference,
'format' => 'A4-L',
'format' => 'A6-L',
'orientation' => 'L',
'margin_top' => '40px',
]);
+64 -63
View File
@@ -6,74 +6,75 @@
position: absolute;
top: 47.1%;
}
.black-header-label{
background-color: #000;
color: #FFFFFF;
width:40px;
height:40px;
display: flex;
justify-content: center;
align-items: center;
font-weight: bold;
}
table.main-content{
width: 100%;
border-spacing: 0;
table-layout:fixed;
}
table.main-content tr td{
width: 50%;
max-width:50%;
}
table.main-content.with-padding tr td{
padding: 10px;
}
table.main-content, .main-content th{
border: 1px solid #000000;
}
</style>
<table style="width: 100%; border-spacing: 0;">
<table style="width: 100%">
<tr>
<td><img style="width:160px; height:40px;" src="{{asset('images/cief-izyim-logo.png')}}" alt=""></td>
<td></td>
<td align="center" class="black-header-label">仓库<br>识别</td>
</tr>
</table>
<table class="main-content with-padding">
<tbody>
@for ($i = 0; $i < 2; $i++)
<tr style="border-spacing: 2em;">
<td align="center" width="25%" style="border: 2px solid #000000; border-right: none;">
<table width="100%">
<tbody>
<tr align="center">
<td>
<img src="{{ url('https://chart.googleapis.com/chart?chs=250x250&cht=qr&chl={"id":'.$order->id.'}') }}" style="margin-top: 20px;" />
</td>
</tr>
<tr align="center">
<td>
<h2 style="margin: 0 !important;"><strong>#{{$order->reference}}</strong></h2>
</td>
</tr>
</tbody>
</table>
<tr>
<td style="border-bottom: 1px solid #000000;">
<img src="https://www.computalabel.com/Images/GS1-128.png" alt="">
</td>
<td width="75%" style="border: 2px solid #000000; border-left: none;">
<table style="border-spacing:10px 10px;">
<tbody>
<tr>
<td style="border-bottom: solid 2px #000000;">
<h1 style="font-size: 50px; line-height: 70px">{{(strtolower($delivery_address->state->name) === 'sabah' || strtolower($delivery_address->state->name) === 'labuan') ? 'SB/' : (strtolower($delivery_address->state->name) === 'sarawak' ? 'SRW/':'')}}CIEF/{{$marking}}/{{$order->reference}}</h1>
</td>
</tr>
<tr>
<td>
<p style="font-size: 30px; margin-bottom: 0 !important; margin-top: 10px !important;">仓库地址:</p>
<p style="margin-top: 5px !important; margin-bottom: 5px !important; word-wrap: break-word; font-size: 30px;">{{$warehouse_address->street_one.' '.$warehouse_address->street_two.' '.$warehouse_address->district->name.' '.$warehouse_address->state->name.' 邮编:'.$warehouse_address->postcode}}</p>
<p style="margin-top: 5px !important; margin-bottom: 0px !important; font-size: 30px;">联系:@foreach($warehouse_contacts as $contact){{ $loop->first ? '' : ' / ' }}{{ $contact->phone.' '.$contact->reference }}@endforeach</p>
</td>
</tr>
</tbody>
</table>
<td style="border-bottom: 1px solid #000000;">
<h1 style="font-size: 50px; line-height: 70px">{{(strtolower($delivery_address->state->name) === 'sabah' || strtolower($delivery_address->state->name) === 'labuan') ? 'SB/' : (strtolower($delivery_address->state->name) === 'sarawak' ? 'SRW/':'')}}CIEF/{{$marking}}/{{$order->reference}}</h1>
</td>
</tr>
<tr>
<td>
<p style="margin-top: 5px !important; margin-bottom: 0px !important; font-size: 30px; font-weight:bold;">@foreach($warehouse_contacts as $contact){{ $contact->reference . ' 0086-' . $contact->phone }}{{ $loop->first ? '' : ' / ' }}@endforeach</p>
<p style="margin-top: 5px !important; margin-bottom: 5px !important; word-wrap: break-word; font-size: 30px;"></p>
<p style="margin-top: 5px !important; margin-bottom: 5px !important; word-wrap: break-word; font-size: 30px;">{{ $warehouse_address->state->name . ' ' . $warehouse_address->district->name . ' ' . $warehouse_address->street_one}}</p>
</td>
<td>
<p style="margin-top: 5px !important; margin-bottom: 5px !important; word-wrap: break-word; font-size: 30px;">{{' 邮编:' . $warehouse_address->postcode}}</p>
<p style="margin-top: 5px !important; margin-bottom: 0px !important; font-size: 30px;">{{ $warehouse_address->street_two === '' ? '' : $warehouse_address->street_two }}</p>
<p style="margin-top: 5px !important; margin-bottom: 0px !important; font-size: 30px;">{{ '时间: 星期一到六(9am - 5.30pm)' }}</p>
</td>
</tr>
@if($i === 0)
<tr>
<td style="padding-top: 2em; padding-bottom: 2em;">
<table style="width: 100%;">
<tbody>
<tr>
<td style="position: relative; border-bottom: 2px dashed;">
<div class="scissors" style="left: 100px;">&#9986;</div>
</td>
</tr>
</tbody>
</table>
</td>
<td style="padding-top: 2em; padding-bottom: 2em;">
<table style="width: 100%;">
<tbody>
<tr>
<td style="position: relative; border-bottom: 2px dashed;">
<div class="scissors" style="left: 500px;">&#9986;</div>
<div class="scissors" style="left: 900px;">&#9986;</div>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
@endif
@endfor
</tbody>
</table>
<table class="main-content">
<tbody>
<tr>
<td style="width:80%" align="center" style=" background:black; color:white;"><p style="font-size:40px; font-weight:bold;">GZ - SM</p></td>
<td align="center"><img src="{{ url('https://chart.googleapis.com/chart?chs=100x100&cht=qr&chl={"id":'.$order->id.'}') }}" /></td>
</tr>
</tbody>
</table>
<table style="width: 100%">
<tr>
<td><p style="font-size: 10px;">Powered by Izyim</p></td>
<td align="right"><p style="font-size: 10px;">此联粘贴在包裹上</p></td>
</tr>
</table>
@endsection