Warehouse_Management_System/scipt.js

// 模拟获取货物数据的函数
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();
};