| <!DOCTYPE html> |
| <html lang="en"> |
| <head> |
| <meta charset="UTF-8"> |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> |
| <title>Production Plan</title> |
| <script src="https://cdn.tailwindcss.com"></script> |
| <script src="https://unpkg.com/feather-icons"></script> |
| </head> |
| <body class="min-h-screen bg-gray-50"> |
| |
| <div class="fixed top-0 left-0 right-0 bg-white shadow-sm z-10 p-4 flex items-center"> |
| <a href="welders.html" class="mr-4 text-gray-600 hover:text-gray-800"> |
| <i data-feather="home"></i> |
| </a> |
| <h1 class="text-xl font-semibold">Production Plan</h1> |
| </div> |
|
|
| |
| <div class="mt-16 p-4"> |
| <div class="bg-white rounded-lg shadow p-4"> |
| <div class="flex mb-2"> |
| <input type="text" placeholder="Article" class="flex-1 p-2 border rounded-l"> |
| <input type="number" placeholder="Qty" class="w-20 p-2 border-t border-b"> |
| <button class="bg-blue-500 text-white px-4 rounded-r flex items-center"> |
| <i data-feather="plus" class="mr-2"></i>Add |
| </button> |
| </div> |
| </div> |
| </div> |
|
|
| |
| <div class="p-4 space-y-4 mb-24"> |
| |
| <div class="bg-white rounded-lg shadow overflow-hidden completed-plan"> |
| <div class="p-4"> |
| <div class="flex items-center"> |
| <div class="flex-1"> |
| <div class="font-medium">HT637</div> |
| </div> |
| <div class="text-green-500 font-medium">6/6</div> |
| </div> |
| <div class="mt-2 text-sm text-gray-500"> |
| <div>Johnson: 2, Smith: 2, Williams: 2</div> |
| </div> |
| </div> |
| </div> |
|
|
| |
| <div class="bg-white rounded-lg shadow overflow-hidden"> |
| <div class="p-4"> |
| <div class="flex items-center"> |
| <div class="flex-1"> |
| <div class="font-medium">HT52</div> |
| </div> |
| <div class="text-gray-500">3/∞</div> |
| </div> |
| <div class="mt-2 text-sm text-gray-500"> |
| <div>Johnson: 1, Williams: 2</div> |
| </div> |
| </div> |
| </div> |
| </div> |
|
|
| |
| <div class="fixed bottom-0 left-0 right-0 bg-white shadow-md z-10 p-4"> |
| <div class="font-medium mb-2 text-gray-700">Norms</div> |
| <div class="flex"> |
| <input type="text" placeholder="Article" class="flex-1 p-2 border rounded-l"> |
| <input type="text" placeholder="Time norm" class="w-24 p-2 border-t border-b"> |
| <button class="bg-gray-600 text-white px-4 rounded-r flex items-center"> |
| <i data-feather="plus" class="mr-2"></i>Add |
| </button> |
| </div> |
| </div> |
|
|
| <script> |
| feather.replace(); |
| </script> |
| </body> |
| </html> |
