\n
\n );\n }\n}\n\nexport default Tabla;\n","import { ConstructorAPIAsync } from './API';\nimport { callError } from './Error';\n\nasync function obtenerGruposEmpresas(parametros = '') {\n const API = await ConstructorAPIAsync();\n try {\n return await API.get('/grupos-empresas/', { params: parametros });\n } catch (err) {\n callError(err);\n }\n}\n\nasync function obtenerGrupoEmpresa(id) {\n const API = await ConstructorAPIAsync();\n try {\n return await API.get(`/grupos-empresas/${id}/`);\n } catch (err) {\n callError(err);\n }\n}\n\nasync function agregarGrupoEmpresa(datos) {\n const API = await ConstructorAPIAsync();\n try {\n return await API.post('/grupos-empresas/', datos);\n } catch (err) {\n callError(err);\n }\n}\n\nasync function actualizarGrupoEmpresa(datos, id) {\n const API = await ConstructorAPIAsync();\n try {\n return await API.put(`/grupos-empresas/${id}/`, datos);\n } catch (err) {\n callError(err);\n }\n}\n\nasync function eliminarGrupoEmpresa(id) {\n const API = await ConstructorAPIAsync();\n try {\n return await API.delete(`/grupos-empresas/${id}/`);\n } catch (err) {\n callError(err);\n }\n}\n\nexport {\n obtenerGruposEmpresas,\n obtenerGrupoEmpresa,\n agregarGrupoEmpresa,\n actualizarGrupoEmpresa,\n eliminarGrupoEmpresa\n};\n","import React, { Component } from 'react'\nimport Autenticado from '../../components/Autenticado'\nimport Tabla from '../../components/Tabla'\nimport { obtenerGruposEmpresas } from '../../api/GrupoEmpresas'\nimport { verificarPermiso } from '../../utils/auth'\n\nclass Lista extends Component {\n state = {\n titulo: 'Grupos de empresas',\n objetos: []\n }\n\n async componentDidMount() {\n try {\n const res = await obtenerGruposEmpresas()\n const objetos = res.data\n this.setState({ objetos })\n } catch (error) {\n console.log(error)\n } \n }\n\n buscar = async texto => {\n try {\n const params = { search: texto }\n const req = await obtenerGruposEmpresas(params)\n const objetos = req.data\n this.setState({ objetos })\n } catch (error) {\n console.log(error)\n }\n console.log(texto)\n }\n\n limpiar = async () => {\n try {\n const req = await obtenerGruposEmpresas()\n const objetos = req.data\n this.setState({ objetos })\n } catch (error) {\n console.log(error)\n }\n };\n\n render () {\n const { titulo, objetos } = this.state\n const guia = [\n { nombre: titulo, url: '', clase: 'active' }\n ]\n const urlBotonAgregar = verificarPermiso('empresas.add_grupoempresa,') ? '/grupos-de-empresas/agregar' : ''\n const urlBotonEditar = verificarPermiso('empresas.change_grupoempresa,') ? '/grupos-de-empresas/editar/' : ''\n const botones = [\n {\n etiqueta: 'Editar',\n url: urlBotonEditar\n },{\n etiqueta: 'Ver',\n url: '/grupos-de-empresas/ver/'\n }\n ]\n const columnas = [\n {\n llave: 'nombre',\n etiqueta: 'Nombre'\n }\n ]\n return (\n \n
\n \n \n
\n \n {urlBotonAgregar !== null && urlBotonAgregar.length > 0 && (\n
\n \n
\n )}\n \n {urlBotonAgregar !== '|' && (\n \n \n Agregar\n \n )}\n {btnExportar && (\n \n \n Exportar\n \n )}\n
\n \n\n {/* */}\n\n \n {filtrar === true && (\n
\n\n \n onChange(field, e)}\n className=\"form-control m-b\"\n >\n \n {opcionesFiltro.map((o, indice) => {\n return (\n \n );\n })}\n \n
\n )}\n \n {buscar === true && (\n
\n \n this.onChange(e)}\n onKeyDown={e => this.onKeyDown(e)}\n />\n \n this.onCleanClicked()}\n >\n \n \n \n \n this.onFindClicked()}\n >\n \n Buscar\n \n \n
\n )}\n \n \n \n
\n
\n\n {paginacion === true && (\n | Acciones | }\n
|---|
| \n {botones.map(btn => {\n return this.renderizarBotones(btn, obj);\n })}\n | \n
\n
\n )}\n \n
\n \n
\n);\n\nexport default Input;\n","import React from 'react';\n\nconst InputFile = ({\n error,\n label,\n type,\n name,\n id = '',\n helpText,\n className = 'col-sm-6',\n labelClassName = 'col-sm-4',\n controlClassName = 'col-sm-8',\n onChange,\n validate\n}) => (\n 0 && 'has-error'}`}>\n \n
\n \n
\n \n
\n);\n\nexport default InputFile;\n","import React from 'react';\n\nconst Select = ({\n options,\n error,\n label,\n value,\n name,\n field,\n validate,\n helpText,\n className = 'col-sm-6',\n labelClassName = 'col-sm-4',\n controlClassName = 'col-sm-8',\n disabled = false,\n onChange\n}) => {\n const optionsMap = options.map(option => {\n return (\n \n );\n });\n\n return (\n 0 && 'has-error'}`}>\n \n
\n \n
\n \n
\n );\n};\n\nexport default Select;\n","import React from 'react';\nimport Select from 'react-select';\n\nconst SelectMultiple = ({\n options,\n value = [],\n error,\n label,\n name,\n className,\n validate,\n helpText,\n onChange\n}) => {\n const getValues = () => {\n const values = [];\n value.forEach(element => {\n const r = options.filter(o => o.value === element);\n values.push(r[0]);\n });\n return values;\n };\n\n return (\n 0 && 'has-error'}`}>\n \n
\n \n onChange(field, e)}\n className=\"form-control m-b\"\n onBlur={validate}\n disabled={disabled}\n >\n {optionsMap}\n \n {helpText}\n {error.map((obj, index) => (\n \n {obj}\n \n ))}\n
\n \n
\n );\n};\n\nexport default SelectMultiple;\n","import React from 'react';\n\nconst TextArea = ({\n label,\n value,\n name,\n className,\n error,\n validate,\n helpText,\n classsName = 'col-sm-12',\n labelClassName = 'col-sm-4',\n controlClassName = 'col-sm-8',\n onChange\n}) => (\n 0 && 'has-error'}`}>\n \n
\n \n
\n \n
\n);\n\nexport default TextArea;\n","import React from 'react';\n\nconst Input = ({\n error,\n label,\n type,\n value,\n checked,\n name,\n helpText,\n className = 'col-sm-6',\n labelClassName = 'col-sm-4',\n controlClassName = 'col-sm-8',\n onChange,\n validate,\n onKeyPress,\n disabled\n}) => (\n 0 && 'has-error'}`}>\n \n
\n \n 0 && 'is-danger'}`}\n onBlur={validate}\n />\n {helpText}\n {error.map((obj, index) => (\n \n {obj}\n \n ))}\n
\n \n
\n);\n\nexport default Input;\n","import React from 'react';\nimport Flatpickr from 'react-flatpickr';\nimport 'flatpickr/dist/themes/material_green.css';\n\nconst DatePicker = ({\n error,\n label,\n value,\n helpText,\n className = 'col-sm-6',\n labelClassName = 'col-sm-4',\n controlClassName = 'col-sm-8',\n options = {},\n dataEnableTime = false,\n onChange\n}) => (\n 0 && 'has-error'}`}>\n \n
\n \n \n
\n \n
\n);\n\nexport default DatePicker;\n","import React, { Component } from 'react';\nimport Input from './fields/Input';\nimport InputFile from './fields/InputFile';\nimport Select from './fields/Select';\nimport SelectMultiple from './fields/SelectMultiple';\nimport TextArea from './fields/TextArea';\nimport Checkbox from './fields/Checkbox';\nimport DatePicker from './fields/DatePicker';\nimport { validateDecimal } from '../../utils/regex';\n\nclass Form extends Component {\n constructor(props) {\n super(props);\n const {\n onSubmit,\n buttonLabel,\n data,\n fields,\n errors,\n recotizar\n } = this.props;\n this.onSubmit = onSubmit || null;\n this.buttonLabel = buttonLabel || 'Aceptar';\n this.noError = [];\n this.state = {\n formData: data || {},\n fields: fields || [],\n errors: errors || {},\n recotizar: recotizar || false\n };\n }\n\n componentWillReceiveProps(nextProps) {\n this.setState({\n formData: nextProps.data,\n fields: nextProps.fields,\n errors: nextProps.errors,\n recotizar: nextProps.recotizar\n });\n }\n\n getField(field) {\n let htmlField = '';\n\n switch (field.type) {\n case 'date':\n htmlField = (\n 0 && 'has-error'}`}>\n \n
\n \n \n
\n \n
\n );\n }\n}\n\nexport default Form;\n","import React, { Component } from 'react'\nimport Autenticado from '../../components/Autenticado'\nimport Formulario from '../../components/form/Form'\nimport {\n actualizarGrupoEmpresa,\n agregarGrupoEmpresa,\n obtenerGrupoEmpresa\n} from '../../api/GrupoEmpresas'\n\nclass Form extends Component {\n state = {\n id: null,\n titulo: null,\n accion: null,\n data: {},\n errors: {}\n }\n\n componentWillMount() {\n const id = this.props.match.params.id\n const titulo = id ? 'Editar grupo de empresas' : 'Agregar grupo de empresas'\n const accion = id ? 'Editar' : 'Agregar'\n this.setState({ id, titulo, accion })\n }\n\n async componentDidMount() {\n const { id } = this.state\n if (id){\n try {\n const resp = await obtenerGrupoEmpresa(id)\n const { data } = resp\n this.setState({ data })\n } catch (error) {\n console.log(error)\n }\n }\n }\n\n render () {\n const { accion } = this.state\n\n const guia = [\n { nombre: 'Grupos de empresas', url: '/grupos-de-empresas', clase: '' },\n { nombre: accion, url: '', clase: 'active' }\n ]\n const { id, titulo } = this.state\n\n let form = {\n button:{\n label:'Guardar',\n onSubmit: async (event, values) => {\n if (id){\n try {\n await actualizarGrupoEmpresa(values, id)\n this.props.history.push('/grupos-de-empresas')\n } catch (error) {\n const errors = error.data\n console.log(errors)\n this.setState({ errors })\n }\n } else {\n try {\n await agregarGrupoEmpresa(values)\n this.props.history.push('/grupos-de-empresas')\n } catch (error) {\n const errors = error.data\n console.log(errors)\n this.setState({ errors })\n }\n }\n }\n },\n fields:[{\n name:'nombre',\n label:'Nombre *',\n type:'text',\n helpText:''\n }],\n data: this.state.data,\n errors: this.state.errors\n }\n\n return (\n {_fields}
\n {this.onSubmit && (\n \n
\n )}\n \n {children}\n this.onSubmit(e, formData)}\n >\n Guardar\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n {objeto.nombre}\n
\n\n { verificarPermiso('empresas.change_grupoempresa,') &&\n \n Editar\n \n }\n { verificarPermiso('empresas.delete_grupoempresa,') &&\n \n Eliminar\n \n }\n
\n \n
\n \n \n
\n \n
\n \n { verificarPermiso('productos.add_producto,') &&\n
\n \n
\n }\n \n \n \n Agregar\n \n
\n \n \n
\n \n
\n \n {/* this.onChange('empresa', e)}\n className=\"form-control m-b\"\n >\n \n {empresas.map(emp => {\n return (\n \n );\n })}\n */}\n this.onChange('unidad_operativa', e)}\n className=\"form-control m-b\"\n >\n \n {unidadesOperativas.map(uo => {\n return (\n \n );\n })}\n \n
\n \n
\n \n this.onChange('search', e)}\n onKeyDown={e => this.handleKeyDown(e)}\n placeholder=\"Buscar\"\n />\n \n this.limpiar()}\n >\n \n \n \n \n this.buscar()}\n >\n \n Buscar\n \n \n
\n \n \n \n
\n
\n | Nombre | \n {/*Unidad Operativa | */}\nMonto Minimo | \nMonto Maximo | \nTasa de Interes Anual | \nAcciones | \n
|---|---|---|---|---|---|
| {obj.nombre} | \n {/* ToDo: Ver la manera de mostrar todas las unidades operativas que han sido asignadas en el producto */}\n {/*{obj.unidades_operativas} | */}\n{currencyFormat(obj.monto_minimo)} | \n{currencyFormat(obj.monto_maximo)} | \n{obj.tasa_interes_anual}% | \n\n | \n
\n\n this.handleChangeSelectMultiple('empresas', e)}\n /> */}\n\n this.handleChangeSelectMultiple('unidades_operativas', e)}\n />\n\n this.handleChangeSelectMultiple('documentos', e)}\n />\n\n
\n )\n }\n\n render() {\n const {\n id,\n titulo\n } = this.state;\n // const { history } = this.props;\n\n const guia = [\n { nombre: 'Productos', url: '/productos', clase: '' },\n { nombre: id ? 'Editar' : 'Agregar', url: '', clase: 'active' }\n ];\n\n return (\n \n
\n\n 0 ? 'has-error' : ''}`}>\n \n
\n \n this.handleChange(e)} />\n { errors.nombre && errors.nombre.map( error => {\n return ({ error })\n }) }\n
\n \n
\n\n 0 ? 'has-error' : ''}`}>\n \n
\n \n this.handleChange(e)} />\n { errors.monto_minimo && errors.monto_minimo.map( error => {\n return ({ error })\n }) }\n
\n \n
\n\n 0 ? 'has-error' : ''}`}>\n \n
\n \n this.handleChange(e)} />\n { errors.monto_maximo && errors.monto_maximo.map( error => {\n return ({ error })\n }) }\n
\n \n
\n\n 0 ? 'has-error' : ''}`}>\n \n
\n \n this.handleChange(e)} />\n { errors.tasa_interes_anual && errors.tasa_interes_anual.map( error => {\n return ({ error })\n }) }\n
\n \n
\n\n 0 ? 'has-error' : ''}`}>\n \n
\n \n this.handleChange(e)} checked={data.frecuencia_cobro_dinamico} />\n { errors.frecuencia_cobro_dinamico && errors.frecuencia_cobro_dinamico.map( error => {\n return ({ error })\n }) }\n
\n \n
\n\n 0 ? 'has-error' : ''}`}>\n \n
\n \n \n { errors.frecuencia_cobro && errors.frecuencia_cobro.map( error => {\n return ({ error })\n }) }\n
\n \n
\n\n 0 ? 'has-error' : ''}`}>\n \n
\n \n this.handleChange(e)} checked={data.plazos_fijos} />\n { errors.plazos_fijos && errors.plazos_fijos.map( error => {\n return ({ error })\n }) }\n
\n \n
\n\n 0 ? 'has-error' : ''}`}>\n \n
\n \n { plazosFijosProducto.length > 0 ?\n \n :\n this.handleChange(e)} />\n }\n { errors.plazo_minimo && errors.plazo_minimo.map( error => {\n return ({ error })\n }) }\n
\n \n
\n\n {/* 0 ? 'has-error' : ''}`}>\n \n
\n \n { plazosFijosProducto.length > 0 ?\n \n :\n this.handleChange(e)} />\n }\n { errors.plazo_maximo && errors.plazo_maximo.map( error => {\n return ({ error })\n }) }\n
\n \n
\n\n 0 ? 'has-error' : ''}`}>\n \n
\n \n this.handleChange(e)} />\n Leyenda que se muestra en la cotización del producto\n { errors.leyenda_cat && errors.leyenda_cat.map( error => {\n return ({ error })\n }) }\n
\n \n
\n\n 0 ? 'has-error' : ''}`}>\n \n
\n \n this.handleChange(e)} checked={data.activo} />\n { errors.activo && errors.activo.map( error => {\n return ({ error })\n }) }\n
\n \n Cancelar\n \n
\n\n \n
\n\n \n
\n \n
\n \n\n { this.getForm() }\n\n
\n \n
\n );\n\n renderRowBool = (label, value) => (\n \n {label}\n
\n \n {value}\n
\n \n
\n );\n\n render() {\n const guia = [\n { nombre: 'Productos', url: '/productos', clase: '' },\n { nombre: 'Ver', url: '', clase: 'active' }\n ];\n const { objeto } = this.state;\n return (\n \n {label}\n
\n \n {value ? (\n \n ) : (\n \n )}\n
\n \n
\n \n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n {objeto.nombre}\n
\n {this.renderRow(\n 'Monto minimo',\n currencyFormat(objeto.monto_minimo)\n )}\n {this.renderRow(\n 'Monto maximo',\n currencyFormat(objeto.monto_maximo)\n )}\n {this.renderRow(\n 'Tasa de interes anual',\n `${objeto.tasa_interes_anual} %`\n )}\n {this.renderRowBool(\n 'Frecuencia cobro dinamico',\n objeto.frecuencia_cobro_dinamico\n )}\n {this.renderRow(\n 'Frecuencia de cobro',\n objeto.frecuencia_cobro\n )}\n {this.renderRowBool(\n 'Plazos fijos',\n objeto.plazos_fijos\n )}\n {this.renderRow('Plazo minimo', objeto.plazo_minimo)}\n {this.renderRow('Plazo maximo', objeto.plazo_maximo)}\n {this.renderRow('Leyenda CAT', objeto.leyenda_cat ? objeto.leyenda_cat : 'N/A')}\n {this.renderRowBool('Activo', objeto.activo)}\n\n
\n \n
\n \n
\n \n
\n Unidades operativas
\n\n {objeto.unidades_operativas_str.map(uo => (\n
\n \n \n {uo}\n
\n ))}\n \n
\n \n
\n \n
\n \n
\n Documentos
\n\n {objeto.documentos_str.map(doc => (\n
\n \n \n {doc}\n
\n ))}\n \n { verificarPermiso('productos.change_producto,') &&\n \n Editar\n \n }\n \n Cotizar\n \n { verificarPermiso('productos.delete_producto,') &&\n \n Eliminar\n \n }\n
\n \n
\n \n \n
\n \n
\n {pagos.length > 0 && (\n \n
\n \n
\n \n
\n Producto: { objeto.nombre }
\n\n \n
\n \n
\n )}\n \n
\n \n
\n \n
\n Pagos
\n\n
\n \n \n \n
\n
\n | # | \nFecha | \nCapital | \nInteres | \nInteres sin IVA | \nIVA | \nTotal a pagar | \nSaldo final | \n
|---|---|---|---|---|---|---|---|
| {p.num_pago} | \n{p.fecha} | \n\n {currencyFormat(p.capital)}\n | \n\n {currencyFormat(p.interes)}\n | \n\n {currencyFormat(p.interes_sin_iva)}\n | \n\n {currencyFormat(p.iva)}\n | \n\n {currencyFormat(p.total_pagar)}\n | \n\n {currencyFormat(p.saldo_final)}\n | \n
| \n | \n | \n {currencyFormat(totales.capital)}\n | \n\n {currencyFormat(totales.interes)}\n | \n\n | \n {currencyFormat(totales.iva)}\n | \n\n {currencyFormat(totales.total)}\n | \n\n |
\n
\n \n
\n \n
\n - \n
- \n this.seleccionarPestana(1)} >General\n \n
- \n this.seleccionarPestana(2)} >Permisos\n \n
- \n this.seleccionarPestana(3)} >Cambiar contraseña\n \n
\n
\n \n
\n \n
\n \n
\n \n
\n \n {grupos.map((grupo, indice) => {\n return (\n
\n \n
\n );\n })}\n \n
\n \n
\n { grupo.name }
\n- \n {grupo.permissions.map(permiso => {\n return (\n
- \n
\n
\n \n { this.guardarPermisos()} }\n >\n Guardar\n \n
\n \n
\n \n
\n \n
\n \n
\n 0 && 'has-error'}`}>\n \n
\n \n this.handleChange('nueva_contrasenia', e)}\n className=\"form-control\"\n />\n { erroresContrasenia.nueva_contrasenia.map((obj, index) => (\n \n {obj}\n \n ))}\n
\n \n
\n 0 && 'has-error'}`}>\n \n
\n \n this.handleChange('conf_nueva_contrasenia', e)}\n className=\"form-control\"\n />\n { erroresContrasenia.conf_nueva_contrasenia.map((obj, index) => (\n \n {obj}\n \n ))}\n
\n \n
\n \n this.cambiarContrasenia() }\n >\n Guardar\n \n
\n \n
\n \n \n
\n \n
\n \n
\n \n
\n \n
\n \n \n {`${objeto.nombre} ${objeto.apellido_paterno} ${\n objeto.apellido_materno\n }`}\n \n
\n\n Correo electrónico\n {objeto.email}\n
\n \n { verificarPermiso('usuarios.change_user,') &&\n \n Editar\n \n }\n { verificarPermiso('usuarios.delete_user,') &&\n \n Eliminar\n \n }\n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n \n
\n \n
\n \n {grupos.map((grupo, indice) => {\n return (\n
\n \n
\n );\n })}\n \n
\n \n
\n { grupo.name }
\n- \n {grupo.permissions.map(permiso => {\n return (\n
- \n
\n
\n \n \n Guardar\n \n
\n \n
\n )\n\n eliminar = async() => {\n const { id } = this.state\n try {\n await eliminarGrupo(id)\n this.props.history.push('/grupos')\n } catch (error) {\n console.log(error)\n }\n }\n\n buscarPermiso(id){\n const { permisosGrupo } = this.state\n const indice = permisosGrupo.findIndex(o => o === id)\n return indice !== -1\n }\n\n render () {\n const { datos, grupos } = this.state\n\n const guia = [\n { nombre: 'Grupos', url: '/grupos', clase: '' },\n { nombre: 'Ver', url: '', clase: 'active' }\n ]\n\n return (\n \n {label}\n
\n \n {value ? (\n \n ) : (\n \n )}\n
\n { datos.nombre }
*/}\n\n
\n \n
\n { datos.nombre }
\n\n \n Eliminar\n \n
\n \n {grupos.map((grupo, indice) => {\n return (\n
\n \n
\n );\n })}\n \n
\n \n
\n { grupo.name }
\n- \n {grupo.permissions.map(permiso => {\n return (\n
- \n {this.renderRowBool( permiso.name, this.buscarPermiso(permiso.id) )}\n \n );\n })}\n
\n
\n \n \n
\n \n
\n \n
\n \n
\n\n \n \n { verificarPermiso('empleados.add_empleado,') &&\n \n \n Agregar\n \n }\n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n this.onChange('search', e)}\n onKeyDown={e => this.handleKeyDown(e)}\n placeholder=\"Buscar\"\n />\n \n this.limpiar()}\n >\n \n \n \n \n this.buscar()}\n >\n \n Buscar\n \n \n
\n \n \n \n
\n
\n | Nombre | \nEmpresa | \nUnidad Operativa | \nPuesto | \nPrestamos activos | \nAcciones | \n
|---|---|---|---|---|---|
| {obj.nombre} | \n{obj.empresa} | \n{obj.unidad_operativa} | \n{obj.puesto} | \n{obj.prestamos_activos} | \n\n | \n
\n \n \n {empresas.map(empresa => {\n return (\n \n );\n })}\n \n {errors.empresa_whirlpool && (\n \n {errors.empresa_whirlpool}\n \n )}\n
\n \n );\n};\n\nexport default EmpresasWhirlpoolSelect;\n","import React, { Component } from 'react';\nimport Swal from 'sweetalert2';\nimport Autenticado from '../../components/Autenticado';\nimport Formulario from '../../components/form/Form';\nimport {\n actualizarConfigEmergente,\n actualizarEmpleado,\n agregarEmpleado,\n agregarReferenciaEmpleado,\n editarReferenciaEmpleado,\n eliminarReferenciaEmpleado,\n guardarDomicilioEmpleado,\n guardarInfoBancariaEmpleado,\n guardarPercepcionesEmpleado,\n obtenerConfigEmergente,\n obtenerEmpleado\n} from '../../api/Empleados';\nimport { obtenerCuentasMaestrasList } from '../../api/CuentasMaestras';\nimport { obtenerEmpresasList } from '../../api/Empresas';\nimport { obtenerUnidadesOperativasList } from '../../api/UnidadesOperativas';\nimport { obtenerBancos, obtenerEstados, obtenerMunicipios } from '../../api/Sistema';\nimport {\n obtenerEstadosSepomex,\n obtenerMunicipiosSepomex,\n obtenerEstadoMunicipiosSepomex\n} from '../../api/Sepomex';\n// import ColoniasSepomexSelect from '../../components/ColoniasSepomexSelect';\nimport Modal from 'react-awesome-modal';\nimport { verificarPermiso } from '../../utils/auth';\nimport moment from 'moment';\nimport { Spanish } from 'flatpickr/dist/l10n/es';\n// import Flatpickr from 'react-flatpickr';\nimport DatePicker from '../../components/form/fields/DatePicker';\nimport Checkbox from '../../components/form/fields/Checkbox';\nimport EmpresasWhirlpoolSelect from '../../components/empleados/EmpresasWhirlpoolSelect';\n// import { quitarNulos } from '../../utils/functions';\n\nclass Form extends Component {\n state = {\n id: null,\n titulo: null,\n accion: null,\n pestanaSeleccionada: 1,\n data: {},\n errors: [],\n domicilio: {},\n erroresDomicilio:[],\n infoBancaria: {},\n erroresInfoBancaria:[],\n percepciones: {},\n erroresPercepciones:[],\n referencia: {},\n erroresReferencia:[],\n cuentasMaestras: [],\n empresas: [],\n unidadesOperativas: [],\n estados: [],\n municipios: [],\n bancos: [],\n ocultarTabs: true,\n mostratFormulario: false,\n mostrarConfirmacion: false,\n referencias: [],\n referenciaId: null,\n indiceReferencia: null,\n configEmergente: {},\n erroresConfigEmergente: {\n personalizado: [],\n saldo_dinamico: [],\n frecuencia_cobro: [],\n num_amortizaciones: [],\n saldo_preaprobado: [],\n tasa_interes: [],\n },\n des: null\n }\n\n componentWillMount() {\n const id = this.props.match.params.id\n const titulo = id ? 'Editar empleado' : 'Agregar empleado'\n const accion = id ? 'Editar' : 'Agregar'\n this.setState({ id, titulo, accion })\n }\n\n async componentDidMount() {\n const { id } = this.state\n\n try {\n let resCM = await obtenerCuentasMaestrasList({page_size: 1000});\n let datosCM = resCM.data\n const cuentasMaestras = datosCM.map(obj =>{\n return { label: obj.nombre, value: obj.id }\n })\n cuentasMaestras.unshift({\n label:'Seleccionar...', value:'' \n })\n\n let res, res_sepomex, datos;\n res = await obtenerEstados()\n res_sepomex = await obtenerEstadosSepomex()\n var estados = this.unionEstados(res.data, res_sepomex.data)\n estados.unshift({\n label:'Seleccionar...', value:'' \n })\n\n res = await obtenerBancos()\n datos = res.data\n const bancos = datos.map(obj =>{\n return { label: obj.nombre, value: obj.id }\n })\n bancos.unshift({\n label:'Seleccionar...', value:'' \n })\n\n this.setState({ cuentasMaestras, estados, bancos })\n } catch (error) {\n console.log(error)\n }\n\n if (id){\n try {\n let resp = await obtenerEmpleado(id)\n const { data } = resp\n if (data.fecha_contratacion){\n data.fecha_contratacion = moment(data.fecha_contratacion,\"YYYY-MM-DD\").format(\"DD-MM-YYYY\")\n }\n if (data.fecha_nacimiento){\n data.fecha_nacimiento = moment(data.fecha_nacimiento,\"YYYY-MM-DD\").format(\"DD-MM-YYYY\")\n }\n const domicilio = data.domicilio || {}\n const infoBancaria = data.informacion_bancaria || {}\n const percepciones = data.percepciones || {}\n const referencias = data.referencias || []\n const ocultarTabs = false\n\n resp = await obtenerConfigEmergente(id)\n const configEmergente = resp.data\n let des = true\n if (!configEmergente.personalizado){\n des = false\n }\n \n let municipios = []\n if (domicilio.estado){\n let estado_selected = estados.filter( e => e.value_o === domicilio.estado)[0]\n // console.log(\"============ ESTADO SELECTED ============\")\n // console.log(estado_selected)\n domicilio['estado'] = estado_selected.value\n \n const res = await obtenerMunicipios(estado_selected.value_o);\n const res_sepomex = await obtenerMunicipiosSepomex(estado_selected.value);\n municipios = this.unionMunicipios(res.data, res_sepomex.data)\n municipios.unshift({\n label: '--Selecciona--', value: ''\n })\n let municipio_selected = municipios.filter( e => e.value_o === domicilio.municipio)[0]\n // console.log(\"============ MUNICIPIO SELECTED ============\")\n // console.log(municipio_selected)\n // Agregar condición aqui para evitar error si el municipio noesta seleccionado\n if (municipio_selected){\n domicilio['municipio'] = municipio_selected.value\n }\n else{\n domicilio['municipio'] = ''\n }\n \n }\n // console.log(\"============ DOMICILIO ============\")\n // console.log(domicilio)\n\n // let cuentasMaestras = []\n // if (data.cuenta_maestra){\n // const res = await obtenerCuentasMaestrasList()\n // const datos = res.data\n // cuentasMaestras = datos.map(obj =>{\n // return { label: obj.nombre, value: obj.id }\n // })\n // cuentasMaestras.unshift({\n // label:'Seleccionar...', value:''\n // })\n // }\n\n let empresas = []\n if (data.empresa){\n const res = await obtenerEmpresasList({cuenta_maestra: data.cuenta_maestra})\n const datos = res.data\n empresas = datos.map(obj =>{\n return { label: obj.nombre, value: obj.id }\n })\n empresas.unshift({\n label:'Seleccionar...', value:''\n })\n }\n\n let unidadesOperativas = []\n if (data.unidad_operativa){\n const res = await obtenerUnidadesOperativasList({empresa: data.empresa})\n const datos = res.data\n unidadesOperativas = datos.map(obj =>{\n return { label: obj.nombre, value: obj.id }\n })\n unidadesOperativas.unshift({\n label:'Seleccionar...', value:''\n })\n }\n\n this.setState({\n data,\n domicilio,\n infoBancaria,\n percepciones,\n referencias,\n ocultarTabs,\n municipios,\n configEmergente,\n des,\n empresas,\n unidadesOperativas,\n })\n } catch (error) {\n console.log(error)\n }\n }\n\n if (!!this.state.data.cuenta_maestra) {\n let cuenta_maestra_seleccionada = document.getElementById('cm_select')\n this.setState({\n cuenta_maestra_seleccionada: cuenta_maestra_seleccionada.options[cuenta_maestra_seleccionada.selectedIndex].text.toLowerCase()\n })\n }\n\n if (!!this.state.data.empresa) {\n let empresa_seleccionada = document.getElementById('empresa_select')\n this.setState({\n empresa_seleccionada: empresa_seleccionada.options[empresa_seleccionada.selectedIndex].text.toLowerCase()\n })\n }\n\n if (!!this.state.data.unidad_operativa) {\n let uo_seleccionada = document.getElementById('unidad_operativa_select')\n this.setState({\n uo_seleccionada: uo_seleccionada.options[uo_seleccionada.selectedIndex].text.toLowerCase()\n })\n }\n }\n\n unionEstados = (estados, estados_sepomex) => {\n let estados_unificados = []\n // console.log(\"============ Estados ============\")\n // console.log(estados)\n // console.log(\"============ Estados Sepomex ============\")\n // console.log(estados_sepomex)\n estados.forEach(obj =>{\n estados_sepomex.forEach(o => {\n if(o.nombre === obj.nombre){\n estados_unificados.push({ label: o.nombre, value: o.uuid, value_o: obj.id })\n }\n })\n })\n // console.log(\"============ Estados Unifcados ============\")\n // // estados_unificados = this.removeDuplicates(estados_unificados, \"value\")\n // console.log(estados_unificados)\n return estados_unificados\n }\n\n unionMunicipios = (municipios, municipios_sepomex) => {\n let municipios_unificados = []\n // console.log(\"============ Municipios ============\")\n // console.log(municipios)\n // console.log(\"============ Municipios Sepomex ============\")\n // console.log(municipios_sepomex)\n municipios.forEach(obj =>{\n municipios_sepomex.forEach(o => {\n if(o.nombre === obj.nombre){\n municipios_unificados.push({ label: o.nombre, value: o.uuid, value_o: obj.id })\n }\n })\n })\n\n // console.log(\"============ Municipios Unifcados ============\")\n // // estados_unificados = this.removeDuplicates(estados_unificados, \"value\")\n // console.log(municipios_unificados)\n return municipios_unificados\n }\n\n removeDuplicates = (originalArray, prop) => {\n var newArray = [];\n var lookupObject = {};\n for(var i in originalArray) {\n lookupObject[originalArray[i][prop]] = originalArray[i];\n }\n for(i in lookupObject) {\n newArray.push(lookupObject[i]);\n }\n return newArray;\n }\n\n mostrarToast = (mensaje, tipo = 'success') => {\n Swal.fire({\n type: tipo,\n text: mensaje,\n toast: true,\n position: 'top-end',\n timer: 3000,\n showConfirmButton: false\n })\n }\n\n eliminarReferencia = async() => {\n try {\n const { id, referenciaId, referencias, indiceReferencia } = this.state\n await eliminarReferenciaEmpleado(id, referenciaId)\n referencias.splice(indiceReferencia, 1)\n this.setState(\n { referencias, mostrarConfirmacion: false },\n this.mostrarToast('Referencia eliminada')\n )\n } catch (error) {\n console.log(error)\n }\n }\n\n editarReferencia = indice => {\n const { referencias } = this.state\n const referencia = referencias[indice]\n this.setState({\n referencia,\n mostratFormulario: true,\n indiceReferencia: referencia.id\n })\n }\n\n guardarReferencia = async() => {\n const values = this.state.referencia\n const { id, indiceReferencia } = this.state\n if (values.id){\n try {\n await editarReferenciaEmpleado(values, id, indiceReferencia)\n this.setState(\n { erroresReferencia: [] },\n this.mostrarToast('Referencia guardada')\n )\n this.cerrarModal()\n } catch (error) {\n this.setState({ erroresReferencia: error.data })\n }\n } else {\n try {\n const resp = await agregarReferenciaEmpleado(values, id)\n const referencia = resp.data\n const { referencias } = this.state\n referencias.push(referencia)\n this.setState({\n referencia: {},\n referencias,\n erroresReferencia: []\n },\n this.mostrarToast('Referencia guardada')\n )\n this.cerrarModal()\n } catch (error) {\n this.setState({ erroresReferencia: error.data })\n }\n }\n }\n\n editarContacto = (indice) => {\n const { referencias } = this.state\n const referencia = referencias[indice]\n const indiceReferencia = referencia.id\n this.setState({ referencia, indiceReferencia })\n this.mostrarFormulario('Editar referencia')\n }\n\n mostrarConfirmacion(referenciaId, indiceReferencia) {\n this.setState({ mostrarConfirmacion : true, referenciaId, indiceReferencia })\n }\n\n mostrarFormulario(tituloFrm) {\n this.setState({ mostratFormulario : true, tituloFrm })\n }\n\n cerrarModal() {\n this.setState({\n mostratFormulario : false,\n mostrarConfirmacion : false,\n referencia: {},\n erroresReferencia: []\n });\n }\n\n seleccionarPestana(pestanaSeleccionada) {\n this.setState({ pestanaSeleccionada })\n }\n\n handleChange = async (type, e) => {\n const { configEmergente } = this.state\n let { des } = this.state\n const {\n target: { name, checked, value }\n } = e\n if (type === 'checkbox') {\n configEmergente[name] = checked\n if (name === 'personalizado'){\n if(checked){\n des = true\n } else {\n des = false\n }\n }\n } else {\n configEmergente[name] = value\n }\n \n this.setState({ configEmergente, des })\n }\n\n guardarConfigEmergente = async () => {\n const { configEmergente, erroresConfigEmergente, id } = this.state\n try {\n await actualizarConfigEmergente(configEmergente, id)\n this.setState({ \n erroresConfigEmergente: {\n personalizado: [],\n saldo_dinamico: [],\n frecuencia_cobro: [],\n num_amortizaciones: [],\n saldo_preaprobado: [],\n tasa_interes: []\n }\n })\n this.mostrarToast('Configuración guardada')\n } catch (error) {\n const errorsKeys = Object.keys(error.data)\n errorsKeys.forEach(e => {\n erroresConfigEmergente[e] = error.data[e]\n });\n \n this.setState({ erroresConfigEmergente })\n }\n }\n\n handleChangeDomicilio = async (e) => {\n const { domicilio } = this.state;\n let { estados, municipios } = this.state\n const { target: { name, value } } = e;\n\n domicilio[name] = value;\n if (name === 'estado') {\n let estado_selected = estados.filter( e => e.value === value)[0]\n this.obtenerEstablecerMunicipios(estado_selected)\n\n } else if (name === 'codigo_postal' && value.length === 5) {\n const respEstadoMunicipiosSepomex = await obtenerEstadoMunicipiosSepomex(value);\n // console.log(\"============ Estado y Municipios ============\")\n // console.log(respEstadoMunicipiosSepomex.data)\n if (respEstadoMunicipiosSepomex.data.length > 0) {\n let estado_sepomex = respEstadoMunicipiosSepomex.data[0].estado\n domicilio[\"estado\"] = estado_sepomex.uuid\n\n let estado_selected = estados.filter( e => e.value === estado_sepomex.uuid)[0]\n this.obtenerEstablecerMunicipios(estado_selected, respEstadoMunicipiosSepomex.data[0].municipio.uuid)\n } else {\n\n domicilio[\"estado\"] = \"\"\n domicilio[\"municipio\"] = \"\"\n municipios = []\n }\n this.setState({ domicilio, municipios })\n } else {\n this.setState({ domicilio })\n }\n }\n\n obtenerEstablecerMunicipios = async(estado, municipio='') =>{\n const { domicilio } = this.state;\n const res = await obtenerMunicipios(estado.value_o);\n const res_sepomex = await obtenerMunicipiosSepomex(estado.value);\n let municipios = this.unionMunicipios(res.data, res_sepomex.data)\n municipios.unshift({\n label: '--Selecciona--', value: ''\n })\n\n if (municipio === '') {\n domicilio.municipio = '';\n } else {\n domicilio.municipio = municipio\n }\n this.setState({ domicilio, municipios })\n }\n\n handleChangeColonia(e){\n const { domicilio } = this.state;\n const {label/* , value */} = e\n domicilio[\"colonia\"] = label\n this.setState({domicilio})\n }\n\n submitDomicilio = async() => {\n\n const {domicilio, id, estados, municipios} = this.state;\n // console.log(\"============ DOMICILIO ============\")\n let estado_selected = estados.filter( e => e.value === domicilio.estado)[0]\n let municipio_selected = municipios.filter( e => e.value === domicilio.municipio)[0]\n domicilio['estado'] = estado_selected.value_o\n if (municipio_selected){\n domicilio['municipio'] = municipio_selected.value_o\n }\n else{\n domicilio['municipio'] = ''\n }\n // console.log(domicilio)\n try {\n /* const resp = */await guardarDomicilioEmpleado(domicilio, id)\n domicilio['estado'] = estado_selected.value\n domicilio['municipio'] = municipio_selected.value\n this.setState(\n { erroresDomicilio: [] },\n () =>{ this.mostrarToast('Domicilio guardado') }\n )\n } catch (error) {\n this.setState({ erroresDomicilio: error.data })\n }\n\n }\n\n domicilioForm(){\n\n const { domicilio, erroresDomicilio, estados, municipios } = this.state;\n\n return (\n \n
\n )\n }\n\n handleChangeData = async (e) => {\n const { data } = this.state;\n const {target: {name, value}} = e;\n\n data[name] = value;\n\n if (name === 'cuenta_maestra') {\n\n let resEmp = await obtenerEmpresasList({cuenta_maestra: value});\n const empresas = [{label: '--Selecciona--', value: ''}];\n resEmp.data.forEach(m => {\n empresas.push({label: m.nombre, value: m.id});\n });\n data.empresa = '';\n this.setState({ data, empresas })\n\n } else if (name === 'empresa') {\n\n let resUO = await obtenerUnidadesOperativasList({empresa: value});\n const unidadesOperativas = [{label: '--Selecciona--', value: ''}];\n resUO.data.forEach(m => {\n unidadesOperativas.push({label: m.nombre, value: m.id});\n });\n data.unidad_operativa = '';\n this.setState({ data, unidadesOperativas })\n \n \n } else {\n this.setState({ data })\n }\n \n let cuenta_maestra_seleccionada = document.getElementById('cm_select')\n let empresa_seleccionada = document.getElementById('empresa_select')\n let uo_seleccionada = document.getElementById('unidad_operativa_select')\n\n this.setState({\n cuenta_maestra_seleccionada: cuenta_maestra_seleccionada.options[cuenta_maestra_seleccionada.selectedIndex].text.toLowerCase()\n })\n\n this.setState({\n empresa_seleccionada: empresa_seleccionada.options[empresa_seleccionada.selectedIndex].text.toLowerCase()\n })\n\n if (!!data.unidad_operativa) {\n this.setState({\n uo_seleccionada: uo_seleccionada.options[uo_seleccionada.selectedIndex].text.toLowerCase()\n })\n }\n\n if ( empresa_seleccionada.options[empresa_seleccionada.selectedIndex].text.toLowerCase() !== 'whirlpool' \n && cuenta_maestra_seleccionada.options[cuenta_maestra_seleccionada.selectedIndex].text.toLowerCase() !== 'whirlpool' ) {\n let newData = { ...data, empresa_whirlpool: null }\n this.setState({ uo_seleccionada: undefined})\n this.setState({ data: newData })\n }\n\n }\n\n submitPersonal = async() => {\n\n const {data, id, ocultarTabs/* , errors */} = this.state;\n const errorsCM = {};\n if (!data.cuenta_maestra){\n errorsCM.cuenta_maestra = [\"Este campo es requerido.\"];\n }\n if (id){\n const values = data;\n // const errorsData = errors;\n try {\n values.crear_usuario = false;\n values.enviar_email_activacion = false;\n if (values.fecha_nacimiento){\n values.fecha_nacimiento = moment(values.fecha_nacimiento, \"DD-MM-YYYY\").format('YYYY-MM-DD')\n }\n if (values.fecha_contratacion){\n values.fecha_contratacion = moment(values.fecha_contratacion, \"DD-MM-YYYY\").format('YYYY-MM-DD')\n }\n const resp = await actualizarEmpleado(values, id);\n const { data } = resp;\n if (data.fecha_nacimiento){\n data.fecha_nacimiento = moment(data.fecha_nacimiento, \"YYYY-MM-DD\").format('DD-MM-YYYY')\n }\n if (data.fecha_contratacion){\n data.fecha_contratacion = moment(data.fecha_contratacion, \"YYYY-MM-DD\").format('DD-MM-YYYY')\n }\n this.setState(\n { data, errors: [] },\n () => this.mostrarToast('Empleado guardado')\n )\n } catch (error) {\n const errors = error.data;\n if (data.fecha_contratacion){\n data.fecha_contratacion = moment(data.fecha_contratacion, \"YYYY-MM-DD\").format('DD-MM-YYYY')\n }\n if (data.fecha_nacimiento){\n data.fecha_nacimiento = moment(data.fecha_nacimiento, \"YYYY-MM-DD\").format('DD-MM-YYYY')\n }\n if(errorsCM.cuenta_maestra){errors.cuenta_maestra = errorsCM.cuenta_maestra}\n this.setState({ errors: errors })\n }\n } else {\n // const errorsData = errors;\n let hideTabs = ocultarTabs;\n try {\n const values = data;\n let idEmp = null;\n if (hideTabs){\n if ( values.fecha_nacimiento ){\n values.fecha_nacimiento = moment(values.fecha_nacimiento, \"DD-MM-YYYY\").format('YYYY-MM-DD')\n }\n if ( values.fecha_contratacion ){\n values.fecha_contratacion = moment(values.fecha_contratacion, \"DD-MM-YYYY\").format('YYYY-MM-DD')\n }\n const resp = await agregarEmpleado(values)\n const { data } = resp;\n if ( data.fecha_nacimiento ){\n data.fecha_nacimiento = moment(data.fecha_nacimiento, \"YYYY-MM-DD\").format('DD-MM-YYYY')\n }\n if ( data.fecha_contratacion ){\n\n data.fecha_contratacion = moment(data.fecha_contratacion, \"YYYY-MM-DD\").format('DD-MM-YYYY')\n }\n idEmp = data.id;\n hideTabs = false;\n this.setState(\n { id: idEmp, data, ocultarTabs: hideTabs, errors: [] },\n () => this.mostrarToast('Empleado guardado')\n )\n this.props.history.push(`/empleados/editar/${idEmp}`)\n }\n } catch (error) {\n const errors = error.data\n if(errorsCM.cuenta_maestra){errors.cuenta_maestra = errorsCM.cuenta_maestra}\n this.setState({ errors: errors })\n }\n }\n\n }\n\n personalForm(){\n\n const {errors, cuentasMaestras, empresas, unidadesOperativas, cuenta_maestra_seleccionada } = this.state;\n let { data, uo_seleccionada, empresa_seleccionada } = this.state;\n // data = quitarNulos(data);\n return (\n \n
\n \n
\n\n \n \n
\n \n \n { erroresDomicilio.calle && { erroresDomicilio.calle } }\n
\n \n
\n\n \n \n
\n \n \n { erroresDomicilio.numero_exterior && { erroresDomicilio.numero_exterior } }\n
\n \n
\n\n \n \n
\n \n \n { erroresDomicilio.numero_interior && { erroresDomicilio.numero_interior } }\n
\n \n
\n\n \n \n
\n \n \n { erroresDomicilio.codigo_postal && { erroresDomicilio.codigo_postal } }\n
\n \n
\n\n \n \n
\n \n \n { erroresDomicilio.estado && { erroresDomicilio.estado } }\n
\n \n
\n\n \n \n
\n \n \n { erroresDomicilio.municipio && { erroresDomicilio.municipio } }\n
\n \n
\n\n {/*\n \n
\n \n \n { erroresDomicilio.colonia && { erroresDomicilio.colonia } }\n
\n */}\n {/*
*/}\n\n */}\n {/* */}\n {/*
*/}\n {/**/}\n {/* {this.handleChangeColonia(e)}}*/}\n {/* codigo_postal={domicilio.codigo_postal}*/}\n {/* />*/}\n {/* { erroresDomicilio.colonia && { erroresDomicilio.colonia } }*/}\n {/*
*/}\n {/* \n
\n\n \n \n
\n \n \n { erroresDomicilio.municipio && { erroresDomicilio.municipio } }\n
\n \n
\n \n \n \n
\n \n \n { erroresDomicilio.antiguedad && { erroresDomicilio.antiguedad } }\n
\n \n
\n \n \n
\n \n
\n )\n }\n\n render () {\n let {\n id,\n ocultarTabs,\n // referenciaId\n } = this.state\n\n const titulo = id ? 'Editar empleado' : 'Agregar empleado'\n const accion = id ? 'Editar' : 'Agregar'\n\n\n const guia = [\n { nombre: 'Empleados', url: '/empleados', clase: '' },\n { nombre: accion, url: '', clase: 'active' }\n ]\n\n const {\n // empresas,\n // estados,\n mostratFormulario,\n mostrarConfirmacion,\n // municipios,\n bancos,\n pestanaSeleccionada,\n tituloFrm,\n referencias,\n configEmergente,\n erroresConfigEmergente,\n des\n } = this.state\n/*\n const form = {\n button:{\n label:'Guardar',\n onSubmit: async (event, values) => {\n if (id){\n try {\n values.crear_usuario = false\n values.enviar_email_activacion = false\n if (values.fecha_contratacion){\n values.fecha_contratacion = moment(values.fecha_contratacion, \"DD-MM-YYYY\").format('YYYY-MM-DD')\n }\n if (values.fecha_nacimiento){\n values.fecha_nacimiento = moment(values.fecha_nacimiento, \"DD-MM-YYYY\").format('YYYY-MM-DD')\n }\n const resp = await actualizarEmpleado(values, id)\n const { data } = resp\n if (data.fecha_contratacion){\n data.fecha_contratacion = moment(data.fecha_contratacion, \"YYYY-MM-DD\").format('DD-MM-YYYY')\n }\n if (data.fecha_nacimiento){\n data.fecha_nacimiento = moment(data.fecha_nacimiento, \"YYYY-MM-DD\").format('DD-MM-YYYY')\n }\n this.setState(\n { data, errors: [] },\n () => this.mostrarToast('Empleado guardado')\n )\n } catch (error) {\n const errors = error.data\n if (values.fecha_contratacion){\n values.fecha_contratacion = moment(values.fecha_contratacion, \"YYYY-MM-DD\").format('DD-MM-YYYY')\n }\n if (values.fecha_nacimiento){\n values.fecha_nacimiento = moment(values.fecha_nacimiento, \"YYYY-MM-DD\").format('DD-MM-YYYY')\n }\n this.setState({ errors })\n }\n } else {\n try {\n if (ocultarTabs){\n if (values.fecha_contratacion){\n values.fecha_contratacion = moment(values.fecha_contratacion, \"DD-MM-YYYY\").format('YYYY-MM-DD')\n }\n if (values.fecha_nacimiento){\n values.fecha_nacimiento = moment(values.fecha_nacimiento, \"DD-MM-YYYY\").format('YYYY-MM-DD')\n }\n const resp = await agregarEmpleado(values)\n const { data } = resp\n if (data.fecha_contratacion){\n data.fecha_contratacion = moment(data.fecha_contratacion, \"YYYY-MM-DD\").format('DD-MM-YYYY')\n }\n if (data.fecha_nacimiento){\n data.fecha_nacimiento = moment(data.fecha_nacimiento, \"YYYY-MM-DD\").format('DD-MM-YYYY')\n }\n id = data.id\n ocultarTabs = false\n this.setState(\n { id, data, ocultarTabs, errors: [] },\n () => this.mostrarToast('Empleado guardado')\n )\n this.props.history.push(`/empleados/editar/${id}`)\n }\n } catch (error) {\n const errors = error.data\n this.setState({ errors })\n }\n }\n }\n },\n fields:[{\n name:'nombre',\n label:'Nombre *',\n type:'text',\n helpText:''\n },{\n name:'apellido_paterno',\n label:'Apellido paterno *',\n type:'text',\n helpText:''\n },{\n name:'apellido_materno',\n label:'Apellido materno',\n type:'text',\n helpText:''\n },{\n name:'empresa',\n label:'Empresa *',\n type:'select',\n options: empresas,\n helpText:''\n },{\n name:'email',\n label:'Correo electrónico *',\n type:'text',\n helpText:''\n },{\n name:'fecha_nacimiento',\n label:'Fecha de nacimiento',\n type:'date',\n options: {dateFormat: 'd-m-Y', locale: Spanish },\n helpText:''\n },{\n name:'frecuencia_pago',\n label:'Frecuencia del pago',\n type:'select',\n options: [\n {label:'Seleccionar...', value:''},\n {label:'Semanal', value:'semanal'},\n {label:'Decenal', value:'decenal'},\n {label:'Catorcernal', value:'catorcenal'},\n {label:'Quincenal', value:'quincenal'},\n {label:'Mensual', value:'mensual'}\n ],\n helpText:''\n },{\n name:'curp',\n label:'CURP *',\n type:'text',\n helpText:''\n },{\n name:'rfc',\n label:'RFC',\n type:'text',\n helpText:''\n },{\n name:'telefono_casa',\n label:'Teléfono casa',\n type:'text',\n helpText:'',\n maxLength: 10\n },{\n name:'telefono_celular',\n label:'Teléfono celular',\n type:'text',\n helpText:'',\n maxLength: 10\n },{\n name:'fecha_contratacion',\n label:'Fecha de contratación',\n type:'date',\n options: {dateFormat: 'd-m-Y', locale: Spanish },\n helpText:''\n },{\n name:'puesto',\n label:'Puesto',\n type:'text',\n helpText:''\n },{\n name:'genero',\n label:'Género',\n type:'select',\n options: [\n {label:'Seleccionar...', value:''},\n {label:'Masculino', value:'masculino'},\n {label:'Femenino', value:'femenino'}\n ],\n helpText:''\n },{\n name:'nacionalidad',\n label:'Nacionalidad',\n type:'text',\n helpText:''\n },{\n name:'estado_civil',\n label:'Estado civil',\n type:'select',\n options: [\n {label:'Seleccionar...', value:''},\n {label:'Divorciado', value:'divorciado'},\n {label:'Casado', value:'casado'},\n {label:'Soltero', value:'soltero'},\n {label:'Unión libre', value:'union libre'},\n {label:'Viudo', value:'viudo'}\n ],\n helpText:''\n },{\n name:'no_electoral',\n label:'No. electoral',\n type:'text',\n helpText:''\n },{\n name:'no_empleado',\n label:'No. empleado',\n type:'text',\n helpText:''\n },{\n name:'usuario_caja_ahorro',\n label:'Usuario caja ahorro',\n type:'text',\n helpText:''\n },{\n name:'canal',\n label:'Canal',\n type:'text',\n helpText:''\n },{\n name:'crear_usuario',\n label:'Crear usuario',\n type:'checkbox',\n helpText:'Al seleccionar esta casilla, se creará un usuario del sistema el cual podrá ingresar a solicitar un crédito',\n showField:'enviar_email_activacion'\n },{\n name:'enviar_email_activacion',\n label:'Enviar correo de activación',\n type:'checkbox',\n view: false,\n helpText:''\n }],\n data: this.state.data,\n errors: this.state.errors\n }\n*/\n // if (this.props.match.params.id !== undefined){\n // form.fields.splice(20, 1)\n // // form.fields.splice(10, 1)\n // }\n/*\n const frmDomicilio = {\n button:{\n label:'Guardar',\n onSubmit: async (event, values) => {\n try {\n const resp = await guardarDomicilioEmpleado(values, id)\n this.setState(\n { erroresDomicilio: [] },\n () =>{ this.mostrarToast('Domicilio guardado') }\n )\n } catch (error) {\n this.setState({ erroresDomicilio: error.data })\n }\n }\n },\n fields:[{\n name:'calle',\n label:'Calle *',\n type:'text',\n helpText:''\n },{\n name:'numero_exterior',\n label:'Número exterior *',\n type:'text',\n helpText:''\n },{\n name:'numero_interior',\n label:'Número interior',\n type:'text',\n helpText:''\n },{\n name:'colonia',\n label:'Colonia',\n type:'text',\n helpText:''\n },{\n name:'codigo_postal',\n label:'Código postal *',\n type:'text',\n helpText:''\n },{\n name:'estado',\n label:'Estado *',\n type:'select',\n options: estados,\n helpText:'',\n child: {\n name:'municipio',\n func: obtenerMunicipios\n }\n },{\n name:'municipio',\n label:'Municipio *',\n type:'select',\n options: municipios,\n helpText:''\n }],\n data: this.state.domicilio,\n errors: this.state.erroresDomicilio\n }\n*/\n const frmInfoBancaria = {\n button:{\n label:'Guardar',\n onSubmit: async (event, values) => {\n try {\n /* const resp = */await guardarInfoBancariaEmpleado(values, this.state.id)\n this.setState(\n { erroresInfoBancaria: [] },\n this.mostrarToast('Información bancaria guardada')\n )\n } catch (error) {\n this.setState({ erroresInfoBancaria: error.data })\n }\n }\n },\n fields:[{\n name:'banco',\n label:'Banco *',\n type:'select',\n options: bancos,\n helpText:''\n },{\n name:'cuenta',\n label:'Cuenta *',\n type:'text',\n maxLength: 10,\n keyPressValidation: 'only_numbers',\n helpText:''\n },{\n name:'clabe',\n label:'Clabe *',\n type:'text',\n maxLength: 18,\n keyPressValidation: 'only_numbers',\n helpText:''\n }],\n data: this.state.infoBancaria,\n errors: this.state.erroresInfoBancaria\n }\n\n const frmPercepciones = {\n button:{\n label:'Guardar',\n onSubmit: async (event, values) => {\n try {\n await guardarPercepcionesEmpleado(values, this.state.id)\n this.setState(\n { erroresPercepciones: [] },\n () => this.mostrarToast('Percepciones guardadas')\n )\n } catch (error) {\n console.log(error.data)\n this.setState({ erroresPercepciones: error.data })\n }\n }\n },\n fields:[{\n name:'salario_diario',\n label:'Salario diario *',\n type:'text',\n helpText:''\n },{\n name:'salario_diario_integrado',\n label:'Salario diario integrado',\n type:'text',\n helpText:''\n },{\n name:'sueldo_mensual',\n label:'Sueldo mensual *',\n type:'text',\n helpText:''\n },{\n name:'sueldo_mensual_real',\n label:'Sueldo mensual neto *',\n type:'text',\n helpText:''\n }],\n data: this.state.percepciones,\n errors: this.state.erroresPercepciones\n }\n\n const frmReferencia = {\n fields:[{\n name:'nombre',\n label:'Nombre *',\n type:'text',\n helpText:''\n },{\n name:'telefono',\n label:'Celular *',\n type:'text',\n helpText:'',\n maxLength:10\n },{\n name:'parentesco',\n label:'Parentesco *',\n type:'text',\n helpText:''\n },{\n name:'domicilio',\n label:'Domicilio',\n type:'text',\n helpText:''\n }],\n data: this.state.referencia,\n errors: this.state.erroresReferencia\n }\n\n return (\n \n {\n data.fecha_nacimiento = v[0];\n this.setState({ data });\n }}\n />\n {/* {\n data.fecha_contratacion = v[0];\n this.setState({ data });\n }}\n />\n {/* {\n const { checked } = e.target\n const { data } = this.state\n data['crear_usuario'] = checked\n this.setState({ data: data })\n }}\n //validate={this.validate.bind(this, field.name, field.validate)}\n helpText={'Al seleccionar esta casilla, se creará un usuario del sistema el cual podrá ingresar a solicitar un crédito'}\n error={[]}\n />\n {/*
\n \n
\n \n \n
\n \n \n { errors.cuenta_maestra && { errors.cuenta_maestra } }\n
\n \n
\n \n \n
\n \n \n { errors.empresa && { errors.empresa } }\n
\n \n
\n \n {/* empresas con las que whirlpool tiene convenio */}\n \n \n
\n \n \n { errors.unidad_operativa && { errors.unidad_operativa } }\n
\n \n { (cuenta_maestra_seleccionada === 'whirlpool' && empresa_seleccionada === 'whirlpool') && \n (uo_seleccionada === 'whirlpool domiciliado' || uo_seleccionada === 'whirlpool domiciliado_semanal')\n ?\n
\n\n \n
\n \n \n
\n \n \n { errors.nombre && { errors.nombre } }\n
\n \n
\n \n \n
\n \n \n { errors.apellido_paterno && { errors.apellido_paterno } }\n
\n \n
\n \n \n
\n \n \n { errors.apellido_materno && { errors.apellido_materno } }\n
\n \n
\n \n \n
\n \n \n { errors.email && { errors.email } }\n
\n \n
*/}\n {/* \n \n
\n \n \n {\n data.fecha_nacimiento = v[0];\n this.setState({ data });\n }}\n options={{ dateFormat: 'd-m-Y', locale: Spanish }}\n />\n \n
\n \n
*/}\n \n \n
\n \n \n { errors.frecuencia_pago && { errors.frecuencia_pago } }\n
\n \n
\n \n \n
\n \n \n { errors.curp && { errors.curp } }\n
\n \n
\n \n \n
\n \n \n { errors.rfc && { errors.rfc } }\n
\n \n
\n \n \n
\n \n \n { errors.telefono_casa && { errors.telefono_casa } }\n
\n \n
\n \n \n
\n \n \n { errors.telefono_celular && { errors.telefono_celular } }\n
\n \n
*/}\n \n \n
\n \n \n {\n data.fecha_contratacion = v;\n this.setState({ data });\n }}\n options={{ dateFormat: 'd-m-Y', locale: Spanish }}\n />\n \n
\n \n
\n \n \n
\n \n \n { errors.puesto && { errors.puesto } }\n
\n \n
\n \n \n
\n \n \n { errors.genero && { errors.genero } }\n
\n \n
\n \n \n
\n \n \n { errors.nacionalidad && { errors.nacionalidad } }\n
\n \n
\n \n \n
\n \n \n { errors.estado_civil && { errors.estado_civil} }\n
\n \n
\n \n \n
\n \n \n { errors.no_electoral && { errors.no_electoral } }\n
\n \n
\n \n \n
\n \n \n { errors.no_empleado && { errors.no_empleado } }\n
\n \n
\n \n \n
\n \n \n { errors.unidad_negocio && { errors.unidad_negocio } }\n
\n \n
\n \n \n
\n \n \n { errors.usuario_caja_ahorro && { errors.usuario_caja_ahorro } }\n
\n \n
\n \n \n
\n \n \n { errors.canal && { errors.canal } }\n
\n \n
*/}\n \n \n
\n \n \n \n Al seleccionar esta casilla, se creará un usuario del sistema el cual podrá ingresar a solicitar un crédito\n
\n \n
\n \n \n
\n \n
\n \n \n
\n \n
\n - \n
- \n this.seleccionarPestana(1)} >General\n \n
- \n this.seleccionarPestana(2)} >Domicilio\n \n
- \n this.seleccionarPestana(3)} >Información bancaria\n \n
- \n this.seleccionarPestana(4)} >Percepciones\n \n
- \n this.seleccionarPestana(5)} >Referencias\n \n
- \n this.seleccionarPestana(6)} >Configuración emergente\n \n
\n
\n \n
\n \n { this.personalForm() }\n {/*
\n \n
\n \n { this.domicilioForm() }\n\n {/*
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n { referencias.length > 0 ?\n \n \n \n \n
\n \n { verificarPermiso('empleados.add_empleadoreferencia,') &&\n
\n
\n :\n \n \n this.mostrarFormulario('Agregar referencia')}\n >\n Agregar\n \n \n
\n }\n \n
\n \n \n { referencias.map((obj, indice) => (\n
\n
\n | { obj.nombre } | \n\n | { obj.celular } | \n\n | { obj.telefono } | \n\n | { obj.domicilio } | \n{ obj.parentesco } | \n\n { verificarPermiso('empleados.change_empleadoreferencia,') &&\n | \n
\n
\n }\n \n
\n \n
\n \n
\n \n
\n Aún no tienes referencias agregadas
\n { verificarPermiso('empleados.add_empleadoreferencia,') &&\n \n }\n\n
\n \n
\n { tituloFrm}
\n\n
\n \n \n \n
\n \n
\n \n
\n Eliminar referencia
\n\n
\n \n ¿Estás seguro de eliminar esta referencia?\n
\n\n \n \n
\n \n
\n \n
\n \n
\n \n
\n\n { des &&\n \n
\n \n \n
\n \n this.handleChange('checkbox', e) }\n />\n Si este campo está activado permite editar la configuración del empleado\n { erroresConfigEmergente.personalizado.map((obj, index) => (\n \n {obj}\n \n ))}\n
\n \n
\n \n \n
\n \n { des ?\n this.handleChange('checkbox', e) }\n />\n :\n this.handleChange('checkbox', e) }\n />\n }\n \n { erroresConfigEmergente.saldo_dinamico.map((obj, index) => (\n \n {obj}\n \n ))}\n
\n \n
\n \n \n
\n \n { des ?\n this.handleChange('select', e) }\n >\n \n \n \n \n \n \n \n :\n this.handleChange('select', e) }\n >\n \n \n \n \n \n \n \n }\n \n { erroresConfigEmergente.frecuencia_cobro.map((obj, index) => (\n \n {obj}\n \n ))}\n
\n \n
\n \n \n
\n \n {/* { des ?\n this.handleChange('text', e) }\n />\n : */}\n this.handleChange('text', e) }\n />\n {/* } */}\n \n { erroresConfigEmergente.num_amortizaciones.map((obj, index) => (\n \n {obj}\n \n ))}\n
\n \n
\n \n \n
\n \n {/* { des ?\n this.handleChange('text', e) }\n />\n : */}\n this.handleChange('text', e) }\n />\n {/* } */}\n \n { erroresConfigEmergente.saldo_preaprobado.map((obj, index) => (\n \n {obj}\n \n ))}\n
\n \n
\n \n \n
\n \n {/* { des ?\n this.handleChange('text', e) }\n />\n : */}\n this.handleChange('text', e) }\n />\n {/* } */}\n \n { erroresConfigEmergente.tasa_interes.map((obj, index) => (\n \n {obj}\n \n ))}\n
\n \n
\n }\n \n \n Guardar\n \n
\n \n
\n );\n\n renderRowBool = (label, value) => (\n \n {label}\n
\n \n {value}\n
\n { valid !== null && label === 'CURP' &&\n { valid.msg }\n }\n { valid !== null && label === 'RFC' &&\n { valid.msg }\n }\n \n
\n );\n\n renderRowSiNo = (label, value) => (\n \n {label}\n
\n \n {value ? (\n \n ) : (\n \n )}\n
\n \n
\n );\n\n eliminar = async() => {\n try {\n const { id } = this.state\n await eliminarEmpleado(id)\n this.props.history.push('/empleados')\n } catch (error) {\n console.log(error)\n }\n }\n\n enviarBienvenida = async() => {\n try {\n const { id } = this.state\n const resp = await enviarEmailActivacion(id)\n const datos = resp.data\n if (datos.success){\n this.mostrarToast(datos.data)\n } else {\n this.mostrarToast(datos.data, 'error')\n }\n } catch (error) {\n console.log(error)\n }\n }\n\n render() {\n const guia = [\n { nombre: 'Empleados', url: '/empleados', clase: '' },\n { nombre: 'Ver', url: '', clase: 'active' }\n ];\n const { objeto, domicilio, informacionBancaria, percepciones, referencias, configEmergente, valid_rfc, valid_curp,\n confDatosCont,loading, hecho,resultado} = this.state;\n return (\n \n {label}\n
\n \n {value ? (\n 'Sí'\n ) : (\n 'No'\n )}\n
\n \n
\n \n
\n \n
\n \n
\n \n
\n { verificarPermiso('empleados.view_empleadodomicilio,') &&\n \n
\n \n
\n \n
\n \n {objeto.nombre} {objeto.apellido_paterno} {objeto.apellido_materno}\n
\n {this.renderRow('Empresa',objeto.empresa_str)}\n {this.renderRow('Unidad Operativa',objeto.unidad_operativa_str)}\n { objeto.empresa_whirlpool_str !== undefined && objeto.empresa_whirlpool_str !== '--' && this.renderRow('Empresa Whirlpool', objeto.empresa_whirlpool_str)}\n {console.log('=>>>>>>>>>>>>>>>>>>>>>>>>>>>>>', objeto.empresa_whirlpool_str)}\n {this.renderRow('Correo electrónico',objeto.email)}\n {this.renderRow('Frecuencia del pago',objeto.frecuencia_pago)}\n {this.renderRow('CURP',objeto.curp, valid_curp)}\n {this.renderRow('RFC',objeto.rfc, valid_rfc)}\n {this.renderRow('Teléfono casa',objeto.telefono_casa)}\n {this.renderRow('Teléfono celular', objeto.telefono_celular)}\n {this.renderRow('Fecha contratación', dateFormat(objeto.fecha_contratacion))}\n {this.renderRow('Puesto', objeto.puesto)}\n {this.renderRow('Unidad de negocio', objeto.unidad_negocio)}\n {this.renderRow('Género', objeto.genero)}\n {this.renderRow('Nacionalidad', objeto.nacionalidad)}\n {this.renderRow('Estado civil', objeto.estado_civil)}\n {this.renderRow('No. electoral', objeto.no_electoral)}\n {this.renderRow('No. empleado', objeto.no_empleado)}\n {this.renderRow('Usuario caja ahorro', objeto.usuario_caja_ahorro)}\n {this.renderRow('Canal', objeto.canal)}\n {this.renderRow('UUID', objeto.uuid)}\n {this.renderRow('Salesforce ID', objeto.sf_empleado_id)}\n {this.renderRow('Fecha activación', objeto.usuario_activo_fecha ? dateTimeFormat(objeto.usuario_activo_fecha) : '--')}\n {this.renderRow('Último inicio de sesión', objeto.ultimo_inicio_sesion ? dateTimeFormat(objeto.ultimo_inicio_sesion) : '--')}\n {this.renderRow('Fecha creación', dateTimeFormat(objeto.fecha_creacion))}\n {this.renderRow('Fecha actualización', dateTimeFormat(objeto.fecha_edicion))}\n\n
\n }\n { verificarPermiso('empleados.view_empleadoinformacionbancaria,') &&\n \n
\n \n
\n \n
\n Domicilio
\n {this.renderRow('Calle',domicilio.calle)}\n {this.renderRow('Número exterior',domicilio.numero_exterior)}\n {this.renderRow('Número interior',domicilio.numero_interior)}\n {this.renderRow('Colonia',domicilio.colonia)}\n {this.renderRow('Código postal',domicilio.codigo_postal)}\n {this.renderRow('Estado',domicilio.estado_str)}\n {this.renderRow('Municipio',domicilio.municipio_str)}\n {this.renderRow('Tipo de vivienda',domicilio.tipo_vivienda)}\n {this.renderRow('Antigüedad en el domicilio',domicilio.antiguedad)}\n\n
\n }\n { verificarPermiso('empleados.view_empleadopercepciones,') &&\n \n
\n \n
\n \n
\n Información bancaria
\n {this.renderRow('Banco',informacionBancaria.banco_str)}\n {this.renderRow('Cuenta',informacionBancaria.cuenta)}\n {this.renderRow('CLABE',informacionBancaria.clabe)}\n\n
\n }\n { verificarPermiso('empleados.view_empleadoreferencia,') &&\n \n
\n \n
\n \n
\n Percepciones
\n {this.renderRow('Salario diario',currencyFormat(percepciones.salario_diario))}\n {this.renderRow('Salario diario integrado',currencyFormat(percepciones.salario_diario_integrado))}\n {this.renderRow('Sueldo mensual',currencyFormat(percepciones.sueldo_mensual))}\n {this.renderRow('Sueldo mensual neto ',currencyFormat(percepciones.sueldo_mensual_real))}\n\n
\n }\n { verificarPermiso('empleados.view_empleadoconfiguracionemergente,') &&\n \n
\n \n
\n \n
\n Referencias
\n\n { referencias.length > 0 ?\n \n \n
\n :\n
\n | Nombre | \nTeléfono | \nDomicilio | \nParentesco | \n
|---|---|---|---|
| {obj.nombre} | \n{obj.telefono} | \n{obj.domicilio} | \n{obj.parentesco} | \n
No hay referencias registradas
\n }\n\n
\n }\n \n
\n \n
\n \n
\n Configuración emergente
\n {this.renderRowSiNo('Personalizado',configEmergente.personalizado)}\n {this.renderRowSiNo('Saldo dinámico',configEmergente.saldo_dinamico)}\n {this.renderRow('Frecuencia del cobro',configEmergente.frecuencia_cobro)}\n {this.renderRow('Número de amortizaciones',configEmergente.num_amortizaciones) }\n {this.renderRow('Saldo preaprobado',currencyFormat(configEmergente.saldo_preaprobado))}\n {this.renderRow('Tasa de interés %',configEmergente.tasa_interes)}\n\n \n Enviar bienvenida\n \n \n Exportar\n \n { verificarPermiso('empleados.change_empleado,') &&\n \n Editar\n \n }\n { verificarPermiso('empleados.delete_empleado,') &&\n \n Eliminar\n \n }\n { verificarPermiso('empleados.set_contrasena_usable,') &&\n \n Set Contraseña Usable\n \n }\n
\n \n
\n \n
\n Confirmación
\n\n
\n \n ¿Deseas reiniciar la contraseña usable del usuario?\n { resultado !== '' &&\n
\n \n
{resultado}\n
\n }\n {resultado}\n
\n \n \n
\n \n
\n \n \n
\n \n
\n {empleados.length > 0 && (\n \n
\n \n
\n \n
\n \n
\n \n \n Descargar layout\n \n
\n \n\n
\n \n
\n\n \n \n \n {obj}\n \n ))}\n
\n \n
\n\n \n \n \n {obj}\n \n ))}\n
\n \n
\n\n \n \n \n {obj}\n \n ))}\n
\n \n \n \n Procesar archivo\n \n
\n \n
\n )}\n \n
\n \n
\n \n
\n \n
\n \n
\n \n \n Empleados a importar:{' '}\n {empleadosSinError.toString()} de{' '}\n {empleados.length.toString()}\n \n
\n\n \n \n
\n
\n | Nombre | \nCURP | \nErrores | \nEstatus | \n|
|---|---|---|---|---|
| {`${emp.nombre} ${\n emp.apellido_paterno\n } ${emp.apellido_materno}`} | \n{emp.email} | \n{emp.curp} | \n\n {emp.errors ? (\n
| \n \n {emp.estatus === 'Pendiente' && (\n \n | \n
\n this.importar(true)}\n >\n Importar y enviar e-mail\n \n this.importar(false)}\n >\n Importar\n \n \n this.setState({\n empleados: [],\n empresa: '',\n archivo: null\n })\n }\n >\n Cancelar\n \n
\n \n
\n \n \n
\n \n
\n \n
\n \n
\n\n \n \n { verificarPermiso('solicitudes.add_solicitudcredito,') &&\n \n \n Agregar\n \n }\n
\n \n\n
\n { objetos.length > 0 ?\n \n
\n \n
\n \n
\n\n \n
\n \n
\n \n this.onChange('estatus', e)}\n className=\"form-control m-b\"\n >\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n
\n \n
\n \n this.onChange('search', e)}\n onKeyDown={e => this.handleKeyDown(e)}\n placeholder=\"Busca por empleado\"\n />\n \n this.limpiar()}\n >\n \n \n \n \n this.buscar()}\n >\n \n Buscar\n \n \n
\n \n \n \n
\n
\n :\n | Folio | \nEmpleado | \nEmpresa | \nMonto | \nPlazo | \nEstatus | \nFecha creación | \nSF | \nAnalista | \nAcciones | \n
|---|---|---|---|---|---|---|---|---|---|
| {obj.folio} | \n{obj.empleado} | \n{obj.empresa_str} | \n{currencyFormat(obj.monto)} | \n{obj.plazo} | \n{obj.estatus} | \n{dateTimeFormat(obj.fecha_creacion)} | \n\n { obj.actualizacion_salesforce === 'Sin registro' \n ? \n : \n }\n | \n\n {obj.estatus !== 'credito generado' &&\n obj.estatus !== 'rechazada' &&\n obj.estatus !== 'cancelada' &&\n verificarPermiso('solicitudes.change_solicitudcredito,')\n ? | \n \n | \n
\n
\n }\n\n {\n totales !== {} &&\n \n
\n \n
\n { mensaje }
\n\n
\n }\n\n \n
\n Total de solicitudes: { totales.total_solicitudes }
\n\n
\n\n Monto total: { currencyFormat(totales.total_monto) }
\n\n
\n);\n\nexport default Input;\n","import { ConstructorAPIAsync } from './API';\nimport { callError } from './Error';\n\nasync function obtenerPrestamos(parametros = '') {\n const API = await ConstructorAPIAsync();\n try {\n return await API.get('/admin/prestamos/', { params: parametros });\n } catch (err) {\n callError(err);\n }\n}\n\nasync function exportarPrestamos(params={}) {\n params.export = true;\n const API = await ConstructorAPIAsync(120000, 'blob');\n try {\n const resp = await API.get('/admin/prestamos/', { params });\n delete params.export;\n return resp;\n } catch (err) {\n delete params.export;\n callError(err);\n }\n}\n\nasync function obtenerPrestamo(id) {\n const API = await ConstructorAPIAsync();\n try {\n return await API.get(`/admin/prestamos/${id}/`);\n } catch (err) {\n callError(err);\n }\n}\n\nasync function obtenerAmortizacionesPrestamo(id) {\n const API = await ConstructorAPIAsync();\n try {\n return await API.get(`/admin/prestamos/${id}/amortizaciones/`);\n } catch (err) {\n callError(err);\n }\n}\n\nasync function obtenerGastosCobranzaPrestamo(id) {\n const API = await ConstructorAPIAsync();\n try {\n return await API.get(`/admin/prestamos/${id}/gastos-cobranza/`);\n } catch (err) {\n callError(err);\n }\n}\n\nasync function obtenerPagosPrestamo(id) {\n const API = await ConstructorAPIAsync();\n try {\n return await API.get(`/admin/prestamos/${id}/pagos/`);\n } catch (err) {\n callError(err);\n }\n}\n\nasync function obtenerComentariosPrestamo(id) {\n const API = await ConstructorAPIAsync();\n try {\n return await API.get(`/admin/prestamos/${id}/comentarios/`);\n } catch (err) {\n callError(err);\n }\n}\n\nasync function agregarComentariosPrestamo(datos, id) {\n const API = await ConstructorAPIAsync();\n try {\n return await API.post(`/admin/prestamos/${id}/comentarios/`, datos);\n } catch (err) {\n callError(err);\n }\n}\n\nasync function actualizarComentariosPrestamo(datos, idPrestamo, idComentario) {\n const API = await ConstructorAPIAsync();\n try {\n return await API.post(\n `/admin/prestamos/${idPrestamo}/comentarios/${idComentario}`,\n datos\n );\n } catch (err) {\n callError(err);\n }\n}\n\nasync function eliminarComentariosPrestamo(idPrestamo, idComentario) {\n const API = await ConstructorAPIAsync();\n try {\n return await API.delete(\n `/admin/prestamos/${idPrestamo}/comentarios/${idComentario}`\n );\n } catch (err) {\n callError(err);\n }\n}\n\nasync function obtenerMovimientosPrestamo(id) {\n const API = await ConstructorAPIAsync();\n try {\n return await API.get(`/admin/prestamos/${id}/movimientos/`);\n } catch (err) {\n callError(err);\n }\n}\n\nasync function obtenerDocumentosPrestamo(id) {\n const API = await ConstructorAPIAsync();\n try {\n return await API.get(`/admin/prestamos/${id}/documentos/`);\n } catch (err) {\n callError(err);\n }\n}\n\nasync function agregarDocumentosPrestamo(datos, id) {\n const API = await ConstructorAPIAsync(60000);\n try {\n return await API.post(`/admin/prestamos/${id}/documentos/`, datos);\n } catch (err) {\n callError(err);\n }\n}\n\nasync function eliminarDocumentosPrestamo(idPrestamo, idDocumento) {\n const API = await ConstructorAPIAsync();\n try {\n return await API.delete(\n `/admin/prestamos/${idPrestamo}/documentos/${idDocumento}`\n );\n } catch (err) {\n callError(err);\n }\n}\n\nasync function cambiarFechaPrestamo(datos, id) {\n const API = await ConstructorAPIAsync();\n try {\n return await API.post(`/admin/prestamos/${id}/cambiar-fecha/`, datos);\n } catch (err) {\n callError(err);\n }\n}\n\nasync function liquidarPrestamo(datos, id) {\n const API = await ConstructorAPIAsync();\n try {\n return await API.post(`/admin/prestamos/${id}/liquidar/`, datos);\n } catch (err) {\n callError(err);\n }\n}\n\nasync function crearRenovacion(datos, id) {\n const API = await ConstructorAPIAsync();\n try {\n return await API.post(`/admin/prestamos/${id}/renovacion/`, datos);\n } catch (err) {\n callError(err);\n }\n}\n\nasync function obtenerRenovacion(id) {\n const API = await ConstructorAPIAsync();\n try {\n return await API.get(`/admin/renovacion/${id}/`);\n } catch (err) {\n callError(err);\n }\n}\n\nasync function actualizarFechasPrestamo(datos, id) {\n const API = await ConstructorAPIAsync();\n try {\n return await API.post(`/admin/prestamos/${id}/actualizar-fechas/`, datos);\n } catch (err) {\n callError(err);\n }\n}\n\nasync function actualizarTipoDescuentoMasivoPrestamo(datos) {\n const API = await ConstructorAPIAsync();\n try {\n return await API.post(`admin/prestamos/update-tipo-descuento/`, datos);\n } catch (err) {\n callError(err);\n }\n}\n\nasync function obtenerHistorialPagosDomiciliadosPrestamo(id) {\n const API = await ConstructorAPIAsync();\n try {\n return await API.get(`/admin/prestamos/${id}/historial-pagos-domiciliados/`);\n } catch (err) {\n callError(err);\n }\n}\nasync function reporteCastigos() {\n const API = await ConstructorAPIAsync(120000,'blob');\n try {\n return await API.get(`/admin/prestamos/reporte-castigos/`);\n } catch (err) {\n callError(err);\n }\n}\n\nasync function generarDatosCobranza(id) {\n const API = await ConstructorAPIAsync();\n try {\n return await API.post(`/admin/prestamos/${id}/generar-datos-cobranza/`);\n } catch (err) {\n callError(err);\n }\n}\nasync function obtenerExcedentesPrestamo(id) {\n const API = await ConstructorAPIAsync();\n try {\n return await API.get(`/admin/prestamos/${id}/excedentes/`);\n } catch (err) {\n callError(err);\n }\n}\nasync function crearReembolso(datos,id){\n const API = await ConstructorAPIAsync();\n try {\n return await API.post(`/admin/prestamos/${id}/excedentes/`, datos);\n } catch (err) {\n callError(err);\n }\n}\n\nexport {\n obtenerPrestamos,\n exportarPrestamos,\n obtenerPrestamo,\n obtenerAmortizacionesPrestamo,\n obtenerGastosCobranzaPrestamo,\n obtenerPagosPrestamo,\n obtenerComentariosPrestamo,\n agregarComentariosPrestamo,\n actualizarComentariosPrestamo,\n eliminarComentariosPrestamo,\n obtenerMovimientosPrestamo,\n obtenerDocumentosPrestamo,\n agregarDocumentosPrestamo,\n eliminarDocumentosPrestamo,\n cambiarFechaPrestamo,\n liquidarPrestamo,\n crearRenovacion,\n obtenerRenovacion,\n actualizarFechasPrestamo,\n actualizarTipoDescuentoMasivoPrestamo,\n obtenerHistorialPagosDomiciliadosPrestamo,\n reporteCastigos,\n generarDatosCobranza,\n obtenerExcedentesPrestamo,\n crearReembolso\n}\n","import { ConstructorAPIAsync } from './API'\nimport { callError } from './Error';\n\nasync function obtenerCuentasBancarias (parametros = '') {\n const API = await ConstructorAPIAsync()\n try {\n return await API.get('/admin/cuentas-bancarias/', { params: parametros })\n } catch (err) {\n callError(err);\n }\n}\n\nasync function obtenerCuentaBancaria (id) {\n const API = await ConstructorAPIAsync()\n try {\n return await API.get(`/admin/cuentas-bancarias/${id}/`)\n } catch (err) {\n callError(err);\n }\n}\n\nasync function agregarCuentaBancaria (datos) {\n const API = await ConstructorAPIAsync()\n try {\n return await API.post('/admin/cuentas-bancarias/', datos)\n } catch (err) {\n callError(err);\n }\n}\n\nasync function actualizarCuentaBancaria (datos, id) {\n const API = await ConstructorAPIAsync()\n try {\n return await API.put(`/admin/cuentas-bancarias/${id}/`, datos)\n } catch (err) {\n callError(err);\n }\n}\n\nasync function eliminarCuentaBancaria (id) {\n const API = await ConstructorAPIAsync()\n try {\n return await API.delete(`/admin/cuentas-bancarias/${id}/`)\n } catch (err) {\n callError(err);\n }\n}\n\nexport {\n obtenerCuentasBancarias,\n obtenerCuentaBancaria,\n agregarCuentaBancaria,\n actualizarCuentaBancaria,\n eliminarCuentaBancaria\n}\n","import { ConstructorAPIAsync } from './API';\nimport { callError } from './Error';\n\nasync function validarCrearArchivoRespuesta(datos) {\n const API = await ConstructorAPIAsync(180000);\n try {\n return await API.post('/admin/domiciliacion/validar-crear/', datos);\n } catch (err) {\n callError(err);\n }\n}\n\n// async function crearPagoMasivo(datos) {\n// const API = await ConstructorAPIAsync(120000);\n// try {\n// return await API.post('/admin/domiciliacion/pagos_masivos/', datos);\n// } catch (err) {\n// callError(err);\n// }\n// }\n\nasync function configuracionBanco() {\n const API = await ConstructorAPIAsync();\n try {\n return await API.get('/admin/domiciliacion/bancos_config/');\n } catch (err) {\n callError(err);\n }\n}\n\nasync function obtenerBancosList(parametros = '') {\n const API = await ConstructorAPIAsync();\n try {\n return await API.get('/bancos-list/', { params: parametros });\n } catch (err) {\n callError(err);\n }\n}\n\nasync function obtenerPrestamosPendientes(datos) {\n const API = await ConstructorAPIAsync(120000);\n try {\n return await API.get('/admin/domiciliacion/busqueda/', { params: datos });\n } catch (err) {\n callError(err);\n }\n}\n\nasync function generar_archivo_hsbc(datos, fecha_transferencia, tipo_operacion, express=false) {\n const API = await ConstructorAPIAsync(120000, 'blob');\n try {\n return await API.post('/admin/domiciliacion/hsbc/', { prestamos: datos, fecha_transferencia: fecha_transferencia, tipo_operacion:tipo_operacion, express:express});\n } catch (err) {\n callError(err);\n }\n}\n\nasync function generar_archivo_banorte(datos, express=false) {\n const API = await ConstructorAPIAsync(120000, 'blob');\n try {\n return await API.post('/admin/domiciliacion/banorte/', {prestamos: datos, express:express});\n } catch (err) {\n callError(err);\n }\n}\n\nasync function generar_archivo_vepormas(datos, express=false) {\n const API = await ConstructorAPIAsync(120000, 'blob');\n try {\n return await API.post('/admin/domiciliacion/vepormas/', {prestamos: datos, express:express});\n } catch (err) {\n callError(err);\n }\n}\n\nasync function generar_archivo_excel(datos){\n const API = await ConstructorAPIAsync(120000, 'blob');\n try {\n return await API.get('/admin/domiciliacion/busqueda/', { params: datos });\n } catch (err) {\n callError(err);\n }\n}\n\nasync function obtener_prestamos_sin_alta(){\n const API = await ConstructorAPIAsync(120000);\n try {\n return await API.get('/admin/domiciliacion/prestamos_sin_alta/');\n } catch (err) {\n callError(err);\n }\n}\n\nasync function generar_archivo_altas(){\n const API = await ConstructorAPIAsync(120000);\n try {\n return await API.post('/admin/domiciliacion/generar_archivo_alta/');\n } catch (err) {\n callError(err);\n }\n}\n\nasync function eliminar_prestamo_domiciliacion(id, motivo, comentario){\n const API = await ConstructorAPIAsync(120000);\n try {\n return await API.post(`/admin/domiciliacion/${id}/bloquear/`, {motivo: motivo, comentario: comentario});\n } catch (err) {\n callError(err);\n }\n}\n\nasync function validarArchivoPromesas(datos) {\n const API = await ConstructorAPIAsync(120000);\n try {\n return await API.post('/admin/domiciliacion/promesas/validar/', datos);\n } catch (err) {\n callError(err);\n }\n}\n\nasync function obtener_prestamos_bloqueados(parametros = ''){\n const API = await ConstructorAPIAsync(120000);\n try {\n return await API.get('/admin/domiciliacion/prestamos_bloqueados/', { params: parametros});\n } catch (err) {\n callError(err);\n }\n}\n\nasync function reactivar_prestamo_domiciliacion(id){\n const API = await ConstructorAPIAsync(120000);\n try {\n return await API.post(`/admin/domiciliacion/${id}/reactivar/`);\n } catch (err) {\n callError(err);\n }\n}\n\nasync function obtenerHistoriales(datos){\n const API = await ConstructorAPIAsync(120000);\n try {\n return await API.get('/admin/domiciliacion/historiales/busqueda/', { params: datos });\n } catch (err) {\n callError(err);\n }\n}\n\nasync function obtenerDetallesHistorialPagos(id){\n const API = await ConstructorAPIAsync(120000);\n try {\n return await API.get(`/admin/domiciliacion/historial/pagos/${id}/detalles/`);\n } catch (err) {\n callError(err);\n }\n}\n\nasync function obtenerDetallesHistorialEmpleados(id){\n const API = await ConstructorAPIAsync(120000);\n try {\n return await API.get(`/admin/domiciliacion/historial/empleados/${id}/detalles/`);\n } catch (err) {\n callError(err);\n }\n}\n\n\n\n\n\nexport {\n configuracionBanco,\n validarCrearArchivoRespuesta,\n // crearPagoMasivo,\n obtenerPrestamosPendientes,\n obtenerBancosList,\n generar_archivo_hsbc,\n generar_archivo_excel,\n generar_archivo_banorte,\n obtener_prestamos_sin_alta,\n generar_archivo_altas,\n eliminar_prestamo_domiciliacion,\n validarArchivoPromesas,\n obtener_prestamos_bloqueados,\n reactivar_prestamo_domiciliacion,\n obtenerHistoriales,\n obtenerDetallesHistorialPagos,\n obtenerDetallesHistorialEmpleados,\n generar_archivo_vepormas \n};\n","import React, { Component } from 'react';\nimport { currencyFormat, dateFormat } from '../utils/filters';\n\nclass TablaCotizacion extends Component {\n\n render() {\n\n const { cotizacion } = this.props;\n\n return (\n 0 && 'has-error'}`}>\n
\n \n \n
\n \n \n \n \n
\n
\n )\n\n }\n\n}\n\nexport default TablaCotizacion;","import React, {useState, useEffect} from 'react';\nimport Modal from 'react-awesome-modal';\nimport { generarCartaBuro, enviarCartaBuroFirmamex } from '../../api/Solicitudes';\n\nconst DescargarCarta = ({linkCarta, solicitud, children}) => {\n const [loading, setLoading] = useState(false);\n const [success, setSuccess] = useState(false)\n\n const handleSubmit = async (e) => {\n e.preventDefault();\n setLoading(true);\n try {\n await enviarCartaBuroFirmamex(solicitud.id);\n setSuccess(true);\n } catch(err) {\n console.log(err);\n }\n setLoading(false);\n }\n\n return (\n <>\n \n | Plazo | \nFecha | \nCapital | \nInterés | \nIVA | \nTotal | \nSaldo final | \n
|---|---|---|---|---|---|---|
| { pago.num_pago } | \n{ dateFormat(pago.fecha) } | \n{ currencyFormat(pago.capital) } | \n{ currencyFormat(pago.interes_sin_iva) } | \n{ currencyFormat(pago.iva) } | \n{ currencyFormat(pago.total_pagar) } | \n{ currencyFormat(pago.saldo_final) } | \n
| \n | TOTAL | \n{ currencyFormat(cotizacion.totales.capital) } | \n{ currencyFormat(cotizacion.totales.interes) } | \n{ currencyFormat(cotizacion.totales.iva) } | \n{ currencyFormat(cotizacion.totales.total) } | \n\n |
\n
\n\n Descargar Carta\n {loading ? \n :\n \n }\n \n \n
\n La carta de buró se ha creado con éxito
\n {success &&La carta ha sido enviada
}\n\n
\n {children}\n
\n \n );\n}\n\n\nconst CartaBuro = ({visible = false, title, solicitud, children}) => {\n\n const [dataBuro, setDataBuro] = useState({\n nombre: '',\n domicilio: '',\n curp: '',\n telefono_celular: '',\n funcionario: 'Jean Pierre Salas Gonzalez'\n });\n\n const [linkCartaBuro, setLinkCartaBuro] = useState('');\n const [errors, setErrors] = useState({});\n const [loading, setLoading] = useState(false);\n\n const updateForm = (e) => {\n setDataBuro({\n ...dataBuro,\n [e.target.name]: e.target.value\n })\n }\n\n const {nombre, domicilio, curp, telefono_celular, funcionario} = dataBuro;\n\n const handleSubmit = async (e) => {\n e.preventDefault();\n setLoading(true);\n\n try{\n const response = await generarCartaBuro(dataBuro, solicitud.id);\n setLinkCartaBuro(response.data.url_carta_buro);\n \n } catch(err) {\n setErrors(err.data);\n setLoading(false)\n return;\n }\n\n\n setDataBuro({\n nombre: '',\n domicilio: '',\n curp: '',\n telefono_celular: '',\n funcionario: 'Jean Pierre Salas Gonzalez'\n });\n setLoading(false);\n }\n\n const replaceSpacesWhite = (field) => field !== '--' ? field : '';\n \n const normalizeTelephone = (tel) => {\n if (replaceSpacesWhite(tel) === '') {\n return tel\n } else if (tel.length === 12 && tel.startsWith('52')) {\n return tel.slice(2)\n }\n \n return tel\n }\n\n useEffect(() => {\n if (solicitud.hasOwnProperty('empleado')) {\n const {nombre, apellido_paterno, apellido_materno, curp, telefono_celular, domicilio_buro} = solicitud.empleado\n setDataBuro({\n ...dataBuro,\n nombre: `${nombre} ${apellido_paterno} ${apellido_materno}`,\n domicilio: replaceSpacesWhite(domicilio_buro),\n curp: replaceSpacesWhite(curp),\n telefono_celular: normalizeTelephone(telefono_celular)\n });\n }\n }, [solicitud])\n\n\n return (\n \n \n \n {children}\n :\n\n \n\n \n \n
\n \n );\n}\n\n\nexport default CartaBuro;","import React, {useState, useEffect} from 'react';\n\nconst colorStyle = {\n display: 'inline-block',\n width: '20px',\n borderRadius: '50%'\n}\n\nconst colorRojo = {\n backgroundColor: 'red'\n}\n\nconst colorVerde = {\n backgroundColor: 'green'\n}\n\nconst colorAmarillo = {\n backgroundColor: 'yellow'\n}\n\nconst colorNaranja = {\n backgroundColor: 'orange'\n}\n\n\nconst SemaforoColor = ({colorBuro}) => {\n const [color, setColor] = useState(null);\n\n const setStyle = () => {\n switch (color) {\n case 'verde':\n return {...colorStyle, ...colorVerde};\n case 'amarillo':\n return {...colorStyle, ...colorAmarillo};\n case 'naranja':\n return {...colorStyle, ...colorNaranja};\n case 'rojo':\n return {...colorStyle, ...colorRojo};\n default:\n return {};\n }\n }\n \n useEffect(() => {\n setColor(colorBuro);\n }, [colorBuro])\n\n return (\n \n );\n}\n \nexport default SemaforoColor;","import React, {useEffect, useState} from 'react';\nimport { getCuestionarioCompliance } from '../api/Solicitudes';\nimport { dateFormat } from '../utils/filters';\n\nconst CuestionarioCompliance = ({solicitudId}) => {\n \n const [cuestionario, setCuestionario] = useState({});\n // State para saber si una solicitud tiene un cuestionario respondido\n const [respondido, setRespondido] = useState(false);\n\n useEffect(() => {\n \n const obtenerCuestionario = async () => {\n try {\n const resp = await getCuestionarioCompliance(solicitudId);\n setCuestionario(resp.data)\n setRespondido(true);\n } catch (err) {\n setRespondido(false)\n }\n }\n obtenerCuestionario();\n\n }, [solicitudId])\n\n return (\n <>\n {respondido ? \n <>\n \n
\n {\n linkCartaBuro ?\n {title}
\n\n\n
\n \n \n
\n\n \n
\n \n \n
\n \n
\n \n
\n\n \n
\n \n \n
\n \n
\n \n
\n\n \n
\n \n \n
\n \n
\n \n
\n\n \n
\n \n \n
\n \n
\n \n
\n \n \n
\n \n \n
\n \n
\n \n {children}\n \n {linkCartaBuro ?\n Descargar Carta : \n loading ?\n :\n \n Generar\n \n }\n
\n \n \n }\n \n \n \n
\n \n \n \n
\n \n \n \n
\n \n \n \n
\n \n \n \n
\n \n \n \n
\n \n :\n \n Cuestionario sin responder\n
\n\n }\n \n );\n}\n \nexport default CuestionarioCompliance;","import React from 'react';\n\n\nconst Loading = () => {\n return (\n \n \n \n \n \n \n
\n );\n}\n \nexport default Loading;","import React, {useEffect, useState} from 'react';\nimport Modal from 'react-awesome-modal';\nimport { cancelarContratoParaFirma, enviarContratoParaFirma, reenviarContratoParaFirma } from '../../api/Solicitudes';\nimport Loading from '../Loading';\n\n\nconst EnviarDocumento = ({solicitud, documento, actualizarSolicitud}) => {\n\n const [mostrarModal, setMostrarModal] = useState(false);\n const [mostrarModalReenviar, setMostrarModalReenviar] = useState(false);\n // const [mostrarModalCancelar, setMostrarModalCancelar] = useState(false);\n // const [motivoCancelacion, setMotivoCancelacion] = useState('');\n const [modoEnvio, setModo] = useState('sms');\n const [cargando, setCargando] = useState(false);\n const [mensajeEnvio, setMensajeEnvio] = useState('');\n const [errorMensaje, setMensajeError] = useState(false);\n\n useEffect(() => {\n \n }, [documento])\n\n const checkboxOnChange = (e) => {\n setModo(e.target.value);\n }\n\n const enviarContrato = async () => {\n setCargando(true);\n setMensajeEnvio('');\n try {\n const resp = await enviarContratoParaFirma(solicitud.id, documento.id, { modo_envio: modoEnvio });\n if (resp.status === 200) {\n setMensajeEnvio('El mensaje ha sido enviado con éxito');\n setMensajeError(false);\n actualizarSolicitud();\n }\n } catch (err) {\n setMensajeError(true);\n setMensajeEnvio('Hubo un error en enviar el mensaje, favor de verificarlo');\n }\n setCargando(false);\n }\n\n const reenviarContrato = async () => {\n setCargando(true);\n setMensajeEnvio('');\n try {\n const resp = await reenviarContratoParaFirma(solicitud.id, documento.id);\n if (resp.status === 200) {\n setMensajeEnvio('El mensaje ha sido renviado con exito');\n setMensajeError(false);\n actualizarSolicitud();\n }\n } catch (err) {\n setMensajeError(true);\n setMensajeEnvio('Hubo un error en enviar el mensaje, favor de verificarlo');\n }\n setCargando(false);\n }\n /*\n const cancelarContrato = async () => {\n setMensajeError(false);\n setMensajeEnvio('');\n // if (motivoCancelacion.trim() === '') {\n // setCargando(false);\n \n // return;\n // }\n setCargando(true);\n try {\n const resp = await cancelarContratoParaFirma(solicitud.id, documento.id, {motivo_cancelacion: motivoCancelacion});\n if (resp.status === 200) {\n setMensajeEnvio('El mensaje ha sido cancelado');\n setMensajeError(false);\n actualizarSolicitud();\n }\n } catch (err) {\n setMensajeError(true);\n setMensajeEnvio('Hubo un error en la cancelación del contrato, favor de verificarlo');\n }\n setCargando(false);\n }\n */\n \n return (\n \n \n
\n Enviar documento por SMS o email
\n\n { cargando ? \n
\n ¿Por qué vía quiere enviar el documento?
\n\n \n
\n El mensaje se enviara vía {modoEnvio} a {modoEnvio === 'email' ? solicitud.empleado.email : solicitud.empleado.telefono_celular}
\n { mensajeEnvio.trim() !== '' ?\n errorMensaje ? \n\n \n {mensajeEnvio}\n
\n :\n\n \n {mensajeEnvio}\n
\n :\n null\n }\n \n \n }\n\n \n { cargando ?\n \n : documento.documento_enviado\n ?\n Documento enviado\n :\n \n }\n
\n \n
\n Reenviar documento por email
\n\n { cargando ? \n
\n ¿Quiere reenviar el documento?
\n {/*\n \n
*/}\n El mensaje se reenviara vía SMS a { solicitud.empleado.telefono_celular}
\n { mensajeEnvio.trim() !== '' ?\n errorMensaje ? \n\n \n {mensajeEnvio}\n
\n :\n\n \n {mensajeEnvio}\n
\n :\n null\n }\n \n \n }\n\n \n { cargando ?\n \n :\n \n }\n
\n \n
\n Cancelar contrato
\n\n { cargando ? \n
\n ¿Quiere cancelar el contrato?
\n\n setMotivoCancelacion(e.target.value)} autofocus className=\"form-control\"/>\n
\n { motivoCancelacion.trim() === '' && Debe de tener un motivo de cancelación }\n { documento.estatus_absign_str === 'cancelado' && El contrato ha sido cancelado }\n \n \n \n }\n \n \n { cargando ?\n \n : documento.estatus_absign_str === 'cancelado' ?\n Documento cancelado\n :\n \n }\n
\n \n {\n Object.entries(modos).map( ([key, value], index) => (\n accion(key)}\n >\n {value}\n \n ) )\n } \n
\n );\n}\n \nexport default NavModos;","import React, { createContext, useEffect, useState } from 'react';\nimport {\n aprobarCuentaCDD,\n getCuentasCDD,\n getResumenCuentasCDD,\n obtenerSolicitud,\n removerCuentaCDD,\n updateCuentasCDD\n} from '../../api/Solicitudes';\n\nconst CDDContext = createContext();\n\nconst CDDProvider = ({children}) => {\n const [cuentas, setCuentas] = useState([]);\n const [solicitud, setSolicitud] = useState({});\n const [resumenCuenta, setResumenCuenta] = useState({});\n const [cuenta, setCuenta] = useState({});\n const [modalActualizar, setModalActualizar] = useState(false);\n const [modalSeleccionar, setModalSeleccionar] = useState(false);\n const [filtros, setFiltros] = useState({\n otorgantes: ['BANCO', 'HIPOTECARIO', 'REVOLVENTE', 'HIPOTECAGOBIERNO'],\n tipo_cuenta: {\n I: 'Pagos Fijos',\n M: 'Hipoteca',\n O: 'Sin Límite Pre-establecido',\n R: 'Revolvente'\n },\n forma_pago_actual: ['01'],\n })\n\n useEffect(() => {\n if (solicitud.hasOwnProperty('id')) {\n getCuentas();\n getResumenCuentas();\n }\n }, [solicitud])\n\n const getCuentas = async () => {\n try {\n const resp = await getCuentasCDD(solicitud.id);\n setCuentas(resp.data);\n setFiltros({\n ...filtros,\n otorgantes: Array.from(new Set(resp.data.map((cuenta) => cuenta.nombre_otorgante))),\n forma_pago_actual: Array.from(new Set(resp.data.map((cuenta) => cuenta.forma_pago_actual)))\n });\n } catch (err) {\n console.log(err);\n }\n }\n\n const refrescarSolicitud = async () => {\n const res = await obtenerSolicitud(solicitud.id);\n setSolicitud(res.data);\n }\n\n const mostrarModalActualizar = (mostrarModal, cuentaAModificar) => {\n setModalActualizar(mostrarModal);\n setCuenta(cuentaAModificar);\n getCuentas()\n }\n\n const mostrarModalSeleccionar = (mostrarModal, cuentaAModificar) => {\n setCuenta(cuentaAModificar);\n setModalSeleccionar(mostrarModal);\n }\n \n const valoresNuevosCuenta = (valoresNuevos) => {\n setCuenta({...cuenta, ...valoresNuevos})\n };\n\n const modificarCuenta = async () => {\n try {\n await updateCuentasCDD(solicitud.id, cuenta.uuid, cuenta);\n getCuentas();\n setModalActualizar(false);\n } catch (err) {\n console.log(err)\n }\n }\n\n const getResumenCuentas = async () => {\n try {\n const resp = await getResumenCuentasCDD(solicitud.id);\n setResumenCuenta(resp.data);\n } catch(err) {\n console.log(err)\n }\n }\n\n const aprobarCuenta = async () => {\n try {\n await aprobarCuentaCDD(solicitud.id, cuenta.uuid);\n setModalSeleccionar(false);\n getCuentas();\n await refrescarSolicitud();\n } catch (err) {\n console.log(err)\n }\n }\n\n const removerCuenta = async (cuenta) => {\n try {\n await removerCuentaCDD(solicitud.id, cuenta.uuid);\n await refrescarSolicitud();\n getCuentas();\n } catch (err) {\n console.log(err)\n }\n }\n\n const filtrar = async (otorgante, tipo_cuenta, forma_pago) => {\n let cuentasFiltradas = [];\n try {\n const resp = await getCuentasCDD(solicitud.id);\n cuentasFiltradas = resp.data;\n } catch(err) {\n console.log(err)\n }\n\n if (otorgante !== '') {\n cuentasFiltradas = cuentasFiltradas.filter(cuenta => cuenta.nombre_otorgante === otorgante);\n }\n if (tipo_cuenta !== '') {\n cuentasFiltradas = cuentasFiltradas.filter(cuenta => cuenta.tipo_cuenta === tipo_cuenta);\n }\n if (forma_pago !== '') {\n cuentasFiltradas = cuentasFiltradas.filter(cuenta => cuenta.forma_pago_actual === forma_pago);\n }\n setCuentas(cuentasFiltradas);\n }\n\n const limpiarFiltros = () => {\n getCuentas();\n }\n\n const context = {\n cuentas,\n cuenta,\n getCuentas,\n mostrarModalActualizar,\n mostrarModalSeleccionar,\n modalActualizar,\n modalSeleccionar,\n modificarCuenta,\n valoresNuevosCuenta,\n aprobarCuenta,\n removerCuenta,\n solicitud,\n setSolicitud,\n filtros,\n filtrar,\n getResumenCuentas,\n resumenCuenta,\n limpiarFiltros,\n };\n\n return (\n \n
\n Reglas para cuentas aptas para compra de deuda
\n\n
\n - \n
- Cuenta abierta \n
- Otorgantes excluidos:\n
- \n
- COMUNICACIONES \n
- SERVICIOS \n
- GUBERNAMENTAL \n
- AUTOMOTRIZ \n
- HIPOTECARIA \n
- HIPOTECAGOBIERNO \n
\n - Tipos de cuentas aptas: \n
- \n
- R (Revolvente) \n
- I (Pagos fijos) \n
\n - Tipo de responsabilidad apta:\n
- \n
- I (Individual) \n
\n - Forma de pago actual:\n
- \n
- UR \n
- 00 \n
- 01 \n
- 02 \n
\n - Antigüedad mínima de 6 meses \n
- Saldo actual mínimo de $2500.00 \n
\n \n
\n \n \n \n
\n\n
\n );\n}\n \nexport default CDDLista;\n\n","import React, { useContext, useState } from 'react';\nimport { CDDContext } from '../../../context/solicitudes/CDDContext';\n\nconst Buscador = () => {\n const [filters, setFilters] = useState({\n otorgante: '',\n tipo_cuenta: '',\n forma_pago_actual: ''\n })\n const { filtros: {otorgantes, tipo_cuenta, forma_pago_actual}, filtrar } = useContext(CDDContext);\n \n const buscarOnchange = (e) => {\n setFilters({\n ...filters,\n [e.target.name]: e.target.value\n });\n if(e.target.name === 'otorgante') {\n filtrar(e.target.value, filters.tipo_cuenta, filters.forma_pago_actual);\n }\n if(e.target.name === 'tipo_cuenta') {\n filtrar(filters.otorgante, e.target.value, filters.forma_pago_actual);\n }\n if(e.target.name === 'forma_pago_actual') {\n filtrar(filters.otorgante, filters.tipo_cuenta, e.target.value);\n }\n }\n\n // useEffect(() => {\n\n // }, [solicitud])\n\n // const limpiarBusqueda = () => {\n // setFilters({\n // otorgante: '',\n // tipo_cuenta: '',\n // forma_pago_actual: ''\n // });\n // limpiarFiltros();\n // }\n\n \n return (\n <>\n | Otorgante | \nTipo cuenta | \nContrato | \nNo. pagos | \nFrecuencia pago | \n {/*Monto | */}\nFecha apertura | \nFecha ultimo pago | \nCrédito máximo | \nSaldo Actual | \nMonto de pago | \nSaldo vencido | \nMOP Actual | \nHistorico | \n {/**/}\n {/* Apta CDD*/}\n {/* | */}\n \n\n | \n
|---|
\n
\n\n \n \n
\n \n
\n\n \n \n
\n \n
\n\n \n \n
\n \n
\n \n );\n}\n \nexport default Buscador;","import React, { useContext } from 'react';\nimport { CDDContext } from '../../../context/solicitudes/CDDContext';\nimport { currencyFormat } from '../../../utils/filters';\n\nconst CDDResumen = () => {\n\n const { resumenCuenta } = useContext(CDDContext)\n \n\n console.log(resumenCuenta);\n return (\n \n {/* */}\n \n {/* */}\n {/* filtrar(filters.otorgante, filters.tipo_cuenta, filters.forma_pago_actual, solicitud)}\n >\n \n Buscar\n */}\n \n
\n \n\n {resumenCuenta.cuentas.map((cuenta, index) => (\n \n \n
\n ))}\n \n \n
\n
\n \n );\n}\n \nexport default CDDResumen;","import React, { useContext, useEffect } from 'react';\nimport { currencyFormat } from '../../../utils/filters';\nimport { CDDContext } from '../../../context/solicitudes/CDDContext';\n\nconst CDDMonto = () => {\n const { solicitud } = useContext(CDDContext);\n\n useEffect(() => {\n \n return () => {\n \n }\n }, [solicitud])\n \n return (\n | {cuenta.nombre_otorgante} | \n{cuenta.num_cuentas} | \n{ currencyFormat(cuenta.credito_maximo_total)} | \n{ currencyFormat(cuenta.saldo_actual_total) } | \n
|---|---|---|---|
| {subcuenta.tipo_cuenta_nombre} | \n{subcuenta.num_cuentas} | \n{ currencyFormat(subcuenta.credito_maximo_total_tipo_cuenta) } | \n{ currencyFormat(subcuenta.saldo_actual_total) } | \n
| Total general | \n{ resumenCuenta.num_cuentas } | \n{ currencyFormat(resumenCuenta.credito_maximo_total)} | \n{ currencyFormat(resumenCuenta.saldo_actual_total) } | \n
|---|
\n \n Monto CDD \n {solicitud.monto_cdd === '--' ? '$0.00' : currencyFormat(solicitud.monto_cdd) }\n
\n );\n}\n \nexport default CDDMonto;","import React, { useContext } from 'react';\nimport Modal from 'react-awesome-modal';\nimport Swal from 'sweetalert2';\nimport { CDDContext } from '../../../context/solicitudes/CDDContext';\n\n\nconst ModalActualizarCuenta = () => {\n const { modalActualizar, mostrarModalActualizar, cuenta, valoresNuevosCuenta, modificarCuenta } = useContext(CDDContext);\n\n const onChangeValoresReales = (e) => {\n valoresNuevosCuenta({\n [e.target.name]: e.target.value\n });\n }\n\n const actualizarCuenta = () => {\n modificarCuenta();\n Swal.fire({\n type: 'success',\n text: 'La cuenta fue actualizada exitosamente',\n toast: true,\n position: 'top-end',\n timer: 5000,\n showConfirmButton: false\n })\n }\n\n return (\n \n
\n Modificar cuenta
\n\n \n
\n \n \n \n \n
\n \n \n \n
\n
\n );\n}\n \nexport default CotizacionComparativa;","import React, { useContext } from 'react';\nimport Modal from 'react-awesome-modal';\nimport Swal from 'sweetalert2';\nimport { CDDContext } from '../../../context/solicitudes/CDDContext';\nimport { currencyFormat } from '../../../utils/filters';\nimport CotizacionComparativa from './CotizacionComparativa';\n\nconst ModalSeleccionarCuenta = () => {\n const { modalSeleccionar, mostrarModalSeleccionar, cuenta, aprobarCuenta } = useContext(CDDContext);\n\n const seleccionarCuenta = () => {\n aprobarCuenta();\n Swal.fire({\n type: 'success',\n text: 'La cuenta fue agregada satisfactoriamente',\n toast: true,\n position: 'top-end',\n timer: 3000,\n showConfirmButton: false\n })\n }\n \n return (\n | \n | Financiera | \nYuhu | \n
|---|---|---|
| Número de pagos | \n{cuenta.cotizacion_actual.numero_pagos} | \n{cuenta.cotizacion_yuhu.numero_pagos} | \n
| Pago mensual | \n{currencyFormat(cuenta.cotizacion_actual.pago_mensual)} | \n{currencyFormat(cuenta.cotizacion_yuhu.pago_mensual)} | \n
| Tasa de interés | \nN/A | \n{cuenta.cotizacion_yuhu.tasa_interes}% | \n
| Total a pagar | \n{currencyFormat(cuenta.cotizacion_actual.total_pagar)} | \n{currencyFormat(cuenta.cotizacion_yuhu.total_pagar)} | \n
\n
\n Agregar cuenta CDD
\n\n
\n ¿Desea agregar la cuenta para compra de deuda por { currencyFormat(cuenta.saldo_actual_real) }?
\n { cuenta.cotizacion_yuhu && cuenta.cotizacion_actual ? \n\n \n { cuenta.estatus_yuhu === 'aceptada' ? \n 'cuenta seleccionada' : \n \n }\n
\n \n
\n\n \n
\n \n
\n \n
\n\n \n
\n\n \n {\n modo === 'listado' ? \n
\n \n {/*
\n\n */}\n
*/}\n {/* \n
\n Excepciones de Riesgo
\n\n Mes anterior
\n Solicitudes: {excepciones.solicitudes_mes_anterior}
\n Monto: {currencyFormat(excepciones.monto_mes_anterior)}\n
\n \n Solicitudes: {excepciones.solicitudes_mes_anterior}
\n Monto: {currencyFormat(excepciones.monto_mes_anterior)}\n
\n Mes actual
\n Solicitudes: {excepciones.solicitudes_mes_actual}
\n Monto: {currencyFormat(excepciones.monto_mes_actual)}\n
\n {/* \n Solicitudes: {excepciones.solicitudes_mes_actual}
\n Monto: {currencyFormat(excepciones.monto_mes_actual)}\n
\n
*/}\n \n
\n Excepciones de Riesgo
\n\n
\n Solicitudes: 30
\nMonto: 100
\n\n
\n Solicitudes: 30
\nMonto: 100
\n\n
\n \n
\n \n
\n { listaExcepciones && listaExcepciones.map((excepcion, index) => (\n Selecciona las opciones que desees
\n\n seleccionarExcepcion(excepcion) }>\n { listaExcepcionesSeleccionadas && listaExcepcionesSeleccionadas.includes(excepcion) && } {excepcion}\n \n {/*
\n )) }\n */}\n {/*
*/}\n */}\n {/* setShowModal(false)} checked={false} />*/}\n {/*
*/}\n {/* {excepcion}
*/}\n {/*\n
\n \n \n setComentarioExcepcion(e.target.value)}\n required>\n
\n \n \n \n
\n \n { notasCredito.excepcion_riesgo_listado_array && notasCredito.excepcion_riesgo_listado_array.map( (excepcion, index) => (\n
\n )\n}\n\nexport default ExcepcionRiesgo;\n","import React, { useEffect, useState } from 'react';\nimport { getOcrIneData, invalidarINE } from '../../../api/Solicitudes';\nimport { mostrarToast} from '../../../utils/alerts';\n\n\nconst OcrINE = ({idSolicitud}) => {\n const [data, setData] = useState({});\n const [solicitarIne, setSolicitarIne] = useState(false);\n\n const getData = async () => {\n try {\n const response = await getOcrIneData(idSolicitud);\n setData(response.data);\n setSolicitarIne(!response.data.valido)\n } catch (error) {\n console.log(error);\n }\n }\n\n const solicitarINE = async () => {\n try {\n const resp = await invalidarINE(idSolicitud)\n mostrarToast('Se cambio estatus de INE correctamente');\n setSolicitarIne(false)\n } \n catch (error) {\n console.log('Error:', error);\n mostrarToast('Error');\n }\n }\n \n useEffect(() => {\n if (idSolicitud !== undefined) {\n getData();\n } \n }, [idSolicitud]);\n\n return (\n \n {excepcion}\n
\n\n ) ) }\n { notasCredito.excepcion_riesgo_listado_array && notasCredito.excepcion_riesgo_listado_array.length === 0 &&\n \n
\n }\n { notasCredito.excepcion_riesgo_comentario &&\n No cuenta con excepciones de riesgo
\n\n
\n }\n { solicitud.estatus === 'rechazada' || solicitud.estatus === 'credito generado' || solicitud.estatus === 'cancelada'\n ? null\n : Comentario: {notasCredito.excepcion_riesgo_comentario}
\n\n \n
\n }\n \n
\n );\n}\n \nexport default OcrINE;","import React, { useEffect, useState } from 'react';\nimport { getOcrPoaData } from '../../../api/Solicitudes';\n\n\nconst OcrPoa = ({idSolicitud}) => {\n const [data, setData] = useState({});\n\n const getData = async () => {\n try {\n const response = await getOcrPoaData(idSolicitud);\n setData(response.data);\n } catch (error) {\n console.log(error);\n }\n }\n \n useEffect(() => {\n if (idSolicitud !== undefined) {\n getData();\n } \n }, [idSolicitud]);\n\n return (\n \n
\n \n
\n \n Validación de identificación\n
\n \n {solicitarIne\n ? \n solicitarINE() }\n >\n Solicitar INE\n \n : \n solicitarINE() }\n >\n Solicitar INE\n \n } \n
\n \n { !data.informacion_completa\n ? 'No hay datos'\n :
\n \n\n
\n }\n \n \n \n
\n\n \n Apellido Paterno \n {data.apellido_paterno}\n
\n\n \n Apellido Materno\n {data.apellido_materno}\n
\n\n \n Nombre\n {data.nombre}\n
\n\n \n Género\n {data.genero}\n
\n\n \n CURP\n {data.curp}\n
\n \n \n RFC\n {data.rfc}\n
\n\n \n Fecha de Nacimiento\n {data.fecha_nacimiento}\n
\n\n \n Nacionalidad\n {data.nacionalidad}\n
\n \n \n \n
\n\n \n Número de Electoral\n {data.no_electoral}\n
\n \n \n Proveedor\n {data.proveedor}\n
\n\n \n Tipo de Documento\n {data.tipo_documento}\n
\n\n \n Fecha de Registro\n {data.fecha_registro}\n
\n\n \n Fecha de vigencia\n {data.fecha_vigencia}\n
\n\n \n Estatus\n {data.estatus}\n
\n\n \n Fecha Emisión\n {data.fecha_emision}\n
\n\n \n Válido\n \n { data.valido\n ? <> Si\n : <> No\n }\n \n
\n \n RENAPO\n \n {data.verificado_renapo\n ? <> Válido\n : <> Inválido\n }\n \n
\n \n Videoselfie\n { data.videoselfie &&\n \n Link\n \n }\n
\n\n \n
\n\n \n\n \n\n \n Calle\n {data.calle}\n
\n\n \n Número Exterior\n {data.numero_exterior}\n
\n\n \n Número Interior\n {data.numero_interior}\n
\n\n \n Colonia\n {data.colonia}\n
\n\n \n Código Postal\n {data.codigo_postal}\n
\n\n \n Municipio\n {data.municipio}\n
\n \n \n Estado\n {data.estado}\n
\n\n \n Domicilio Completo\n {data.domicilio_completo}\n
\n \n \n
\n );\n}\n \nexport default OcrPoa;","import React, { useEffect, useState } from 'react';\nimport { getPLDData } from '../../../api/Solicitudes';\nimport { dateFormat } from '../../../utils/filters';\n\n\nconst PLD = ({idSolicitud}) => {\n\n const [data, setData] = useState({});\n\n const getData = async () => {\n try {\n const response = await getPLDData(idSolicitud);\n setData(response.data);\n console.log(response.data);\n } catch (error) {\n console.log(error);\n }\n }\n \n useEffect(() => {\n if (idSolicitud !== undefined) {\n getData();\n } \n }, [idSolicitud]);\n\n return (\n \n Validación de comprobante de domicilio\n
\n \n { Object.keys(data).length === 0 \n ? 'No hay datos'\n :
\n \n\n
\n }\n \n \n
\n\n \n Calle\n {data.calle}\n
\n \n Número Exterior\n {data.numero_exterior || '--'}\n
\n \n Número Interior\n {data.numero_interior || '--'}\n
\n \n Colonia\n {data.colonia}\n
\n \n \n Código Postal\n {data.codigo_postal}\n
\n \n Municipio\n {data.municipio}\n
\n \n Estado\n {data.estado}\n
\n \n {/* \n Comprobante\n {data.comprobante}\n
*/}\n \n Domicilio Completo\n {data.domicilio_completo}\n
\n \n {/* \n Estatus\n {data.estatus}\n
*/}\n {/* \n {data.fecha_creacion}\n
\n \n {data.fecha_edicion}\n
*/}\n \n Fecha de emisión\n {data.fecha_emision}\n
\n \n Identificador\n {data.identificador}\n
\n \n \n \n Proveedor\n {data.proveedor}\n
\n \n Tipo de documento\n {data.tipo_documento}\n
\n \n Valido\n \n { data.valido\n ? <> Si\n : <> No\n }\n \n
\n\n \n \n \n 
\n \n
\n\n \n \n
\n );\n}\n \nexport default PLD;","import React from 'react';\nimport OcrINE from './OcrINE';\nimport OcrPoa from './OcrPoa';\nimport PLD from './PLD';\n\n\nconst OcrData = ({idSolicitud}) => {\n \n\n return (\n <>\n \n PLD\n
\n \n { Object.keys(data).length === 0\n ? 'No hay datos'\n :
\n \n
\n }\n \n \n
\n\n \n Nombre consultado\n {data.nombre_consultar}\n
\n\n \n Fecha de consulta\n {dateFormat(data.fecha_consulta)} - {data.fecha_consulta && data.fecha_consulta.split('T')[1].split('.')[0]}\n
\n\n \n Estatus\n \n\n { data.estatus === 'hit'\n ? <>{data.estatus} \n : <>{data.estatus} \n } \n \n
\n\n \n Proveedor\n {data.proveedor}\n
\n { data.link && data.estatus === 'hit' &&\n \n Link\n {data.link}\n
\n }\n \n { data.listas\n ? <>\n \n
\n Listas en las que aparece
\n ●{ data.listas.replace(/\\s/g, '●').replace(/,/g, ' ') }\n
\n \n : \n \n Listas en las que aparece\n \n \n No se encontraron listas\n \n
\n }\n \n \n
\n )\n }\n\n return (\n <>\n \n { mostrar && domicilioCompleto &&\n <>\n \n
\n { title }
\n\n\n
\n \n {\n Object.entries( data ).filter( field => field[1].tipo === typeFields ).map( (field, index) => (\n
\n \n \n
\n ))\n }\n \n \n \n { errores.hasOwnProperty( field[0] ) && { errores[ field[0] ] } }\n
\n \n
\n\n { dataFields( \"Información del solicitante\", \"empleado\" ) }\n\n { dataFields( \"Información del domicilio\", \"domicilio\" ) }\n\n { dataFields( \"Información de la empresa\", \"empresa\" ) }\n\n { dataFields( \"Información del crédito\", \"credito\" ) }\n\n Información para generación de contrato
\n\n
\n\n \n
\n Envío de contrato
\n\n\n
\n \n
\n \n \n
\n \n \n
\n setEnviarContrato(!enviarContrato)} />\n
\n \n setEnviarContrato(!enviarContrato)} />\n
\n \n \n { cargando ? 'Generando contrato...' : 'Generar contrato' }\n \n \n
\n \n }\n\n { !domicilioCompleto && \n \n Para poder generar el contrato es necesario que el empleado tenga el domicilio completo\n
\n }\n \n );\n}\n \nexport default CamposContrato;","import React, { useEffect, useState } from 'react';\n// import Modal from 'react-awesome-modal';\n\nimport CamposContrato from './CamposContrato';\n\nconst GenerarContrato = ({ solicitud, children, cargarDocumentos }) => {\n const [ mostrarCampos, setMostrarCampos ] = useState( false );\n \n\n return (\n <>\n { solicitud.canal && solicitud.canal.toLowerCase() === 'whirlpool' &&\n \n
\n )\n }\n\n consulta_buro = async() => {\n this.setState({loadingBC:true, errors_data_bc:[]})\n let { id, objeto, data_bc, estados, municipios } = this.state\n try {\n // console.log(\"============ DOMICILIO ============\")\n let estado_selected = estados.filter( e => e.value === data_bc.estado)[0]\n // console.log(estado_selected)\n let municipio_selected = municipios.filter( e => e.value === data_bc.delegacion_municipio)[0]\n // console.log(municipio_selected)\n data_bc['estado'] = estado_selected.value_o\n data_bc['delegacion_municipio'] = municipio_selected.value_o\n // console.log(data_bc)\n let peticion_bc = await consultarBuroCredito(id, data_bc)\n // console.log(peticion_bc.data)\n\n let res = await obtenerComprobantesSolicitud(id)\n const comprobantes = res.data\n\n objeto['score_bc'] = peticion_bc.data.score\n objeto['fecha_score'] = peticion_bc.data.fecha_creacion\n objeto['bc_consulto'] = true\n\n res = await obtenerSeguimiento(id)\n const seguimiento = res.data\n\n data_bc['estado'] = estado_selected.value\n data_bc['delegacion_municipio'] = municipio_selected.value\n\n mostrarToast(\"Se ha realizado con éxito la consulta a B.C.\");\n this.setState({objeto: objeto, comprobantes, seguimiento, confDatosBC: false, loadingBC: false, error_consulta_bc: ''})\n\n } catch (error) {\n // console.log(error)\n let estado_selected = estados.filter( e => e.value_o === data_bc.estado)[0]\n let municipio_selected = municipios.filter( e => e.value_o === data_bc.delegacion_municipio)[0]\n let error_consulta_bc = ''\n data_bc['estado'] = estado_selected.value\n data_bc['delegacion_municipio'] = municipio_selected.value\n if(error.data.error) {\n mostrarToast(\"Hubo un error de conexión con B.C.\", 'error');\n error_consulta_bc = '\"Hubo un error al Consultar BC, favor de hacerlo manualmente.\"'\n }else{\n mostrarToast(\"Hubo un error en los datos para consultar B.C.\", 'error');\n }\n this.setState({errors_data_bc: error.data, loadingBC: false, error_consulta_bc, data_bc})\n /* ToDo: Validar si viene con error_bc y colocar el mensaje*/\n }\n\n }\n\n consulta_buro_sb = async() => {\n this.setState({loadingBC:true, errors_data_bc:[]})\n let { id, objeto, data_bc, estados, municipios } = this.state\n var axios = require('axios');\n var res = null\n try {\n //console.log(\"============ DOMICILIO ============\")\n let estado_selected = estados.filter( e => e.value === data_bc.estado)[0]\n //console.log(estado_selected)\n let municipio_selected = municipios.filter( e => e.value === data_bc.delegacion_municipio)[0]\n //console.log(municipio_selected)\n data_bc['estado'] = estado_selected.value_o\n data_bc['delegacion_municipio'] = municipio_selected.value_o\n //console.log(data_bc)\n res = await getJsonBuroCredito(id, data_bc)\n //console.log(res.data)\n //console.log(data_bc)\n //console.log(data_bc['type'])\n\n data_bc['estado'] = estado_selected.value\n data_bc['delegacion_municipio'] = municipio_selected.value\n\n } catch (error) {\n console.log(error)\n let error_consulta_bc = ''\n console.log(error.data.error)\n if(error.data.error) {\n mostrarToast(\"Hubo un error de conexión con B.C.\", 'error');\n error_consulta_bc = '\"Hubo un error al Consultar BC, favor de hacerlo manualmente.\"'\n }else{\n mostrarToast(\"Hubo un error en los datos para consultar B.C.\", 'error');\n }\n this.setState({errors_data_bc: error.data, loadingBC: false, error_consulta_bc})\n }\n\n if(res){\n var config = {\n method: 'post',\n // url: `http://127.0.0.1:8000/api/v1/buro/testConnectionBC/consulta-buro/`,\n // headers: {\n // 'Authorization': 'Api-Key 8xApZY7n.CsjIMQ9ItdYIaW7s1CPogNQDSuWt7IgA',\n url: `https://api.yuhu.mx/api/v1/buro/testConnectionBC/consulta-buro/`,\n headers: {\n 'Authorization': 'Api-Key BtY7gnsV.tff9etixCi3IXeWkTKR061MYOh0AOW4h',\n 'Content-Type': 'application/json'\n },\n data : { data: res.data, type: data_bc[\"type\"] }\n }\n\n axios(config)\n .then(async(response) => {\n // console.log(JSON.stringify(response.data));\n const peticion_buro = response.data\n // console.log(peticion_buro)\n\n let saveBuro = await saveBuroCredito(id, peticion_buro)\n // console.log(\"==================\")\n // console.log(saveBuro)\n // console.log(saveBuro.data.estatus)\n // console.log(\"==================\")\n\n if (saveBuro.data.estatus === \"error_bc\" || saveBuro.data.estatus === \"error\"){\n mostrarToast(\"Hubo un error de conexión con B.C.\", 'error');\n this.setState({loadingBC: false, error_consulta_bc: saveBuro.data.mensaje, intentos_bc: saveBuro.data.intentos})\n }else{\n let res = await obtenerComprobantesSolicitud(id)\n const comprobantes = res.data\n\n objeto['score_bc'] = saveBuro.data.score\n objeto['fecha_score'] = saveBuro.data.fecha_creacion\n objeto['bc_consulto'] = true\n\n res = await obtenerSeguimiento(id)\n const seguimiento = res.data\n\n mostrarToast(\"Se ha realizado con éxito la consulta a B.C.\");\n this.setState({objeto: objeto, comprobantes, seguimiento, confDatosBC: false, loadingBC: false, error_consulta_bc: ''})\n }\n\n })\n .catch((error) => {\n console.log(error)\n mostrarToast(\"Hubo un error de conexión con B.C.\", 'error');\n this.setState({loadingBC: false, error_consulta_bc: \"Hubo un error al Consultar BC, favor de hacerlo manualmente.\"})\n })\n }\n\n }\n\n onChangeSearch = async (campo, e) => {\n const { datos } = this.state;\n datos[campo] = e.target.value;\n this.setState({ datos });\n if (datos[campo] === '') {\n await this.limpiar()\n }\n }\n\n limpiar = async () => {\n this.setState({\n params: {},\n datos: { search: '' },\n prestamoRenovar: {},\n });\n };\n\n buscar = async () => {\n let { params } = this.state;\n const {\n empleado,\n datos: { search }\n } = this.state;\n delete params.search;\n delete params.page;\n params = Object.assign({ search }, params);\n try {\n const res = await obtenerPrestamoActivoRenovacion(empleado.id, params);\n const prestamoRenovar = res.data\n if (!prestamoRenovar.mensaje){\n this.setState({ prestamoRenovar: prestamoRenovar, mensaje: '' })\n }else{\n const { data: { mensaje } } = res;\n this.setState({ prestamoRenovar: {}, mensaje })\n }\n \n } catch (err) {\n // const { data: { mensaje } } = err\n // this.setState({ prestamoRenovar: {}, mensaje })\n console.log(err)\n }\n }\n\n handleKeyDown = async(e) => {\n if (e.key === 'Enter') {\n await this.buscar()\n }\n }\n\n crearVinculo = async() => {\n const { id, objeto, prestamoRenovar } = this.state\n let datos = {}\n let avance_pagos = prestamoRenovar.avance_pagos.split('/')\n let total_dispersion_cliente = objeto.monto - prestamoRenovar.monto_saldar\n\n datos['prestamo_anterior'] = prestamoRenovar.id\n datos['avance_capital'] = prestamoRenovar.avance_capital\n datos['avance_pagos'] = avance_pagos[0].trim()\n datos['capital'] = prestamoRenovar.capital\n datos['interes'] = prestamoRenovar.intereses_ordinarios\n datos['monto_liquidar_credito'] = prestamoRenovar.monto_saldar\n datos['total_dispersion_cliente'] = total_dispersion_cliente.toFixed(2)\n try {\n const res = await crearVinculoRenovacion(datos, id)\n const renovacion = res.data\n this.setState({renovacion: renovacion})\n await this.actualizarTablaOrdenesDispersion()\n await this.validarMontoTotalOrdenDispersion()\n this.mostrarToast('Se creó la Renovación y la Orden Dispersión correspondiente.');\n\n }catch (e) {\n this.mostrarToast('Ocurrió un error', 'error');\n console.log(e)\n }\n }\n\n eliminarVinculo = async() => {\n const { renovacion/* , ordenesDispersion */} = this.state\n try{\n const res = await eliminarVinculoRenovacion(renovacion.id)\n const renov = res.data\n if(renov.id){\n this.mostrarToast('No se pudo eliminar la Renovación','error');\n }else {\n this.setState({\n renovacion: renov,\n confirmarEliminarVinculo: false\n })\n await this.limpiar()\n await this.actualizarTablaOrdenesDispersion()\n await this.validarMontoTotalOrdenDispersion()\n this.mostrarToast('Se eliminó la Renovación y la Orden Dispersión correspondiente.');\n }\n }catch (e) {\n this.mostrarToast('Ocurrió un error', 'error');\n console.log(e)\n }\n }\n\n actualizarTablaOrdenesDispersion = async() => {\n const { id } = this.state\n try{\n const res = await obtenerOrdenesDispersionSolicitud(id)\n const ordenesDispersion = this.addPropsObjectDispersion(res.data);\n this.setState({ordenesDispersion})\n }catch (e) {\n console.log(e)\n }\n }\n\n confirmar_datos_bc = () => {\n this.setState({confDatosBC: true})\n }\n\n reactivarSolicitud = async (solicitud) => {\n console.log('esta es la solicitud --> ', solicitud);\n try {\n await reactivarSolicitudCredito(solicitud.id);\n this.setState({modalReactivarSolicitud: false});\n this.componentDidMount();\n } catch (err) {\n console.log(err);\n }\n }\n\n actualizarDatosSolicitud = () => {\n this.componentDidMount();\n }\n\n empleadoForm(){\n\n const { data_bc, errors_data_bc, estados, municipios} = this.state;\n\n return (\n \n
\n\n {titulo}
\n- \n {guia.map((obj, indice) => {\n return (\n
- \n {obj.url ? (\n {obj.nombre}\n ) : (\n {obj.nombre}\n )}\n \n );\n })}\n
\n
\n \n \n
\n \n
\n\n Empleado
\n- \n
- Cliente: \n
- { empleado.nombre_completo } \n
\n
\n \n
\n - \n
- UUID: \n
- { empleado.uuid } \n \n
\n
\n \n \n
\n - \n
- Empresa: \n
- { empleado.empresa_str } \n
\n
\n \n
\n - \n
- Score BC: \n
- { objeto.score_bc } ({ dateFormat(objeto.fecha_score) }) \n
\n
\n \n
\n \n
\n\n Solicitud
\n- \n
- Monto solicitado: \n
- { currencyFormat(objeto.monto) } \n
\n
\n \n
\n - \n
- # de periodos: \n
- { objeto.num_amortizaciones } \n
\n
\n \n
\n - \n
- Monto a desc: \n
- { currencyFormat(objeto.monto_descontar) } \n
\n
\n \n
\n - \n
- Periodo: \n
- { objeto.frecuencia_cobro } \n
\n
\n \n
\n \n \n \n
\n :\n
\n\n Historial de crédito
\n\n {\n historialPrestamos.length > 0 ?\n| Folio | \nSaldo | \nPagos | \nAtraso | \nSig. pago | \n
|---|---|---|---|---|
| \n {item.folio}\n | \n{currencyFormat(item.adeudo_total)} | \n{item.dias_retraso} | \n
Sin créditos registrados
\n }\n\n
\n )\n }\n\n handleChangeDataBC = async (e) => {\n const { data_bc } = this.state;\n const {target: {name, value}} = e;\n\n data_bc[name] = value;\n\n if (name === 'estado') {\n const municipios = [{label: '--Selecciona--', value: ''}];\n data_bc.delegacion_municipio = '';\n if (value !== ''){\n const respMunicipios = await obtenerMunicipios(value);\n respMunicipios.data.forEach(m => {\n municipios.push({label: m.nombre, value: m.id});\n });\n }\n\n this.setState({ data_bc, municipios })\n } else {\n this.setState({ data_bc })\n }\n\n }\n\n analizarIA = async (e) => {\n const { id, ia } = this.state;\n ia.analizando = true;\n this.setState(ia);\n\n try {\n const resp = await analizarSolicitudIA(id);\n\n if (resp.data.success){\n this.mostrarToast('Se analizó con IA exitosamente', '')\n this.actualizarDatosSolicitud();\n // TODO: Actualizar información de IA.\n ia.data.analisis_yuhu_ia = resp.data.analisis_yuhu_ia;\n ia.data.analisis_yuhu_score_ia = resp.data.analisis_yuhu_score_ia;\n this.setState(ia);\n }else {\n this.mostrarToast('Ocurrió un error en el servidor', 'error');\n }\n\n } catch (err) {\n console.log(err);\n this.mostrarToast('Ocurrió un error en el servidor', 'error');\n }\n\n ia.analizando = false;\n this.setState(ia);\n\n }\n\n showValidarRescate = () => {\n const {validacionesRescate} = this.state;\n validacionesRescate.showValidarRescate = true;\n this.setState(validacionesRescate);\n }\n\n handleChangeValidacionRescate = (e) => {\n const {validacionesRescate} = this.state;\n validacionesRescate.nuevaValidacion[e.target.name] = e.target.value;\n this.setState(validacionesRescate);\n }\n\n handleSubmitValidacionRescate = async () => {\n const {id, validacionesRescate} = this.state;\n\n try {\n const req = await agregarValidacionRescateSolicitud(id, validacionesRescate.nuevaValidacion);\n mostrarToast('Se pasó a validación de rescate con éxito');\n validacionesRescate.validaciones.push(req.data);\n }catch (error) {\n console.log(error);\n mostrarToast('Ocurrió un error al pasar la solicitud a validación de rescate', 'error');\n }\n validacionesRescate.showValidarRescate = false;\n validacionesRescate.nuevaValidacion = {};\n this.setState(validacionesRescate);\n\n // Actualizamos la información de la solicitud\n this.actualizarDatosSolicitud();\n\n }\n\n render () {\n const guia = [\n { nombre: 'Solicitudes', url: '/solicitudes', clase: '' },\n { nombre: 'Ver', url: '', clase: 'active' }\n ]\n\n const {\n pestanaSeleccionada,\n titulo,\n mostrarFrmOrdenDispEdit,\n mostrarFrmComp,\n mostrarConfComp,\n mostrarConfCompDoc,\n mostrarConfInvalidar,\n mostrarConfValidar,\n mostrarConfReenvio,\n mostrarFrmDoc,\n mostrarFrmDocFirm,\n mostrarConfElimContrato,\n mostrarFrmRechazo,\n objeto,\n empleado,\n valid_rfc,\n valid_curp,\n producto,\n infoBancaria,\n domicilio,\n cotizacion,\n percepciones,\n // referencias,\n // cotCreColumnas,\n ordenesDispersion,\n ordenDispersion,\n errorsOrdenDisp,\n comprobantes,\n // comprobantesCols,\n // comprobantesBtns,\n // tiposDocumento,\n opcionesTiposDocumento,\n mensajes,\n documentos,\n seguimiento,\n dataEstatus,\n // dataErrorDispersion,\n historialPrestamos,\n historialPrestamosCols,\n // informacionCrediticia,\n editarComprobante,\n // editarComprobanteDisp,\n mostrarConfElimDocContrato,\n mostrarFrmComentario,\n mostrarConfValidarCuentaClabe,\n mostrarConfElimComentario,\n mostrarModal,\n dataPrestamo,\n errorsPrestamo,\n // mostrarModalReferencia,\n // tituloModalReferencia,\n // accionReferencia,\n // referencia,\n // errorsReferencia,\n // showReqDispersion,\n // dispersionAutorizada,\n // errorsDispersionAutorizada,\n formOrdenDisp,\n cuentasBancarias,\n mostrarConfElimOrdenDisp,\n mostrarConfEnviarOrdenDisp,\n dispersionCompleto,\n totalDispersion,\n renovacion,\n // ordenVenta,\n disabledButtons,\n disabledSend,\n datos: { search },\n prestamoRenovar,\n mensaje,\n confirmarEliminarVinculo,\n confDatosBC,\n confUnificacion,\n unificandoEmpleado,\n loadingBC,\n error_consulta_bc,\n intentos_bc,\n INEFrontalValido,\n infoBancariaEstatus,\n bancos,\n datosEnviarCompOrdenDisp,\n motivosRechazo,\n dataUnificacion,\n dataEmpleadoUnificacion,\n ia\n } = this.state;\n\n let {\n id,\n // ocultarTabs,\n // referenciaId\n } = this.state;\n\n let formComprobante = {};\n\n if (editarComprobante){\n formComprobante = {\n fields:[{\n name:'documento',\n className: 'col-md-12',\n label:'Comprobante',\n type:'file',\n helpText:'',\n id:'archivoComprobante'\n }],\n data: this.state.dataComprobante,\n errors: this.state.errorsComprobante\n }\n }else {\n formComprobante = {\n fields:[{\n name:'tipo_documento',\n className: 'col-md-12',\n label:'Tipo de documento',\n type:'select',\n options: opcionesTiposDocumento,\n helpText:'',\n id:'archivoComprobante'\n },{\n name:'documento',\n className: 'col-md-12',\n label:'Comprobante',\n type:'file',\n helpText:''\n }],\n data: this.state.dataComprobante,\n errors: this.state.errorsComprobante\n }\n }\n // let nombre_xml = (typeof this.state.ordenDispersion.name_xml === 'undefined') ? '':this.state.ordenDispersion.name_xml\n // let nombre_pdf = (typeof this.state.ordenDispersion.name_pdf === 'undefined') ? '':this.state.ordenDispersion.name_pdf\n\n const formComprobanteDisp = {\n fields:[{\n name:'beneficiario_banco',\n label:'Banco Beneficiario',\n type:'select',\n helpText:'',\n options: bancos,\n id:'cuentaOrdenante'\n },{\n name:'beneficiario_clabe',\n label:'CLABE Beneficiario',\n type:'text',\n helpText:''\n },{\n name:'beneficiario_nombre',\n label:'Nombre Beneficiario',\n type:'text',\n helpText:''\n },\n // {\n // name:'beneficiario_rfc_curp',\n // label:'CURP / RFC',\n // type:'text',\n // helpText:''\n // },\n {\n name:'monto',\n label:'Monto',\n type:'text',\n helpText:''\n },{\n name:'cuenta_ordenante',\n label:'Cuenta Ordenante',\n type:'select',\n options: cuentasBancarias,\n helpText:'',\n id:'cuentaOrdenante'\n },{\n name:'dispersion_realizada',\n label:'Dispersion Realizada',\n type:'checkbox',\n helpText:'Selecciona si la dispersión ya ha sido realizada',\n id:'dispersionRealizada'\n },{\n name:'clave_rastreo',\n label:'Clave Rastreo',\n type:'text',\n helpText:'',\n },\n // {\n // name:'concepto',\n // label:'Concepto',\n // type:'text',\n // helpText:''\n // },{\n // name:'referencia',\n // label:'Referencia',\n // type:'text',\n // helpText:''\n // },\n {\n name:'fecha_dispersion',\n label:'Fecha Dispersión',\n type:'date',\n options: {dateFormat: 'Y-m-d', locale: Spanish},\n disabled: false,\n helpText: '',\n },\n // {\n // name:'estatus',\n // label:'Estatus',\n // type:'select',\n // options: [\n // {label:'Seleccionar...', value:''},\n // {label: 'Pendiente', value:'pendiente'},\n // {label: 'Error', value:'error'},\n // {label: 'Exito', value:'exito'}\n // ],\n // disabled: false,\n // helpText: '',\n // },{\n // name:'error',\n // label:'Error',\n // type:'checkbox',\n // disabled: false,\n // helpText: '',\n // },{\n // name:'tipo_error',\n // label:'Tipo de Error',\n // type:'select',\n // options: [\n // {label:'Seleccionar...', value:''},\n // {label:'Cuenta inexistente', value:'1'},\n // {label:'Cuenta bloqueada', value:'2'},\n // {label:'Cuenta cancelada', value:'3'},\n // {label:'Cuenta en otra divisa', value:'4'},\n // {label:'Cuenta no pertenece al banco receptor', value:'5'},\n // {label:'Beneficiario no reconoce el pago', value:'6'},\n // {label:'Falta información mandatorio para completar el pago', value:'7'},\n // {label:'Tipo de pago erróneo', value:'8'},\n // {label:'Tipo de operación errónea', value:'9'},\n // {label:'Tipo de cuenta no corresponde', value:'10'},\n // {label:'A solicitud del emisor', value:'11'},\n // {label:'Carácter inválido', value:'12'},\n // {label:'Excede el límite de saldo autorizado de la cuenta', value:'13'},\n // {label:'Excede el límite de abonos permitidos en el mes en la cuenta', value:'14'},\n // {label:'Número de telefonía móvil no registrado', value:'15'},\n // {label:'Cuenta adicional no recibe pagos que no proceden de Banxico', value:'16'},\n // ],\n // helpText:'',\n // },{\n // name:'error_descripcion',\n // label:'Descripción error',\n // type:'text',\n // helpText:''\n // },{\n // name:'comprobante_pago_xml',\n // className: 'col-md-12',\n // label: 'XML ['+nombre_xml+']',\n // type:'file',\n // helpText:'',\n // id:'archivoComprobanteDispXML'\n // },{\n // name:'comprobante_pago_pdf',\n // className: 'col-md-12',\n // label: 'PDF ['+nombre_pdf+']',\n // type:'file',\n // helpText:'',\n // id:'archivoComprobanteDispPDF'\n // }\n ],\n data: ordenDispersion,\n errors: errorsOrdenDisp\n }\n\n const formDocumento = {\n fields:[{\n name:'nombre',\n className: 'col-md-12',\n label:'Nombre',\n type:'text',\n helpText:''\n },{\n name:'documento',\n className: 'col-md-12',\n label:'Documento',\n type:'file',\n helpText:''\n }],\n data: this.state.dataDocumento,\n errors: this.state.errorsDocumento\n }\n\n const formDocFirmado = {\n fields:[{\n name:'documento',\n className: 'col-md-12',\n label:'Documento',\n type:'file',\n helpText:''\n }],\n data: this.state.dataDocFirmado,\n errors: this.state.errorsDocFirmado\n }\n\n const frmMensaje = {\n button:{\n label:'Guardar',\n onSubmit: async (event, values) => {\n try {\n const resp = await agregarMensajeSolicitud(values, id)\n const { mensajes } = this.state\n mensajes.push(resp.data)\n this.setState({ dataMensaje: {}, errorsMensaje: [] })\n } catch (error) {\n this.setState({ errorsMensaje: error.data })\n }\n }\n },\n fields:[{\n name:'comentario',\n label:'Comentario',\n type:'textarea',\n helpText:'',\n className: 'form-control',\n labelClassName: 'col-sm-3',\n controlClassName: 'col-sm-9'\n },{\n name:'visible_solicitante',\n label:'Visible solicitante',\n type:'checkbox',\n helpText:'',\n className: 'col-sm-12',\n labelClassName: 'col-sm-3',\n controlClassName: 'col-sm-9'\n }],\n data: this.state.dataMensaje,\n errors: this.state.errorsMensaje\n }\n\n const formRechazarSol = {\n fields:[{\n name:'motivo_rechazo',\n className: 'col-md-12',\n label:'Motivo del rechazo',\n type:'select',\n options: motivosRechazo,\n helpText:''\n },{\n name:'comentario',\n className: 'col-md-12',\n label:'Comentario',\n type:'text',\n helpText:''\n },{\n name:'enviar_email_activacion',\n className: 'col-md-12',\n label:'Enviar comentario al solicitante',\n type:'checkbox',\n helpText:''\n }],\n data: this.state.dataRechazo,\n errors: this.state.errorsRechazo\n }\n\n const formCancelarSol = {\n fields:[{\n name:'motivo_cancelacion',\n className: 'col-md-12',\n label:'Motivo de cancelación',\n type:'select',\n options: [\n {label:'Seleccionar...', value:''},\n // {label:'No quiso firmar buró', value:'no quiso firmar buro'},\n // {label:'Nos tardamos mucho', value:'nos tardamos mucho'},\n // {label:'Se le hicieron muchos requisitos', value:'se le hicieron muchos requisitos'},\n // {label:'Quería mas dinero', value:'queria mas dinero'},\n // {label:'Se le hizo muy caro', value:'se le hizo muy caro'},\n // {label:'Ya no le interesa', value:'ya no le interesa'},\n // {label:'Después nos busca', value:'despues nos busca'},\n // {label:'Encontró otra opción', value:'encontro otra opcion'},\n {label:'Antigüedad laboral', value:'antigüedad laboral'},\n {label:'Cancelado por cliente desde landing', value:'cancelado por cliente desde landing'},\n {label:'Capacidad de pago', value:'capacidad de pago'},\n {label:'Deja en visto', value:'deja en visto'},\n {label:'Después nos busca', value:'despues nos busca'},\n {label:'Encontró otra opción', value:'encontro otra opción'},\n {label:'Giro no permitido', value:'giro no permitido'},\n {label:'Imposible renovar', value:'imposible renovar'},\n {label:'Indeciso', value:'indeciso'},\n {label:'Marketing', value:'marketing'},\n {label:'No comprueba ingresos', value:'no comprueba ingresos'},\n {label:'No proporcionó documentación', value:'no proporciono documentacion'},\n {label:'No Proporcionó ID', value:'no proporciono ID'},\n {label:'No quiso firmar buró', value:'no quiso firmar buro'},\n {label:'No respondió SMS', value:'no respondio sms'},\n {label:'No solicitó el trámite', value:'no solicito el tramite'},\n {label:'Nos tardamos mucho', value:'nos tardamos mucho'},\n {label:'Quería mas dinero', value:'queria mas dinero'},\n {label:'Se le hicieron muchos requisitos', value:'se le hicieron muchos requisitos'},\n {label:'Se le hizo muy caro', value:'se le hizo muy caro'},\n {label:'Sin ID vigente', value:'sin id vigente'},\n {label:'Solicitud duplicada', value:'solicitud duplicada'},\n {label:'Ya no hubo respuesta', value:'ya no hubo respuesta'},\n {label:'Ya no le interesa', value:'ya no le interesa'},\n {label:'Cliente en mora de 5 a 35 días', value:'cliente en mora de 5 a 35 dias'},\n\n ],\n helpText:''\n },{\n name:'comentario',\n className: 'col-md-12',\n label:'Comentario',\n type:'text',\n helpText:''\n }],\n data: this.state.dataCancelacion,\n errors: this.state.errorsCancelacion\n }\n\n // const formReferencia = {\n // button: {\n // label: 'Guardar',\n // onSubmit: async (event, values) => {\n // console.log(values)\n // }\n // },\n // fields: [\n // {\n // name: 'nombre',\n // label: 'Nombre',\n // type: 'text',\n // className: 'col-sm-12'\n // },\n // {\n // name: 'telefono',\n // label: 'Teléfono',\n // type: 'text',\n // className: 'col-sm-12',\n // maxLength: 10,\n // },\n // {\n // name: 'domicilio',\n // label: 'Domicilio',\n // type: 'text',\n // className: 'col-sm-12'\n // },\n // {\n // name: 'parentesco',\n // label: 'Parentesco',\n // type: 'text',\n // className: 'col-sm-12'\n // },\n // {\n // name: 'comentario',\n // label: 'Comentario',\n // type: 'text',\n // className: 'col-sm-12'\n // },\n // ],\n // data: referencia,\n // errors: errorsReferencia\n // };\n\n const formEstatus = {\n button: {\n label:'Guardar',\n onSubmit: async (event, values) => {\n try {\n await actualizarEstatusSolicitud(values, id)\n const res = await obtenerSeguimiento(id)\n const seguimiento = res.data\n this.setState({ seguimiento })\n this.mostrarToast('Estatus actualizado')\n } catch (error) {\n if (error.status === 500) {\n this.mostrarToast('Ocurrio un error en el servidor.', 'error');\n } else if (error.status === 400) {\n // Error de formulario\n let message = \"Error en el formulario\";\n if (error.data && error.data.non_field_errors){\n message = error.data.non_field_errors;\n }\n if(error.data.exception){\n message = error.data.exception;\n }\n this.mostrarToast(message, 'error');\n }else{\n this.mostrarToast(error.data.message, 'error');\n }\n const errorsEstatus = error.data\n console.log(error.data);\n this.setState({ errorsEstatus })\n }\n }\n },\n fields:[{\n name:'estatus',\n label:'Estatus',\n type:'select',\n options: [\n {label:'Seleccionar...', value:''},\n {label:'Incompleta', value:'incompleta'},\n {label:'Preanálisis', value:'preanalisis'},\n {label:'Stand By', value:'stand by'},\n {label:'Validar rescate', value:'validar rescate', disabled:true},\n {label:'Pendiente de analizar', value:'pendiente analizar'},\n {label:'Comité', value:'comite'},\n {label:'Autorizada', value:'autorizada'},\n {label:'Condicionado', value:'condicionado'},\n {label:'Pendiente de firmar', value:'pendiente firmar'},\n {label:'Por dispersar', value:'por dispersar'},\n {label:'Revolvente autorizado', value:'revolvente autorizado'},\n {label:'Por ejercer', value:'por ejercer'},\n // {label:'Cancelada por el cliente', value:'cancelada'},\n ],\n helpText:'',\n className: 'col-sm-12'\n },{\n name:'analisis_buro',\n label:'Análisis de buró de crédito',\n type:'select',\n options: [\n {label:'Seleccionar...', value:''},\n {label:'Aprobado', value:'aprobado'},\n {label:'Pendiente', value:'pendiente'},\n {label:'Rechazado', value:'rechazado'}\n ],\n helpText:'',\n className: 'col-sm-12'\n },{\n name:'analisis_credito',\n label:'Análisis de crédito',\n type:'select',\n options: [\n {label:'Seleccionar...', value:''},\n {label:'Aprobado', value:'aprobado'},\n {label:'Pendiente', value:'pendiente'},\n {label:'Rechazado', value:'rechazado'}\n ],\n helpText:'',\n className: 'col-sm-12'\n },{\n name:'pld',\n label:'PLD',\n type:'select',\n options: [\n {label:'Por consultar', value:'por consultar'},\n {label:'Si', value:'si'},\n {label:'No', value:'no'},\n ],\n helpText:'',\n className: 'col-sm-12'\n },{\n name:'revision_documentos',\n label:'Revisión de documentos',\n type:'select',\n options: [\n {label:'Seleccionar...', value:''},\n {label:'Aprobado', value:'aprobado'},\n {label:'Pendiente', value:'pendiente'},\n {label:'Rechazado', value:'rechazado'}\n ],\n helpText:'',\n className: 'col-sm-12'\n }],\n data: this.state.dataEstatus,\n errors: this.state.errorsEstatus\n };\n\n // const rowPregunta = (\n // pregunta,\n // nombre,\n // checkSi,\n // checkNo,\n // onChangeSi,\n // onChangeNo,\n // error = [],\n // respuestaSi = 'Si',\n // respuestaNo = 'No',\n // ) => (\n // \n {\n console.log(v.length)\n if (v.length) {\n data_bc.fecha_nacimiento = moment(v[0]).format('YYYY-MM-DD');\n }else{\n data_bc.fecha_nacimiento = ''\n }\n console.log(data_bc.fecha_nacimiento)\n this.setState({ data_bc });\n }}\n />\n
\n \n
\n \n \n
\n \n \n { errors_data_bc.nombre || errors_data_bc.primer_nombre && { errors_data_bc.nombre || errors_data_bc.primer_nombre} }\n
\n \n
\n \n \n
\n \n \n { errors_data_bc.apellido_paterno && { errors_data_bc.apellido_paterno } }\n
\n \n
\n \n \n
\n \n \n { errors_data_bc.apellido_materno && { errors_data_bc.apellido_materno } }\n
\n \n
\n \n \n
\n \n \n { errors_data_bc.rfc && { errors_data_bc.rfc } }\n
\n \n
\n \n \n
\n \n \n { errors_data_bc.direccion1 && { errors_data_bc.direccion1 } }\n
\n \n
\n \n \n
\n \n \n { errors_data_bc.colonia_poblacion && { errors_data_bc.colonia_poblacion } }\n
\n \n
\n \n \n
\n \n \n { errors_data_bc.codigo_postal && { errors_data_bc.codigo_postal } }\n
\n \n
\n \n \n
\n \n \n { errors_data_bc.estado && { errors_data_bc.estado } }\n
\n \n
\n \n \n
\n \n \n { errors_data_bc.ciudad && { errors_data_bc.ciudad } }\n
\n \n
\n \n \n
\n \n \n { errors_data_bc.delegacion_municipio && { errors_data_bc.delegacion_municipio } }\n
\n \n //
\n // );\n\n return (\n \n // {pregunta}\n // {error.map((obj, index) => (\n //
\n // \n // {obj}\n //
\n // ))}\n // \n //
\n // \n //
\n // \n //
\n // \n
\n \n \n
\n
\n \n
\n \n { objeto.msi && Meses Sin Intereses }\n
\n \n \n {/* Boton de unificacion */}\n { verificarPermiso('empleados.add_empleadounificacion,') && objeto.requiere_unificacion &&\n \n }\n {dataUnificacion.empleado_nuevo && \n dataUnificacion.empleados_anteriores[0] ?\n \n \n \n : null }\n { objeto.estatus && objeto.estatus !== 'credito generado' && !disabledButtons && verificarPermiso('solicitudes.change_solicitudcredito,') &&\n \n Editar\n \n }\n { verificarPermiso('buro_credito.add_peticionburocredito,') &&\n this.setState({confDatosBC: true}) }\n disabled={INEFrontalValido}\n >\n \n \n {process.env.REACT_APP_API_URL === \"https://api.yuhu.mx\" ?\n \"Consulta Buró Crédito\"\n :\n \"Consulta Buró Crédito SB\"\n }\n \n }\n \n \n \n\n \n \n
\n \n
\n \n Selecciona la información para asignarla al empleado unificado\n
\n \n
\n \n
\n \n
\n Empleado nuevo
\n\n
\n Empleado anterior
\n\n
\n {dataUnificacion.empleado_nuevo.nombre_completo}
\n\n
\n {dataUnificacion.empleado_nuevo.email != dataUnificacion.empleados_anteriores[0].email\n ? \n {dataUnificacion.empleados_anteriores[0].nombre_completo}
\n\n
\n : null }\n {dataUnificacion.empleado_nuevo.telefono_celular != dataUnificacion.empleados_anteriores[0].telefono_celular \n ? \n Correo:
\n\n
\n \n
\n : null}\n Celular:
\n\n
\n \n
\n CURP:
\n\n 0 || dataUnificacion.empleado_nuevo.curp === null }\n error={[]}\n />\n 0 || dataUnificacion.empleados_anteriores[0].curp === null }\n error={[]}\n />\n
\n \n
\n RFC:
\n\n 0 || dataUnificacion.empleado_nuevo.rfc === null }\n error={[]}\n />\n 0 || dataUnificacion.empleados_anteriores[0].rfc === null }\n\n error={[]}\n />\n
\n \n
\n Número electoral:
\n\n 0 || dataUnificacion.empleado_nuevo.no_electoral === null }\n error={[]}\n />\n 0 || dataUnificacion.empleados_anteriores[0].no_electoral === null }\n error={[]}\n />\n
\n \n
\n \n
\n Solicitudes
\n {dataUnificacion.empleado_nuevo.solicitudes.map(solicitud => {\n return(\n
)\n \n })}\n {solicitud.folio}
\n {solicitud.estatus}
\n \n
\n Solicitudes
\n {dataUnificacion.empleados_anteriores[0].solicitudes.map(solicitud => {\n return(\n
)\n \n })}\n {solicitud.folio}
\n {solicitud.estatus}
\n \n this.setState({confUnificacion: false}) }\n >\n Cerrar\n \n this.unificarEmpleado() }\n disabled={unificandoEmpleado}>\n { unificandoEmpleado ? 'Unificando...' : 'Unificar' }\n\n \n
\n \n
\n \n
\n Verificación de cuenta CLABE
\n\n
\n \n Se realizará una dispersión a la cuenta CLABE del cliente para realizar la prueba del peso. ¿Estás seguro de continuar?\n
\n\n \n \n
\n \n
\n \n { process.env.REACT_APP_API_URL === \"https://api.yuhu.mx\" ?\n
\n Confirmar Datos
\n :\nConfirmar Datos SB - {process.env.REACT_APP_API_URL}
\n }\n\n
\n \n {this.empleadoForm()}\n
\n Estos datos no se guardarán en el empleado, solo para consulta de BC *
\n \n
\n { error_consulta_bc !== '' &&\n Intentos: {intentos_bc}
\n \n
\n }\n {error_consulta_bc}
\n \n this.setState({confDatosBC: false}) }\n disabled={loadingBC}\n >\n Cerrar\n \n {/* this.consulta_buro()\n :\n () => this.consulta_buro_sb()\n }\n disabled={loadingBC}\n >\n { loadingBC ? 'Consultando...' : 'Consultar' }\n */}\n this.consulta_buro()}\n disabled={loadingBC}\n >\n { loadingBC ? 'Consultando...' : 'Consultar' }\n \n
\n \n
\n
\n \n
\n \n
\n - \n
- \n this.seleccionarPestana(1)} >Información de la solicitud\n \n
- \n this.seleccionarPestana(2)} >Información del empleado\n \n
- \n this.seleccionarPestana(3)} >Documentos\n \n
- \n this.seleccionarPestana(4)} >Contratos\n \n
- \n this.seleccionarPestana(5)} >Observaciones\n \n
- \n this.seleccionarPestana(6)} >Seguimiento\n \n
- \n this.seleccionarPestana(7)} >SPEI o Dispersión\n \n
- \n this.seleccionarPestana(8)} >Renovación\n \n
- \n this.seleccionarPestana(9)} >CDD\n \n
- \n this.seleccionarPestanaIA(10)} >IA Scoring\n \n
- \n this.seleccionarPestanaIA(11)} >INE\n \n
\n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n Información de la solicitud de crédito\n
\n \n
\n \n
\n \n \n \n
\n \n \n \n
\n \n \n \n
\n \n \n \n
\n \n \n \n
\n \n \n \n
\n \n \n \n
\n \n \n \n
\n \n \n \n
\n \n \n \n
\n \n \n \n
\n \n \n \n {/* */}\n
\n \n \n \n
\n \n \n \n
\n \n \n \n
\n {/* SEMAFORO */}\n \n \n
\n { renovacion.prestamo_anterior &&\n \n \n {renovacion.prestamo_anterior_str}\n
\n }\n \n
\n \n
\n \n Información del crédito\n
\n \n
\n \n
\n \n \n \n
\n \n \n \n
\n \n \n \n
\n \n \n \n
\n \n \n \n
\n \n \n \n
\n \n \n \n
\n \n \n \n
\n \n \n \n
\n \n \n \n
\n \n
\n { objeto.yuhudils ? (\n \n
\n \n Información bancaria\n
\n \n
\n \n
\n \n \n \n
\n \n \n \n
\n \n \n \n
\n \n \n \n
\n \n \n \n
\n { infoBancariaEstatus == 'pendiente' &&\n \n \n \n
\n }\n \n
\n ) : (null) }\n \n \n
\n \n Orden Yuhudils\n
\n \n
\n \n
\n \n \n \n
\n \n \n \n
\n \n \n \n
\n \n \n \n
\n \n \n \n
\n \n \n \n
\n \n \n \n
\n { objeto.is_bimbo === true && \n <>\n \n \n \n
\n \n \n \n
\n \n \n \n
\n \n \n }\n\n\n \n \n \n
\n \n \n \n
\n \n \n \n
\n \n \n
\n\n \n
\n \n Cotización de crédito\n
\n \n
\n \n
\n \n
\n \n
\n\n\n\n {/* \n
\n \n Cuestionario de compliance\n
\n \n
\n \n
\n \n
\n \n
*/}\n\n \n
\n \n Información crediticia\n
\n \n
\n \n
\n \n \n \n
\n \n \n \n
\n \n \n \n
\n \n
\n \n
\n \n Historial de creditos del empleado\n
\n \n
\n \n
\n \n { historialPrestamos.length > 0 ?\n
\n Aun no tiene créditos registrados
\n }\n\n
\n \n
\n \n
\n \n
\n\n \n
\n \n Información personal\n
\n \n
\n \n
\n \n \n \n
\n \n \n \n
\n \n \n \n
\n \n \n \n
\n \n \n \n
\n \n \n \n
\n \n \n
\n \n \n { valid_rfc.msg }\n
\n \n \n
\n \n \n { valid_curp.msg }\n
\n \n \n \n
\n \n \n \n
\n \n \n \n
\n \n \n \n
\n \n \n \n
\n \n \n \n
\n \n \n { objeto.error_bc !== '--' && objeto.error_bc !== '' ?\n { objeto.error_bc }\n :\n \n }\n
\n \n
\n \n { verificarPermiso('empleados.change_empleado') &&\n Editar \n }\n
\n \n
\n \n
\n \n Información laboral\n
\n \n
\n \n
\n \n \n \n \n
\n \n \n \n
\n {objeto.direccion_ma !== '--' ?\n \n \n \n
\n :\n null\n }\n {objeto.empresa_ma !== '--' ?\n \n \n \n
\n :\n null\n }\n \n \n \n
\n \n \n \n
\n \n \n \n
\n { empleado.empresa_whirlpool_str !== '--' && \n \n \n \n
\n }\n \n
\n \n \n
\n \n Percepciones\n
\n \n
\n \n
\n \n \n \n
\n \n \n \n
\n \n \n \n
\n \n \n \n
\n \n \n \n
\n \n
\n \n { comprobantes.length > 0 ?\n \n \n \n \n \n \n \n \n \n \n \n \n
\n \n
\n :\n \n
\n \n
\n \n Comprobantes\n
\n \n
\n \n
\n \n
\n \n
\n \n\n \n \n Cancelar\n \n \n\n { dataEstatus.estatus !== 'rechazada' && dataEstatus.estatus !== 'credito generado' &&\n
\n \n
\n }\n \n this.mostrarFormularioComprobante()}\n >\n \n Agregar\n \n\n {objeto &&\n \n \n Carta De Buró\n \n }\n
\n \n \n \n
\n
\n | Comprobante | \nArchivo | \nVálido | \nAcciones | \n {objeto.is_bimbo === true &&\nEstatus | \n }\n\n
|---|---|---|---|---|
| { obj.tipo_documento_nombre } | \n{ obj.documento_nombre || '--' } | \n{ (obj.valido === true && ) || ('--') } | \n\n | \n {objeto.is_bimbo === true && obj.tipo_documento_nombre === 'Comprobante de domicilio 1' &&\n {obj.estatus} | \n }\n
\n
\n }\n \n
\n \n
\n \n
\n \n this.mostrarFormularioComprobante()}\n >\n \n Agregar\n \n
\n Aún no tienes documentos agregados
\n\n
\n \n { editarComprobante ?\n
\n Editar comprobante
\n :\nAgregar comprobante
\n }\n\n {\n editarComprobante &&\n
\n \n
\n }\n Tipo de documento
\n { this.state.dataComprobante.tipo_documento_nombre }
\n \n \n \n
\n \n
\n \n
\n Eliminar comprobante
\n\n
\n \n ¿Estás seguro de eliminar este comprobante?\n
\n\n \n \n
\n \n
\n \n { objeto.is_bimbo !== true ? \n
\n \n Invalidar Documento
:\nCambio de estatus
} \n\n
\n \n
\n Validar Documento
\n\n
\n ¿Estás seguro de validar este documento?
\n\n \n \n
\n \n
\n \n
\n Reenviar carta de aceptación de buro
\n\n
\n ¿Estás seguro de reenviar la carta de aceptación de Buró?
\n\n \n \n
\n \n
\n \n
\n Eliminar documento del comprobante
\n\n
\n \n ¿Estás seguro de eliminar este documento?\n
\n\n \n \n
\n \n
\n \n { documentos.length > 0 ?\n \n \n \n \n \n \n \n \n
\n \n
\n :\n \n
\n \n
\n \n Contratos\n
\n \n
\n \n
\n \n
\n \n
\n \n { dataEstatus.estatus !== 'rechazada' && dataEstatus.estatus !== 'credito generado' &&\n \n \n
\n \n
\n }\n \n this.mostrarFormularioDocumento()}\n >\n \n Agregar\n \n
\n \n \n \n
\n
\n | Nombre | \nDocs firmados | \nAcciones | \nEstatus | \n|||||
|---|---|---|---|---|---|---|---|---|
| { obj.nombre } | \n\n
| \n \n | \n \n \n {obj.estatus_absign_str}\n \n | \n\n
\n
\n }\n \n
\n \n
\n \n
\n \n this.mostrarFormularioDocumento()}\n >\n \n Agregar\n \n
\n Aún no tienes contratos agregados
\n\n
\n \n
\n Agregar documento
\n\n
\n \n \n \n
\n \n
\n \n
\n Eliminar contrato
\n\n
\n \n ¿Estás seguro de eliminar este contrato?\n
\n\n \n \n
\n \n
\n \n
\n Agregar documento firmado
\n\n
\n \n \n \n
\n \n
\n \n
\n Eliminar contrato
\n\n
\n \n ¿Estás seguro de eliminar este documento firmado?\n
\n\n \n \n
\n \n
\n \n { mensajes.length > 0 &&\n \n \n \n \n
\n \n
\n }\n { mensajes.length > 0 ?\n \n this.mostrarFormComentario()}\n >\n \n Agregar\n \n
\n \n \n \n
\n
\n :\n | Fecha y hora | \nUsuario | \nComentario | \nCorreo a empleado | \nAcciones | \n
|---|---|---|---|---|
| { dateTimeFormat(obj.fecha_creacion) } | \n{ obj.usuario } | \n{ obj.comentario } | \n\n { obj.visible_solicitante === true ?\n \n :\n \n }\n | \n\n | \n
\n
\n }\n \n
\n \n
\n \n
\n \n this.mostrarFormComentario()}\n >\n \n Agregar\n \n
\n Aún no tienes comentarios agregados
\n\n
\n \n
\n Agregar comentario
\n\n
\n \n \n {this.state.loadingComentario ?\n \n :\n \n }\n
\n \n
\n \n
\n Eliminar comentario
\n\n
\n \n ¿Estás seguro de eliminar este comentario?\n
\n\n \n \n
\n \n
\n \n
\n \n \n \n \n \n \n \n \n \n \n \n \n
\n \n\n { dataEstatus.estatus === 'rechazada' || dataEstatus.estatus === 'cancelada' ?\n this.setState({modalReactivarSolicitud: true})}\n // disabled={disabledButtons}\n >\n Reactivar Solicitud\n :\n null\n }\n
\n { dataEstatus.estatus !== 'rechazada' && dataEstatus.estatus !== 'credito generado' && dataEstatus.estatus !== 'cancelada' &&\n \n\n { verificarPermiso('solicitudes.rechazar_solicitudcredito,') &&\n this.mostrarFormularioDeCancelacion()}\n disabled={disabledButtons}\n >\n Cancelar Solicitud\n \n }\n { verificarPermiso('solicitudes.rechazar_solicitudcredito,') &&\n this.mostrarFormularioDeRechazo()}\n disabled={disabledButtons}\n >\n Rechazar Solicitud\n \n }\n { verificarPermiso('prestamos.add_prestamo,') && !objeto.msi &&\n this.mostrarGenerar() }\n disabled={disabledButtons}\n >\n Generar préstamo\n \n }\n { verificarPermiso('prestamos.add_prestamo,') && objeto.msi &&\n this.setState({modalMsi:true}) }\n disabled={disabledButtons}\n >\n Generar préstamo MSI\n \n }\n
\n }\n \n
\n \n
\n\n \n
\n \n
\n \n Estatus\n
\n \n {/* Alerta de crédito con adeudo */}\n { dataEstatus.estatus !== 'rechazada' && dataEstatus.estatus !== 'credito generado' && dataEstatus.estatus !== 'cancelada' && empleado.credito_con_adeudo !== '--' && this.state.objeto.id &&\n
\n \n
\n }\n\n { dataEstatus.estatus !== 'rechazada' && dataEstatus.estatus !== 'credito generado' && dataEstatus.estatus !== 'cancelada'?\n \n
\n \n El cliente cuenta con un crédito con adeudo. {empleado.credito_con_adeudo}\n
\n\n
\n }\n \n \n \n
\n {/**/}\n {/* */}\n {/* */}\n {/*
*/}\n {/**/}\n {/* */}\n {/* */}\n {/*
*/}\n { objeto.motivo_rechazo && objeto.motivo_rechazo !== '--' &&\n \n \n \n
\n }\n { objeto.motivo_cancelacion && objeto.motivo_cancelacion !== '--' &&\n \n \n \n
\n }\n \n
\n\n \n
\n \n
\n \n Validación de Rescate\n
\n \n { this.state.validacionesRescate.validaciones.length > 0 ?\n \n \n\n
\n \n { this.state.validacionesRescate.validaciones.map(validacion => (\n
\n :\n \n
\n )) }\n \n
\n \n
\n \n Motivo de negativa:\n
\n \n {validacion.motivo_negativa}\n
\n\n \n Comentario de negativa:\n
\n \n {validacion.comentario_negativa}\n
\n\n \n Analista:\n
\n \n {validacion.usuario_creo}\n
\n\n \n Estatus:\n
\n \n \n
\n\n \n Comentario soporte:\n
\n \n {validacion.comentario_soporte}\n
\n\n \n { dateTimeFormat(validacion.fecha_creacion) }\n
\n La Solicitud no cuenta con validaciones de rescate
\n }\n\n { this.state.objeto.estatus === 'rechazada' || this.state.objeto.estatus === 'credito generado' || this.state.objeto.estatus === 'cancelada'\n ? null\n : \n {/* Permisos necesarios para pasar a validación de rescate */}\n
\n }\n\n \n \n
\n \n
\n \n
\n \n Pasar a validación de rescate
\n\n
\n\n \n
\n \n
\n \n Notas de crédito\n
\n \n
\n\n
\n \n
\n\n \n
\n \n
\n No se pudo validar antigüedad laboral
\n \n \n
\n \n
\n\n \n
\n Incluye compra de deuda
\n \n \n
\n \n { this.state.objeto.estatus === 'rechazada' || this.state.objeto.estatus === 'credito generado' || this.state.objeto.estatus === 'cancelada'\n ? null\n : \n }\n
\n \n\n
\n
\n\n \n
\n \n
\n \n
\n Excepción de Riesgo
\n\n
\n \n
\n \n \n
\n \n
\n \n Autorización de consulta de Buró de Crédito\n
\n \n
\n \n
\n \n \n \n
\n \n \n \n
\n \n \n \n
\n \n \n \n
\n \n
\n \n
\n \n
\n Clasificación del crédito
\n \n\n
\n \n \n
\n\n \n \n
\n \n \n
\n\n \n \n
\n \n \n
\n\n \n \n
\n \n
\n\n \n \n
\n \n
\n \n
\n \n { seguimiento.map(obj => (\n
\n \n
\n ))}\n \n
\n \n \n { timeFormat(obj.fecha_creacion, true) }\n
\n { dateFormat(obj.fecha_creacion) }\n
\n \n { dateFormat(obj.fecha_creacion) }\n
\n
\n { obj.usuario }
\n{ obj.mensaje}
\n\n
\n \n
\n Reactivar solicitud
\n\n ¿Estás seguro que deseas reactivar esta solicitud?
\n La solicitud pasara a estatus \"stand by\".\n
\n \n La solicitud pasara a estatus \"stand by\".\n
\n this.setState({modalReactivarSolicitud: false})}\n >\n Cerrar\n \n this.reactivarSolicitud(objeto)}\n >\n Confirmar\n \n
\n \n
\n \n
\n Rechazar solicitud
\n\n
\n \n \n \n
\n \n
\n \n
\n Cancelar solicitud
\n\n
\n \n \n \n
\n \n
\n \n
\n Generar prestamo a meses sin intereses
\n\n
\n \n this.onChange('fecha_primera_amortizacion', e)}\n options={{\"dateFormat\" : \"Y-m-d\"}}\n />\n this.onChange('fecha_dispersion', e)}\n options={{\"dateFormat\" : \"Y-m-d\"}}\n />\n
\n \n \n \n
\n \n
\n \n
\n {!dispersionCompleto ? <>\n Generar prestamo
\n\n
\n \n
\n El total dispersado no es igual al monto de la solicitud.
\n Total Dispersado: {currencyFormat(totalDispersion)}
\n Monto Solicitado: {currencyFormat(objeto.monto)}
\n \n \n
\n : renovacion.facturas_pendientes && renovacion.prestamo_anterior_tipo_descuento == \"domiciliacion\" ? <>\n \n
\n \n
\n \n No es posible Generar porque el Préstamo a renovar cuenta ya con facturas pendientes.\n
\n \n \n
\n : <>\n \n this.onChange('fecha_primera_amortizacion', e)}\n options={{dateFormat: 'Y-m-d', locale: Spanish, minDate: moment().add(3, 'd').format('YYYY-MM-DD')}}\n disabled={disabledSend}\n />\n
\n ¿Esta segur@ de Generar el Préstamo?
\n \n \n \n
\n }\n \n
\n \n { ordenesDispersion.length > 0 && !formOrdenDisp ?\n \n \n \n \n
\n \n
\n : !formOrdenDisp &&\n \n
\n \n
\n \n Dispersión\n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n {totalDispersion this.setState({\n formOrdenDisp:true,\n mostrarFrmOrdenDispEdit: false\n })}\n disabled={objeto.estatus && objeto.estatus === 'credito generado'}\n >\n \n Agregar\n \n }\n
\n \n Total Dispersado: {currencyFormat(totalDispersion)}\n
\n \n \n \n
\n
\n | Cuenta Ordenante | \nInstrucción de deposito | \nFecha Dispersión | \nMonto | \nId Seguimiento | \nEstatus | \nAcciones | \n||
|---|---|---|---|---|---|---|---|---|
| { obj.cuenta_ordenante_str } | \n { obj.tipo === \"normal\" ?\n{`${obj.beneficiario_banco+\" \"+obj.beneficiario_clabe+\" \"+obj.beneficiario_nombre}`} | \n : obj.tipo === \"validacion\" ?\nValidación de cuenta | \n :\nMOVIMIENTO INTERNO | \n }\n\n{ obj.fecha_dispersion } | \n{ currencyFormat(obj.monto) } | \n{ obj.clave_rastreo } | \n{ obj.estatus } | \n\n { obj.comprobante_pago_pdf &&\n | \n
\n
\n }\n { formOrdenDisp &&\n \n
\n \n
\n \n
\n \n this.setState({formOrdenDisp:true})}\n disabled={objeto.estatus && objeto.estatus === 'credito generado'}\n >\n \n Agregar\n \n
\n Aún no hay dispersiones para la solicitud
\n\n
\n }\n \n
\n \n
\n \n { mostrarFrmOrdenDispEdit ?\n <>Editar Dispersión\n :\n <>Agregar Dispersión\n }\n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n this.setState({formOrdenDisp:false, ordenDispersion:{}, errorsOrdenDisp:[]}) }\n >\n Atrás\n \n this.guardarDispersion()}\n >\n { this.state.ordenDispGuardarDisabled ? 'Guardando...' : 'Guardar' }\n \n
\n \n
\n \n
\n Eliminar Orden de Dispersión
\n\n
\n \n ¿Estás seguro de eliminar esta Orden de Dispersión?\n
\n\n \n \n
\n \n
\n \n
\n Enviar Orden de Dispersión
\n\n \n \n
\n
\n \n ¿Estás seguro de realizar la dispersión con los siguientes datos?\n
\n| Banco | \nBeneficiario | \nCuenta CLABE | \nMonto | \nId Seguimiento | \n
|---|---|---|---|---|
| { datosEnviarCompOrdenDisp.obj.beneficiario_banco } | \n{ datosEnviarCompOrdenDisp.obj.beneficiario_clabe } | \n{ datosEnviarCompOrdenDisp.obj.beneficiario_nombre } | \n{ currencyFormat(datosEnviarCompOrdenDisp.obj.monto) } | \n{ datosEnviarCompOrdenDisp.obj.clave_rastreo } | \n
\n \n \n
\n \n {renovacion.id ?\n
\n\n {/* CDD */}\n \n \n \n
\n :\n \n
\n \n
\n \n Renovación al prestamo {renovacion.prestamo_anterior_str}\n
\n \n
\n \n
\n { renovacion.facturas_pendientes &&\n \n \n \n
\n \n \n \n
\n \n \n \n
\n \n \n \n
\n \n \n \n
\n \n \n \n
\n \n \n \n
\n \n \n \n
\n \n
\n }\n {objeto.estatus && objeto.estatus !== 'credito generado' &&\n \n Cuenta con factura(s) pendiente(s)\n
\n \n
\n }\n \n {\n this.setState({ confirmarEliminarVinculo: true })\n }}\n >\n Eliminar Vínculo\n \n
\n \n
\n \n
\n Eliminar Renovación
\n\n
\n \n ¿Estás seguro de eliminar esta Renovación?\n
\n\n \n \n
\n \n
\n }\n \n
\n \n
\n \n
\n \n this.onChangeSearch('search', e)}\n onKeyDown={e => this.handleKeyDown(e)}\n placeholder=\"Buscar Préstamo (folio)\"\n disabled={objeto.estatus && objeto.estatus === 'credito generado'}\n />\n \n this.limpiar()}\n disabled={objeto.estatus && objeto.estatus === 'credito generado'}\n >\n \n \n \n \n this.buscar()}\n disabled={objeto.estatus && objeto.estatus === 'credito generado'}\n >\n \n Buscar\n \n \n
\n {mensaje}
\n \n
\n \n
\n \n Préstamo {prestamoRenovar.folio} a Renovar\n
\n \n
\n \n
\n {objeto.estatus && objeto.estatus !== 'credito generado' &&\n \n \n \n
\n \n \n {prestamoRenovar.ultimo_pago ?\n \n :\n \n }\n
\n \n \n \n
\n \n \n \n
\n \n \n \n
\n \n \n \n
\n \n \n {prestamoRenovar.folio ?\n \n :\n \n }\n
\n \n \n \n
\n \n \n \n
\n \n \n \n
\n \n \n {prestamoRenovar.proxima_factura ?\n \n :\n \n }\n
\n \n
\n }\n \n {\n this.crearVinculo()\n }}\n >\n Generar Vínculo a Renovar\n \n
\n \n
\n\n {/* IA */}\n \n \n \n
\n \n
\n\n {/* Informacion de OCR */}\n \n
\n \n
\n \n
\n \n
\n \n Análisis de crédito con IA\n
\n \n { ia.data ?\n
\n \n
\n :\n \n
\n \n
\n \n \n \n
\n \n \n \n
\n \n \n \n
\n \n \n \n
\n \n \n \n
\n \n \n \n
\n \n \n \n
\n \n
\n\n \n
\n \n \n \n
\n \n \n \n
\n \n \n \n
\n \n \n \n
\n \n \n \n
\n \n \n \n
\n \n \n \n
\n { ia.data.analisis_yuhu_ia &&\n <>\n \n \n \n
\n \n \n \n
\n \n }\n \n
\n\n \n { verificarPermiso('solicitudes.analizar_ia,') && objeto.analisis_ia === 'pendiente' && ia.puedeAnalizar &&\n
\n \n \n
\n }\n \n
\n }\n \n { ia.cargandoData ?\n
\n Cargando información
\n :\nEsta solicitud no cuenta con reporte de buró para hacer el análisis con IA
\n }\n\n
\n\n \n
\n \n
\n \n
\n \n
\n \n \n
\n \n
\n \n \n
\n \n
\n \n \n
\n \n
\n \n
\n\n this.cotizar() }\n >\n Cotizar\n \n \n
\n \n
\n
\n \n
\n \n
\n \n
\n Renovación de Monto
\n\n
\n \n Renovación Crédito {prestamoActual.folio}\n
\n\n
\n \n
\n \n \n \n
\n
\n | Concepto | \nMonto | \n {parseFloat(prestamoActual.adeudo_atrasado) > 0 &&Condonar | }\n
|---|---|---|
| Capital Vigente | \n{ currencyFormat(prestamoActual.capital) } | \n {parseFloat(prestamoActual.adeudo_atrasado) > 0 &&NA | }\n
| Intereses Ordinarios | \n{ currencyFormat(dataSolicitud.interes_ordinario) } | \n {parseFloat(prestamoActual.adeudo_atrasado) > 0 &&NA | }\n
| Interes Vencido | \n{currencyFormat(prestamoActual.interes_vencido)} | \n {parseFloat(prestamoActual.interes_vencido) > 0 &&NA | }\n
| Moratorios | \n{currencyFormat(moratorios)} | \n\n | \n
| Castigo | \n{currencyFormat(castigos)} | \n\n | \n
| Total | \n{ currencyFormat(totalTabla01) } | \n {parseFloat(prestamoActual.adeudo_atrasado) > 0 &&}\n |
\n \n \n
\n \n
\n \n \n
\n \n
\n \n
\n
\n \n
\n \n Datos del empleado\n
\n \n
\n \n
\n \n \n \n
\n \n \n \n
\n \n \n \n
\n \n \n \n
\n \n \n \n
\n \n \n \n
\n \n \n \n
\n \n \n \n
\n \n \n \n
\n \n \n \n
\n \n \n \n
\n \n \n \n
\n \n
\n \n \n \n
\n \n \n \n
\n \n
\n
\n \n \n
\n \n this.mostrarTabla01()}\n onChange={()=>console.log(saldo_actual)}\n value={saldo_actual}\n />\n
\n \n
\n \n this.cotizar() }\n >\n Cotizar\n \n this.guardar() }\n disabled={disabledSave}\n >\n Guardar\n \n
\n \n
\n \n
\n \n \n \n
\n
\n | Plazo | \nFecha | \nCapital | \nInteres | \nIVA | \nTotal | \nSaldo final | \n
|---|---|---|---|---|---|---|
| { pago.num_pago } | \n{ dateFormat(pago.fecha) } | \n{ currencyFormat(pago.capital) } | \n{ currencyFormat(pago.interes_sin_iva) } | \n{ currencyFormat(pago.iva) } | \n{ currencyFormat(pago.total_pagar) } | \n{ currencyFormat(pago.saldo_final) } | \n
| \n | TOTAL | \n{ currencyFormat(totales.capital) } | \n{ currencyFormat(totales.interes) } | \n{ currencyFormat(totales.iva) } | \n{ currencyFormat(totales.total) } | \n\n |
\n
\n \n this.verPrestamo() }\n >\n Regresar\n \n
\n \n
\n \n
\n \n
\n \n
\n Referencia 01
\n\n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n Referencia 02
\n\n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n \n \n Siguiente\n \n
\n \n
\n );\n const guia = [\n { nombre: 'Solicitudes', url: '/solicitudes', clase: '' },\n { nombre: 'Información crediticia', url: '', clase: 'active' }\n ];\n return (\n \n {pregunta}\n {nota && (\n \n
\n {nota}\n \n )}\n {error.map((obj, index) => (\n
\n \n {nota}\n \n )}\n {error.map((obj, index) => (\n
\n {obj}\n
\n ))}\n \n
\n \n
\n \n
\n \n
\n \n
\n \n {rowPregunta(\n '¿TIENES O HAS TENIDO CRÉDITO HIPOTECARIO?',\n 'creditoHipotecario',\n creditoHipotecario === 'si',\n creditoHipotecario === 'no',\n creditoHipotecario === 'no lo se',\n () => this.setState({ creditoHipotecario: 'si' }),\n () => this.setState({ creditoHipotecario: 'no' }),\n () => this.setState({ creditoHipotecario: 'no lo se' }),\n errores.credito_hipotecario\n )}\n {rowPregunta(\n '¿TIENES O HAS TENIDO CRÉDITO AUTOMOTRIZ?',\n 'creditoAutomotriz',\n creditoAutomotriz === 'si',\n creditoAutomotriz === 'no',\n creditoAutomotriz === 'no lo se',\n () => this.setState({ creditoAutomotriz: 'si' }),\n () => this.setState({ creditoAutomotriz: 'no' }),\n () => this.setState({ creditoAutomotriz: 'no lo se' }),\n errores.credito_automotriz\n )}\n {rowPregunta(\n '¿TIENES TARJETA DE CRÉDITO BANCARIA?',\n 'tarjetaCredito',\n tarjetaCredito === 'si',\n tarjetaCredito === 'no',\n tarjetaCredito === 'no lo se',\n () => this.setState({ tarjetaCredito: 'si' }),\n () => this.setState({ tarjetaCredito: 'no' }),\n () => this.setState({ tarjetaCredito: 'no lo se' }),\n errores.tarjeta_credito,\n 'Si',\n 'No',\n 'No lo se',\n 'No aplica departamental liverpool y similares'\n )}\n
\n \n
\n \n \n Autorizo a proquatro SAPI DE CV SOFOM ENR* para que consulte\n mi historial crediticio de acuerdo con los artículos 13 y 28\n de la Ley para Regular las Sociedades de Información\n Crediticia. Igualmente, declaro que conozco la naturaleza y el\n alcance de la información que se solicitará.\n \n
\n \n
\n \n \n \n Regresar\n \n \n Siguiente\n \n
\n \n
\n \n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n \n Es importante que tomes en cuenta las siguientes\n consideraciones:\n \n
\n\n Puedes subir archivos escaneados o imágenes tomadas desde\n la cámara de tu celular.\n
\n\n Cuando vas a tomar la foto con tu celular, tómala en\n calidad media o baja.\n
\nLas imágenes deben de estar perfectamente legibles.
\nLos formatos aceptados son .jpg, .png, .pdf y .gif
\n\n \n
\n \n \n \n \n Descarga\n \n
\n \n Descarga la carta de autorización de consulta al buró de\n crédito\n
\n\n
\n ))}\n \n
\n\n {comprobantes.map(c => (\n \n \n
\n \n
\n {c.documento && (\n {c.nombre}
\n \n \n {c.error}\n
\n )}\n \n \n {c.nombreArchivo}\n \n
\n {c.error && (\n \n \n
\n )}\n \n
\n\n { this.state.showAgregarDocumento &&\n \n \n Regresar\n \n
\n \n this.submit('incompleta')}\n >\n Dejar incompleta\n \n this.submit('completa')}\n >\n Terminar\n \n
\n \n
\n \n
\n Agregar comprobante
\n\n\n
\n \n \n \n
\n \n
\n \n \n
\n \n
\n \n
\n \n
\n \n
\n \n this.onChange('empresa', e)}\n className=\"form-control m-b\"\n >\n \n {empresas.map(emp => {\n return (\n \n );\n })}\n \n
\n \n
\n \n this.onChange('estatus', e)}\n className=\"form-control m-b\"\n >\n \n \n \n \n \n
\n \n
\n \n this.onChange('search', e)}\n onKeyDown={e => this.handleKeyDown(e)}\n placeholder=\"Busca por empleado\"\n />\n \n this.limpiar()}\n >\n \n \n \n \n this.buscar()}\n >\n \n Buscar\n \n \n
\n \n \n \n
\n
\n | # | \nEmpresa | \nEmpleado | \nClabe | \nMonto | \nFecha de creación | \nFecha de dispersión | \nEstatus | \nAcciones | \n
|---|---|---|---|---|---|---|---|---|
| {obj.num_disposicion} | \n{obj.empresa} | \n{obj.empleado} | \n{ obj.banco && obj.clabe ? `${obj.banco} ${obj.clabe}` : '--' } | \n{currencyFormat(obj.monto)} | \n{dateFormat(obj.fecha_creacion)} | \n{dateFormat(obj.fecha_dispersion)} | \n{obj.estatus} | \n\n | \n
\n
\n );\n\n handleChangeDate = (name, date) => {\n const fecha = date[0];\n this.setState({ [name]: fecha });\n };\n\n submit = async () => {\n const {\n fechaPrimeraAmortizacion,\n fechaDispersion,\n motivoRechazo,\n accion,\n id,\n disposicion\n } = this.state;\n try {\n let resp = {};\n let datos = {};\n if (accion === 'aprobar') {\n datos = {\n fecha_primera_amortizacion: moment(fechaPrimeraAmortizacion).format(\n 'YYYY-MM-DD'\n ),\n fecha_dispersion: moment(fechaDispersion).format('YYYY-MM-DD')\n };\n resp = await aprobarDisposicion(datos, id);\n disposicion.estatus = resp.data.estatus;\n disposicion.editable = resp.data.editable;\n disposicion.fecha_primera_amortizacion =\n resp.data.fecha_primera_amortizacion;\n disposicion.fecha_dispersion = resp.data.fecha_dispersion;\n disposicion.usuario_verifico = resp.data.usuario_verifico;\n this.setState({\n disposicion,\n mostratAlerta: true,\n textoAlerta: 'Disposición aprobada exitosamente.',\n verModal: false\n });\n } else {\n datos = {\n motivo_rechazo: motivoRechazo\n };\n resp = await rechazarDisposicion(datos, id);\n disposicion.estatus = resp.data.estatus;\n disposicion.editable = resp.data.editable;\n disposicion.usuario_verifico = resp.data.usuario_verifico;\n this.setState({\n disposicion,\n mostratAlerta: true,\n textoAlerta: 'Disposición rechazada exitosamente.',\n verModal: false\n });\n }\n } catch (error) {\n console.log('Error:', error);\n }\n };\n\n render() {\n const guia = [\n { nombre: 'Disposiciones', url: '/disposiciones', clase: '' },\n { nombre: 'Ver', url: '', clase: 'active' }\n ];\n\n const {\n // id,\n titulo,\n disposicion,\n cotCreColumnas,\n historialPrestamosCols,\n verModal,\n accion,\n fechaPrimeraAmortizacion,\n fechaDispersion,\n motivoRechazo,\n errores,\n mostratAlerta,\n textoAlerta\n } = this.state;\n\n return (\n \n {label}\n
\n \n {value}\n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n Información de la disposición\n
\n {this.renderRow(\n 'No. de diposición',\n disposicion.num_disposicion\n )}\n {this.renderRow('Empleado', disposicion.empleado)}\n {this.renderRow('Banco', disposicion.banco || '--')}\n {this.renderRow('Clabe', disposicion.clabe || '--')}\n {this.renderRow('Empresa', disposicion.empresa)}\n {this.renderRow(\n 'Monto',\n currencyFormat(disposicion.monto)\n )}\n {this.renderRow(\n 'No. de amotizaciones',\n disposicion.num_amortizaciones\n )}\n {this.renderRow(\n 'Frecuencia de cobro',\n disposicion.frecuencia_cobro\n )}\n {this.renderRow(\n 'Saldo disponible',\n currencyFormat(disposicion.saldo_disponible)\n )}\n {this.renderRow(\n 'Fecha primera amotización',\n dateFormat(disposicion.fecha_primera_amortizacion)\n )}\n {this.renderRow(\n 'Fecha de creación',\n dateTimeFormat(disposicion.fecha_creacion)\n )}\n {this.renderRow('Estatus', disposicion.estatus)}\n {this.renderRow(\n 'Usuario verificador',\n disposicion.usuario_verifico\n )}\n\n \n Exportar\n \n\n { disposicion.editable && verificarPermiso('disposiciones.aprobar_disposicion') &&\n \n this.setState({ verModal: true, accion: 'aprobar' })\n }\n >\n Aprobar\n \n }\n\n { disposicion.editable && verificarPermiso('disposiciones.rechazar_disposicion') &&\n \n this.setState({ verModal: true, accion: 'rechazar' })\n }\n >\n Rechazar\n \n }\n
\n \n
\n \n
\n \n
\n Cotización de crédito
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n Historial de creditos del empleado\n
\n \n
\n \n
\n \n
\n \n
\n \n {accion === 'aprobar' ? (\n
\n Aprobar disposición
\n ) : (\nRechazar disposición
\n )}\n\n {accion === 'aprobar' ? (\n
\n \n
\n ) : (\n \n \n \n this.handleChangeDate('fechaPrimeraAmortizacion', date)\n }\n />\n {errores.fechaPrimeraAmortizacion &&\n errores.fechaPrimeraAmortizacion.map((obj, index) => (\n \n {obj}\n \n ))}\n
\n \n \n \n this.handleChangeDate('fechaDispersion', date)\n }\n />\n {errores.fechaDispersion &&\n errores.fechaDispersion.map((obj, index) => (\n \n {obj}\n \n ))}\n
\n \n \n \n this.setState({ motivoRechazo: e.target.value })\n }\n className=\"form-control\"\n />\n {errores.motivoRechazo &&\n errores.motivoRechazo.map((obj, index) => (\n \n {obj}\n \n ))}\n
\n )}\n \n this.setState({ verModal: false })}\n >\n Cerrar\n \n \n {accion === 'aprobar'\n ? 'Aprobar disposición'\n : 'Rechazar disposición'}\n \n
\n \n
\n \n \n
\n \n
\n \n
\n \n
\n \n \n \n {!disabledExport ? \n 'Exportar' : \n 'Descargando...'\n }\n \n \n
\n \n
\n \n
\n \n this.onChange('empresa', e)}\n className=\"form-control m-b\"\n >\n \n {empresas.map(emp => {\n return (\n \n );\n })}\n \n
\n \n
\n \n this.onChange('estatus', e)}\n className=\"form-control m-b\"\n >\n \n \n \n \n \n \n \n
\n \n
\n \n this.onChange('frecuenciaCobro', e)}\n className=\"form-control m-b\"\n >\n \n \n \n \n \n \n \n
\n \n
\n \n this.onChange('tipo', e)}\n className=\"form-control m-b\"\n >\n \n \n \n \n
\n \n
\n \n this.onChange('year', e)}\n className=\"form-control m-b\"\n >\n \n {\n years.map( year => (\n \n )\n )\n }\n\n \n
\n \n
\n \n this.onChange('search', e)}\n onKeyDown={e => this.handleKeyDown(e)}\n placeholder=\"Buscar\"\n />\n \n this.limpiar()}\n >\n \n \n \n \n this.buscar()}\n >\n \n Buscar\n \n \n
\n \n \n \n
\n
\n | Empleado | \nEmpresa | \nFolio | \nTipo | \nMonto | \nAmortizaciones | \nEstatus | \nFecha Creación | \nAcciones | \n
|---|---|---|---|---|---|---|---|---|
| {obj.empleado} | \n{obj.empresa} | \n{obj.folio} | \n{obj.tipo} | \n{currencyFormat(obj.monto)} | \n\n {obj.num_amortizaciones}\n | \n{obj.estatus} | \n{dateFormat(obj.fecha_creacion)} | \n\n | \n
| No se encontraron resultados | \n
\n
\n );\n};\n\nexport default GenerarDatosCobranza;\n","import React, { Component,useRef, useState } from 'react';\nimport moment from 'moment';\nimport Flatpickr from 'react-flatpickr';\nimport Autenticado from '../../components/Autenticado';\n// import ToggleableLink from '../../components/ToggleableLink';\nimport Formulario from '../../components/form/Form';\nimport { reactivar_prestamo_domiciliacion, eliminar_prestamo_domiciliacion } from '../../api/Domiciliacion'\nimport {\n agregarComentariosPrestamo,\n agregarDocumentosPrestamo,\n cambiarFechaPrestamo,\n eliminarComentariosPrestamo,\n eliminarDocumentosPrestamo,\n obtenerAmortizacionesPrestamo,\n obtenerGastosCobranzaPrestamo,\n obtenerComentariosPrestamo,\n obtenerDocumentosPrestamo,\n obtenerMovimientosPrestamo,\n obtenerPagosPrestamo,\n obtenerPrestamo,\n actualizarFechasPrestamo,\n obtenerHistorialPagosDomiciliadosPrestamo,\n obtenerExcedentesPrestamo,\n crearReembolso\n} from '../../api/Prestamos';\nimport { crearPago } from '../../api/Pagos';\nimport { obtenerCuentasBancarias } from '../../api/CuentasBancarias';\nimport Tabla from '../../components/Tabla';\nimport Modal from 'react-awesome-modal';\nimport { currencyFormat, dateFormat, dateTimeFormat } from '../../utils/filters';\nimport { quitarNulos } from '../../utils/functions';\n// import SweetAlert from 'sweetalert-react';\nimport 'sweetalert/dist/sweetalert.css';\nimport { Spanish } from 'flatpickr/dist/l10n/es';\nimport { mostrarToast } from '../../utils/alerts';\nimport Checkbox from '../../components/form/fields/Checkbox';\nimport DatePicker from '../../components/form/fields/DatePicker';\nimport { verificarPermiso } from '../../utils/auth';\nimport { Link } from 'react-router-dom';\nimport Paginacion from '../../components/Paginacion';\nimport GenerarDatosCobranza from '../../components/prestamos/informacion/GenerarDatosCobranza';\n\nclass Form extends Component {\n state = {\n id: null,\n titulo: null,\n pestanaSeleccionada: 1,\n prestamo: {},\n empleado: {},\n datos_cobranza: {},\n gastos_cobranza: [],\n amortizaciones: [],\n cuentas: [],\n excedentes: [],\n amortizacionesCols: [\n {\n llave: 'num_amortizacion',\n etiqueta: '#',\n clase: 'centrado'\n },{\n llave: 'fecha',\n etiqueta: 'Fecha',\n tipo: 'fecha'\n },{\n llave: 'fecha_pagada',\n etiqueta: 'Fecha de pago',\n tipo: 'fecha'\n },{\n llave: 'dias_retraso',\n etiqueta: 'Días de retraso',\n clase: 'centrado'\n },{\n llave: 'capital',\n etiqueta: 'Capital',\n tipo: 'dinero'\n },{\n llave: 'interes',\n etiqueta: 'Interes',\n tipo: 'dinero'\n },{\n llave: 'iva',\n etiqueta: 'IVA',\n tipo: 'dinero'\n },{\n llave: 'gasto_cobranza',\n etiqueta: 'G.Cobranza',\n tipo: 'dinero'\n },\n {\n llave: 'total',\n etiqueta: 'Total',\n tipo: 'dinero'\n },\n {\n llave: 'abonado',\n etiqueta: 'Abonado',\n tipo: 'dinero'\n }\n ],\n pagos: [],\n pagosCols: [\n {\n llave: 'num_pago',\n etiqueta: '#',\n clase: 'centrado'\n },{\n llave: 'folio',\n etiqueta: 'Folio'\n },{\n llave: 'fecha_pago',\n etiqueta: 'Fecha de pago',\n tipo: 'fecha'\n },{\n llave: 'monto_aplicable',\n etiqueta: 'Monto Aplicable',\n tipo: 'dinero'\n },\n {\n llave: 'excedente',\n etiqueta: 'Excedente',\n tipo: 'dinero'\n },\n {\n llave: 'condonado',\n etiqueta: 'Condonado',\n tipo: 'dinero'\n },{\n llave: 'motivo',\n etiqueta: 'Motivo'\n },{\n llave: 'referencia',\n etiqueta: 'Referencia'\n },{\n llave: 'fecha_creacion',\n etiqueta: 'F. registro',\n tipo: 'fechaTiempo'\n },{\n llave: 'usuario_creo',\n etiqueta: 'Usuario que registró'\n },{\n llave: 'comentario',\n etiqueta: 'Comentario'\n },{\n llave: 'estatus',\n etiqueta: 'Estatus'\n },{\n llave: 'aplicado',\n etiqueta: 'Aplicado',\n tipo: 'icono',\n clase: 'centrado'\n }\n ],\n documentos: [],\n dataDocumento: {},\n errorsDocumento: [],\n datosElimDocumento: {},\n mostrarFrmDocumento: false,\n mostrarConfElimDocumento: false,\n comentarios: [],\n dataComentario: {\n 'visible_empleado': true\n },\n errorsComentario: [],\n datosElimComentario: {},\n mostrarFrmComentario: false,\n mostrarConfElimComentario: false,\n movimientos: [],\n movimientosCols: [\n {\n llave: 'fecha_creacion',\n etiqueta: 'Fecha de creación',\n tipo: 'fecha'\n },{\n llave: 'usuario',\n etiqueta: 'Usuario'\n },{\n llave: 'movimiento',\n etiqueta: 'Movimiento'\n },{\n llave: 'comentario',\n etiqueta: 'Comentario'\n }\n ],\n domiciliacion: [],\n domiciliacionCols: [\n {\n llave: 'tipo',\n etiqueta: 'Tipo'\n },{\n llave: 'banco',\n etiqueta: 'Banco'\n },{\n llave: 'monto',\n etiqueta: 'Monto'\n },{\n llave: 'motivo',\n etiqueta: 'Motivo'\n },{\n llave: 'codigo_respuesta',\n etiqueta: 'Codigo de Respuesta'\n },{\n llave: 'fecha_creacion',\n etiqueta: 'Fecha de creación',\n tipo: 'fechaTiempo'\n }\n ],\n mostratAlerta: false,\n textoAlerta: '',\n mostrarCambiarFecha: false,\n fecha: moment().toDate(),\n errores_fecha: [],\n mostrarFrmPago: false,\n mostrarFrmReembolso : false,\n datosPago: {},\n datosReembolso: {},\n errorsPago: [],\n errorsReembolso:[],\n disabledSinIO: true,\n disabledLiquidacionAnticipada: true,\n disabledLiquidacionReembolso: true,\n mostrarActFecha: false,\n primer_amortizacion_sin_factura: null,\n fecha_inicio: moment().add(3, 'd').toDate(),\n dias_cobro: '',\n dias_cobro_error: { },\n // pagination\n totalRecords: 0,\n pageLimit: 50,\n modal_reactivar_domiciliacion: false,\n modal_quitar_domiciliacion: false,\n motivo_quitar_domiciliacion: '',\n comentario_quitar_domiciliacion: '',\n erroresDomiciliacion: {\n motivo: [],\n comentario: []\n }\n }\n\n componentWillMount() {\n const id = this.props.match.params.id\n const tab = localStorage.getItem('tab')\n const pestanaSeleccionada = tab === null ? 1: parseInt(tab)\n this.setState({ pestanaSeleccionada })\n localStorage.removeItem('tab')\n const titulo = 'Ver prestamo'\n this.setState({ id, titulo })\n }\n\n async componentDidMount() {\n const { id } = this.state\n\n try {\n let res = await obtenerPrestamo(id)\n let prestamo = res.data\n prestamo = quitarNulos(prestamo)\n let { empleado,datos_cobranza } = prestamo\n empleado = quitarNulos(empleado)\n res = await obtenerGastosCobranzaPrestamo(id)\n const gastos_cobranza = res.data\n res = await obtenerAmortizacionesPrestamo(id)\n const amortizaciones = res.data\n res = await obtenerExcedentesPrestamo(id)\n const excedentes = res.data\n let capital = 0\n let interes = 0\n let iva = 0\n let gasto_cobranza = 0\n let abonado = 0\n let total = 0\n amortizaciones.forEach(a => {\n capital = a.capital_total\n interes = Math.round(parseFloat(a.interes)*100)/100 + interes\n iva = Math.round(parseFloat(a.iva)*100)/100 + iva\n total = Math.round(parseFloat(a.total)*100)/100 + total\n abonado = Math.round(parseFloat(a.abonado)*100)/100 + abonado\n gasto_cobranza = parseFloat(a.gasto_cobranza) + gasto_cobranza\n })\n let amortizacion = {\n num_amortizacion: 'Total',\n fecha: '',\n fecha_pagada: '',\n dias_retraso: '',\n capital,\n interes,\n iva,\n gasto_cobranza,\n total,\n abonado\n }\n amortizacion = quitarNulos(amortizacion)\n amortizaciones.push(amortizacion)\n res = await obtenerPagosPrestamo(id)\n const pagos = res.data\n res = await obtenerDocumentosPrestamo(id)\n const documentos = res.data\n res = await obtenerComentariosPrestamo(id)\n const comentarios = res.data\n res = await obtenerMovimientosPrestamo(id)\n const movimientos = res.data\n res = await obtenerHistorialPagosDomiciliadosPrestamo(id)\n const domiciliacion = res.data\n res = await obtenerCuentasBancarias()\n let cuentas = []\n res.data.forEach(obj => {\n cuentas.push({ label: obj.banco+' - '+obj.no_cuenta, value: obj.id });\n })\n cuentas.unshift({\n label:'Seleccionar...', value:''\n })\n\n const datosPago = prestamo.monto_amortizacion_pendiente ? {monto: prestamo.monto_amortizacion_pendiente} : {};\n const datosReembolso = {};\n const titulo = `Préstamo #${prestamo.folio}`;\n\n this.setState({\n prestamo,\n empleado,\n datos_cobranza,\n amortizaciones,\n gastos_cobranza,\n excedentes,\n pagos,\n documentos,\n comentarios,\n movimientos,\n domiciliacion,\n datosPago,\n datosReembolso,\n titulo,\n cuentas\n })\n } catch (error) {\n console.log(error)\n }\n }\n\n mostrarFormCambiarFecha() {\n this.setState({ mostrarCambiarFecha : true })\n }\n\n async cambiarFecha() {\n try {\n const { fecha, id } = this.state\n const datos = { fecha_inicio: moment(fecha).format('YYYY-MM-DD')}\n const resp = await cambiarFechaPrestamo(datos, id)\n console.log(resp)\n this.cerrarModal()\n await this.componentDidMount()\n this.setState({\n mostratAlerta: true,\n textoAlerta: 'Fechas cambiadas'\n })\n } catch (error) {\n console.log('Error: ' + error)\n }\n }\n\n mostrarFormActFecha() {\n const { prestamo } = this.state\n let primer_amortizacion_sin_factura = prestamo.primer_amortizacion_sin_factura\n let dias_cobro = prestamo.dias_cobro\n\n this.setState({ mostrarActFecha : true, primer_amortizacion_sin_factura, dias_cobro })\n }\n\n async actualizarFechas() {\n try {\n const { prestamo, fecha_inicio, primer_amortizacion_sin_factura, dias_cobro, id } = this.state\n const datos = {\n frecuencia: prestamo.frecuencia_cobro,\n fecha_inicio: moment(fecha_inicio).format('YYYY-MM-DD'),\n primer_amortizacion_sin_factura,\n dias_cobro,\n }\n const resp = await actualizarFechasPrestamo(datos, id)\n console.log(resp)\n this.cerrarModal()\n await this.componentDidMount()\n mostrarToast(\"Se actualizaron las fechas de amortización\");\n } catch (error) {\n console.log(error)\n let message = 'Error al actualizar amortizaciones'\n if(error.hasOwnProperty('data')) {\n if (error.data.hasOwnProperty('dias_cobro')) {\n mostrarToast(error.data.dias_cobro, 'error');\n this.setState({dias_cobro_error:error.data.dias_cobro})\n } else if (error.data.hasOwnProperty('mensaje')) {\n mostrarToast(error.data.mensaje, 'error');\n }else{\n this.cerrarModal()\n mostrarToast(message, 'error');\n }\n }else{\n this.cerrarModal()\n mostrarToast(message, 'error');\n }\n }\n }\n\n mostrarFormDocumento() {\n this.setState({ mostrarFrmDocumento : true })\n }\n\n mostrarConfElimDocumento(idDocumento, indice) {\n const datosElimDocumento = { idDocumento, indice }\n this.setState({ mostrarConfElimDocumento : true, datosElimDocumento })\n }\n\n async agregarDocumento(){\n const { id, documentos, dataDocumento } = this.state\n try {\n const formData = new FormData()\n Object.keys(dataDocumento).forEach((key) => {\n formData.append(key, dataDocumento[key])\n })\n const resp = await agregarDocumentosPrestamo(formData, id)\n documentos.push(resp.data)\n this.setState({\n dataDocumento: {},\n documentos,\n mostrarFrmDocumento: false,\n mostratAlerta: true,\n textoAlerta: 'Documento agregado'\n })\n } catch (error) {\n const errorsDocumento = error.data\n this.setState({ errorsDocumento })\n }\n }\n\n async eliminarDocumento() {\n const { id, documentos, datosElimDocumento } = this.state\n const { idDocumento, indice } = datosElimDocumento\n await eliminarDocumentosPrestamo(id, idDocumento)\n documentos.splice(indice, 1)\n this.setState({\n documentos,\n mostrarConfElimDocumento : false,\n mostratAlerta: true,\n textoAlerta: 'Documento eliminado'\n }) \n }\n\n mostrarFormComentario() {\n this.setState({ mostrarFrmComentario : true })\n }\n\n mostrarConfElimComentario(idComentario, indice) {\n const datosElimComentario = { idComentario, indice }\n this.setState({ mostrarConfElimComentario : true, datosElimComentario })\n }\n\n async agregarComentario(){\n const { id, dataComentario } = this.state\n try {\n const resp = await agregarComentariosPrestamo(dataComentario, id)\n const { comentarios } = this.state\n comentarios.push(resp.data)\n this.setState({\n dataComentario: { 'visible_empleado': true },\n comentarios,\n mostrarFrmComentario: false,\n mostratAlerta: true,\n textoAlerta: 'Comentario agregado'\n })\n } catch (error) {\n const errorsComentario = error.data\n this.setState({ errorsComentario })\n }\n }\n\n async eliminarComentario() {\n const { id, comentarios, datosElimComentario } = this.state\n const { idComentario, indice } = datosElimComentario\n await eliminarComentariosPrestamo(id, idComentario)\n comentarios.splice(indice, 1)\n this.setState({\n comentarios,\n mostrarConfElimComentario : false,\n mostratAlerta: true,\n textoAlerta: 'Comentario eliminado'\n }) \n }\n\n cerrarModal() {\n\n const { prestamo } = this.state;\n\n const datosPago = prestamo.monto_amortizacion_pendiente ? {monto: prestamo.monto_amortizacion_pendiente} : {};\n const datosReembolso = {};\n this.setState({\n mostrarFrmComentario : false,\n mostrarConfElimComentario : false,\n dataComentario: {},\n errorsComentario: [],\n mostrarFrmDocumento : false,\n mostrarConfElimDocumento : false,\n dataDocumento: {},\n errorsDocumento: [],\n mostrarCambiarFecha: false,\n mostrarFrmPago: false,\n mostrarFrmReembolso : false,\n mostrarActFecha: false,\n datosPago,\n datosReembolso,\n errorsPago: [],\n errorsReembolso:[]\n });\n }\n\n seleccionarPestana(pestanaSeleccionada) {\n this.setState({ pestanaSeleccionada })\n }\n\n handleChangeDate = date => {\n const fecha_inicio = date[0]\n this.setState({ fecha_inicio })\n }\n\n mostrarFormPago() {\n this.setState({ mostrarFrmPago : true })\n }\n mostrarFormReembolso(){\n this.setState({ mostrarFrmReembolso : true })\n }\n async crearPago() {\n try {\n let { datosPago } = this.state\n const { id } = this.state\n datosPago = Object.assign({ prestamo: id }, datosPago)\n const formData = new FormData()\n Object.keys(datosPago).forEach((key) => {\n if (key === 'fecha_pago'){\n if (datosPago[key]){\n formData.append(key, moment(datosPago[key]).format('YYYY-MM-DD'))\n }\n } else {\n formData.append(key, datosPago[key])\n }\n })\n console.log('formData', formData)\n // Deshabilitamos el boton del form\n this.setState({ loading: true });\n // Enviamos la petición\n await crearPago(formData)\n // Habilitamos el boton del form\n this.setState({ loading: false });\n // Cerramos el form\n this.setState({ mostrarFrmPago : false })\n localStorage.setItem('tab', '4')\n window.location.reload(false)\n } catch (error) {\n // Habilitamos el boton del form\n this.setState({ loading: false });\n const errorsPago = error.data\n if(errorsPago.excepcion){\n mostrarToast(errorsPago.excepcion, 'error');\n }\n this.setState({ errorsPago })\n }\n\n }\n async crearReembolso(){\n try{\n let { datosReembolso } = this.state\n const { id } = this.state\n datosReembolso['comprobante'] = document.getElementById('comprobante_reembolso').files[0];\n datosReembolso = Object.assign({ prestamo: id }, datosReembolso)\n const formData = new FormData()\n Object.keys(datosReembolso).forEach((key) => {\n if (key === 'fecha_pago'){\n if (datosReembolso[key]){\n formData.append(key, moment(datosReembolso[key]).format('YYYY-MM-DD'))\n }\n } else {\n formData.append(key, datosReembolso[key])\n }\n }) \n formData.append('estatus', 'pendiente');\n formData.append('tipo', 'reembolso');\n // Deshabilitamos el boton del form\n this.setState({ loading: true });\n // Enviamos la petición\n await crearReembolso(formData,id)\n // Habilitamos el boton del form\n this.setState({ loading: false });\n // Cerramos el form\n this.setState({ mostrarFrmReembolso : false })\n localStorage.setItem('tab', '9')\n window.location.reload(false)\n\n } catch (error) {\n // Habilitamos el boton del form\n console.log(error)\n this.setState({ loading: false });\n const errorsReembolso = error.data\n if(errorsReembolso.excepcion){\n mostrarToast(errorsReembolso.excepcion, 'error');\n }\n this.setState({ errorsReembolso })\n }\n }\n handleChangeData = async (e) => {\n const { datosPago } = this.state;\n const { datosReembolso } = this.state;\n const { target: { name, checked, files, value } } = e;\n let { disabledSinIO, disabledLiquidacionAnticipada, disabledLiquidacionReembolso } = this.state\n\n if (name === 'comprobante') {\n datosPago[name] = files[0];\n datosReembolso[name]=files[0];\n } else if (name === 'condonar_intereses_ordinarios') {\n datosPago[name] = checked;\n } else if (name === 'liquidacion_anticipada'){\n datosPago[name] = checked;\n } else if (name === 'liquidacion_reembolso'){\n datosPago[name] = checked;\n }else {\n if (name === 'motivo') {\n // disabledSinIO = !(value === 'liquidacion' || value === 'pago anticipado');\n disabledSinIO = !(value === 'liquidacion');\n disabledLiquidacionReembolso = !(value === 'liquidacion')\n disabledLiquidacionAnticipada = !(value === 'pago anticipado');\n\n if (disabledSinIO){\n datosPago.condonar_intereses_ordinarios = false;\n }\n\n if (disabledLiquidacionAnticipada){\n datosPago.liquidacion_anticipada = false;\n }\n if (disabledLiquidacionReembolso){\n datosPago.liquidacion_reembolso = false;\n }\n }\n\n datosPago[name] = value;\n datosReembolso[name] = value;\n }\n\n this.setState({ datosPago, disabledSinIO, disabledLiquidacionAnticipada, disabledLiquidacionReembolso, datosReembolso})\n }\n\n InputComprobante() {\n const [file, setFile] = useState(null);\n const fileInputRef = useRef(null);\n \n const handleFileChange = () => {\n const selectedFile = fileInputRef.current.files[0];\n setFile(selectedFile);\n };\n return (\n \n
\n \n Información de Cobranza\n { showButton && verificarPermiso('cobranza.add_prestamoinformacioncobranza,') && (\n \n\t\t\t\t\t\t\t{loading ? \"Generando ...\" : \"Generar datos de cobranza\"}\n \n )}\n
\n \n
\n \n
\n \n \n \n
\n \n \n \n
\n \n \n \n
\n \n \n \n
\n \n \n
\n );\n }\n\n handleDiasCobro = async (e) => {\n let { dias_cobro } = this.state;\n const { target: { name, /* checked, files, */ value } } = e;\n\n if (name === 'dias_cobro') {\n dias_cobro = value;\n }\n\n this.setState({ dias_cobro })\n }\n\n reactivar_domiciliacion(){\n this.setState({modal_reactivar_domiciliacion: true})\n console.log(this.state.prestamo)\n }\n\n btn_reactivar_domiciliacion = async () => {\n try{\n this.setState({ loading: true });\n const { prestamo } = this.state\n await reactivar_prestamo_domiciliacion(prestamo.id);\n this.setState({ modal_reactivar_domiciliacion:false, loading:false });\n mostrarToast('Préstamo reactivado correctamente.');\n localStorage.setItem('tab', '8')\n window.location.reload(false)\n }catch(error){\n console.log(error)\n mostrarToast(error.message, 'error');\n }\n }\n\n quitar_domiciliacion_change = (e) => {\n const motivo_quitar_domiciliacion = e.target.value;\n this.setState({motivo_quitar_domiciliacion});\n }\n \n handle_quitar_domiciliacion_change = (e) => {\n const comentario_quitar_domiciliacion = e.target.value;\n this.setState({ comentario_quitar_domiciliacion });\n }\n\n validar_quitar_domiciliacion = () => {\n let validado = true;\n const erroresDomiciliacion = {\n motivo: [],\n comentario: []\n };\n const { motivo_quitar_domiciliacion, comentario_quitar_domiciliacion } = this.state;\n\n if (motivo_quitar_domiciliacion === \"Otro\" && comentario_quitar_domiciliacion.length === 0){\n erroresDomiciliacion.comentario = ['Este campo es requerido.']\n validado = false\n }\n \n if(motivo_quitar_domiciliacion.length === 0){\n erroresDomiciliacion.motivo = ['Selecciona un motivo.']\n validado = false\n }\n \n this.setState({ erroresDomiciliacion });\n return validado;\n }\n\n quitar_domiciliacion(){\n this.setState({modal_quitar_domiciliacion: true, motivo_quitar_domiciliacion:''})\n }\n\n btn_quitar_prestamo_domiciliacion = async () => {\n if (!this.validar_quitar_domiciliacion()) {\n return;\n }\n try{\n const {prestamo, motivo_quitar_domiciliacion, comentario_quitar_domiciliacion} = this.state\n await eliminar_prestamo_domiciliacion(prestamo.id, motivo_quitar_domiciliacion, comentario_quitar_domiciliacion);\n mostrarToast('Préstamo bloqueado de la domiciliación correctamente.');\n this.setState({ modal_quitar_domiciliacion:false });\n localStorage.setItem('tab', '8')\n window.location.reload(false)\n }catch(error){\n mostrarToast(error);\n }\n }\n \n\n pagoForm(){\n\n const { prestamo, datosPago, errorsPago, cuentas, disabledSinIO, disabledLiquidacionAnticipada, disabledLiquidacionReembolso } = this.state;\n\n let options_motivo = []\n\n if(prestamo.tipo === 'tradicional') {\n // Si no ha generado ninguna factura y ningun pago o va al corriente, puede generar PAGO CAPITAL O PAGO LIQUIDACION\n if (prestamo.avance_capital === 0 || !prestamo.amortizaciones_con_factura_sin_pagar) {\n options_motivo = [\n { label: 'Seleccionar...', value: '' },\n { label: 'Pago capital', value: 'pago anticipado' },\n { label: 'Liquidación', value: 'liquidacion' }\n ]\n }\n\n // Si tiene dias de retraso o facturas pendientes por pagar, puede generar PAGO NORMAL O PAGO MORATORIO\n if (prestamo.dias_retraso > 0 || prestamo.amortizaciones_con_factura_sin_pagar) {\n options_motivo = [\n { label: 'Seleccionar...', value: '' },\n { label: 'Amortización regular', value: 'amortizacion regular' },\n { label: 'Penalización', value: 'penalizacion' }\n ]\n }\n }else{\n options_motivo = [\n { label: 'Seleccionar...', value: '' },\n { label: 'Amortización regular', value: 'amortizacion regular' },\n { label: 'Pago capital', value: 'pago anticipado' },\n { label: 'Liquidación', value: 'liquidacion' }\n ]\n }\n\n let options_tipo_pago = [\n {label:'Seleccionar...', value:''},\n {label:'Cheque', value:'cheque'},\n {label:'Depósito en efectivo', value:'depósito en efectivo'},\n {label:'SPEI', value:'SPEI'},\n {label:'Pago referenciado', value:'pago referenciado'},\n {label:'Cargo Openpay', value:'cargo openpay'},\n {label:'Liquidación virtual', value:'liquidacion virtual'}\n ]\n\n return (\n \n
\n )\n }\n\n reembolsoForm(){\n\n const {errorsReembolso, cuentas, datosReembolso } = this.state;\n\n let options_motivo = []\n\n let options_tipo_pago = [\n {label:'Seleccionar...', value:''},\n {label:'Cheque', value:'cheque'},\n {label:'Depósito en efectivo', value:'depósito en efectivo'},\n {label:'SPEI', value:'SPEI'},\n {label:'Pago referenciado', value:'pago referenciado'},\n {label:'Cargo Openpay', value:'cargo openpay'},\n {label:'Liquidación virtual', value:'liquidacion virtual'}\n ]\n\n return (\n \n {\n datosPago.fecha_pago = v[0];\n this.setState({ datosPago });\n }}\n />\n
\n {!disabledSinIO && prestamo.tipo === 'tradicional' && <>\n \n
\n 0 ? \"form-group row has-error\" : \"form-group row\" }>\n \n
\n \n \n { errorsPago.monto !== undefined && errorsPago.monto.length > 0 && { errorsPago.monto } }\n
\n \n
\n 0 ? \"form-group row has-error\" : \"form-group row\" }>\n \n
\n \n \n { errorsPago.motivo !== undefined && errorsPago.motivo.length > 0 && { errorsPago.motivo } }\n
\n \n
\n 0 ? \"form-group row has-error\" : \"form-group row\" }>\n \n
\n \n \n { errorsPago.tipo_pago !== undefined && errorsPago.tipo_pago.length > 0 && { errorsPago.tipo_pago } }\n
\n \n
\n 0 ? \"form-group row has-error\" : \"form-group row\" }>\n \n
\n \n \n { errorsPago.cuenta !== undefined && errorsPago.cuenta.length > 0 && { errorsPago.cuenta } }\n
\n \n
\n 0 ? \"form-group row has-error\" : \"form-group row\" }>\n \n
\n \n \n { errorsPago.comprobante !== undefined && errorsPago.comprobante.length > 0 && { errorsPago.comprobante } }\n
\n \n
\n 0 ? \"form-group row has-error\" : \"form-group row\" }>\n \n
\n \n \n { errorsPago.referencia !== undefined && errorsPago.referencia.length > 0 && { errorsPago.referencia } }\n
\n \n
\n 0 ? \"form-group row has-error\" : \"form-group row\" }>\n \n
\n \n \n { errorsPago.comentario !== undefined && errorsPago.comentario.length > 0 && { errorsPago.comentario } }\n
\n \n
\n \n
\n }\n {/* Liquidación anticipada para 4m100 */}\n {!disabledLiquidacionAnticipada && prestamo.msi && <>\n \n {\"Si aplica con Interés Ordinario, el monto a colocar debe incluirlo [$\"+prestamo.intereses_ordinarios+\"]\"}\n
\n \n
\n { errorsPago.liquidacion_anticipada !== undefined && errorsPago.liquidacion_anticipada.length > 0 && { errorsPago.liquidacion_anticipada } }\n\n }\n {/* Liquidación por Reembolso para 4m100 */}\n {!disabledLiquidacionReembolso && prestamo.msi && <>\n \n
\n { errorsPago.liquidacion_reembolso !== undefined && errorsPago.liquidacion_reembolso.length > 0 && { errorsPago.liquidacion_reembolso } }\n }\n \n {\n datosReembolso.fecha_creacion = v[0];\n this.setState({ datosReembolso });\n }}\n />\n \n
\n )\n }\n\n render () {\n const guia = [\n { nombre: 'Prestamos', url: '/prestamos', clase: '' },\n { nombre: 'Ver', url: '', clase: 'active' }\n ]\n\n const pagoUrlBotonVer = verificarPermiso('pagos.view_pagoprestamo,') ? '/pagos/ver/' : ''\n const pagosBotones = [\n {\n etiqueta: 'Ver',\n url: pagoUrlBotonVer\n }\n ]\n\n const {\n pestanaSeleccionada,\n loading,\n titulo,\n prestamo,\n empleado,\n datos_cobranza,\n amortizaciones,\n gastos_cobranza,\n excedentes,\n // amortizacionesCols,\n pagos,\n pagosCols,\n documentos,\n mostrarFrmDocumento,\n mostrarConfElimDocumento,\n comentarios,\n mostrarFrmComentario,\n mostrarConfElimComentario,\n movimientos,\n movimientosCols,\n domiciliacion,\n domiciliacionCols,\n // mostratAlerta,\n // textoAlerta,\n mostrarCambiarFecha,\n fecha,\n errores_fecha,\n mostrarFrmPago,\n mostrarFrmReembolso,\n // cuentas,\n\n mostrarActFecha,\n primer_amortizacion_sin_factura,\n fecha_inicio,\n dias_cobro,\n dias_cobro_error,\n // pagination\n totalRecords,\n pageLimit,\n modal_reactivar_domiciliacion,\n modal_quitar_domiciliacion,\n motivo_quitar_domiciliacion,\n comentario_quitar_domiciliacion,\n erroresDomiciliacion\n } = this.state\n\n let {\n id\n } = this.state\n\n const formDocumento = {\n fields:[{\n name:'nombre',\n className: 'col-md-12',\n label:'Nombre',\n type:'text',\n helpText:''\n },{\n name:'documento',\n className: 'col-md-12',\n label:'Documento',\n type:'file',\n helpText:''\n }],\n data: this.state.dataDocumento,\n errors: this.state.errorsDocumento\n }\n\n const frmComentario = {\n fields:[{\n name:'comentario',\n label:'Comentario',\n type:'text',\n helpText:'',\n className: 'col-sm-12',\n labelClassName: 'col-sm-3',\n controlClassName: 'col-sm-9'\n },{\n name:'visible_empleado',\n label:'Enviar correo a empleado',\n type:'checkbox',\n helpText:'',\n className: 'col-sm-12',\n labelClassName: 'col-sm-3',\n controlClassName: 'col-sm-9'\n }],\n data: this.state.dataComentario,\n errors: this.state.errorsComentario\n }\n\n/* \n const formPago = {\n fields:[{\n name:'monto',\n label:'Monto *',\n type:'text',\n helpText:'',\n keyPressValidation: 'decimal'\n },{\n name:'motivo',\n label:'Motivo *',\n type:'select',\n helpText:'',\n options: [\n {label:'Seleccionar...', value:''},\n {label:'Amortización regular', value:'amortizacion regular'},\n {label:'Pago capital', value:'pago anticipado'},\n {label:'Liquidación', value:'liquidacion'},\n // {label:'Penalización', value:'penalizacion'}\n ]\n },{\n name:'tipo_pago',\n label:'Tipo de pago *',\n type:'select',\n helpText:'',\n options: [\n {label:'Seleccionar...', value:''},\n {label:'Cheque', value:'cheque'},\n {label:'Depósito en efectivo', value:'depósito en efectivo'},\n {label:'SPEI', value:'SPEI'},\n {label:'Pago referenciado', value:'pago referenciado'},\n {label:'Cargo Openpay', value:'cargo openpay'},\n {label:'Liquidación virtual', value:'liquidacion virtual'}\n ]\n },{\n name:'cuenta',\n label:'Cuenta Entrante *',\n type:'select',\n helpText:'',\n options: cuentas\n },{\n name:'comprobante',\n label:'Comprobante',\n type:'file',\n helpText:''\n },{\n name:'referencia',\n label:'Referencia',\n type:'text',\n helpText:''\n },{\n name:'comentario',\n label:'Comentario',\n type:'text',\n helpText:''\n },{\n name:'fecha_pago',\n label:'Fecha de pago *',\n type:'date',\n options: {dateFormat: 'd-m-Y', locale: Spanish, maxDate: 'today' },\n helpText:''\n }],\n data: this.state.datosPago,\n errors: this.state.errorsPago\n }\n */\n let estatus_class = '';\n\n if(prestamo.estatus === 'activo'){\n estatus_class = 'success';\n }else{\n estatus_class = 'danger';\n }\n\n return (\n \n
\n \n \n
\n 0 ? \"form-group row has-error\" : \"form-group row\" }>\n \n
\n \n \n { errorsReembolso.monto !== undefined && errorsReembolso.monto.length > 0 && { errorsReembolso.monto } }\n
\n \n
\n 0 ? \"form-group row has-error\" : \"form-group row\" }>\n \n
\n \n \n { errorsReembolso.cuenta !== undefined && errorsReembolso.cuenta.length > 0 && { errorsReembolso.cuenta } }\n
\n \n
\n 0 ? \"form-group row has-error\" : \"form-group row\" }>\n \n
\n \n
\n \n
\n 0 ? \"form-group row has-error\" : \"form-group row\" }>\n \n
\n \n \n { errorsReembolso.referencia !== undefined && errorsReembolso.referencia.length > 0 && { errorsReembolso.referencia } }\n
\n \n
\n \n
\n Cambiar fecha de un prestamo
\n\n
\n \n
\n \n
\n \n \n \n {obj}\n \n ))}\n
\n \n \n \n
\n \n
\n \n
\n Actualizar fechas amortizaciones
\n\n
\n \n
\n \n
\n \n \n
\n \n
\n \n
\n {prestamo.frecuencia_cobro === 'quincenal' &&\n \n \n \n {obj}\n \n ))}\n
\n \n
\n }\n \n \n
\n \n
\n { dias_cobro_error !== undefined && dias_cobro_error.length > 0 && { dias_cobro_error[0] } }\n \n \n \n
\n \n
\n \n window.open(`/prestamos/estado-cuenta/${id}/`, \"_blank\")}\n >\n \n Estado de Cuenta\n \n */}\n {/* Liquidar*/}\n {/* */}\n {/*}*/}\n {/*SE DESHABILITA BOTON PARA CAMBIAR FECHA*/}\n {/*{ prestamo.estatus === 'activo' &&*/}\n {/* this.mostrarFormCambiarFecha()}*/}\n {/* >*/}\n {/* Cambiar fecha*/}\n {/* */}\n {/*}*/}\n {/* OCULTAMOS BOTON DE RENOVAR HASTA NUEVA IDNICACION */}\n {/*{ (prestamo.estatus === 'activo' && prestamo.adeudo_atrasado === 0) &&*/}\n {/* */}\n {/* Renovar*/}\n {/* */}\n {/*}*/}\n
\n \n
\n {/*SE DESHABILITA BOTON PARA LIQUIDAR*/}\n {/*{ prestamo.estatus === 'activo' &&*/}\n {/* {prestamo.estatus}
\n\n
\n
\n \n \n
\n \n
\n - \n
- \n this.seleccionarPestana(1)} >Información del préstamo\n \n
- \n this.seleccionarPestana(2)} >Amortizaciones\n \n
- \n this.seleccionarPestana(3)} >Gastos de Cobranza\n \n
- \n this.seleccionarPestana(4)} >Movimientos\n \n
- \n this.seleccionarPestana(5)} >Documentos\n \n
- \n this.seleccionarPestana(6)} >Comentarios\n \n
- \n this.seleccionarPestana(7)} >Bitácora\n \n
- \n this.seleccionarPestana(8)} >Domiciliación\n \n
- \n this.seleccionarPestana(9)} >Reembolsos/Saldo a Favor\n \n
\n \n \n \n \n
\n \n
\n \n
\n \n\n
\n \n
\n \n \n
\n \n Datos del empleado\n
\n \n
\n \n
\n \n \n \n
\n \n \n \n
\n \n \n \n
\n \n \n \n
\n \n \n \n
\n \n \n \n
\n \n \n \n
\n \n \n \n
\n \n \n \n
\n \n \n \n
\n\n { prestamo.pedido_whirlpool && prestamo.pedido_whirlpool !== '--' &&\n \n \n \n
\n }\n\n \n \n \n
\n\n { empleado.empresa_whirlpool_str !== '--' && \n \n \n \n
\n }\n\n \n
\n\n \n
\n \n Detalles\n
\n \n
\n \n
\n \n \n \n
\n \n \n \n
\n \n \n \n
\n \n \n \n
\n \n \n \n
\n \n \n \n
\n \n \n \n
\n \n \n \n
\n \n \n \n
\n \n \n \n
\n \n \n \n
\n \n \n \n
\n \n \n \n
\n \n \n \n
\n \n \n \n
\n \n \n \n
\n \n \n \n
\n \n \n \n
\n \n \n \n
\n \n \n \n
\n \n \n \n
\n \n \n \n
\n \n \n \n
\n \n \n \n
\n \n \n \n
\n \n \n \n
\n \n
\n \n { amortizaciones.length > 0 ? <>\n {verificarPermiso('prestamos.reestructurar_prestamo,') && prestamo.estatus !== \"liquidado\" &&\n
\n \n
\n }\n \n this.mostrarFormActFecha()}\n >\n Actualizar Fechas\n \n
\n \n
\n \n :\n \n
\n \n
\n \n Tabla de amortizaciones\n
\n \n
\n \n
\n \n {/*
\n \n \n \n
\n
\n | # | \nFecha | \nFecha de pago | \nDías de atraso | \nCapital | \nInterés | \nIVA | \nG.Cobranza | \nTotal | \nAbonado | \nAdeudo | \nFacturado | \nLiquidado | \n||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| { amortizacion.num_amortizacion } | \n{ dateFormat(amortizacion.fecha) } | \n{ amortizacion.fecha_pagada ? dateFormat(amortizacion.fecha_pagada) : '--' } | \n{ amortizacion.pagada ? '--' : amortizacion.dias_retraso } | \n{ currencyFormat(amortizacion.capital) } | \n{ currencyFormat(amortizacion.interes) } | \n{ currencyFormat(amortizacion.iva) } | \n0 && 'rojo'}`}> \n { currencyFormat(amortizacion.gasto_cobranza) }\n | \n{ currencyFormat(amortizacion.total) } | \n{ currencyFormat(amortizacion.abonado) } | \n{ prestamo.estatus === 'liquidado' ?\n currencyFormat(0)\n :\n currencyFormat(parseFloat(amortizacion.total) - parseFloat(amortizacion.abonado))\n } | \n {index + 1 !== amortizaciones.length ?\n\n {amortizacion.facturado ?\n \n :\n \n }\n | \n :\n\n }\n {index + 1 !== amortizaciones.length ?\n | \n {\n amortizacion.pagada ?\n | \n :\n \n }\n |
\n
\n }\n \n
\n \n
\n \n
\n \n
\n Aún no hay amortizaciones registradas
\n\n
\n \n { gastos_cobranza.length > 0 ? <>\n
\n \n
\n \n :\n \n
\n \n
\n \n Tabla Gastos de Cobranza\n
\n \n
\n \n
\n \n
\n \n \n \n
\n
\n | # Amortizacion | \nMonto | \nInterés | \nIVA | \nAbonado | \nMonto condonado | \nAdeudo | \nEstatus | \nAplicado | \nCondonado | \nFecha Aplicado | \nFecha Condonado | \nFecha Calculo | \n
|---|---|---|---|---|---|---|---|---|---|---|---|---|
| { gasto.num_amortizacion } | \n{ currencyFormat(gasto.monto) } | \n{ currencyFormat(gasto.interes) } | \n{ currencyFormat(gasto.iva) } | \n{ currencyFormat(gasto.abonado) } | \n{ currencyFormat(gasto.monto_condonado) } | \n{ currencyFormat(gasto.adeudo) } | \n{ gasto.estatus } | \n\n {gasto.aplicado ?\n \n :\n \n }\n | \n\n\n {gasto.condonar ?\n \n :\n \n }\n | \n \n{ dateFormat(gasto.fecha_aplicacion) } | \n{ dateFormat(gasto.fecha_condonacion) } | \n{ dateFormat(gasto.fecha_calculo) } | \n
\n
\n }\n \n
\n \n
\n \n
\n \n
\n No hay Gastos de Cobranza registradas
\n\n \n \n
\n \n { pagos.length > 0 ?\n
\n \n
\n :\n \n { (prestamo.estatus === 'activo' || prestamo.estatus === 'cartera vencida' || prestamo.estatus === 'castigo') && verificarPermiso('pagos.add_pagoprestamo,') &&\n this.mostrarFormPago()}\n >\n \n Agregar pago\n \n }\n\n
\n \n
\n \n
\n \n Tabla de pagos\n
\n \n
\n \n
\n \n
\n \n
\n }\n \n
\n \n
\n \n
\n \n this.mostrarFormPago()}\n >\n \n Agregar\n \n }\n
\n Aún no hay pagos registrados
\n\n {prestamo.estatus === 'activo' &&\n\n
\n \n
\n Agregar pago
\n\n {\n prestamo.proximo_pago &&\n
\n \n
\n }\n {/*\n {prestamo.tipo === 'tradicional' && <>\n { !prestamo.amortizaciones_con_factura_sin_pagar ?\n
\n No puede agregar PAGO NORMAL, aún no hay facturas generadas.
\n :\nHay facturas generadas por pagar.
\n }\n \n }\nFecha de la amortización: { dateFormat(prestamo.proximo_pago) }
\n\n \n \n
\n \n
\n \n { documentos.length > 0 &&\n \n \n \n \n
\n \n
\n }\n { documentos.length > 0 ?\n \n { verificarPermiso('prestamos.add_documentoprestamo') &&\n this.mostrarFormDocumento()}\n >\n \n Agregar\n \n }\n
\n \n \n \n
\n
\n :\n | Fecha de creación | \nNombre | \nAcciones | \n
|---|---|---|
| { dateTimeFormat(obj.fecha_creacion) } | \n{ obj.nombre } | \n\n { verificarPermiso('prestamos.view_documentoprestamo,') &&\n | \n
\n
\n }\n \n
\n \n
\n \n
\n \n this.mostrarFormDocumento()}\n >\n \n Agregar\n \n }\n
\n Aún no tienes documentos agregados
\n { verificarPermiso('prestamos.add_documentoprestamo') &&\n\n
\n \n
\n Agregar comentario
\n\n
\n \n \n \n
\n \n
\n \n
\n Eliminar documento
\n\n
\n \n ¿Estás seguro de eliminar este documento?\n
\n\n \n \n
\n \n
\n \n { comentarios.length > 0 &&\n \n \n \n \n
\n \n
\n }\n { comentarios.length > 0 ?\n \n this.mostrarFormComentario()}\n >\n \n Agregar\n \n
\n \n \n \n
\n
\n :\n | Fecha y hora | \nUsuario | \nComentario | \nCorreo a empleado | \nAcciones | \n
|---|---|---|---|---|
| { dateTimeFormat(obj.fecha_creacion) } | \n{ obj.usuario } | \n{ obj.comentario } | \n\n { obj.visible_empleado === true ? \n \n :\n \n }\n | \n\n | \n
\n
\n }\n \n
\n \n
\n \n
\n \n this.mostrarFormComentario()}\n >\n \n Agregar\n \n }\n
\n Aún no tienes comentarios agregados
\n { verificarPermiso('prestamos.add_comentarioprestamo') &&\n\n
\n \n
\n Agregar comentario
\n\n
\n \n \n \n
\n \n
\n \n
\n Eliminar comentario
\n\n
\n \n ¿Estás seguro de eliminar este comentario?\n
\n\n \n \n
\n \n
\n \n { movimientos.length > 0 ?\n
\n \n
\n :\n \n
\n \n
\n \n Tabla de movimientos\n
\n \n
\n \n
\n \n
\n \n
\n }\n \n
\n \n
\n \n
\n \n
\n Aún no hay movimientos registrados
\n\n
\n \n {prestamo.estatus === 'activo' && prestamo.tipo_descuento === 'domiciliacion' ?\n
\n \n {prestamo.bloqueado_domiciliacion ?\n this.reactivar_domiciliacion()}\n >\n \n Reactivar a la domiciliación\n \n :\n this.quitar_domiciliacion()}\n >\n \n Quitar de la domiciliación\n \n }\n
\n :\n \n }\n\n { domiciliacion.length > 0 ?\n \n
\n :\n \n
\n \n
\n \n Domiciliación \n
\n \n
\n \n
\n \n
\n \n
\n }\n \n
\n \n
\n \n
\n \n
\n Aún no hay domiciliaciones registradas
\n\n \n \n
\n \n {\n verificarPermiso('prestamos.add_excedente,') &&\n this.mostrarFormReembolso()}\n >\n \n Agregar reembolso\n \n\n}\n { excedentes.length > 0 ? <>\n
\n \n
\n \n :\n \n
\n \n \n
\n \n Tabla Excedentes\n
\n \n
\n \n
\n \n
\n \n \n \n
\n
\n | Monto | \nEstatus | \nTipo | \nPago Origen | \nFecha de Registro | \nPago Aplicacion | \nFecha de Aplicacion | \n
|---|---|---|---|---|---|---|
| { currencyFormat(excedente.monto) } | \n{ excedente.estatus } | \n{ excedente.tipo } | \n{ excedente.pago_origen } | \n{ dateFormat( excedente.fecha_creacion)} | \n{ excedente.pago_aplicado } | \n{ dateFormat(excedente.fecha_aplicacion )} | \n
\n
\n }\n \n
\n \n
\n \n
\n \n
\n No hay Excedentes
\n\n
\n \n
\n Agregar Reembolso
\n\n {/*
\n \n \n \n
\n \n
\n \n
\n Reactivar préstamo
\n\n
\n \n
\n \n
\n ¿Deseas reactivar el préstamo para que aparezca en la búsqueda al generar archivos?
\n\n this.setState({modal_reactivar_domiciliacion: false}) }\n >\n Cancelar\n \n this.btn_reactivar_domiciliacion()}\n >\n Reactivar\n \n
\n \n
\n \n
\n Quitar préstamo de la domiciliación
\n\n
\n\n \n
\n\n {\n motivo_quitar_domiciliacion === \"Otro\" && \n\n \n this.quitar_domiciliacion_change(e)}\n >\n \n \n \n \n \n \n \n {erroresDomiciliacion.motivo.map((obj, index) => (\n \n {obj}\n \n ))}\n
\n Motivo:
\n \n\n
\n }\n \n this.handle_quitar_domiciliacion_change(e)}\n >\n \n {erroresDomiciliacion.comentario.map((obj, index) => (\n \n {obj}\n \n ))}\n
\n Comentario:
\n\n this.setState({modal_quitar_domiciliacion: false}) }\n >\n Cancelar\n \n this.btn_quitar_prestamo_domiciliacion()}\n >\n Eliminar\n \n
\n \n
\n \n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n Datos del empleado\n
\n \n
\n \n
\n \n \n \n
\n \n \n \n
\n \n \n \n
\n \n \n \n
\n \n \n \n
\n \n \n \n
\n \n \n \n
\n \n \n \n
\n \n \n \n
\n \n
\n \n
\n \n Detalles\n
\n \n
\n \n
\n \n \n \n
\n \n \n \n
\n \n \n \n
\n \n \n \n
\n \n \n \n
\n \n \n \n
\n \n \n \n
\n \n \n \n
\n \n \n \n
\n \n \n \n
\n \n \n \n
\n \n \n \n
\n \n \n \n
\n \n \n \n
\n \n \n \n
\n \n \n \n
\n \n \n \n
\n \n \n \n
\n \n
\n \n
\n 0 && 'has-error'}`}>\n \n
\n \n this.handleChange('monto', e)}\n className=\"form-control\"\n />\n { errores['monto'].map((obj, index) => (\n \n {obj}\n \n ))}\n
\n \n
\n 0 && 'has-error'}`}>\n \n
\n \n
\n \n
\n 0 && 'has-error'}`}>\n \n
\n \n this.handleChange('referencia', e)}\n className=\"form-control\"\n />\n { errores['referencia'].map((obj, index) => (\n \n {obj}\n \n ))}\n
\n \n
\n 0 && 'has-error'}`}>\n \n
\n \n this.handleChange('comprobante', e)}\n className=\"form-control\"\n />\n { errores['comprobante'].map((obj, index) => (\n \n {obj}\n \n ))}\n
\n \n
\n 0 && 'has-error'}`}>\n \n
\n \n this.handleChange('tipo_pago', e)}\n className=\"form-control m-b\"\n >\n \n \n \n \n \n \n { errores['tipo_pago'].map((obj, index) => (\n \n {obj}\n \n ))}\n
\n \n
\n 0 && 'has-error'}`}>\n \n
\n \n this.handleChange('cuenta', e)}\n className=\"form-control m-b\"\n >\n \n { cuentasBancarias.map((obj, index) => (\n \n ))}\n \n { errores['cuenta'].map((obj, index) => (\n \n {obj}\n \n ))}\n
\n \n
\n 0 && 'has-error'}`}>\n \n
\n \n this.handleChange('comentario', e)}\n className=\"form-control\"\n />\n { errores['comentario'].map((obj, index) => (\n \n {obj}\n \n ))}\n
\n \n
\n \n \n Liquidar\n \n
\n \n
\n\n\n\n {/*\n
\n \n
\n \n\n
\n \n
\n\n \n {/*SE DESHABILITA BOTON PARA AGREGAR PAGO*/}\n {/*{*/}\n {/* verificarPermiso('pagos.add_pagoprestamo,') &&*/}\n {/* */}\n {/* Agregar*/}\n {/* */}\n {/*}*/}\n\n \n
\n \n\n
\n\n \n
\n\n \n
\n\n \n
\n\n \n
\n\n \n
\n\n \n this.searchHandleChage(e)}\n // onKeyDown={e => this.searchHandleChage(e)}\n />\n \n this.onCleanClicked()}\n >\n \n \n \n \n this.buscar()}\n >\n \n Buscar\n \n \n
\n \n \n \n
\n
\n\n | Folio | \nPréstamo | \nFecha pago | \nMonto | \nMotivo | \nEmpresa | \nEmpleado | \nEstatus | \nAcciones | \n
|---|---|---|---|---|---|---|---|---|
| { pago.folio } | \n{ pago.prestamo } | \n{ dateFormat(pago.fecha_pago) } | \n{ currencyFormat(pago.monto) } | \n{ pago.motivo } | \n{ pago.empresa } | \n{ pago.empleado} | \n{ pago.estatus } | \n\n \n \n \n | \n
| No se encontraron pagos | \n
\n
\n \n \n
\n \n
\n \n
\n Crear pago
\n\n \n
\n \n
\n \n \n
\n \n
\n \n
\n \n
\n \n \n \n \n \n \n \n
\n \n
\n \n { (folio.includes(\"CRE\") || tipo_prestamo === 'emergente') && objeto.estatus === 'pendiente' && verificarPermiso('pagos.verificar_pagoprestamo,') &&\n this.confirmarRechazarPago()}\n >\n Rechazar\n \n }\n { (folio.includes(\"CRE\") || tipo_prestamo === 'emergente') && objeto.estatus === 'pendiente' && verificarPermiso('pagos.verificar_pagoprestamo,') &&\n this.confirmarVerificarPago()}\n >\n Verificar\n \n }\n {/*SE DESHABILITA BOTON PARA CANCELAR PAGO*/}\n { objeto.cancelable && verificarPermiso('pagos.cancelar_pagoprestamo,') &&\n this.confirmarCancelarPago()}\n >\n Cancelar\n \n }\n
\n \n
\n \n
\n Verificar pago
\n\n
\n \n ¿Estás seguro de verificar este pago?\n
\n\n \n \n
\n \n
\n \n
\n Cancelar pago
\n\n
\n \n ¿Estás seguro de cancelar este pago?\n
\n\n \n \n
\n \n
\n \n
\n Rechazar pago
\n\n
\n \n ¿Estás seguro de rechazar este pago?\n
\n\n \n \n
\n \n
\n \n
\n \n
\n \n Información del pago\n
\n \n
\n \n
\n \n \n \n
\n \n \n \n
\n \n \n \n
\n \n \n \n
\n \n \n \n
\n \n \n \n
\n \n \n \n
\n \n \n \n
\n \n \n \n
\n \n \n \n
\n \n \n \n
\n \n \n \n
\n \n \n \n
\n \n \n \n
\n \n \n \n
\n \n \n \n
\n \n \n window.open(objeto.comprobante, \"_blank\")}\n >\n \n Ver\n \n
\n \n \n \n
\n \n \n \n
\n \n \n \n
\n \n \n \n
\n \n \n \n
\n \n \n \n
\n \n
\n \n
\n \n Información del prestamo\n
\n \n
\n \n
\n \n \n \n
\n \n \n \n
\n \n \n \n
\n \n \n \n
\n \n \n \n
\n \n \n \n
\n \n \n \n
\n \n \n \n
\n \n \n \n
\n \n \n \n
\n \n \n \n
\n \n
\n \n \n
\n \n
\n \n
\n \n
\n \n
\n \n this.onChange('proveedor', e)}\n className=\"form-control m-b\"\n >\n \n { proveedores.map(p => {\n return \n })}\n \n \n
\n \n
\n \n this.onChange('estatus', e)}\n className=\"form-control m-b\"\n >\n \n \n \n \n \n
\n \n
\n \n this.onChange('search', e)}\n onKeyDown={e => this.handleKeyDown(e)}\n placeholder=\"Busca por folio, teléfono o empleado\"\n />\n \n this.limpiar() }\n >\n \n \n \n \n this.buscar()}\n >\n \n Buscar\n \n \n
\n \n \n \n
\n
\n | Creación | \nFolio | \nEmpleado | \nTeléfono | \nProducto | \nProveedor | \nMonto | \nComisión | \nTotal | \nEstatus | \nAcciones | \n
|---|---|---|---|---|---|---|---|---|---|---|
| { dateTimeFormat(obj.fecha_creacion) } | \n{ obj.folio } | \n{ obj.empleado } | \n{ obj.numero_telefono } | \n{ obj.producto } | \n{ obj.proveedor } | \n{ currencyFormat(obj.monto) } | \n{ currencyFormat(obj.comision) } | \n{ currencyFormat(obj.total) } | \n{ obj.estatus } | \n\n | \n
\n
\n \n \n
\n \n
\n \n
\n \n
\n \n\n {/* Estatus de la recarga*/}\n { objeto.estatus === 'pendiente' && verificarPermiso('pago_servicios.change_recarga') &&\n\n
\n \n
\n\n }\n\n \n
\n \n
\n \n Estatus de la recarga\n
\n \n El estatus de la recarga actualmente esta en pendiente, se tiene que verificar manualmente el estatus para rechazarlo o marcarla como exitosa.\n\n
\n \n
\n\n \n\n
\n \n Modfica el estatus de la recarga\n \n this.cambiarEstatus()}\n onCancel={() => this.setState({showConfirm: false})}\n />\n
\n \n
\n \n
\n \n
\n \n Detalle de recarga\n
\n \n
\n \n
\n \n \n \n
\n \n \n \n
\n \n \n \n
\n \n \n \n
\n \n \n \n
\n \n \n \n
\n \n \n \n
\n \n \n \n
\n \n \n \n
\n \n \n \n
\n \n
\n \n
\n \n Detalle de empleado\n
\n \n
\n \n
\n \n \n \n
\n \n \n \n
\n \n \n \n
\n \n \n \n
\n \n
\n \n
\n \n Detalle de transacción\n
\n \n
\n \n
\n \n \n \n
\n \n \n \n
\n \n \n \n
\n \n \n \n
\n \n \n \n
\n \n \n \n
\n \n \n \n
\n \n \n \n
\n \n \n \n
\n \n \n \n
\n \n \n \n
\n \n \n \n
\n \n \n \n
\n \n \n \n
\n \n
\n \n \n
\n \n
\n \n
\n \n
\n \n
\n \n this.onChange('proveedor', e)}\n className=\"form-control m-b\"\n >\n \n { proveedores.map(p => {\n return \n })}\n \n \n
\n \n
\n \n this.onChange('estatus', e)}\n className=\"form-control m-b\"\n >\n \n \n \n \n \n
\n \n
\n \n this.onChange('search', e)}\n onKeyDown={e => this.handleKeyDown(e)}\n placeholder=\"Busca por folio, referencia o empleado\"\n />\n \n this.limpiar() }\n >\n \n \n \n \n this.buscar()}\n >\n \n Buscar\n \n \n
\n \n \n \n
\n
\n | Creación | \nFolio | \nReferencia | \nEmpleado | \nProducto | \nProveedor | \nMonto | \nComisión | \nTotal | \nEstatus | \nAcciones | \n
|---|---|---|---|---|---|---|---|---|---|---|
| { dateTimeFormat(obj.fecha_creacion) } | \n{ obj.folio } | \n{ obj.referencia } | \n{ obj.empleado } | \n{ obj.producto } | \n{ obj.proveedor } | \n{ currencyFormat(obj.monto) } | \n{ currencyFormat(obj.comision) } | \n{ currencyFormat(obj.total) } | \n{ obj.estatus } | \n\n | \n
\n
\n \n \n
\n \n
\n \n
\n \n
\n \n\n {/* Estatus del pago de servicio*/}\n { objeto.estatus === 'pendiente' && verificarPermiso('pago_servicios.change_pagoservicio') &&\n\n
\n \n
\n\n }\n\n\n \n
\n \n
\n \n Estatus del pago de servicio\n
\n \n El estatus del pago de servicio actualmente esta en pendiente, se tiene que verificar manualmente el estatus para rechazarlo o marcarlo como exitoso.\n\n
\n \n
\n\n \n\n
\n \n Modfica el estatus del pago de servicio\n \n this.cambiarEstatus()}\n onCancel={() => this.setState({showConfirm: false})}\n />\n
\n \n
\n \n
\n \n
\n \n Información del pago de servicio\n
\n \n
\n \n
\n \n \n \n
\n \n \n \n
\n \n \n \n
\n \n \n \n
\n \n \n \n
\n \n \n \n
\n \n \n \n
\n \n \n \n
\n \n \n \n
\n \n \n \n
\n \n
\n \n
\n \n Información del empleado\n
\n \n
\n \n
\n \n \n \n
\n \n \n \n
\n \n \n \n
\n \n \n \n
\n \n
\n \n
\n \n Información de la transacción\n
\n \n
\n \n
\n \n \n \n
\n \n \n \n
\n \n \n \n
\n \n \n \n
\n \n \n \n
\n \n \n \n
\n \n \n \n
\n \n \n \n
\n \n \n \n
\n \n \n \n
\n \n \n \n
\n \n \n \n
\n \n \n \n
\n \n \n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n Información de la cuenta bancaria\n
\n \n
\n \n
\n \n \n \n
\n \n \n \n
\n \n \n \n
\n \n \n \n
\n \n \n \n
\n \n
\n \n \n
\n \n
\n \n { verificarPermiso('pagos.add_pagomasivo,') &&\n
\n \n
\n }\n \n \n \n Agregar\n \n
\n \n
\n \n
\n \n this.onChange('empresa', e)}\n className=\"form-control m-b\"\n >\n \n {empresas.map(emp => {\n return (\n \n );\n })}\n \n
\n \n
\n \n this.onChange('estatus', e)}\n className=\"form-control m-b\"\n >\n \n \n \n \n \n \n
\n \n
\n \n this.onChange('search', e)}\n placeholder=\"Busca por referencia\"\n />\n \n this.limpiar()}\n >\n \n \n \n \n this.buscar()}\n >\n \n Buscar\n \n \n
\n \n \n \n
\n
\n | Empresa | \nFecha de pago | \nReferencia | \nMonto total | \nTipo de pago | \nNúmero de pagos | \nAplicado | \nAcciones | \n
|---|---|---|---|---|---|---|---|
| {obj.empresa} | \n{obj.fecha_pago} | \n{obj.referencia} | \n{currencyFormat(obj.monto_total)} | \n{obj.tipo_pago} | \n{obj.num_pagos} | \n\n {obj.aplicado ? (\n \n ) : (\n \n )}\n | \n\n | \n
\n \n \n
\n
\n );\n\n const ListaDePagos = () => (\n | Advertencia | \n
|---|
\n
| \n
\n \n \n
\n
\n );\n\n const formulario = pEmpresas => (\n | Préstamo | \nMonto | \nBanco | \nReferencia | \n
|---|---|---|---|
| {pag.prestamo} | \n{currencyFormat(pag.monto)} | \n{pag.cuenta} | \n{pag.referencia} | \n
\n
\n );\n\n return (\n \n
\n \n
\n \n \n \n {pEmpresas.map(emp => (\n \n ))}\n \n {errores.empresa.map((obj, index) => (\n \n {obj}\n \n ))}\n
\n \n
\n \n \n \n \n \n \n \n \n \n \n {errores.tipo_pago.map((obj, index) => (\n \n {obj}\n \n ))}\n
\n \n
\n \n
\n \n \n \n { this.options_motivo.map((motivo) => {\n return \n }) }\n \n {errores.motivo.map((obj, index) => (\n \n {obj}\n \n ))}\n
\n \n
\n \n \n \n {obj}\n \n ))}\n
\n \n
\n \n
\n \n \n this.handleKeyPress('decimal', e)}\n />\n {errores.monto_total.map((obj, index) => (\n \n {obj}\n \n ))}\n
\n \n
\n \n \n \n {obj}\n \n ))}\n
\n \n
\n \n
\n \n \n \n {obj}\n \n ))}\n
\n \n
\n \n \n \n {obj}\n \n ))}\n
\n \n
\n \n \n
\n \n
\n\n {pagosErroneos.length > 0 && (\n \n
\n \n
\n \n
\n \n
\n\n \n \n Descargar layout\n \n
\n \n
\n \n
\n \n \n \n {obj}\n \n ))}\n
\n \n \n \n Procesar archivo\n \n
\n \n
\n )}\n\n {pagos.length > 0 && (\n \n
\n \n
\n \n
\n \n
\n \n {ListaDePagosErroneos()}\n
\n \n
\n )}\n \n
\n {verLista ? (\n \n
\n \n
\n \n
\n \n
\n \n \n Resumen de {pagos.length.toString()} de{' '} {totalPagos} pagos totales a importar.\n \n
\n {verLista ? ListaDePagos() : formulario(empresas)}\n\n {pagos.length > 0 ? (\n this.setState({ verLista: false })}\n >\n Siguiente\n \n ) : (\n \n Para importar pagos el archivo no debe de contener\n ningún error, por favor corrija el archivo y vuelva a\n intentarlo.\n \n )}\n
\n ) : (\n \n this.setState({ verLista: true })}\n >\n Anterior\n \n \n Crear pago masivo\n \n
\n )}\n \n
\n );\n\n submit = async () => {\n let { accion, id, pagoMasivo } = this.state;\n try {\n let resp = {};\n let textoAlerta = '';\n if (accion === 'aprobar') {\n resp = await aprobarPagoMasivo(id);\n textoAlerta = 'Pago masivo aplicado exitosamente.';\n } else {\n resp = await rechazarPagoMasivo(id);\n textoAlerta = 'Pago masivo rechazados exitosamente.';\n }\n pagoMasivo.estatus = resp.data.estatus;\n pagoMasivo.puede_verificarse_manual = resp.data.puede_verificarse_manual;\n pagoMasivo.aplicado = resp.data.aplicado;\n pagoMasivo.usuario_verifico = resp.data.usuario_verifico;\n pagoMasivo.usuario_cancelo = resp.data.usuario_cancelo;\n pagoMasivo.fecha_verificacion = resp.data.fecha_verificacion;\n pagoMasivo.fecha_cancelacion = resp.data.fecha_cancelacion;\n pagoMasivo = quitarNulos(pagoMasivo);\n this.componentDidMount()\n this.setState({\n pagoMasivo,\n mostratAlerta: true,\n textoAlerta,\n verModal: false\n });\n } catch (error) {\n console.log('Error:', error);\n }\n };\n\n render() {\n const guia = [\n { nombre: 'Pagos masivos', url: '/pagos/masivos', clase: '' },\n { nombre: 'Ver', url: '', clase: 'active' }\n ];\n\n const {\n // id,\n titulo,\n pagoMasivo,\n pagosMasivosPrestamos,\n totalPagosMasivosPrestamos,\n pageLimit,\n cuentas,\n datos: { cuenta, search },\n verModal,\n accion,\n mostratAlerta,\n textoAlerta\n } = this.state;\n\n return (\n \n {label}\n
\n \n {value}\n
\n \n
\n \n
\n \n
\n \n
\n {pagoMasivo.puede_verificarse_manual === true && (\n \n
\n \n
\n \n
\n \n \n Descargar Archivo\n \n\n {/* {this.renderRow(\n 'Fecha de cancelación',\n dateTimeFormat(pagos.fecha_cancelacion)\n )}\n {this.renderRow(\n 'Usuario que cancelo',\n pagos.usuario_cancelo\n )} */}\n
\n \n Información del pago masivo\n
\n\n \n { \n !pagoMasivo.puede_verificarse_manual && pagoMasivo.estatus === 'pendiente' \n ? 'El pago será verificado automáticamente en un máximo de 15 min.'\n : '' \n }\n \n
\n {this.renderRow('Empresa', pagoMasivo.empresa)}\n {this.renderRow(\n 'Monto total',\n currencyFormat(pagoMasivo.monto_total)\n )}\n {this.renderRow(\n 'Fecha de pago',\n dateFormat(pagoMasivo.fecha_pago)\n )}\n {this.renderRow('Tipo de pago', pagoMasivo.tipo_pago)}\n {this.renderRow('Referencia', pagoMasivo.referencia)}\n {this.renderRow('Estatus', pagoMasivo.estatus)}\n {this.renderRow('Motivo', pagoMasivo.motivo)}\n {this.renderRow('Comentario', pagoMasivo.comentario)}\n {this.renderRow(\n 'Aplicado',\n pagoMasivo.aplicado ? 'Si' : 'No'\n )}\n {this.renderRow(\n 'Fecha de creación',\n dateTimeFormat(pagoMasivo.fecha_creacion)\n )}\n {this.renderRow('Usuario creador', pagoMasivo.usuario_creo)}\n {this.renderRow(\n 'Fecha de verificación',\n dateTimeFormat(pagoMasivo.fecha_verificacion)\n )}\n {this.renderRow(\n 'Usuario verificador',\n pagoMasivo.usuario_verifico\n )}\n\n \n this.setState({ verModal: true, accion: 'aprobar' })\n }\n >\n Aprobar\n \n \n this.setState({ verModal: true, accion: 'rechazar' })\n }\n >\n Rechazar\n \n
\n )}\n \n
\n \n
\n \n
\n Lista de pagos
\n \n
\n \n
\n \n
\n \n this.onChange('cuenta', e)}\n className=\"form-control m-b\"\n >\n \n {cuentas.map(cuenta => {\n return (\n \n );\n })}\n \n
\n \n
\n \n this.onChange('search', e)}\n placeholder=\"Busca por referencia o folio de préstamo\"\n />\n \n this.limpiar()}\n >\n \n \n \n \n this.buscar()}\n >\n \n Buscar\n \n \n
\n \n \n \n
\n
\n | Préstamo | \nMonto | \nReferencia | \nCuenta | \nPago Aplicado | \n
|---|---|---|---|---|
| \n {pago.prestamo_folio} \n | \n{ currencyFormat(pago.monto) } | \n{ pago.referencia } | \n{ pago.cuenta } | \n{ pago.pago_generado ? \n \n \n : \n \n \n } | \n
| No se encontraron pagos | \n
\n
\n \n {accion === 'aprobar' ? (\n
\n Aplicar pago masivo
\n ) : (\nRechazar pago masivo
\n )}\n\n {accion === 'aprobar' ? (\n
\n ¿Esta seguro que desea aplicar este pago masivo?
\n ) : (\n \n ¿Esta seguro que desea rechazar este pago masivo?\n
\n )}\n \n this.setState({ verModal: false })}\n >\n Cancelar\n \n \n {accion === 'aprobar' ? 'Aplicar pago' : 'Rechazar pago'}\n \n
\n \n
\n \n \n
\n \n
\n \n
\n \n
\n \n \n \n { this.state.exportando ? 'Exportando...' : 'Exportar' }\n \n
\n \n
\n {\n this.state.loading ?\n \n 'Sin opciones'}\n onChange={this.handleEmpresa}\n />\n
\n \n \n
\n \n \n
\n \n \n
\n \n
\n \n
\n :\n \n \n \n
\n \n \n \n
\n
\n }\n\n | Prestamo | \nEmpleado | \nEmpresa | \nTipo | \nFrecuencia | \nMonto del préstamo | \nFecha sig. pago | \nDías de atraso | \nTotal a pagar | \n
|---|---|---|---|---|---|---|---|---|
| { obj.folio } | \n{ obj.empleado } | \n{ obj.empresa } | \n{ obj.tipo } | \n{ obj.frecuencia_cobro } | \n{ currencyFormat(obj.monto) } | \n{ dateFormat(obj.fecha_siguiente_pago) } | \n{ obj.dias_atraso } | \n{ currencyFormat(obj.adeudo_fecha) } | \n
\n
\n \n
\n \n
\n \n
\n \n
\n \n \n \n { this.state.exportando ? 'Exportando...' : 'Exportar' }\n \n
\n \n
\n {\n this.state.loading ?\n \n 'Sin opciones'}\n onChange={this.handleEmpresa}\n />\n
\n {/**/}\n {/* */}\n {/*
*/}\n Desde\n \n
\n Hasta\n \n
\n \n this.buscar()}\n >\n \n Buscar\n \n
\n \n
\n :\n \n \n \n
\n \n \n \n
\n
\n }\n\n | Prestamo | \nEmpresa | \nEmpleado | \nDestino | \nFecha Dispersión | \nFecha Primera Amortización | \n {/*Frecuencia | */}\nMonto Préstamo | \nFecha Registro | \nFecha Pago | \nMonto | \nUsuario Registro | \nReferencia | \nComentario | \n
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| \n {obj.folio_prestamo}\n | \n{ obj.empresa } | \n{ obj.empleado } | \n{ obj.destino } | \n{ dateFormat(obj.fecha_dispersion) } | \n{ dateFormat(obj.fecha_primera_amortizacion) } | \n {/*{ obj.frecuencia_cobro } | */}\n{ currencyFormat(obj.monto_credito) } | \n{ dateFormat(obj.fecha_creacion) } | \n{ dateFormat(obj.fecha_pago) } | \n{ currencyFormat(obj.monto) } | \n{ obj.usuario_creo} | \n{ obj.referencia} | \n{ obj.comentario} | \n
\n
\n \n );\n }\n}\n\nexport default EstadoCuenta;\n","import React, { Component } from 'react';\nimport { Link } from 'react-router-dom';\nimport Autenticado from '../../components/Autenticado';\nimport Paginacion from '../../components/Paginacion';\nimport { obtenerCuentasMaestras, exportarCuentasMaestras } from '../../api/CuentasMaestras';\nimport { dateTimeFormat } from '../../utils/filters';\nimport moment from 'moment';\n\nclass Lista extends Component {\n state = {\n titulo: 'Cuentas Maestras',\n objetos: [],\n totalRecords: 0,\n pageLimit: 20,\n params: {},\n datos: {\n search: '',\n grupo: ''\n },\n ordenarPor: 'nombre',\n tipoDeOrden: ''\n };\n\n async componentDidMount() {\n try {\n const { pageLimit } = this.state;\n const params = { page_size: pageLimit };\n const req = await obtenerCuentasMaestras();\n console.log(req);\n const objetos = req.data.results;\n const totalRecords = req.data.count;\n this.setState({\n objetos,\n totalRecords,\n params\n });\n } catch (error) {\n console.log(error);\n }\n }\n\n onPageChanged = async data => {\n const page = data.currentPage;\n const { pageLimit, params } = this.state;\n params.page = page;\n params.page_size = pageLimit;\n try {\n const req = await obtenerCuentasMaestras(params);\n const objetos = req.data.results;\n const totalRecords = req.data.count;\n this.setState({ objetos, totalRecords, params });\n } catch (error) {\n console.log('Error: ', error);\n }\n };\n\n obtenerObjetos = async params => {\n try {\n const req = await obtenerCuentasMaestras(params);\n const objetos = req.data.results;\n const totalRecords = req.data.count;\n this.setState({ objetos, totalRecords, params });\n } catch (error) {\n console.log(error);\n }\n };\n\n buscar = async () => {\n let { params } = this.state;\n const {\n datos: { search }\n } = this.state;\n delete params.search;\n delete params.page;\n params = Object.assign({ search }, params);\n this.obtenerObjetos(params);\n };\n\n onChange = async (campo, e) => {\n const { datos } = this.state;\n let { params } = this.state;\n const valor = e.target.value;\n datos[campo] = valor;\n this.setState({ datos });\n if (campo === 'grupo') {\n const {\n datos: { grupo }\n } = this.state;\n delete params.grupo;\n delete params.page;\n params = Object.assign({ grupo }, params);\n this.obtenerObjetos(params);\n }\n if (valor === '') {\n await this.limpiar();\n }\n };\n\n limpiar = async () => {\n this.setState({\n params: {},\n datos: {\n search: '',\n grupo: ''\n }\n });\n const { pageLimit } = this.state;\n const params = { page_size: pageLimit };\n this.obtenerObjetos(params);\n };\n\n handleKeyDown = async e => {\n if (e.key === 'Enter') {\n await this.buscar();\n }\n };\n\n ordenar = async campo => {\n let { ordenarPor, tipoDeOrden } = this.state;\n if (campo === ordenarPor) {\n if (tipoDeOrden === '') {\n tipoDeOrden = '-';\n } else {\n tipoDeOrden = '';\n }\n } else {\n ordenarPor = campo;\n tipoDeOrden = '';\n }\n const { params } = this.state;\n params.ordering = tipoDeOrden + ordenarPor;\n try {\n const req = await obtenerCuentasMaestras(params);\n const objetos = req.data.results;\n const totalRecords = req.data.count;\n console.log('ordenarPor',ordenarPor)\n this.setState({ objetos, totalRecords, params, ordenarPor, tipoDeOrden });\n } catch (error) {\n console.log('Error: ', error);\n }\n };\n\n exportar = async () => {\n const { params } = this.state;\n\n try {\n const resp = await exportarCuentasMaestras( params );\n const url = window.URL.createObjectURL(new Blob([resp.data]));\n const link = document.createElement('a');\n link.href = url;\n link.setAttribute(\n 'download',\n `yuhu_cuentas_maestras_${moment().format('YYYYMMDD')}.csv`\n );\n document.body.appendChild(link);\n link.click();\n } catch (error) {\n console.log(error);\n }\n\n delete params.export;\n\n };\n\n\n render() {\n const {\n titulo,\n objetos,\n totalRecords,\n pageLimit,\n datos: { search/* , grupo */},\n tipoDeOrden,\n ordenarPor\n } = this.state;\n const guia = [{ nombre: titulo, url: '', clase: 'active' }];\n return (\n \n
\n \n
\n
\n
\n Estado de Cuenta
\n Resumen de crédito
\n \n
\n
\n \n
\n \n \n
\n \n
\n \n
\n DATOS PERSONALES
\n\n \n \n
\n
\n | Cliente | { empleado.nombre} {empleado.apellido_paterno} {empleado.apellido_materno !== '--' ? empleado.apellido_materno : ''} |
| RFC | { empleado.rfc } |
| Empresa | { prestamo.empresa } |
| Puesto | { empleado.puesto } |
| Domicilio | \n\n { domicilio.calle } { domicilio.numero_exterior } { domicilio.numero_interior ? `-${domicilio.numero_interior} ` : '' } \n { domicilio.colonia }, { domicilio.codigo_postal } \n { domicilio.municipio_str }, { domicilio.estado_str } \n | \n
\n
\n \n
\n \n
\n \n
\n DATOS DE TU CRÉDITO
\n\n \n \n
\n
\n | Folio | { prestamo.folio } |
| Estatus | { prestamo.estatus } |
| Monto del crédito | { currencyFormat(prestamo.monto) } |
| Saldo por pagar a la fecha | { currencyFormat(prestamo.adeudo_total) } |
| Saldo capital | { currencyFormat(prestamo.capital) } |
| Periodo | { prestamo.num_amortizaciones } { frecuenciaCobro(prestamo.frecuencia_cobro) } |
| Pago por periodo | { currencyFormat(prestamo.monto_pago) } |
| Tasa de interés | { prestamo.tasa_interes } % |
\n
\n \n \n \n
\n \n
\n
\n Amortización y pagos
\n \n \n \n
\n
\n | # | \nFecha de vencimiento | \nEstatus | \nFecha de pago | \nCapital | \nInterés | \nIVA | \nTotal | \nMonto pagado | \n
|---|---|---|---|---|---|---|---|---|
| { amortizacion.num_amortizacion } | \n{ dateFormat(amortizacion.fecha) } | \n{ (amortizacion.pagada || (amortizacion.dias_retraso === 0)) ? amortizacion.estatus : \n (amortizacion.dias_retraso > 0) ? amortizacion.estatus+' con '+amortizacion.dias_retraso+' ó más dias' : '--'} | \n{ amortizacion.fecha_pagada ? dateFormat(amortizacion.fecha_pagada) : '--' } | \n{ currencyFormat(amortizacion.capital) } | \n{ currencyFormat(amortizacion.interes) } | \n{ currencyFormat(amortizacion.iva) } | \n{ currencyFormat(amortizacion.total) } | \n{ currencyFormat(amortizacion.abonado) } | \n
\n
\n \n \n
\n \n
\n \n {/*{verificarPermiso('empresas.add_empresa,') && (*/}\n {/*
\n */}\n {/*
*/}\n {/*)}*/}\n */}\n {/* */}\n {/* */}\n {/* Agregar*/}\n {/* */}\n {/*
*/}\n {/* \n
\n \n \n
\n \n
\n \n this.onChange('search', e)}\n onKeyDown={e => this.handleKeyDown(e)}\n placeholder=\"Buscar\"\n />\n \n this.limpiar()}\n >\n \n \n \n \n this.buscar()}\n >\n \n Buscar\n \n \n
\n \n
\n \n \n \n
\n
\n | \n Nombre\n | \n\n UUID\n {tipoDeOrden === '' &&\n ordenarPor === 'uuid' && (\n \n )}\n {tipoDeOrden === '-' &&\n ordenarPor === 'uuid' && (\n \n )}\n | \n\n Empresas\n {tipoDeOrden === '' &&\n ordenarPor === 'razon_social' && (\n \n )}\n {tipoDeOrden === '-' &&\n ordenarPor === 'razon_social' && (\n \n )}\n | \n\n Fecha de creación\n {tipoDeOrden === '' &&\n ordenarPor === 'fecha_creacion' && (\n \n )}\n {tipoDeOrden === '-' &&\n ordenarPor === 'fecha_creacion' && (\n \n )}\n | \n|
|---|---|---|---|---|
| {obj.nombre} | \n{obj.uuid} | \n{obj.empresas_count} | \n{dateTimeFormat(obj.fecha_creacion)} | \n\n | \n
\n
\n );\n\n render() {\n const guia = [\n { nombre: 'Cuentas Maestras', url: '/cuentas-maestra', clase: '' },\n { nombre: 'Ver', url: '', clase: 'active' }\n ];\n const { objeto/* , id */} = this.state;\n\n return (\n \n {label}\n
\n \n {value || '--'}\n
\n \n
\n \n \n
\n \n
\n {objeto.empresas && objeto.empresas.length > 0 && (\n \n
\n \n
\n \n
\n Información general
\n\n
\n \n {objeto.nombre}\n
\n {this.renderRow(\n 'UUID',\n objeto.uuid\n )}\n {this.renderRow(\n 'Tipo de Contacto',\n objeto.tipo_contacto \n )}\n {this.renderRow(\n 'Canal de Venta',\n objeto.canal_venta\n )}\n {this.renderRow(\n 'Frecuecia de pago',\n objeto.frecuencia_pago\n )}\n {this.renderRow(\n 'Ejecutivo CS',\n objeto.ejecutivo_cs\n )}\n {this.renderRow(\n 'Vendedor',\n objeto.vendedor\n )}\n {this.renderRow(\n 'Industria',\n objeto.industria\n )}\n {this.renderRow(\n 'Giro',\n objeto.giro\n )}\n {this.renderRow(\n 'Empleados Administrativos',\n objeto.empleados_administrativos\n )}\n {this.renderRow(\n 'Empleados Operativos',\n objeto.empleados_operativos\n )}\n {this.renderRow(\n 'Total de Empleados',\n objeto.total_empleados\n )}\n {this.renderRow(\n 'Fecha Creación',\n dateTimeFormat(objeto.fecha_creacion)\n )}\n {this.renderRow(\n 'Fecha Edición',\n dateTimeFormat(objeto.fecha_edicion)\n )}\n\n
\n )}\n {objeto.empresas && objeto.empresas.length === 0 && (\n \n
\n \n
\n \n
\n {objeto.empresas.map(empresa => (\n Empresas
\n\n
\n ))}\n \n \n {empresa.nombre || '--'}\n \n \n Ver\n \n
\n \n
\n )}\n \n
\n \n
\n \n
\n Empresas
\n\n
\n \n No hay empresas registradas a esta cuenta\n
\n \n
\n \n \n
\n \n
\n \n {/*{verificarPermiso('empresas.add_empresa,') && (*/}\n {/*
\n */}\n {/*
*/}\n {/*)}*/}\n */}\n {/* */}\n {/* */}\n {/* Agregar*/}\n {/* */}\n {/*
*/}\n {/* \n
\n \n \n
\n \n this.onChange('cuenta_maestra', e)} />\n
\n \n
\n \n this.onChange('search', e.target)}\n onKeyDown={e => this.handleKeyDown(e)}\n placeholder=\"Buscar\"\n />\n \n this.limpiar()}\n >\n \n \n \n \n this.buscar()}\n >\n \n Buscar\n \n \n
\n \n \n \n
\n
\n | Acciones | \n|||||
|---|---|---|---|---|---|
| {obj.nombre} | \n{obj.razon_social} | \n{obj.rfc} | \n{obj.cuenta_maestra_str} | \n{dateTimeFormat(obj.fecha_creacion)} | \n\n | \n
\n
\n )\n }\n\n render () {\n const {/* contactoId, */ accion, /* logo, */ perfil } = this.state\n const { profileImagePreview } = this.state;\n\n const guia = [\n { nombre: 'Empresas', url: '/empresas', clase: '' },\n { nombre: accion, url: '', clase: 'active' }\n ]\n\n let {\n // id,\n pestanaSeleccionada,\n grupos,\n // estados,\n contactos,\n ocultarTabs,\n titulo,\n mostratFormulario,\n mostrarConfirmacion,\n tituloFrm,\n configEmergente,\n erroresConfigEmergente,\n des\n } = this.state\n\n const form = {\n button:{\n label:'Guardar',\n onSubmit: this.submitEmpresa\n },\n fields:[{\n name:'nombre',\n label:'Nombre *',\n type:'text',\n helpText:''\n },{\n name:'frecuencia_pago',\n label:'Frecuencia del pago *',\n type:'select',\n options: [\n {label:'Seleccionar...', value:''},\n {label:'Semanal', value:'semanal'},\n {label:'Decenal', value:'decenal'},\n {label:'Catorcenal', value:'catorcenal'},\n {label:'Quincenal', value:'quincenal'},\n {label:'Mensual', value:'mensual'}\n ],\n helpText:''\n },{\n name: 'dias_cobro',\n label: 'Días de pago',\n type: 'text'\n },{\n name:'grupo',\n label:'Grupo',\n type:'select',\n options: grupos,\n helpText:''\n },{\n name:'razon_social',\n label:'Razón social',\n type:'text',\n helpText:''\n },{\n name:'rfc',\n label:'RFC',\n type:'text',\n helpText:'',\n maxLength: 13\n },{\n name:'telefono',\n label:'Teléfono',\n type:'text',\n helpText:'',\n maxLength: 10\n },{\n name:'email',\n label:'Correo electrónico',\n type:'text',\n helpText:''\n },{\n name:'tipo_descuento',\n label:'Tipo del descuento',\n type:'select',\n options: [\n {label:'Seleccionar...', value:''},\n {label:'Domiciliación', value:'domiciliacion'},\n {label:'Retención de nómina', value:'retencion'}\n ],\n helpText:''\n }],\n data: this.state.data,\n errors: this.state.errors\n }\n/* \n const frmDomicilio = {\n button:{\n label:'Guardar',\n onSubmit: this.submitDomicilio\n },\n fields:[{\n name:'calle',\n label:'Calle *',\n type:'text',\n helpText:''\n },{\n name:'numero_exterior',\n label:'Número exterior *',\n type:'text',\n helpText:''\n },{\n name:'numero_interior',\n label:'Número interior',\n type:'text',\n helpText:''\n },{\n name:'colonia',\n label:'Colonia',\n type:'text',\n helpText:''\n },{\n name:'codigo_postal',\n label:'Código postal',\n type:'text',\n helpText:''\n },{\n name:'estado',\n label:'Estado *',\n type:'select',\n options: estados,\n helpText:'',\n child: {\n name:'municipio',\n func: obtenerMunicipios\n }\n },{\n name:'municipio',\n label:'Municipio *',\n type:'select',\n options: this.state.municipios,\n helpText:''\n }],\n data: this.state.domicilio,\n errors: this.state.erroresDomicilio\n }\n */\n const frmContacto = {\n button:{\n label:'Guardar',\n onSubmit: this.submitContacto\n },\n fields:[{\n name:'nombre',\n label:'Nombre *',\n type:'text',\n helpText:''\n },{\n name:'telefono',\n label:'Teléfono *',\n type:'text',\n helpText:'',\n maxLength: 10\n },{\n name:'telefono2',\n label:'Teléfono 2',\n type:'text',\n helpText:'',\n maxLength: 10\n },{\n name:'email',\n label:'Correo electrónico',\n type:'text',\n helpText:''\n }],\n data: this.state.contacto,\n errors: this.state.erroresContacto\n }\n\n return (\n \n
\n \n
\n\n \n \n
\n \n \n { erroresDomicilio.calle && { erroresDomicilio.calle } }\n
\n \n
\n\n \n \n
\n \n \n { erroresDomicilio.numero_exterior && { erroresDomicilio.numero_exterior } }\n
\n \n
\n\n \n \n
\n \n \n { erroresDomicilio.numero_interior && { erroresDomicilio.numero_interior } }\n
\n \n
\n\n \n \n
\n \n \n { erroresDomicilio.colonia && { erroresDomicilio.colonia } }\n
\n \n
\n\n \n \n
\n \n \n { erroresDomicilio.codigo_postal && { erroresDomicilio.codigo_postal } }\n
\n \n
\n\n \n \n
\n \n \n { erroresDomicilio.estado && { erroresDomicilio.estado } }\n
\n \n
\n \n \n
\n \n \n { erroresDomicilio.municipio && { erroresDomicilio.municipio } }\n
\n \n
\n \n \n
\n \n
\n \n \n \n \n \n \n
\n \n \n \n \n \n \n
\n - \n
- \n this.seleccionarPestana(1)} >General\n \n
- \n this.seleccionarPestana(2)} >Domicilio\n \n
- \n this.seleccionarPestana(3)} >Contactos\n \n
- \n this.seleccionarPestana(4)} >Configuración emergente\n \n
\n \n
\n \n
\n \n { accion === 'Editar' &&\n
\n \n
\n }\n \n
\n \n
\n \n
\n \n
\n \n
\n \n this.handleLogoChange(e)}\n />\n
\n \n \n { this.domicilioForm() }\n {/*
\n \n { contactos.length > 0 ?\n
\n \n { verificarPermiso('empresas.add_empresacontacto,') && \n
\n
\n :\n \n \n this.mostrarFormulario('Agregar contacto')}\n >\n Agregar\n \n \n
\n }\n \n
\n \n \n
\n
\n | Contacto | \n\n | Teléfono | \n\n | Teléfono 2 | \n\n | Correo electrónico | \nAcciones | \n
|---|---|---|---|---|---|---|---|
| { obj.nombre } | \n\n | { obj.telefono } | \n\n | { obj.telefono2 } | \n\n | { obj.email } | \n\n { verificarPermiso('empresas.change_empresacontacto,') &&\n | \n
\n
\n }\n \n
\n \n
\n \n
\n \n
\n Aún no hay contactos agregados
\n { verificarPermiso('empresas.add_empresacontacto,') &&\n \n }\n\n
\n \n
\n { tituloFrm}
\n\n
\n \n \n \n
\n \n
\n \n
\n Eliminar contacto
\n\n
\n \n ¿Estás seguro de eliminar este contacto?\n
\n\n \n \n
\n \n
\n \n
\n
\n \n
\n \n
\n\n \n \n
\n \n
\n\n \n \n
\n \n
\n\n \n \n
\n \n
\n
\n\n\n \n
\n \n \n
\n \n this.handleChange('checkbox', e) }\n />\n Si este campo está activado permite editar la configuración del empleado\n { erroresConfigEmergente.personalizado.map((obj, index) => (\n \n {obj}\n \n ))}\n
\n \n
\n \n \n
\n \n { des ?\n this.handleChange('checkbox', e) }\n />\n :\n this.handleChange('checkbox', e) }\n />\n }\n \n { erroresConfigEmergente.saldo_dinamico.map((obj, index) => (\n \n {obj}\n \n ))}\n
\n \n
\n \n \n
\n \n { des ?\n this.handleChange('select', e) }\n >\n \n \n \n \n \n \n \n :\n this.handleChange('select', e) }\n >\n \n \n \n \n \n \n \n }\n \n { erroresConfigEmergente.frecuencia_cobro.map((obj, index) => (\n \n {obj}\n \n ))}\n
\n \n
\n \n \n
\n \n { des ?\n this.handleChange('text', e) }\n />\n :\n this.handleChange('text', e) }\n />\n }\n \n { erroresConfigEmergente.num_amortizaciones.map((obj, index) => (\n \n {obj}\n \n ))}\n
\n \n
\n \n \n
\n \n { des ?\n this.handleChange('text', e) }\n />\n :\n this.handleChange('text', e) }\n />\n }\n \n { erroresConfigEmergente.saldo_preaprobado.map((obj, index) => (\n \n {obj}\n \n ))}\n
\n \n
\n \n \n
\n \n { des ?\n this.handleChange('text', e) }\n />\n :\n this.handleChange('text', e) }\n />\n }\n \n { erroresConfigEmergente.tasa_interes.map((obj, index) => (\n \n {obj}\n \n ))}\n
\n \n
\n\n \n \n Guardar\n \n
\n \n
\n );\n\n render() {\n const guia = [\n { nombre: 'Empresas', url: '/empresas', clase: '' },\n { nombre: 'Ver', url: '', clase: 'active' }\n ];\n const { objeto/* , id */ } = this.state;\n\n return (\n \n {label}\n
\n \n {value || '--'}\n
\n \n
\n \n \n
\n \n
\n {/*\n {objeto.logotipo ? (\n
\n */}\n {/* { verificarPermiso('empresas.change_empresa,') &&*/}\n {/*
*/}\n */}\n {/* */}\n {/* Editar*/}\n {/* */}\n {/*
*/}\n {/* }*/}\n {/* { verificarPermiso('empresas.delete_empresa,') &&*/}\n {/* */}\n {/* */}\n {/* Eliminar*/}\n {/* */}\n {/*
*/}\n {/* }*/}\n {/*\n
\n \n
\n {objeto.contactos && objeto.contactos.length > 0 && verificarPermiso('empresas.view_empresacontacto,') && (\n \n
\n \n
\n \n
\n Información general
\n\n
\n \n {objeto.nombre}\n
\n {this.renderRow(\n 'Razón social',\n objeto.razon_social\n )}\n {this.renderRow(\n 'RFC',\n objeto.rfc\n )}\n {this.renderRow(\n 'E-mail',\n objeto.email\n )}\n {this.renderRow(\n 'Teléfono',\n objeto.telefono\n )}\n {this.renderRow(\n 'Frecuecia de pago',\n objeto.frecuencia_pago\n )}\n {this.renderRow(\n 'Días de pago',\n objeto.dias_cobro\n )}\n {this.renderRow(\n 'Tipo de descuento',\n objeto.tipo_descuento\n )}\n {this.renderRow(\n 'Clabe STP',\n objeto.cuenta_clabe\n )}\n { verificarPermiso('empresas.view_empresadomicilio,') &&\n\n
\n }\n \n Dirección\n
\n \n {this.formarDireccion(objeto.domicilio) || '--'}\n
\n \n
\n )}\n {objeto.unidades_operativas && objeto.unidades_operativas.length > 0 && (\n \n
\n \n
\n \n
\n {objeto.contactos.map(c => (\n Contactos
\n\n {this.renderRow(\n 'Nombre',\n c.nombre\n )}\n {this.renderRow(\n 'E-mail',\n c.email\n )}\n {this.renderRow(\n 'Teléfono',\n c.telefono\n )}\n {this.renderRow(\n 'Teléfono alterno',\n c.telefono2\n )}\n
\n ))}\n \n
\n )}\n {objeto.unidades_operativas && objeto.unidades_operativas.length === 0 && (\n \n
\n \n
\n \n
\n {objeto.unidades_operativas.map(u => (\n Unidades Operativas
\n\n
\n ))}\n \n
\n \n {u.nombre}\n
\n \n \n \n Ver\n \n
\n \n
\n )}\n \n
\n \n
\n \n
\n Unidades Operativas
\n\n
\n \n No hay unidades operativas registradas en esta empresa\n
\n \n
\n \n \n
\n \n
\n \n
\n \n
\n \n \n
\n \n
\n \n
\n \n
\n \n
\n \n this.onChange('search', e.target)}\n onKeyDown={e => this.handleKeyDown(e)}\n placeholder=\"Buscar\"\n />\n \n this.limpiar()}\n >\n \n \n \n \n this.buscar()}\n >\n \n Buscar\n \n \n
\n \n
\n \n \n \n
\n
\n | \n Nombre\n | \n\n UUID\n | \n\n Cuenta Maestra\n | \n\n Empresa\n | \n\n Fecha creación\n | \n\n Productos\n | \n||
|---|---|---|---|---|---|---|---|
| {obj.nombre} | \n{obj.uuid} | \n{obj.cuenta_maestra} | \n{obj.empresa} | \n{dateTimeFormat(obj.fecha_creacion)} | \n {obj.productos_count === 0 ? \n{obj.productos_count} | :\n{obj.productos_count} | }\n\n | \n
\n
\n );\n\n render() {\n const guia = [\n { nombre: 'Unidades Operativas', url: '/unidades-operativas', clase: '' },\n { nombre: 'Ver', url: '', clase: 'active' }\n ];\n const { objeto, empresa/*, id*/ } = this.state;\n\n return (\n \n {label}\n
\n \n {value || '--'}\n
\n \n
\n \n \n
\n \n
\n {objeto.productos && objeto.productos.length > 0 && (\n \n
\n \n
\n \n
\n Información general
\n\n
\n \n {objeto.nombre}\n
\n {objeto.empresa && (\n\n
\n )}\n \n Empresa\n
\n \n \n {empresa.nombre}\n \n
\n \n
\n {this.renderRow(\n 'UUID',\n objeto.uuid\n )}\n {this.renderRow(\n 'Tipo de descuento',\n objeto.tipo_descuento \n )}\n {this.renderRow(\n 'Frecuecia de pago',\n objeto.frecuencia_pago\n )}\n {this.renderRow(\n 'Días de gracia',\n objeto.dias_de_gracia \n )}\n {this.renderRow(\n 'Días de pago (semana)',\n objeto.dia_pago_semana\n )}\n {this.renderRow(\n 'Días de pago (mes)',\n objeto.dias_pago_mes\n )}\n {this.renderRow(\n 'Dias Notificación',\n objeto.dias_notificacion \n )}\n {this.renderRow(\n 'Capacidad Afectada',\n `${objeto.capacidad_afectada}%`\n )}\n {this.renderRow(\n 'Tasa Pactada',\n `${objeto.tasa_pactada}%`\n )}\n {this.renderRow(\n 'Plazo Mínimo',\n objeto.plazo_minimo\n )}\n {this.renderRow(\n 'Plazo Máximo',\n objeto.plazo_maximo\n )}\n {this.renderRow(\n 'Clabe STP',\n objeto.clabe_stp\n )}\n \n Cuenta Maestra\n
\n \n \n {objeto.cuenta_maestra}\n \n
\n \n
\n \n Fecha Creación\n
\n \n {dateTimeFormat(objeto.fecha_creacion, 'ddd mmm dd yyyy HH:MM:ss') || '--'}\n
\n \n
\n )}\n {objeto.productos && objeto.productos.length === 0 && (\n \n
\n \n
\n \n
\n {objeto.productos.map(producto => (\n Productos
\n\n
\n ))}\n \n \n
\n {this.renderRow(\n 'Monto Mínimo',\n currencyFormat(producto.monto_minimo)\n )}\n {this.renderRow(\n 'Monto Máximo',\n currencyFormat(producto.monto_maximo)\n )}\n {this.renderRow(\n 'Tasa de Interés Anual',\n producto.tasa_interes_anual + '%' \n )}\n {this.renderRow(\n 'Plazo Mínimo',\n producto.plazo_minimo\n )}\n {this.renderRow(\n 'Plazo Máximo',\n producto.plazo_maximo\n )}\n {this.renderRow(\n 'Doumentos',\n producto.documentos_str\n )}\n {this.renderRow(\n 'Estatus',\n producto.activo ? 'Activo' : 'Inactivo'\n )}\n {this.renderRow(\n 'Fecha de Creación',\n dateTimeFormat(producto.fecha_creacion) \n )}\n \n
\n \n {producto.nombre}\n
\n\n \n \n Ver Producto\n \n
\n \n
\n )}\n {objeto.pagadora && (\n \n
\n \n
\n \n
\n Productos
\n\n
\n \n No hay productos registrados a esta unidad operativa\n
\n \n
\n )}\n \n
\n \n
\n \n
\n Pagadora
\n\n {this.renderRow(\n 'UUID',\n objeto.pagadora.uuid\n )}\n {this.renderRow(\n 'Nombre',\n objeto.pagadora.nombre\n )}\n {this.renderRow(\n 'Razón Social',\n objeto.pagadora.razon_social\n )}\n {this.renderRow(\n 'Fecha de Creación',\n objeto.pagadora.rfc\n )}\n {this.renderRow(\n 'Telefono',\n objeto.pagadora.telefono\n )}\n {this.renderRow(\n 'Email',\n objeto.pagadora.email\n )}\n {this.renderRow(\n 'Fecha de Creación',\n dateTimeFormat(objeto.pagadora.fecha_creacion)\n )}\n {this.renderRow(\n 'Fecha de Edición',\n dateTimeFormat(objeto.pagadora.fecha_edicion)\n )}\n
\n \n \n \n
\n
\n );\n\n const ListaDePagosNoEfectuados = () => (\n | Folio | \nEmpresa | \nEmpleado | \n {/*Frecuencia | */}\nFecha de Aplicación | \nBanco | \nCuenta | \nMonto | \nReferencia | \nEstatus | \nCódigo Respuesta | \n {/*Advertencia | */}\n
|---|---|---|---|---|---|---|---|---|---|---|---|
| {pag.folio} | \n{pag.empresa} | \n{pag.empleado} | \n {/*{pag.frecuencia} | */}\n{pag.fecha_aplicacion} | \n{pag.banco} | \n{pag.cuenta} | \n{currencyFormat(pag.monto)} | \n{pag.referencia} | \n\n {pag.is_valid ? (\n | \n {pag.codigo_respuesta} | \n {/**/}\n {/* {pag.errors ? (*/}\n {/*
| */}\n
\n \n \n
\n
\n );\n const ListaDePagosConExcepcion = () => (\n | Folio | \nEmpresa | \nEmpleado | \n {/*Frecuencia | */}\nFecha de Aplicación | \nBanco | \nCuenta | \nMonto | \nReferencia | \nEstatus | \nCódigo Respuesta | \nAdvertencia | \n
|---|---|---|---|---|---|---|---|---|---|---|---|
| {pag.folio} | \n{pag.empresa} | \n{pag.empleado} | \n {/*{pag.frecuencia} | */}\n{pag.fecha_aplicacion} | \n{pag.banco} | \n{pag.cuenta} | \n{currencyFormat(pag.monto)} | \n{pag.referencia} | \n\n {pag.is_valid ? (\n | \n {pag.codigo_respuesta} | \n\n {pag.errors ? (\n
| \n
\n \n \n
\n
\n );\n\n const ListaDePagosExcedentes = () => (\n | Folio | \nEmpresa | \nEmpleado | \n {/*Frecuencia | */}\nFecha de Aplicación | \nBanco | \nCuenta | \nMonto | \nReferencia | \nEstatus | \nCódigo Respuesta | \nAdvertencia | \n
|---|---|---|---|---|---|---|---|---|---|---|---|
| {pag.folio} | \n{pag.empresa} | \n{pag.empleado} | \n {/*{pag.frecuencia} | */}\n{pag.fecha_aplicacion} | \n{pag.banco} | \n{pag.cuenta} | \n{currencyFormat(pag.monto)} | \n{pag.referencia} | \n\n {pag.is_valid ? (\n | \n {pag.codigo_respuesta} | \n\n {pag.errors ? (\n
| \n
\n \n \n
\n
\n );\n\n const ListaDeAltasEfectuados = () => (\n | Folio | \nEmpresa | \nEmpleado | \n {/*Frecuencia | */}\nFecha de Aplicación | \nBanco | \nCuenta | \nMonto | \nExcedente | \nReferencia | \nEstatus | \nCódigo Respuesta | \nAdvertencia | \n
|---|---|---|---|---|---|---|---|---|---|---|---|---|
| {pag.folio} | \n{pag.empresa} | \n{pag.empleado} | \n {/*{pag.frecuencia} | */}\n{pag.fecha_aplicacion} | \n{pag.banco} | \n{pag.cuenta} | \n{currencyFormat(pag.monto)} | \n{currencyFormat(pag.excedente)} | \n{pag.referencia} | \n\n {pag.is_valid ? (\n | \n {pag.codigo_respuesta} | \n\n {pag.errors ? (\n
| \n
\n \n \n
\n
\n );\n\n const ListaDeAltasNoEfectuados = () => (\n | Folio | \nEmpresa | \nEmpleado | \nBanco | \nCuenta | \nTipo Cuenta | \nDocumento Identificacion | \nRFC/CURP | \nEstatus | \nCódigo Respuesta | \nAdvertencia | \n
|---|---|---|---|---|---|---|---|---|---|---|
| {alta.folio} | \n{alta.empresa} | \n{alta.empleado} | \n{alta.banco} | \n{alta.cuenta} | \n{alta.tipo_cuenta} | \n{alta.documento_identificacion} | \n{alta.rfc_curp_titular_cargo} | \n\n {alta.is_valid ? (\n | \n {alta.clave_rechazo} | \n\n {alta.errors ? (\n
| \n
\n \n \n
\n
\n );\n\n return (\n | Folio | \nEmpresa | \nEmpleado | \nBanco | \nCuenta | \nTipo Cuenta | \nDocumento Identificacion | \nRFC/CURP | \nEstatus | \nCódigo Respuesta | \nAdvertencia | \n
|---|---|---|---|---|---|---|---|---|---|---|
| {alta.folio} | \n{alta.empresa} | \n{alta.empleado} | \n{alta.banco} | \n{alta.cuenta} | \n{alta.tipo_cuenta} | \n{alta.documento_identificacion} | \n{alta.rfc_curp_titular_cargo} | \n\n {alta.is_valid ? (\n | \n {alta.clave_rechazo} | \n\n {alta.errors ? (\n
| \n
\n
\n \n \n
\n \n
\n - \n
- \n\n this.seleccionarPestana(1)} >Pagos\n \n
- \n this.seleccionarPestana(2)} >Empleados\n \n
\n
\n \n
\n \n
\n \n
\n\n\n { !proceso_pagos_terminado && <>\n \n { id_pago_masivo && <>\n
\n
\n }\n \n Pago Masivo ({pagos_efectuados.length + pagos_excedentes.length}) - {currencyFormat(monto_total_aplicado)}\n this.volverAProcesarArchivo(true, false)}\n >\n Procesar de nuevo\n \n
\n \n
\n \n
\n \n \n \n {bancosPagos.map(bancoPagos => (\n \n ))}\n \n
\n \n
\n \n \n \n {obj}\n \n ))}\n
\n \n \n \n Procesar archivo\n \n
\n \n
\n }\n\n \n { proceso_pagos_terminado && <>\n \n
\n {this.mostrarReferencia(bancoPagos) &&\n \n \n \n {obj}\n \n ))}\n
\n \n
\n }\n \n \n \n {obj}\n \n ))}\n
\n \n
\n }\n - \n
- \n this.seleccionarPestana(1, true)} >Pagos Efectuados ({pagos_efectuados.length})\n \n
- \n this.seleccionarPestana(2, true)} >Pagos Excedentes ({pagos_excedentes.length})\n \n
- \n this.seleccionarPestana(3, true)} >Pagos No Efectuados ({pagos_no_efectuados.length})\n \n
- \n this.seleccionarPestana(4, true)} >Pagos Sin Factura ({pagos_con_excepcion.length})\n \n
\n
\n \n
\n \n
\n \n {/*
\n */}\n {/*
*/}\n {ListaDePagosEfectuados()}\n Monto aplicado: {currencyFormat(monto_total_aplicado)}
*/}\n {/*\n
\n \n
\n \n {ListaDePagosExcedentes()}\n
\n \n
\n \n
\n \n {ListaDePagosNoEfectuados()}\n
\n \n
\n \n
\n \n {ListaDePagosConExcepcion()}\n
\n \n
\n \n
\n \n
\n { !proceso_altas_terminado &&\n \n { proceso_altas_terminado && <>\n
\n
\n }\n \n this.volverAProcesarArchivo(false, true)}\n >\n Procesar de nuevo\n \n
\n \n
\n }\n { proceso_altas_terminado && <>\n \n
\n \n \n \n {bancosEmpleados.map(bancoEmpleados => (\n \n ))}\n \n
\n \n
\n \n \n \n {obj}\n \n ))}\n
\n \n \n \n Procesar archivo\n \n
\n \n
\n }\n - \n
- \n this.seleccionarPestana(1, false, true)} >Altas Efectuados ({altas_efectuadas.length})\n \n
- \n this.seleccionarPestana(2, false, true)} >Altas No Efectuados ({altas_no_efectuadas.length})\n \n
\n
\n \n
\n \n
\n \n {ListaDeAltasEfectuados()}\n
\n \n
\n \n
\n \n {ListaDeAltasNoEfectuados()}\n
\n \n
\n \n \n
\n \n\n
\n \n
\n \n
\n - \n
- \n this.seleccionarPestana(1)} >Búsqueda de Créditos\n \n
- \n this.seleccionarPestana(2)} >Confirmación\n \n
\n
\n \n \n \n
\n \n
\n \n
\n \n
\n \n
\n
\n
\n {\n loading ?\n
\n \n
\n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n this.searchHandleChage(e)}\n />\n \n this.onCleanClicked()}\n >\n \n \n \n \n this.buscar()}\n >\n \n Buscar\n \n \n
\n \n
\n
\n \n this.eliminar_todos()}\n >\n \n Quitar Todos\n \n \n this.seleccionar_todos()}\n >\n \n Seleccionar Todos\n \n
\n \n {\n loading ?\n
\n
\n :\n objetos.length > 0 ?\n \n \n \n
\n \n \n \n
\n
\n :\n | \n | Folio | \nTipo de Descuento | \nEmpresa | \nEmpleado | \nBanco | \nFrecuencia de Pago | \nFecha de Pago | \nMonto | \nAcciones | \n
|---|---|---|---|---|---|---|---|---|---|
| \n | \n {obj.folio} | \n{obj.tipo_descuento} | \n{obj.empresa} | \n{obj.empleado} | \n{obj.banco} | \n{obj.frecuencia_pago} | \n{obj.fecha_pago} | \n{currencyFormat(obj.monto)} | \n\n | \n
\n
\n }\n \n
\n \n
\n { mensaje_busqueda }
\n\n
\n \n
\n Eliminar préstamo de domiciliación
\n\n
\n\n \n
\n\n {\n motivo_eliminacion === \"Otro\" && \n\n \n this.eliminar_prestamo_change(e)}\n >\n \n \n \n \n \n \n \n {erroresEliminarDomiciliacion.motivo.map((obj, index) => (\n \n {obj}\n \n ))}\n
\n Motivo:
\n \n\n
\n }\n \n this.handle_eliminar_prestamo_change(e)}\n >\n \n {erroresEliminarDomiciliacion.comentario.map((obj, index) => (\n \n {obj}\n \n ))}\n
\n Comentario:
\n \n\n this.setState({modal_eliminar: false}) }\n >\n Cancelar\n \n this.btn_eliminar_prestamo_domiciliacion()}\n >\n Eliminar\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n
\n {\n totales !== {} &&\n
\n {\n prestamos_elegidos.length > 0 ?\n
\n \n
\n \n \n\n \n \n \n
\n \n this.setState({modal_generacion: true}) }\n disabled={prestamos_elegidos.length === 0}\n >\n \n Generar TXT\n \n {\n /* this.btn_generar_excel()}\n disabled={prestamos_elegidos.length === 0 || disabledExport}\n >\n \n {!disabledExport ? \n 'Generar Excel' : \n 'Descargando...'\n }\n */\n }\n
\n \n
\n \n
\n Banco para domiciliar
\n\n
\n \n
\n {\n banco_seleccionado === '1' ? \n \n
\n \n
\n \n
\n :\n \n
\n \n
\n \n
\n \n
\n \n \n
\n }\n \n \n this.setState({modal_generacion: false}) }\n >\n Cancelar\n \n this.btn_generar_archivo()}\n >\n Generar\n \n
\n \n
\n \n
\n ¿Enviar los siguientes préstamos por domiciliación HSBC?
\n\n
\n \n
\n \n
\n \n
\n Fecha de transferencia:
\n\n
\n \n
\n \n
\n Tipo de Operación:
\n\n
\n \n
\n \n \n \n
\n
\n | Folio | \nEmpresa | \nEmpleado | \nBanco | \nFrecuencia de Pago | \nFecha de Pago | \nMonto | \nEstatus | \n
|---|---|---|---|---|---|---|---|
| {obj.folio} | \n{obj.empresa} | \n{obj.empleado} | \n{obj.banco} | \n{obj.frecuencia_pago} | \n{obj.fecha_pago} | \n{currencyFormat(obj.monto)} | \n\n ERROR DE ALTA\n | \n
\n this.setState({modal_confirmacion_banorte: false}) }\n >\n Cancelar\n \n this.btn_generar_archivo_sin_altas()}\n >\n Generar domiciliación por HSBC\n \n
\n \n {\n totales !== {} &&\n
\n
\n }\n \n
\n Cantidad de préstamos a domiciliar: { totales.cantidad_prestamos }
\n\n
\n\n Monto total: { currencyFormat(totales.total_monto) }
\n\n {\n prestamos_elegidos.length > 0 ?\n
\n \n \n
\n
\n\n :\n | Folio | \nTipo de Descuento | \nEmpresa | \nEmpleado | \nBanco | \nFrecuencia de Pago | \nFecha de Pago | \nMonto | \n\n \n |
|---|---|---|---|---|---|---|---|---|
| {obj.folio} | \n{obj.tipo_descuento} | \n{obj.empresa} | \n{obj.empleado} | \n{obj.banco} | \n{obj.frecuencia_pago} | \n{obj.fecha_pago} | \n{currencyFormat(obj.monto)} | \n\n | \n
\n
\n }\n\n \n
\n \n
\n { mensaje }
\n\n
\n \n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n \n \n Importación completada.\n \n :\n \n }\n { errores.correcto && errores.archivo.map((obj, index) => (\n \n {obj}\n \n ))}\n
\n \n\n
\n \n \n \n Procesar archivo\n \n
\n \n
\n \n \n
\n \n
\n \n
\n \n \n \n \n \n
\n \n
\n \n
\n {\n loading ?\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n this.searchHandleChage(e)}\n />\n \n this.onCleanClicked()}\n >\n \n \n \n \n this.buscar()}\n >\n \n Buscar\n \n \n
\n \n
\n :\n objetos.length > 0 ?\n \n \n \n
\n \n \n \n
\n
\n :\n | Folio | \nFecha | \nBanco | \nTipo | \nCantidad de Registros | \n\n |
|---|---|---|---|---|---|
| {obj.id} | \n{moment(obj.fecha_creacion).format(\"DD-MM-YYYY HH:MM:SS\")} | \n{obj.banco} | \n{obj.tipo} | \n{obj.cantidad_registros} | \n\n | \n
\n
\n }\n \n
\n \n
\n { mensaje }
\n\n
\n \n
\n Detalle de Historial
\n\n
\n \n
\n \n
\n \n \n \n
\n
\n | Folio | \nMonto | \nMotivo | \nPago préstamo | \n
|---|---|---|---|
| {obj.folio} | \n{currencyFormat(obj.monto)} | \n{obj.motivo} | \n{obj.pago_prestamo} | \n
\n this.setState({modal_detalles_pagos: false}) }\n >\n Cancelar\n \n
\n \n
\n \n
\n Detalle de Historial
\n\n
\n \n
\n \n
\n \n \n \n
\n
\n | Folio | \nNombre | \nMotivo | \n
|---|---|---|
| {obj.folio} | \n{obj.nombre} | \n{obj.motivo} | \n
\n this.setState({modal_detalles_empleados: false}) }\n >\n Cancelar\n \n
\n \n
\n \n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n {\n totales.cantidad_prestamos !== '' &&\n
\n \n this.btn_generar_archivo_altas()}\n >\n \n Generar TXT\n \n
\n \n {\n totales.cantidad_prestamos !== '' &&\n
\n
\n }\n Cantidad de préstamos a dar de alta: { totales.cantidad_prestamos }
\n\n {\n loading ?\n
\n \n
\n :\n objetos.length > 0 ?\n \n \n \n
\n \n \n \n
\n
\n :\n | Folio | \nEmpresa | \nEmpleado | \nTipo de Descuento | \nFrecuencia de Pago | \nBanco | \nClabe interbancaria | \nInformación | \n
|---|---|---|---|---|---|---|---|
| {obj.folio} | \n{obj.empresa} | \n{obj.empleado} | \n{obj.tipo_descuento} | \n{obj.frecuencia_pago} | \n{obj.banco} | \n{obj.clabe_interbancaria} | \n\n {\n !obj.tiene_clabe ? '' : 'Este prestamo no puede ser enviado'\n }\n | \n
\n
\n }\n \n
\n \n
\n { mensaje }
\n\n \n \n \n \n
\n \n \n
\n \n
\n \n
\n \n \n
\n \n
\n \n
\n \n \n
\n \n
\n \n
\n \n
\n
\n
\n {\n loading ?\n
\n \n
\n
\n \n \n this.setState({modal_generacion: true}) }\n disabled={objetos.length === 0}\n >\n \n Generar TXT\n \n
\n \n
\n \n \n
\n \n \n \n {obj}\n \n ))*/}\n
\n \n \n \n Procesar archivo\n \n
\n \n
\n {\n loading ?\n
\n
\n :\n objetos.length > 0 ?\n \n \n \n
\n \n \n \n
\n
\n :\n | Folio | \nTipo de Cobro | \nTipo de Descuento | \nEmpresa | \nEmpleado | \nBanco | \nFrecuencia de Pago | \nFecha de domiciliación | \nMonto | \n*/}\n | Folio | \nMonto de Amortizacion | \nGasto de Cobranza Total | \nDescuento | \nMonto a Descontar | \nGasto de Cobranza Final | \nFecha de Promesa | \nFecha de Creacion | \n\n |
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| {obj.folio} | \n{obj.tipo_cobro} | \n{obj.tipo_descuento} | \n{obj.empresa} | \n{obj.empleado} | \n{obj.banco} | \n{obj.frecuencia_pago} | \n{obj.fecha} | \n{currencyFormat(obj.monto)} | */}\n{obj.folio} | \n{currencyFormat(obj.monto)} | \n{currencyFormat(obj.gasto_cobranza_total)} | \n{obj.descuento != '' ? obj.descuento : '0%'} | \n{currencyFormat(obj.monto_descontar)} | \n{currencyFormat(obj.gasto_cobranza_final)} | \n{obj.fecha} | \n{obj.fecha_creacion} | \n
\n
\n }\n \n
\n \n
\n { mensaje_busqueda }
\n\n
\n \n
\n Banco para domiciliar
\n\n
\n \n
\n {\n banco_seleccionado === '1' ? \n \n
\n \n
\n \n
\n :\n \n
\n \n
\n \n
\n \n
\n \n \n
\n }\n \n \n this.setState({modal_generacion: false}) }\n >\n Cancelar\n \n this.btn_generar_archivo()}\n >\n Generar\n \n
\n \n
\n \n
\n ¿Enviar los siguientes préstamos por domiciliación HSBC?
\n\n
\n \n
\n \n
\n \n
\n Fecha de transferencia:
\n\n
\n \n
\n \n
\n Tipo de Operación:
\n\n
\n \n
\n \n \n \n
\n
\n | Folio | \nEmpresa | \nEmpleado | \nBanco | \nFrecuencia de Pago | \nMonto Amortizacion | \nGasto Cobranza Final | \nEstatus | \n
|---|---|---|---|---|---|---|---|
| {obj.folio} | \n{obj.empresa} | \n{obj.empleado} | \n{obj.banco} | \n{obj.frecuencia_pago} | \n{currencyFormat(obj.monto)} | \n{currencyFormat(obj.gasto_cobranza_final)} | \n\n ERROR DE ALTA\n | \n
\n this.setState({modal_confirmacion_banorte: false}) }\n >\n Cancelar\n \n this.btn_generar_archivo_sin_altas()}\n >\n Generar domiciliación por HSBC\n \n
\n \n
\n );\n}\n \nexport default Buscador;","import React from 'react';\nimport moment from 'moment';\nimport { exportarReporteNip } from '../../../api/Reportes';\n\nconst DescargaCSV = ({busqueda}) => {\n\n const exportarOnClick = async (params = {}) => {\n const {fechaInicio, fechaFin} = busqueda;\n // const params = params\n if (fechaInicio.trim() !== '' && fechaFin.trim() !== '') {\n const {fechaInicio, fechaFin} = busqueda;\n params = {fecha_inicio: fechaInicio, fecha_fin: fechaFin};\n }\n try {\n const resp = await exportarReporteNip(params);\n const url = window.URL.createObjectURL(new Blob([resp.data]));\n const link = document.createElement('a');\n link.href = url;\n // link.setAttribute('id', 'link_descarga');\n link.setAttribute(\n 'download',\n `Reporte_Nip_${moment().format('YYYYMMDD')}.csv`\n );\n document.body.appendChild(link);\n link.click();\n } catch (err) {\n console.log(err)\n }\n delete params.export;\n }\n\n return (\n \n
\n \n {\n setBusqueda({\n ...busqueda,\n fechaInicio: e[0].toISOString().split('T')[0].split('-').reverse().join('-')\n })\n }}\n />\n
\n \n
\n \n {\n setBusqueda({\n ...busqueda,\n fechaFin: e[0].toISOString().split('T')[0].split('-').reverse().join('-')\n })\n \n }}\n />\n
\n \n
\n \n \n \n \n \n \n Buscar\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n\n \n
\n \n \n \n
\n
\n );\n\n return (\n | Folio | \nTipo Descuento | \nError | \n
|---|---|---|
| {pre.folio} | \n{pre.tipo_descuento} | \n{pre.motivo} | \n
\n
\n \n \n
\n \n
\n { procesado &&\n \n
\n \n
\n \n
\n \n
\n \n
\n \n \n \n {obj}\n \n ))}\n
\n \n \n \n Procesar archivo\n \n
\n \n
\n }\n\n \n
\n \n
\n \n
\n
\n \n
\n \n Prestamos procesados: {prestamos_actualizados + prestamos_no_actualizados}\n
\n \n
\n \n Actualizados: {prestamos_actualizados}\n
\n \n
\n \n No Actualizados: {prestamos_no_actualizados}\n
\n \n
\n
\n {ListaPrestamosError()}\n \n
\n Prestamos No procesados
\n\n duracion.etapa === context.label);\n return duracionSTR.duracion_str;\n }\n } \n },\n },\n responsive: true,\n maintainAspectRatio: false\n }}\n />\n );\n}\n \nexport default GraficaPorEtapa;","import React, {useEffect, useState} from 'react';\nimport { Bar } from 'react-chartjs-2';\n\nconst GraficaPorEtapasAgrupadas = ({pipelines}) => {\n const [nombresChart, setNombresChart] = useState([]);\n const [duracionesMinsChart, setDuracionesMinsChart] = useState([]);\n\n useEffect(() => {\n let nombres = [];\n let duracionesMins = [];\n \n if (Object.entries(pipelines).length !== 0) {\n console.log('estos son los pipes ', pipelines);\n pipelines.forEach((pipeline) => {\n nombres.push(pipeline.nombre);\n duracionesMins.push(pipeline.duracion);\n });\n }\n \n setNombresChart(nombres);\n setDuracionesMinsChart(duracionesMins);\n }, [pipelines])\n\n return (\n duracion.nombre === context.label);\n return duracionSTR.duracion_str;\n }\n } \n },\n },\n responsive: true,\n maintainAspectRatio: false\n }}\n />\n );\n}\n \nexport default GraficaPorEtapasAgrupadas;","import React, {useState} from 'react';\n\nimport GraficaPorEtapa from './GraficaPorEtapa';\nimport GraficaPorEtapasAgrupadas from './GraficaPorEtapasAgrupadas';\n\nconst TrackingEtapas = ({duraciones, pipelines, periodo}) => {\n const [grafica, setGrafica] = useState('etapa') \n\n const onChangeSelect = (e) => {\n setGrafica(e.target.value);\n }\n\n return (\n \n \n );\n}\n \nexport default DasboardTracking;","import { ConstructorAPIAsync } from './API';\nimport { callError } from './Error';\n\nasync function ConsultarFechaExpiracionBuroCredito(data) {\n const API = await ConstructorAPIAsync();\n try {\n return await API.post('/integraciones/fecha-expiracion-buro-credito/', data);\n } catch (err) {\n callError(err);\n }\n}\n \nexport {\n ConsultarFechaExpiracionBuroCredito\n};","import React, { Component } from 'react'\nimport Swal from 'sweetalert2';\nimport Autenticado from '../../components/Autenticado'\nimport Formulario from '../../components/form/Form'\nimport {\n ConsultarFechaExpiracionBuroCredito\n} from '../../api/Integraciones'\n\nclass Form extends Component {\n state = {\n id: null,\n titulo: null,\n accion: null,\n data: {},\n errors: [],\n }\n\n mostrarAlerta = (mensaje, tipo = 'info') => {\n Swal.fire({\n type: tipo,\n html: mensaje,\n })\n }\n\n componentWillMount() {\n const titulo = 'Integraciones'\n const accion = 'Consultar Fecha Expiracion de Buró de Crédito'\n this.setState({ titulo, accion })\n }\n\n render () {\n const { accion, titulo } = this.state\n const guia = [\n { nombre: 'Integraciones', url: '', clase: '' },\n { nombre: accion, url: '', clase: 'active' }\n ]\n\n const form = {\n button:{\n label:'Consultar',\n onSubmit: async (event, values) => {\n try {\n const resp = await ConsultarFechaExpiracionBuroCredito(values);\n const consulta = resp.data;\n const data = consulta.data\n const keys = Object.keys(data)\n console.log(keys)\n let text = ''\n keys.forEach((key, index) => {\n text += `${key}: ${data[key]}
`;\n });\n console.log(text)\n this.mostrarAlerta(text)\n } catch (error) {\n const errors = error.data\n this.setState({ errors })\n }\n }\n },\n fields:[{\n name:'member',\n label:'Usuario *',\n type:'text',\n helpText:''\n },{\n name:'password',\n label:'Contraseña *',\n type:'text',\n helpText:''\n }],\n data: this.state.data,\n errors: this.state.errors\n }\n\n return (\n\n \n )\n }\n}\n\nexport default Form\n","import { ConstructorAPIAsync } from './API';\nimport { callError } from './Error';\n\n\nasync function obtenerReportesBuroAdmin (parametros = '') {\n const API = await ConstructorAPIAsync()\n try {\n return await API.get('/admin/buro-credito/reportes/', { params: parametros })\n } catch (err) {\n callError(err);\n }\n}\n\nexport {\n obtenerReportesBuroAdmin\n}\n","import React, { Component } from 'react'\nimport Autenticado from '../../components/Autenticado'\nimport Tabla from '../../components/Tabla'\nimport { obtenerReportesBuroAdmin } from '../../api/BuroCredito';\nimport { dateTimeFormat } from '../../utils/filters';\n\nclass ReportesBuroCreditoList extends Component {\n state = {\n objetos: [],\n selectedYear: 2022,\n selectedProveedor: 'buro credito'\n }\n\n async componentDidMount() {\n const year = new Date().getFullYear();\n await this.getReportesBuro(year);\n }\n\n getReportesBuro = async (year) => {\n this.setState({selectedYear: year});\n try {\n const res = await obtenerReportesBuroAdmin({year})\n const objetos = res.data\n this.setState({ objetos })\n } catch (error) {\n console.log(error)\n }\n }\n\n handleChangeYear = async (e) => {\n this.getReportesBuro(e.target.value);\n }\n \n render () {\n const { objetos, selectedYear, selectedProveedor } = this.state;\n\n const actualYear = new Date().getFullYear();\n\n const initialYear = 2021;\n\n const range = (start, stop, step) => Array.from({ length: (stop - start) / step + 1}, (_, i) => start + (i * step));\n\n const yearsWithReportesBuro = range(initialYear, actualYear, 1);\n\n const guia = [\n { nombre: 'Reporte de buró de crédito', url: '', clase: 'active' }\n ]\n\n return (\n \n\n \n )\n }\n}\n\nexport default ReportesBuroCreditoList\n","import { ConstructorAPIAsync } from './API';\nimport { callError } from './Error';\n\nasync function obtenerArchivosBancarios(parametros = '') {\n const API = await ConstructorAPIAsync();\n try {\n return await API.get('admin/archivos-bancarios/', { params: parametros });\n } catch (err) {\n callError(err);\n }\n}\n\nasync function obtenerArchivoBancario(id) {\n const API = await ConstructorAPIAsync();\n try {\n return await API.get(`admin/archivos-bancarios/${id}/`);\n } catch (err) {\n callError(err);\n }\n}\n\nasync function crearArchivoBancario(datos) {\n const API = await ConstructorAPIAsync(240000);\n try {\n return await API.post('admin/archivos-bancarios/', datos);\n } catch (err) {\n callError(err);\n }\n}\n\nasync function obtenerTransaccionesBancarias(parametros = '') {\n const API = await ConstructorAPIAsync();\n try {\n return await API.get('admin/transacciones-bancarias/', { params: parametros });\n } catch (err) {\n callError(err);\n }\n}\n\nasync function obtenerTransaccionBancaria(id) {\n const API = await ConstructorAPIAsync();\n try {\n return await API.get(`admin/transacciones-bancarias/${id}/`);\n } catch (err) {\n callError(err);\n }\n}\n\nasync function actualizarClasificacionTransaccionBancaria(id, datos) {\n const API = await ConstructorAPIAsync();\n try {\n return await API.put(`admin/transacciones-bancarias/${id}/actualizar-clasificacion/`, datos);\n } catch (err) {\n callError(err);\n }\n}\n\nasync function obtenerArchivoBancarioConciliacion(id) {\n const API = await ConstructorAPIAsync();\n try {\n return await API.get(`admin/archivos-bancarios/${id}/conciliacion/`);\n } catch (err) {\n callError(err);\n }\n}\n\n\n export {\n obtenerArchivosBancarios,\n obtenerArchivoBancario,\n crearArchivoBancario,\n obtenerTransaccionesBancarias,\n obtenerTransaccionBancaria,\n actualizarClasificacionTransaccionBancaria,\n obtenerArchivoBancarioConciliacion\n };","import React, { Component } from 'react'\nimport { Link } from 'react-router-dom';\nimport Autenticado from '../../components/Autenticado'\nimport Tabla from '../../components/Tabla'\nimport Paginacion from '../../components/Paginacion'\nimport { obtenerArchivosBancarios } from '../../api/TransaccionesBancarias'\nimport { verificarPermiso } from '../../utils/auth'\nimport { obtenerCuentasBancarias } from '../../api/CuentasBancarias';\nimport { currencyFormat, dateFormat, dateTimeFormat } from '../../utils/filters';\n\n\nclass ArchivosBancarios extends Component {\n state = {\n titulo: 'Archivos Bancarios',\n objetos: [],\n cuentas: [],\n cuenta: '',\n totalRecords: 0,\n pageLimit: 50,\n params: {},\n datos: {\n cuenta: '',\n }\n }\n\n // getCuentasBancarias = async () => {\n // await obtenerCuentasBancarias()\n // .then(({data}) => {\n // setCuentasBancarias(data);\n // })\n // .catch((error) =>{\n // mostrarToast('No fue posible obtener las cuentas bancarias', 'error')\n // })\n // };\n\n\n onChange = async(campo, e) => {\n const { datos } = this.state;\n let { params } = this.state;\n const valor = e.target.value;\n datos[campo] = valor;\n this.setState({ datos });\n if (campo === 'cuenta') {\n const { datos: { cuenta } } = this.state;\n delete params.cuenta;\n params = Object.assign({ cuenta }, params);\n let req = await obtenerArchivosBancarios(params);\n const objetos = req.data.results\n const totalRecords = req.data.count\n this.setState({ objetos, cuenta, totalRecords, params })\n }\n if (valor === '') {\n await this.limpiar()\n }\n };\n\n async componentDidMount() {\n try {\n const { pageLimit } = this.state\n const params = { page_size: pageLimit }\n \n const cuentasBancarias = await obtenerCuentasBancarias()\n let cuentas = []\n cuentasBancarias.data.forEach(obj => {\n cuentas.push({ label: obj.banco+' - '+obj.no_cuenta, value: obj.id });\n })\n\n const req = await obtenerArchivosBancarios(params)\n const objetos = req.data.results\n const totalRecords = req.data.count\n this.setState({ objetos, cuentas, totalRecords, params })\n } catch (error) {\n console.log(error)\n }\n }\n\n onPageChanged = async data => {\n const page = data.currentPage\n const { pageLimit, params } = this.state\n params.page = page\n params.page_size = pageLimit\n try {\n const req = await obtenerArchivosBancarios(params)\n const objetos = req.data.results\n const totalRecords = req.data.count\n this.setState({ objetos, totalRecords, params })\n } catch (error) {\n console.log(\"Error: \", error)\n }\n }\n\n buscar = async texto => {\n try {\n let { params } = this.state\n params = Object.assign({ search: texto }, params)\n const req = await obtenerArchivosBancarios(params)\n const objetos = req.data.results\n const totalRecords = req.data.count\n this.setState({ objetos, totalRecords, params })\n } catch (error) {\n console.log(error)\n }\n console.log(texto)\n }\n\n agregar () {\n window.location.replace('/conciliaciones/agregar')\n }\n\n limpiar = async () => {\n try {\n const { pageLimit } = this.state\n const params = { page_size: pageLimit }\n const req = await obtenerArchivosBancarios(params)\n const objetos = req.data.results\n const totalRecords = req.data.count\n this.setState({ objetos, totalRecords, params })\n } catch (error) {\n console.log(error)\n }\n };\n\n render () {\n const { titulo, objetos, cuentas, cuenta, totalRecords, pageLimit } = this.state\n const guia = [\n { nombre: titulo, url: '', clase: 'active' }\n ]\n return (\n \n\n \n )\n }\n}\n\nexport default ArchivosBancarios\n","import React, { Component } from 'react';\nimport { Link } from 'react-router-dom';\nimport 'sweetalert/dist/sweetalert.css';\nimport Autenticado from '../../components/Autenticado';\nimport Paginacion from '../../components/Paginacion'\nimport { mostrarToast, cargando, cerrarAlertas } from '../../utils/alerts';\nimport { currencyFormat, dateFormat, dateTimeFormat } from '../../utils/filters';\n\nimport { quitarNulos } from '../../utils/functions';\nimport {obtenerArchivoBancario, obtenerTransaccionesBancarias, obtenerArchivoBancarioConciliacion,\n actualizarClasificacionTransaccionBancaria} from '../../api/TransaccionesBancarias';\n\nclass ArchivosBancariosDetalle extends Component {\n state = {\n loading: false,\n id: null,\n titulo: 'Ver Archivo Bancario',\n transaccionesBancarias: [],\n totalTransaccionesBancarias: 0,\n pageLimit: 100,\n params: {},\n actualizacionClasificacion: {},\n datos: {\n cuenta: '',\n search: '',\n clasificacion: '',\n tipo_transaccion: '',\n tipo: ''\n },\n archivoBancario: {\n estatus_procesamiento: null,\n total_transacciones: null,\n divisa: null,\n referencia_transaccion: null,\n identificador_cuenta: null,\n numero_estado: null,\n numero_secuencia: null,\n tipo_apertura_balance: null,\n fecha_apertura_balance: null,\n monto_apertura_balance: null,\n tipo_cierre_balance: null,\n fecha_cierre_balance: null,\n monto_cierre_balance: null,\n monto_ingresos: null,\n monto_egresos: null,\n inicio_procesamiento: null,\n fin_procesamiento: null,\n fecha_transaccion_reciente: null,\n fecha_transaccion_antigua: null,\n error: null,\n usuario_creo: null,\n fecha_creacion: null,\n fecha_edicion: null, \n },\n conciliacion: {\n total_ingresos: 0,\n total_egresos: 0,\n monto_apertura_balance: 0,\n monto_rechazo_domiciliacion: 0,\n monto_traspaso_cuentas: 0,\n monto_domiciliacion: 0,\n monto_retencion: 0,\n monto_sin_clase: 0,\n monto_cierre_balance: 0,\n },\n transaccionesBancariasColumnas: [\n {etiqueta: 'Tipo', llave: 'tipo'},\n {etiqueta: 'Monto', llave: 'monto'},\n {etiqueta: 'Fecha Operación', llave: 'fecha_operacion'},\n // STP\n {etiqueta:'Clave Rastreo', llave: 'clave_rastreo'},\n {etiqueta:'Concepto Pago', llave: 'concepto_pago'},\n {etiqueta:'Cuenta Beneficiario', llave: 'cuenta_beneficiario'},\n {etiqueta:'Cuenta Ordenante', llave: 'cuenta_ordenante'},\n {etiqueta:'Estado', llave: 'estado'},\n // MT940\n {etiqueta: 'Divisa', llave: 'divisa'},\n {etiqueta: 'Referencia del Cliente', llave: 'referencia_cliente'},\n {etiqueta: 'Referencia Bancaria', llave: 'referencia_bancaria'},\n {etiqueta: 'Detalles Complementarios', llave: 'detalles_complementarios'},\n {etiqueta: 'Información Adicional', llave: 'informacion_adicional'},\n ],\n };\n\n obtenerArchivoBancario = async (id) =>{\n try{\n // Obtenemos la información del archivo Bancario\n const archivoBancarioPeticion = await obtenerArchivoBancario(id);\n let archivoBancario = archivoBancarioPeticion.data;\n archivoBancario = quitarNulos(archivoBancario);\n this.setState({archivoBancario});\n }catch (error){\n mostrarToast(\"Ocurrió un error al obtener la información del archivo bancario\", \"error\");\n }\n }\n\n obtenerArchivoBancarioConciliacion = async (id) => {\n try{\n // Obtenemos la conciliación del archivo bancario\n const conciliacionPeticion = await obtenerArchivoBancarioConciliacion(id)\n let conciliacion = conciliacionPeticion.data\n conciliacion = quitarNulos(conciliacion)\n this.setState({conciliacion})\n }catch (error){\n mostrarToast(\"Ocurrió un error al obtener la conciliación del archivo bancario\", \"error\");\n }\n }\n\n obtenerTransaccionesBancarias = async (id) => {\n try{\n // Obtenemos las transacciones bancarias vinculadas al archivo bancario\n const { pageLimit } = this.state\n const params = { page_size: pageLimit, archivo_bancario: id }\n const transaccionesBancariasPeticion = await obtenerTransaccionesBancarias(params)\n const transaccionesBancarias = transaccionesBancariasPeticion.data.results\n const totalTransaccionesBancarias = transaccionesBancariasPeticion.data.count\n this.setState({transaccionesBancarias, totalTransaccionesBancarias, params})\n }catch (error){\n mostrarToast(\"Ocurrió un error al obtener las transacciones bancarias\", \"error\");\n }\n }\n\n obtenerTransaccionesParams = async params => {\n try {\n const transaccionesBancariasPeticion = await obtenerTransaccionesBancarias(params)\n const transaccionesBancarias = transaccionesBancariasPeticion.data.results\n const totalTransaccionesBancarias = transaccionesBancariasPeticion.data.count\n this.setState({ \n transaccionesBancarias,\n totalTransaccionesBancarias,\n params\n });\n } catch (error) {\n mostrarToast(\"Ocurrió un error al obtener las transacciones bancarias\", \"error\");\n }\n };\n\n actualizarClasificacionTransaccionBancaria = async (id_transaccion, clasificacion) =>{\n try{\n await actualizarClasificacionTransaccionBancaria(id_transaccion, {clasificacion: clasificacion})\n mostrarToast(\"Se ha actualizado la clasificacion con éxito\", \"success\");\n }catch (error){\n mostrarToast(\"Ocurrió un error al actualizar la clasificación\", \"error\");\n }\n }\n \n componentWillMount() {\n const id = this.props.match.params.id;\n this.setState({ id });\n }\n\n async componentDidMount() {\n const { id } = this.state;\n this.setState({loading: true});\n cargando()\n await this.obtenerArchivoBancario(id)\n await this.obtenerArchivoBancarioConciliacion(id)\n await this.obtenerTransaccionesBancarias(id)\n cerrarAlertas()\n this.setState({loading: false});\n }\n\n actualizacionClasificacion = async (id_transaccion, e) => {\n let valor = e.target.value;\n let {id, params} = this.state;\n await this.actualizarClasificacionTransaccionBancaria(id_transaccion, valor)\n await this.obtenerTransaccionesParams(params)\n await this.obtenerArchivoBancarioConciliacion(id)\n }\n\n buscar = async () => {\n let { params } = this.state;\n const {datos: { search }} = this.state;\n delete params.search;\n delete params.page;\n params = Object.assign({ search }, params);\n await this.obtenerTransaccionesParams(params);\n };\n \n handleKeyDown = async(e) => {\n if (e.key === 'Enter') {\n await this.buscar()\n }\n }\n\n onChange = async(campo, e) => {\n const { datos } = this.state;\n let { params } = this.state;\n const valor = e.target.value;\n datos[campo] = valor;\n this.setState({ datos });\n if (campo === 'cuenta' || campo === 'tipo' || campo === 'clasificacion') {\n const { datos: { cuenta, tipo, clasificacion } } = this.state;\n delete params.tipo;\n delete params.clasificacion;\n params = Object.assign({ cuenta, tipo, clasificacion }, params);\n await this.obtenerTransaccionesParams(params);\n }\n if (valor === '') {\n await this.limpiar()\n }\n };\n\n limpiar = async () => {\n this.setState({\n params: {},\n datos: {\n cuenta: '',\n }\n });\n const { pageLimit, id } = this.state;\n const params = { page_size: pageLimit, archivo_bancario: id };\n await this.obtenerTransaccionesParams(params);\n };\n\n onPageChanged = async data => {\n const page = data.currentPage\n const { pageLimit, params, id } = this.state\n params.page = page\n params.page_size = pageLimit\n params.archivo_bancario = id\n try {\n const transaccionesBancariasPeticion = await obtenerTransaccionesBancarias(params)\n const transaccionesBancarias = transaccionesBancariasPeticion.data.results\n const totalTransaccionesBancarias = transaccionesBancariasPeticion.data.count\n this.setState({ transaccionesBancarias, totalTransaccionesBancarias, params })\n } catch (error) {\n console.log(\"Error: \", error)\n }\n }\n\n renderRow = (label, value, classcell=null, classvalue=null) => (\n \n \n );\n }\n}\n\nexport default ArchivosBancariosDetalle;\n","import React, { Component } from 'react';\nimport Autenticado from '../../components/Autenticado';\nimport { currencyFormat, dateFormat, dateTimeFormat } from '../../utils/filters';\nimport { quitarNulos } from '../../utils/functions';\nimport { obtenerTransaccionBancaria } from '../../api/TransaccionesBancarias';\n\nclass TransaccionBancaria extends Component {\n state = {\n id: null,\n objeto: {\n tipo: null,\n monto: null,\n divisa: null,\n codigo_transaccion: null,\n referencia_cliente: null,\n referencia_bancaria: null,\n detalles_complementarios: null,\n fecha_valor: null,\n fecha_operacion: null,\n informacion_adicional: null,\n fecha_creacion: null,\n fecha_edicion: null,\n },\n };\n\n componentWillMount() {\n const id = this.props.match.params.id;\n this.setState({ id });\n }\n\n\n async componentDidMount() {\n const { id } = this.state;\n try {\n let resp = await obtenerTransaccionBancaria(id);\n console.log(resp)\n let objeto = resp.data;\n this.setState({ objeto });\n } catch (error) {\n console.log(error);\n }\n }\n\n renderRow = (label, value, valid=null) => (\n \n \n );\n }\n}\n\nexport default TransaccionBancaria;\n","import React, { useEffect, useState } from 'react';\nimport { obtenerCuentasBancarias } from '../../api/CuentasBancarias';\nimport { crearArchivoBancario } from '../../api/TransaccionesBancarias';\nimport { mostrarToast, cargando, cerrarAlertas } from '../../utils/alerts';\nimport Autenticado from '../../components/Autenticado';\n\n\nconst guia = [\n { nombre: 'Archivos Bancarios', url: 'archivos-bancarios', clase: 'active' }\n];\n\nconst ProcesarArchivoBancario = () => {\n const [, updateState] = React.useState();\n const [cuentasBancarias, setCuentasBancarias] = useState([]);\n const [banco, setBanco] = useState('');\n const [loading, setLoading] = useState(false);\n const [errors, setErrors] = useState({});\n const [file, setFile] = useState(undefined);\n\n const getCuentasBancarias = async () => {\n await obtenerCuentasBancarias()\n .then(({data}) => {\n setCuentasBancarias(data);\n })\n .catch((error) =>{\n mostrarToast('No fue posible obtener las cuentas bancarias', 'error')\n })\n };\n\n useEffect(() => {\n getCuentasBancarias();\n }, []);\n\n const enviarArchivo = async() => {\n\n const formData = new FormData();\n formData.append('archivo', file);\n formData.append('cuenta', banco);\n\n setLoading(true)\n cargando()\n \n await crearArchivoBancario(formData)\n .then( ({data}) => {\n cerrarAlertas()\n window.location.replace(`archivos-bancarios/ver/${data.id}`)\n console.log(data)\n })\n .catch(\n (error) => {\n setLoading(false)\n cerrarAlertas()\n if (error.data.hasOwnProperty('error')){\n // Errores al momento de procesar el archivo bancario\n mostrarToast(error.data.error, 'error')\n }else{\n // Errores de serializador (formulario)\n setErrors(error.data)\n }\n }\n );\n };\n\n return (\n \n \n );\n};\n\nexport default ProcesarArchivoBancario;\n","import React, { Component } from 'react';\nimport { Switch, Redirect, Route } from 'react-router-dom';\nimport Inicio from './pages/Inicio';\nimport IniciarSesion from './pages/IniciarSesion';\nimport ResetarContrasena from './pages/ResetarContrasena';\nimport Error404 from './pages/Error404';\nimport OlvideMiContrasenia from './pages/OlvideMiContrasenia';\nimport ListaGrupoEmpresas from './pages/grupos_empresas/Lista';\nimport FormGrupoEmpresas from './pages/grupos_empresas/Form';\nimport VerGrupoEmpresas from './pages/grupos_empresas/Ver';\nimport ListaProductos from './pages/productos/Lista';\nimport FormProducto from './pages/productos/Form';\nimport VerProducto from './pages/productos/Ver';\nimport CotizarProducto from './pages/productos/Cotizar';\nimport ListaUsuarios from './pages/usuarios/Lista';\nimport FormUsuario from './pages/usuarios/Form';\nimport VerUsuario from './pages/usuarios/Ver';\nimport ListaGrupos from './pages/grupos/Lista';\nimport FormGrupo from './pages/grupos/Form';\nimport VerGrupo from './pages/grupos/Ver';\nimport ListaEmpleados from './pages/empleados/Lista';\nimport FormEmpleados from './pages/empleados/Form';\nimport VerEmpleado from './pages/empleados/Ver';\nimport ImportarEmpleado from './pages/empleados/Importar';\nimport ListaSolicitudes from './pages/solicitudes/Lista';\nimport VerSolicitudes from './pages/solicitudes/Ver';\nimport AgregarSolicitudes from './pages/solicitudes/Crear';\nimport EditarSolicitudes from './pages/solicitudes/Editar';\nimport Renovacion from './pages/prestamos/Renovacion';\nimport Referencias from './pages/solicitudes/Referencias';\nimport InformacionCrediticia from './pages/solicitudes/InformacionCrediticia';\nimport Comprobantes from './pages/solicitudes/Comprobantes';\nimport ListaDisposiciones from './pages/disposiciones/Lista';\nimport VerDisposicion from './pages/disposiciones/Ver';\nimport ListaPrestamos from './pages/prestamos/Lista';\nimport VerPrestamos from './pages/prestamos/Ver';\nimport LiquidarPrestamo from './pages/prestamos/Liquidar';\nimport ListaPagos from './pages/pagos/Lista';\nimport CrearPago from './pages/pagos/Crear';\nimport VerPagos from './pages/pagos/Ver';\nimport ListaTransacciones from './pages/emida/Transacciones';\nimport ListaRecargas from './pages/emida/Recargas';\nimport DetalleRecarga from './pages/emida/DetalleRecarga';\nimport ListaPagoServicios from './pages/emida/PagoServicios';\nimport DetallePagoServicio from './pages/emida/DetallePagoServicio';\nimport ListaCuentasBancarias from './pages/cuentas_bancarias/Lista';\nimport FormCuentasBancarias from './pages/cuentas_bancarias/Form';\nimport VerCuentasBancarias from './pages/cuentas_bancarias/Ver';\nimport ListaPagoMasivo from './pages/pagos/MasivosLista';\nimport CrearPagoMasivo from './pages/pagos/MasivosCrear';\nimport DetallePagoMasivo from './pages/pagos/MasivosDetalle';\nimport ReporteCobranza from './pages/pagos/ReporteCobranza';\nimport ReportePagosEmergentes from './pages/pagos/ReportePagosEmergentes';\nimport EstadoCuenta from './components/EstadoCuenta';\nimport ListaCuentasMaestra from './pages/jerarquia_empresas/ListaCuentasMaestas';\nimport VerCuentasMaestra from './pages/jerarquia_empresas/VerCuentasMaestras';\nimport ListaEmpresas from './pages/jerarquia_empresas/ListaEmpresas';\nimport FormEmpresas from './pages/jerarquia_empresas/FormEmpresas';\nimport VerEmpresa from './pages/jerarquia_empresas/VerEmpresas';\nimport ListaUnidadesOperativas from './pages/jerarquia_empresas/ListaUnidadesOperativas';\nimport VerUnidadesOperativas from './pages/jerarquia_empresas/VerUnidadesOperativas';\nimport DomiciliacionLeer from './pages/domiciliacion/leer';\nimport DomiciliacionGenerar from './pages/domiciliacion/generar';\nimport ImportarSepomex from './pages/sepomex/Importar';\nimport HistorialDomiciliacion from './pages/domiciliacion/historial_respuestas';\nimport AltasDomiciliacion from './pages/domiciliacion/altas';\nimport { isLogin } from './utils/auth';\nimport GenerarPromesas from './pages/domiciliacion/generar_promesas';\nimport ReporteNip from './pages/reportes/ReporteNip';\nimport UpdateTipoDescuentoMasivo from './pages/prestamos/update_tipo_descuento_masivo';\nimport HabilitacionCreditos from './pages/domiciliacion/habilitacion_creditos';\nimport DasboardTracking from './pages/dashboard_tracking/Dashboard';\nimport Integraciones from './pages/integraciones/FechaExpiracionBuroCredito'\nimport ReportesBuroCreditoList from './pages/buro_credito/ReportesBuroCreditoList';\nimport ArchivosBancarios from './pages/transacciones_bancarias/ArchivosBancarios';\nimport ArchivosBancariosDetalle from './pages/transacciones_bancarias/ArchivosBancariosDetalle';\nimport TransaccionBancaria from './pages/transacciones_bancarias/TransaccionesBancariasDetalle';\nimport ProcesarArchivoBancario from './pages/transacciones_bancarias/ProcesarArchivoBancario.js';\n\n\nconst PrivateRoute = ({ component: Component, ...rest }) => {\n return (\n \n isLogin() === true ? (\n \n isLogin() === false ? \n \n );\n }\n}\n\nexport default App;\n","// This optional code is used to register a service worker.\n// register() is not called by default.\n\n// This lets the app load faster on subsequent visits in production, and gives\n// it offline capabilities. However, it also means that developers (and users)\n// will only see deployed updates on subsequent visits to a page, after all the\n// existing tabs open on the page have been closed, since previously cached\n// resources are updated in the background.\n\n// To learn more about the benefits of this model and instructions on how to\n// opt-in, read https://bit.ly/CRA-PWA\n\nconst isLocalhost = Boolean(\n window.location.hostname === 'localhost' ||\n // [::1] is the IPv6 localhost address.\n window.location.hostname === '[::1]' ||\n // 127.0.0.1/8 is considered localhost for IPv4.\n window.location.hostname.match(\n /^127(?:\\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/\n )\n);\n\nexport function register(config) {\n if (process.env.NODE_ENV === 'production' && 'serviceWorker' in navigator) {\n // The URL constructor is available in all browsers that support SW.\n const publicUrl = new URL(process.env.PUBLIC_URL, window.location.href);\n if (publicUrl.origin !== window.location.origin) {\n // Our service worker won't work if PUBLIC_URL is on a different origin\n // from what our page is served on. This might happen if a CDN is used to\n // serve assets; see https://github.com/facebook/create-react-app/issues/2374\n return;\n }\n\n window.addEventListener('load', () => {\n const swUrl = `${process.env.PUBLIC_URL}/service-worker.js`;\n\n if (isLocalhost) {\n // This is running on localhost. Let's check if a service worker still exists or not.\n checkValidServiceWorker(swUrl, config);\n\n // Add some additional logging to localhost, pointing developers to the\n // service worker/PWA documentation.\n navigator.serviceWorker.ready.then(() => {\n console.log(\n 'This web app is being served cache-first by a service ' +\n 'worker. To learn more, visit https://bit.ly/CRA-PWA'\n );\n });\n } else {\n // Is not localhost. Just register service worker\n registerValidSW(swUrl, config);\n }\n });\n }\n}\n\nfunction registerValidSW(swUrl, config) {\n navigator.serviceWorker\n .register(swUrl)\n .then(registration => {\n registration.onupdatefound = () => {\n const installingWorker = registration.installing;\n if (installingWorker == null) {\n return;\n }\n installingWorker.onstatechange = () => {\n if (installingWorker.state === 'installed') {\n if (navigator.serviceWorker.controller) {\n // At this point, the updated precached content has been fetched,\n // but the previous service worker will still serve the older\n // content until all client tabs are closed.\n console.log(\n 'New content is available and will be used when all ' +\n 'tabs for this page are closed. See https://bit.ly/CRA-PWA.'\n );\n\n // Execute callback\n if (config && config.onUpdate) {\n config.onUpdate(registration);\n }\n } else {\n // At this point, everything has been precached.\n // It's the perfect time to display a\n // \"Content is cached for offline use.\" message.\n console.log('Content is cached for offline use.');\n\n // Execute callback\n if (config && config.onSuccess) {\n config.onSuccess(registration);\n }\n }\n }\n };\n };\n })\n .catch(error => {\n console.error('Error during service worker registration:', error);\n });\n}\n\nfunction checkValidServiceWorker(swUrl, config) {\n // Check if the service worker can be found. If it can't reload the page.\n fetch(swUrl)\n .then(response => {\n // Ensure service worker exists, and that we really are getting a JS file.\n const contentType = response.headers.get('content-type');\n if (\n response.status === 404 ||\n (contentType != null && contentType.indexOf('javascript') === -1)\n ) {\n // No service worker found. Probably a different app. Reload the page.\n navigator.serviceWorker.ready.then(registration => {\n registration.unregister().then(() => {\n window.location.reload();\n });\n });\n } else {\n // Service worker found. Proceed as normal.\n registerValidSW(swUrl, config);\n }\n })\n .catch(() => {\n console.log(\n 'No internet connection found. App is running in offline mode.'\n );\n });\n}\n\nexport function unregister() {\n if ('serviceWorker' in navigator) {\n navigator.serviceWorker.ready.then(registration => {\n registration.unregister();\n });\n }\n}\n","import React from 'react';\nimport ReactDOM from 'react-dom';\nimport { BrowserRouter } from 'react-router-dom'\nimport './index.css';\nimport App from './App';\nimport * as serviceWorker from './serviceWorker';\n\nReactDOM.render(\n \n ,\n document.getElementById('root')\n);\n\n// If you want your app to work offline and load faster, you can change\n// unregister() to register() below. Note this comes with some pitfalls.\n// Learn more about service workers: https://bit.ly/CRA-PWA\nserviceWorker.unregister();\n"],"sourceRoot":""}
\n \n \n
\n \n \n );\n }\n}\n\nexport default HabilitacionCreditos;\n","import { ConstructorAPIAsync } from './API';\nimport { callError } from './Error';\n\nasync function tiemposPromediosPorEtapa(params = {}) {\n const API = await ConstructorAPIAsync(180000);\n try {\n return await API.get('/admin/dashboard/tracking/', { params });\n } catch (err) {\n callError(err);\n }\n}\n\nexport {\n tiemposPromediosPorEtapa\n}","import React from 'react';\n\nconst BuscadorSolicitud = ({solicitud, setSolicitud, onClickBusquedaPorSolicitud}) => {\n return (\n \n\n
\n \n
\n \n
\n \n {/*
\n */}\n
*/}\n \n
\n {/* \n this.onChange('search', e)}\n onKeyDown={e => this.handleKeyDown(e)}\n placeholder=\"Buscar\"\n />\n \n this.limpiar()}\n >\n \n \n \n \n this.buscar()}\n >\n \n Buscar\n \n \n
\n \n
\n
\n\n \n
\n {\n loading ?\n
\n \n
\n :\n objetos.length > 0 ?\n // \n \n \n
\n \n
\n \n \n \n
\n
\n :\n | Folio | \nEmpresa | \nEmpleado | \nFrecuencia de Pago | \nBanco | \nClabe interbancaria | \nEstatus | \n
|---|---|---|---|---|---|---|
| {obj.folio} | \n{obj.empresa} | \n{obj.empleado} | \n{obj.frecuencia_pago} | \n{obj.banco} | \n{obj.clabe_interbancaria} | \n\n | \n
\n
\n }\n \n
\n \n
\n { mensaje }
\n\n
\n \n
\n Reactivar préstamo
\n\n
\n \n
\n \n
\n ¿Deseas reactivar el préstamo para que aparezca en la búsqueda al generar archivos?
\n\n this.setState({modal_reactivar: false}) }\n >\n Cancelar\n \n this.btn_reactivar_prestamo_domiciliacion()}\n >\n Reactivar\n \n
\n \n setSolicitud(e.target.value)}\n />\n \n \n \n \n \n
\n );\n}\n \nexport default BuscadorSolicitud;","import React from 'react';\n\nconst SelectCanal = ({canales, setCanal}) => {\n\n const onChangeCanal = (e) => {\n setCanal(e.target.value);\n }\n\n return (\n \n );\n}\n \nexport default SelectCanal;","import React from 'react';\nimport BuscadorSolicitud from './BuscadorSolicitud';\nimport SelectCanal from './SelectCanal';\n\nconst NavPeriodos = ({periodo, setPeriodo, periodos, solicitud, setSolicitud, onClickBusquedaPorSolicitud, canales, setCanal}) => {\n \n \n const onClickPeriodo = (periodo) => {\n setPeriodo(periodo);\n setSolicitud('');\n }\n\n return ( \n \n
\n );\n}\n \nexport default NavPeriodos;","import React from 'react';\n\nconst Card = ({periodo, titulo, cantidad, tipo, extra = null}) => {\n return (\n \n
\n \n
\n \n
\n \n
\n \n {Object.entries(periodos).map( ([key, value]) => {\n return (\n onClickPeriodo(key)}\n >\n {value}\n \n )\n })}\n
\n \n\n \n
\n\n \n
\n \n
\n );\n}\n \nexport default Card;","import React from 'react';\n\nconst Spinner = () => {\n return (\n \n
\n \n {periodo}\n
\n {titulo}
\n\n
\n {cantidad}
\n {extra && \n <>\n{extra.cantidad}
\n {extra.titulo}\n \n }\n \n \n
\n );\n}\n \nexport default Spinner;","import React, {useState, useEffect} from 'react';\nimport { Bar } from 'react-chartjs-2';\n\nconst TrackingMeses = ({data, periodo}) => {\n const [meses, setMeses] = useState([]);\n const [analisisPromedio, setAnalisisPromedio] = useState([]);\n\n const [automatizacionPromedio, setAutomatizacionPromedio] = useState([]);\n\n const [preanalisisPromedio, setPreanalisisPromedio] = useState([]);\n const [documentacionPromedio, setDocumentacionPromedio] = useState([]);\n const [formalizacionPromedio, setFormalizacionPromedio] = useState([]);\n const [otorgamientoPromedio, setOtorgamientoPromedio] = useState([]);\n \n useEffect(() => {\n let meses = [];\n let automatizacionPromedio = [];\n let preanalisisPromedio = [];\n let documentacionPromedio = [];\n let analisisPromedio = [];\n let formalizacionPromedio = [];\n let otorgamientoPromedio = [];\n \n data.forEach(d => {\n meses.push(d.mes);\n automatizacionPromedio.push(d.automatizacion_promedio || 0);\n preanalisisPromedio.push(d.preanalisis_promedio || 0);\n documentacionPromedio.push(d.documentacion_promedio || 0);\n analisisPromedio.push(d.analisis_promedio || 0);\n formalizacionPromedio.push(d.formalizacion_promedio || 0);\n otorgamientoPromedio.push(d.otorgamiento_promedio || 0);\n\n });\n\n setMeses(meses);\n setAutomatizacionPromedio(automatizacionPromedio); \n setPreanalisisPromedio(preanalisisPromedio);\n setDocumentacionPromedio(documentacionPromedio);\n setAnalisisPromedio(analisisPromedio);\n setFormalizacionPromedio(formalizacionPromedio);\n setOtorgamientoPromedio(otorgamientoPromedio); \n }, [data])\n\n return (\n \n
\n \n
\n \n \n \n \n \n \n
\n Cargando...
\n\n
\n );\n}\n \nexport default TrackingMeses;\n\n","import React, {useEffect, useState} from 'react';\nimport { Bar } from 'react-chartjs-2';\nimport { remplazarDaysToDias } from '../../utils/functions';\n\nconst GraficaPorEtapa = ({duraciones}) => {\n const [etapasChart, setEtapasChart] = useState([]);\n const [duracionesMinsChart, setDuracionesMinsChart] = useState([]);\n\n\n useEffect(() => {\n let etapas = [];\n let duracionesMins = [];\n\n duraciones.forEach(({duracion, etapa}) => {\n etapas.push(etapa);\n duracionesMins.push(remplazarDaysToDias(duracion));\n });\n\n setEtapasChart(etapas);\n setDuracionesMinsChart(duracionesMins);\n return () => new AbortController();\n }, [duraciones]);\n\n return ( \n \n
\n Tiempo promedio por mes
\n\n
\n \n
\n );\n}\n \nexport default TrackingEtapas;","import React from 'react';\nimport ChartistGraph from 'react-chartist';\n\n\nconst PorcentajesEtapas = ({data, periodo}) => {\n return (\n \n
\n \n {/* {periodo} */}\n \n
\n Tiempo promedio por etapa
\n\n {grafica === 'etapa' ?\n
\n \n
\n );\n}\n \nexport default PorcentajesEtapas;","import React, {useState, useEffect} from 'react';\nimport { tiemposPromediosPorEtapa } from '../../api/TrackingSolicitudes';\nimport Autenticado from '../../components/Autenticado';\n// import ChartistGraph from 'react-chartist'\nimport NavPeriodos from '../../components/tracking_solicitudes/NavPeriodos';\nimport { currencyFormat } from '../../utils/filters';\nimport Card from '../../components/tracking_solicitudes/Card';\nimport Spinner from '../../components/tracking_solicitudes/Spinner';\nimport TrackingMeses from '../../components/tracking_solicitudes/TrackingMeses';\n// import TrackingMesesAnalisisPromedio from '../../components/tracking_solicitudes/TrackingMesesAnalisisPromedio';\n// import TablaTiempoEtapas from '../../components/tracking_solicitudes/TablaTiempoEtapas';\nimport TrackingEtapas from '../../components/tracking_solicitudes/TrackingEtapas';\nimport PorcentajesEtapas from '../../components/tracking_solicitudes/PorcentajesEtapas';\nimport { remplazarDaysToDias } from '../../utils/functions';\n\nconst DasboardTracking = () => {\n const [cargando, setCargando] = useState(true);\n const [periodo, setPeriodo] = useState('hoy');\n const [solicitud, setSolicitud] = useState('');\n // const [numeroSolicitudesTerminadas, setNumeroSolicitudesTerminadas] = useState('');\n const [tiemposTotalPromedio, setTiemposTotalPromedio] = useState([]);\n // const [promediosEtapa, setPromediosEtapa] = useState([]);\n const [trackingEtapas, setTrackingEtapas] = useState([]);\n const [canal, setCanal] = useState('');\n const [canales, setCanales] = useState([]);\n const [pipelines, setPipelines] = useState({});\n // const [promediosEtapa, setPromediosEtapa] = useState({etapas: [], duraciones: []});\n // const [promediosEtapa2, setPromediosEtapa2] = useState([]);\n const [montoSolicitudesPromedio, setMontoSolicitudesPromedio] = useState(0);\n const [montoSolicitudesTotal, setMontoSolicitudesTotal] = useState(0);\n // const [tiempoAutomatizacionPromedio, setTiempoAutomatizacionPromedio] = useState('');\n // const [tiempoTotalSolicitudesPromedio, setTiempoTotalSolicitudesPromedio] = useState('');\n const [tiempoAutomatizacionMeses, setTiempoAutomatizacionMeses] = useState([]);\n const [solicitudesTotales, setSolicitudesTotales] = useState('');\n // const [solicitudesYuhudils, setSolicitudesYuhudils] = useState('');\n\n\n // const [tiempoAnalisisPromedio, setTiempoAnalisisPromedio] = useState('');\n // const [tiempoOtorgamientoPromedio, setTiempoOtorgamientoPromedio] = useState('');\n // const [tiempoPreanalisisPromedio, setTiempoPreanalisisPromedio] = useState('');\n // const [tiempoDocumentacionPromedio, setTiempoDocumentacionPromedio] = useState('');\n // const [tiempoFormalizacionPromedio, setTiempoFormalizacionPromedio] = useState('');\n\n const PERIODOS = {\n hoy: 'Hoy',\n ayer: 'Ayer',\n '7-dias': '7 días',\n 'este-mes': 'Este mes',\n 'mes-anterior': 'Mes anterior',\n '3-meses': '3 meses'\n }\n \n const cargarTiempoPromediosPorEtapas = async (parametros) => {\n try {\n setCargando(true);\n // let params = {};\n // if (parametros.hasOwnProperty(periodo)) {\n // console.log('entro a periodo');\n // params = {\n // // ...params,\n // tiempo: parametros.periodo\n // }\n // }\n // if (parametros.hasOwnProperty(solicitud)) {\n // console.log('entro a solicitud');\n // params = {\n // // ...params,\n // folio: parametros.solicitud\n // }\n // }\n // console.log('params ', params);\n let {data} = await tiemposPromediosPorEtapa(parametros);\n let {\n // tiempo_total_solicitudes_promedio: tiempoTotalSolicitudesPromedio,\n // numero_solicitudes_terminadas: numeroSolicitudesTerminadas,\n monto_solicitudes_promedio: montoSolicitudesPromedio,\n monto_solicitudes_total: montoSolicitudesTotal,\n numero_solicitudes_totales: solicitudesTotales,\n // solicitudes_yuhudils: solicitudesYuhudils,\n\n tiempos_total_promedio: tiemposTotalPromedio,\n\n tracking_etapas: trackingEtapas,\n // tiempo_automatizacion_promedio: tiempoAutomatizacionPromedio,\n tiempo_automatizacion_meses: tiempoAutomatizacionMeses,\n canales,\n // tiempo_formalizacion_promedio: tiempoFormalizacionPromedio,\n \n // tiempo_preanalisis_promedio: tiempoPreanalisisPromedio,\n // tiempo_documentacion_promedio: tiempoDocumentacionPromedio,\n // tiempo_analisis_promedio: tiempoAnalisisPromedio,\n // tiempo_formalizacion_promedio: tiempoFormalizacionPromedio,\n // tiempo_otorgamiento_promedio: tiempoOtorgamientoPromedio,\n\n pipeline_tiempo_promedio: pipelineTiempoPromedio\n } = data;\n\n \n\n // let etapas = [];\n // let duraciones = [];\n // let porcentajes = [];\n \n // trackingEtapas.forEach(e => {\n // etapas.push(e.etapa);\n // duraciones.push(e.duracion);\n // porcentajes.push(e.porcentaje);\n // });\n\n // setPromediosEtapa({etapas, duraciones});\n // setNumeroSolicitudesTerminadas(numeroSolicitudesTerminadas);\n setTrackingEtapas(trackingEtapas);\n // setPromediosEtapa(trackingEtapas);\n // setEtapasPorcentaje({etapas, porcentajes});\n // setPromediosEtapa2(trackingEtapas);\n setTiemposTotalPromedio(tiemposTotalPromedio);\n setMontoSolicitudesPromedio(montoSolicitudesPromedio);\n setMontoSolicitudesTotal(montoSolicitudesTotal);\n // setTiempoAutomatizacionPromedio(tiempoAutomatizacionPromedio || 'Sin datos registrados');\n // setTiempoTotalSolicitudesPromedio(tiempoTotalSolicitudesPromedio || 'Sin datos registrados');\n setTiempoAutomatizacionMeses(tiempoAutomatizacionMeses);\n setSolicitudesTotales(solicitudesTotales || 0);\n // setSolicitudesYuhudils(solicitudesYuhudils);\n \n setCanales(canales);\n\n // setTiempoAnalisisPromedio(tiempoAnalisisPromedio || 0);\n // setTiempoPreanalisisPromedio(tiempoAnalisisPromedio || 0);\n // setTiempoDocumentacionPromedio(tiempoDocumentacionPromedio || 0);\n // setTiempoFormalizacionPromedio(tiempoFormalizacionPromedio || 0);\n // setTiempoOtorgamientoPromedio(tiempoOtorgamientoPromedio || 0);\n setPipelines(pipelineTiempoPromedio);\n setCargando(false);\n } catch(err) {\n console.log(err);\n }\n }\n\n const onClickBusquedaPorSolicitud = () => {\n cargarTiempoPromediosPorEtapas({folio: solicitud});\n }\n\n useEffect(() => {\n \n // if (canal === '') {\n // cargarTiempoPromediosPorEtapas({tiempo: periodo});\n // } else {\n // cargarTiempoPromediosPorEtapas({tiempo: periodo, canal});\n // }\n cargarTiempoPromediosPorEtapas({tiempo: periodo, canal});\n \n // if (canal !== '') {\n // cargarTiempoPromediosPorEtapas({tiempo: periodo, canal});\n // } else {\n // cargarTiempoPromediosPorEtapas();\n // }\n }, [periodo, canal]);\n\n\n\n return (\n \n
\n \n {periodo}\n
\n Porcentaje de solicitudes por etapa terminada
\n\n\n
\n \n \n \n \n
\n
\n\n | Etapa | \nPorcentaje | \nGrafica | \n
|---|---|---|
| {etapa.etapa} | \n{etapa.porcentaje}% | \n\n | \n
\n \n
\n\n }\n \n
\n\n \n
\n\n {/* \n
*/}\n\n {/* \n
*/}\n\n {/* \n
*/}\n\n {/* \n
*/}\n\n { \n tiemposTotalPromedio.map( ({nombre, duracion, numero_solicitudes: numeroSolicitudes}, index) => (\n \n
\n )) \n }\n\n {/* \n
*/}\n\n {/* \n
*/}\n\n {/* \n
*/}\n\n \n
\n\n \n
\n \n \n\n {/* \n
*/}\n `;\n });\n console.log(text)\n this.mostrarAlerta(text)\n } catch (error) {\n const errors = error.data\n this.setState({ errors })\n }\n }\n },\n fields:[{\n name:'member',\n label:'Usuario *',\n type:'text',\n helpText:''\n },{\n name:'password',\n label:'Contraseña *',\n type:'text',\n helpText:''\n }],\n data: this.state.data,\n errors: this.state.errors\n }\n\n return (\n
\n
\n \n
\n \n
\n \n
\n \n
\n\n \n
\n \n
\n \n
\n \n
\n \n \n
\n \n
\n \n \n \n
\n
\n | # | \nFecha de reporte | \nUsuario | \nProveedor | \nFecha creación | \n\n |
|---|---|---|---|---|---|
| { index + 1 } | \n{reporte.fecha_reporte} | \n{reporte.usuario_creo || 'Creado automáticamente por sistema'} | \n{reporte.proveedor} | \n{ dateTimeFormat(reporte.fecha_creacion) } | \nDescargar | \n
| No se encontraron registros |
\n
\n \n
\n \n
\n Lista de Archivos Bancarios
\n \n
\n \n
\n \n \n \n
\n
\n \n
\n \n
\n \n \n
\n \n
\n {/* Tabla de Transacciones */}\n \n
\n \n this.onChange('cuenta', e)}\n className=\"form-control m-b\"\n >\n \n {cuentas.map(objeto => {\n return (\n \n {objeto.label}\n \n );\n })}\n \n
\n | Estaus Procesamiento | \nCuenta | \nReferencia Transaccion | \nFecha transacción más antigua | \nFecha transacción más reciente | \nBalance de Apertura | \nBalance de Cierre | \nFecha de Creación | \n \n|
|---|---|---|---|---|---|---|---|---|
| {obj.estatus_procesamiento} | \n{obj.cuenta} | \n{obj.referencia_transaccion} | \n{dateFormat(obj.fecha_transaccion_antigua)} | \n{dateFormat(obj.fecha_transaccion_reciente)} | \n{currencyFormat(obj.monto_apertura_balance)} | \n{currencyFormat(obj.monto_cierre_balance)} | \n{dateFormat(obj.fecha_creacion)} | \n\n | \n
| No se encontraron resultados | \n
\n
\n );\n\n render() {\n const guia = [\n { nombre: 'Archivos Bancarios', url: '/conciliaciones/archivos-bancarios', clase: '' },\n { nombre: 'Ver', url: '', clase: 'active' }\n ];\n\n const {\n titulo,\n archivoBancario,\n conciliacion,\n transaccionesBancarias,\n totalTransaccionesBancarias,\n pageLimit,\n datos: { tipo, clasificacion, search },\n } = this.state;\n\n return (\n \n {label}\n
\n \n {value}\n
\n \n
\n \n \n
\n \n
\n\n \n
\n \n
\n \n
\n \n Información del archivo bancario\n
\n {this.renderRow('Tipo de apertura de balance', archivoBancario.tipo_apertura_balance)}\n {this.renderRow('Fecha de apertura de balance', dateFormat(archivoBancario.fecha_apertura_balance))}\n {this.renderRow('Monto de apertura de balance', currencyFormat(archivoBancario.monto_apertura_balance))}\n {this.renderRow('Estatus del procesamiento', archivoBancario.estatus_procesamiento)}\n {this.renderRow('Cuenta', archivoBancario.cuenta)}\n {this.renderRow('Total de transacciones', archivoBancario.total_transacciones)}\n {this.renderRow('Referencia de Transacción', archivoBancario.referencia_transaccion)}\n {this.renderRow('Identificador de la cuenta', archivoBancario.identificador_cuenta)}\n\n
\n \n
\n \n
\n \n Información del archivo bancario\n
\n {this.renderRow('Tipo de cierre de balance', archivoBancario.tipo_cierre_balance)}\n {this.renderRow('Fecha de cierre de balance', dateFormat(archivoBancario.fecha_cierre_balance))}\n {this.renderRow('Monto de cierre de balance', currencyFormat(archivoBancario.monto_cierre_balance))}\n {this.renderRow('Monto de ingresos', currencyFormat(archivoBancario.monto_ingresos))}\n {this.renderRow('Monto de egresos', currencyFormat(archivoBancario.monto_egresos))}\n {this.renderRow('Fecha de transacción más reciente', dateFormat(archivoBancario.fecha_transaccion_reciente))}\n {this.renderRow('Fecha de transacción más antigua', dateFormat(archivoBancario.fecha_transaccion_antigua))}\n {this.renderRow('Error', archivoBancario.error)}\n\n
\n\n \n
\n \n
\n \n
\n \n Conciliación\n
\n {this.renderRow('Saldo inicial', currencyFormat(conciliacion.monto_apertura_balance), 'celda-gris')}\n {/* Ingresos */}\n {this.renderRow('Domiciliacion', currencyFormat(conciliacion.monto_domiciliacion), null, `${conciliacion.monto_domiciliacion > 0 ? 'verde' : null} `)}\n {this.renderRow('Retención', currencyFormat(conciliacion.monto_retencion), null, `${conciliacion.monto_retencion > 0 ? 'verde' : null} `)}\n {this.renderRow('Ingresos sin clasificación', currencyFormat(conciliacion.monto_ingresos_sin_clasificacion), null, `${conciliacion.monto_ingresos_sin_clasificacion > 0 ? 'verde' : null} `)}\n {this.renderRow('Total de ingresos', currencyFormat(conciliacion.monto_ingresos_sin_clasificacion +\n conciliacion.monto_domiciliacion +\n conciliacion.monto_retencion), 'celda-gris')}\n {/* Egresos */}\n {this.renderRow('Rechazo domiciliación', currencyFormat(conciliacion.monto_rechazo_domiciliacion), null, `${conciliacion.monto_rechazo_domiciliacion < 0 ? 'rojo' : null} `)}\n {this.renderRow('Traspaso entre cuentas', currencyFormat(conciliacion.monto_traspaso_cuentas), null, `${conciliacion.monto_traspaso_cuentas < 0 ? 'rojo' : null} `)}\n {this.renderRow('Comisiones bancarias', currencyFormat(conciliacion.monto_comisiones_bancarias), null, `${conciliacion.monto_comisiones_bancarias < 0 ? 'rojo' : null} `)}\n {this.renderRow('IVA comisiones', currencyFormat(conciliacion.monto_iva_comisiones), null, `${conciliacion.monto_iva_comisiones < 0 ? 'rojo' : null} `)}\n {this.renderRow('Egresos Sin clasificación', currencyFormat(conciliacion.monto_egresos_sin_clasificacion), null, `${conciliacion.monto_egresos_sin_clasificacion < 0 ? 'rojo' : null} `)}\n {this.renderRow('Total de Egresos', currencyFormat(conciliacion.monto_rechazo_domiciliacion +\n conciliacion.monto_traspaso_cuentas +\n conciliacion.monto_comisiones_bancarias +\n conciliacion.monto_iva_comisiones +\n conciliacion.monto_egresos_sin_clasificacion),'celda-gris')}\n {this.renderRow('Saldo Final', currencyFormat(conciliacion.monto_cierre_balance))}\n\n
\n \n
\n \n
\n Lista de transacciones bancarias
\n \n
\n \n
\n \n {/* Tabla de Transacciones */}\n \n \n
\n
\n \n
\n \n
\n \n this.onChange('tipo', e)}\n className=\"form-control m-b\"\n >\n \n \n \n \n
\n \n
\n \n this.onChange('clasificacion', e)}\n className=\"form-control m-b\"\n >\n \n \n \n \n \n \n \n \n \n
\n \n
\n \n this.onChange('search', e)}\n onKeyDown={e => this.handleKeyDown(e)}\n placeholder=\"Buscar\"\n />\n \n this.limpiar()}\n >\n \n \n \n \n this.buscar()}\n >\n \n Buscar\n \n \n
\n | Monto | \nFecha Operación | \n\n {/* CAMPOS STP */}\n {/*Clave Rastreo | \nConcepto Pago | \nCuenta Beneficiario | \nCuenta Ordenante | */}\n\n {/* CAMPOS BX+ */}\nReferencia del Cliente | \nReferencia Bancaria | \nDetalles Complementarios | \nInformación Adicional | \nClasificación | \n {/*Tipo Transaccion | */}\n|
|---|---|---|---|---|---|---|---|---|---|---|---|---|
| {currencyFormat(obj.monto)} | }\n {obj.tipo == 'egreso' &&{currencyFormat(obj.monto)} | }\n{dateFormat(obj.fecha_operacion)} | \n {/*{obj.clave_rastreo} | \n{obj.concepto_pago} | \n{obj.cuenta_beneficiarion} | \n{obj.cuenta_ordenante} | */}\n{obj.referencia_cliente} | \n{obj.referencia_bancaria} | \n{obj.detalles_complementarios} | \n{obj.informacion_adicional} | \n\n | \n \n | \n
| No se encontraron resultados | \n
\n
\n );\n\n\n render() {\n const guia = [\n { nombre: 'Transacciones Bancarias', url: '/conciliaciones/transacciones', clase: '' },\n { nombre: 'Ver', url: '', clase: 'active' }\n ];\n const { objeto } = this.state;\n return (\n \n {label}\n
\n \n {value}\n
\n \n
\n \n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n {objeto.referencia_transaccion}\n
\n {this.renderRow('Tipo',objeto.tipo)}\n {this.renderRow('Monto',currencyFormat(objeto.monto))}\n {this.renderRow('Divisa',objeto.divisa)}\n {this.renderRow('Código de Transacción',objeto.codigo_transaccion)}\n {this.renderRow('Referencia del Cliente',objeto.referencia_cliente)}\n {this.renderRow('Referencia Bancaria',objeto.referencia_bancaria)}\n {this.renderRow('Detalles Complementarios',objeto.detalles_complementarios)}\n {this.renderRow('Fecha Valor',dateFormat(objeto.fecha_valor))}\n {this.renderRow('Fecha Operación',dateFormat(objeto.fecha_operacion))}\n {this.renderRow('Información Adicional',objeto.informacion_adicional)}\n {this.renderRow('Fecha de Creación',dateTimeFormat(objeto.fecha_creacion))}\n {this.renderRow('Fecha de Edición',dateTimeFormat(objeto.fecha_edicion))}\n\n \n Regresar\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n\n \n \n setBanco(e.target.value)}\n className=\"form-control\"\n style={{height: '40px'}}\n id=\"bancoPagos\"\n name=\"bancoPagos\"\n >\n \n {cuentasBancarias.map(cuenta => (\n \n ))}\n \n { \n errors.hasOwnProperty('cuenta') &&\n errors.hasOwnProperty('cuenta') ? errors.cuenta.map((error) =>
\n {error}
) : null\n }\n\n\n
\n\n \n \n setFile(e.target.files[0])}\n type=\"file\"\n className=\"form-control p36\"\n id=\"archivo_pagos\"\n name=\"archivo_pagos\"\n disabled=\"\"\n />\n
\n { \n errors.hasOwnProperty('archivo') &&\n errors.hasOwnProperty('archivo') ?\n errors.archivo.map((error) => {error}
) : null\n }\n\n \n \n \n Procesar archivo\n \n
\n