347 lines
16 KiB
PHP
347 lines
16 KiB
PHP
@extends('base.layout')
|
|
@section('content')
|
|
<style>
|
|
.rekap-toolbar {
|
|
position: sticky;
|
|
top: 0;
|
|
z-index: 5;
|
|
background: #fff;
|
|
padding-bottom: 10px;
|
|
}
|
|
.rekap-table-wrap {
|
|
max-height: 65vh;
|
|
overflow: auto;
|
|
border: 1px solid #dee2e6;
|
|
}
|
|
#penerimaansamplereport thead th {
|
|
position: sticky;
|
|
top: 0;
|
|
z-index: 2;
|
|
background: #f8f9fa;
|
|
}
|
|
.status-print-badge {
|
|
display: inline-block;
|
|
padding: 2px 8px;
|
|
border-radius: 12px;
|
|
font-size: 11px;
|
|
font-weight: 600;
|
|
white-space: nowrap;
|
|
}
|
|
.status-print-badge.pending {
|
|
background: #e9ecef;
|
|
color: #495057;
|
|
}
|
|
.status-print-badge.done {
|
|
background: #d4edda;
|
|
color: #155724;
|
|
}
|
|
tr.printed-row {
|
|
background-color: #f8f9fa;
|
|
}
|
|
</style>
|
|
<div class="wrapper">
|
|
<div class="container-fluid">
|
|
<div class="row">
|
|
<div class="col-sm-12">
|
|
<div class="card-box ribbon-box">
|
|
<div class="ribbon ribbon-danger">Rekapitulasi Penerimaan Sample {{$tanggal}}</div>
|
|
<p></p>
|
|
<div class="table-responsive">
|
|
<div class="rekap-toolbar">
|
|
<button type="button" class="btn btn-primary" id="btnexport"><i class="fa fa-file-excel-o"></i> Export</button>
|
|
<select id="printOrientation" class="btn btn-default">
|
|
<option value="landscape">Landscape</option>
|
|
<option value="portrait">Portrait</option>
|
|
</select>
|
|
<button type="button" class="btn btn-success" id="btnprintselected"><i class="fa fa-print"></i> Cetak Terpilih</button>
|
|
</div>
|
|
|
|
<div class="rekap-table-wrap">
|
|
<table class="table table-bordered table-striped" id="penerimaansamplereport">
|
|
<thead>
|
|
<tr>
|
|
<th style="width: 40px; text-align:center;">
|
|
<input type="checkbox" id="checkAllRows">
|
|
</th>
|
|
<th>Keterangan Cetak</th>
|
|
<th>No.RM</th>
|
|
<th>Nama</th>
|
|
<th>No.Sample</th>
|
|
<th>Asal Pasien</th>
|
|
<th>Daftar</th>
|
|
<th>Order</th>
|
|
<th>Kode</th>
|
|
<th>Spesimen</th>
|
|
<th>Status</th>
|
|
<th>Tanggal Terima</th>
|
|
<th>Petugas</th>
|
|
</tr>
|
|
</thead>
|
|
|
|
<tbody>
|
|
@foreach($detail as $r)
|
|
@php
|
|
$isPrinted = !empty($r['ppdsjunior2']) && $r['ppdsjunior2'] != '0';
|
|
@endphp
|
|
<tr data-id="{{ $r['id'] }}" class="{{ $isPrinted ? 'printed-row' : '' }}">
|
|
<td style="text-align:center;">
|
|
<input type="checkbox" class="row-check">
|
|
</td>
|
|
|
|
<td>{{ $r['noregister'] }}</td>
|
|
<td>{{ $r['nmpasien'] }}</td>
|
|
<td>{{ $r['nofoto'] }}</td>
|
|
<td>{{ $r['asalpasien'] }}</td>
|
|
<td>{{ $r['daftar'] }}</td>
|
|
<td>{{ $r['reques'] }}</td>
|
|
<td>{{ $r['kd_spesimen'] }}</td>
|
|
<td>{{ $r['nm_spesimen'] }}</td>
|
|
<td>{{ $r['status'] }}</td>
|
|
<td class="print-status-cell">
|
|
@if($isPrinted)
|
|
<span class="status-print-badge done">Sudah Dicetak</span>
|
|
@else
|
|
<span class="status-print-badge pending">Belum Dicetak</span>
|
|
@endif
|
|
</td>
|
|
<td>{{ $r['tgldraft'] }}</td>
|
|
<td class="petugas-cell">
|
|
@php
|
|
$petugas = '';
|
|
if ($r['nmppdsmiddle2'] != '') {
|
|
$petugas = $r['nmppdsmiddle2'];
|
|
}
|
|
if ($r['nmppdsjunior2'] != '') {
|
|
$petugas = $petugas.' '.$r['nmppdsjunior2'];
|
|
}
|
|
echo $petugas;
|
|
@endphp
|
|
</td>
|
|
</tr>
|
|
@endforeach
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
<div class="card-footer">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<input type="hidden" name="_token" id="token" value="{{ csrf_token() }}">
|
|
@endsection
|
|
@push('script')
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/xlsx/0.17.0/xlsx.full.min.js"></script>
|
|
<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
|
|
<script type="text/javascript">
|
|
document.addEventListener("DOMContentLoaded", function() {
|
|
var table = document.getElementById('penerimaansamplereport');
|
|
var checkAllRows = document.getElementById('checkAllRows');
|
|
var printOrientation = document.getElementById('printOrientation');
|
|
var token = document.getElementById('token').value;
|
|
var markPrintedUrl = @json(route('markRekapPenerimaanSamplePrinted'));
|
|
var appName = @json(config('global.namaapps'));
|
|
var appDomain = @json(config('global.domainapps'));
|
|
var appSubDomain = @json(config('global.subdomainapps'));
|
|
var appSubSubDomain = @json(config('global.subsubdomainapps'));
|
|
var appAddress = @json(config('global.addressapps'));
|
|
var petugasCetak = @json(Session('nama'));
|
|
|
|
function updateCheckAllState() {
|
|
if (!table || !checkAllRows) {
|
|
return;
|
|
}
|
|
var rowChecks = table.querySelectorAll('tbody .row-check:not(:disabled)');
|
|
var checkedRows = table.querySelectorAll('tbody .row-check:not(:disabled):checked');
|
|
checkAllRows.checked = rowChecks.length > 0 && rowChecks.length === checkedRows.length;
|
|
}
|
|
|
|
if (checkAllRows && table) {
|
|
checkAllRows.addEventListener('change', function() {
|
|
var rowChecks = table.querySelectorAll('tbody .row-check:not(:disabled)');
|
|
rowChecks.forEach(function(cb) {
|
|
cb.checked = checkAllRows.checked;
|
|
});
|
|
});
|
|
|
|
table.addEventListener('change', function(e) {
|
|
if (e.target && e.target.classList.contains('row-check')) {
|
|
updateCheckAllState();
|
|
}
|
|
});
|
|
}
|
|
updateCheckAllState();
|
|
|
|
document.getElementById('btnexport').addEventListener('click', function() {
|
|
var table = document.getElementById('penerimaansamplereport');
|
|
if (table) {
|
|
var wb = XLSX.utils.table_to_book(table, { sheet: "Report" });
|
|
XLSX.writeFile(wb, "Rekap_Penerimaan_Sample_{{$tanggal}}.xlsx");
|
|
} else {
|
|
console.error('Tabel dengan ID "penerimaansamplereport" tidak ditemukan.');
|
|
}
|
|
});
|
|
|
|
document.getElementById('btnprintselected').addEventListener('click', function() {
|
|
if (!table) {
|
|
return;
|
|
}
|
|
|
|
var selectedRows = table.querySelectorAll('tbody tr');
|
|
var printedRows = [];
|
|
var selectedIds = [];
|
|
var selectedRowElements = [];
|
|
|
|
selectedRows.forEach(function(row) {
|
|
var rowCheck = row.querySelector('.row-check');
|
|
if (rowCheck && rowCheck.checked) {
|
|
var cells = row.querySelectorAll('td');
|
|
var rowId = parseInt(row.getAttribute('data-id'), 10);
|
|
if (!isNaN(rowId)) {
|
|
selectedIds.push(rowId);
|
|
selectedRowElements.push(row);
|
|
}
|
|
printedRows.push([
|
|
cells[2] ? cells[2].innerText : '',
|
|
cells[3] ? cells[3].innerText : '',
|
|
cells[4] ? cells[4].innerText : '',
|
|
cells[5] ? cells[5].innerText : '',
|
|
cells[6] ? cells[6].innerText : '',
|
|
cells[7] ? cells[7].innerText : '',
|
|
cells[8] ? cells[8].innerText : '',
|
|
cells[9] ? cells[9].innerText : '',
|
|
cells[10] ? cells[10].innerText : '',
|
|
cells[11] ? cells[11].innerText : '',
|
|
cells[12] ? cells[12].innerText : ''
|
|
]);
|
|
}
|
|
});
|
|
|
|
if (printedRows.length === 0 || selectedIds.length === 0) {
|
|
alert('Pilih minimal satu baris untuk dicetak.');
|
|
return;
|
|
}
|
|
|
|
$.post(markPrintedUrl, { ids: selectedIds, _token: token }, function(resp) {
|
|
if (!resp || resp.status !== 'success') {
|
|
alert((resp && resp.message) ? resp.message : 'Gagal memperbarui status cetak.');
|
|
return;
|
|
}
|
|
|
|
var affectedIds = Array.isArray(resp.affected_ids) ? resp.affected_ids : [];
|
|
var affectedMap = {};
|
|
affectedIds.forEach(function(id) {
|
|
affectedMap[String(id)] = true;
|
|
});
|
|
|
|
selectedRowElements.forEach(function(row) {
|
|
var id = row.getAttribute('data-id');
|
|
if (affectedMap[id]) {
|
|
row.classList.add('printed-row');
|
|
var rowCheck = row.querySelector('.row-check');
|
|
if (rowCheck) {
|
|
rowCheck.checked = false;
|
|
rowCheck.disabled = true;
|
|
}
|
|
var statusCell = row.querySelector('.print-status-cell');
|
|
if (statusCell) {
|
|
statusCell.innerHTML = '<span class="status-print-badge done">Sudah Dicetak</span>';
|
|
}
|
|
var petugasCell = row.querySelector('.petugas-cell');
|
|
if (petugasCell && (!petugasCell.innerText || petugasCell.innerText.trim() === '')) {
|
|
petugasCell.innerText = resp.printed_by || petugasCetak || '-';
|
|
}
|
|
}
|
|
});
|
|
|
|
checkAllRows.checked = false;
|
|
updateCheckAllState();
|
|
|
|
var now = new Date();
|
|
var orientation = printOrientation ? printOrientation.value : 'landscape';
|
|
var tanggalCetak = now.toLocaleString('id-ID', {
|
|
year: 'numeric',
|
|
month: '2-digit',
|
|
day: '2-digit',
|
|
hour: '2-digit',
|
|
minute: '2-digit',
|
|
second: '2-digit'
|
|
});
|
|
|
|
var printWindow = window.open('', '_blank');
|
|
if (!printWindow) {
|
|
alert('Pop-up diblokir browser. Izinkan pop-up untuk mencetak.');
|
|
return;
|
|
}
|
|
|
|
var rowsHtml = '';
|
|
printedRows.forEach(function(rowData) {
|
|
rowsHtml += '<tr>';
|
|
rowData.forEach(function(value) {
|
|
rowsHtml += '<td>' + value + '</td>';
|
|
});
|
|
rowsHtml += '</tr>';
|
|
});
|
|
|
|
var html = ''
|
|
+ '<!DOCTYPE html>'
|
|
+ '<html><head><title>Cetak Rekap Penerimaan Sample</title>'
|
|
+ '<style>'
|
|
+ '@page { size: A4 ' + orientation + '; margin: 10mm; }'
|
|
+ 'body { font-family: Arial, sans-serif; margin: 0; color: #111; }'
|
|
+ '.header { text-align: center; margin-bottom: 8px; }'
|
|
+ '.header h2 { margin: 0; font-size: 16px; }'
|
|
+ '.header .line { margin: 2px 0; font-size: 12px; }'
|
|
+ '.meta { display: flex; justify-content: space-between; margin: 8px 0 10px; font-size: 11px; }'
|
|
+ '.title { text-align: center; font-weight: 700; margin-bottom: 8px; font-size: 12px; }'
|
|
+ 'table { width: 100%; border-collapse: collapse; table-layout: fixed; font-size: 10px; }'
|
|
+ 'th, td { border: 1px solid #000; padding: 3px; word-break: break-word; vertical-align: top; }'
|
|
+ 'th { background: #f1f1f1; }'
|
|
+ '</style></head><body>'
|
|
+ '<div class="header">'
|
|
+ '<h2>' + (appName || '') + '</h2>'
|
|
+ '<div class="line">' + (appDomain || '') + '</div>'
|
|
+ '<div class="line">' + (appSubDomain || '') + ', ' + (appSubSubDomain || '') + '</div>'
|
|
+ '<div class="line">' + (appAddress || '') + '</div>'
|
|
+ '</div>'
|
|
+ '<div class="title">Rekapitulasi Penerimaan Sample {{$tanggal}}</div>'
|
|
+ '<div class="meta">'
|
|
+ '<div>Tanggal Cetak: ' + tanggalCetak + '</div>'
|
|
+ '<div>Petugas: ' + (petugasCetak || '-') + '</div>'
|
|
+ '</div>'
|
|
+ '<table>'
|
|
+ '<thead><tr>'
|
|
+ '<th>No.RM</th>'
|
|
+ '<th>Nama</th>'
|
|
+ '<th>No.Sample</th>'
|
|
+ '<th>Asal Pasien</th>'
|
|
+ '<th>Daftar</th>'
|
|
+ '<th>Order</th>'
|
|
+ '<th>Kode</th>'
|
|
+ '<th>Spesimen</th>'
|
|
+ '<th>Status</th>'
|
|
+ '<th>Tanggal Terima</th>'
|
|
+ '<th>Petugas</th>'
|
|
+ '</tr></thead>'
|
|
+ '<tbody>' + rowsHtml + '</tbody>'
|
|
+ '</table>'
|
|
+ '<script>window.onload = function(){ window.print(); window.close(); };<\/script>'
|
|
+ '</body></html>';
|
|
|
|
printWindow.document.open();
|
|
printWindow.document.write(html);
|
|
printWindow.document.close();
|
|
}).fail(function(xhr) {
|
|
var err = 'Gagal memperbarui status cetak.';
|
|
if (xhr.responseJSON && xhr.responseJSON.message) {
|
|
err = xhr.responseJSON.message;
|
|
}
|
|
alert(err);
|
|
});
|
|
});
|
|
});
|
|
</script>
|
|
@endpush
|