Files
FRASA-CAS/apps/alta-clientes/src/forms/EmpleoCampos.tsx
Consult AS Technology ecd4edac02 feat: ecosistema FRASA — apps Cotizador, Alta Clientes, Cobranza y Landing
- Cotizador (/quote): 4 propuestas con formulas validadas del Excel, comparador,
  combobox de unidades, vigencia, PDF ANEXO A
- Alta Clientes (/client): wizard 8 pasos, validacion CURP RENAPO, OCR de INE,
  checklist de expediente, firma digital, 5 PDFs legales
- Cobranza (/pay): planes de enganche, mora, vista cobranza del dia, recibos PDF,
  bitacora, dashboard con filtros
- Landing (/): entrada al ecosistema
- Design system StudioBlank (monocromo, acento #1B4332) en las 4 apps
- 123 tests vitest
2026-08-21 22:27:36 +00:00

31 lines
1.4 KiB
TypeScript

import { CampoTexto, CampoSelect } from '../components/Campos'
import SectionCard from '../components/SectionCard'
import { TIPOS_EMPLEO, TIPOS_ECONOMIA } from '../data/constantes'
interface Props {
prefix: string
}
/** Campos de datos de empleo; reutilizable con prefijo (cliente y co-acreditado) */
export default function EmpleoCampos({ prefix }: Props) {
const p = (campo: string) => `${prefix}${campo}`
return (
<SectionCard titulo="Datos de empleo">
<CampoSelect nombre={p('tipoEmpleo')} etiqueta="Tipo de empleo" opciones={TIPOS_EMPLEO} />
<CampoSelect nombre={p('tipoEconomia')} etiqueta="Tipo de economía" opciones={TIPOS_ECONOMIA} />
<CampoTexto nombre={p('compania')} etiqueta="Compañía" />
<CampoTexto nombre={p('antiguedadAnios')} etiqueta="Antigüedad (años)" />
<CampoTexto nombre={p('antiguedadMeses')} etiqueta="Antigüedad (meses)" />
<CampoTexto nombre={p('codigoPostal')} etiqueta="Código postal" />
<CampoTexto nombre={p('direccion')} etiqueta="Dirección" className="sm:col-span-2" />
<CampoTexto nombre={p('colonia')} etiqueta="Colonia" />
<CampoTexto nombre={p('numero')} etiqueta="Número" />
<CampoTexto nombre={p('puesto')} etiqueta="Puesto" />
<CampoTexto nombre={p('telefono')} etiqueta="Teléfono" />
<CampoTexto nombre={p('ext')} etiqueta="Ext." />
<CampoTexto nombre={p('delegacion')} etiqueta="Delegación" />
</SectionCard>
)
}