"use client" import { useState } from "react" import { format } from "date-fns" import { es } from "react-day-picker/locale" import { Example, ExampleWrapper } from "@/components/example" import { Button } from "@/components/ui/button" import { ButtonGroup } from "@/components/ui/button-group" import { Calendar } from "@/components/ui/calendar" import { Combobox, ComboboxContent, ComboboxEmpty, ComboboxInput, ComboboxItem, ComboboxList, } from "@/components/ui/combobox" import { Checkbox } from "@/components/ui/checkbox" import { Field, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle, } from "@/components/ui/field" import { Input } from "@/components/ui/input" import { InputGroup, InputGroupAddon, InputGroupInput, InputGroupText, } from "@/components/ui/input-group" import { Popover, PopoverContent, PopoverTrigger, } from "@/components/ui/popover" import { Select, SelectContent, SelectGroup, SelectItem, SelectTrigger, SelectValue, } from "@/components/ui/select" import { Table, TableBody, TableCell, TableFooter, TableHead, TableHeader, TableRow, } from "@/components/ui/table" import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs" import { Tag } from "@/components/ui/tag" import { Textarea } from "@/components/ui/textarea" import { IconPlaceholder } from "@/app/components/cards/icon-placeholder" const interventionTypes = [ { label: "Mantenimiento preventivo", value: "preventivo" }, { label: "Correctivo", value: "correctivo" }, { label: "Predictivo", value: "predictivo" }, { label: "Overhaul mayor", value: "overhaul" }, ] const fleet = [ "EXC-0142 · Caterpillar 336", "EXC-0198 · Komatsu PC210", "BUL-0031 · Caterpillar D6", "CAR-0077 · Volvo L120H", "MOT-0012 · John Deere 670G", "GRU-0004 · Liebherr 154 EC-H", ] const spareParts = [ { code: "1R-0750", name: "Filtro de combustible", qty: 2, price: 38.5 }, { code: "326-1644", name: "Filtro hidráulico", qty: 1, price: 96.0 }, { code: "8T-4121", name: "Perno de zapata", qty: 24, price: 4.25 }, ] function WorkOrder() { const [tab, setTab] = useState("datos") const [priority, setPriority] = useState("alta") const [scheduledAt, setScheduledAt] = useState( new Date(2026, 7, 3) ) const total = spareParts.reduce((sum, p) => sum + p.qty * p.price, 0) return ( setTab(v as string)}> Datos Repuestos Cierre Equipo Sin equipos coincidentes. {(item: string) => ( {item} )} Solo aparecen equipos con horómetro reportado en los últimos 30 días. Tipo de intervención Fecha programada } > {scheduledAt ? ( format(scheduledAt, "PPP", { locale: es }) ) : ( Selecciona una fecha )} No se programan intervenciones en domingo. Prioridad {["baja", "media", "alta", "crítica"].map((level) => ( ))} Crítica detiene la producción del frente de trabajo. Riesgos asociados

Energía almacenada Trabajo en altura Fluidos a presión Espacio confinado

Parte Descripción Cant. Subtotal {spareParts.map((part) => ( {part.code} {part.name} {part.qty} ${(part.qty * part.price).toFixed(2)} ))} Total repuestos ${total.toFixed(2)}

Agregar parte Cantidad Horas hombre h Parada de equipo h Trabajo realizado

Command Palette