// 模拟获取货物数据的函数 function getGoodsData() { // 这里可以使用Ajax或其他方式从后端获取货物数据 return [ { id: 1, name: "电脑显示器", type: "电子产品", quantity: 100 }, { id: 2, name: "运动鞋", type: "服装", quantity: 200 }, { id: 3, name: "苹果手机", type: "电子产品", quantity: 150 } ]; } // 模拟获取仓库数据的函数 function getWarehouseData() { // 这里可以使用Ajax或其他方式从后端获取仓库数据 return [ { id: 1, name: "北京仓库", address: "北京市朝阳区", area: 1000 }, { id: 2, name: "上海仓库", address: "上海市浦东新区", area: 1200 }, { id: 3, name: "广州仓库", address: "广州市天河区", area: 800 } ]; } // 模拟获取订单数据的函数 function getOrderData() { // 这里可以使用Ajax或其他方式从后端获取订单数据 return [ { id: 1, date: "2024-01-01", customer: "客户A", status: "已创建" }, { id: 2, date: "2024-01-02", customer: "客户B", status: "已审核" }, { id: 3, date: "2024-01-03", customer: "客户C", status: "已发货" } ]; } // 渲染货物数据到表格 function renderGoodsData() { var goodsTable = document.getElementById('goods-table'); goodsTable.innerHTML = ''; var goodsData = getGoodsData(); goodsData.forEach(function (goods) { var row = goodsTable.insertRow(); var cell1 = row.insertCell(0); cell1.innerHTML = goods.id; var cell2 = row.insertCell(1); cell2.innerHTML = goods.name; var cell3 = row.insertCell(2); cell3.innerHTML = goods.type; var cell4 = row.insertCell(3); cell4.innerHTML = goods.quantity; var cell5 = row.insertCell(4); var editBtn = document.createElement('button'); editBtn.innerHTML = '编辑'; editBtn.onclick = function () { // 这里可以添加编辑货物的逻辑 alert('编辑货物:' + goods.name); }; var deleteBtn = document.createElement('button'); deleteBtn.innerHTML = '删除'; deleteBtn.onclick = function () { // 这里可以添加删除货物的逻辑 var confirmDelete = confirm('确定要删除该货物吗?'); if (confirmDelete) { // 模拟删除操作 goodsData = goodsData.filter(function (item) { return item.id!== goods.id; }); renderGoodsData(); } }; cell5.appendChild(editBtn); cell5.appendChild(deleteBtn); }); } // 渲染仓库数据到表格 function renderWarehouseData() { var warehouseTable = document.getElementById('warehouse-table'); warehouseTable.innerHTML = ''; var warehouseData = getWarehouseData(); warehouseData.forEach(function (warehouse) { var row = warehouseTable.insertRow(); var cell1 = row.insertCell(0); cell1.innerHTML = warehouse.id; var cell2 = row.insertCell(1); cell2.innerHTML = warehouse.name; var cell3 = row.insertCell(2); cell3.innerHTML = warehouse.address; var cell4 = row.insertCell(3); cell4.innerHTML = warehouse.area; var cell5 = row.insertCell(4); var editBtn = document.createElement('button'); editBtn.innerHTML = '编辑'; editBtn.onclick = function () { // 这里可以添加编辑仓库的逻辑 alert('编辑仓库:' + warehouse.name); }; var deleteBtn = document.createElement('button'); deleteBtn.innerHTML = '删除'; deleteBtn.onclick = function () { // 这里可以添加删除仓库的逻辑 var confirmDelete = confirm('确定要删除该仓库吗?'); if (confirmDelete) { // 模拟删除操作 warehouseData = warehouseData.filter(function (item) { return item.id!== warehouse.id; }); renderWarehouseData(); } }; cell5.appendChild(editBtn); cell5.appendChild(deleteBtn); }); } // 渲染订单数据到表格 function renderOrderData() { var orderTable = document.getElementById('order-table'); orderTable.innerHTML = ''; var orderData = getOrderData(); orderData.forEach(function (order) { var row = orderTable.insertRow(); var cell1 = row.insertCell(0); cell1.innerHTML = order.id; var cell2 = row.insertCell(1); cell2.innerHTML = order.date; var cell3 = row.insertCell(2); cell3.innerHTML = order.customer; var cell4 = row.insertCell(3); cell4.innerHTML = order.status; var cell5 = row.insertCell(4); var editBtn = document.createElement('button'); editBtn.innerHTML = '编辑'; editBtn.onclick = function () { // 这里可以添加编辑订单的逻辑 alert('编辑订单:' + order.customer); }; var deleteBtn = document.createElement('button'); deleteBtn.innerHTML = '删除'; deleteBtn.onclick = function () { // 这里可以添加删除订单的逻辑 var confirmDelete = confirm('确定要删除该订单吗?'); if (confirmDelete) { // 模拟删除操作 orderData = orderData.filter(function (item) { return item.id!== order.id; }); renderOrderData(); } }; cell5.appendChild(editBtn); cell5.appendChild(deleteBtn); }); } // 添加货物事件处理 document.getElementById('add-goods-btn').addEventListener('click', function () { // 这里可以添加添加货物的逻辑,例如打开添加货物的模态框或跳转到添加货物的页面 alert('添加货物'); }); // 添加仓库事件处理 document.getElementById('add-warehouse-btn').addEventListener('click', function () { // 这里可以添加添加仓库的逻辑,例如打开添加仓库的模态框或跳转到添加仓库的页面 alert('添加仓库'); }); // 添加订单事件处理 document.getElementById('add-order-btn').addEventListener('click', function () { // 这里可以添加添加订单的逻辑,例如打开添加订单的模态框或跳转到添加订单的页面 alert('添加订单'); }); // 页面加载时渲染货物、仓库和订单数据 window.onload = function () { renderGoodsData(); renderWarehouseData(); renderOrderData(); };// 模拟获取货物数据的函数 function getGoodsData() { // 这里可以使用Ajax或其他方式从后端获取货物数据 return [ { id: 1, name: "电脑显示器", type: "电子产品", quantity: 100 }, { id: 2, name: "运动鞋", type: "服装", quantity: 200 }, { id: 3, name: "苹果手机", type: "电子产品", quantity: 150 } ]; } // 模拟获取仓库数据的函数 function getWarehouseData() { // 这里可以使用Ajax或其他方式从后端获取仓库数据 return [ { id: 1, name: "北京仓库", address: "北京市朝阳区", area: 1000 }, { id: 2, name: "上海仓库", address: "上海市浦东新区", area: 1200 }, { id: 3, name: "广州仓库", address: "广州市天河区", area: 800 } ]; } // 模拟获取订单数据的函数 function getOrderData() { // 这里可以使用Ajax或其他方式从后端获取订单数据 return [ { id: 1, date: "2024-01-01", customer: "客户A", status: "已创建" }, { id: 2, date: "2024-01-02", customer: "客户B", status: "已审核" }, { id: 3, date: "2024-01-03", customer: "客户C", status: "已发货" } ]; } // 渲染货物数据到表格 function renderGoodsData() { var goodsTable = document.getElementById('goods-table'); goodsTable.innerHTML = ''; var goodsData = getGoodsData(); goodsData.forEach(function (goods) { var row = goodsTable.insertRow(); var cell1 = row.insertCell(0); cell1.innerHTML = goods.id; var cell2 = row.insertCell(1); cell2.innerHTML = goods.name; var cell3 = row.insertCell(2); cell3.innerHTML = goods.type; var cell4 = row.insertCell(3); cell4.innerHTML = goods.quantity; var cell5 = row.insertCell(4); var editBtn = document.createElement('button'); editBtn.innerHTML = '编辑'; editBtn.onclick = function () { // 这里可以添加编辑货物的逻辑 alert('编辑货物:' + goods.name); }; var deleteBtn = document.createElement('button'); deleteBtn.innerHTML = '删除'; deleteBtn.onclick = function () { // 这里可以添加删除货物的逻辑 var confirmDelete = confirm('确定要删除该货物吗?'); if (confirmDelete) { // 模拟删除操作 goodsData = goodsData.filter(function (item) { return item.id!== goods.id; }); renderGoodsData(); } }; cell5.appendChild(editBtn); cell5.appendChild(deleteBtn); }); } // 渲染仓库数据到表格 function renderWarehouseData() { var warehouseTable = document.getElementById('warehouse-table'); warehouseTable.innerHTML = ''; var warehouseData = getWarehouseData(); warehouseData.forEach(function (warehouse) { var row = warehouseTable.insertRow(); var cell1 = row.insertCell(0); cell1.innerHTML = warehouse.id; var cell2 = row.insertCell(1); cell2.innerHTML = warehouse.name; var cell3 = row.insertCell(2); cell3.innerHTML = warehouse.address; var cell4 = row.insertCell(3); cell4.innerHTML = warehouse.area; var cell5 = row.insertCell(4); var editBtn = document.createElement('button'); editBtn.innerHTML = '编辑'; editBtn.onclick = function () { // 这里可以添加编辑仓库的逻辑 alert('编辑仓库:' + warehouse.name); }; var deleteBtn = document.createElement('button'); deleteBtn.innerHTML = '删除'; deleteBtn.onclick = function () { // 这里可以添加删除仓库的逻辑 var confirmDelete = confirm('确定要删除该仓库吗?'); if (confirmDelete) { // 模拟删除操作 warehouseData = warehouseData.filter(function (item) { return item.id!== warehouse.id; }); renderWarehouseData(); } }; cell5.appendChild(editBtn); cell5.appendChild(deleteBtn); }); } // 渲染订单数据到表格 function renderOrderData() { var orderTable = document.getElementById('order-table'); orderTable.innerHTML = ''; var orderData = getOrderData(); orderData.forEach(function (order) { var row = orderTable.insertRow(); var cell1 = row.insertCell(0); cell1.innerHTML = order.id; var cell2 = row.insertCell(1); cell2.innerHTML = order.date; var cell3 = row.insertCell(2); cell3.innerHTML = order.customer; var cell4 = row.insertCell(3); cell4.innerHTML = order.status; var cell5 = row.insertCell(4); var editBtn = document.createElement('button'); editBtn.innerHTML = '编辑'; editBtn.onclick = function () { // 这里可以添加编辑订单的逻辑 alert('编辑订单:' + order.customer); }; var deleteBtn = document.createElement('button'); deleteBtn.innerHTML = '删除'; deleteBtn.onclick = function () { // 这里可以添加删除订单的逻辑 var confirmDelete = confirm('确定要删除该订单吗?'); if (confirmDelete) { // 模拟删除操作 orderData = orderData.filter(function (item) { return item.id!== order.id; }); renderOrderData(); } }; cell5.appendChild(editBtn); cell5.appendChild(deleteBtn); }); } // 添加货物事件处理 document.getElementById('add-goods-btn').addEventListener('click', function () { // 这里可以添加添加货物的逻辑,例如打开添加货物的模态框或跳转到添加货物的页面 alert('添加货物'); }); // 添加仓库事件处理 document.getElementById('add-warehouse-btn').addEventListener('click', function () { // 这里可以添加添加仓库的逻辑,例如打开添加仓库的模态框或跳转到添加仓库的页面 alert('添加仓库'); }); // 添加订单事件处理 document.getElementById('add-order-btn').addEventListener('click', function () { // 这里可以添加添加订单的逻辑,例如打开添加订单的模态框或跳转到添加订单的页面 alert('添加订单'); }); // 页面加载时渲染货物、仓库和订单数据 window.onload = function () { renderGoodsData(); renderWarehouseData(); renderOrderData(); };