From 3718e3247d1a0d68ad45317a567bd1f7f9db1486 Mon Sep 17 00:00:00 2001 From: ppf2sg6ej <1993115515@qq.com> Date: Sun, 29 Dec 2024 21:59:10 +0800 Subject: [PATCH] ADD file via upload --- scipt.js | 347 +++++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 347 insertions(+) create mode 100644 scipt.js diff --git a/scipt.js b/scipt.js new file mode 100644 index 0000000..fa0a86b --- /dev/null +++ b/scipt.js @@ -0,0 +1,347 @@ +// 模拟获取货物数据的函数 +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(); +}; \ No newline at end of file