211 lines
9.2 KiB
JavaScript
211 lines
9.2 KiB
JavaScript
function initDt(selectDate = []){
|
|
datatable.bootstrapTable('destroy')
|
|
datatable.bootstrapTable({
|
|
url: "/dashboard/datatable/laporan-pesanan",
|
|
method:'get',
|
|
queryParams:function(params){
|
|
params.tanggal = selectDate;
|
|
return params;
|
|
},
|
|
showColumns: true,
|
|
showColumnsToggleAll: true,
|
|
showRefresh: true,
|
|
sortable: true,
|
|
search: true,
|
|
searchOnEnterKey: false,
|
|
searchHighlight: true,
|
|
pagination: true,
|
|
serverSide:true,
|
|
pageSize: 10,
|
|
pageList: [10, 20, 30, 40, 50, 100, 200],
|
|
cookie: true,
|
|
cookieIdTable: "table_rma_ssc_id",
|
|
icons: {
|
|
refresh: "fas fa-sync-alt", // atau ganti ke icon lain
|
|
columns: "fas fa-th-large"
|
|
},
|
|
|
|
columns: [
|
|
{
|
|
title: "Action",
|
|
field:'order_id',
|
|
formatter: function(value, row) {
|
|
let buttons = ''
|
|
if(row?.status_order === "Lunas"){
|
|
buttons += `
|
|
<button class="btn btn-sm btn-warning text-dark" onclick="pesananLunas('${row.order_id}')">
|
|
<i class="fa fa-utensils me-1"></i>
|
|
</button>
|
|
`
|
|
}
|
|
return `
|
|
<div class="d-flex space-x">
|
|
${buttons}
|
|
</div>
|
|
`;
|
|
}
|
|
},
|
|
|
|
{
|
|
title: "Pemesan",
|
|
field:'nama_pemesan',
|
|
sortable: true,
|
|
},
|
|
{
|
|
title: "No.Order",
|
|
field: 'no_order',
|
|
sortable: true,
|
|
},
|
|
{
|
|
title: "Cara Pembayaran",
|
|
field: 'cara_pembayaran',
|
|
sortable: true,
|
|
},
|
|
{
|
|
title: "Status Pembayaran",
|
|
field: 'status_order',
|
|
sortable: true,
|
|
formatter: function(value, row) {
|
|
const status = value;
|
|
let badgeClass = 'bg-secondary';
|
|
if (status === "Belum Bayar") {
|
|
badgeClass = 'bg-warning text-dark';
|
|
} else if (status === "Menunggu Konfirmasi Pembayaran") {
|
|
badgeClass = 'bg-primary';
|
|
} else if (status === "Lunas" || status === "Sudah Bayar") {
|
|
badgeClass = 'bg-success text-dark';
|
|
} else if(status === "Dibatalkan"){
|
|
badgeClass = 'bg-danger';
|
|
}
|
|
return `
|
|
<span class="badge ${badgeClass} px-3 py-1">${status}</span>
|
|
${status === 'Dibatalkan' && row.note_dibatalkan ? `
|
|
<div class="text-danger small mt-1">
|
|
<i class="fa fa-info-circle"></i> ${row.note_dibatalkan}
|
|
</div>
|
|
` : ''}
|
|
`;
|
|
}
|
|
},
|
|
{
|
|
title: "Status Pesanan",
|
|
formatter: function(value, row) {
|
|
const progress = parseInt(row.progress) || 0;
|
|
const total = row.total_detail || 0;
|
|
const selesai = row.selesai_detail || 0;
|
|
|
|
return `
|
|
<div class="text-center">
|
|
<div class="progress" style="height: 18px;">
|
|
<div class="progress-bar bg-success" role="progressbar"
|
|
style="width: ${progress}%;"
|
|
aria-valuenow="${progress}" aria-valuemin="0" aria-valuemax="100">
|
|
${progress}%
|
|
</div>
|
|
</div>
|
|
<small class="text-muted">${selesai} / ${total} selesai</small>
|
|
</div>
|
|
`;
|
|
},
|
|
sortable: true,
|
|
},
|
|
{
|
|
title: 'Bukti Pembayaran',
|
|
formatter: function (value, row) {
|
|
if (row?.cara_pembayaran === 'Transfer' && row?.bukti_pembayaran) {
|
|
return `
|
|
<a href="/storage/${row.bukti_pembayaran}" target="_blank" class="btn btn-sm btn-primary">
|
|
<i class="fa fa-eye"></i> Lihat Bukti
|
|
</a>
|
|
`;
|
|
}
|
|
|
|
if (row?.cara_pembayaran === 'Billing') {
|
|
if (row?.evidence_medical_record) {
|
|
return `
|
|
<ul class="list-unstyled">
|
|
<li>
|
|
<a href="/storage/${row.evidence_medical_record}" target="_blank" class="btn btn-sm btn-primary">
|
|
<i class="fa fa-eye"></i> Lihat Bukti Billing
|
|
</a>
|
|
</li>
|
|
<li>
|
|
No.MR: ${row?.medical_record || '-'}
|
|
</li>
|
|
</ul>
|
|
`;
|
|
}
|
|
return `No.MR: ${row?.medical_record || '-'}`;
|
|
}
|
|
|
|
return '';
|
|
}
|
|
},
|
|
{
|
|
title: "Tgl Pemesanan",
|
|
field: 'entry_at',
|
|
formatter: function(value, row) {
|
|
if (!row?.entry_at) return '-';
|
|
|
|
const date = new Date(row.entry_at);
|
|
return date.toLocaleString('id-ID', {
|
|
day: '2-digit',
|
|
month: 'short', // Bisa diganti 'long' kalau mau 'Juli' bukan 'Jul'
|
|
year: 'numeric',
|
|
hour: '2-digit',
|
|
minute: '2-digit',
|
|
hour12: false // pakai format 24 jam
|
|
});
|
|
},
|
|
sortable: true,
|
|
},
|
|
{
|
|
title: "Kategori Customer",
|
|
field: 'jenis_customer',
|
|
sortable: true,
|
|
},
|
|
{
|
|
title: "Total Harga Pesanan",
|
|
field:'total_harga',
|
|
formatter: function(value, row){
|
|
return 'Rp ' + parseInt(row.total_harga).toLocaleString('id-ID')
|
|
}
|
|
}
|
|
|
|
],
|
|
});
|
|
}
|
|
|
|
document.addEventListener('DOMContentLoaded', function () {
|
|
flatpickr('#tanggal', {
|
|
dateFormat: "Y-m-d",
|
|
mode: "multiple",
|
|
locale: "id", // opsional: agar hari/bulan dalam Bahasa Indonesia
|
|
onValueUpdate: function(selectedDates, dateStr, instance) {
|
|
const selectedFormattedDates = selectedDates.map(d => {
|
|
const year = d.getFullYear();
|
|
const month = String(d.getMonth() + 1).padStart(2, '0');
|
|
const day = String(d.getDate()).padStart(2, '0');
|
|
return `${year}-${month}-${day}`;
|
|
})
|
|
initDt(selectedFormattedDates);
|
|
if(selectedFormattedDates.length > 0){
|
|
const tanggalList = selectedFormattedDates;
|
|
let tanggalRapi = '';
|
|
if (tanggalList.length === 1) {
|
|
tanggalRapi = tanggalList[0];
|
|
} else if (tanggalList.length === 2) {
|
|
tanggalRapi = tanggalList.join(' dan ');
|
|
} else if (tanggalList.length > 2) {
|
|
tanggalRapi = tanggalList.slice(0, -1).join(', ') + ', dan ' + tanggalList.slice(-1);
|
|
}
|
|
$("#confirm_laporan_pesanan").text(': '+ tanggalRapi)
|
|
}else{
|
|
$("#confirm_laporan_pesanan").text('Hari Ini');
|
|
}
|
|
}
|
|
});
|
|
$("#confirm_laporan_pesanan").text('Hari Ini');
|
|
initDt();
|
|
});
|