nok/wms-app
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Orders: order, return, invoice

Browse Source
This commit is contained in:
Thanakorn S
2026-05-02 16:49:21 +07:00
parent ac4fd9a5ad
commit a90975d9f1
47 changed files with 4838 additions and 99 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/order/return.php
+208
View File
@@ -0,0 +1,208 @@
<?php
session_start();
require '../config.php';
require '../include_header.php';
?>
<body>
<?php require '../include_topbar.php'; ?>
<?php require '../include_sidebar.php'; ?>
<main id="content" class="content py-15">
<div class="container-fluid">
<!-- Page header -->
<div class="row">
<div class="col-12">
<div class="mb-6 d-flex justify-content-between align-items-center">
<div>
<h1 class="fs-3 mb-1">Returns</h1>
<p class="mb-0">Manage customer return requests</p>
</div>
<a href="<?php echo $server_url?>order/manage_return.php" class="btn btn-primary">
<i class="ti ti-plus me-1"></i>New Return
</a>
</div>
</div>
</div>
<!-- Filter bar -->
<div class="row g-5 mb-5">
<div class="col-12">
<div class="card">
<div class="card-body p-4">
<div class="row g-3 align-items-end">
<div class="col-lg-5">
<div class="position-relative">
<input type="text" id="search_input" class="form-control ps-9"
placeholder="Search return number or contact...">
<span class="position-absolute top-25 ms-4">
<i class="ti ti-search text-muted"></i>
</span>
</div>
</div>
<div class="col-lg-3">
<select id="filter_status" class="form-select">
<option value="">All Status</option>
<option value="-1">Cancelled</option>
<option value="0">Draft</option>
<option value="1">Confirmed</option>
</select>
</div>
<div class="col-lg-2">
<button class="btn btn-secondary w-100" onclick="retrieve_returns()">
<i class="ti ti-search me-1"></i>Search
</button>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Table -->
<div class="row">
<div class="col-12">
<div class="card">
<div class="card-body p-5">
<div class="table-responsive">
<table class="table table-hover mb-0 table-centered" id="return_list">
<thead class="table-primary border-light">
<tr>
<th class="py-3">Return #</th>
<th class="py-3">Order #</th>
<th class="py-3">Contact</th>
<th class="py-3">Date</th>
<th class="py-3">Items</th>
<th class="py-3">Refund Amount</th>
<th class="py-3">Status</th>
<th class="py-3">Action</th>
</tr>
</thead>
<tbody></tbody>
<tfoot></tfoot>
</table>
</div>
</div>
</div>
</div>
</div>
</div>
</main>
<?php require '../include_ending.php'; ?>
<script>
function return_status_badge(status) {
const map = {
'-1': '<span class="badge bg-secondary">Cancelled</span>',
'0': '<span class="badge bg-warning text-dark">Draft</span>',
'1': '<span class="badge bg-success">Confirmed</span>',
};
return map[String(status)] ?? '—';
}
function retrieve_returns() {
return ajax_request({
url: '<?php echo $server_url?>order/api/engine/retrieve_return.php',
autoPrepare: true,
checkRequired: 0,
action: 'read',
onSuccess: function(res) {
var all = res.output || [];
var keyword = $('#search_input').val().toLowerCase();
var fil_st = $('#filter_status').val();
var data = all.filter(function(r) {
var match_kw = !keyword ||
(r.return_number || '').toLowerCase().includes(keyword) ||
(r.contact_name || '').toLowerCase().includes(keyword);
var match_st = fil_st === '' || String(r.status) === fil_st;
return match_kw && match_st;
});
alasql('CREATE TABLE IF NOT EXISTS return_list');
alasql.tables.return_list.data = data;
var page = generate_pagination('return_list', data.length);
$('table#return_list tfoot').html(page);
if (typeof change_page_return_list === 'function') {
change_page_return_list(1);
}
}
});
}
function change_page_return_list(page_num) {
var offset = (page_num - 1) * prop_limit;
var page_data = alasql(`SELECT * FROM return_list LIMIT ${prop_limit} OFFSET ${offset}`);
var body = '';
$.each(page_data, function(i, r) {
var items = JSON.parse(r.items || '[]');
var can_cancel = parseInt(r.status) === 0;
body += `<tr>
<td class="py-3 fw-semibold">${r.return_number}</td>
<td class="py-3">${r.order_number || '<span class="text-muted">—</span>'}</td>
<td class="py-3">${r.contact_name || '<span class="text-muted">—</span>'}</td>
<td class="py-3">${format_date(r.return_date)}</td>
<td class="py-3">${items.length} item${items.length !== 1 ? 's' : ''}</td>
<td class="py-3 fw-semibold">${format_number(r.refund_amount, 2)}</td>
<td class="py-3">${return_status_badge(r.status)}</td>
<td class="py-3">
<a href="<?php echo $server_url?>order/manage_return.php?id=${r.id}" title="View">
<i class="ti ti-eye fs-5"></i>
</a>
${can_cancel ? `
<a href="javascript:void(0);" class="link-danger ms-2" title="Cancel"
onclick="cancel_return(${r.id})">
<i class="ti ti-x fs-5"></i>
</a>` : ''}
</td>
</tr>`;
});
$('table#return_list > tbody').html(body);
}
function cancel_return(id) {
bootbox.confirm({
message: 'Cancel this return request?',
buttons: {
confirm: { label: 'Yes, Cancel', className: 'btn-danger' },
cancel: { label: 'Back', className: 'btn-secondary' }
},
callback: function(result) {
if (!result) return;
ajax_request({
url: '<?php echo $server_url?>order/api/engine/cancel_return.php',
autoPrepare: true,
checkRequired: 0,
action: 'update',
data: { id: id },
onSuccess: function() { retrieve_returns(); }
});
}
});
}
$(function() {
retrieve_returns();
$('#search_input').on('keyup', function(e) {
if (e.key === 'Enter') retrieve_returns();
});
});
</script>
</body>
</html>