copy dari repo om Irfan
This commit is contained in:
@@ -0,0 +1,601 @@
|
||||
<!doctype html>
|
||||
<html>
|
||||
|
||||
<head>
|
||||
<title>Surat Jalan TMP Print </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.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 < (365 - tIdentitas)) { //LEMBAR 1
|
||||
// var pjgtambah = 365 - tIdentitas - tblId.offsetHeight;
|
||||
var pjgtambah = 310 - tIdentitas - tblId.offsetHeight;
|
||||
|
||||
$("#" + 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;
|
||||
|
||||
}
|
||||
|
||||
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($dataSJ) || is_object($dataSJ)) { ?>
|
||||
<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>SURAT JALAN</b></h4>
|
||||
<h6 class="m-none text-dark text-bold" style="margin-bottom: 0px; margin-top: 5px;">#SJ31135</h6>
|
||||
</div>
|
||||
<div class="col-sm-6 mt-md mb-md">
|
||||
<div class="ib text-right">
|
||||
<img src="<?php echo base_url('') ?>assets/images/logoTmp.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:-35px; margin-right:55px;">
|
||||
Ruko Mangga Dua Blok B7 No. 8-9
|
||||
<br />
|
||||
Jl. Jagir Wonokromo No. 98, Surabaya
|
||||
<br />
|
||||
Telp : (031)8475047, 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>
|
||||
|
||||
</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
|
||||
<!-- <?= $tgl_service ?> -->
|
||||
</span>
|
||||
</p>
|
||||
|
||||
<p class="mb-none" style="margin-bottom: 0px;">
|
||||
<span class="text-dark f11">NO SO : </span>
|
||||
<span class="value f11">
|
||||
SO21008443
|
||||
</span>
|
||||
</p>
|
||||
<!-- <p class="mb-none" style="margin-bottom: 0px;">
|
||||
<span class="text-dark f11">Banyaknya : </span>
|
||||
<span class="value f11">
|
||||
0 Koli
|
||||
</span>
|
||||
|
||||
</p> -->
|
||||
<!-- <p class="mb-none" style="margin-bottom: 0px;">
|
||||
<span class="text-dark f11">No Kendaraan : </span>
|
||||
<span class="value f11">
|
||||
|
||||
</span>
|
||||
<span class="text-dark f11">Nama Sopir : </span>
|
||||
<span class="value f11">
|
||||
|
||||
</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: 11px; 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: 11px; width:25px; padding: 2px;">QTY</th>
|
||||
<th id="" class="text-bold center" style="border:2px solid #ddd; border-right:2px solid #ddd; font-size: 11px; width: 80px; 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: 11px; width:250px; padding: 2px;">SERIAL NUMBER</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody id="tbbd" class="water">
|
||||
<?php
|
||||
echo '<script type="text/javascript">
|
||||
|
||||
getIdentitas("satu")
|
||||
</script>';
|
||||
for ($no = 0; $no < sizeof($dataSJ); $no++) {
|
||||
echo '<script type="text/javascript">
|
||||
var serial = [];
|
||||
</script>';
|
||||
for ($i = 0; $i < sizeof($dataSJ[$no]['serial_number']); $i++) {
|
||||
echo '<script type="text/javascript">
|
||||
serial.push("' . $dataSJ[$no]['serial_number'][$i]['sn'] . '");
|
||||
</script>';
|
||||
}
|
||||
?>
|
||||
<tr>
|
||||
<td class="center fz11-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 fz11-td" style="border-right:2px solid #ddd; border-bottom: none; border-top: none; padding: 2px; vertical-align: middle;"><?= $dataSJ[$no]['qty']; ?> PCS</td>
|
||||
<td class="fz11-td" style="border-right:2px solid #ddd; border-bottom: none; border-top: none; padding: 2px; vertical-align: middle;"><?= $dataSJ[$no]['nama_barang']; ?></td>
|
||||
<td class="fz11-td" style="border-right:2px solid #ddd; border-bottom: none; border-top: none; padding: 2px; vertical-align: middle;;">
|
||||
<!-- <p class="f11" style="margin: 0px;"><?= $dataSJ[$no]['nama_barang']; ?></p> -->
|
||||
<p class="f10" style="margin: 0px;">
|
||||
<?php if (is_array($dataSJ[$no]['serial_number']) || is_object($dataSJ[$no]['serial_number'])) {
|
||||
for ($i = 0; $i < sizeof($dataSJ[$no]['serial_number']); $i++) {
|
||||
echo $dataSJ[$no]['serial_number'][$i]['sn'];
|
||||
?>,
|
||||
<?php }
|
||||
} ?>
|
||||
</p>
|
||||
</td>
|
||||
|
||||
</tr>
|
||||
<?php
|
||||
$pos = $no + 1;
|
||||
|
||||
echo '<script type="text/javascript">
|
||||
|
||||
tes(' . count($dataSJ) . ', ' . $pos . ', serial, ' . $dataSJ[$no]['qty'] . ', "' . $dataSJ[$no]['nama_barang'] . '", "tbsj", "tbbd")
|
||||
</script>';
|
||||
}
|
||||
?>
|
||||
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="">
|
||||
<div class="row">
|
||||
<div class="col-sm-9 f11" id="ket" style="padding-right: 20px; margin-top:-10px; margin-bottom: 15px;">
|
||||
<p style="margin-bottom: 5px;">Keterangan : <?= $keterangan; ?></p>
|
||||
</div>
|
||||
<div class="col-md-12" style="margin-top: 10px;">
|
||||
<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:150px; margin-top:-50px; margin-left:450px;">
|
||||
<p class="f9 center" style="margin:0px;"><b>Barang yang diterima harap diperiksa terlebih dahulu</b></P>
|
||||
</div>
|
||||
</p>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<script type="text/javascript">
|
||||
// $(document).ready(function() {
|
||||
// $("#tbsj").append(`<tr id="baristambahan" style="height: ` + 100 + `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: 2px; vertical-align: middle; "> </td>
|
||||
// <td class="fz10-td" style="border-right:1px solid #ddd; border-top: none; border-bottom:1px solid #ddd; padding: 2px; vertical-align: middle;"></td>
|
||||
// <td class="fz10-td" style="border-right:1px solid #ddd; border-top: none; border-bottom:1px solid #ddd; padding: 2px; vertical-align: middle;">
|
||||
// </td>
|
||||
// <td class="center fz10-td" style="border-right:1px solid #ddd; border-top: none; border-bottom:1px solid #ddd; padding: 2px; vertical-align: middle;"></td>
|
||||
// <td class=" nilai fz10-td" style="border-right:1px solid #ddd; border-top: none; border-bottom:1px solid #ddd; padding: 2px; vertical-align: middle;"></td>
|
||||
// </tr>`);
|
||||
// });
|
||||
|
||||
// var height = document.getElementById('tbsj').style.offsetheight;
|
||||
// alert(document.getElementById('tbsj').style.offsetheight);
|
||||
// var height = 90;
|
||||
// function myFunction() {
|
||||
// var table = document.getElementById("tbsj");
|
||||
// var row = table.deleteRow(8);
|
||||
// var cell1 = row.insertCell(0);
|
||||
// var cell2 = row.insertCell(1);
|
||||
// var cell3 = row.insertCell(2);
|
||||
// var cell4 = row.insertCell(3);
|
||||
// var cell5 = row.insertCell(4);
|
||||
|
||||
|
||||
// row.style.borderTop = "none solid #DDDDDD";
|
||||
// cell1.style.borderTop = "none dotted #DDDDDD";
|
||||
|
||||
// row.style.height = "300px";
|
||||
// // row.style.borderTopStyle = "none";
|
||||
// cell1.innerHTML = " ";
|
||||
// cell2.innerHTML = " ";
|
||||
// cell3.innerHTML = " ";
|
||||
// cell4.innerHTML = " ";
|
||||
// cell5.innerHTML = " ";
|
||||
// }
|
||||
// document.getElementById('baristambahan').style.height = "300px";
|
||||
|
||||
// alert(document.getElementById('tbsj').height);
|
||||
window.print();
|
||||
</script>
|
||||
<?php } ?>
|
||||
|
||||
<?php if (is_array($dataSJ) || is_object($dataSJ)) { ?>
|
||||
<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>SURAT JALAN</b></h4>
|
||||
<h6 class="m-none text-dark text-bold" style="margin-bottom: 0px; margin-top: 5px;">#SJ31135</h6>
|
||||
</div>
|
||||
<div class="col-sm-6 mt-md mb-md">
|
||||
<div class="ib text-right">
|
||||
<img src="<?php echo base_url('') ?>assets/images/logoTmp.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:-38px; margin-right:55px;">
|
||||
Ruko Mangga Dua Blok B7 No. 8-9
|
||||
<br />
|
||||
Jl. Jagir Wonokromo No. 98, Surabaya
|
||||
<br />
|
||||
Telp : (031)8475047, 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>
|
||||
|
||||
</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
|
||||
<!-- <?= $tgl_service ?> -->
|
||||
</span>
|
||||
</p>
|
||||
|
||||
<p class="mb-none" style="margin-bottom: 0px;">
|
||||
<span class="text-dark f11">NO SO : </span>
|
||||
<span class="value f11">
|
||||
SO21008443
|
||||
</span>
|
||||
</p>
|
||||
<!-- <p class="mb-none" style="margin-bottom: 0px;">
|
||||
<span class="text-dark f11">Banyaknya : </span>
|
||||
<span class="value f11">
|
||||
0 Koli
|
||||
</span>
|
||||
|
||||
</p> -->
|
||||
<!-- <p class="mb-none" style="margin-bottom: 0px;">
|
||||
<span class="text-dark f11">No Kendaraan : </span>
|
||||
<span class="value f11">
|
||||
|
||||
</span>
|
||||
<span class="text-dark f11">Nama Sopir : </span>
|
||||
<span class="value f11">
|
||||
|
||||
</span>
|
||||
</p> -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="" id="dtbcopy">
|
||||
<!-- <div>
|
||||
<img src="../assets/images/copywatermark2.png" style="width:50%;height:50%; position:absolute; opacity: 0.15; left: 200px; ">
|
||||
</div> -->
|
||||
<div>
|
||||
<img src="../assets/images/copywatermark2.png" style="width:60%;height:60%; 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: 11px; 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: 11px; width:25px; padding: 2px;">QTY</th>
|
||||
<th id="" class="text-bold center" style="border:2px solid #ddd; border-right:2px solid #ddd; font-size: 11px; width: 80px; 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: 11px; width:250px; padding: 2px;">SERIAL NUMBER</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody id="tbbdcopy" class="water">
|
||||
|
||||
<?php
|
||||
echo '<script type="text/javascript">
|
||||
|
||||
getIdentitas("copy")
|
||||
</script>';
|
||||
for ($no = 0; $no < sizeof($dataSJ); $no++) {
|
||||
echo '<script type="text/javascript">
|
||||
var serial = [];
|
||||
</script>';
|
||||
for ($i = 0; $i < sizeof($dataSJ[$no]['serial_number']); $i++) {
|
||||
echo '<script type="text/javascript">
|
||||
serial.push("' . $dataSJ[$no]['serial_number'][$i]['sn'] . '");
|
||||
</script>';
|
||||
}
|
||||
?>
|
||||
<tr>
|
||||
<td class="center fz11-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 fz11-td" style="border-right:2px solid #ddd; border-bottom: none; border-top: none; padding: 2px; vertical-align: middle;"><?= $dataSJ[$no]['qty']; ?> PCS</td>
|
||||
<td class="fz11-td" style="border-right:2px solid #ddd; border-bottom: none; border-top: none; padding: 2px; vertical-align: middle;"><?= $dataSJ[$no]['nama_barang']; ?></td>
|
||||
<td class="fz11-td" style="border-right:2px solid #ddd; border-bottom: none; border-top: none; padding: 2px; vertical-align: middle;;">
|
||||
<!-- <p class="f11" style="margin: 0px;"><?= $dataSJ[$no]['nama_barang']; ?></p> -->
|
||||
<p class="f10" style="margin: 0px;">
|
||||
<?php if (is_array($dataSJ[$no]['serial_number']) || is_object($dataSJ[$no]['serial_number'])) {
|
||||
for ($i = 0; $i < sizeof($dataSJ[$no]['serial_number']); $i++) {
|
||||
echo $dataSJ[$no]['serial_number'][$i]['sn'];
|
||||
?>,
|
||||
<?php }
|
||||
} ?>
|
||||
</p>
|
||||
</td>
|
||||
|
||||
</tr>
|
||||
<?php
|
||||
$pos = $no + 1;
|
||||
|
||||
echo '<script type="text/javascript">
|
||||
|
||||
tes(' . count($dataSJ) . ', ' . $pos . ', serial, ' . $dataSJ[$no]['qty'] . ', "' . $dataSJ[$no]['nama_barang'] . '", "tbsjcopy", "tbbdcopy")
|
||||
</script>';
|
||||
}
|
||||
?>
|
||||
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="">
|
||||
<div class="row">
|
||||
<div class="col-sm-9 f11" id="ket" style="padding-right: 20px; margin-top:-10px; margin-bottom: 15px;">
|
||||
<p style="margin-bottom: 5px;">Keterangan : <?= $keterangan; ?></p>
|
||||
</div>
|
||||
<div class="col-md-12" style="margin-top: 10px;">
|
||||
<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:150px; margin-top:-50px; margin-left:450px;">
|
||||
<p class="f9 center" style="margin:0px;"><b>Barang yang diterima harap diperiksa terlebih dahulu</b></P>
|
||||
</div>
|
||||
</p>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<script type="text/javascript">
|
||||
// $(document).ready(function() {
|
||||
// $("#tbsj").append(`<tr id="baristambahan" style="height: ` + 100 + `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: 2px; vertical-align: middle; "> </td>
|
||||
// <td class="fz10-td" style="border-right:1px solid #ddd; border-top: none; border-bottom:1px solid #ddd; padding: 2px; vertical-align: middle;"></td>
|
||||
// <td class="fz10-td" style="border-right:1px solid #ddd; border-top: none; border-bottom:1px solid #ddd; padding: 2px; vertical-align: middle;">
|
||||
// </td>
|
||||
// <td class="center fz10-td" style="border-right:1px solid #ddd; border-top: none; border-bottom:1px solid #ddd; padding: 2px; vertical-align: middle;"></td>
|
||||
// <td class=" nilai fz10-td" style="border-right:1px solid #ddd; border-top: none; border-bottom:1px solid #ddd; padding: 2px; vertical-align: middle;"></td>
|
||||
// </tr>`);
|
||||
// });
|
||||
|
||||
// var height = document.getElementById('tbsj').style.offsetheight;
|
||||
// alert(document.getElementById('tbsj').style.offsetheight);
|
||||
// var height = 90;
|
||||
// function myFunction() {
|
||||
// var table = document.getElementById("tbsj");
|
||||
// var row = table.deleteRow(8);
|
||||
// var cell1 = row.insertCell(0);
|
||||
// var cell2 = row.insertCell(1);
|
||||
// var cell3 = row.insertCell(2);
|
||||
// var cell4 = row.insertCell(3);
|
||||
// var cell5 = row.insertCell(4);
|
||||
|
||||
|
||||
// row.style.borderTop = "none solid #DDDDDD";
|
||||
// cell1.style.borderTop = "none dotted #DDDDDD";
|
||||
|
||||
// row.style.height = "300px";
|
||||
// // row.style.borderTopStyle = "none";
|
||||
// cell1.innerHTML = " ";
|
||||
// cell2.innerHTML = " ";
|
||||
// cell3.innerHTML = " ";
|
||||
// cell4.innerHTML = " ";
|
||||
// cell5.innerHTML = " ";
|
||||
// }
|
||||
// document.getElementById('baristambahan').style.height = "300px";
|
||||
|
||||
// alert(document.getElementById('tbsj').height);
|
||||
window.print();
|
||||
</script>
|
||||
<?php } ?>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
Reference in New Issue
Block a user