509 lines
24 KiB
PHP
509 lines
24 KiB
PHP
<html>
|
|
|
|
<head>
|
|
<title>Invoice Print DMT</title>
|
|
<link rel="icon" type="image/png" href="<?php echo base_url('')?>assets/images/logoPcmBaru3.png" />
|
|
<!-- Web Fonts -->
|
|
<link href="//fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800" rel="stylesheet" type="text/css">
|
|
|
|
<!-- Vendor CSS -->
|
|
<link rel="stylesheet" href="<?php echo base_url('') ?>assets/vendor/bootstrap/css/bootstrap.css" />
|
|
|
|
<!-- Invoice Print Style -->
|
|
<link rel="stylesheet" href="<?php echo base_url('') ?>assets/stylesheets/invoice-print.css" />
|
|
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
|
|
|
|
<style type="text/css">
|
|
.f5 {
|
|
font-size: 5px;
|
|
}
|
|
|
|
.f9 {
|
|
font-size: 9px;
|
|
}
|
|
|
|
.f10 {
|
|
font-size: 10px;
|
|
}
|
|
|
|
.f11 {
|
|
font-size: 11px;
|
|
}
|
|
|
|
.f12 {
|
|
font-size: 12px;
|
|
}
|
|
|
|
.f13 {
|
|
font-size: 13px;
|
|
}
|
|
|
|
.f14 {
|
|
font-size: 14px;
|
|
}
|
|
|
|
.f15 {
|
|
font-size: 15px;
|
|
}
|
|
|
|
td {
|
|
width: auto;
|
|
}
|
|
|
|
th {
|
|
width: auto;
|
|
}
|
|
|
|
th.pd-2 {
|
|
padding: 2px;
|
|
}
|
|
|
|
td.min {
|
|
width: 1%;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
td.fz10-td {
|
|
font-size: 10px;
|
|
}
|
|
|
|
td.fz12-td {
|
|
font-size: 12px;
|
|
}
|
|
|
|
th.nilai {
|
|
width: 6%;
|
|
}
|
|
|
|
address.fz12 {
|
|
font-size: 12px;
|
|
}
|
|
|
|
span.fz12s {
|
|
font-size: 12px;
|
|
}
|
|
|
|
p.fz12-p {
|
|
font-size: 12px;
|
|
}
|
|
|
|
|
|
.single-line {
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
}
|
|
|
|
@page {
|
|
size: A5 landscape;
|
|
margin: 0.2in 0.2in 0.2in 0.2in;
|
|
}
|
|
</style>
|
|
|
|
</head>
|
|
<script type="text/javascript">
|
|
var tinggi = 0;
|
|
var tIdentitas = 0;
|
|
|
|
function getIdentitas(sn) {
|
|
tIdentitas = $("#identitas" + sn).height();
|
|
if (tIdentitas > 69) {
|
|
tIdentitas = tIdentitas - 69;
|
|
} else {
|
|
tIdentitas = 0;
|
|
}
|
|
|
|
}
|
|
|
|
function ivc(posisi, tot, idTabel, idTBody) {
|
|
var tblId = document.getElementById(idTabel);
|
|
var tblBd = document.getElementById(idTBody);
|
|
var barisT = document.getElementById('baristambahan' + idTabel);
|
|
|
|
var pjgtambah = 360 - tIdentitas - tblId.offsetHeight;
|
|
if (posisi == tot) {
|
|
$("#" + idTBody).append(`<tr id="baristambahan` + idTabel + `" style="height: ` + pjgtambah + `px;">
|
|
<td class="center fz10-td" style="border-right:1px solid #ddd; border-left:1px solid #ddd; border-top: none; border-bottom:1px solid #ddd; padding: 0px; vertical-align: middle; "> </td>
|
|
<td class="center fz10-td" style="border-right:1px solid #ddd; border-top: none; border-bottom:1px solid #ddd; padding: 0px; vertical-align: middle;"></td>
|
|
<td class="fz10-td" style="border-right:1px solid #ddd; border-top: none; border-bottom:1px solid #ddd; padding: 0px; vertical-align: middle;"></td>
|
|
<td class="fz10-td" style="border-right:1px solid #ddd; border-top: none; border-bottom:1px solid #ddd; padding: 0px; vertical-align: middle;">
|
|
<td class="fz10-td" style="border-right:1px solid #ddd; border-top: none; border-bottom:1px solid #ddd; padding: 0px; vertical-align: middle;">
|
|
</td>
|
|
</tr>`);
|
|
// alert(tblId.offsetHeight);
|
|
}
|
|
|
|
|
|
return true;
|
|
}
|
|
</script>
|
|
|
|
<body style="width: 900px;">
|
|
|
|
<div class="invoice" style="padding-bottom: 0px;">
|
|
<header class="clearfix">
|
|
<div class="row">
|
|
<div class="col-sm-6 mt-md">
|
|
<h5 class="mt-none mb-sm text-dark "><b>INVOICE</b></h5>
|
|
<h6 class="m-none text-dark text-bold" style="margin-bottom: 0px;">#PJ1004391</h6>
|
|
</div>
|
|
<div class="col-sm-6 mt-md mb-md">
|
|
<div class="ib text-right">
|
|
<img src="<?php echo base_url('') ?>assets/images/logoDmt.jpg" height="40" alt="OKLER Themes" style="padding-top: 9px;" />
|
|
</div>
|
|
<address class="ib mr-xlg f9 text-right" style="margin-bottom: 0px; margin-top:-25px; margin-right:70px;">
|
|
Jl. Bendul Merisi No. 71, Surabaya 60239
|
|
<br />
|
|
Telp : (031)8484348, Fax : (031)8475048
|
|
</address>
|
|
</div>
|
|
</div>
|
|
</header>
|
|
<div class="bill-info">
|
|
<div class="row">
|
|
<div class="col-md-6">
|
|
<div id="identitassatu" class="bill-to" style="margin-top:-23px; padding-bottom: 0px;">
|
|
<p class="h5 mb-xs text-dark text-semibold" style="margin-bottom: 0px; margin-top:0px;">Kepada Yth:</p>
|
|
<address class="f12" style="margin-bottom: 0px; margin-left:30px;">
|
|
Nicholas
|
|
<br />
|
|
Jl Raya Purwosari No.1, Purwosari, Pasuruan, Jawa Timur 67162
|
|
<br />
|
|
081332037019
|
|
</address>
|
|
<p class="mb-none" style="margin-bottom: 0px;">
|
|
<span class="text-dark f11">#SJ31020</span>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-6">
|
|
<div class="bill-data text-right " style="margin-top:-23px; padding-bottom: 5px;">
|
|
<p class="mb-none" style="margin-bottom: 0px;">
|
|
<span class="text-dark f12">Tanggal : </span>
|
|
<span class="value f12">
|
|
08/06/2021
|
|
</span>
|
|
</p>
|
|
<p class="mb-none" style="margin-bottom: 0px;">
|
|
<span class="text-dark f12">Tanggal JT : </span>
|
|
<span class="value f12">
|
|
08/06/2021
|
|
</span>
|
|
</p>
|
|
|
|
<p class="mb-none" style="margin-bottom: 0px;">
|
|
<span class="text-dark f12">Sales : </span>
|
|
<span class="value f12">
|
|
Service
|
|
</span>
|
|
|
|
</p>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="">
|
|
<table class="table" id="tabelivc" style="margin-bottom: 15px;">
|
|
<thead>
|
|
<tr class=" text-dark">
|
|
<th id="cell-no" style="width: 7px; border-right:1px solid #ddd; border-left:1px solid #ddd; font-size: 11px; padding: 2px; " class="text-bold center">NO</th>
|
|
<th id="cell-item" class="text-bold center" style="border-right:1px solid #ddd; font-size: 11px; width:110px; padding: 2px;">NAMA BARANG</th>
|
|
<th id="" class="text-bold center" style="border-right:1px solid #ddd; font-size: 11px; width:13px; padding: 2px;">QTY</th>
|
|
<th id="" class="text-bold nilai center" style="border-right:1px solid #ddd; font-size: 11px; width:20px; padding: 2px;">H. SATUAN</th>
|
|
<th id="cell-total" class="text-bold nilai center" style="font-size: 11px; border-right:1px solid #ddd; width:25px; padding: 2px;">NILAI</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody id="tabelBody">
|
|
<?php
|
|
echo '<script type="text/javascript">
|
|
getIdentitas("satu")
|
|
</script>';
|
|
for ($i = 1; $i <= sizeof($dataInvoice); $i++) { ?>
|
|
<tr>
|
|
<td class="center " style="font-size:11px; border-right:1px solid #ddd; border-left:1px solid #ddd; padding: 2px; vertical-align: middle; border-bottom: none; border-top: none;"><?= $i ?></td>
|
|
<td class="" style="font-size:11px; border-right:1px solid #ddd; padding: 2px; vertical-align: middle; border-bottom: none; border-top: none;"><?= $dataInvoice[$i - 1]['nama_barang'] ?></td>
|
|
<td class="center " style="font-size:11px; border-right:1px solid #ddd; padding: 2px; vertical-align: middle; border-bottom: none; border-top: none;"><?= $dataInvoice[$i - 1]['qty'] ?></td>
|
|
<td class="text-right nilai " style="font-size:11px; border-right:1px solid #ddd; padding: 2px; vertical-align: middle; border-bottom: none; border-top: none;"><?= $dataInvoice[$i - 1]['harga_satuan'] ?></td>
|
|
<td class="text-right nilai " style="font-size:11px; border-right:1px solid #ddd; padding: 2px; vertical-align: middle; border-bottom: none; border-top: none;"><?= $dataInvoice[$i - 1]['nilai'] ?></td>
|
|
</tr>
|
|
<?php
|
|
echo '<script type="text/javascript">
|
|
ivc(' . $i . ', ' . sizeof($dataInvoice) . ',"tabelivc", "tabelBody");
|
|
</script>';
|
|
} ?>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
|
|
|
|
<div class="">
|
|
<div class="row">
|
|
<div class="col-sm-3 pull-right" style="margin-top:-15px; width:220px; padding-left:0px;">
|
|
<table class="table ">
|
|
<tbody>
|
|
<tr class="b-top-none">
|
|
<!-- <td class="f11" style="padding: 2px; border:0px solid #ddd;"></td> -->
|
|
<td class="text-dark f11" style="width: 30%; padding: 2px;">Total Bruto</td>
|
|
<td class="text-dark center min f11" style="padding: 2px; width:1%;"> : </td>
|
|
<td class="text-dark text-right f11" style="padding: 2px; width: 40%;">300,000,000</td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<!-- <td class="f11" style="padding: 2px; border:0px solid #ddd;"></td> -->
|
|
<td class="text-dark f11" style="padding: 2px;">PPN 10%</td>
|
|
<td class="text-dark center min f11" style="padding: 2px;"> : </td>
|
|
<td class="text-dark text-right f11" style="padding: 2px;">30,000,000</td>
|
|
</tr>
|
|
<tr>
|
|
<!-- <td class="f11" style="padding: 2px; border:0px solid #ddd;"></td> -->
|
|
<td class="text-dark f11" style="padding: 2px;">Total Netto</td>
|
|
<td class="text-dark center min f11" style="padding: 2px;"> : </td>
|
|
<td class="text-dark text-right f11" style="padding: 2px;">330,000,000</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
<div class="col-sm-9 f11" style="margin-top:-15px; padding-right: 200px;">
|
|
<p class="" style=" margin-bottom:2px">Terbilang : </p>
|
|
</div>
|
|
<div class="col-sm-9 f11" style="padding-right: 20px; ">
|
|
<p style="margin-bottom: 5px;">Keterangan : </p>
|
|
</div>
|
|
|
|
<div class="col-md-12">
|
|
|
|
<!-- <div class="col-sm-4 pull-right">
|
|
<p class="f11"> Hormat Kami</p>
|
|
<br>
|
|
<br>
|
|
<p class="f11">(....................................................)</p>
|
|
</div> -->
|
|
<!-- <div class=" col-md-3 pull-right" style="width: 305px;
|
|
/* margin-top: -50px */
|
|
">
|
|
|
|
<div style="border:1px solid black; padding:5px;">
|
|
<p class="f10" style="margin:0px;"><b>REKENING BCA CAB MANGGA DUA SURABAYA (IDR)
|
|
1070492233 A.N: PT. TRIPERWIRA MULTI PAMENANG</b></P>
|
|
</div>
|
|
</div> -->
|
|
<div class="col-md-12">
|
|
<p class=" f11">
|
|
|
|
Penerima
|
|
|
|
Hormat Kami
|
|
|
|
</p>
|
|
<br>
|
|
<br>
|
|
<p class="f11">
|
|
(....................................................)
|
|
|
|
(....................................................)
|
|
<div class="col-md-3 " style="border:1px solid black; padding:5px; width:250px; margin-top:-50px; margin-left:400px;">
|
|
<p class="f9 center" style="margin:0px;"><b>REKENING BCA CAB MANGGA DUA SURABAYA (IDR)
|
|
1077111999 A.N: PT. DWIJAYA MITRA TEKNO</b></P>
|
|
</div>
|
|
</p>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
<div class="invoice" style="padding-bottom: 0px;">
|
|
|
|
<header class="clearfix">
|
|
<div class="row">
|
|
<div class="col-sm-6 mt-md">
|
|
<h5 class="mt-none mb-sm text-dark "><b>INVOICE</b></h5>
|
|
<h6 class="m-none text-dark text-bold" style="margin-bottom: 0px;">#PJ1004391</h6>
|
|
</div>
|
|
<div class="col-sm-6 mt-md mb-md">
|
|
<div class="ib text-right">
|
|
<img src="<?php echo base_url('') ?>assets/images/logoDmt.jpg" height="40" alt="OKLER Themes" style="padding-top: 9px;" />
|
|
</div>
|
|
<address class="ib mr-xlg f9 text-right" style="margin-bottom: 0px; margin-top:-25px; margin-right:70px;">
|
|
Jl. Bendul Merisi No. 71, Surabaya 60239
|
|
<br />
|
|
Telp : (031)8484348, Fax : (031)8475048
|
|
</address>
|
|
</div>
|
|
</div>
|
|
</header>
|
|
<div class="bill-info">
|
|
<div class="row">
|
|
<div class="col-md-6">
|
|
<div id="identitascopy" class="bill-to" style="margin-top:-23px; padding-bottom: 0px;">
|
|
<p class="h5 mb-xs text-dark text-semibold" style="margin-bottom: 0px; margin-top:0px;">Kepada Yth:</p>
|
|
<address class="f12" style="margin-bottom: 0px; margin-left:30px;">
|
|
Nicholas
|
|
<br />
|
|
Jl Raya Purwosari No.1, Purwosari, Pasuruan, Jawa Timur 67162
|
|
<br />
|
|
081332037019
|
|
</address>
|
|
<p class="mb-none" style="margin-bottom: 0px;">
|
|
<span class="text-dark f11">#SJ31020</span>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-6">
|
|
<div class="bill-data text-right " style="margin-top:-23px; padding-bottom: 5px;">
|
|
<p class="mb-none" style="margin-bottom: 0px;">
|
|
<span class="text-dark f12">Tanggal : </span>
|
|
<span class="value f12">
|
|
08/06/2021
|
|
</span>
|
|
</p>
|
|
<p class="mb-none" style="margin-bottom: 0px;">
|
|
<span class="text-dark f12">Tanggal JT : </span>
|
|
<span class="value f12">
|
|
08/06/2021
|
|
</span>
|
|
</p>
|
|
|
|
<p class="mb-none" style="margin-bottom: 0px;">
|
|
<span class="text-dark f12">Sales : </span>
|
|
<span class="value f12">
|
|
Service
|
|
</span>
|
|
|
|
</p>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="">
|
|
<div>
|
|
<img src="../assets/images/copywatermark2.png" style="width:60%;height:60%; position:absolute; opacity: 0.15; padding-top: 40px; padding-left: 250px; ">
|
|
</div>
|
|
<table class="table" id="tabelivccopy" style="margin-bottom: 15px;">
|
|
<thead>
|
|
<tr class=" text-dark">
|
|
<th id="cell-no" style="width: 7px; border-right:1px solid #ddd; border-left:1px solid #ddd; font-size: 11px; padding: 2px; " class="text-bold center">NO</th>
|
|
<th id="cell-item" class="text-bold center" style="border-right:1px solid #ddd; font-size: 11px; width:110px; padding: 2px;">NAMA BARANG</th>
|
|
<th id="" class="text-bold center" style="border-right:1px solid #ddd; font-size: 11px; width:13px; padding: 2px;">QTY</th>
|
|
<th id="" class="text-bold nilai center" style="border-right:1px solid #ddd; font-size: 11px; width:20px; padding: 2px;">H. SATUAN</th>
|
|
<th id="cell-total" class="text-bold nilai center" style="font-size: 11px; border-right:1px solid #ddd; width:25px; padding: 2px;">NILAI</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody id="tabelBodycopy">
|
|
<?php
|
|
echo '<script type="text/javascript">
|
|
getIdentitas("copy")
|
|
</script>';
|
|
for ($i = 1; $i <= sizeof($dataInvoice); $i++) { ?>
|
|
<tr>
|
|
<td class="center " style="font-size:11px; border-right:1px solid #ddd; border-left:1px solid #ddd; padding: 2px; vertical-align: middle; border-bottom: none; border-top: none;"><?= $i ?></td>
|
|
<td class="" style="font-size:11px; border-right:1px solid #ddd; padding: 2px; vertical-align: middle; border-bottom: none; border-top: none;"><?= $dataInvoice[$i - 1]['nama_barang'] ?></td>
|
|
<td class="center " style="font-size:11px; border-right:1px solid #ddd; padding: 2px; vertical-align: middle; border-bottom: none; border-top: none;"><?= $dataInvoice[$i - 1]['qty'] ?></td>
|
|
<td class="text-right nilai " style="font-size:11px; border-right:1px solid #ddd; padding: 2px; vertical-align: middle; border-bottom: none; border-top: none;"><?= $dataInvoice[$i - 1]['harga_satuan'] ?></td>
|
|
<td class="text-right nilai " style="font-size:11px; border-right:1px solid #ddd; padding: 2px; vertical-align: middle; border-bottom: none; border-top: none;"><?= $dataInvoice[$i - 1]['nilai'] ?></td>
|
|
</tr>
|
|
<?php
|
|
echo '<script type="text/javascript">
|
|
ivc(' . $i . ', ' . sizeof($dataInvoice) . ',"tabelivccopy", "tabelBodycopy");
|
|
</script>';
|
|
} ?>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
|
|
|
|
<div class="">
|
|
<div class="row">
|
|
<div class="col-sm-3 pull-right" style="margin-top:-15px; width:220px; padding-left:0px;">
|
|
<table class="table ">
|
|
<tbody>
|
|
<tr class="b-top-none">
|
|
<!-- <td class="f11" style="padding: 2px; border:0px solid #ddd;"></td> -->
|
|
<td class="text-dark f11" style="width: 30%; padding: 2px;">Total Bruto</td>
|
|
<td class="text-dark center min f11" style="padding: 2px; width:1%;"> : </td>
|
|
<td class="text-dark text-right f11" style="padding: 2px; width: 40%;">300,000,000</td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<!-- <td class="f11" style="padding: 2px; border:0px solid #ddd;"></td> -->
|
|
<td class="text-dark f11" style="padding: 2px;">PPN 10%</td>
|
|
<td class="text-dark center min f11" style="padding: 2px;"> : </td>
|
|
<td class="text-dark text-right f11" style="padding: 2px;">30,000,000</td>
|
|
</tr>
|
|
<tr>
|
|
<!-- <td class="f11" style="padding: 2px; border:0px solid #ddd;"></td> -->
|
|
<td class="text-dark f11" style="padding: 2px;">Total Netto</td>
|
|
<td class="text-dark center min f11" style="padding: 2px;"> : </td>
|
|
<td class="text-dark text-right f11" style="padding: 2px;">330,000,000</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
<div class="col-sm-9 f11" style="margin-top:-15px; padding-right: 200px;">
|
|
<p class="" style=" margin-bottom:2px">Terbilang : </p>
|
|
</div>
|
|
<div class="col-sm-9 f11" style="padding-right: 20px; ">
|
|
<p style="margin-bottom: 5px;">Keterangan : </p>
|
|
</div>
|
|
|
|
<div class="col-md-12">
|
|
|
|
<!-- <div class="col-sm-4 pull-right">
|
|
<p class="f11"> Hormat Kami</p>
|
|
<br>
|
|
<br>
|
|
<p class="f11">(....................................................)</p>
|
|
</div> -->
|
|
<!-- <div class=" col-md-3 pull-right" style="width: 305px;
|
|
/* margin-top: -50px */
|
|
">
|
|
|
|
<div style="border:1px solid black; padding:5px;">
|
|
<p class="f10" style="margin:0px;"><b>REKENING BCA CAB MANGGA DUA SURABAYA (IDR)
|
|
1070492233 A.N: PT. TRIPERWIRA MULTI PAMENANG</b></P>
|
|
</div>
|
|
</div> -->
|
|
<div class="col-md-12">
|
|
<p class=" f11">
|
|
|
|
Penerima
|
|
|
|
Hormat Kami
|
|
|
|
</p>
|
|
<br>
|
|
<br>
|
|
<p class="f11">
|
|
(....................................................)
|
|
|
|
(....................................................)
|
|
<div class="col-md-3 " style="border:1px solid black; padding:5px; width:250px; margin-top:-50px; margin-left:400px;">
|
|
<p class="f9 center" style="margin:0px;"><b>REKENING BCA CAB MANGGA DUA SURABAYA (IDR)
|
|
1077111999 A.N: PT. DWIJAYA MITRA TEKNO</b></P>
|
|
</div>
|
|
</p>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<script>
|
|
window.print();
|
|
</script>
|
|
|
|
</body>
|
|
|
|
</html>
|