软工随笔（软件工程日报）

今天制作了一个备件仓库管理的web页面
`

<head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <script src="https://cdn.tailwindcss.com"></script> <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css" rel="stylesheet"> <title>综合备件管理系统</title> </head>

综合备件管理系统

<!-- 查询异常备件信息 -->
<div class="bg-white p-6 rounded shadow mb-6">
    <h2 class="text-xl font-bold mb-4">查询异常备件信息</h2>
    <button id="queryAbnormalButton"
            class="bg-blue-500 hover:bg-blue-600 text-white py-2 px-4 rounded">查询异常备件</button>
    <ul id="abnormalSparePartsList" class="mt-4"></ul>
</div>

<!-- 更新备件状态 -->
<div class="bg-white p-6 rounded shadow mb-6">
    <h2 class="text-xl font-bold mb-4">更新备件状态</h2>
    <input type="text" id="sparePartIdInput" placeholder="备件 ID"
           class="border border-gray-300 p-2 rounded w-1/3 mr-2">
    <input type="text" id="newStatusInput" placeholder="新的状态"
           class="border border-gray-300 p-2 rounded w-1/3 mr-2">
    <button id="updateStatusButton"
            class="bg-green-500 hover:bg-green-600 text-white py-2 px-4 rounded">更新状态</button>
    <p id="updateResult" class="mt-2 text-gray-600"></p>
</div>

<!-- 查询故障备件工单列表 -->
<div class="bg-white p-6 rounded shadow mb-6">
    <h2 class="text-xl font-bold mb-4">查询故障备件工单列表</h2>
    <button id="queryWorkOrdersButton"
            class="bg-yellow-500 hover:bg-yellow-600 text-white py-2 px-4 rounded">查询工单列表</button>
    <ul id="workOrdersList" class="mt-4"></ul>
</div>

<!-- 插入故障备件工单 -->
<div class="bg-white p-6 rounded shadow mb-6">
    <h2 class="text-xl font-bold mb-4">插入故障备件工单</h2>
    <input type="text" id="newSparePartId" placeholder="备件 ID"
           class="border border-gray-300 p-2 rounded w-1/3 mr-2">
    <input type="text" id="newSparePartName" placeholder="备件名称"
           class="border border-gray-300 p-2 rounded w-1/3 mr-2">
    <input type="text" id="newSparePartType" placeholder="备件类型"
           class="border border-gray-300 p-2 rounded w-1/3 mr-2">
    <button id="insertWorkOrderButton"
            class="bg-purple-500 hover:bg-purple-600 text-white py-2 px-4 rounded">插入工单</button>
    <p id="insertResult" class="mt-2 text-gray-600"></p>
</div>

<!-- 更新工单处理状态 -->
<div class="bg-white p-6 rounded shadow mb-6">
    <h2 class="text-xl font-bold mb-4">更新工单处理状态</h2>
    <input type="text" id="workOrderIdInput" placeholder="工单 ID"
           class="border border-gray-300 p-2 rounded w-1/3 mr-2">
    <input type="text" id="newWorkOrderStatusInput" placeholder="新的处理状态"
           class="border border-gray-300 p-2 rounded w-1/3 mr-2">
    <button id="updateWorkOrderStatusButton"
            class="bg-orange-500 hover:bg-orange-600 text-white py-2 px-4 rounded">更新状态</button>
    <p id="updateWorkOrderResult" class="mt-2 text-gray-600"></p>
</div>

<!-- 根据工单 ID 查询工单 -->
<div class="bg-white p-6 rounded shadow mb-6">
    <h2 class="text-xl font-bold mb-4">根据工单 ID 查询工单</h2>
    <input type="text" id="queryWorkOrderIdInput" placeholder="工单 ID"
           class="border border-gray-300 p-2 rounded w-1/3 mr-2">
    <button id="queryWorkOrderByIdButton"
            class="bg-pink-500 hover:bg-pink-600 text-white py-2 px-4 rounded">查询工单</button>
    <p id="queryWorkOrderResult" class="mt-2 text-gray-600"></p>
</div>

<!-- 根据工单 ID 删除工单 -->
<div class="bg-white p-6 rounded shadow">
    <h2 class="text-xl font-bold mb-4">根据工单 ID 删除工单</h2>
    <input type="text" id="deleteWorkOrderIdInput" placeholder="工单 ID"
           class="border border-gray-300 p-2 rounded w-1/3 mr-2">
    <button id="deleteWorkOrderButton"
            class="bg-red-500 hover:bg-red-600 text-white py-2 px-4 rounded">删除工单</button>
    <p id="deleteWorkOrderResult" class="mt-2 text-gray-600"></p>
</div>
</body> `
posted @ 2025-04-18 17:44  一只虎鲸  阅读(40)  评论(0)    收藏  举报