733 lines
44 KiB
PHP
733 lines
44 KiB
PHP
<!doctype html>
|
|
<html>
|
|
|
|
<head>
|
|
<title>SURAT JALAN</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="<?php echo base_url('') ?>assets/ajax/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.fz11-td {
|
|
font-size: 11px;
|
|
}
|
|
|
|
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 tambah = false;
|
|
var tinggi = 0;
|
|
var tIdentitas = 0;
|
|
// var serial = [];
|
|
function getIdentitas(id) {
|
|
tIdentitas = $("#identitas" + id).height();
|
|
if (tIdentitas > 69) {
|
|
tIdentitas = tIdentitas - 69;
|
|
} else {
|
|
tIdentitas = 0;
|
|
}
|
|
|
|
}
|
|
|
|
function tes(tot, posisi, sn, qty, namaBarang, idTabel, idTBody) {
|
|
var tblId = document.getElementById(idTBody);
|
|
var bodySJ = document.getElementById('ivc');
|
|
var barisT = document.getElementById('baristambahan' + idTabel);
|
|
var barisT2 = document.getElementById('baristambahan2' + idTabel);
|
|
var barisT3 = document.getElementById('baristambahan3' + idTabel);
|
|
|
|
// alert(qty);
|
|
if (tot <= posisi && tblId.offsetHeight < (285 - tIdentitas)) { //LEMBAR 1
|
|
// var pjgtambah = 365 - tIdentitas - tblId.offsetHeight;
|
|
var pjgtambah = 285 - tIdentitas - tblId.offsetHeight;
|
|
// alert(pjgtambah + " -- " + tIdentitas + " -- " + tblId.offsetHeight + " -- " + idTBody + " -- " + posisi);
|
|
|
|
// if (pjgtambah < 14) {
|
|
// pjgtambah = 497 - tblId.offsetHeight - tIdentitas;
|
|
// $("#"+idTabel).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>
|
|
// </tr>`);
|
|
// $("#"+idTabel).append(`<tr id="baristambahan2`+idTabel+`" style="height: ` + 460 + `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>
|
|
// </tr>`);
|
|
// } else
|
|
{
|
|
$("#" + idTabel).append(`<tr id="baristambahan` + idTabel + `" style="height: ` + pjgtambah + `px;">
|
|
<td class="center fz10-td" style="border-right:2px solid #ddd; border-left:2px solid #ddd; border-top: none; border-bottom:2px solid #ddd; padding: 0px; vertical-align: middle; "> </td>
|
|
<td class="center fz10-td" style="border-right:2px solid #ddd; border-top: none; border-bottom:2px solid #ddd; padding: 0px; vertical-align: middle;"></td>
|
|
<td class="fz10-td" style="border-right:2px solid #ddd; border-top: none; border-bottom:2px solid #ddd; padding: 0px; vertical-align: middle;"></td>
|
|
<td class="fz10-td" style="border-right:2px solid #ddd; border-top: none; border-bottom:2px solid #ddd; padding: 0px; vertical-align: middle;">
|
|
</td>
|
|
</tr>`);
|
|
|
|
}
|
|
tinggi = tblId.offsetHeight;
|
|
// alert(tinggi);
|
|
|
|
// alert('Height table :' + tblId.offsetHeight + '\n Height body : ' + bodySJ.offsetHeight + ' ------- ' + pjgtambah);
|
|
}
|
|
// else if (tot >= posisi && tblId.offsetHeight > (365 - tIdentitas)) { // LEMBAR 1 dan LEMBAR 2
|
|
// var pjgtambah = 365 - tblId.offsetHeight - tIdentitas;
|
|
// if (tblId.offsetHeight <= (497 - tIdentitas) && tot <= posisi) { //LEMBAR 1 DAN 2
|
|
// pjgtambah = 497 - tblId.offsetHeight - tIdentitas;
|
|
// // alert(posisi + " ---- " + tot);
|
|
// $("#tbbd").append(`<tr id="baristambahan" 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>
|
|
// </tr>`);
|
|
// // alert(tblId.offsetHeight);
|
|
|
|
// $("#tbbd").append(`<tr id="baristambahan2" style="height: ` + 460 + `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>
|
|
// </tr>`);
|
|
// } else if (tblId.offsetHeight > (1089 - tIdentitas)) {
|
|
// if ((tblId.offsetHeight - tinggi) >= 14 & posisi < tot && barisT2 == null) {
|
|
// pjgtambah = tblId.offsetHeight - tinggi - 23.6;
|
|
// tblId.deleteRow(posisi + 1);
|
|
|
|
// $("#tbbd").append(`
|
|
// <tr id="baristambahan2" 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>
|
|
// </tr>`);
|
|
|
|
// $("#tbbd").append(`
|
|
// <tr >
|
|
// <td class="center fz11-td" style="border-right:1px solid #ddd; border-left:1px solid #ddd; border-top: none; border-bottom:none; padding: 2px; vertical-align: middle; "> ` + posisi + `</td>
|
|
// <td class="center fz11-td" style="border-right:1px solid #ddd; border-top: none; border-bottom:none; padding: 2px; vertical-align: middle;">` + qty + ` PCS</td>
|
|
// <td class="fz11-td" style="border-right:1px solid #ddd; border-top: none; border-bottom:none; padding: 2px; vertical-align: middle;">` + namaBarang + `</td>
|
|
// <td class="fz11-td" style="border-right:1px solid #ddd; border-top: none; border-bottom:none; padding: 2px; vertical-align: middle;"> <p class="f10" style="margin: 0px;">` + getSN(sn) + `</p></td>
|
|
// </tr>`);
|
|
// } else if ((tblId.offsetHeight - tinggi) >= 14 & posisi == tot && barisT2 == null) {
|
|
// pjgtambah = tblId.offsetHeight - tinggi - 23.6 - tIdentitas;
|
|
// tblId.deleteRow(posisi + 1);
|
|
// // alert(posisi);
|
|
// $("#tbbd").append(`
|
|
// <tr id="baristambahan2" 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>
|
|
// </tr>`);
|
|
// $("#tbbd").append(`
|
|
// <tr >
|
|
// <td class="center fz11-td" style="border-right:1px solid #ddd; border-left:1px solid #ddd; border-top: none; border-bottom:none; padding: 2px; vertical-align: middle; "> ` + posisi + `</td>
|
|
// <td class="center fz11-td" style="border-right:1px solid #ddd; border-top: none; border-bottom:none; padding: 2px; vertical-align: middle;">` + qty + ` PCS</td>
|
|
// <td class="fz11-td" style="border-right:1px solid #ddd; border-top: none; border-bottom:none; padding: 2px; vertical-align: middle;">` + namaBarang + `</td>
|
|
// <td class="fz11-td" style="border-right:1px solid #ddd; border-top: none; border-bottom:none; padding: 2px; vertical-align: middle;"> <p class="f10" style="margin: 0px;">` + getSN(sn) + `</p></td>
|
|
// </tr>`);
|
|
// pjgtambah = 1550 - tblId.offsetHeight - tIdentitas;
|
|
// $("#tbbd").append(`
|
|
// <tr id="baristambahan3" 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>
|
|
// </tr>`);
|
|
// } else if (posisi == tot && barisT2 != null && tblId.offsetHeight <= (1550 - tIdentitas)) {
|
|
// pjgtambah = 1550 - tblId.offsetHeight - tIdentitas;
|
|
// $("#tbbd").append(`
|
|
// <tr id="baristambahan3" 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>
|
|
// </tr>`);
|
|
// // alert(tblId.offsetHeight);
|
|
// }
|
|
|
|
// } else if (tblId.offsetHeight >= 497) { //LEMBAR 1 DAN 2
|
|
// // alert(tblId.offsetHeight);
|
|
// if ((tblId.offsetHeight - tinggi) >= 14 && posisi == tot && barisT == null) {
|
|
// pjgtambah = tblId.offsetHeight - tinggi - 6 - tIdentitas;
|
|
// tblId.deleteRow(posisi);
|
|
|
|
// $("#tbbd").append(`
|
|
// <tr id="baristambahan" 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>
|
|
// </tr>`);
|
|
// $("#tbbd").append(`
|
|
// <tr >
|
|
// <td class="center fz11-td" style="border-right:1px solid #ddd; border-left:1px solid #ddd; border-top: none; border-bottom:none; padding: 2px; vertical-align: middle; "> ` + posisi + `</td>
|
|
// <td class="center fz11-td" style="border-right:1px solid #ddd; border-top: none; border-bottom:none; padding: 2px; vertical-align: middle;">` + qty + ` PCS</td>
|
|
// <td class="fz11-td" style="border-right:1px solid #ddd; border-top: none; border-bottom:none; padding: 2px; vertical-align: middle;">` + namaBarang + `</td>
|
|
// <td class="fz11-td" style="border-right:1px solid #ddd; border-top: none; border-bottom:none; padding: 2px; vertical-align: middle;"> <p class="f10" style="margin: 0px;">` + getSN(sn) + `</p></td>
|
|
// </tr>`);
|
|
// pjgtambah = 957 - tblId.offsetHeight - tIdentitas;
|
|
// $("#tbbd").append(`
|
|
// <tr id="baristambahan2" 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>
|
|
// </tr>`);
|
|
|
|
// // alert(sn.length);
|
|
// } else if ((tblId.offsetHeight - tinggi) >= 14 && posisi < tot && barisT == null) {
|
|
// pjgtambah = tblId.offsetHeight - tinggi - 6.6 - tIdentitas;
|
|
// tblId.deleteRow(posisi);
|
|
|
|
// $("#tbbd").append(`
|
|
// <tr id="baristambahan" 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>
|
|
// </tr>`);
|
|
// $("#tbbd").append(`
|
|
// <tr >
|
|
// <td class="center fz11-td" style="border-right:1px solid #ddd; border-left:1px solid #ddd; border-top: none; border-bottom:none; padding: 2px; vertical-align: middle; "> ` + posisi + `</td>
|
|
// <td class="center fz11-td" style="border-right:1px solid #ddd; border-top: none; border-bottom:none; padding: 2px; vertical-align: middle;">` + qty + ` PCS</td>
|
|
// <td class="fz11-td" style="border-right:1px solid #ddd; border-top: none; border-bottom:none; padding: 2px; vertical-align: middle;">` + namaBarang + `</td>
|
|
// <td class="fz11-td" style="border-right:1px solid #ddd; border-top: none; border-bottom:none; padding: 2px; vertical-align: middle;"> <p class="f10" style="margin: 0px;">` + getSN(sn) + `</p></td>
|
|
// </tr>`);
|
|
|
|
|
|
// } else if (posisi == tot && barisT != null && tblId.offsetHeight <= (957 - tIdentitas)) {
|
|
// pjgtambah = 957 - tblId.offsetHeight - tIdentitas;
|
|
// $("#tbbd").append(`
|
|
// <tr id="baristambahan2" 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>
|
|
// </tr>`);
|
|
// // alert(tblId.offsetHeight);
|
|
// } else if (posisi == tot && barisT2 == null) { //lembar 2 terakhir dan lembar 3
|
|
// pjgtambah = 1089 - tblId.offsetHeight - tIdentitas;
|
|
|
|
// $("#tbbd").append(`<tr id="baristambaha2" 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>
|
|
// </tr>`);
|
|
// // alert(tblId.offsetHeight);
|
|
// $("#tbbd").append(`<tr id="baristambahan3" style="height: ` + 460 + `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>
|
|
// </tr>`);
|
|
// }
|
|
|
|
// }
|
|
// tinggi = tblId.offsetHeight;
|
|
// tambah = true;
|
|
|
|
// }
|
|
return tambah;
|
|
}
|
|
|
|
function getSN(serialNumber) {
|
|
var hasil = '';
|
|
for (let i = 0; i < serialNumber.length; i++) {
|
|
hasil += serialNumber[0]
|
|
if (i != (serialNumber.length - 1)) {
|
|
hasil += ', '
|
|
}
|
|
|
|
}
|
|
|
|
return hasil;
|
|
}
|
|
</script>
|
|
|
|
<body style="width: 22cm; ">
|
|
|
|
|
|
<!-- <body style="width: 22,7cm;"> -->
|
|
|
|
<?php if (is_array($cetak) || is_object($cetak)) { ?>
|
|
<div id="ivc" class="invoice " style="padding-bottom: 0px; ">
|
|
<header class="clearfix">
|
|
<div class="row" style="margin-top: -10px;">
|
|
<div class="col-sm-6 mt-md">
|
|
<h4 class="mt-none mb-sm text-dark " style="margin-bottom: 5px;"><b>SJ SEMENTARA</b></h4>
|
|
<h5 class="m-none text-dark text-bold" style="margin-bottom: 0px; margin-top: 5px;">#<?= $cetak[0]['KODE_BUKTI'] ?></h5>
|
|
</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 f12 text-right" style="margin-bottom: 0px; margin-top:-20px; margin-right:70px;">
|
|
Jl. Bendul Merisi No. 71, Surabaya 60244
|
|
<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;">
|
|
<?= $cetak[0]['NAMA_PELANGGAN'] ?>
|
|
<br />
|
|
<?php if ($cetak[0]['PIC_PELANGGAN'] != "") { ?>
|
|
Up : <?= $cetak[0]['PIC_PELANGGAN'] ?>
|
|
<br />
|
|
<?php } ?>
|
|
<?= $cetak[0]['ALAMAT_PELANGGAN'] ?>
|
|
<br />
|
|
<?php if ($cetak[0]['TELP_PELANGGAN'] != "") { ?>
|
|
Telp : <?= $cetak[0]['TELP_PELANGGAN'] ?>
|
|
<?php } else { ?>
|
|
Telp : -
|
|
<?php } ?>
|
|
</address>
|
|
|
|
</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 f13">Tanggal : </span>
|
|
<span class="value f13">
|
|
<?= $cetak[0]['TANGGAL'] ?>
|
|
</span>
|
|
</p>
|
|
|
|
<p class="mb-none" style="margin-bottom: 0px;">
|
|
<span class="text-dark f13">NO SO : </span>
|
|
<span class="value f13">
|
|
<?= $cetak[0]['KODE_SO'] ?>
|
|
</span>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="" id="dtb">
|
|
<table class="table " id="tbsj" style=" margin-bottom: 15px;">
|
|
<thead>
|
|
<tr class=" text-dark">
|
|
<th id="cell-no" style="width: 15px;border:2px solid #ddd; border-right:2px solid #ddd; border-left:2px solid #ddd; font-size: 12px; padding: 2px; " class="text-bold center">NO</th>
|
|
<th id="" class="text-bold center" style="border:2px solid #ddd; border-right:2px solid #ddd; font-size: 12px; width:30px; padding: 2px;">QTY</th>
|
|
<th id="" class="text-bold center" style="border:2px solid #ddd; border-right:2px solid #ddd; font-size: 12px; width: 125px; padding: 2px;">NAMA BARANG</th>
|
|
<th id="cell-item" class="text-bold center" style="border:2px solid #ddd; border-right:2px solid #ddd; font-size: 12px; width:210px; padding: 2px;">KETERANGAN</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody id="tbbd" class="water">
|
|
<?php
|
|
echo '<script type="text/javascript">
|
|
|
|
getIdentitas("satu")
|
|
</script>';
|
|
for ($no = 0; $no < sizeof($barang); $no++) {
|
|
echo '<script type="text/javascript">
|
|
var serial = [];
|
|
</script>';
|
|
for ($i = 0; $i < sizeof($barang[$no]['SN']); $i++) {
|
|
echo '<script type="text/javascript">
|
|
serial.push("' . $barang[$no]['SN'][$i]['NAMA_SNSJ'] . '");
|
|
</script>';
|
|
}
|
|
?>
|
|
<tr>
|
|
<td class="center fz12-td" style="border-right:2px solid #ddd; border-left:2px solid #ddd; border-bottom: none; border-top: none; padding: 2px; vertical-align: middle;"><?= $no + 1; ?></td>
|
|
<td class="center fz12-td" style="border-right:2px solid #ddd; border-bottom: none; border-top: none; padding: 2px; vertical-align: middle;"><?= $barang[$no]['QTY_SJP']; ?></td>
|
|
<td class="fz12-td" style="border-right:2px solid #ddd; border-bottom: none; border-top: none; padding: 2px; vertical-align: middle;"><?= $barang[$no]['NAMA_SJP']; ?></td>
|
|
<td class="fz12-td" style="border-right:2px solid #ddd; border-bottom: none; border-top: none; padding: 2px; vertical-align: middle;;">
|
|
<?php if ($wide>0) { ?>
|
|
<p class="f10" style="margin: 0px;">
|
|
<?php } else { ?>
|
|
<p class="f11" style="margin: 0px;">
|
|
<?php } ?>
|
|
<?php if (is_array($barang[$no]['SN']) || is_object($barang[$no]['SN'])) {
|
|
if ($barang[$no]['SN']!=NULL) {
|
|
for ($i = 0; $i < sizeof($barang[$no]['SN']); $i++) {
|
|
echo $barang[$no]['SN'][$i]['NAMA_SNSJ'];
|
|
?>,
|
|
<?php }
|
|
|
|
} else {
|
|
echo $barang[$no]['KET_SJP'];
|
|
}
|
|
} ?>
|
|
</p>
|
|
</td>
|
|
|
|
</tr>
|
|
<?php
|
|
$pos = $no + 1;
|
|
|
|
echo '<script type="text/javascript">
|
|
|
|
tes(' . count($barang) . ', ' . $pos . ', serial, ' . $barang[$no]['QTY_SJP'] . ', "' . $barang[$no]['NAMA_SJP'] . '", "tbsj", "tbbd")
|
|
</script>';
|
|
}
|
|
?>
|
|
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
|
|
|
|
<div class="">
|
|
<div class="row">
|
|
<div class="col-sm-12" style="margin-top:-15px; margin-left:+15px; width:600px; padding-left:0px;">
|
|
<table class="table ">
|
|
<tbody>
|
|
<tr class="b-top-none">
|
|
<td class="text-dark f11" style="width: 20%; padding: 2px;">Keterangan</td>
|
|
<td class="text-dark center min f11" style="padding: 2px; width:1%;"> : </td>
|
|
<td class="text-dark f11" style="padding: 2px; width: 80%;"> <?=$cetak[0]['KET_SO_O'];?></td>
|
|
</tr>
|
|
|
|
<tr class="b-top-none">
|
|
<td class="text-dark f11" style="padding: 2px;">Purchase Order</td>
|
|
<td class="text-dark center min f11" style="padding: 2px;"> : </td>
|
|
<td class="text-dark f11" style="padding: 2px;"> <?=$cetak[0]['PO_SO'];?></td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
<div class="col-md-12" style="margin-top: -5px;">
|
|
<p class=" f11">
|
|
|
|
Penerima
|
|
|
|
Hormat Kami
|
|
|
|
</p>
|
|
<br>
|
|
<br>
|
|
<p class="f11">
|
|
(....................................................)
|
|
|
|
(....................................................)
|
|
<div class="col-sm-2 " style="border:1px solid black; padding:5px; width:200px; margin-top:-80px; margin-left:550px;">
|
|
<p class="f12 center" style="margin:0px;"><b>Barang yang diterima harap diperiksa terlebih dahulu</b></P>
|
|
</div>
|
|
</p>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
<script type="text/javascript">
|
|
window.print();
|
|
</script>
|
|
<?php } ?>
|
|
|
|
<?php if (is_array($cetak) || is_object($cetak)) { ?>
|
|
<div id="ivccopy" class="invoice " style="padding-bottom: 0px; ">
|
|
<header class="clearfix">
|
|
<div class="row" style="margin-top: -10px;">
|
|
<div class="col-sm-6 mt-md">
|
|
<h4 class="mt-none mb-sm text-dark " style="margin-bottom: 5px;"><b>SJ SEMENTARA</b></h4>
|
|
<h5 class="m-none text-dark text-bold" style="margin-bottom: 0px; margin-top: 5px;">#<?= $cetak[0]['KODE_BUKTI'] ?></h5>
|
|
</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 f12 text-right" style="margin-bottom: 0px; margin-top:-25px; margin-right:70px;">
|
|
Jl. Bendul Merisi No. 71, Surabaya 60244
|
|
<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;">
|
|
<?= $cetak[0]['NAMA_PELANGGAN'] ?>
|
|
<br />
|
|
<?php if ($cetak[0]['PIC_PELANGGAN'] != "") { ?>
|
|
Up : <?= $cetak[0]['PIC_PELANGGAN'] ?>
|
|
<br />
|
|
<?php } ?>
|
|
<?= $cetak[0]['ALAMAT_PELANGGAN'] ?>
|
|
<br />
|
|
<?php if ($cetak[0]['TELP_PELANGGAN'] != "") { ?>
|
|
Telp : <?= $cetak[0]['TELP_PELANGGAN'] ?>
|
|
<?php } else { ?>
|
|
Telp : -
|
|
<?php } ?>
|
|
</address>
|
|
|
|
</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 f13">Tanggal : </span>
|
|
<span class="value f13">
|
|
<?= $cetak[0]['TANGGAL'] ?>
|
|
</span>
|
|
</p>
|
|
|
|
<p class="mb-none" style="margin-bottom: 0px;">
|
|
<span class="text-dark f13">NO SO : </span>
|
|
<span class="value f13">
|
|
<?= $cetak[0]['KODE_SO'] ?>
|
|
</span>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="" id="dtbcopy">
|
|
<div>
|
|
<img src="<?php echo base_url('') ?>/assets/images/copywatermark.png" style="width:70%; position:absolute; opacity: 0.15; padding-top: 50px; padding-left: 250px; ">
|
|
</div>
|
|
<table class="table " id="tbsjcopy" style=" margin-bottom: 15px;">
|
|
<thead>
|
|
<tr class=" text-dark">
|
|
<th id="cell-no" style="width: 15px;border:2px solid #ddd; border-right:2px solid #ddd; border-left:2px solid #ddd; font-size: 12px; padding: 2px; " class="text-bold center">NO</th>
|
|
<th id="" class="text-bold center" style="border:2px solid #ddd; border-right:2px solid #ddd; font-size: 12px; width:30px; padding: 2px;">QTY</th>
|
|
<th id="" class="text-bold center" style="border:2px solid #ddd; border-right:2px solid #ddd; font-size: 12px; width: 125px; padding: 2px;">NAMA BARANG</th>
|
|
<th id="cell-item" class="text-bold center" style="border:2px solid #ddd; border-right:2px solid #ddd; font-size: 12px; width:210px; padding: 2px;">KETERANGAN</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody id="tbbdcopy" class="water">
|
|
|
|
<?php
|
|
echo '<script type="text/javascript">
|
|
|
|
getIdentitas("copy")
|
|
</script>';
|
|
for ($no = 0; $no < sizeof($barang); $no++) {
|
|
echo '<script type="text/javascript">
|
|
var serial = [];
|
|
</script>';
|
|
for ($i = 0; $i < sizeof($barang[$no]['SN']); $i++) {
|
|
echo '<script type="text/javascript">
|
|
serial.push("' . $barang[$no]['SN'][$i]['NAMA_SNSJ'] . '");
|
|
</script>';
|
|
}
|
|
?>
|
|
<tr>
|
|
<td class="center fz12-td" style="border-right:2px solid #ddd; border-left:2px solid #ddd; border-bottom: none; border-top: none; padding: 2px; vertical-align: middle;"><?= $no + 1; ?></td>
|
|
<td class="center fz12-td" style="border-right:2px solid #ddd; border-bottom: none; border-top: none; padding: 2px; vertical-align: middle;"><?= $barang[$no]['QTY_SJP']; ?></td>
|
|
<td class="fz12-td" style="border-right:2px solid #ddd; border-bottom: none; border-top: none; padding: 2px; vertical-align: middle;"><?= $barang[$no]['NAMA_SJP']; ?></td>
|
|
<td class="fz12-td" style="border-right:2px solid #ddd; border-bottom: none; border-top: none; padding: 2px; vertical-align: middle;;">
|
|
<?php if ($wide>0) { ?>
|
|
<p class="f10" style="margin: 0px;">
|
|
<?php } else { ?>
|
|
<p class="f11" style="margin: 0px;">
|
|
<?php } ?>
|
|
<?php if (is_array($barang[$no]['SN']) || is_object($barang[$no]['SN'])) {
|
|
if ($barang[$no]['SN']!=NULL) {
|
|
for ($i = 0; $i < sizeof($barang[$no]['SN']); $i++) {
|
|
echo $barang[$no]['SN'][$i]['NAMA_SNSJ'];
|
|
?>,
|
|
<?php }
|
|
|
|
} else {
|
|
echo $barang[$no]['KET_SJP'];
|
|
}
|
|
} ?>
|
|
</p>
|
|
</td>
|
|
|
|
</tr>
|
|
<?php
|
|
$pos = $no + 1;
|
|
|
|
echo '<script type="text/javascript">
|
|
|
|
tes(' . count($barang) . ', ' . $pos . ', serial, ' . $barang[$no]['QTY_SJP'] . ', "' . $barang[$no]['NAMA_SJP'] . '", "tbsjcopy", "tbbdcopy")
|
|
</script>';
|
|
}
|
|
?>
|
|
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
|
|
|
|
<div class="">
|
|
<div class="row">
|
|
<div class="col-sm-12" style="margin-top:-15px; margin-left:+15px; width:600px; padding-left:0px;">
|
|
<table class="table ">
|
|
<tbody>
|
|
<tr class="b-top-none">
|
|
<td class="text-dark f11" style="width: 20%; padding: 2px;">Keterangan</td>
|
|
<td class="text-dark center min f11" style="padding: 2px; width:1%;"> : </td>
|
|
<td class="text-dark f11" style="padding: 2px; width: 80%;"> <?=$cetak[0]['KET_SO_O'];?></td>
|
|
</tr>
|
|
|
|
<tr class="b-top-none">
|
|
<td class="text-dark f11" style="padding: 2px;">Purchase Order</td>
|
|
<td class="text-dark center min f11" style="padding: 2px;"> : </td>
|
|
<td class="text-dark f11" style="padding: 2px;"> <?=$cetak[0]['PO_SO'];?></td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
<div class="col-md-12" style="margin-top: -15px;">
|
|
<p class=" f11">
|
|
|
|
Penerima
|
|
|
|
Hormat Kami
|
|
|
|
</p>
|
|
<br>
|
|
<br>
|
|
<p class="f11">
|
|
(....................................................)
|
|
|
|
(....................................................)
|
|
<div class="col-sm-2 " style="border:1px solid black; padding:5px; width:200px; margin-top:-80px; margin-left:550px;">
|
|
<p class="f12 center" style="margin:0px;"><b>Barang yang diterima harap diperiksa terlebih dahulu</b></P>
|
|
</div>
|
|
</p>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
<script type="text/javascript">
|
|
window.print();
|
|
</script>
|
|
<?php } ?>
|
|
</body>
|
|
|
|
</html>
|