8

备件管理系统 - 首页

欢迎使用备件管理系统

本系统旨在帮助您高效管理备件信息,涵盖备件从采购到报废的全生命周期,提供丰富功能以实现精准数字化管理。以下是各功能模块介绍:

    <!-- 功能卡片 -->
    <div class="grid grid-cols-1 md:grid-cols-3 gap-8">
        <!-- 备件采购卡片 -->
        <div class="bg-gray-50 border border-gray-200 rounded p-6 hover:shadow-lg transition-shadow">
            <i class="fa-solid fa-cart-shopping text-3xl text-blue-600 mb-4"></i>
            <h2 class="text-xl font-bold mb-2">备件采购</h2>
            <p class="text-gray-700">支持备件采购需求管理,填报时可查看当前库存量,涵盖多字段信息及备件追踪。</p>
            <a href="#" class="text-blue-600 hover:underline mt-4 inline-block" onclick="jumpToPage('http://localhost:8081/purchase/add')">查看详情</a>
        </div>

        <div class="bg-gray-50 border border-gray-200 rounded p-6 hover:shadow-lg transition-shadow">
            <i class="fa-solid fa-box-arrow-down text-3xl text-orange-600 mb-4"></i>
            <h2 class="text-xl font-bold mb-2">领用出库</h2>
            <p class="text-gray-700">支持备件普通出库管理,可批量审核领用出库。</p>
            <a href="#" class="text-blue-600 hover:underline mt-4 inline-block" onclick="jumpToPage('http://localhost:8081/stock-out/add')">查看详情</a>
        </div>
        <div class="bg-gray-50 border border-gray-200 rounded p-6 hover:shadow-lg transition-shadow">
            <i class="fa-solid fa-box text-3xl text-emerald-600 mb-4"></i>
            <h2 class="text-xl font-bold mb-2">添加备件信息</h2>
            <p class="text-gray-700">支持添加新的备件信息,记录备件的详细属性。</p>
            <a href="#" class="text-blue-600 hover:underline mt-4 inline-block" onclick="jumpToPage('http://localhost:8081/spare-parts/add')">查看详情</a>
        </div>
        <!-- 备件入库卡片 -->
        <div class="bg-gray-50 border border-gray-200 rounded p-6 hover:shadow-lg transition-shadow">
            <i class="fa-solid fa-boxes-stacked text-3xl text-green-600 mb-4"></i>
            <h2 class="text-xl font-bold mb-2">备件入库</h2>
            <p class="text-gray-700">支持采购入库管理,可选择库位,自动计算税额等,支持批量导入。</p>
            <a href="#" class="text-blue-600 hover:underline mt-4 inline-block" onclick="jumpToPage('http://localhost:8081/stock-in/add')">查看详情</a>
        </div>
        <!-- 领用审核卡片 -->
        <div class="bg-gray-50 border border-gray-200 rounded p-6 hover:shadow-lg transition-shadow">
            <i class="fa-solid fa-file-signature text-3xl text-yellow-600 mb-4"></i>
            <h2 class="text-xl font-bold mb-2">领用审核</h2>
            <p class="text-gray-700">支持备件领用出库管理,可查看设备故障等信息,对未归还情况有提醒。</p>
            <a href="#" class="text-blue-600 hover:underline mt-4 inline-block" onclick="jumpToPage('http://localhost:8081/approvals/add')">查看详情</a>
        </div>

        <!-- 领用出库卡片 -->
        <div class="bg-gray-50 border border-gray-200 rounded p-6 hover:shadow-lg transition-shadow">
            <i class="fa-solid fa-box-arrow-down text-3xl text-orange-600 mb-4"></i>
            <h2 class="text-xl font-bold mb-2">领用出库</h2>
            <p class="text-gray-700">支持备件普通出库管理,可批量审核领用出库。</p>
            <a href="#" class="text-blue-600 hover:underline mt-4 inline-block" onclick="jumpToPage('http://localhost:8081/stock-out/add')">查看详情</a>
        </div>

        <!-- 备件返还卡片 -->
        <div class="bg-gray-50 border border-gray-200 rounded p-6 hover:shadow-lg transition-shadow">
            <i class="fa-solid fa-rotate-left text-3xl text-purple-600 mb-4"></i>
            <h2 class="text-xl font-bold mb-2">备件返还</h2>
            <p class="text-gray-700">支持备件返还管理及入库审核,可查看设备故障等信息。</p>
            <a href="#" class="text-blue-600 hover:underline mt-4 inline-block" onclick="jumpToPage('http://localhost:8081/return/add')">查看详情</a>
        </div>

        <!-- 维修管理卡片 -->
        <div class="bg-gray-50 border border-gray-200 rounded p-6 hover:shadow-lg transition-shadow">
            <i class="fa-solid fa-wrench text-3xl text-teal-600 mb-4"></i>
            <h2 class="text-xl font-bold mb-2">维修管理</h2>
            <p class="text-gray-700">支持故障备件全生命周期管理,可验收或驳回修复备件,处理不可修复备件。</p>
            <a href="#" class="text-blue-600 hover:underline mt-4 inline-block" onclick="jumpToPage('http://localhost:8081/maintenance/add')">查看详情</a>
        </div>

        <!-- 备件工单卡片 -->
        <div class="bg-gray-50 border border-gray-200 rounded p-6 hover:shadow-lg transition-shadow">
            <i class="fa-solid fa-list-check text-3xl text-red-600 mb-4"></i>
            <h2 class="text-xl font-bold mb-2">备件工单</h2>
            <p class="text-gray-700">支持查看备件工单各类信息,包括处理时间线、流程图及带水印维修照片。</p>
            <a href="#" class="text-blue-600 hover:underline mt-4 inline-block" onclick="jumpToPage('http://localhost:8081/work-order/api/spare-parts/work-order/details?id=1')">查看详情</a>
        </div>

        <!-- 返厂管理卡片 -->
        <div class="bg-gray-50 border border-gray-200 rounded p-6 hover:shadow-lg transition-shadow">
            <i class="fa-solid fa-truck text-3xl text-indigo-600 mb-4"></i>
            <h2 class="text-xl font-bold mb-2">返厂管理</h2>
            <p class="text-gray-700">支持故障备件返厂全生命周期管理,可查看备件及厂家信息,确认或报废备件。</p>
            <a href="#" class="text-blue-600 hover:underline mt-4 inline-block" onclick="jumpToPage('http://localhost:8081/return-to-factory/add')">查看详情</a>
        </div>

        <!-- 调拨记录卡片 -->
        <div class="bg-gray-50 border border-gray-200 rounded p-6 hover:shadow-lg transition-shadow">
            <i class="fa-solid fa-arrows-left-right text-3xl text-pink-600 mb-4"></i>
            <h2 class="text-xl font-bold mb-2">调拨记录</h2>
            <p class="text-gray-700">支持备件调拨管理,可对调拨备件进行审核、驳回。</p>
            <a href="#" class="text-blue-600 hover:underline mt-4 inline-block" onclick="jumpToPage('http://localhost:8081/transfer/add')">查看详情</a>
        </div>

        <!-- 报废记录卡片 -->
        <div class="bg-gray-50 border border-gray-200 rounded p-6 hover:shadow-lg transition-shadow">
            <i class="fa-solid fa-trash text-3xl text-gray-600 mb-4"></i>
            <h2 class="text-xl font-bold mb-2">报废记录</h2>
            <p class="text-gray-700">支持故障备件报废管理,可对报废备件进行审核、驳回。</p>
            <a href="#" class="text-blue-600 hover:underline mt-4 inline-block" onclick="jumpToPage('http://localhost:8081/scrap/add')">查看详情</a>
        </div>

        <!-- 库存管理卡片 -->
        <div class="bg-gray-50 border border-gray-200 rounded p-6 hover:shadow-lg transition-shadow">
            <i class="fa-solid fa-boxes text-3xl text-lime-600 mb-4"></i>
            <h2 class="text-xl font-bold mb-2">库存管理</h2>
            <p class="text-gray-700">支持备件库存管理,可批量导入,设置库存上下限,记录备件全生命周期信息。</p>
            <a href="#" class="text-blue-600 hover:underline mt-4 inline-block" onclick="jumpToPage('http://localhost:8081/inventory/settings')">查看详情</a>
        </div>
    </div>
</div>

© 2025 备件管理系统. 保留所有权利

通过对导航栏以及卡片区的地址进行更改,实现了页面的跳转
posted @ 2025-04-30 01:13  Lomook  阅读(10)  评论(0)    收藏  举报