\r\n
\r\n\r\n {payLoadLocal === null ?\r\n \r\n \r\n
\r\n\r\n \r\n {props.title}\r\n
\r\n \r\n
\r\n :\r\n <>\r\n {traducirPagina(\"Msg_sin_info_usuario\")}
\r\n\r\n\r\n \r\n\r\n
\r\n
\r\n \r\n
\r\n }\r\n \r\n {traducirPagina(\"Sin_idioma\")}
\r\n\r\n \r\n
\r\n\r\n
\r\n \r\n \r\n guardarEstadoFormulario(e)} />\r\n \r\n
\r\n
\r\n \r\n \r\n
\r\n \r\n }\r\n \r\n\r\n )\r\n}\r\n\r\nFichaPerfil.propTypes = {\r\n title: PropTypes.string,\r\n ID_USUARIO: PropTypes.number,\r\n ABRIR_FICHA: PropTypes.bool,\r\n CERRAR_FICHA: PropTypes.func\r\n\r\n};\r\n\r\nconst mapStateToProps = (state, props) => {\r\n return {\r\n configApp: state.configApp,\r\n props: props,\r\n\r\n };\r\n}\r\n\r\nexport default connect(mapStateToProps)(FichaPerfil);","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { connect } from 'react-redux';\r\n\r\nimport { MDBNav, MDBNavItem, MDBNavLink, MDBTabPane, MDBTabContent, MDBCol, MDBRow, MDBTable, MDBTableHead, MDBTableBody } from 'mdbreact';\r\nimport { Drawer } from 'antd';\r\nimport { traducirPagina } from '../librerias/funciones';\r\nconst FichaSeleccionVehiculo = ({ props, configApp }) => {\r\n const [activeItemOuterTabs, setActiveItemOuterTabs] = React.useState(\"1\");\r\n let datosCochePorMatricula = props.DATOS_COCHE;\r\n\r\n\r\n return (\r\n \r\n
\r\n\r\n\r\n \r\n \r\n
\r\n\r\n \r\n {props.title}\r\n
\r\n \r\n \r\n \r\n \r\n\r\n \r\n setActiveItemOuterTabs(\"1\")} role=\"tab\">{traducirPagina(\"Identificacion\")} \r\n \r\n\r\n \r\n setActiveItemOuterTabs(\"2\")} role=\"tab\" >DGT \r\n \r\n\r\n \r\n setActiveItemOuterTabs(\"3\")} role=\"tab\">{traducirPagina(\"Ficha_tecnica\")} \r\n \r\n \r\n\r\n \r\n \r\n \r\n\r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n\r\n \r\n \r\n \r\n\r\n \r\n \r\n
\r\n\r\n\r\n\r\n \r\n\r\n );\r\n}\r\n\r\n\r\n\r\n\r\nFichaSeleccionVehiculo.propTypes = {\r\n ABRIR_FICHA: PropTypes.bool,\r\n CERRAR_FICHA: PropTypes.func,\r\n DATOS_COCHE: PropTypes.object,\r\n VEHICULO_SELECCIONADO: PropTypes.func\r\n};\r\n\r\nconst mapStateToProps = (state, props) => {\r\n return {\r\n props: props,\r\n configApp: state.configApp\r\n\r\n };\r\n}\r\n\r\nexport default connect(mapStateToProps)(FichaSeleccionVehiculo);","import React from 'react';\r\nimport { connect } from 'react-redux';\r\nimport PropTypes from 'prop-types';\r\nimport { recortarCadena, descargarFicheroPasandoBase64 } from '../librerias/funciones'\r\n\r\nimport {\r\n CloseOutlined, DownloadOutlined\r\n\r\n} from '@ant-design/icons';\r\n\r\nimport { Drawer } from 'antd';\r\n\r\nconst VisorGenerico = ({ props, configApp }) => {\r\n const [descarga, setDescarga] = React.useState(false);\r\n\r\n\r\n return (\r\n <>\r\n {props.PROPIEDADES_DOC.TIPO_DOCUMENTO === \"IMG\" ?\r\n props.ABRIR_VISOR ?\r\n \r\n\r\n \r\n {Object.keys(datosCochePorMatricula).length > 0 ?\r\n datosCochePorMatricula.IDENTIFICACION_VEHICULO !== null && datosCochePorMatricula.IDENTIFICACION_VEHICULO !== undefined ?\r\n \r\n {datosCochePorMatricula.Matricula !== null ?\r\n \r\n {traducirPagina(\"Matricula\")} \r\n {datosCochePorMatricula.Matricula.Matricula} \r\n \r\n : null\r\n }\r\n \r\n {(traducirPagina(\"Bastidor\"))} \r\n {datosCochePorMatricula.IDENTIFICACION_VEHICULO.BASTIDOR} \r\n {/* {} */}\r\n \r\n\r\n\r\n \r\n {`${traducirPagina(\"Fecha\")} 1º ${(traducirPagina(\"Matricula\").toLowerCase())}`} \r\n {datosCochePorMatricula.IDENTIFICACION_VEHICULO.FECHA1ªMATRÍCULA} \r\n \r\n \r\n {traducirPagina(\"Fecha_de_matriculacion\")} \r\n {datosCochePorMatricula.IDENTIFICACION_VEHICULO.FECHAMATRÍCULA} \r\n \r\n \r\n {traducirPagina(\"Marca\")} \r\n {datosCochePorMatricula.IDENTIFICACION_VEHICULO.MARCA} \r\n \r\n \r\n {traducirPagina(\"Mercado\")} \r\n {datosCochePorMatricula.IDENTIFICACION_VEHICULO.MERCADO} \r\n \r\n \r\n {traducirPagina(\"Modelo\")} \r\n {datosCochePorMatricula.IDENTIFICACION_VEHICULO.MODELO} \r\n \r\n \r\n {traducirPagina(\"Modelo_generico\")} \r\n {datosCochePorMatricula.IDENTIFICACION_VEHICULO.MODELOGENÉRICO} \r\n \r\n \r\n {traducirPagina(\"Numero_de_transmisiones\")} \r\n {datosCochePorMatricula.IDENTIFICACION_VEHICULO.NÚMERODETRANSMISIONES} \r\n \r\n \r\n {traducirPagina(\"Procedencia\")} \r\n {datosCochePorMatricula.IDENTIFICACION_VEHICULO.PROCEDENCIA} \r\n \r\n \r\n {traducirPagina(\"Provincia_matricula\")} \r\n {datosCochePorMatricula.IDENTIFICACION_VEHICULO.PROVINCIAMATRÍCULA} \r\n \r\n \r\n {traducirPagina(\"Segmento\")} \r\n {datosCochePorMatricula.IDENTIFICACION_VEHICULO.SEGMENTO} \r\n \r\n \r\n :\r\n null\r\n :\r\n null\r\n }\r\n \r\n\r\n\r\n
\r\n {traducirPagina(\"Datos_tecnicos\")}
\r\n\r\n
\r\n \r\n \r\n \r\n {Object.keys(datosCochePorMatricula).length > 0 ?\r\n datosCochePorMatricula.DATOSTECNICOSDGT !== null && datosCochePorMatricula.DATOSTECNICOSDGT !== undefined ?\r\n \r\n \r\n {traducirPagina(\"Cilindrada\")} \r\n {datosCochePorMatricula.DATOSTECNICOSDGT.CILINDRADA} \r\n \r\n \r\n CO2 \r\n {datosCochePorMatricula.DATOSTECNICOSDGT.CO2} \r\n \r\n \r\n {traducirPagina(\"Combustible\")} \r\n {datosCochePorMatricula.DATOSTECNICOSDGT.COMBUSTIBLE} \r\n \r\n \r\n KW \r\n {datosCochePorMatricula.DATOSTECNICOSDGT.KW} \r\n \r\n \r\n {traducirPagina(\"Marca\")} \r\n {datosCochePorMatricula.DATOSTECNICOSDGT.MARCA} \r\n \r\n \r\n {traducirPagina(\"Modelo\")} \r\n {datosCochePorMatricula.DATOSTECNICOSDGT.MODELO} \r\n \r\n \r\n {traducirPagina(\"Peso_maximo\")} \r\n {datosCochePorMatricula.DATOSTECNICOSDGT.PESOMAXIMO} \r\n \r\n \r\n {traducirPagina(\"Plazas\")} \r\n {datosCochePorMatricula.DATOSTECNICOSDGT.PLAZAS} \r\n \r\n \r\n {traducirPagina(\"Potencia_fiscal\")} \r\n {datosCochePorMatricula.DATOSTECNICOSDGT.POTENCIAFISCAL} \r\n \r\n \r\n {traducirPagina(\"Potencia_aproximada\")} \r\n {datosCochePorMatricula.DATOSTECNICOSDGT.POTENCIAREALAPROX} \r\n \r\n \r\n {traducirPagina(\"Tara\")} \r\n {datosCochePorMatricula.DATOSTECNICOSDGT.TARA} \r\n \r\n \r\n {traducirPagina(\"Tipo\")} \r\n {datosCochePorMatricula.DATOSTECNICOSDGT.TIPO} \r\n \r\n \r\n {traducirPagina(\"Variante\")} \r\n {datosCochePorMatricula.DATOSTECNICOSDGT.VARIANTE} \r\n \r\n \r\n {traducirPagina(\"Version\")} \r\n {datosCochePorMatricula.DATOSTECNICOSDGT.VERSION} \r\n \r\n \r\n :\r\n null\r\n :\r\n null\r\n }\r\n \r\n \r\n
\r\n {traducirPagina(\"Datos_tecnicos\")}
\r\n\r\n
\r\n \r\n \r\n \r\n {Object.keys(datosCochePorMatricula).length > 0 ?\r\n datosCochePorMatricula.FICHATECNICA !== null && datosCochePorMatricula.FICHATECNICA != undefined ?\r\n \r\n\r\n \r\n {traducirPagina(\"Carroceria\")} \r\n {datosCochePorMatricula.FICHATECNICA.CARROCERIA} \r\n \r\n \r\n {traducirPagina(\"CAT_HOMOLOGACIÓN\")} \r\n {datosCochePorMatricula.FICHATECNICA.CAT_HOMOLOGACION} \r\n \r\n \r\n {traducirPagina(\"Cilindrada\")} \r\n {datosCochePorMatricula.FICHATECNICA.CILINDRADA} \r\n \r\n \r\n {traducirPagina(\"Clasif_Industria\")} \r\n {datosCochePorMatricula.FICHATECNICA.CLASIF_INDUSTRIA} \r\n \r\n \r\n CO2 \r\n {datosCochePorMatricula.FICHATECNICA.CO2} \r\n \r\n \r\n {traducirPagina(\"Codigos_ECO\")} \r\n {datosCochePorMatricula.FICHATECNICA.CODIGOS_ECO} \r\n \r\n \r\n {traducirPagina(\"Combustible\")} \r\n {datosCochePorMatricula.FICHATECNICA.COMBUSTIBLE} \r\n \r\n \r\n {traducirPagina(\"Consumo\")} \r\n {datosCochePorMatricula.FICHATECNICA.CONSUMO} \r\n \r\n \r\n {traducirPagina(\"Contrasenia_homologacion\")} \r\n {datosCochePorMatricula.FICHATECNICA.CONTRASENA_HOLOMOGACION} \r\n \r\n \r\n {\"Denominacion_comercial\"} \r\n {datosCochePorMatricula.FICHATECNICA.DENOMINACION_COMERCIAL} \r\n \r\n \r\n {traducirPagina(\"Dist_ejes\")} \r\n {datosCochePorMatricula.FICHATECNICA.DIST_ENTRE_EJES} \r\n \r\n \r\n {traducirPagina(\"ECO_innova\")} \r\n {datosCochePorMatricula.FICHATECNICA.ECO_INNOVA} \r\n \r\n \r\n {traducirPagina(\"Fabricante\")} \r\n {datosCochePorMatricula.FICHATECNICA.FABRICANTE} \r\n \r\n \r\n KW \r\n {datosCochePorMatricula.FICHATECNICA.KW} \r\n \r\n \r\n {traducirPagina(\"Marca\")} \r\n {datosCochePorMatricula.FICHATECNICA.MARCA} \r\n \r\n \r\n {traducirPagina(\"Masa_carga\")} \r\n {datosCochePorMatricula.FICHATECNICA.MASA_MAX_CARGA} \r\n \r\n \r\n {traducirPagina(\"Masa_vehiculo_servicio\")} \r\n {datosCochePorMatricula.FICHATECNICA.MASA_VEHICULO_SERVICIO} \r\n \r\n \r\n {traducirPagina(\"Nivel_emisiones\")} \r\n {datosCochePorMatricula.FICHATECNICA.NIVEL_EMISIONES} \r\n \r\n \r\n {traducirPagina(\"Num_pie\")} \r\n {datosCochePorMatricula.FICHATECNICA.NUM_PLAZAS_DE_PIE} \r\n \r\n \r\n {traducirPagina(\"Peso_maximo\")} \r\n {datosCochePorMatricula.FICHATECNICA.PESOMAXIMO} \r\n \r\n \r\n {traducirPagina(\"Plazas\")} \r\n {datosCochePorMatricula.FICHATECNICA.PLAZAS} \r\n \r\n \r\n {traducirPagina(\"Potencia_fiscal\")} \r\n {datosCochePorMatricula.FICHATECNICA.POTENCIAFISCAL} \r\n \r\n \r\n {traducirPagina(\"Potencia_aprox\")} \r\n {datosCochePorMatricula.FICHATECNICA.POTENCIAREALAPROX} \r\n \r\n \r\n {traducirPagina(\"Procedencia\")} \r\n {datosCochePorMatricula.FICHATECNICA.PROCEDENCIA} \r\n \r\n \r\n {traducirPagina(\"Reduccion_eco\")} \r\n {datosCochePorMatricula.FICHATECNICA.REDUCCION_ECO} \r\n \r\n \r\n {traducirPagina(\"Relacion_potencia_peso\")} \r\n {datosCochePorMatricula.FICHATECNICA.RELACION_POTENCIA_PESO} \r\n \r\n \r\n {traducirPagina(\"Tara\")} \r\n {datosCochePorMatricula.FICHATECNICA.TARA} \r\n \r\n \r\n {traducirPagina(\"Tipo\")} \r\n {datosCochePorMatricula.FICHATECNICA.TIPO} \r\n \r\n \r\n {traducirPagina(\"Tipo_alimentacion\")} \r\n {datosCochePorMatricula.FICHATECNICA.TIPO_ALIMENTACION} \r\n \r\n \r\n {traducirPagina(\"Variante\")} \r\n {datosCochePorMatricula.FICHATECNICA.VARIANTE} \r\n \r\n \r\n {traducirPagina(\"Version\")} \r\n {datosCochePorMatricula.FICHATECNICA.VERSION} \r\n \r\n \r\n {traducirPagina(\"Via_anterior\")} \r\n {datosCochePorMatricula.FICHATECNICA.VIA_ANTERIOR} \r\n \r\n \r\n {traducirPagina(\"Via_posterior\")} \r\n {datosCochePorMatricula.FICHATECNICA.VIA_POSTERIOR} \r\n \r\n \r\n :\r\n null\r\n :\r\n null\r\n }\r\n \r\n \r\n
\r\n {traducirPagina(\"Datos_tecnicos\")}
\r\n\r\n\r\n
\r\n \r\n\r\n \r\n \r\n \r\n {traducirPagina(\"Motor\")} \r\n {traducirPagina(\"Codigo\")} \r\n {traducirPagina(\"Modelo\")} \r\n {traducirPagina(\"Anio\")} \r\n KW \r\n CV \r\n CC \r\n {traducirPagina(\"Carroceria\")} \r\n \r\n \r\n\r\n \r\n {datosCochePorMatricula.VEHICULOS_TECDOC.map((row, i) =>\r\n \r\n {\r\n props.VEHICULO_SELECCIONADO(row)\r\n\r\n }} >{row.MOTORIZACION} \r\n\r\n {\r\n props.VEHICULO_SELECCIONADO(row)\r\n }}>{row.MOTORES === \"\" ? \"...\" : row.MOTORES} \r\n\r\n {\r\n props.VEHICULO_SELECCIONADO(row)\r\n }}>{row.MODELO === \"\" ? \"...\" : row.MODELO} \r\n\r\n {\r\n props.VEHICULO_SELECCIONADO(row)\r\n }}>{row.DESDE === \"\" ? \"...\" : row.DESDE} \r\n\r\n {\r\n props.VEHICULO_SELECCIONADO(row)\r\n }}>{row.KW === \"\" ? \"...\" : row.KW} \r\n {\r\n props.VEHICULO_SELECCIONADO(row)\r\n }}>{row.CV === \"\" ? \"...\" : row.CV} \r\n {\r\n props.VEHICULO_SELECCIONADO(row)\r\n }}>{row.CC === \"\" ? \"...\" : row.CC} \r\n {\r\n props.VEHICULO_SELECCIONADO(row)\r\n }}>{row.CARROCERIA === \"\" ? \"...\" : row.CARROCERIA}\r\n \r\n\r\n \r\n )}\r\n \r\n \r\n : \r\n\r\n :\r\n null\r\n }\r\n
\r\n {traducirPagina(\"Msg_vehiculo_descripcion\") }
\r\n {Object.keys(datosCochePorMatricula).length > 0 ?\r\n datosCochePorMatricula.VEHICULOS_TECDOC !== undefined && datosCochePorMatricula.VEHICULOS_TECDOC !== null ?\r\n\r\n\r\n
\r\n :\r\n null\r\n :\r\n\r\n \r\n\r\n
\r\n\r\n \r\n {\r\n props.CERRAR_VISOR(false);\r\n }}>
\r\n\r\n\r\n {props.MOSTRAR_BOTON_DESCARGA ?\r\n {\r\n if (!descarga) {\r\n // ObtenerArchivo(ID_ARCHIVO, NOMBRE_ARCHIVO, TIPO_ARCHIVO, EXTENSION_ARCHIVO)\r\n }\r\n }} style={{ width: '14%', color: descarga ? '#999' : '#fff' }} >\r\n {descarga ? \"Descargando ...\" : \"Descargar\"} \r\n
\r\n :\r\n null\r\n }\r\n\r\n\r\n \r\n {props.PROPIEDADES_DOC.URL === \"\" ?\r\n \r\n :\r\n 
\r\n }\r\n
\r\n \r\n
\r\n\r\n {props.PROPIEDADES_DOC.URL === \"\" ?\r\n \r\n \r\n
\r\n\r\n \r\n {configApp.width <= 900 ? recortarCadena(props.PROPIEDADES_DOC.TITULO.toUpperCase(), 20, \"...\") : props.PROPIEDADES_DOC.TITULO.toUpperCase()}\r\n
\r\n {props.MOSTRAR_BOTON_DESCARGA ?\r\n\r\n {\r\n if (!descarga) {\r\n // ObtenerArchivo(ID_ARCHIVO, NOMBRE_ARCHIVO, TIPO_ARCHIVO, EXTENSION_ARCHIVO)\r\n }\r\n\r\n }} style={{ width: '30%', margin: '0px 10px', fontSize: '16px', color: descarga ? '#999' : '#fff' }} >\r\n {descarga ? \"Descargando ...\" : \"Descargar\"} \r\n
\r\n :\r\n null\r\n }\r\n\r\n \r\n \r\n
\r\n\r\n\r\n }\r\n\r\n \r\n }\r\n\r\n\r\n \r\n )\r\n}\r\n\r\n\r\nVisorGenerico.propTypes = {\r\n title: PropTypes.string,\r\n ABRIR_VISOR: PropTypes.bool,\r\n CERRAR_VISOR: PropTypes.func,\r\n PROPIEDADES_DOC: PropTypes.object,\r\n ZOOM_DOCUMENTO: PropTypes.bool,\r\n MOSTRAR_BOTON_DESCARGA: PropTypes.bool,\r\n};\r\n\r\nconst mapStateToProps = (state, props) => {\r\n return {\r\n props: props,\r\n configApp: state.configApp,\r\n };\r\n}\r\n\r\nexport default connect(mapStateToProps)(VisorGenerico);","import PropTypes from 'prop-types';\r\nimport React from 'react';\r\nimport { connect } from 'react-redux';\r\nimport 'antd/dist/antd.css';\r\nimport { obtener_fabricantesEnAPI, obtener_modelosEnAPI, obtener_motorizacionesEnAPI, buscar_matriculaEnAPI, GetSmartPackEnAPI, GetDetalleSmartPackEnAPI } from \"../action/actionCreatorsRequests\";\r\n\r\nimport {\r\n traducirPagina, buscarVehiculoLocal\r\n} from \"../librerias/funciones\"\r\n\r\nimport FichaSeleccionVehiculo from './FichaSeleccionVehiculo'\r\nimport VisorGenerico from './VisorGenerico';\r\n\r\nimport {\r\n CalendarOutlined,\r\n EyeOutlined\r\n} from '@ant-design/icons';\r\nimport { Tabs, Select, Row, Col, Input, Collapse, Modal, Button, Drawer } from 'antd';\r\n\r\n\r\nconst { Option } = Select;\r\nconst { Search } = Input;\r\nconst { TabPane } = Tabs;\r\nconst { Panel } = Collapse;\r\n\r\n\r\nconst FichaBoletines = ({ props, configApp, HISTORIAL_VEHICULO }) => {\r\n const [hayReferencias, setHayReferencias] = React.useState(false);\r\n const [hayLicencias, seHayLicencias] = React.useState(false);\r\n const [txtMatricula, setTxtMatricula] = React.useState(\"\");\r\n const [marcas, setMarcas] = React.useState([]);\r\n const [modelos, setModelos] = React.useState([]);\r\n const [motores, setMotores] = React.useState([]);\r\n\r\n const [smartPack, setSmartPack] = React.useState([]);\r\n const [detalle, setObtenerDetalle] = React.useState([]);\r\n const [colapseSeleccionado, setColapseSeleccionado] = React.useState(0);\r\n const [tabPorDefecto, setTabPorDefecto] = React.useState(\"1\");\r\n const [fichaVehiculo, setFichaVehiculo] = React.useState(false);\r\n const [infoDGT, setInfoDGT] = React.useState(false);\r\n\r\n const [datosCoche, setDatosCoche] = React.useState({});\r\n const [cocheSeleccionado, setCocheSeleccionado] = React.useState({\r\n MARCA: 0,\r\n MODELO: 0,\r\n MOTOR: 0\r\n });\r\n\r\n\r\n const [abrirVisor, setabrirVisor] = React.useState(false);\r\n const [ficheroSeleccionado, setFicheroSeleccionado] = React.useState({});\r\n\r\n\r\n\r\n\r\n\r\n const buscarFabricanteAPI = (fabricante) => {\r\n obtener_fabricantesEnAPI(fabricante).then((fabricantes) => {\r\n if (fabricantes !== undefined) {\r\n if (fabricantes !== null && fabricantes.REGISTROS.length > 0) {\r\n setMarcas(fabricantes.REGISTROS)\r\n\r\n }\r\n } else {\r\n setMarcas(null)\r\n }\r\n })\r\n }\r\n\r\n\r\n const buscarModelosAPI = (fabricante) => {\r\n obtener_modelosEnAPI(fabricante).then((modelo) => {\r\n if (modelo !== undefined) {\r\n if (modelo !== null && modelo.REGISTROS.length > 0) {\r\n setModelos(modelo.REGISTROS)\r\n }\r\n } else {\r\n setModelos(null)\r\n }\r\n })\r\n }\r\n\r\n\r\n const buscarMotorizacionAPI = (modelo) => {\r\n obtener_motorizacionesEnAPI(modelo).then((motor) => {\r\n if (motor !== undefined) {\r\n if (motor !== null && motor.REGISTROS.length > 0) {\r\n setMotores(motor.REGISTROS)\r\n }\r\n } else {\r\n setMotores(null)\r\n }\r\n })\r\n }\r\n\r\n const limpiarCoche = () => {\r\n setModelos([]);\r\n setMotores([]);\r\n setSmartPack([]);\r\n cocheSeleccionado.MARCA = 0;\r\n cocheSeleccionado.MODELO = 0;\r\n cocheSeleccionado.MOTOR = 0;\r\n setCocheSeleccionado({ ...cocheSeleccionado })\r\n }\r\n\r\n const buscarMatricula = () => {\r\n\r\n limpiarCoche()\r\n //5497BNL\r\n if (txtMatricula !== undefined ? txtMatricula.trim().length > 0 : false) {\r\n buscar_matriculaEnAPI(txtMatricula).then(coche => {\r\n if (coche !== undefined) {\r\n if (coche !== null && coche.OK) {\r\n setDatosCoche(coche)\r\n if (coche.VEHICULOS_TECDOC.length === 0 && coche.MATRICULA !== null) {\r\n setInfoDGT(true)\r\n\r\n } else if (coche.VEHICULOS_TECDOC.length === 1) {\r\n vehiculoSeleccionado(coche.VEHICULOS_TECDOC[0])\r\n\r\n } else {\r\n setFichaVehiculo(true)\r\n }\r\n }\r\n }\r\n })\r\n }\r\n }\r\n\r\n const obtenerSmartPack = (motor) => {\r\n setSmartPack([])\r\n setColapseSeleccionado(0)\r\n GetSmartPackEnAPI(motor).then(registro => {\r\n if (registro !== undefined) {\r\n if (registro.BOLETINES !== null) {\r\n setSmartPack(registro.BOLETINES)\r\n } else {\r\n setSmartPack(null)\r\n }\r\n }\r\n })\r\n }\r\n\r\n\r\n const obtenerDetalles = (ID_SISTEMA, TIPO) => {\r\n if (ID_SISTEMA !== undefined) {\r\n setObtenerDetalle([])\r\n GetDetalleSmartPackEnAPI(ID_SISTEMA, TIPO).then((detalle) => {\r\n if (detalle !== undefined) {\r\n if (detalle.DETALLE !== null && detalle.DETALLE.length > 0) {\r\n setObtenerDetalle(detalle.DETALLE)\r\n } else {\r\n setObtenerDetalle(null)\r\n }\r\n }\r\n })\r\n }\r\n }\r\n\r\n\r\n const vehiculoSeleccionado = async (coche) => {\r\n let MOTOR_LOCAL = parseInt(coche.ID);\r\n\r\n let modelo = await obtener_modelosEnAPI(coche.ID_MARCA)\r\n if (modelo !== undefined) {\r\n if (modelo !== null && modelo.REGISTROS.length > 0) {\r\n setModelos(modelo.REGISTROS)\r\n }\r\n } else {\r\n setModelos(null)\r\n }\r\n\r\n let motor = await obtener_motorizacionesEnAPI(coche.ID_MODELO)\r\n if (motor !== undefined) {\r\n if (motor !== null && motor.REGISTROS.length > 0) {\r\n setMotores(motor.REGISTROS)\r\n }\r\n } else {\r\n setMotores(null)\r\n }\r\n\r\n setFichaVehiculo(false);\r\n\r\n cocheSeleccionado.MARCA = coche.ID_MARCA;\r\n cocheSeleccionado.MODELO = coche.ID_MODELO;\r\n cocheSeleccionado.MOTOR = MOTOR_LOCAL;\r\n\r\n obtenerSmartPack(MOTOR_LOCAL)\r\n setCocheSeleccionado({ ...cocheSeleccionado })\r\n }\r\n\r\n /*\r\n const obtenerVehiculoLocal = async () => {\r\n let VEHICULO = await buscarVehiculoLocal(0);\r\n VEHICULO.HISTORIAL_VEHICULO = HISTORIAL_VEHICULO\r\n\r\n const { MATRICULA, BASTIDOR, VEHICULO_TECDOC } = VEHICULO;\r\n if (Object.keys(VEHICULO_TECDOC).length > 0) {\r\n if (VEHICULO.HISTORIAL_VEHICULO.length === 3) {\r\n let ID_MARCA = VEHICULO.HISTORIAL_VEHICULO[0].id\r\n let ID_MODELO = VEHICULO.HISTORIAL_VEHICULO[1].id\r\n let ID_MOTOR = VEHICULO.HISTORIAL_VEHICULO[2].id\r\n\r\n VEHICULO_TECDOC.ID_MARCA = ID_MARCA\r\n VEHICULO_TECDOC.ID_MODELO = ID_MODELO\r\n\r\n setTxtMatricula(MATRICULA);\r\n vehiculoSeleccionado(VEHICULO_TECDOC);\r\n }\r\n }\r\n }\r\n */\r\n\r\n if (!hayReferencias && props.ABRIR_FICHA) {\r\n setHayReferencias(true);\r\n buscarFabricanteAPI(1)\r\n\r\n //buscarVehiculoLocal(33251);\r\n\r\n\r\n //obtenerVehiculoLocal();\r\n\r\n } else {\r\n if (!props.ABRIR_FICHA && hayReferencias) {\r\n setHayReferencias(false);\r\n }\r\n }\r\n\r\n\r\n return (\r\n \r\n {\r\n props.CERRAR_FICHA(false)\r\n }}\r\n visible={props.ABRIR_FICHA}\r\n placement={\"right\"}\r\n closable={false}\r\n bodyStyle={{ padding: '0px' }}\r\n style={{ color: '#fff' }}>\r\n\r\n\r\n \r\n {smartPack.map((registro, index) =>\r\n {registro.DESCRIPCION}} key={(index + 1)} >\r\n \r\n :\r\n detalle !== null ?\r\n detalle.length === 0 ?\r\n \r\n :\r\n \r\n }\r\n \r\n )\r\n }\r\n \r\n :\r\n \r\n }\r\n \r\n \r\n
\r\n \r\n )}\r\n \r\n :\r\n motores.length === 0 ?\r\n null\r\n :\r\n cocheSeleccionado.MOTOR === 0 ?\r\n null\r\n :\r\n \r\n
\r\n <>\r\n \r\n \r\n
\r\n\r\n \r\n {props.title}\r\n
\r\n \r\n\r\n
\r\n\r\n {smartPack !== null ?\r\n smartPack.length > 0 ?\r\n \r\n
\r\n\r\n \r\n {traducirPagina(\"Matricula\")} \r\n { setTxtMatricula(e.target.value) }}\r\n onSearch={(e) => {\r\n if (e === \"\") {\r\n limpiarCoche()\r\n } else {\r\n buscarMatricula(e);\r\n }\r\n\r\n }}\r\n />\r\n
\r\n\r\n \r\n {traducirPagina(\"Marca\")}\r\n {marcas !== undefined && marcas !== null && marcas.length > 0 ?\r\n {traducirPagina(\"Seleccione_marca\")} : cocheSeleccionado.MARCA}\r\n optionFilterProp=\"children\"\r\n size=\"large\"\r\n onChange={(e) => {\r\n setModelos([]);\r\n setMotores([]);\r\n setSmartPack([]);\r\n setTxtMatricula(\"\")\r\n\r\n if (e === undefined) {\r\n cocheSeleccionado.MARCA = 0;\r\n cocheSeleccionado.MODELO = 0;\r\n cocheSeleccionado.MOTOR = 0;\r\n setCocheSeleccionado({ ...cocheSeleccionado })\r\n\r\n } else {\r\n buscarModelosAPI(e)\r\n\r\n cocheSeleccionado.MARCA = e;\r\n cocheSeleccionado.MODELO = 0;\r\n cocheSeleccionado.MOTOR = 0;\r\n setCocheSeleccionado({ ...cocheSeleccionado })\r\n }\r\n }}\r\n filterOption={(input, option) =>\r\n option.props.children.toLowerCase().indexOf(input.toLowerCase()) >= 0\r\n }>\r\n {marcas.map(marca =>\r\n \r\n )\r\n }\r\n \r\n : null\r\n }\r\n\r\n
\r\n \r\n {traducirPagina(\"Modelo\")}\r\n 0 ? false : true}\r\n style={{ width: \"100%\", textAlign: 'left' }}\r\n value={cocheSeleccionado.MODELO === 0 ? {traducirPagina(\"Seleccione_modelo\")} : cocheSeleccionado.MODELO}\r\n\r\n optionFilterProp=\"children\"\r\n\r\n size=\"large\"\r\n onChange={(e) => {\r\n if (e === undefined) {\r\n cocheSeleccionado.MODELO = 0;\r\n setCocheSeleccionado({ ...cocheSeleccionado })\r\n } else {\r\n setTxtMatricula(\"\")\r\n setSmartPack([])\r\n buscarMotorizacionAPI(e)\r\n cocheSeleccionado.MOTOR = 0;\r\n cocheSeleccionado.MODELO = e;\r\n setCocheSeleccionado({ ...cocheSeleccionado })\r\n }\r\n }}\r\n filterOption={(input, option) =>\r\n option.props.children.toLowerCase().indexOf(input.toLowerCase()) >= 0\r\n }>\r\n {modelos !== undefined && modelos !== null && modelos.length > 0 ?\r\n modelos.map(modelo =>\r\n \r\n )\r\n :\r\n null\r\n }\r\n \r\n
\r\n \r\n {traducirPagina(\"Tipo_motor\")}\r\n 0 ? false : true}\r\n style={{ width: \"100%\", textAlign: 'left' }}\r\n value={cocheSeleccionado.MOTOR === 0 ? {traducirPagina(\"Seleccione_tipo_motor\")} : cocheSeleccionado.MOTOR}\r\n\r\n optionFilterProp=\"children\"\r\n\r\n size=\"large\"\r\n onChange={(e) => {\r\n if (e === undefined) {\r\n cocheSeleccionado.MOTOR = 0;\r\n setCocheSeleccionado({ ...cocheSeleccionado })\r\n } else {\r\n setTxtMatricula(\"\")\r\n obtenerSmartPack(e)\r\n\r\n cocheSeleccionado.MOTOR = e;\r\n setCocheSeleccionado({ ...cocheSeleccionado })\r\n }\r\n }\r\n }\r\n filterOption={(input, option) =>\r\n option.props.children.toLowerCase().indexOf(input.toLowerCase()) >= 0\r\n }>\r\n\r\n {motores !== undefined && motores !== null && motores.length > 0 ?\r\n motores.map(motor =>\r\n \r\n )\r\n :\r\n null\r\n }\r\n \r\n
\r\n \r\n \r\n { setColapseSeleccionado(e); obtenerDetalles(e, registro.CATEGORIA); }}\r\n className=\"site-collapse-custom-collapse\"\r\n bordered={false} activeKey={[colapseSeleccionado]}>\r\n\r\n {registro.SISTEMAS.map((subnodo, indice) =>\r\n \r\n
\r\n :\r\n \r\n
\r\n :\r\n registro.SISTEMAS.length > 0 ?\r\n {traducirPagina(\"Msg_sin_resultados\")}
\r\n {subnodo.DESCRIPCION}
\r\n \r\n
\r\n {subnodo.DESCRIPCION}
\r\n }\r\n key={subnodo.ID}\r\n\r\n >\r\n {subnodo === null ?\r\n {traducirPagina(\"Msg_sin_lubricantes\")}
- \r\n {detalle.map((tarea, indice) =>\r\n
- \r\n \r\n\r\n
1 ? { borderBottom: (detalle.length - 1) === indice ? \"\" : \"1px #dcdcdc solid\" } : {}}>\r\n
\r\n\r\n \r\n
\r\n \r\n\r\n \r\n\r\n \r\n\r\n{tarea.DESCRIPCION}\r\n\r\n {tarea.BOLETINES.map((boletin, i) =>\r\n <>\r\n{`${boletin.Texto} ${boletin.COMENTARIO !== null ? boletin.COMENTARIO : ``}`}\r\n\r\n {boletin.CODIGOEOBD !== null ?\r\n{boletin.CODIGOEOBD + \" \" + boletin.COMENTARIO}\r\n : null}\r\n {boletin.IMAGEN !== null ?\r\n{\r\n setabrirVisor(true);\r\n setFicheroSeleccionado({ TITULO: boletin.TEXTO === undefined || boletin.TEXTO === null ? \"VISTA PREVIA\" :boletin.TEXTO, TIPO_DOCUMENTO: \"IMG\", URL: boletin.IMAGEN, FICHERO: {} })\r\n }}>\r\n\r\n :\r\n null\r\n }\r\n \r\n )}\r\n\r\n\r\n
\r\n\r\n\r\n\r\n\r\n\r\n \r\n )}\r\n
{traducirPagina(\"Msg_sin_detalles\")}
\r\n
\r\n }\r\n\r\n\r\n\r\n \r\n \r\n\r\n\r\n\r\n\r\n\r\n {fichaVehiculo ?\r\n {traducirPagina(\"Msg_sin_resultados\")}
\r\n{traducirPagina(\"msgDGT_no_info_bastidor\")}
\r\n \r\n\r\n\r\n
\r\n\r\n\r\n \r\n \r\n
\r\n\r\n \r\n {props.title}\r\n
\r\n \r\n \r\n
\r\n\r\n \r\n\r\n )\r\n}\r\n\r\nFichaTutorial.propTypes = {\r\n title: PropTypes.string,\r\n ABRIR_FICHA: PropTypes.bool,\r\n CERRAR_FICHA: PropTypes.func\r\n\r\n};\r\n\r\nconst mapStateToProps = (state, props) => {\r\n return {\r\n configApp: state.configApp,\r\n props: props,\r\n\r\n };\r\n}\r\n\r\nexport default connect(mapStateToProps)(FichaTutorial);","import PropTypes from 'prop-types';\r\nimport React from 'react';\r\nimport { connect } from 'react-redux';\r\nimport 'antd/dist/antd.css';\r\nimport { obtener_haynes_urlEnAPI } from \"../action/actionCreatorsRequests\";\r\n\r\nimport {\r\n traducirPagina, buscarVehiculoLocal\r\n} from \"../librerias/funciones\"\r\n\r\nimport FichaSeleccionVehiculo from './FichaSeleccionVehiculo'\r\nimport VisorGenerico from './VisorGenerico';\r\n\r\nimport {\r\n CalendarOutlined,\r\n EyeOutlined\r\n} from '@ant-design/icons';\r\nimport { Tabs, Select, Row, Col, Input, Collapse, Modal, Button, Drawer } from 'antd';\r\n\r\n\r\nconst { Option } = Select;\r\nconst { Search } = Input;\r\nconst { TabPane } = Tabs;\r\nconst { Panel } = Collapse;\r\n\r\n\r\nconst FichaHaynes = ({ props, configApp, HISTORIAL_VEHICULO }) => {\r\n const [enlaceHaynes, setEnlaceHaynes] = React.useState(\"\");\r\n\r\n /*\r\n if (!hayEnlce && openDrawerHaynesPro && Object.keys(usuario).length > 0) {\r\n setHayEnlce(true)\r\n\r\n let idCocheTecdoc = fichaBusquedaVehiculo.historicapp.length === 0 ? 0:fichaBusquedaVehiculo.historicapp[2].id;\r\n\r\n loginHaynesProTouch(idCocheTecdoc).then(haynes => {\r\n if (haynes.OK) {\r\n setEnlaceHaynes(haynes.REDIRECT_URL);\r\n } else {\r\n setEnlaceHaynes(null)\r\n }\r\n })\r\n\r\n } else {\r\n if (!openDrawerHaynesPro && hayEnlce) {\r\n setEnlaceHaynes(\"\")\r\n setHayEnlce(false)\r\n }\r\n }\r\n*/\r\n \r\n React.useEffect(() => {\r\n obtener_haynes_urlEnAPI().then(haynes => {\r\n\r\n if (haynes.OK) {\r\n setEnlaceHaynes(haynes.REDIRECT_URL);\r\n } else {\r\n setEnlaceHaynes(null)\r\n }\r\n })\r\n\r\n }, [])\r\n\r\n\r\n\r\n\r\n return (\r\n \r\n {\r\n props.CERRAR_FICHA(false)\r\n }}\r\n visible={props.ABRIR_FICHA}\r\n placement={\"right\"}\r\n closable={false}\r\n bodyStyle={{ padding: '0px' }}\r\n style={{ color: '#fff' }}>\r\n\r\n \r\n :\r\n
\r\n )\r\n}\r\n\r\nFichaHaynes.propTypes = {\r\n TIPO: PropTypes.string,\r\n CERRAR: PropTypes.object,\r\n ABRIR_FICHA: PropTypes.bool,\r\n CERRAR_FICHA: PropTypes.func\r\n};\r\n\r\nconst mapStateToProps = (state, props) => {\r\n return {\r\n configApp: state.configApp,\r\n props: props,\r\n\r\n };\r\n}\r\n\r\nexport default connect(mapStateToProps)(FichaHaynes);","\r\nimport React from \"react\";\r\nimport store from '../store'\r\nimport PropTypes from 'prop-types';\r\nimport { connect } from 'react-redux';\r\n\r\nimport {\r\n changeDimensionsApp\r\n} from '../action/actionCreators';\r\nimport {\r\n LogoutEnAPI\r\n} from '../action/actionCreatorsRequests';\r\n\r\nimport { MDBNavbar, MDBNavbarNav, MDBNavItem, MDBDropdown, MDBDropdownToggle, MDBDropdownMenu, MDBDropdownItem } from 'mdbreact';\r\nimport FichaPerfil from \"../components/FichaPerfil\";\r\nimport FichaBoletines from \"../components/FichaBoletines\";\r\nimport FichaTutorial from \"../components/FichaTutorial\";\r\nimport {\r\n traducirPagina\r\n} from '../librerias/funciones'\r\nimport {\r\n SettingOutlined,\r\n ExportOutlined,\r\n FilterOutlined,\r\n BlockOutlined,\r\n VideoCameraOutlined,\r\n ReadOutlined\r\n} from '@ant-design/icons';\r\n\r\nimport history from '../history';\r\n\r\nimport {\r\n UserOutlined,\r\n FileDoneOutlined\r\n} from '@ant-design/icons';\r\nimport FichaHaynes from \"../components/FichaHaynes\";\r\n\r\nconst MasterPage = ({ configApp, props, usuario }) => {\r\n\r\n\r\n const [ABRIR_FICHA_BOLETINES, setABRIR_FICHA_BOLETINES] = React.useState(false)\r\n const [ABRIR_FICHA_HAYNES, setABRIR_FICHA_HAYNES] = React.useState(false)\r\n\r\n const [ABRIR_FICHA_PERFIL, setABRIR_FICHA_PERFIL] = React.useState(false)\r\n const [ABRIR_FICHA_TUTORIAL, setABRIR_FICHA_TUTORIAL] = React.useState(false)\r\n\r\n const { USUARIO } = usuario;\r\n\r\n const [dimensions, setDimensions] = React.useState({\r\n height: window.innerHeight,\r\n width: window.innerWidth\r\n })\r\n\r\n\r\n React.useEffect(() => {\r\n const handleResize = () => {\r\n setDimensions({\r\n height: window.innerHeight,\r\n width: window.innerWidth\r\n })\r\n store.dispatch(changeDimensionsApp(window.innerWidth, window.innerHeight));\r\n\r\n }\r\n\r\n window.addEventListener('resize', handleResize)\r\n }, [])\r\n\r\n\r\n const logOut = async () => {\r\n const data = await LogoutEnAPI();\r\n }\r\n\r\n\r\n\r\n if (configApp.height === 0) {\r\n store.dispatch(changeDimensionsApp(window.innerWidth, window.innerHeight));\r\n }\r\n\r\n\r\n\r\n if (history.location.pathname !== \"/\") {\r\n //store.dispatch(updateStateMasterPage(true))\r\n\r\n //verifico el estado del usuario en redux\r\n if (Object.keys(usuario).length === 0) {\r\n history.push(\"/\");\r\n store.dispatch({ type: \"STATE_REGISTRO_ITEM\", activeItemRegistro: {} })\r\n //store.dispatch(updateStateMasterPage(false))\r\n }\r\n }\r\n\r\n\r\n\r\n return (\r\n\r\n \r\n
\r\n\r\n\r\n {enlaceHaynes !== null ?\r\n enlaceHaynes === \"\" ?\r\n \r\n \r\n
\r\n\r\n \r\n {props.title}\r\n
\r\n {traducirPagina(\"Msg_haynespro\")}
\r\n \r\n \r\n\r\n : null}\r\n\r\n {ABRIR_FICHA_HAYNES ?\r\n \r\n \r\n\r\n : null}\r\n\r\n {ABRIR_FICHA_PERFIL ?\r\n \r\n \r\n\r\n : null}\r\n\r\n {\r\n ABRIR_FICHA_TUTORIAL ?\r\n \r\n \r\n :\r\n null\r\n }\r\n\r\n \r\n {/* */}\r\n\r\n
\r\n );\r\n}\r\n\r\n\r\nMasterPage.propTypes = {\r\n ABRIR_FICHA: PropTypes.bool,\r\n CERRAR_FICHA: PropTypes.func,\r\n\r\n};\r\n\r\nconst mapStateToProps = (state, props) => {\r\n return {\r\n props: props,\r\n search: state.searchValue,\r\n configApp: state.configApp,\r\n usuario: state.usuario,\r\n clienteSeleccionado: state.clienteSeleccionado,\r\n activeItemReferencia: state.activeItemReferencia,\r\n };\r\n}\r\n\r\nexport default connect(mapStateToProps)(MasterPage);\r\n\r\n\r\n\r\n\r\n\r\n","\r\nimport { connect } from 'react-redux';\r\nimport PropTypes from 'prop-types';\r\nimport React from 'react';\r\n\r\nimport { obtener_fabricantesEnAPI, obtener_modelosEnAPI, obtener_motorizacionesEnAPI } from \"../action/actionCreatorsRequests\";\r\nimport { MSGERROR, MSGOK, traducirPagina } from \"../librerias/funciones\"\r\nimport {\r\n SearchOutlined,\r\n CloseOutlined\r\n} from '@ant-design/icons';\r\nimport { Drawer } from 'antd';\r\n\r\nconst CP_FABRICANTES = (props) => {\r\n const filtrarFabricante = (palabraABuscar, marcas) => {\r\n let palabra = palabraABuscar;\r\n let resultado = [];\r\n if (palabraABuscar === undefined || palabraABuscar === \"\") {\r\n resultado = marcas;\r\n\r\n } else {\r\n let resultadoFiltro = marcas.filter((item) => {\r\n return item.DESCRIPCION.toUpperCase().includes(palabra.toUpperCase()) ||\r\n item.DESCRIPCION.toUpperCase() === palabra.toUpperCase()\r\n })\r\n\r\n if (resultadoFiltro.length > 0) {\r\n resultado = resultadoFiltro;\r\n } else {\r\n resultado = [];\r\n }\r\n }\r\n\r\n return resultado;\r\n }\r\n\r\n const modelarDatos = (marcas, textoBuscador) => {\r\n marcas = filtrarFabricante(textoBuscador, marcas);\r\n let listaMarca = [];\r\n let objetoNuevoMarcas = [];\r\n let contAux = 0;\r\n\r\n for (var i = 0; i < marcas.length; i++) {\r\n contAux += 1;\r\n if (contAux <= 3) {\r\n listaMarca.push({ \"ID\": marcas[i].ID, \"Marca\": marcas[i].DESCRIPCION })\r\n if ((marcas.length - 1) === i) {\r\n objetoNuevoMarcas.push({ \"lista\": listaMarca });\r\n }\r\n } else {\r\n objetoNuevoMarcas.push({ \"lista\": listaMarca });\r\n contAux = 0;\r\n listaMarca = []\r\n i = (i - 1)\r\n }\r\n }\r\n return objetoNuevoMarcas.length === 0 ? [] : objetoNuevoMarcas;\r\n }\r\n\r\n\r\n\r\n\r\n return (\r\n\r\n props.MARCAS === undefined || props.MARCAS === null ?\r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n {configApp.width <= 1300 ?\r\n \r\n \r\n \r\n :\r\n null}\r\n\r\n {USUARIO !== undefined ?\r\n USUARIO.CON_HAYNES ?\r\n \r\n \r\n \r\n :\r\n null\r\n :\r\n null\r\n }\r\n\r\n\r\n{/*\r\n \r\n \r\n \r\n\r\n */}\r\n\r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n { setABRIR_FICHA_PERFIL(true) }}> \r\n { window.open(\"https://download.anydesk.com/AnyDesk.exe\") }}> \r\n { window.open(\"https://download.teamviewer.com/download/TeamViewer_Setup_x64.exe\") }}> \r\n\r\n {window.location.hostname === \"supporte85-flexfuel.servicenext.eu\" ?\r\n { setABRIR_FICHA_TUTORIAL(true) }}> \r\n :\r\n null\r\n }\r\n\r\n\r\n\r\n\r\n {\r\n logOut();\r\n store.dispatch(\r\n {\r\n type: \"SET_SESION_USER\",\r\n usuario: {}\r\n }\r\n )\r\n history.push(\"/\");\r\n }} > \r\n \r\n \r\n\r\n \r\n \r\n
\r\n\r\n {ABRIR_FICHA_BOLETINES ?\r\n \r\n ![]()
\r\n TALLER\r\n
\r\n\r\n {traducirPagina(\"Msg_sin_resultados\")}
\r\n {item.lista.map((row, i) =>\r\n
\r\n )\r\n :\r\n {\r\n props.HISTORIAL_VEHICULO.POSICION_ACTUAL = 1;\r\n props.HISTORIAL_VEHICULO.DESCRIPCION_MARCA = row.Marca\r\n props.HISTORIAL_VEHICULO.ID_MARCA = row.ID;\r\n\r\n props.BUSCAR_MODELOS_API(row.ID);\r\n\r\n props.SET_HISTORIAL({ ...props.HISTORIAL_VEHICULO })\r\n props.SET_TXT_FILTRO(\"\")\r\n }} >\r\n {row.Marca}\r\n
\r\n )}\r\n {traducirPagina(\"Msg_sin_resultados\")}
| { }}>{traducirPagina(\"Modelo\")} | \r\n{ }}>{traducirPagina(\"Desde\")} | \r\n{traducirPagina(\"Hasta\")} | \r\n
|---|---|---|
| {registro.DESCRIPCION} | \r\n{registro.DESDE} | \r\n{registro.HASTA} | \r\n
{\"Sin datos\"}
| {traducirPagina(\"Motor\")} | \r\n{traducirPagina(\"Codigo\")} | \r\n{traducirPagina(\"Anio\")} | \r\n{\"kW\"} | \r\n{\"CV\"} | \r\n{\"CC\"} | \r\n
|---|---|---|---|---|---|
| {registro.DESCRIPCION} | \r\n{registro.MOTORES} | \r\n{registro.DESDE} | \r\n{registro.KW} | \r\n{registro.CV} | \r\n{registro.CC} | \r\n\r\n
\r\n
\r\n\r\n \r\n \r\n
\r\n\r\n \r\n {historialVehiculo.POSICION_ACTUAL === 0 ? props.title : historialVehiculo.POSICION_ACTUAL === 1 ? traducirPagina(\"Seleccione_modelo\").toUpperCase() : historialVehiculo.POSICION_ACTUAL === 2 ? traducirPagina(\"Seleccione_tipo_motor\").toUpperCase() : \"\"}\r\n
\r\n \r\n\r\n
\r\n\r\n \r\n
\r\n\r\n {/*\r\n \r\n {\r\n setTxtFiltro(e.target.value.trim() !== \"\" ? e.target.value : \"\")\r\n }} >\r\n
\r\n\r\n \r\n {txtFiltro !== \"\" ?\r\n {\r\n setTxtFiltro(\"\")\r\n\r\n }}> \r\n :\r\n null\r\n }\r\n\r\n
\r\n\r\n \r\n\r\n {\r\n // setAbrirFichaTecdoc(true)\r\n }}>\r\n
\r\n \r\n {historialVehiculo.DESCRIPCION_MARCA === \"\" ?\r\n null :\r\n \r\n {historialVehiculo.DESCRIPCION_MARCA}\r\n \r\n }\r\n\r\n {historialVehiculo.DESCRIPCION_MARCA === \"\" ?\r\n null :\r\n \r\n {historialVehiculo.DESCRIPCION_MODELO}\r\n \r\n }\r\n {historialVehiculo.DESCRIPCION_MARCA === \"\" ?\r\n null :\r\n \r\n {historialVehiculo.DESCRIPCION_MOTOR}\r\n \r\n }\r\n
\r\n */}\r\n \r\n
\r\n\r\n \r\n\r\n \r\n )\r\n}\r\n\r\nFichaVehiculoTecdoc.propTypes = {\r\n title: PropTypes.string,\r\n ID_TAREA: PropTypes.number,\r\n\r\n ABRIR_FICHA: PropTypes.bool,\r\n CERRAR_FICHA: PropTypes.func,\r\n REGISTRO_SELECCIONADO: PropTypes.object,\r\n ES_NUEVA_TAREA: PropTypes.bool,\r\n ACTUALIZAR_TABLA: PropTypes.func,\r\n FILTRO_FECHA: PropTypes.object,\r\n FILTROS: PropTypes.object,\r\n\r\n ACTUALIZAR_VEHICULO: PropTypes.func\r\n\r\n};\r\n\r\nconst mapStateToProps = (state, props) => {\r\n return {\r\n configApp: state.configApp,\r\n props: props,\r\n QUERY_USER: state.QUERY_USER\r\n\r\n };\r\n}\r\n\r\nexport default connect(mapStateToProps)(FichaVehiculoTecdoc);","\r\nimport { connect } from 'react-redux';\r\nimport PropTypes from 'prop-types';\r\nimport React from 'react';\r\nimport { MDBCard, MDBCardBody } from 'mdbreact';\r\n\r\nimport { obtener_fabricantesEnAPI, obtener_modelosEnAPI, obtener_imagen_vehiculoEnAPI, obtener_vehiculoEnAPI } from \"../action/actionCreatorsRequests\";\r\nimport { MSGERROR, MSGOK, traducirPagina } from \"../librerias/funciones\"\r\nimport {\r\n SearchOutlined,\r\n CloseOutlined\r\n} from '@ant-design/icons';\r\nimport { Drawer } from 'antd';\r\n\r\nconst FichaVehiculoTecdoc = ({ props, configApp }) => {\r\n const [vehiculo, setVehiculo] = React.useState({});\r\n const [imagenVehiculo, setImagenVehiculo] = React.useState(\"\");\r\n const [hayCliente, setHayCliente] = React.useState(false);\r\n\r\n\r\n const buscarImagenVehiculoEnAPI = async (ID_VEHICULO) => {\r\n setImagenVehiculo(\"\");\r\n const vehiculo = await obtener_imagen_vehiculoEnAPI(ID_VEHICULO);\r\n if (vehiculo !== undefined && vehiculo !== null && vehiculo.IMAGEN !== null) {\r\n setImagenVehiculo(vehiculo.IMAGEN);\r\n } else {\r\n setImagenVehiculo(null);\r\n }\r\n }\r\n\r\n\r\n const buscarVehiculoAPI = async (codmotorizacion) => {\r\n const resultado = await obtener_vehiculoEnAPI(codmotorizacion);\r\n\r\n if (resultado !== undefined && resultado !== null && resultado.REGISTRO !== undefined && resultado.REGISTRO !== null && Object.keys(resultado.REGISTRO).length > 0) {\r\n setVehiculo(resultado.REGISTRO);\r\n } else {\r\n setVehiculo(null);\r\n }\r\n }\r\n\r\n\r\n if (!hayCliente && props.ABRIR_FICHA) {\r\n setHayCliente(true);\r\n\r\n buscarVehiculoAPI(props.COD_MOTOR)\r\n buscarImagenVehiculoEnAPI(props.COD_MOTOR);\r\n\r\n } else {\r\n if (!props.ABRIR_FICHA && hayCliente) {\r\n setHayCliente(false);\r\n }\r\n }\r\n\r\n return (\r\n <>\r\n \r\n\r\n {historialVehiculo.POSICION_ACTUAL === 0 ?\r\n\r\n \r\n\r\n \r\n\r\n :\r\n\r\n historialVehiculo.POSICION_ACTUAL === 1 ?\r\n \r\n\r\n \r\n :\r\n historialVehiculo.POSICION_ACTUAL === 2 ?\r\n \r\n\r\n \r\n\r\n :\r\n null\r\n }\r\n
\r\n\r\n \r\n
\r\n\r\n \r\n \r\n
\r\n \r\n\r\n \r\n {props.title}\r\n
\r\n\r\n \r\n\r\n
\r\n\r\n\r\n\r\n \r\n \r\n {vehiculo !== null ?\r\n <>\r\n {\r\n vehiculo.MARCA === \"\" ?\r\n null :\r\n <>\r\n
\r\n \r\n {vehiculo.MARCA}\r\n
\r\n \r\n /\r\n
\r\n \r\n }\r\n \r\n {\r\n\r\n vehiculo.MODELO === \"\" ?\r\n null :\r\n <>\r\n \r\n {vehiculo.MODELO}\r\n
\r\n \r\n /\r\n
\r\n \r\n }\r\n {\r\n\r\n vehiculo.MOTORIZACION === \"\" ?\r\n null :\r\n \r\n {vehiculo.MOTORIZACION}\r\n \r\n }\r\n \r\n :\r\n null\r\n }\r\n\r\n\r\n \r\n
\r\n\r\n \r\n \r\n )\r\n}\r\n\r\nFichaVehiculoTecdoc.propTypes = {\r\n title: PropTypes.string,\r\n ABRIR_FICHA: PropTypes.bool,\r\n CERRAR_FICHA: PropTypes.func,\r\n COD_MOTOR: PropTypes.number,\r\n\r\n};\r\n\r\nconst mapStateToProps = (state, props) => {\r\n return {\r\n configApp: state.configApp,\r\n props: props,\r\n QUERY_USER: state.QUERY_USER\r\n\r\n };\r\n}\r\n\r\nexport default connect(mapStateToProps)(FichaVehiculoTecdoc);","\r\nimport { connect } from 'react-redux';\r\nimport PropTypes from 'prop-types';\r\n\r\nimport React from 'react';\r\nimport store from \"../store\";\r\n\r\nimport { obtener_configuracion_EnAPI, obtener_fabricantesEnAPI, obtener_modelosEnAPI, obtener_motorizacionesEnAPI, obtener_tipo_tareaEnAPI, obtener_grupo_montajeEnAPI, buscar_matriculaEnAPI, buscar_bastidorEnAPI, nueva_tareaEnAPI, obtener_registrosEnAPI, insertar_ficheroEnAPI, obtener_fichero_tecnico_EnAPI, obtener_fichero_taller_EnAPI, obtener_paises_EnAPI, obtener_imagen_vehiculoEnAPI, obtener_registros_taller_EnAPI, obtener_tarea_EnAPI, END_POINT_ACTUAL, obtener_conectorEnAPI } from \"../action/actionCreatorsRequests\";\r\nimport { MSGERROR, MSGOK, traducirPagina, verificarExtension, obtenerLicenciaLocal, generateUUID, descargarDocPasandoBase64Generico, convertirTextoBastidor, verificarMatricula } from \"../librerias/funciones\"\r\nimport { MDBCard, MDBCardBody } from 'mdbreact';\r\n\r\nimport {\r\n SaveOutlined,\r\n DeleteOutlined,\r\n PlusOutlined,\r\n CloudDownloadOutlined,\r\n EyeOutlined,\r\n SearchOutlined,\r\n CloseOutlined,\r\n FileImageOutlined\r\n} from '@ant-design/icons';\r\nimport { Select, Drawer, Modal, Button, Input, Row, Col, Tabs, Popover } from 'antd';\r\n\r\nimport FichaSeleccionVehiculo from './FichaSeleccionVehiculo';\r\n\r\nimport VisorGenerico from './VisorGenerico';\r\nimport FichaVehiculoTecdoc from './FichaVehiculoTecdoc';\r\nimport FichaDetalleVehiculo from './FichaDetalleVehiculo';\r\nconst { TabPane } = Tabs;\r\nconst { Search } = Input;\r\nconst { Option } = Select;\r\n\r\n\r\nconst FichaTarea = ({ props, configApp, QUERY_USER }) => {\r\n const [visible, setVisible] = React.useState(false);\r\n\r\n const [conector, setConector] = React.useState([]);\r\n\r\n const [seModificaBastidor, setSeModificaBastidor] = React.useState(false);\r\n\r\n const [hayCliente, setHayCliente] = React.useState(false);\r\n const [tabPorDefecto, setTabPorDefecto] = React.useState(\"1\");\r\n const [marcas, setMarcas] = React.useState([]);\r\n const [modelos, setModelos] = React.useState([]);\r\n const [motores, setMotores] = React.useState([]);\r\n const [paises, setPaises] = React.useState([]);\r\n const [configuracion, setConfiguracion] = React.useState([]);\r\n const [imagenVehiculo, setImagenVehiculo] = React.useState(\"\");\r\n const [tipoTarea, setTipoTarea] = React.useState([]);\r\n const [grupoMontaje, setGrupoMontaje] = React.useState([]);\r\n\r\n const [cocheDGT, setCocheDGT] = React.useState({});\r\n const [abrirSeleccionVehiculo, setAbrirSeleccionVehiculo] = React.useState(false);\r\n const [creandoTarea, setCreandoTarea] = React.useState(false);\r\n\r\n const [abrirModalInfoVeh, setAbrirModalInfoVeh] = React.useState(false);\r\n const [cocheSeleccionado, setCocheSeleccionado] = React.useState({\r\n MARCA: 0,\r\n MODELO: 0,\r\n MOTOR: 0,\r\n TIPO_TAREA: 0,\r\n GRUPO_MONTAJE: 0,\r\n CODIGO_MOTORES: []\r\n });\r\n const [ficherosTaller, setFicherosTaller] = React.useState([]);\r\n const [ficherosTecnico, setFicherosTecnico] = React.useState([]);\r\n\r\n const [abrirVisor, setAbrirVisor] = React.useState(false);\r\n\r\n const [abrirFichaTecdoc, setAbrirFichaTecdoc] = React.useState(false);\r\n const [abrirFichaDetalleVeh, setAbrirFichaDetalleVeh] = React.useState(false);\r\n\r\n\r\n const [ficheroSeleccionado, setFicheroSeleccionado] = React.useState({});\r\n const [archivosLocal, setArchivosLocal] = React.useState([]);\r\n const [loaderTarea, setLoaderTarea] = React.useState({\r\n LOADER_MATRICULA: false,\r\n LOADER_BASTIDOR: false\r\n });\r\n\r\n\r\n\r\n const obtenerConfig = (registros, NOMBRE) => {\r\n const config = {\r\n DESCRIPCION: \"\",\r\n ID_APP_CONFIGURACION: 0,\r\n NOMBRE_PARAMETRO: \"\",\r\n VALOR: \"\"\r\n }\r\n\r\n const data = registros.find((registros) => registros.NOMBRE_PARAMETRO === NOMBRE);\r\n if (data !== undefined) {\r\n const { DESCRIPCION, ID_APP_CONFIGURACION, NOMBRE_PARAMETRO, VALOR } = data;\r\n config.DESCRIPCION = DESCRIPCION;\r\n config.ID_APP_CONFIGURACION = ID_APP_CONFIGURACION;\r\n config.NOMBRE_PARAMETRO = NOMBRE_PARAMETRO;\r\n config.VALOR = VALOR\r\n }\r\n\r\n return config;\r\n }\r\n\r\n const gestionarFicheroLocal = (input) => {\r\n const url = input.value;\r\n const ext = url.substring(url.lastIndexOf('.') + 1).toLowerCase();\r\n //const { ES_EXTENSION_PERMITIDA } = verificarExtension(ext);\r\n const { VALOR, DESCRIPCION, TIPOS_ARCHIVOS } = obtenerConfig(configuracion, \"TAMANYO_MAXIMO_ARCHIVO\")\r\n\r\n //obtenerConfig(configuracion, \"TIPOS_ARCHIVOS\").VALOR\r\n let EXTENSIONES_PERMITIDAS = obtenerConfig(configuracion, \"TIPOS_ARCHIVOS\").VALOR\r\n let extension = EXTENSIONES_PERMITIDAS.replaceAll(\".\", \"\");\r\n let Lista_ext = extension.split(\",\");\r\n let existe_ext = Lista_ext.filter((registro) => registro.trim() === ext);\r\n\r\n\r\n if (input.files && input.files[0] && existe_ext.length > 0) {\r\n if (input.files[0].size <= parseInt(VALOR)) {\r\n const reader = new FileReader();\r\n reader.onload = (e) => {\r\n const registro =\r\n {\r\n ID: generateUUID(),\r\n NOMBRE: input.files[0].name,\r\n STATUS: 'pending',\r\n EXTENSION: ext,\r\n DATOS: e.target.result,\r\n TYPE: input.files[0].type,\r\n PROPIEDADES_FICHERO: verificarExtension(ext)\r\n }\r\n\r\n setArchivosLocal([...archivosLocal, registro])\r\n input.value = '';\r\n }\r\n reader.readAsDataURL(input.files[0]);\r\n } else {\r\n MSGERROR(DESCRIPCION, \"botton-right\")\r\n }\r\n } else {\r\n MSGERROR(traducirPagina(\"Archivo_no_permitido\"), \"botton-right\")\r\n input.value = '';\r\n }\r\n }\r\n\r\n\r\n const eliminarFichero = (fichero) => {\r\n let registros = archivosLocal.filter((registro) => registro.ID !== fichero.ID);\r\n\r\n setArchivosLocal([...registros])\r\n }\r\n\r\n\r\n const [payLoadLocal, setPayLoadLocal] = React.useState(\r\n {\r\n ID_MAE_PAIS_TAREA: 1,//id desplegable paises\r\n MATRICULA_PAIS: \"E\",// desplegable paises\r\n\r\n ID_VEHICULO_TECDOC: 0,\r\n MATRICULA_MARCA_ID: 0,\r\n MATRICULA_MODELO_ID: 0,\r\n MATRICULA_MOTOR_ID: 0,\r\n BASTIDOR: \"\",\r\n MATRICULA: \"\",\r\n MATRICULA_MARCA: \"\",\r\n MATRICULA_MODELO: \"\",\r\n MATRICULA_MOTOR: \"\",\r\n MATRICULA_CODIGO_MOTOR: \"\",\r\n\r\n ID_MAE_PLATAFORMA: \"3\",\r\n ID_MAE_GRUPO_MONTAJE: \"\",//desplegable\r\n ID_MAE_PRIORIDAD_TAREA: \"3\",\r\n ID_MAE_TIPO_TAREA: \"\",//Poner desplegable\r\n\r\n TEXTO: \"\",\r\n CODIGO_AVERIA: \"\",\r\n\r\n TEXTO_RESPUESTA: \"\",\r\n ID_MAE_GRADO_SATISFACCION: \"\",\r\n RESOLUCION_DE_TAREAS: \"\",\r\n ID_MAE_ESTADO_TAREA: \"1\",//Estado si asignar\r\n\r\n ID_USUARIO_ASIGNADO: \"\",\r\n ID_USUARIO_EN_CURSO: \"\",\r\n ID_USUARIO_RESPUESTA: \"\",\r\n NOMBRE_USUARIO_RESPUESTA: \"\"\r\n\r\n }\r\n )\r\n\r\n const selectBefore = (\r\n \r\n {traducirPagina(\"Anio_fabricacion\")}\r\n\r\n \r\n \r\n
\r\n
\r\n\r\n | { }}>{ } | \r\n{ }}>{ } | \r\n
|---|---|
| {traducirPagina(\"Desde\")} | \r\n{vehiculo !== null ? vehiculo.DESDE : \"\"} | \r\n
| {traducirPagina(\"Hasta\")} | \r\n{vehiculo !== null ? vehiculo.HASTA : \"\"} | \r\n
\r\n
\r\n\r\n\r\n \r\n
\r\n \r\n {imagenVehiculo === null ?\r\n ![]({\"./imagenes/sinimagen.jpg\"}/)
\r\n :\r\n imagenVehiculo === \"\" ?\r\n \r\n :\r\n 
\r\n }\r\n
\r\n \r\n :\r\n imagenVehiculo === \"\" ?\r\n \r\n :\r\n \r\n {vehiculo === null ?\r\n \r\n \r\n
\r\n \r\n :\r\n \r\n\r\n }\r\n
\r\n \r\n
\r\n :\r\n Object.keys(vehiculo).length > 0 ?\r\n <>\r\n {traducirPagina(\"Datos_tecnicos\")}\r\n\r\n {traducirPagina(\"Msg_sin_resultados\")}
\r\n| { }}>{ } | \r\n{ }}>{ } | \r\n
|---|---|
| {\"ID TECDOC\"} | \r\n{props.COD_MOTOR} | \r\n
| {traducirPagina(\"Carroceria\")} | \r\n{vehiculo.CARROCERIA} | \r\n
| {traducirPagina(\"Tipo_traccion\")} | \r\n{vehiculo.TRACCION} | \r\n
| {`${traducirPagina(\"Potencia\")}[KW]`} | \r\n{vehiculo.KW} | \r\n
| {`${traducirPagina(\"Potencia\")}[CV]`} | \r\n{vehiculo.CV} | \r\n
| {`${traducirPagina(\"Cilindrada\")}[CC]`} | \r\n{vehiculo.CC} | \r\n
| {traducirPagina(\"Combustible\")} | \r\n{vehiculo.COMBUSTIBLE} | \r\n
| {traducirPagina(\"Catalizador\")} | \r\n{vehiculo.CATALIZADOR} | \r\n
| {traducirPagina(\"Cilindrada\")} | \r\n{vehiculo.CILINDROS} | \r\n
| {traducirPagina(\"Litros\")} | \r\n{vehiculo.LITROS} | \r\n
| {traducirPagina(\"Marca\")} | \r\n{vehiculo.MARCA} | \r\n
| {traducirPagina(\"Modelo\")} | \r\n{vehiculo.MODELO} | \r\n
| {traducirPagina(\"Motores\")} | \r\n{vehiculo.MOTORES} | \r\n
| {traducirPagina(\"Tipo_motor\")} | \r\n{vehiculo.MOTORIZACION} | \r\n
| {traducirPagina(\"Proceso_combustion\")} | \r\n{vehiculo.PROCESO_COMBUSTION} | \r\n
| {traducirPagina(\"Sistema_frenado\")} | \r\n{vehiculo.SISTEMA_FRENADO} | \r\n
| {\"TCS\"} | \r\n{vehiculo.TCS} | \r\n
| {traducirPagina(\"Tipo_frenado\")} | \r\n{vehiculo.TIPO_FRENADO} | \r\n
| {traducirPagina(\"Tipo_motor\")} | \r\n{vehiculo.TIPO_MOTOR} | \r\n
| {traducirPagina(\"Tracción\")} | \r\n{vehiculo.TRACCION} | \r\n
| {traducirPagina(\"Transmisión\")} | \r\n{vehiculo.TRANSMISION} | \r\n
| {traducirPagina(\"Válvulas\")} | \r\n{vehiculo.VALVULAS} | \r\n
\r\n
\r\n\r\n {payLoadLocal === null ?\r\n \r\n \r\n
\r\n\r\n \r\n {props.title}\r\n
\r\n \r\n
\r\n :\r\n <>\r\n {traducirPagina(\"Msg_sin_info_consulta\")}
\r\n\r\n\r\n \r\n \r\n \r\n {imagenVehiculo === null ?\r\n \r\n \r\n \r\n { guardarEstadoFormulario(e) }}\r\n onBlur={(e) => {\r\n if (e.target.value !== undefined && e.target.value !== null && e.target.value !== \"\") {\r\n if (!verificarMatricula(e.target.value)) {\r\n MSGERROR(traducirPagina(\"Msg_info_matricula\"));\r\n\r\n payLoadLocal.MATRICULA = \"\";\r\n setPayLoadLocal({ ...payLoadLocal })\r\n }\r\n }\r\n\r\n }}\r\n onSearch={(e) => {\r\n if (e === \"\") {\r\n limpiarCoche()\r\n } else {\r\n cocheSeleccionado.CODIGO_MOTORES = []\r\n setCocheSeleccionado({ ...cocheSeleccionado })\r\n\r\n busquedaPorMatricula(e, payLoadLocal.MATRICULA_PAIS)\r\n }\r\n }}\r\n />\r\n\r\n \r\n {`${traducirPagina(\"Bastidor\")}: `} \r\n { guardarEstadoFormulario(e); setSeModificaBastidor(true) }}\r\n onSearch={(e) => {\r\n if (e === \"\") {\r\n limpiarCoche()\r\n } else {\r\n cocheSeleccionado.CODIGO_MOTORES = []\r\n setCocheSeleccionado({ ...cocheSeleccionado })\r\n\r\n payLoadLocal.MATRICULA = \"\";\r\n payLoadLocal.MATRICULA_CODIGO_MOTOR = \"\";\r\n setPayLoadLocal({ ...payLoadLocal })\r\n //limpiarCoche();\r\n busquedaPorBastidor(e, payLoadLocal.MATRICULA_PAIS)\r\n //buscarMatricula(e);\r\n }\r\n\r\n }}\r\n />\r\n \r\n\r\n \r\n 0 ? conector[0].CONECTOR : \"\" } />\r\n\r\n 
}\r\n title=\"\"\r\n trigger=\"click\"\r\n visible={visible}\r\n onVisibleChange={(e) => { setVisible(e) }}\r\n >\r\n \r\n
\r\n\r\n \r\n\r\n \r\n \r\n
\r\n\r\n \r\n {(`${payLoadLocal.MATRICULA_MARCA} ${payLoadLocal.MATRICULA_MODELO} ${payLoadLocal.MATRICULA_MOTOR}`).trim() === \"\" ?\r\n {\r\n setAbrirFichaTecdoc(true)\r\n\r\n }}> \r\n :\r\n {\r\n setAbrirFichaTecdoc(true)\r\n limpiarCoche()\r\n\r\n payLoadLocal.MATRICULA_MARCA_ID = 0\r\n payLoadLocal.MATRICULA_MODELO_ID = 0\r\n payLoadLocal.MATRICULA_MOTOR_ID = 0\r\n payLoadLocal.ID_VEHICULO_TECDOC = 0;\r\n\r\n payLoadLocal.MATRICULA_CODIGO_MOTOR = \"\";\r\n\r\n payLoadLocal.MATRICULA_MARCA = \"\"\r\n payLoadLocal.MATRICULA_MODELO = \"\"\r\n payLoadLocal.MATRICULA_MOTOR = \"\"\r\n setPayLoadLocal({ ...payLoadLocal })\r\n setConector([])\r\n\r\n }}> \r\n }\r\n\r\n
\r\n\r\n \r\n\r\n\r\n {\r\n if (payLoadLocal.ID_VEHICULO_TECDOC > 0 && payLoadLocal.ID_VEHICULO_TECDOC !== \"\") {\r\n setAbrirFichaDetalleVeh(true);\r\n }\r\n\r\n }}>\r\n ![coche](\"./imagenes/cocheGris.svg\")
\r\n
\r\n \r\n \r\n
\r\n \r\n \r\n\r\n\r\n {/*\r\n \r\n \r\n \r\n\r\n guardarEstadoFormulario(e)} style={{ fontSize: '16px', fontWeight: '500' }} />\r\n \r\n
\r\n
\r\n \r\n {props.ES_NUEVA_TAREA ?\r\n <>\r\n {archivosLocal !== undefined ?\r\n archivosLocal.map((fichero, i) =>\r\n \r\n :\r\n null\r\n }\r\n
\r\n \r\n \r\n
\r\n ) :\r\n null\r\n }\r\n\r\n {\r\n archivosLocal !== undefined && archivosLocal.length <= 4 && configuracion !== null ?\r\n <>\r\n \r\n { gestionarFicheroLocal(e.target) }} />\r\n \r\n :\r\n null\r\n }\r\n \r\n :\r\n ficherosTaller !== null ?\r\n ficherosTaller.length > 0 ?\r\n <>\r\n {traducirPagina(\"Mis_documentos\")}\r\n {ficherosTaller.map((fichero, i) =>\r\n \r\n 
\r\n\r\n
\r\n \r\n
\r\n { eliminarFichero(fichero) }}>\r\n \r\n
\r\n \r\n
\r\n )}\r\n \r\n :\r\n \r\n\r\n 
\r\n\r\n
\r\n \r\n
\r\n\r\n { eliminarFichero(fichero) }}>\r\n {fichero.NOMBRE_IMAGEN === \"pdf.png\" || fichero.NOMBRE_IMAGEN === \"imagen.png\" || fichero.NOMBRE_IMAGEN === \"video.png\" ?\r\n { visualizador(fichero, false); }}> \r\n :\r\n null\r\n }\r\n {\r\n desacargarFichero(fichero, false)\r\n\r\n }}> \r\n
\r\n \r\n \r\n props.ES_NUEVA_TAREA ? guardarEstadoFormulario(e) : null} />*/}\r\n \r\n\r\n
\r\n
\r\n \r\n\r\n
\r\n\r\n {/* \r\n {\r\n ficherosTecnico !== null ?\r\n ficherosTecnico.length > 0 ?\r\n <>\r\n {traducirPagina(\"Documentos_tecnico\")}\r\n\r\n {ficherosTecnico.map((fichero, i) =>\r\n \r\n :\r\n null\r\n }\r\n
\r\n \r\n \r\n
\r\n )}\r\n \r\n :\r\n \r\n \r\n\r\n
\r\n \r\n
\r\n\r\n { eliminarFichero(fichero) }}>\r\n {fichero.NOMBRE_IMAGEN === \"pdf.png\" || fichero.NOMBRE_IMAGEN === \"imagen.png\" || fichero.NOMBRE_IMAGEN === \"video.png\" ?\r\n {\r\n visualizador(fichero, true);\r\n\r\n }}> \r\n :\r\n null}\r\n { desacargarFichero(fichero, true) }}> \r\n
\r\n \r\n \r\n
\r\n \r\n }\r\n \r\n\r\n {abrirSeleccionVehiculo ?\r\n {traducirPagina(\"msgDGT_no_info_bastidor\")}
\r\n \r\n\r\n\r\n
\r\n\r\n\r\n {props.HTML_TAREA === null ?\r\n \r\n \r\n
\r\n\r\n \r\n {props.title}\r\n
\r\n\r\n \r\n
\r\n :\r\n props.HTML_TAREA === \"\" ?\r\n {traducirPagina(\"Msg_sin_resultados\")}
\r\n\r\n
\r\n }\r\n\r\n\r\n\r\n \r\n\r\n )\r\n}\r\n\r\nFichaInfoConsulta.propTypes = {\r\n title: PropTypes.string,\r\n ABRIR_FICHA: PropTypes.bool,\r\n CERRAR_FICHA: PropTypes.func,\r\n DOCUMENTO_CONSULTA: PropTypes.object,\r\n HTML_TAREA: PropTypes.string,\r\n};\r\n\r\nconst mapStateToProps = (state, props) => {\r\n return {\r\n configApp: state.configApp,\r\n props: props,\r\n\r\n };\r\n}\r\n\r\nexport default connect(mapStateToProps)(FichaInfoConsulta);","import PropTypes from 'prop-types';\r\nimport React, { Component } from 'react';\r\n\r\nimport { connect } from 'react-redux';\r\nimport { obtener_grado_satisfaccionEnAPI, actualizar_feedbackEnAPI, documento_consutlaEnAPI } from \"../action/actionCreatorsRequests\";\r\nimport { MSGERROR, MSGOK, traducirPagina, obtenerLicenciaLocal } from \"../librerias/funciones\"\r\nimport FichaInfoConsulta from './FichaInfoConsulta';\r\nimport {\r\n PlusOutlined,\r\n SaveOutlined,\r\n EditOutlined,\r\n DeleteOutlined,\r\n EyeFilled,\r\n SendOutlined,\r\n EyeOutlined\r\n} from '@ant-design/icons';\r\nimport { Select, Drawer, Input, Checkbox, Row, Col, Tabs } from 'antd';\r\n\r\nimport store from '../store'\r\nconst { Option } = Select;\r\nconst { TabPane } = Tabs;\r\nconst CheckboxGroup = Checkbox.Group;\r\n\r\nconst FichaFeedback = ({ props, configApp }) => {\r\n const [abrirFichaInfoConsulta, setAbrirFichaInfoConsulta] = React.useState(false);\r\n const [htmlTarea, setHtmlTarea] = React.useState(\"\");\r\n\r\n const [hayDatos, setHayDatos] = React.useState(false);\r\n const [payLoadLocal, setPayLoadLocal] = React.useState(\r\n {\r\n ID_TAREA: 0,\r\n GRADO_SASTISSFACION: 1,\r\n TEXTO_GRADO: \"\",\r\n }\r\n )\r\n const [lista_grado, setLista_grado] = React.useState([])\r\n const [cerrarFicha, setCerrarFicha] = React.useState(false);\r\n\r\n\r\n\r\n\r\n const obtener_grado_satisfaccion = () => {\r\n obtener_grado_satisfaccionEnAPI().then((GRADO) => {\r\n if (GRADO !== undefined && GRADO !== null && GRADO.REGISTROS !== null && GRADO.REGISTROS.length > 0) {\r\n GRADO.REGISTROS.map((registro) => {\r\n registro.SELECCIONADO = false;\r\n registro.URL = `./imagenes/caras/${registro.ID}.png`\r\n })\r\n const GRADOS = GRADO.REGISTROS.filter((item) => item.ID !== 1)\r\n\r\n setLista_grado(GRADOS);\r\n } else {\r\n setLista_grado(null);\r\n }\r\n })\r\n }\r\n\r\n\r\n\r\n const documento_consutla = (ID) => {\r\n documento_consutlaEnAPI(ID).then((REGISTRO) => {\r\n if (REGISTRO !== undefined && REGISTRO !== null) {\r\n setHtmlTarea(REGISTRO.HTML_TAREA);\r\n } else {\r\n setHtmlTarea(null);\r\n }\r\n })\r\n }\r\n\r\n\r\n\r\n const enviarComentarios = () => {\r\n const { ID_TAREA, GRADO_SASTISSFACION, TEXTO_GRADO } = payLoadLocal\r\n\r\n if (GRADO_SASTISSFACION > 1 && TEXTO_GRADO) {\r\n\r\n actualizar_feedbackEnAPI(ID_TAREA, GRADO_SASTISSFACION, TEXTO_GRADO).then((REGISTRO) => {\r\n setCerrarFicha(true)\r\n if (REGISTRO !== undefined && REGISTRO !== null && REGISTRO.OK) {\r\n props.ACTUALIZAR_TABLA(3, \"D\", false, props.FILTROS.TAREAS_CERRADAS, obtenerLicenciaLocal().ID_TALLER, null, props.FILTRO_FECHA.FECHA_PARTIDA, props.FILTRO_FECHA.ACCION_DESDE, props.FILTRO_FECHA.ACCION_HASTA)\r\n props.CERRAR_FICHA(false)\r\n }\r\n })\r\n\r\n\r\n } else {\r\n MSGERROR(traducirPagina(\"Msg_texto_grado\"))\r\n }\r\n\r\n\r\n }\r\n\r\n\r\n if (!hayDatos && props.ABRIR_FICHA) {\r\n setHayDatos(true);\r\n payLoadLocal.ID_TAREA = props.DATOS_GRADO.ID;\r\n setPayLoadLocal({ ...payLoadLocal })\r\n\r\n obtener_grado_satisfaccion();\r\n\r\n documento_consutla(props.DATOS_GRADO.ID);\r\n } else {\r\n if (!props.ABRIR_FICHA && hayDatos) {\r\n setHayDatos(false);\r\n }\r\n }\r\n\r\n\r\n return (\r\n <>\r\n \r\n
\r\n\r\n\r\n \r\n \r\n
\r\n\r\n \r\n {props.title}\r\n
\r\n\r\n \r\n {lista_grado === null ?\r\n \r\n\r\n\r\n :\r\n\r\n lista_grado.length > 0 ?\r\n <>\r\n \r\n\r\n }\r\n
\r\n \r\n\r\n {\r\n abrirFichaInfoConsulta ?\r\n {traducirPagina(\"Msg_sin_consulta\")}
\r\n
\r\n\r\n \r\n \r\n {traducirPagina(\"Msg_consulta_opinion\")}\r\n \r\n {\r\n setAbrirFichaInfoConsulta(true)\r\n }}>
\r\n\r\n \r\n {lista_grado.map((registro) =>\r\n
\r\n {\r\n lista_grado.map((item) => {\r\n if (item.ID === registro.ID) {\r\n item.SELECCIONADO = true\r\n } else {\r\n item.SELECCIONADO = false\r\n }\r\n })\r\n\r\n setLista_grado([...lista_grado])\r\n\r\n\r\n const { ID } = lista_grado.find((registro) => registro.SELECCIONADO === true);\r\n if (ID !== undefined) {\r\n payLoadLocal.GRADO_SASTISSFACION = ID\r\n setPayLoadLocal({ ...payLoadLocal })\r\n }\r\n\r\n }}>\r\n\r\n 
\r\n
\r\n )}\r\n \r\n {traducirPagina(\"grado_resolucion\")}\r\n\r\n {\r\n\r\n payLoadLocal.TEXTO_GRADO = e.target.value;\r\n setPayLoadLocal({ ...payLoadLocal })\r\n\r\n }} />\r\n
\r\n\r\n \r\n
\r\n \r\n :\r\n {\r\n enviarComentarios();\r\n }}>\r\n
\r\n \r\n {\r\n props.CERRAR_FICHA(false)\r\n }}\r\n visible={props.ABRIR_FICHA}\r\n placement={\"right\"}\r\n closable={false}\r\n bodyStyle={{ padding: '0px' }}\r\n style={{ color: '#fff' }}>\r\n\r\n
\r\n )\r\n}\r\n\r\nFichaPublicidadAssist.propTypes = {\r\n ABRIR_FICHA: PropTypes.bool,\r\n CERRAR_FICHA: PropTypes.func\r\n};\r\n\r\nconst mapStateToProps = (state, props) => {\r\n return {\r\n configApp: state.configApp,\r\n props: props,\r\n\r\n };\r\n}\r\n\r\nexport default connect(mapStateToProps)(FichaPublicidadAssist);","import React from \"react\";\r\nimport PropTypes from 'prop-types';\r\n\r\nimport { connect } from 'react-redux';\r\nimport MasterPage from '../pages/MasterPage';\r\nimport {\r\n MDBDropdown, MDBDropdownToggle, MDBDropdownMenu, MDBDropdownItem\r\n} from 'mdbreact';\r\nimport { obtener_registros_paginadosEnAPI, obtener_anyos_EnAPI, obtener_paises_EnAPI, hay_feedback_pendientesEnAPI } from \"../action/actionCreatorsRequests\";\r\n\r\nimport FichaTarea from \"./FichaTarea\";\r\nimport FichaFeedback from \"./FichaFeedback\";\r\nimport store from \"../store\";\r\n\r\nimport { Tabs, Select, Row, Col, Input, Collapse, Modal, Button, Pagination, Checkbox } from 'antd';\r\n\r\nimport {\r\n convertirAMesACodigo, obtenerFechaLocalObjeto, convertirCodigoAMeses, obtenerToken, construirFecha,\r\n obtenerLicenciaLocal, recortarCadena, ordenarTablaLocal, traducirPagina\r\n\r\n} from \"../librerias/funciones\"\r\n\r\n\r\nimport {\r\n CloseOutlined,\r\n SearchOutlined,\r\n PrinterOutlined,\r\n PlusOutlined,\r\n ArrowUpOutlined,\r\n ArrowDownOutlined,\r\n FileDoneOutlined,\r\n EyeOutlined,\r\n CheckSquareOutlined,\r\n CloseSquareOutlined,\r\n HistoryOutlined,\r\n QuestionCircleFilled,\r\n QuestionCircleOutlined\r\n\r\n} from '@ant-design/icons';\r\nimport { Layout } from 'antd';\r\nimport FichaPublicidadAssist from \"./FichaPublicidadAssist\";\r\nconst { Content } = Layout;\r\nconst { Option } = Select;\r\nconst { Search } = Input;\r\nconst { TabPane } = Tabs;\r\nconst { Panel } = Collapse;\r\n\r\n\r\n\r\nconst ContainerTareas = ({ props, configApp, QUERY_USER,usuario }) => {\r\n const anchoPorDefecto = 1300;\r\n\r\n const [ID_GRADO_SAST, setID_GRADO_SAST] = React.useState(0);\r\n const [datosGrado, setDatosGrado] = React.useState({});\r\n\r\n\r\n\r\n const [esNuevaTarea, setEsNuevaTarea] = React.useState(false);\r\n\r\n const [abrirFeedback, setAbrirFeedback] = React.useState(false);\r\n\r\n const [filtrosMovil, setFiltrosMovil] = React.useState(false);\r\n\r\n const [registroSeleccionado, setRegistroSeleccionado] = React.useState({});\r\n const [hayLicencias, seHayLicencias] = React.useState(false);\r\n\r\n const [abirPublicidad, setAbirPublicidad] = React.useState(false);\r\n\r\n const [textoBuscador, setTextoBuscador] = React.useState(\"\");\r\n const [cabeceraTabla, setCabeceraTabla] = React.useState(\r\n {\r\n ID_TAREA: false,\r\n USUARIO_TALLER_ALTA: false,\r\n MATRICULA: false,\r\n FECHA_ALTA: false,\r\n MATRICULA_MARCA: false,\r\n NOMBRE_GRUPO_MONTAJE: false,\r\n TEXTO_CONSULTA: false,\r\n NOMBRE_ESTADO: false\r\n }\r\n );\r\n\r\n const [licencias, setLicencias] = React.useState([]);\r\n const [licenciasAux, setLicenciasAux] = React.useState([]);\r\n const [datosPaginacion, setDatosPaginacion] = React.useState({ iniPage: 1, inicio: 1, final: 40, numPagina: 40 });\r\n const [abrirFichaTarea, setAbrirFichaTarea] = React.useState(false);\r\n const [mesesDelAnio, setMesesDelAnio] = React.useState(\r\n [\r\n traducirPagina(\"Enero\"),\r\n traducirPagina(\"Febrero\"),\r\n traducirPagina(\"Marzo\"),\r\n traducirPagina(\"Abril\"),\r\n traducirPagina(\"Mayo\"),\r\n traducirPagina(\"Junio\"),\r\n traducirPagina(\"Julio\"),\r\n traducirPagina(\"Agosto\"),\r\n traducirPagina(\"Septiembre\"),\r\n traducirPagina(\"Octubre\"),\r\n traducirPagina(\"Noviembre\"),\r\n traducirPagina(\"Diciembre\"),\r\n ]\r\n );\r\n\r\n const [anios, setAnios] = React.useState([]);\r\n const [mesSeleccionado, setMesSeleccionado] = React.useState(\"\")\r\n const [anioSeleccionado, setAnioSeleccionado] = React.useState(\"\")\r\n\r\n const [filtroSeleccionado, setFiltroSeleccionado] = React.useState({\r\n ESTADO_TAREA: 0,\r\n GRUPO_MONTAJE: 0,\r\n TAREAS_CERRADAS: true\r\n });\r\n\r\n const [filtroFecha, setFiltroFecha] = React.useState({\r\n CAMBIO_DIA: false,\r\n CAMBIO_MES: false,\r\n CAMBIO_ANIO: true,\r\n CAMBIO_TODAS: false,\r\n ACCION_DESDE: 2,\r\n ACCION_HASTA: 3,\r\n FECHA_PARTIDA: \"\"\r\n });\r\n\r\n\r\n const buscarAnyosAPI = async () => {\r\n const anyos = await obtener_anyos_EnAPI();\r\n if (anyos !== undefined && anyos !== null && anyos.REGISTROS !== null && anyos.REGISTROS.length > 0) {\r\n setAnios(anyos.REGISTROS);\r\n let maximo = 0;\r\n\r\n\r\n for (let i = 0, len = anyos.REGISTROS.length; i < len; i++) {\r\n if (maximo < anyos.REGISTROS[i]) {\r\n maximo = anyos.REGISTROS[i];\r\n }\r\n }\r\n\r\n setAnioSeleccionado(maximo)\r\n\r\n } else {\r\n setAnios(null);\r\n }\r\n }\r\n\r\n\r\n const permisoCrearConsulta = () => {\r\n let PERMITIR = false;\r\n let ESTADO_USUARIO = usuario;\r\n const { PROHIBIR_CONSULTAS } = ESTADO_USUARIO !== undefined && ESTADO_USUARIO !== null ? ESTADO_USUARIO.USUARIO : { PROHIBIR_CONSULTAS: false };\r\n\r\n if (PROHIBIR_CONSULTAS) {\r\n setAbirPublicidad(true)\r\n PERMITIR = PROHIBIR_CONSULTAS\r\n }\r\n\r\n\r\n return PERMITIR;\r\n }\r\n\r\n\r\n const hay_feedback_pendientes = () => {\r\n if (!permisoCrearConsulta()) {\r\n\r\n hay_feedback_pendientesEnAPI().then((GRADO) => {\r\n if (GRADO !== undefined && GRADO !== null && GRADO.ID !== null && GRADO.ID > 0) {\r\n setID_GRADO_SAST(GRADO.ID)\r\n\r\n //FICHA TAREA\r\n //setRegistroSeleccionado({ ID_TAREA: GRADO.ID })\r\n setDatosGrado(GRADO)\r\n\r\n setEsNuevaTarea(true)\r\n setAbrirFichaTarea(true);\r\n\r\n\r\n //FICHA FEEDBACK\r\n setAbrirFeedback(true)\r\n } else {\r\n //setID_GRADO_SAST(0)\r\n setDatosGrado({})\r\n\r\n setEsNuevaTarea(true)\r\n setAbrirFichaTarea(true);\r\n }\r\n })\r\n \r\n }\r\n }\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n const filtrarDatosLocales = (licencias, params, textoBuscador) => {\r\n if (licencias !== undefined && licencias !== null) {\r\n let filtroLicencias = [...licencias];\r\n\r\n if (params.ESTADO_TAREA > 0) {\r\n filtroLicencias = filtroLicencias.filter((item) => params.ESTADO_TAREA === 1 ? item.FK_ID_MAE_ESTADO_TAREA !== 8 : item.FK_ID_MAE_ESTADO_TAREA === 8)\r\n }\r\n\r\n if (params.GRUPO_MONTAJE > 0) {\r\n filtroLicencias = filtroLicencias.filter((item) => item.FK_ID_MAE_GRUPO_MONTAJE === params.GRUPO_MONTAJE)\r\n }\r\n\r\n if (textoBuscador !== \"\") {\r\n filtroLicencias = filtrarEnTabla(textoBuscador, filtroLicencias)\r\n }\r\n\r\n let verificarLicencia = filtroLicencias === undefined || filtroLicencias === null ? null : filtroLicencias.length === 0 ? null : filtroLicencias\r\n setLicencias(verificarLicencia)\r\n }\r\n }\r\n\r\n\r\n\r\n const filtrarEnTabla = (palabra, registros) => {\r\n let resultado = []\r\n if (palabra !== \"\") {\r\n if (registros !== null) {\r\n let resultadoFiltro = registros.filter((item) => {\r\n return item.ID_TAREA.toString().toUpperCase().includes(palabra.toUpperCase()) ||\r\n item.MATRICULA.toUpperCase().includes(palabra.toUpperCase()) ||\r\n item.FECHA_ALTA.toUpperCase().includes(palabra.toUpperCase()) ||\r\n item.MATRICULA_MARCA.toUpperCase().includes(palabra.toUpperCase()) ||\r\n\r\n item.TEXTO_CONSULTA.toUpperCase().includes(palabra.toUpperCase())\r\n\r\n })\r\n resultado = resultadoFiltro;\r\n /*\r\n if (resultadoFiltro.length > 0) {\r\n resultado = resultadoFiltro;\r\n } else {\r\n resultado = registros;\r\n }\r\n */\r\n }\r\n } else {\r\n resultado = licenciasAux;\r\n }\r\n return resultado;\r\n }\r\n\r\n\r\n\r\n const licenciasSertec = (ORDERCOLUM, ORDERDIR, INCLUIR_BAJAS, INCLUIR_CERRADAS, ID_TALLER, ID_USUARIO_TALLER, FECHA_PARTIDA, ACCION_DESDE, ACCION_HASTA) => {\r\n setLicencias([]);\r\n setLicenciasAux([]);\r\n setDatosPaginacion({ iniPage: 1, inicio: 1, final: 40, numPagina: 40 })\r\n\r\n obtener_registros_paginadosEnAPI(100000, 1, ORDERCOLUM, ORDERDIR, INCLUIR_BAJAS, INCLUIR_CERRADAS, ID_TALLER, ID_USUARIO_TALLER, FECHA_PARTIDA, ACCION_DESDE, ACCION_HASTA).then((licencias) => {\r\n\r\n if (licencias !== undefined && licencias !== null && licencias.REGISTROS !== undefined && licencias.REGISTROS !== null && licencias.REGISTROS.length > 0) {\r\n setLicencias(licencias.REGISTROS);\r\n setLicenciasAux(licencias.REGISTROS);\r\n\r\n filtrarDatosLocales(licencias.REGISTROS, { ESTADO_TAREA: filtroSeleccionado.ESTADO_TAREA, GRUPO_MONTAJE: filtroSeleccionado.GRUPO_MONTAJE }, textoBuscador)\r\n } else {\r\n setLicencias(null)\r\n setLicenciasAux(null)\r\n }\r\n })\r\n }\r\n\r\n const actualizarCabeceraTabla = (e, valor) => {\r\n const ID_TAREA = e === 'ID_TAREA' ? valor : false;\r\n const USUARIO_TALLER_ALTA = e === 'USUARIO_TALLER_ALTA' ? valor : false;\r\n const MATRICULA = e === 'MATRICULA' ? valor : false;\r\n const FECHA_ALTA = e === 'FECHA_ALTA' ? valor : false\r\n const MATRICULA_MARCA = e === 'MATRICULA_MARCA' ? valor : false;\r\n const NOMBRE_GRUPO_MONTAJE = e === 'NOMBRE_GRUPO_MONTAJE' ? valor : false;\r\n const TEXTO_CONSULTA = e === 'TEXTO_CONSULTA' ? valor : false;\r\n const NOMBRE_ESTADO = e === 'NOMBRE_ESTADO' ? valor : false;\r\n\r\n\r\n setCabeceraTabla(\r\n {\r\n ID_TAREA: ID_TAREA,\r\n USUARIO_TALLER_ALTA: USUARIO_TALLER_ALTA,\r\n\r\n MATRICULA: MATRICULA,\r\n FECHA_ALTA: FECHA_ALTA,\r\n MATRICULA_MARCA: MATRICULA_MARCA,\r\n NOMBRE_GRUPO_MONTAJE: NOMBRE_GRUPO_MONTAJE,\r\n TEXTO_CONSULTA: TEXTO_CONSULTA,\r\n NOMBRE_ESTADO: NOMBRE_ESTADO\r\n }\r\n )\r\n }\r\n\r\n\r\n\r\n\r\n const responsivedDescripcionTarea = (anchuraActual) => {\r\n let anchura = 0;\r\n if (anchuraActual > 600 && anchuraActual <= 1200) {\r\n anchura = 40;\r\n } else if (anchuraActual > 1200 && anchuraActual < 1500) {\r\n anchura = 40;\r\n } else if (anchuraActual > 1500) {\r\n anchura = 100;\r\n } else if (anchuraActual > 500 && anchuraActual < 600) {\r\n anchura = 30;\r\n } else if (anchuraActual < 500) {\r\n anchura = 10;\r\n }\r\n\r\n return anchura;\r\n }\r\n\r\n\r\n const List = React.memo(({ list }) => {\r\n let datos = [];\r\n\r\n datos = list.map((licencia, i) => (\r\n (i + 1) >= datosPaginacion.inicio && (i + 1) <= datosPaginacion.final ?\r\n \r\n
\r\n\r\n\r\n \r\n \r\n
\r\n\r\n \r\n {props.title}\r\n
\r\n \r\n
\r\n\r\n
\r\n
\r\n
\r\n\r\n
\r\n
\r\n
\r\n\r\n
\r\n\r\n \r\n\r\n \r\n ![]({\"/imagenes/logonextassit.png\"})
\r\n
\r\n\r\n \r\n \r\n\r\n
\r\n
\r\n {traducirPagina(\"Mas_informacion\")}\r\n
\r\n\r\n\r\n \r\n
\r\n {traducirPagina(\"msgFicPubl_NextAssist_02\")}\r\n
\r\n
\r\n {traducirPagina(\"msgFicPubl_NextAssist_03\")}\r\n
\r\n {traducirPagina(\"msgFicPubl_NextAssist_04\")}\r\n
\r\n
\r\n {traducirPagina(\"msgFicPubl_NextAssist_05\")}\r\n
\r\n\r\n {traducirPagina(\"msgFicPubl_NextAssist_01\")}
\r\n\r\n {traducirPagina(\"msgFicPubl_NextAssist_02\")}\r\n
\r\n
\r\n {traducirPagina(\"msgFicPubl_NextAssist_03\")}\r\n
\r\n {traducirPagina(\"msgFicPubl_NextAssist_04\")}\r\n
\r\n
\r\n {traducirPagina(\"msgFicPubl_NextAssist_05\")}\r\n
\r\n {traducirPagina(\"Mas_informacion\")}\r\n
\r\n
\r\n
\r\n\r\n {traducirPagina(\"Me_gustaria_contratar_servicio\")}\r\n
\r\n\r\n \r\n\r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n
\r\n\r\n
\r\n ![](\"/imagenes/next.jpeg\")
\r\n
\r\n \r\n \r\n\r\n
\r\n \r\n \r\n\r\n
\r\n\r\n \r\n \r\n\r\n
\r\n\r\n {\r\n let anioActual = obtenerFechaLocalObjeto(false).ANIO;\r\n const FECHA_PARTIDA = construirFecha(obtenerFechaLocalObjeto(false).MES, anioActual, { DESDE: 4, HASTA: 5 });\r\n //setAnioSeleccionado(anioActual);\r\n\r\n filtroFecha.CAMBIO_DIA = true;\r\n filtroFecha.CAMBIO_MES = false;\r\n filtroFecha.CAMBIO_ANIO = false;\r\n filtroFecha.CAMBIO_TODAS = false;\r\n\r\n filtroFecha.ACCION_DESDE = 4;\r\n filtroFecha.ACCION_HASTA = 5;\r\n filtroFecha.FECHA_PARTIDA = FECHA_PARTIDA;\r\n\r\n setFiltroFecha({ ...filtroFecha })\r\n\r\n licenciasSertec(3, \"D\", false, filtroSeleccionado.TAREAS_CERRADAS, obtenerLicenciaLocal().ID_TALLER, null, FECHA_PARTIDA, 4, 5);\r\n\r\n }}>\r\n {traducirPagina(\"Hoy\").toUpperCase()}\r\n
\r\n\r\n\r\n \r\n {ObtenerTextoMes(mesSeleccionado)}\r\n
\r\n \r\n {anioSeleccionado}\r\n
\r\n {\r\n let anioActual = obtenerFechaLocalObjeto(false).ANIO;\r\n //const FECHA_PARTIDA = construirFecha(obtenerFechaLocalObjeto(false).MES, anioActual, { DESDE: 2, HASTA: 3 });\r\n\r\n filtroFecha.CAMBIO_DIA = false;\r\n filtroFecha.CAMBIO_MES = false;\r\n filtroFecha.CAMBIO_ANIO = false;\r\n\r\n filtroFecha.CAMBIO_TODAS = true;\r\n\r\n\r\n\r\n filtroFecha.ACCION_DESDE = 0;\r\n filtroFecha.ACCION_HASTA = 0;\r\n filtroFecha.FECHA_PARTIDA = \"\";\r\n\r\n setFiltroFecha({ ...filtroFecha })\r\n\r\n licenciasSertec(3, \"D\", false, filtroSeleccionado.TAREAS_CERRADAS, obtenerLicenciaLocal().ID_TALLER, null, filtroFecha.FECHA_PARTIDA, filtroFecha.ACCION_DESDE, filtroFecha.ACCION_HASTA);\r\n\r\n }}>\r\n {traducirPagina(\"Todos\").toUpperCase()}\r\n
\r\n\r\n\r\n \r\n );\r\n\r\n\r\n const vistaConsultaWeb = (\r\n \r\n \r\n \r\n
\r\n
\r\n );\r\n\r\n return (\r\n <>\r\n | {\r\n actualizarCabeceraTabla(\"ID_TAREA\", !cabeceraTabla.ID_TAREA);\r\n\r\n setLicencias(ordenarTablaLocal(cabeceraTabla.ID_TAREA ? \"ASC\" : \"DESC\", licencias, \"ID_TAREA\"))\r\n }}> {\"ID\"} {cabeceraTabla.ID ? | \r\n\r\n {\r\n actualizarCabeceraTabla(\"USUARIO_TALLER_ALTA\", !cabeceraTabla.USUARIO_TALLER_ALTA);\r\n\r\n setLicencias(ordenarTablaLocal(cabeceraTabla.USUARIO_TALLER_ALTA ? \"ASC\" : \"DESC\", licencias, \"FECHA_ALTA\"))\r\n }} > {traducirPagina(\"Nombre_usuario\")} {cabeceraTabla.USUARIO_TALLER_ALTA ? | \r\n\r\n\r\n\r\n {\r\n actualizarCabeceraTabla(\"MATRICULA\", !cabeceraTabla.MATRICULA);\r\n\r\n setLicencias(ordenarTablaLocal(cabeceraTabla.MATRICULA ? \"ASC\" : \"DESC\", licencias, \"MATRICULA\"))\r\n }}> {traducirPagina(\"Matricula\")} {cabeceraTabla.MATRICULA ? | \r\n\r\n {\r\n actualizarCabeceraTabla(\"FECHA_ALTA\", !cabeceraTabla.FECHA_ALTA);\r\n\r\n setLicencias(ordenarTablaLocal(cabeceraTabla.FECHA_ALTA ? \"ASC\" : \"DESC\", licencias, \"FECHA_ALTA\"))\r\n }} > {traducirPagina(\"Fecha\")} {cabeceraTabla.FECHA_ALTA ? | \r\n\r\n\r\n\r\n\r\n\r\n {\r\n actualizarCabeceraTabla(\"MATRICULA_MARCA\", !cabeceraTabla.MATRICULA_MARCA);\r\n setLicencias(ordenarTablaLocal(cabeceraTabla.MATRICULA_MARCA ? \"ASC\" : \"DESC\", licencias, \"MATRICULA_MARCA\"))\r\n }} > {traducirPagina(\"Vehiculo\")} {cabeceraTabla.MATRICULA_MARCA ? | \r\n\r\n\r\n\r\n {\r\n actualizarCabeceraTabla(\"TEXTO_CONSULTA\", !cabeceraTabla.TEXTO_CONSULTA);\r\n\r\n setLicencias(ordenarTablaLocal(cabeceraTabla.TEXTO_CONSULTA ? \"ASC\" : \"DESC\", licencias, \"TEXTO_CONSULTA\"))\r\n }} > {traducirPagina(\"Consulta\")} {cabeceraTabla.TEXTO_CONSULTA ? | \r\n\r\n\r\n \r\n\r\n\r\n | {traducirPagina(\"Finalizado\")} | \r\n\r\n\r\n\r\n\r\n |
|---|
\r\n \r\n \r\n :\r\n null\r\n }\r\n {\r\n abrirFeedback ?\r\n\r\n \r\n\r\n \r\n :\r\n null\r\n }\r\n\r\n\r\n {abirPublicidad ?\r\n\r\n \r\n\r\n \r\n :\r\n null\r\n }\r\n\r\n {filtrosMovil ?\r\n { setFiltrosMovil(true) }}\r\n onCancel={() => { setFiltrosMovil(false) }}\r\n footer={[\r\n ,\r\n\r\n\r\n\r\n \r\n ]}>\r\n\r\n\r\n \r\n
\r\n \r\n :\r\n null\r\n }\r\n
\r\n \r\n );\r\n}\r\n\r\nContainerTareas.propTypes = {\r\n DATOS_SESION: PropTypes.object,\r\n ABRIR_FILTRO: PropTypes.bool\r\n\r\n};\r\n\r\nconst mapStateToProps = (state, props) => {\r\n return {\r\n props: props,\r\n configApp: state.configApp,\r\n usuario: state.usuario,\r\n QUERY_USER: state.QUERY_USER\r\n };\r\n}\r\n\r\nexport default connect(mapStateToProps)(ContainerTareas);\r\n\r\n\r\n\r\n\r\n","import React from \"react\";\r\nimport { useSearchParams } from \"react-dom\";\r\nimport { connect } from 'react-redux';\r\nimport { checkuserlogin } from \"../action/actionCreators\";\r\nimport { LoginEnAPI, recuperar_contrasenyaEnAPI } from \"../action/actionCreatorsRequests\";\r\n\r\nimport { obtenerIdioma, MSGERROR, MSGOK } from \"../librerias/funciones\"\r\nimport history from '../history';\r\n\r\nimport { Modal, Button, Input, Row, Col } from 'antd';\r\nimport store from \"../store\";\r\n\r\nconst MOADAL_ALERTAS_LOIN = (COD_IDIOMA, TEXTO) => {\r\n\r\n Modal.warning({\r\n centered: true,\r\n okText: COD_IDIOMA !== undefined && COD_IDIOMA === \"FR\" ? \"SORTIR\" : \"SALIR\",\r\n okType: \"modalAlertas\",\r\n content: (\r\n <>\r\n
\r\n\r\n {traducirPagina(\"Consultas\").toUpperCase()}
\r\n\r\n \r\n
\r\n\r\n\r\n\r\n \r\n {\r\n filtrarDatosLocales(licenciasAux, { ESTADO_TAREA: filtroSeleccionado.ESTADO_TAREA, GRUPO_MONTAJE: filtroSeleccionado.GRUPO_MONTAJE }, e.target.value)\r\n setTextoBuscador(e.target.value)\r\n }} value={textoBuscador} />\r\n
\r\n\r\n \r\n \r\n
\r\n\r\n \r\n\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n\r\n \r\n {filtroConsultasFecha}\r\n
\r\n\r\n \r\n {filtroConsultasEstados}\r\n
\r\n\r\n \r\n {filtroConsultasCerradas}\r\n
\r\n\r\n \r\n \r\n {licencias !== null ?\r\n licencias.length > 0 ?\r\n \r\n }\r\n
\r\n\r\n {\r\n abrirFichaTarea ?\r\n \r\n
\r\n\r\n :\r\n null\r\n : null\r\n }\r\n {licencias === null ?\r\n \r\n\r\n { updateNumberPage(current, size) }}\r\n total={licencias.length}\r\n showTotal={() => ` ${licencias.length} ${traducirPagina(\"Consultas\")}`}\r\n defaultPageSize={40}\r\n onChange={(page, pageSize) => { paginarTabla(page, pageSize) }}\r\n > \r\n\r\n
\r\n \r\n\r\n \r\n\r\n
\r\n :\r\n licencias.length > 0 ?\r\n\r\n (/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)) ?\r\n\r\n {traducirPagina(\"Msg_sin_consulta\")}
\r\n\r\n {\r\n licencias.map((licencia, i) => (\r\n (i + 1) >= datosPaginacion.inicio && (i + 1) <= datosPaginacion.final ?\r\n\r\n
\r\n\r\n :\r\n\r\n vistaConsultaWeb\r\n\r\n :\r\n {\r\n setAbrirFichaTarea(true)\r\n setEsNuevaTarea(false)\r\n setRegistroSeleccionado(licencia)\r\n }}>\r\n
\r\n\r\n :\r\n null\r\n ))\r\n }\r\n \r\n {licencia.FK_ID_MAE_ESTADO_TAREA === 8 ?\r\n ![\"estado\"](\"./imagenes/wrench.png\")
\r\n\r\n :\r\n ![\"estado\"](\"./imagenes/pending.png\")
\r\n\r\n }\r\n
\r\n\r\n \r\n\r\n :\r\n \r\n\r\n }\r\n \r\n
\r\n Consulta número {licencia.ID_TAREA}
\r\n {licencia.FECHA_ALTA}
\r\n \r\n\r\n\r\n {licencia.MATRICULA}
\r\n {`${licencia.MATRICULA_MARCA} ${licencia.MATRICULA_MODELO} ${licencia.MATRICULA_MOTOR}`}
\r\n {TEXTO}
),\r\n });\r\n}\r\n\r\nconst LOGIN_VOLTAF = (props) => {\r\n return \r\n { props.MODIFICAR_EMAIL_RECUPERACION(\"\") }}\r\n onCancel={() => props.CERRAR_MODAL(false)}\r\n style={{ zIndex: '999' }}\r\n footer={[\r\n ,\r\n \r\n ]}\r\n >\r\n\r\n \r\n
\r\n \r\n\r\n\r\n
;\r\n};\r\n\r\n\r\nconst LOGIN_QTALLER = (props) => {\r\n return \r\n
\r\n\r\n \r\n
\r\n \r\n ![](\"./imagenes/logo_voltamper.png\")
\r\n props.GUARDAR_DATOS_FORM(e)} />\r\n props.GUARDAR_DATOS_FORM(e)} onKeyPress={(e) => e.which === 13 ? props.VERIFICA_USUARIO(props.PAYLOAD.USUARIO, e.target.value) : null} />\r\n { props.CERRAR_MODAL(true) }}>Olvido su contraseña?\r\n \r\n
\r\n \r\n { props.MODIFICAR_EMAIL_RECUPERACION(\"\") }}\r\n onCancel={() => props.CERRAR_MODAL(false)}\r\n style={{ zIndex: '999' }}\r\n footer={[\r\n ,\r\n \r\n ]}\r\n >\r\n\r\n \r\n
\r\n \r\n\r\n\r\n
;\r\n};\r\n\r\nconst LOGIN_ASER = (props) => {\r\n return \r\n
\r\n\r\n \r\n
\r\n \r\n ![](\"./imagenes/logo_qtaller.png\")
\r\n props.GUARDAR_DATOS_FORM(e)} />\r\n props.GUARDAR_DATOS_FORM(e)} onKeyPress={(e) => e.which === 13 ? props.VERIFICA_USUARIO(props.PAYLOAD.USUARIO, e.target.value) : null} />\r\n { props.CERRAR_MODAL(true) }}>Olvido su contraseña?\r\n \r\n
\r\n \r\n { props.MODIFICAR_EMAIL_RECUPERACION(\"\") }}\r\n onCancel={() => props.CERRAR_MODAL(false)}\r\n style={{ zIndex: '999' }}\r\n footer={[\r\n ,\r\n \r\n ]}\r\n >\r\n\r\n \r\n
\r\n \r\n\r\n\r\n
;\r\n};\r\n\r\nconst FLEX_FUEL = (props) => {\r\n return \r\n
\r\n\r\n \r\n
\r\n \r\n ![](\"./imagenes/tech.png\")
\r\n props.GUARDAR_DATOS_FORM(e)} />\r\n props.GUARDAR_DATOS_FORM(e)} onKeyPress={(e) => e.which === 13 ? props.VERIFICA_USUARIO(props.PAYLOAD.USUARIO, e.target.value) : null} />\r\n { props.CERRAR_MODAL(true) }}>Olvido su contraseña?\r\n \r\n
\r\n \r\n { props.MODIFICAR_EMAIL_RECUPERACION(\"\") }}\r\n onCancel={() => props.CERRAR_MODAL(false)}\r\n style={{ zIndex: '999' }}\r\n footer={[\r\n ,\r\n \r\n ]}\r\n >\r\n\r\n \r\n
\r\n \r\n
;\r\n};\r\n\r\n\r\nconst LOGIN_OPTIMA_CAR = (props) => {\r\n return \r\n
\r\n\r\n \r\n
\r\n \r\n ![](\"./imagenes/logo_flex_fuel_green.svg\")
\r\n props.GUARDAR_DATOS_FORM(e)} />\r\n props.GUARDAR_DATOS_FORM(e)} onKeyPress={(e) => e.which === 13 ? props.VERIFICA_USUARIO(props.PAYLOAD.USUARIO, e.target.value, \"FR\") : null} />\r\n { props.CERRAR_MODAL(true) }}>Vous avez oublié votre mot de passe?\r\n \r\n
\r\n \r\n { props.MODIFICAR_EMAIL_RECUPERACION(\"\") }}\r\n onCancel={() => props.CERRAR_MODAL(false)}\r\n style={{ zIndex: '999' }}\r\n footer={[\r\n ,\r\n \r\n ]}\r\n >\r\n\r\n \r\n
\r\n \r\n\r\n\r\n
;\r\n};\r\n\r\nconst ASSIST_FR = (props) => {\r\n return \r\n
\r\n\r\n \r\n
\r\n \r\n ![](\"./imagenes/logo_optima.png\")
\r\n props.GUARDAR_DATOS_FORM(e)} />\r\n props.GUARDAR_DATOS_FORM(e)} onKeyPress={(e) => e.which === 13 ? props.VERIFICA_USUARIO(props.PAYLOAD.USUARIO, e.target.value) : null} />\r\n { props.CERRAR_MODAL(true) }}>Olvido su contraseña?\r\n \r\n
\r\n \r\n { props.MODIFICAR_EMAIL_RECUPERACION(\"\") }}\r\n onCancel={() => props.CERRAR_MODAL(false)}\r\n style={{ zIndex: '999' }}\r\n footer={[\r\n ,\r\n \r\n ]}\r\n >\r\n\r\n \r\n
\r\n \r\n
;\r\n};\r\n\r\n\r\nconst LOGIN_DEFAULT = (props) => {\r\n return \r\n
\r\n\r\n \r\n
\r\n \r\n ![](\"./imagenes/logo_login.png\")
\r\n props.GUARDAR_DATOS_FORM(e)} />\r\n props.GUARDAR_DATOS_FORM(e)} onKeyPress={(e) => e.which === 13 ? props.VERIFICA_USUARIO(props.PAYLOAD.USUARIO, e.target.value, \"FR\") : null} />\r\n { props.CERRAR_MODAL(true) }}>Vous avez oublié votre mot de passe?\r\n \r\n
\r\n \r\n { props.MODIFICAR_EMAIL_RECUPERACION(\"\") }}\r\n onCancel={() => props.CERRAR_MODAL(false)}\r\n style={{ zIndex: '999' }}\r\n footer={[\r\n ,\r\n \r\n ]}\r\n >\r\n\r\n \r\n
\r\n \r\n\r\n\r\n
;\r\n};\r\n\r\n\r\n\r\nconst LOGIN_ANDEL = (props) => {\r\n return \r\n
\r\n\r\n \r\n
\r\n \r\n \r\n props.GUARDAR_DATOS_FORM(e)} />\r\n props.GUARDAR_DATOS_FORM(e)} onKeyPress={(e) => e.which === 13 ? props.VERIFICA_USUARIO(props.PAYLOAD.USUARIO, e.target.value) : null} />\r\n { props.CERRAR_MODAL(true) }}>Olvido su contraseña?\r\n \r\n
\r\n \r\n { props.MODIFICAR_EMAIL_RECUPERACION(\"\") }}\r\n onCancel={() => props.CERRAR_MODAL(false)}\r\n style={{ zIndex: '999' }}\r\n footer={[\r\n ,\r\n \r\n ]}\r\n >\r\n\r\n \r\n
\r\n \r\n\r\n\r\n
;\r\n};\r\n\r\n\r\n\r\n\r\n\r\n\r\nconst Login = ({ props }) => {\r\n const [emailRecuperacion, setEmailRecuperacion] = React.useState(\"\");\r\n const [cargarLogin, setCargarLogin] = React.useState(false);\r\n const [visible, setVisible] = React.useState(false);\r\n const query = new URLSearchParams(props.location.search);\r\n const [payloadLocal, setPayloadLocal] = React.useState(\r\n {\r\n EMAIL: \"\",\r\n USUARIO: \"\",\r\n PWD: \"\"\r\n }\r\n );\r\n\r\n const [dimensions, setDimensions] = React.useState({\r\n height: window.innerHeight,\r\n width: window.innerWidth\r\n })\r\n\r\n\r\n\r\n React.useEffect(() => {\r\n const handleResize = () => {\r\n setDimensions({\r\n height: window.innerHeight,\r\n width: window.innerWidth\r\n })\r\n }\r\n window.addEventListener('resize', handleResize)\r\n }, [])\r\n\r\n\r\n\r\n const guardarEstadoFormulario = (e) => {\r\n const EMAIL = e.target.name === 'EMAIL' ? e.target.value : payloadLocal.EMAIL;\r\n const USUARIO = e.target.name === 'USUARIO' ? e.target.value : payloadLocal.USUARIO;\r\n const PWD = e.target.name === 'PWD' ? e.target.value : payloadLocal.PWD;\r\n\r\n setPayloadLocal(\r\n {\r\n EMAIL: EMAIL,\r\n USUARIO: USUARIO,\r\n PWD: PWD\r\n }\r\n )\r\n }\r\n\r\n\r\n const verificarUsuario = async (USER, PWD, COD_IDIOMA) => {\r\n if (USER !== \"\" || PWD !== \"\") {\r\n const registro = await LoginEnAPI(USER, PWD);\r\n\r\n if (registro !== undefined) {\r\n if (registro.OK) {\r\n store.dispatch({ type: \"SET_SESION_USER\", usuario: registro });\r\n store.dispatch(\r\n {\r\n type: \"UPDATE_IDIOMA_SERTEC\",\r\n idiomaActual: obtenerIdioma(registro.USUARIO.CODIGO_IDIOMA)\r\n }\r\n )\r\n const MATRICULA = query.get('matricula');\r\n if (MATRICULA !== null) {\r\n store.dispatch({ type: \"QUERY_USER\", QUERY_USER: { MATRICULA: MATRICULA } });\r\n }\r\n\r\n history.push(`${process.env.PUBLIC_URL}/home`);\r\n } else {\r\n if (COD_IDIOMA === \"FR\") {\r\n MOADAL_ALERTAS_LOIN(COD_IDIOMA, \"Les identifiants sont incorrects\")\r\n //MSGERROR(\"Les identifiants sont incorrects\")\r\n } else {\r\n MOADAL_ALERTAS_LOIN(\"\", \"Las credenciales son incorrectas\")\r\n\r\n //MSGERROR(\"Las credenciales son incorrectas\")\r\n }\r\n }\r\n } else {\r\n if (COD_IDIOMA === \"FR\") {\r\n MOADAL_ALERTAS_LOIN(COD_IDIOMA, \"Problèmes de connexion à l'API\")\r\n\r\n //MSGERROR(\"Problèmes de connexion à l'API\")\r\n } else {\r\n //MSGERROR(\"Problemas al conectar con la API\")\r\n MOADAL_ALERTAS_LOIN(\"\", \"Problemas al conectar con la API\")\r\n }\r\n }\r\n } else {\r\n if (COD_IDIOMA === \"FR\") {\r\n // MSGERROR(\"Nom d'utilisateur ou mot de passe manquant\")\r\n MOADAL_ALERTAS_LOIN(COD_IDIOMA, \"Nom d'utilisateur ou mot de passe manquant\")\r\n\r\n } else {\r\n //MSGERROR(\"Falta usuario o contraseña\")\r\n MOADAL_ALERTAS_LOIN(\"\", \"Falta usuario o contraseña\")\r\n\r\n }\r\n }\r\n }\r\n\r\n\r\n\r\n\r\n\r\n const recuperarPWD = async (EMAIL_RECUP, COD_IDIOMA) => {\r\n if (EMAIL_RECUP.trim() === \"\") {\r\n if (COD_IDIOMA === \"FR\") {\r\n //MSGERROR(\"Saisissez votre e-mail de récupération\")\r\n MOADAL_ALERTAS_LOIN(COD_IDIOMA, \"Saisissez votre e-mail de récupération\")\r\n\r\n } else {\r\n //MSGERROR(\"Ingrese su email de recuparción\")\r\n MOADAL_ALERTAS_LOIN(\"\", \"Ingrese su email de recuparción\")\r\n\r\n }\r\n\r\n } else {\r\n const { OK } = await recuperar_contrasenyaEnAPI(EMAIL_RECUP);\r\n if (OK) {\r\n if (COD_IDIOMA === \"FR\") {\r\n //MSGOK(\"E-mail envoyé avec succès\");\r\n MOADAL_ALERTAS_LOIN(COD_IDIOMA, \"E-mail envoyé avec succès\")\r\n\r\n\r\n } else {\r\n //MSGOK(\"Email enviado correctamente\");\r\n MOADAL_ALERTAS_LOIN(\"\", \"Email enviado correctamente\")\r\n\r\n }\r\n setVisible(false);\r\n }\r\n }\r\n }\r\n\r\n\r\n const TIPO_LOGIN = () => {\r\n let HOST_NAME = window.location.hostname\r\n\r\n switch (HOST_NAME) {\r\n case \"assist.servicenext.eu\":\r\n return (\r\n
\r\n\r\n \r\n
\r\n \r\n ![](\"./imagenes/logo_andel.png\")
\r\n props.GUARDAR_DATOS_FORM(e)} />\r\n props.GUARDAR_DATOS_FORM(e)} onKeyPress={(e) => e.which === 13 ? props.VERIFICA_USUARIO(props.PAYLOAD.USUARIO, e.target.value) : null} />\r\n { props.CERRAR_MODAL(true) }}>Olvido su contraseña?\r\n \r\n
\r\n