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

accounting workflows

Browse Source
This commit is contained in:
Thanakorn S
2026-05-20 10:17:02 +07:00
parent 04a683bd02
commit 7396db6ffc
199 changed files with 23539 additions and 5345 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/revenue/order.php
+235 -6
View File
@@ -13,16 +13,135 @@
<div class="row mb-6">
<div class="col-12">
<h1 class="fs-3 mb-1">Sales Orders</h1>
<p class="mb-0 text-muted">Sales order management</p>
<div class="d-flex justify-content-between align-items-center">
<div>
<h1 class="fs-3 mb-1">Sales Orders</h1>
<p class="mb-0 text-muted">Revenue sales orders and quotation conversions</p>
</div>
<a href="<?php echo $server_url?>revenue/manage_order.php" class="btn btn-primary">
<i class="ti ti-plus me-1"></i>New Sales Order
</a>
</div>
</div>
</div>
<div class="row">
<div class="row g-5 mb-5">
<div class="col-lg-3 col-sm-6 col-12">
<div class="card p-4">
<div class="d-flex align-items-center gap-3">
<div class="icon-shape icon-md bg-primary bg-opacity-10 text-primary rounded-2">
<i class="ti ti-shopping-cart fs-4"></i>
</div>
<div>
<p class="mb-0 text-muted small">Total</p>
<h3 class="fw-bold mb-0" id="stat_total">—</h3>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-sm-6 col-12">
<div class="card p-4">
<div class="d-flex align-items-center gap-3">
<div class="icon-shape icon-md bg-danger bg-opacity-10 text-danger rounded-2">
<i class="ti ti-building-warehouse fs-4"></i>
</div>
<div>
<p class="mb-0 text-muted small">Pending Warehouse</p>
<h3 class="fw-bold mb-0" id="stat_pending">—</h3>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-sm-6 col-12">
<div class="card p-4">
<div class="d-flex align-items-center gap-3">
<div class="icon-shape icon-md bg-warning bg-opacity-10 text-warning rounded-2">
<i class="ti ti-pencil fs-4"></i>
</div>
<div>
<p class="mb-0 text-muted small">Draft</p>
<h3 class="fw-bold mb-0" id="stat_draft">—</h3>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-sm-6 col-12">
<div class="card p-4">
<div class="d-flex align-items-center gap-3">
<div class="icon-shape icon-md bg-success bg-opacity-10 text-success rounded-2">
<i class="ti ti-circle-check fs-4"></i>
</div>
<div>
<p class="mb-0 text-muted small">Confirmed+</p>
<h3 class="fw-bold mb-0" id="stat_confirmed">—</h3>
</div>
</div>
</div>
</div>
</div>
<div class="row g-5">
<div class="col-12">
<div class="card p-5 text-center text-muted">
<i class="ti ti-shopping-cart fs-1 mb-3 d-block"></i>
<p class="mb-0">Sales Orders coming soon.</p>
<div class="card">
<div class="card-body p-4">
<div class="row g-3 align-items-end">
<div class="col-lg-4">
<div class="position-relative">
<input type="text" id="search_input" class="form-control ps-9"
placeholder="Search order number, source, contact, or tracking...">
<span class="position-absolute top-25 ms-4">
<i class="ti ti-search text-muted"></i>
</span>
</div>
</div>
<div class="col-lg-2">
<select id="filter_status" class="form-select">
<option value="">All Status</option>
<option value="-2">Pending Warehouse</option>
<option value="-1">Cancelled</option>
<option value="0">Draft</option>
<option value="1">Confirmed</option>
</select>
</div>
<div class="col-lg-2">
<select id="filter_dept" class="form-select">
<option value="">All Departments</option>
</select>
</div>
<div class="col-lg-2">
<button class="btn btn-secondary w-100" onclick="retrieve_orders()">
<i class="ti ti-search me-1"></i>Search
</button>
</div>
</div>
</div>
</div>
</div>
<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="revenue_order_list">
<thead class="table-primary border-light">
<tr>
<th>Order #</th>
<th>Source</th>
<th>Date</th>
<th>Contact</th>
<th>Department</th>
<th>Items</th>
<th>Grand Total</th>
<th>Status</th>
<th>Tracking #</th>
<th>Action</th>
</tr>
</thead>
<tbody></tbody>
<tfoot></tfoot>
</table>
</div>
</div>
</div>
</div>
</div>
@@ -32,5 +151,115 @@
<?php require '../include_ending.php'; ?>
<script>
function order_status_badge(status) {
const map = {
'-2': '<span class="badge bg-danger">Pending Warehouse</span>',
'-1': '<span class="badge bg-secondary">Cancelled</span>',
'0': '<span class="badge bg-warning text-dark">Draft</span>',
'1': '<span class="badge bg-info text-white">Confirmed</span>',
};
return map[String(status)] || '<span class="badge bg-light text-dark">—</span>';
}
function order_items_count(items) {
if (Array.isArray(items)) return items.length;
try { return JSON.parse(items || '[]').length; }
catch(e) { return 0; }
}
function retrieve_orders() {
return ajax_request({
url: '<?php echo $server_url?>order/api/engine/retrieve_order.php',
autoPrepare: true,
checkRequired: 0,
action: 'read',
onSuccess: function(res) {
var all = (res.output || []).filter(function(o) {
return ['quotation', 'revenue'].includes(String(o.source || ''));
});
var keyword = $('#search_input').val().toLowerCase();
var status = $('#filter_status').val();
var fil_dept = $('#filter_dept').val();
var data = all.filter(function(o) {
var source_id = String(o.source_id || '');
var source = String(o.source || '');
var source_label = source === 'revenue' ? 'direct' : source;
var match_kw = !keyword ||
(o.order_number || '').toLowerCase().includes(keyword) ||
(o.contact_name || '').toLowerCase().includes(keyword) ||
(o.shipping_tracking_number || '').toLowerCase().includes(keyword) ||
source_label.includes(keyword) ||
source_id.includes(keyword);
var match_status = status === '' || String(o.status) === status;
var match_dept = !fil_dept || String(o.department_id) === fil_dept;
return match_kw && match_status && match_dept;
});
$('#stat_total').text(format_number(all.length));
$('#stat_pending').text(format_number(all.filter(o => String(o.status) === '-2').length));
$('#stat_draft').text(format_number(all.filter(o => String(o.status) === '0').length));
$('#stat_confirmed').text(format_number(all.filter(o => parseInt(o.status) >= 1).length));
alasql('CREATE TABLE IF NOT EXISTS revenue_order_list');
alasql.tables.revenue_order_list.data = data;
$('table#revenue_order_list tfoot').html(generate_pagination('revenue_order_list', data.length));
change_page_revenue_order_list(1);
}
});
}
function change_page_revenue_order_list(page_num) {
var offset = (page_num - 1) * prop_limit;
var rows = alasql(`SELECT * FROM revenue_order_list LIMIT ${prop_limit} OFFSET ${offset}`);
var body = '';
if (!rows.length) {
$('table#revenue_order_list tbody').html(
'<tr><td colspan="9" class="text-center py-5 text-muted">No quotation sales orders found.</td></tr>'
);
return;
}
$.each(rows, function(i, o) {
var item_count = order_items_count(o.items);
var source = String(o.source || '');
var source_display = source === 'quotation' && parseInt(o.source_id) > 0
? `<a href="<?php echo $server_url?>revenue/manage_quotation.php?id=${o.source_id}">Quotation #${o.source_id}</a>`
: (source === 'revenue' ? 'Direct' : '<span class="text-muted">—</span>');
body += `<tr>
<td class="py-3 fw-semibold">${escape_html(o.order_number || '')}</td>
<td class="py-3">${source_display}</td>
<td class="py-3">${format_date(o.order_date)}</td>
<td class="py-3">${escape_html(o.contact_name || '—')}</td>
<td class="py-3">${get_dept_label(o.department_id)}</td>
<td class="py-3">${item_count} item${item_count !== 1 ? 's' : ''}</td>
<td class="py-3 fw-semibold">${format_number(o.grand_total, 2)}</td>
<td class="py-3">${order_status_badge(o.status)}</td>
<td class="py-3">${o.shipping_tracking_number ? escape_html(o.shipping_tracking_number) : '<span class="text-muted">—</span>'}</td>
<td class="py-3">
<a href="<?php echo $server_url?>revenue/manage_order.php?id=${o.id}" title="View SO">
<i class="ti ti-eye fs-5"></i>
</a>
</td>
</tr>`;
});
$('table#revenue_order_list tbody').html(body);
}
$(async function() {
await load_dept_cache();
populate_dept_filter('filter_dept');
retrieve_orders();
$('#search_input').on('keyup', function(e) {
if (e.key === 'Enter') retrieve_orders();
});
$('#filter_status, #filter_dept').on('change', retrieve_orders);
});
</script>
</body>
</html>