From 99a544e64357e6861625df18733f37c483509c5d Mon Sep 17 00:00:00 2001 From: wystan_rin Date: Fri, 22 Nov 2024 14:21:33 +0800 Subject: [PATCH] =?UTF-8?q?=E5=AE=9E=E7=8E=B0=E8=AE=A2=E5=8D=95=E8=AF=A6?= =?UTF-8?q?=E6=83=85=E9=A1=B5=E9=9D=A2?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- payment_headend/orderDetails.html | 144 +++++++++++++++++------------- 1 file changed, 84 insertions(+), 60 deletions(-) diff --git a/payment_headend/orderDetails.html b/payment_headend/orderDetails.html index 6c44b84..56b8098 100644 --- a/payment_headend/orderDetails.html +++ b/payment_headend/orderDetails.html @@ -4,77 +4,97 @@ Order Information + + +

Order Information

- - - - - - - - - - - - - - - - - - -
Order IDNamePhoneEmailQuantityPayment MethodFrom AddressCreate TimestampUpdate TimestampStatus
- @@ -88,9 +108,12 @@ queryParams.page = queryParams.page || 1; queryParams.pageSize = queryParams.pageSize || 10; - // 查询接口 const apiBaseUrl = 'http://127.0.0.1:5000'; + async function queryOrder() { + const loading = document.getElementById('loading'); + loading.style.display = 'block'; // 显示加载动画 + try { const response = await fetch(`${apiBaseUrl}/queryOrder`, { method: 'POST', @@ -101,16 +124,19 @@ if (!response.ok) { throw new Error('Failed to query orders'); } + const data = await response.json(); renderTable(data.orders); updatePaginationButtons(data.totalOrders); } catch (error) { console.error('Network or server error:', error); + } finally { + loading.style.display = 'none'; // 隐藏加载动画 } } function renderTable(orders) { - const tbody = document.querySelector('#orderTable tbody'); + const tbody = document.getElementById('orderTableBody'); tbody.innerHTML = ''; // 清空表格内容 orders.forEach(order => { const row = ` @@ -131,14 +157,13 @@ }); } - // 更新分页按钮状态 function updatePaginationButtons(totalOrders) { const totalPages = Math.ceil(totalOrders / queryParams.pageSize); document.getElementById('prevPageBtn').disabled = queryParams.page <= 1; document.getElementById('nextPageBtn').disabled = queryParams.page >= totalPages; + document.getElementById('currentPage').textContent = `Page: ${queryParams.page}`; } - // 翻页操作 document.getElementById('prevPageBtn').addEventListener('click', () => { if (queryParams.page > 1) { queryParams.page -= 1; @@ -151,7 +176,6 @@ queryOrder(); }); - // 页面加载时查询第一页 queryOrder();