diff --git a/frontend/js/components/shipment-query.js b/frontend/js/components/shipment-query.js index fc90610..8ff7eff 100644 --- a/frontend/js/components/shipment-query.js +++ b/frontend/js/components/shipment-query.js @@ -10,8 +10,10 @@ Router.register('/shipments/query', async () => { } setTimeout(async () => { - const queryBtn = document.getElementById('sn-query-btn'); - const snInput = document.getElementById('sn-input'); + const queryTypeSelect = document.getElementById('query-type'); + const queryBtn = document.getElementById('query-btn'); + const queryInput = document.getElementById('query-input'); + const inputLabel = document.getElementById('input-label'); const resultDiv = document.getElementById('query-result'); const statsDiv = document.getElementById('redis-stats'); const clearBtn = document.getElementById('clear-redis-btn'); @@ -47,40 +49,97 @@ Router.register('/shipments/query', async () => { } } + // 切换查询类型时更新输入框提示 + queryTypeSelect?.addEventListener('change', (e) => { + const queryType = e.target.value; + if (queryType === 'sn') { + inputLabel.textContent = '输入 SN/MAC 号'; + queryInput.placeholder = '输入 SN 或 MAC 地址'; + } else if (queryType === 'box') { + inputLabel.textContent = '输入箱号'; + queryInput.placeholder = '输入箱号'; + } + resultDiv.innerHTML = ''; + }); + const performQuery = async () => { - const sn = snInput?.value?.trim(); - if (!sn) { - resultDiv.innerHTML = '