\r\n {this.state.address}\r\n
\r\n \r\n\r\n */}\r\n Hello There!
\r\n */}\r\n\r\n\r\n {/* For Auto complete Search Box */}\r\n \r\n \r\n )\r\n )\r\n );\r\n\r\n return (\r\n\r\n\r\n \r\n \r\n\r\n \r\n \r\n \r\n
\r\n )\r\n }\r\n}\r\n\r\n\r\nconst styles = {\r\n backgroundImage: \"url(\" + \"https://app.tepic.gob.mx/web/assets/tepic_parallax.jpg\" + \")\",\r\n card: {\r\n maxWidth: 500,\r\n borderRadius:15,\r\n },\r\n media: {\r\n objectFit: 'cover',\r\n },\r\n container: {\r\n display: 'flex',\r\n flexWrap: 'wrap',\r\n },\r\n searchBar: {\r\n color: 'white',\r\n marginLeft: 6\r\n },\r\n list:{\r\n borderColor:'#A11B39',\r\n borderWidth:2\r\n }\r\n};\r\n\r\nDatosPersonaUPD.propTypes = {\r\n classes: PropTypes.object.isRequired,\r\n onSubmit: PropTypes.func\r\n};\r\n\r\nexport default withStyles(styles)(DatosPersonaUPD);","import React, {Component} from 'react';\r\nimport CssBaseline from '@material-ui/core/CssBaseline';\r\nimport AppBar from '@material-ui/core/AppBar';\r\nimport Toolbar from '@material-ui/core/Toolbar';\r\nimport Typography from '@material-ui/core/Typography';\r\nimport MenuIcon from '@material-ui/icons/Menu';\r\nimport MenuItem from '@material-ui/core/MenuItem';\r\nimport Menu from '@material-ui/core/Menu';\r\nimport AccountCircle from '@material-ui/icons/AccountCircle';\r\nimport LocationSearching from '@material-ui/icons/LocationSearching';\r\nimport PropTypes from 'prop-types';\r\nimport classNames from 'classnames';\r\nimport IconButton from '@material-ui/core/IconButton';\r\nimport { withStyles } from '@material-ui/core/styles';\r\nimport {withRouter} from 'react-router-dom';\r\nimport Autocomplete from './Autocomplete';\r\nimport DatosPersonaUPD from './DatosPersonaUPD';\r\nimport {Modal} from 'react-bootstrap';\r\n\r\nconst drawerWidth = 240;\r\nconst styles = theme =>({\r\n appBar: {\r\n transition: theme.transitions.create(['margin', 'width'], {\r\n easing: theme.transitions.easing.sharp,\r\n duration: theme.transitions.duration.leavingScreen,\r\n background: '#2f85bc'\r\n })\r\n },\r\n appBarShift: {\r\n width: `calc(100% - ${drawerWidth}px)`,\r\n marginLeft: drawerWidth,\r\n transition: theme.transitions.create(['margin', 'width'], {\r\n easing: theme.transitions.easing.easeOut,\r\n duration: theme.transitions.duration.enteringScreen,\r\n }),\r\n },\r\n menuButton: {\r\n marginLeft: 12,\r\n marginRight: 20,\r\n color:\"white\"\r\n },\r\n hide: {\r\n display: 'none',\r\n },\r\n userName: {\r\n marginRight: 5,\r\n color:\"white\"\r\n }\r\n});\r\n\r\nclass AppBarCustom extends Component {\r\n\r\n constructor(props){\r\n super(props);\r\n \r\n this.state = {\r\n anchorEL: null,\r\n anchorElLoc: null,\r\n locIndoor: false,\r\n locHistorical: false,\r\n show2:false,\r\n };\r\n }\r\n\r\n render(){\r\n const {classes, history, open, userName, handleDrawerOpen, logout} = this.props;\r\n const {anchorEl, anchorElLoc, locIndoor, locHistorical} = this.state;\r\n const openMenu = Boolean(anchorEl);\r\n const openMenuLoc = Boolean(anchorElLoc);\r\n\r\n return(\r\n \r\n \r\n \r\n \r\n \r\n {userName.IdUsuario!=1 ? null : \r\n }\r\n \r\n \r\n ![]()
\r\n \r\n\r\n \r\n {userName.Usuario}\r\n \r\n\r\n\r\n \r\n \r\n \r\n\r\n\r\n this.setState({show2:false})}>\r\n \r\n Perfil Usuario \r\n \r\n \r\n this.setState({show2:false})}/>\r\n \r\n \r\n \r\n\r\n
\r\n );\r\n }\r\n}\r\n\r\nAppBarCustom.propTypes = {\r\n classes: PropTypes.object.isRequired,\r\n history: PropTypes.object.isRequired,\r\n theme: PropTypes.object.isRequired,\r\n handleDrawerOpen: PropTypes.func,\r\n logout: PropTypes.func,\r\n open: PropTypes.bool,\r\n userName: PropTypes.string\r\n};\r\nexport default withRouter(withStyles(styles, { withTheme: true })(AppBarCustom));","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport {withStyles} from '@material-ui/core/styles';\r\nimport ExpansionPanel from '@material-ui/core/ExpansionPanel';\r\nimport ExpansionPanelSummary from '@material-ui/core/ExpansionPanelSummary';\r\nimport ExpansionPanelDetails from '@material-ui/core/ExpansionPanelDetails';\r\nimport ExpandMoreIcon from '@material-ui/icons/ExpandMore';\r\nimport Typography from '@material-ui/core/Typography';\r\nimport List from '@material-ui/core/List';\r\nimport ListItem from '@material-ui/core/ListItem';\r\nimport ListItemIcon from '@material-ui/core/ListItemIcon';\r\nimport ListItemText from '@material-ui/core/ListItemText';\r\nimport {withRouter} from 'react-router-dom';\r\n\r\nconst styles = theme => ({\r\n root: {\r\n width: '100%'\r\n },\r\n heading: {\r\n fontSize: theme.typography.pxToRem(15),\r\n fontWeight: theme.typography.fontWeightRegular\r\n }\r\n});\r\n\r\nconst ItemExpansion = (props) => {\r\n const {classes, subModule, pages, history} = props;\r\n return(\r\n \r\n this.setState({ anchorEl: event.currentTarget })}\r\n color=\"white\">\r\n \r\n\r\n\r\n \r\n \r\n \r\n\r\n \r\n\r\n \r\n
\r\n\r\n \r\n \r\n\r\n \r\n \r\n
\r\n );\r\n};\r\n\r\nItemExpansion.prototype = {\r\n classes: PropTypes.object.isRequired,\r\n subModule: PropTypes.object,\r\n pages: PropTypes.object,\r\n history: PropTypes.object.isRequired\r\n};\r\n\r\nexport default withRouter(withStyles(styles)(ItemExpansion));","import React, { Component } from 'react';\r\n\r\nimport {turnarOficio} from '../../services/SecurityService'\r\n\r\nimport { DropdownList } from 'react-widgets'\r\n\r\nimport Checkbox from '@material-ui/core/Checkbox';\r\n\r\nimport FormControlLabel from '@material-ui/core/FormControlLabel';\r\n\r\nimport FormLabel from '@material-ui/core/FormLabel';\r\nimport FormControl from '@material-ui/core/FormControl';\r\nimport FormGroup from '@material-ui/core/FormGroup';\r\n\r\nimport FormHelperText from '@material-ui/core/FormHelperText';\r\n\r\n\r\nimport PropTypes from 'prop-types';\r\n\r\n\r\nexport default class TurnarOficio extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.onChangeDireccionTurnada = this.onChangeDireccionTurnada.bind(this);\r\n this.onChangeAccionesATomar = this.onChangeAccionesATomar.bind(this);\r\n this.onChangeObservaciones = this.onChangeObservaciones.bind(this);\r\n this.handlebtnOn = this.handlebtnOn.bind(this);\r\n this.onSubmit = this.onSubmit.bind(this);\r\n // const { gilad, jason, antoine } = this.state;\r\n this.state = {\r\n btnOn:false,\r\n DireccionTurnada: '',\r\n AccionesATomar: '',\r\n Observaciones:'',\r\n value : '',\r\n Areas :[\r\n {descripcion : \"DIRECCION DE DESARROLLO URBANO\", id :448},\r\n {descripcion : \"DEPARTAMENTO DE LICENCIAS DE FUNCIONAMIENTO\", id :449},\r\n // {descripcion : \"DIRECCION GRAL. DE DESARROLLO URBANO Y ECOLOGIA\", id :450},\r\n \r\n {descripcion : \"DIRECCION DE ECOLOGIA Y PROTECCION AL MEDIO AMBIENTE\", id :450},\r\n {descripcion : \"DIRECCION DE PROTECCION CIVIL\", id :451},\r\n // {descripcion : \"RECEPCION DE DGDUE\", id :450},\r\n \r\n // {descripcion : \"DIRECCION DE DESARROLLO ECONOMICO Y TURISMO\", id :453},\r\n {descripcion : \"DIRECCION DE SANIDAD MUNICIPAL\", id :452},\r\n ],\r\n Acciones :[{descripcion : \"atencion\", id :1},\r\n {descripcion : \"para acuerdo\", id :2},\r\n {descripcion : \"opinion\", id :3},\r\n {descripcion : \"seguimiento\", id :4},\r\n {descripcion : \"conocimiento\", id :5},\r\n {descripcion : \"SIN ASIGNAR\", id :6},\r\n ]\r\n }\r\n }\r\n\r\n onChangeDireccionTurnada(descripcion) {\r\n console.log(descripcion);\r\n let { Areas} = this.state;\r\n\r\n let newOption = descripcion;\r\n\r\n this.setState({\r\n value: newOption, \r\n Areas: [...Areas],\r\n otro: Areas.filter(tipo => tipo.descripcion.toLowerCase().includes(descripcion.descripcion.toLowerCase()))\r\n })\r\n}\r\n \r\n onChangeAccionesATomar(descripcion) {\r\n console.log(descripcion);\r\n let { Acciones} = this.state;\r\n \r\n let newOption = descripcion;\r\n \r\n this.setState({\r\n value2: newOption, \r\n Acciones: [...Acciones],\r\n otro: Acciones.filter(tipo => tipo.descripcion.toLowerCase().includes(descripcion.descripcion.toLowerCase()))\r\n })\r\n }\r\n onChangeObservaciones(e) {\r\n this.setState({\r\n Observaciones: e.target.value\r\n })\r\n }\r\n \r\ncheckboxD(){\r\nif(this.props.persona_fm==\"F\"){\r\nif(this.state.value.id==451){return \r\n \r\n \r\n
\r\n )\r\n }\r\n}\r\n\r\n","import React, { Component } from 'react';\r\n\r\nimport {turnarOficio,POSTRETURNAR} from '../../services/SecurityService'\r\n\r\nimport { DropdownList } from 'react-widgets'\r\n\r\nimport Checkbox from '@material-ui/core/Checkbox';\r\n\r\nimport FormControlLabel from '@material-ui/core/FormControlLabel';\r\n\r\nimport FormLabel from '@material-ui/core/FormLabel';\r\nimport FormControl from '@material-ui/core/FormControl';\r\nimport FormGroup from '@material-ui/core/FormGroup';\r\n\r\nimport FormHelperText from '@material-ui/core/FormHelperText';\r\n\r\n\r\n\r\n\r\n\r\nexport default class TurnarOficioCN extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.onChangeDireccionTurnada = this.onChangeDireccionTurnada.bind(this);\r\n this.onChangeAccionesATomar = this.onChangeAccionesATomar.bind(this);\r\n this.onChangeObservaciones = this.onChangeObservaciones.bind(this);\r\n this.handlebtnOn = this.handlebtnOn.bind(this);\r\n this.onSubmit = this.onSubmit.bind(this);\r\n // const { gilad, jason, antoine } = this.state;\r\n this.state = {\r\n btnOn:false,\r\n DireccionTurnada: '',\r\n AccionesATomar: '',\r\n Observaciones:'',\r\n value : '',\r\n Areas :[\r\n {descripcion : \"DIRECCION DE DESARROLLO URBANO\", id :448},\r\n {descripcion : \"DEPARTAMENTO DE LICENCIAS DE FUNCIONAMIENTO\", id :449},\r\n // {descripcion : \"DIRECCION GRAL. DE DESARROLLO URBANO Y ECOLOGIA\", id :450},\r\n \r\n {descripcion : \"DIRECCION DE ECOLOGIA Y PROTECCION AL MEDIO AMBIENTE\", id :450},\r\n {descripcion : \"DIRECCION DE PROTECCION CIVIL\", id :451},\r\n // {descripcion : \"RECEPCION DE DGDUE\", id :450},\r\n \r\n // {descripcion : \"DIRECCION DE DESARROLLO ECONOMICO Y TURISMO\", id :453},\r\n {descripcion : \"DIRECCION DE SANIDAD MUNICIPAL\", id :452},\r\n ],\r\n Acciones :[{descripcion : \"atencion\", id :1},\r\n {descripcion : \"para acuerdo\", id :2},\r\n {descripcion : \"opinion\", id :3},\r\n {descripcion : \"seguimiento\", id :4},\r\n {descripcion : \"conocimiento\", id :5},\r\n {descripcion : \"SIN ASIGNAR\", id :6},\r\n ]\r\n }\r\n }\r\n\r\n onChangeDireccionTurnada(descripcion) {\r\n console.log(descripcion);\r\n let { Areas} = this.state;\r\n\r\n let newOption = descripcion;\r\n\r\n this.setState({\r\n value: newOption, \r\n Areas: [...Areas],\r\n otro: Areas.filter(tipo => tipo.descripcion.toLowerCase().includes(descripcion.descripcion.toLowerCase()))\r\n })\r\n}\r\n \r\n onChangeAccionesATomar(descripcion) {\r\n console.log(descripcion);\r\n let { Acciones} = this.state;\r\n \r\n let newOption = descripcion;\r\n \r\n this.setState({\r\n value2: newOption, \r\n Acciones: [...Acciones],\r\n otro: Acciones.filter(tipo => tipo.descripcion.toLowerCase().includes(descripcion.descripcion.toLowerCase()))\r\n })\r\n }\r\n onChangeObservaciones(e) {\r\n this.setState({\r\n Observaciones: e.target.value\r\n })\r\n }\r\n \r\ncheckboxD(){\r\nif(this.props.persona_fm==\"F\"){\r\nif(this.state.value.id==451){return \r\n \r\n \r\n
\r\n )\r\n }\r\n}","import React, { Component } from 'react';\r\nimport Grid from '@material-ui/core/Grid';\r\nimport {GetDetalleOficio, GetGiro, PutOficios,GetPGIR,POSTPGIR,GetMunicipios,GetCategorias,GetSubCategorias,GetColonias,GetAreas,ActAtencionReporte,GetUsuariosID} from '../../services/SecurityService'\r\nimport {Modal,Button} from 'react-bootstrap'\r\n\r\nimport EditarDocumentos1 from './EditarDocumentos1'\r\nimport { DropdownList } from 'react-widgets';\r\nimport EditarDocumentos2 from './EditarDocumentos2'\r\nimport EmisorIcon from '@material-ui/icons/AccountBoxRounded';\r\nimport { withGoogleMap, GoogleMap, withScriptjs, InfoWindow, Marker } from \"react-google-maps\";\r\nimport Geocode from \"react-geocode\";\r\nimport Autocomplete from 'react-google-autocomplete';\r\nimport Radio from '@material-ui/core/Radio';\r\nimport RadioGroup from '@material-ui/core/RadioGroup';\r\nimport FormHelperText from '@material-ui/core/FormHelperText';\r\nimport FormControlLabel from '@material-ui/core/FormControlLabel';\r\n\r\nimport InfoRoundedIcon from '@material-ui/icons/InfoRounded';\r\nimport UpdateRoundedIcon from '@material-ui/icons/UpdateRounded';\r\n\r\n\r\nimport AccountCircleRoundedIcon from '@material-ui/icons/AccountCircleRounded';\r\nimport MapRoundedIcon from '@material-ui/icons/MapRounded';\r\nimport ReportRoundedIcon from '@material-ui/icons/ReportRounded';\r\nimport {withStyles,styled } from '@material-ui/core/styles';\r\n\r\n\r\nconst { MarkerWithLabel } = require(\"react-google-maps/lib/components/addons/MarkerWithLabel\");\r\n\r\n\r\nGeocode.setApiKey(\"AIzaSyAzpzpAXIWKwC_HohFcVAQFK3_xL7yY8JI\");\r\nGeocode.enableDebug();\r\n\r\nconst ColorButton = styled(Button)(({ theme }) => ({\r\n color: '#4885ed',\r\n borderColor: '#4885ed',\r\n '&:hover': {\r\n backgroundColor: '#4885ed',\r\n color:'#ffffff'\r\n },\r\n}));\r\n\r\nexport default class DatosOficio extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.onChangenombre = this.onChangenombre.bind(this);\r\nthis.onChangedomicilio = this.onChangedomicilio.bind(this);\r\nthis.onChangetelefono = this.onChangetelefono.bind(this);\r\nthis.onChangeFechaRegistro = this.onChangeFechaRegistro.bind(this);\r\nthis.onChangeNoFolio = this.onChangeNoFolio.bind(this);\r\nthis.onChangeNoOficio = this.onChangeNoOficio.bind(this);\r\nthis.onChangeEstatusActual = this.onChangeEstatusActual.bind(this);\r\nthis.onChangeAsuntos = this.onChangeEstatusActual.bind(this);\r\nthis.onChangeObservaciones = this.onChangeObservaciones.bind(this);\r\nthis.onChangeEmisor = this.onChangeEmisor.bind(this);\r\n\r\nthis.onChangeGiro = this.onChangeGiro.bind(this);\r\nthis.onSubmit = this.onSubmit.bind(this);\r\n\r\nthis.onChangeNoFolio = this.onChangeNoFolio.bind(this);\r\nthis.onChangeNoOficio = this.onChangeNoOficio.bind(this);\r\nthis.onChangeFechaDocumento = this.onChangeFechaDocumento.bind(this);\r\nthis.onChangeFechaExpiracion = this.onChangeFechaExpiracion.bind(this);\r\n\r\nthis.onChangeCategorias = this.onChangeCategorias.bind(this);\r\nthis.onChangeSubCategorias = this.onChangeSubCategorias.bind(this);\r\nthis.onChangeColonias = this.onChangeColonias.bind(this);\r\nthis.onChangeMunicios = this.onChangeMunicios.bind(this);\r\nthis.onChangeAreas = this.onChangeAreas.bind(this);\r\nthis.onChangeForaneo=this.onChangeForaneo.bind(this);\r\n\r\n\r\nthis.onChangePersona = this.onChangePersona.bind(this);\r\nthis.onChangenombre = this.onChangenombre.bind(this);\r\nthis.onChangetelefono = this.onChangetelefono.bind(this);\r\nthis.onChangedomicilio = this.onChangedomicilio.bind(this);\r\nthis.onChangerfc = this.onChangerfc.bind(this);\r\nthis.onChangecorreo = this.onChangecorreo.bind(this);\r\nthis.onChangeapoderado = this.onChangeapoderado.bind(this);\r\nthis.onChangecalle = this.onChangecalle.bind(this);\r\nthis.onChangeno = this.onChangeno.bind(this);\r\nthis.onChangecolonia = this.onChangecolonia.bind(this);\r\nthis.onChangecodigoPostal = this.onChangecodigoPostal.bind(this);\r\nthis.onChangelocalidad = this.onChangelocalidad.bind(this);\r\nthis.onChangeentreCalle = this.onChangeentreCalle.bind(this);\r\nthis.onChangeyCalle = this.onChangeyCalle.bind(this);\r\nthis.onChangeinversion = this.onChangeinversion.bind(this);\r\nthis.onChangeobservaciones = this.onChangeobservaciones.bind(this);\r\nthis.onChangedenominacionComercial = this.onChangedenominacionComercial.bind(this);\r\nthis.onChangetipoEstablecimiento = this.onChangetipoEstablecimiento.bind(this);\r\n\r\nthis.onChangemedidas = this.onChangemedidas.bind(this);\r\nthis.onChangeAforo = this.onChangeAforo.bind(this);\r\nthis.onChangerazonsocial = this.onChangerazonsocial.bind(this);\r\nthis.onChangeclavecatastral = this.onChangeclavecatastral.bind(this);\r\n\r\n\r\nthis.onChangeemp_recolectora = this.onChangeemp_recolectora.bind(this);\r\nthis.onChangefast_track = this.onChangefast_track.bind(this);\r\nthis.onChangerazons_recolector = this.onChangerazons_recolector.bind(this);\r\nthis.onChangeticket_recolector = this.onChangeticket_recolector.bind(this);\r\nthis.onChangepapel_dia = this.onChangepapel_dia.bind(this);\r\nthis.onChangepapel_sem = this.onChangepapel_sem.bind(this);\r\nthis.onChangepapel_mes = this.onChangepapel_mes.bind(this);\r\nthis.onChangeplastico_dia = this.onChangeplastico_dia.bind(this);\r\nthis.onChangeplastico_sem = this.onChangeplastico_sem.bind(this);\r\nthis.onChangeplastico_mes = this.onChangeplastico_mes.bind(this);\r\nthis.onChangevidrio_dia = this.onChangevidrio_dia.bind(this);\r\nthis.onChangevidrio_sem = this.onChangevidrio_sem.bind(this);\r\nthis.onChangevidrio_mes = this.onChangevidrio_mes.bind(this);\r\nthis.onChangecarton_dia = this.onChangecarton_dia.bind(this);\r\nthis.onChangecarton_sem = this.onChangecarton_sem.bind(this);\r\nthis.onChangecarton_mes = this.onChangecarton_mes.bind(this);\r\nthis.onChangeorganico_dia = this.onChangeorganico_dia.bind(this);\r\nthis.onChangeorganico_sem = this.onChangeorganico_sem.bind(this);\r\nthis.onChangeorganico_mes = this.onChangeorganico_mes.bind(this);\r\nthis.onChangeotros_dia = this.onChangeotros_dia.bind(this);\r\nthis.onChangeotros_sem = this.onChangeotros_sem.bind(this);\r\nthis.onChangeotros_mes = this.onChangeotros_mes.bind(this);\r\n\r\nthis.onChangeob_papel = this.onChangeob_papel.bind(this);\r\nthis.onChangeob_plastico = this.onChangeob_plastico.bind(this);\r\nthis.onChangeob_vidrio = this.onChangeob_vidrio.bind(this);\r\nthis.onChangeob_carton = this.onChangeob_carton.bind(this);\r\nthis.onChangeob_organico = this.onChangeob_organico.bind(this);\r\nthis.onChangeob_otros = this.onChangeob_otros.bind(this);\r\n\r\nthis.onChangeEmisor = this.onChangeEmisor.bind(this);\r\nthis.onChangeAsuntos = this.onChangeAsuntos.bind(this);\r\nthis.onChangeObservaciones = this.onChangeObservaciones.bind(this);\r\n\r\n\r\nthis.onChangeTelefono = this.onChangeTelefono.bind(this);\r\nthis.onChangeNombre = this.onChangeNombre.bind(this);\r\nthis.onChangeApellidoPaterno = this.onChangeApellidoPaterno.bind(this);\r\nthis.onChangeApellidoMaterno = this.onChangeApellidoMaterno.bind(this);\r\nthis.onChangeEdad = this.onChangeEdad.bind(this);\r\nthis.onChangeCalle = this.onChangeCalle.bind(this);\r\nthis.onChangeNoCasa = this.onChangeNoCasa.bind(this);\r\nthis.onChangeColonia = this.onChangeColonia.bind(this);\r\nthis.onChangeEntreCalle1 = this.onChangeEntreCalle1.bind(this);\r\nthis.onChangeEntreCalle2 = this.onChangeEntreCalle2.bind(this);\r\nthis.onChangeAsunto = this.onChangeAsunto.bind(this);\r\nthis.onChangeObservaciones = this.onChangeObservaciones.bind(this);\r\nthis.onChangeArea = this.onChangeArea.bind(this);\r\nthis.onChangeCalleR = this.onChangeCalleR.bind(this); \r\nthis.onChangeNoR = this.onChangeNoR.bind(this); \r\nthis.onChangeEntreCalle1R = this.onChangeEntreCalle1R.bind(this); \r\nthis.onChangeEntreCalle2R = this.onChangeEntreCalle2R.bind(this); \r\n\r\nthis.onChangeFechaNacimiento = this.onChangeFechaNacimiento.bind(this);\r\nthis.onChangeCorreo = this.onChangeCorreo.bind(this);\r\nthis.onChangeRFC = this.onChangeRFC.bind(this);\r\nthis.onChangeCURP = this.onChangeCURP.bind(this);\r\nthis.onChangePreguntaSeguridad = this.onChangePreguntaSeguridad.bind(this);\r\nthis.onChangeRespuesta = this.onChangeRespuesta.bind(this);\r\n\r\n\r\n//this.onChangenombreNegocio = this.onChangenombreNegocio.bind(this);\r\n//this.onChangetelefonoNegocio = this.onChangetelefonoNegocio.bind(this);\r\n\r\nthis.handleShow = this.handleShow.bind(this);\r\n this.handleClose = this.handleClose.bind(this);\r\n\r\n this.state = {\r\n value: '',\r\n FechaRegistro: '',\r\n \r\n show: false,\r\n Categorias :[{descripcion : \"CON COPIA PARA P.\", id :0},\r\n {descripcion : \"LEGALES\", id :7},\r\n {descripcion : \"AUDITORIA\", id :8},\r\n {descripcion : \"INVITACIONES\", id :9},\r\n {descripcion : \"PETICIONES\", id :10},\r\n {descripcion : \"GENERAL\", id :35},\r\n {descripcion : \"GESTION\", id :36},\r\n ],\r\n NoFolio: '',\r\n fast_track:'',\r\n nombre:'',\r\n domicilio:'',\r\n telefono:'',\r\n NoOficio: '',\r\n EstatusActual: '',\r\n Asuntos:'',\r\n Observaciones:'',\r\n Emisor:'',\r\n RD : \"\",\r\n Personas : \"\",\r\n Persona : \"\",\r\n id_oficio: \"\",\r\n Giro : [],\r\n value3 : \"\",\r\n Categoria : \"\",\r\n inversion: \"\",\r\n rfc: \"\",\r\n calle: \"\",\r\n no: \"\",\r\n colonia: \"\",\r\n codigoPostal: \"\",\r\n localidad: \"\",\r\n entreCalle: \"\",\r\n yCalle: \"\",\r\n denominacionComercial: \"\",\r\n tipoEstablecimiento: \"\",\r\n apoderado : \"\",\r\n correo : \"\",\r\n FechaExpiracion: \"\",\r\n longitud:0,\r\n latitud:0,\r\n area:'',\r\n medidas:'',\r\n Aforo:'',\r\n razonsocial:'',\r\n clavecatastral:'',\r\n //nombreNegocio:'',\r\n //telefonoNegocio:'',\r\n\r\n address: '',\r\n city: '',\r\n area: '',\r\n state: '',\r\n zoom: 19,\r\n height: 400,\r\n mapPosition: {\r\n lat: 0,\r\n lng: 0,\r\n },\r\n markerPosition: {\r\n lat: 0,\r\n lng: 0,\r\n },\r\n\r\n emp_recolectora:'',\r\n ticket_recolector:'',\r\n razons_recolector:'',\r\n papel_dia:'',\r\n papel_sem:'',\r\n papel_mes:'',\r\n plastico_dia:'',\r\n plastico_sem:'',\r\n plastico_mes:'',\r\n vidrio_dia:'',\r\n vidrio_sem:'',\r\n vidrio_mes:'',\r\n carton_dia:'',\r\n carton_sem:'',\r\n carton_mes:'',\r\n organico_dia:'',\r\n organico_sem:'',\r\n organico_mes:'',\r\n otros_dia:'',\r\n otros_sem:'',\r\n otros_mes:'',\r\n ob_papel:'',\r\n ob_plastico:'',\r\n ob_vidrio:'',\r\n ob_carton:'',\r\n ob_organico:'',\r\n ob_otros:'',\r\n Telefono:'',\r\n Nombre:'',\r\n ApellidoPaterno:'',\r\n ApellidoMaterno:'',\r\n Edad:'',\r\n Calle:'',\r\n NoCasa:'',\r\n Colonia:'',\r\n Correo:'',\r\n EntreCalle1:'',\r\n EntreCalle2:'',\r\n Foraneo:'',\r\n Asunto:'',\r\n Observaciones:'',\r\n Area:'',\r\n FechaNacimiento:'',\r\n RFC:'',\r\n CURP:'',\r\n PreguntaSeguridad:'',\r\n Respuesta:'',\r\n \r\n CalleR:'',\r\n NoR:'',\r\n EntreCalle1R:'',\r\n EntreCalle2R:'',\r\n boton:true,\r\n\r\n\r\n Municipios:[],\r\n Categorias:[],\r\n SubCategorias:[],\r\n Colonias:[],\r\n Areas:[],\r\n\r\n vmunicio:{id_municipio:0,nombre:''},\r\n vcategorias:{id_categoria:0,categoria:''},\r\n vsubcategorias:{id:0,subcategoria:''},\r\n vcolonias:{id:0,nombre:''},\r\n vareas:{id_area:0,nombre:''},\r\n foraneo:''\r\n \r\n }\r\n\r\n \r\n\r\n}\r\n handleClose() {\r\n this.setState({ show: false });\r\n }\r\n \r\n handleShow() {\r\n this.setState({ show: true });\r\n }\r\n\r\n \r\n componentDidMount(){\r\n console.log(\"idoficio\");\r\n console.log(this.props.id_oficio)\r\n \r\n\r\n\r\nlet or={id:this.props.obj.usuario_reporta};\r\nconsole.log(\"ID obj\")\r\nconsole.log(or);\r\n GetUsuariosID(or).then(response => {\r\n console.log(\"Datos ID Reporte\")\r\n console.log(response);\r\n this.setState({ \r\n //Areas:response,\r\n Telefono:response[0].telefono,\r\n Nombre:response[0].nombre,\r\n ApellidoPaterno:response[0].ap_paterno,\r\n ApellidoMaterno:response[0].ap_materno,\r\n FechaNacimiento:response[0].fechaNac,\r\n Edad:response[0].edad,\r\n Calle:response[0].calle,\r\n NoCasa:response[0].no,\r\n Colonia:response[0].colonia,\r\n EntreCalle1:response[0].entrecalle1,\r\n EntreCalle2:response[0].entrecalle2,\r\n foraneo:response[0].foraneo,\r\n Asunto:response[0].asunto,\r\n Observaciones:response[0].observaciones,\r\n Correo:response[0].correo,\r\n RFC:response[0].RFC,\r\n CURP:response[0].CURP,\r\n PreguntaSeguridad:response[0].preguntan,\r\n Respuesta:response[0].respuesta\r\n\r\n })\r\n \r\n\r\n\r\n\r\n \r\n \r\n }).catch(err => console.log(err));\r\n\r\n}\r\n\r\ngetgft(giro){\r\n let g=this.state.Giro;\r\n let bg=g.filter(d=>d.GIRO==giro);\r\nlet gce=bg[0];\r\n console.log(\"giro a buscar\");\r\n console.log(giro);\r\n\r\n console.log(\"giro encontrado\");\r\n console.log(gce);\r\n\r\n if(gce['IDENTIFICACION DE GIRO']==101){\r\n console.log(\"smn\")\r\n this.setState({fast_track:'S'})\r\n }else{\r\n console.log(\"no es ft\")\r\n this.setState({fast_track:'N'})\r\n }\r\n\r\n}\r\n\r\nonChangeGiro(GIRO) {\r\n console.log(GIRO);\r\n\r\nlet { Giro} = this.state;\r\n\r\nlet newOption = GIRO\r\nthis.getgft(newOption.GIRO);\r\nthis.setState({\r\n value3: newOption, \r\n Giro: [...Giro],\r\n otro: Giro.filter(tipo => tipo.GIRO.toLowerCase().includes(GIRO.GIRO.toLowerCase()))\r\n})\r\n}\r\n\r\nonChangeFechaRegistro(e) {\r\n this.setState({\r\n NoFolio: e.target.value\r\n });\r\n }\r\n onChangeNoFolio(e) {\r\n this.setState({\r\n NoFolio: e.target.value\r\n });\r\n }\r\n onChangeNoOficio(e) {\r\n this.setState({\r\n NoOficio: e.target.value\r\n }) \r\n }\r\n onChangeEstatusActual(e) {\r\n this.setState({\r\n EstatusActual: e.target.value\r\n })\r\n }\r\n onChangeAsuntos(e) {\r\n this.setState({\r\n Asuntos: e.target.value\r\n })\r\n }\r\n onChangeObservaciones(e) {\r\n this.setState({\r\n Observaciones: e.target.value\r\n })\r\n }\r\n onChangenombre(e) {\r\n this.setState({\r\n nombre: e.target.value\r\n });\r\n }\r\n onChangedomicilio(e) {\r\n this.setState({\r\n domicilio: e.target.value\r\n });\r\n }\r\n onChangetelefono(e) {\r\n this.setState({\r\n telefono: e.target.value\r\n });\r\n }\r\n onChangeEmisor(e) {\r\n this.setState({\r\n Emisor: e.target.value\r\n })\r\n }\r\n onChangeFechaDocumento(e) {\r\n this.setState({\r\n FechaDocumento: e.target.value\r\n }) \r\n }\r\n\r\n onChangemedidas(e) {\r\n this.setState({\r\n medidas: e.target.value\r\n });\r\n }\r\n onChangeAforo(e) {\r\n this.setState({\r\n Aforo: e.target.value\r\n });\r\n }\r\n onChangerazonsocial(e) {\r\n this.setState({\r\n razonsocial: e.target.value\r\n });\r\n }\r\n onChangeclavecatastral(e) {\r\n this.setState({\r\n clavecatastral: e.target.value\r\n });\r\n }\r\n onChangeTelefono(e) {\r\n this.setState({\r\n Telefono: e.target.value\r\n });\r\n }\r\n onChangeNombre(e) {\r\n this.setState({\r\n Nombre: e.target.value\r\n });\r\n }\r\n onChangeApellidoPaterno(e) {\r\n this.setState({\r\n ApellidoPaterno: e.target.value\r\n });\r\n }\r\n onChangeApellidoMaterno(e) {\r\n this.setState({\r\n ApellidoMaterno: e.target.value\r\n });\r\n }\r\n onChangeEdad(e) {\r\n this.setState({\r\n Edad: e.target.value\r\n });\r\n }\r\n onChangeCalle(e) {\r\n this.setState({\r\n Calle: e.target.value\r\n });\r\n }\r\n onChangeNoCasa(e) {\r\n this.setState({\r\n NoCasa: e.target.value\r\n });\r\n }\r\n onChangeColonia(e) {\r\n this.setState({\r\n Colonia: e.target.value\r\n });\r\n }\r\n onChangeEntreCalle1(e) {\r\n this.setState({\r\n EntreCalle1: e.target.value\r\n });\r\n }\r\n onChangeEntreCalle2(e) {\r\n this.setState({\r\n EntreCalle2: e.target.value\r\n });\r\n }\r\n \r\n onChangeAsunto(e) {\r\n this.setState({\r\n Asunto: e.target.value\r\n });\r\n }\r\n onChangeObservaciones(e) {\r\n this.setState({\r\n Observaciones: e.target.value\r\n });\r\n }\r\n onChangeArea(e) {\r\n this.setState({\r\n Area: e.target.value\r\n });\r\n }\r\n onChangeCalleR(e) {\r\n this.setState({\r\n CalleR: e.target.value\r\n });\r\n }\r\n onChangeNoR(e) {\r\n this.setState({\r\n NoR: e.target.value\r\n });\r\n }\r\n onChangeEntreCalle1R(e) {\r\n this.setState({\r\n EntreCalle1R: e.target.value\r\n });\r\n }\r\n onChangeEntreCalle2R(e) {\r\n this.setState({\r\n EntreCalle2R: e.target.value\r\n });\r\n }\r\n\r\n onChangeFechaNacimiento(e) {\r\n this.setState({\r\n FechaNacimiento: e.target.value\r\n });\r\n }\r\n onChangeCorreo(e) {\r\n this.setState({\r\n Correo: e.target.value\r\n });\r\n }\r\n\r\n onChangeRFC(e) {\r\n this.setState({\r\n RFC: e.target.value\r\n });\r\n }\r\n\r\n \r\n onChangeCURP(e) {\r\n this.setState({\r\n CURP: e.target.value\r\n });\r\n }\r\n onChangePreguntaSeguridad(e) {\r\n this.setState({\r\n PreguntaSeguridad: e.target.value\r\n });\r\n }\r\n onChangeRespuesta(e) {\r\n this.setState({\r\n Respuesta: e.target.value\r\n });\r\n }\r\n \r\n\r\n /*\r\nonChangenombreNegocio(e) {\r\n this.setState({\r\n nombreNegocio: e.target.value\r\n });\r\n }\r\n onChangetelefonoNegocio(e) {\r\n this.setState({\r\n telefonoNegocio: e.target.value\r\n });\r\n }\r\n */\r\n onChangeFechaExpiracion(e) {\r\n this.setState({\r\n FechaExpiracion: e.target.value\r\n }) \r\n }\r\n\r\n\r\n onChangeCategorias(descripcion) {\r\n console.log(descripcion);\r\n let { Categorias} = this.state;\r\n \r\n let newOption = descripcion;\r\n \r\n this.setState({\r\n vcategorias: newOption, \r\n Categorias: [...Categorias],\r\n otro: Categorias.filter(tipo => tipo.categoria.toLowerCase().includes(descripcion.categoria.toLowerCase()))\r\n })\r\n }\r\n \r\n onChangeSubCategorias(descripcion) {\r\n console.log(descripcion);\r\n let { SubCategorias} = this.state;\r\n \r\n let newOption = descripcion;\r\n \r\n this.setState({\r\n vsubcategorias: newOption, \r\n SubCategorias: [...SubCategorias],\r\n otro2: SubCategorias.filter(tipo => tipo.subcategoria.toLowerCase().includes(descripcion.subcategoria.toLowerCase()))\r\n })\r\n }\r\n \r\n \r\n onChangeColonias(descripcion) {\r\n console.log(descripcion);\r\n let { Colonias} = this.state;\r\n \r\n let newOption = descripcion;\r\n \r\n this.setState({\r\n vcolonias: newOption, \r\n Colonias: [...Colonias],\r\n otro3: Colonias.filter(tipo => tipo.nombre.toLowerCase().includes(descripcion.nombre.toLowerCase()))\r\n })\r\n }\r\n \r\n onChangeMunicios(descripcion) {\r\n console.log(descripcion);\r\n let { Municipios} = this.state;\r\n \r\n let newOption = descripcion;\r\n \r\n this.setState({\r\n vmunicio: newOption, \r\n Municipios: [...Municipios],\r\n otro4: Municipios.filter(tipo => tipo.nombre.toLowerCase().includes(descripcion.nombre.toLowerCase()))\r\n })\r\n }\r\n \r\n onChangeForaneo(e) {\r\n this.setState({\r\n foraneo: e.target.value\r\n })\r\n }\r\n\r\n onChangeAreas(descripcion) {\r\n console.log(descripcion);\r\n let { Areas} = this.state;\r\n \r\n let newOption = descripcion;\r\n \r\n this.setState({\r\n vareas: newOption, \r\n Areas: [...Areas],\r\n otro5: Areas.filter(tipo => tipo.nombre.toLowerCase().includes(descripcion.nombre.toLowerCase()))\r\n })\r\n }\r\n\r\n onChangePersona(e) {\r\n this.setState({\r\n Persona: e.target.value\r\n }) \r\n }\r\n\r\n onChangerfc(e) {\r\n this.setState({\r\n rfc: e.target.value\r\n }) \r\n }\r\n onChangecorreo(e) {\r\n this.setState({\r\n correo: e.target.value\r\n }) \r\n }\r\n onChangeapoderado(e) {\r\n this.setState({\r\n apoderado: e.target.value\r\n }) \r\n }\r\n onChangecalle(e) {\r\n this.setState({\r\n calle: e.target.value\r\n }) \r\n }\r\n onChangeentreCalle(e) {\r\n this.setState({\r\n entreCalle: e.target.value\r\n }) \r\n }\r\n onChangeyCalle(e) {\r\n this.setState({\r\n yCalle: e.target.value\r\n }) \r\n }\r\n onChangeno(e) {\r\n this.setState({\r\n no: e.target.value\r\n }) \r\n }\r\n onChangecolonia(e) {\r\n this.setState({\r\n colonia: e.target.value\r\n }) \r\n }\r\n onChangecodigoPostal(e) {\r\n this.setState({\r\n codigoPostal: e.target.value\r\n }) \r\n }\r\n onChangelocalidad(e) {\r\n this.setState({\r\n localidad: e.target.value\r\n }) \r\n }\r\n\r\n \r\n onChangeinversion(e) {\r\n this.setState({\r\n inversion: e.target.value\r\n }) \r\n }\r\n onChangeobservaciones(e) {\r\n this.setState({\r\n observaciones: e.target.value\r\n }) \r\n }\r\n onChangedenominacionComercial(e) {\r\n this.setState({\r\n denominacionComercial: e.target.value\r\n }) \r\n }\r\n onChangetipoEstablecimiento(e) {\r\n this.setState({\r\n tipoEstablecimiento: e.target.value\r\n }) \r\n }\r\n\r\n onChangeemp_recolectora(e) {\r\n this.setState({\r\n emp_recolectora: e.target.value\r\n }) \r\n }\r\n\r\n onChangefast_track(e) {\r\n this.setState({\r\n fast_track: e.target.value\r\n }) \r\n }\r\n onChangeticket_recolector(e) {\r\n this.setState({\r\n ticket_recolector: e.target.value\r\n }) \r\n }\r\n onChangerazons_recolector(e) {\r\n this.setState({\r\n razons_recolector: e.target.value\r\n }) \r\n }\r\n onChangepapel_dia(e) {\r\n this.setState({\r\n papel_dia: e.target.value\r\n }) \r\n }\r\n onChangepapel_sem(e) {\r\n this.setState({\r\n papel_sem: e.target.value\r\n }) \r\n }\r\n onChangepapel_mes(e) {\r\n this.setState({\r\n papel_mes: e.target.value\r\n }) \r\n }\r\n onChangeplastico_dia(e) {\r\n this.setState({\r\n plastico_dia: e.target.value\r\n }) \r\n }\r\n onChangeplastico_sem(e) {\r\n this.setState({\r\n plastico_sem: e.target.value\r\n }) \r\n }\r\n onChangeplastico_mes(e) {\r\n this.setState({\r\n plastico_mes: e.target.value\r\n }) \r\n }\r\n onChangevidrio_dia(e) {\r\n this.setState({\r\n vidrio_dia: e.target.value\r\n }) \r\n }\r\n onChangevidrio_sem(e) {\r\n this.setState({\r\n vidrio_sem: e.target.value\r\n }) \r\n }\r\n onChangevidrio_mes(e) {\r\n this.setState({\r\n vidrio_mes: e.target.value\r\n }) \r\n }\r\n onChangecarton_dia(e) {\r\n this.setState({\r\n carton_dia: e.target.value\r\n }) \r\n }\r\n onChangecarton_sem(e) {\r\n this.setState({\r\n carton_sem: e.target.value\r\n }) \r\n }\r\n onChangecarton_mes(e) {\r\n this.setState({\r\n carton_mes: e.target.value\r\n }) \r\n }\r\n onChangeorganico_dia(e) {\r\n this.setState({\r\n organico_dia: e.target.value\r\n }) \r\n }\r\n onChangeorganico_sem(e) {\r\n this.setState({\r\n organico_sem: e.target.value\r\n }) \r\n }\r\n onChangeorganico_mes(e) {\r\n this.setState({\r\n organico_mes: e.target.value\r\n }) \r\n }\r\n onChangeotros_dia(e) {\r\n this.setState({\r\n otros_dia: e.target.value\r\n }) \r\n }\r\n onChangeotros_sem(e) {\r\n this.setState({\r\n otros_sem: e.target.value\r\n }) \r\n }\r\n onChangeotros_mes(e) {\r\n this.setState({\r\n otros_mes: e.target.value\r\n }) \r\n }\r\n onChangeob_papel(e) {\r\n this.setState({\r\n ob_papel: e.target.value\r\n }) \r\n }\r\n onChangeob_plastico(e) {\r\n this.setState({\r\n ob_plastico: e.target.value\r\n }) \r\n }onChangeob_vidrio(e) {\r\n this.setState({\r\n ob_vidrio: e.target.value\r\n }) \r\n }\r\n onChangeob_carton(e) {\r\n this.setState({\r\n ob_carton: e.target.value\r\n }) \r\n }\r\n onChangeob_organico(e) {\r\n this.setState({\r\n ob_organico: e.target.value\r\n }) \r\n }\r\n onChangeob_otros(e) {\r\n this.setState({\r\n ob_otros: e.target.value\r\n }) \r\n }\r\n\r\n\r\n\r\n\r\n onSubmit() {\r\n //e.preventDefault();\r\n\r\n // en el obj solo metele los datos q se van a editar\r\n const obj = {\r\n \r\n id_oficio :this.props.obj.id_oficio,\r\n telefono: this.state.Telefono,\r\n nombre: this.state.Nombre,\r\n ap_paterno:this.state.ApellidoPaterno,\r\n ap_materno:this.state.ApellidoMaterno,\r\n fechaNac:this.state.Fecha,\r\n edad:this.state.Edad,\r\n calle: this.state.Calle,\r\n no: this.state.NoCasa,\r\n colonia: this.state.vcolonias.id,\r\n entrecalle1: this.state.EntreCalle1,\r\n entrecalle2: this.state.EntreCalle2,\r\n municipio:this.state.vmunicio.id_municipio,\r\n foraneo:this.state.foraneo,\r\n asunto:this.state.Asunto,\r\n observaciones: this.state.Observaciones,\r\n categoria:this.state.vcategorias.id_categoria,\r\n subcategoria:this.state.vsubcategorias.id,\r\n area:this.state.vareas.id_area,\r\n gestor:1\r\n };\r\n\r\n console.log(\"Datos Actualizar\");\r\n console.log(obj);\r\n\r\n \r\n ActAtencionReporte(obj).then(response => {\r\n\r\n console.log(\"actualizar<<><\")\r\n console.log(response);\r\n\r\n alert(\"Actualizado!\");\r\n this.props.actArr();\r\n }).catch(err => console.log(err));\r\n \r\n \r\n }\r\n\r\n getCity = (addressArray) => {\r\n let city = '';\r\n for (let i = 0; i < addressArray.length; i++) {\r\n if (addressArray[i].types[0] && 'administrative_area_level_2' === addressArray[i].types[0]) {\r\n city = addressArray[i].long_name;\r\n return city;\r\n }\r\n }\r\n};\r\n\r\ngetArea = (addressArray) => {\r\n let area = '';\r\n for (let i = 0; i < addressArray.length; i++) {\r\n if (addressArray[i].types[0]) {\r\n for (let j = 0; j < addressArray[i].types.length; j++) {\r\n if ('sublocality_level_1' === addressArray[i].types[j] || 'locality' === addressArray[i].types[j]) {\r\n area = addressArray[i].long_name;\r\n return area;\r\n }\r\n }\r\n }\r\n }\r\n};\r\n\r\ngetState = (addressArray) => {\r\n let state = '';\r\n for (let i = 0; i < addressArray.length; i++) {\r\n for (let i = 0; i < addressArray.length; i++) {\r\n if (addressArray[i].types[0] && 'administrative_area_level_1' === addressArray[i].types[0]) {\r\n state = addressArray[i].long_name;\r\n return state;\r\n }\r\n }\r\n }\r\n};\r\n\r\nonChange = (event) => {\r\n this.setState({ [event.target.name]: event.target.value });\r\n};\r\n\r\nonInfoWindowClose = (event) => { };\r\n\r\nonMarkerDragEnd = (event) => {\r\n let newLat = event.latLng.lat(),\r\n newLng = event.latLng.lng();\r\n\r\n Geocode.fromLatLng(newLat, newLng).then(\r\n response => {\r\n const address = response.results[0].formatted_address,\r\n addressArray = response.results[0].address_components,\r\n city = this.getCity(addressArray),\r\n area = this.getArea(addressArray),\r\n state = this.getState(addressArray);\r\n this.setState({\r\n address: (address) ? address : '',\r\n area: (area) ? area : '',\r\n city: (city) ? city : '',\r\n state: (state) ? state : '',\r\n markerPosition: {\r\n lat: newLat,\r\n lng: newLng\r\n },\r\n mapPosition: {\r\n lat: newLat,\r\n lng: newLng\r\n },\r\n })\r\n },\r\n error => {\r\n console.error(error);\r\n }\r\n );\r\n};\r\n\r\nonPlaceSelected = (place) => {\r\n\r\n console.log('plc', place);\r\n const address = place.formatted_address,\r\n addressArray = place.address_components,\r\n city = this.getCity(addressArray),\r\n area = this.getArea(addressArray),\r\n state = this.getState(addressArray),\r\n latValue = place.geometry.location.lat(),\r\n lngValue = place.geometry.location.lng();\r\n\r\n console.log('latvalue', latValue)\r\n console.log('lngValue', lngValue)\r\n\r\n // Set these values in the state.\r\n this.setState({\r\n address: (address) ? address : '',\r\n area: (area) ? area : '',\r\n city: (city) ? city : '',\r\n state: (state) ? state : '',\r\n markerPosition: {\r\n lat: latValue,\r\n lng: lngValue\r\n },\r\n mapPosition: {\r\n lat: latValue,\r\n lng: lngValue\r\n },\r\n })\r\n};\r\n\r\n// const AsyncMap = compose(\r\n// withProps({\r\n// googleMapURL: \"https://maps.googleapis.com/maps/api/js?key=AIzaSyALVjLwOIM1gf7EzdJJVmWLKdLP-yZGTcw&v=3.exp&libraries=geometry,drawing,places\",\r\n// loadingElement: ,\r\n// containerElement: ,\r\n// mapElement: ,\r\n// }),\r\n// withScriptjs,\r\n// withGoogleMap\r\n// )((props) =>\r\n// \r\n {this.state.address}\r\n
\r\n \r\n\r\n */}\r\n Hello There!
\r\n */}\r\n\r\n\r\n {/* For Auto complete Search Box */}\r\n \r\n \r\n )\r\n )\r\n );\r\n\r\n return (\r\n\r\n\r\n \r\n \r\n\r\n \r\n \r\n \r\n
\r\n )\r\n }\r\n}","import React from 'react';\r\nimport { makeStyles } from '@material-ui/core/styles';\r\nimport Stepper from '@material-ui/core/Stepper';\r\nimport Step from '@material-ui/core/Step';\r\nimport StepLabel from '@material-ui/core/StepLabel';\r\nimport Button from '@material-ui/core/Button';\r\nimport Typography from '@material-ui/core/Typography';\r\n\r\nimport {GetSeguimientoOficio} from '../../services/SecurityService';\r\n\r\nconst useStyles = makeStyles(theme => ({\r\n root: {\r\n width: '90%',\r\n },\r\n button: {\r\n marginRight: theme.spacing(1),\r\n color:'#FFFFF',\r\n\r\n \r\n },\r\n instructions: {\r\n marginTop: theme.spacing(1),\r\n marginBottom: theme.spacing(1),\r\n },\r\n}));\r\n\r\nfunction getSteps(id_oficio) {\r\n let seguimiento = {id_oficio : id_oficio}\r\n GetSeguimientoOficio(seguimiento).then(response => {\r\n console.log(\"Aqui esta el Seguimiento\")\r\n console.log(response.map(d => d.Estatus));\r\n}).catch(err => console.log(err)); \r\n return ['Oficio Registrado', 'Oficio Turnado', 'Oficio Finalizado'];\r\n}\r\n\r\nfunction getStepContent(step) {\r\n switch (step) {\r\n case 0:\r\n return 'Oficio Registrado';\r\n case 1:\r\n return 'Oficio Turnado';\r\n case 2:\r\n return 'Oficio Turnado';\r\n default:\r\n return 'Oficio Finalizado';\r\n }\r\n}\r\n\r\nexport default function HorizontalLinearStepper(props) {\r\n const classes = useStyles();\r\n const [activeStep, setActiveStep] = React.useState(0);\r\n const [skipped, setSkipped] = React.useState(new Set());\r\n const steps = getSteps(props.id_oficio);\r\n\r\n function isStepOptional(step) {\r\n return step === 1;\r\n }\r\n\r\n function isStepSkipped(step) {\r\n return skipped.has(step);\r\n }\r\n\r\n function handleNext() {\r\n let newSkipped = skipped;\r\n if (isStepSkipped(activeStep)) {\r\n newSkipped = new Set(newSkipped.values());\r\n newSkipped.delete(activeStep);\r\n }\r\n\r\n setActiveStep(prevActiveStep => prevActiveStep + 1);\r\n setSkipped(newSkipped);\r\n }\r\n\r\n function handleBack() {\r\n setActiveStep(prevActiveStep => prevActiveStep - 1);\r\n }\r\n\r\n function handleSkip() {\r\n if (!isStepOptional(activeStep)) {\r\n // You probably want to guard against something like this,\r\n // it should never occur unless someone's actively trying to break something.\r\n throw new Error(\"You can't skip a step that isn't optional.\");\r\n }\r\n\r\n setActiveStep(prevActiveStep => prevActiveStep + 1);\r\n setSkipped(prevSkipped => {\r\n const newSkipped = new Set(prevSkipped.values());\r\n newSkipped.add(activeStep);\r\n return newSkipped;\r\n });\r\n }\r\n\r\n function handleReset() {\r\n setActiveStep(0);\r\n }\r\n\r\n return (\r\n \r\n \r\n {steps.map((label, index) => {\r\n const stepProps = {};\r\n const labelProps = {};\r\n if (isStepOptional(index)) {\r\n labelProps.optional = Opcional ;\r\n }\r\n if (isStepSkipped(index)) {\r\n stepProps.completed = false;\r\n }\r\n return (\r\n \r\n {label} \r\n \r\n );\r\n })}\r\n \r\n
\r\n );\r\n}\r\n\r\n","import React, { Component } from 'react';\r\nimport { Link } from 'react-router-dom';\r\nimport 'react-widgets/dist/css/react-widgets.css';\r\nimport {Modal,Button} from 'react-bootstrap';\r\nimport {ButtonToolbar,Dropdown,SplitButton,ReactBootstrapStyle} from 'react-bootstrap';\r\n\r\nimport TurnarOficio from './TurnarOficio';\r\nimport DatosOficio from './DatosOficio';\r\nimport Seguimiento from './Seguimiento';\r\nimport TipoIcon from '@material-ui/icons/BookRounded';\r\nimport Fab from '@material-ui/core/Fab';\r\nimport VerIcon from '@material-ui/icons/VisibilityRounded';\r\nimport DeleteForeverIcon from '@material-ui/icons/DeleteForever';\r\nimport IconButton from '@material-ui/core/IconButton';\r\nimport DeleteIcon from '@material-ui/icons/Delete';\r\nimport { DelArchivo} from '../../services/SecurityService';\r\n\r\nclass TableRowArchivo extends Component {\r\n\r\n constructor(props, context) {\r\n super(props, context);\r\n this.handleShow = this.handleShow.bind(this);\r\n this.handleClose = this.handleClose.bind(this);\r\n this.deld= this.deld.bind(this);\r\n this.state = {\r\n\r\n show: false,\r\n \r\n };\r\n }\r\n\r\n componentDidMount(){\r\nconsole.log(\"id de usuario documento<><><><\");\r\nconsole.log(this.props.obj.id_usuario);\r\n\r\n }\r\n\r\n\r\n handleClose() {\r\n this.setState({ show: false });\r\n }\r\n \r\n handleShow() {\r\n this.setState({ show: true });\r\n } \r\n\r\n deld() {\r\n console.log(\"a ver si recarga\");\r\n console.log(\"id doc\");\r\n console.log(this.props.obj.id);\r\n // this.props.onSubmit();\r\n \r\n let a={id_doc:this.props.obj.id}\r\n \r\n DelArchivo(a).then(response => {\r\n this.props.onSubmit();\r\n this.handleClose();\r\n }).catch(err => console.log(err))\r\n \r\n } \r\n render() {\r\n const { onSubmit } = this.props;\r\n let color;\r\n if(this.props.obj.id_usuario==449 ){\r\n color= \r\n {activeStep === steps.length ? (\r\n
\r\n \r\n \r\n Seguiento completado'Finalizado\r\n \r\n \r\n
\r\n ) : (\r\n \r\n {getStepContent(activeStep)} \r\n
\r\n )}\r\n \r\n \r\n {isStepOptional(activeStep) && (\r\n \r\n Saltar\r\n \r\n )}\r\n\r\n \r\n {activeStep === steps.length - 1 ? 'Finalizar' : 'Siguiente'}\r\n \r\n
\r\n {element2.nombre}
);\r\n \r\n }\r\n })\r\n\r\n })\r\n*/\r\n }\r\n\r\n else if(this.props.persona_fm==\"M\"){\r\n console.log(\"Aqui estan los archivos faltantes\")\r\n // console.log(this.state.documentosR);\r\nlet a = this.state.requisitosM.filter(val => !this.state.documentosR.includes(val))\r\n console.log(this.state.requisitosM.filter(val => !this.state.documentosR.includes(val)));\r\nlet R = this.state.Requisitos\r\n\r\nlet aqui=[];\r\nfor(let i=0;i\r\n \r\n \r\n \r\n
\r\n \r\n \r\n {a}\r\n
\r\n
\r\n\r\n \r\n Subir Documento \r\n \r\n \r\n\r\n \r\n this.onChangeAccionesATomar(descripcion)}\r\n textField=\"descripcion\"\r\n placeholder=\"Documento...\"\r\n />\r\n \r\n \r\n
\r\n \r\n \r\n \r\n {this.state.loading && \r\n \r\n\r\n
\r\n \r\n );\r\n }\r\n }","const isEmpty = (text) => {\r\n return text.length == 0;\r\n};\r\n\r\nconst isMail = (text) => {\r\n return /^\\w+([\\.-]?\\w+)*@\\w+([\\.-]?\\w+)*(\\.\\w{2,3})+$/.test(text);\r\n};\r\n\r\nconst isName = (text) => {\r\n return /^([a-zA-Z])+(\\s([a-zA-Z])+)*$/.test(text);\r\n};\r\n\r\nconst isNickName = (text) => {\r\n return /^[a-zA-Z]+(_|-|[0-9a-zA-Z])*$/.test(text);\r\n};\r\n\r\nconst isCellPhone = (text) => {\r\n return /^([0-9]{10}|([0-9]{3}-[0-9]{3}-[0-9]{2}-[0-9]{2})|([0-9]{3}\\s[0-9]{3}\\s[0-9]{2}\\s[0-9]{2}))$/.test(text);\r\n};\r\n\r\nconst isHomePhone = (text) => {\r\n return /^([0-9]{7}|([0-9]{3}-[0-9]{2}-[0-9]{2})|([0-9]{3}\\s[0-9]{2}\\s[0-9]{2}))$/.test(text);\r\n};\r\n\r\nexport {isEmpty, isMail, isName, isNickName, isCellPhone, isHomePhone};","import React, { Component } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport Grid from '@material-ui/core/Grid';\r\nimport { dictamenOficio, PostFile, registrarDocumento,ActAtencionS,ArchivoAtencionR} from '../../services/SecurityService';\r\nimport { DropdownList } from 'react-widgets';\r\nimport axios from \"axios\";\r\nimport { Link } from 'react-router-dom';\r\nimport { Redirect } from 'react-router-dom'\r\nimport {Modal,Button} from 'react-bootstrap'\r\nimport {isEmpty, isMail} from '../../config/helpers/Validations';\r\n\r\nimport RegistroDocumentos1 from './RegistroDocumentos1'\r\n\r\nimport RegistroDocumentos2 from './RegistroDocumentos2'\r\n\r\nimport CircularProgress from '@material-ui/core/CircularProgress';\r\n\r\n\r\nimport {withStyles,styled } from '@material-ui/core/styles';\r\n\r\nconst ColorButton = styled(Button)(({ theme }) => ({\r\n color: '#4885ed',\r\n borderColor: '#4885ed',\r\n '&:hover': {\r\n backgroundColor: '#4885ed',\r\n color:'#ffffff'\r\n },\r\n}));\r\nexport default class Dictamen extends Component {\r\n constructor(props) {\r\n super(props);\r\n \r\n this.state = {\r\n selectedFile: null\r\n }\r\n \r\n this.onChangeObservaciones = this.onChangeObservaciones.bind(this);\r\n this.onChangeDictamenR = this.onChangeDictamenR.bind(this);\r\n this.onChangeDictamen = this.onChangeDictamen.bind(this);\r\n \r\n this.onSubmit = this.onSubmit.bind(this);\r\n this.onChangeObservaciones = this.onChangeObservaciones.bind(this);\r\n\r\n this.loadingShow = this.loadingShow.bind(this);\r\n this.loadingClose = this.loadingClose.bind(this);\r\n \r\n\r\n \r\n\r\n this.state = {\r\n selectedFile: [],\r\n Observaciones:'',\r\n FechaDictamen:'',\r\n Dictamen: '',\r\n DictamenR :[{descripcion : \"POSITIVO\", id :5},\r\n {descripcion : \"NEGATIVO\", id :4},\r\n ],\r\n loading: false\r\n }\r\n \r\n }\r\n\r\n componentDidMount(){\r\n console.log(\"usuario dictamen respuesta\");\r\n console.log(this.props.iduser);\r\n\r\n console.log(\"id_seguimiento ------->>>>>>>>>>>>>>>>>>>><<<<<<<<<<<<<<<<\");\r\n console.log(this.props.obj.id_seguimiento);\r\n\r\n\r\n console.log(\"aqui esta el oficio r >><<<\");\r\n console.log(this.props.obj);\r\n \r\n}\r\n\r\nloadingClose() {\r\n this.setState({ loading: false });\r\n}\r\n\r\nloadingShow() {\r\n this.setState({ loading: true });\r\n}\r\n\r\n\r\n onChangeObservaciones(e) {\r\n this.setState({\r\n Observaciones: e.target.value\r\n });\r\n }\r\n/*\r\n onChangeFechaDictamen(e) {\r\n this.setState({\r\n FechaDictamen: e.target.value\r\n })\r\n }\r\n*/\r\n onChangeDictamenR(descripcion) {\r\n console.log(descripcion);\r\n let { DictamenR} = this.state;\r\n \r\n let newOption = descripcion;\r\n \r\n this.setState({\r\n value3: newOption, \r\n DictamenR: [...DictamenR],\r\n otro: DictamenR.filter(tipo => tipo.descripcion.toLowerCase().includes(descripcion.descripcion.toLowerCase()))\r\n })\r\n }\r\n\r\n\r\n\r\n\r\n onChangeDictamen(e){\r\n\r\n this.setState({\r\n Dictamen: e.target.files[0]\r\n })\r\n }\r\n\r\n \r\n\r\n\r\n\r\n onSubmit() {\r\n let idusr=this.props.iduser;\r\n this.loadingShow();\r\n const obj = {\r\n \r\n \r\n\r\n usuario: 453,\r\n observaciones: this.state.Observaciones,\r\n id_estatus : this.state.value3.id,\r\n id_oficio : this.props.obj.id_oficio,\r\n area:this.props.obj.area\r\n \r\n };\r\n\r\n\r\n console.log(\"obj dictamen\");\r\n console.log(obj);\r\n\r\n if(this.state.Dictamen!=''){\r\n PostFile(this.state.Dictamen).then(response => { \r\n console.log(\"Subir Archivo\");\r\n console.log(response);\r\n }).catch(err => console.log(err));\r\n }\r\n\r\n \r\n \r\n ActAtencionS(obj).then(response => {\r\n \r\n console.log(\"actualizar estatus\");\r\n console.log(response);\r\n \r\n \r\n let a={\r\n id_oficio:obj.id_oficio,documento:this.state.Dictamen.name,dictamenR:this.state.Observaciones,id_usuario:1\r\n }\r\n ArchivoAtencionR(a).then(response => {\r\n \r\n console.log(\"asd\");\r\n console.log(a);\r\n console.log(response);\r\n \r\n \r\n this.props.actArr();\r\n this.props.handleClose();\r\n }).catch(err => console.log(err)); \r\n \r\n\r\n }).catch(err => console.log(err));\r\n\r\n /* \r\n console.log(\"Respuets :\")\r\nconsole.log(obj)\r\nconsole.log(this.state.Dictamen)\r\n var doc;\r\n var doc2;\r\nif(this.state.value3.id ==5){\r\n doc = {id_documentos : 100, documento: this.state.Dictamen.name, id_oficio: this.props.id_oficio , dictamenR: this.state.Observaciones , id_usuario: this.props.id_usuario}\r\n doc2 = {id_documentos : 100, documento: this.state.Dictamen.name, id_oficio: this.props.id_oficio , dictamenR: this.state.Observaciones , id_usuario: 448}\r\n\r\n}\r\nelse if(this.state.value3.id==4){\r\n doc = {id_documentos : 101, documento: this.state.Dictamen.name, id_oficio: this.props.id_oficio , dictamenR: this.state.Observaciones , id_usuario: this.props.id_usuario}\r\n doc2 = {id_documentos : 101, documento: this.state.Dictamen.name, id_oficio: this.props.id_oficio , dictamenR: this.state.Observaciones , id_usuario: 448}\r\n\r\n}\r\nelse if(this.state.value3.id==14){\r\n doc = {id_documentos : 103, documento: this.state.Dictamen.name, id_oficio: this.props.id_oficio , dictamenR: this.state.Observaciones , id_usuario: this.props.id_usuario}\r\n doc2 = {id_documentos : 103, documento: this.state.Dictamen.name, id_oficio: this.props.id_oficio , dictamenR: this.state.Observaciones , id_usuario: 448}\r\n\r\n}\r\nif(idusr==470){\r\n console.log(\"ambos dgdue\");\r\n if(this.state.Dictamen==\"\" || this.state.Dictamen==null){\r\n dictamenOficio(obj).then(response => {\r\n let dobj={\r\n \r\n \r\n\r\n id_usuario: 453,\r\n dictamen: this.state.Observaciones,\r\n id_estatus : this.state.value3.id,\r\n id_oficio : this.props.id_oficio,\r\n id_usuario_registra : 448,\r\n id_seguimiento:this.props.obj.id_seguimiento\r\n \r\n };\r\n\r\n console.log(dobj);\r\n registrarDocumento(doc).then(response => {\r\n \r\n // alert(\"Enviado Respuesta : \"+this.state.value3.descripcion);\r\n // window.location.reload();\r\n \r\n \r\n \r\n }).catch(err => console.log(err)); \r\n \r\n dictamenOficio(dobj).then(response => {\r\n \r\n registrarDocumento(doc2).then(response => {\r\n \r\n alert(\"Enviado Respuesta : \"+this.state.value3.descripcion);\r\n window.location.reload();\r\n \r\n \r\n \r\n }).catch(err => console.log(err)); \r\n \r\n \r\n \r\n }).catch(err => console.log(err)); \r\n \r\n }).catch(err => console.log(err)); \r\n\r\n \r\n \r\n }else{\r\n dictamenOficio(obj).then(response => {\r\n let dobj={\r\n \r\n \r\n\r\n id_usuario: 453,\r\n dictamen: this.state.Observaciones,\r\n id_estatus : this.state.value3.id,\r\n id_oficio : this.props.id_oficio,\r\n id_usuario_registra : 448,\r\n id_seguimiento:this.props.obj.id_seguimiento\r\n \r\n };\r\n PostFile(this.state.Dictamen).then(response => {\r\n registrarDocumento(doc).then(response => {\r\n \r\n // alert(\"Enviado Respuesta : \"+this.state.value3.descripcion);\r\n // window.location.reload();\r\n \r\n }).catch(err => console.log(err)); \r\n \r\n }).catch(err => console.log(err)); \r\n \r\n dictamenOficio(dobj).then(response => {\r\n \r\n \r\n registrarDocumento(doc2).then(response => {\r\n \r\n alert(\"Enviado Respuesta : \"+this.state.value3.descripcion);\r\n window.location.reload();\r\n \r\n }).catch(err => console.log(err)); \r\n \r\n \r\n \r\n \r\n }).catch(err => console.log(err)); \r\n \r\n }).catch(err => console.log(err)); \r\n }\r\n\r\n}else{console.log(\"otras areas\");\r\n\r\nif(this.state.Dictamen==\"\" || this.state.Dictamen==null){\r\n dictamenOficio(obj).then(response => {\r\n\r\n registrarDocumento(doc).then(response => {\r\n \r\n alert(\"Enviado Respuesta : \"+this.state.value3.descripcion);\r\n window.location.reload();\r\n\r\n \r\n\r\n }).catch(err => console.log(err)); \r\n\r\n\r\n\r\n}).catch(err => console.log(err)); \r\n\r\n}else{\r\n dictamenOficio(obj).then(response => {\r\n\r\n PostFile(this.state.Dictamen).then(response => {\r\n registrarDocumento(doc).then(response => {\r\n \r\n alert(\"Enviado Respuesta : \"+this.state.value3.descripcion);\r\n window.location.reload();\r\n \r\n }).catch(err => console.log(err)); \r\n\r\n }).catch(err => console.log(err)); \r\n\r\n \r\n\r\n }).catch(err => console.log(err)); \r\n} \r\n}\r\n*/\r\n\r\n }\r\n \r\n\r\n\r\n render() {\r\n\r\n let { DictamenR, value3, Persona} = this.state;\r\n return (\r\n | Tipo Archivo \r\n | \r\n Area \r\n | \r\n Observaciones \r\n | \r\n Nombre \r\n | \r\n \r\n Visualizar \r\n | \r\n
|---|
\r\n
\r\n
\r\n Faltantes :\r\n
\r\n <>\r\n - \r\n {elements.map((value, index) => {\r\n return
- {value} \r\n })}\r\n \r\n
\r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n )\r\n }\r\n}","import React, { Component } from 'react';\r\nimport Grid from '@material-ui/core/Grid';\r\nimport {registrarOficio, GetEmisor, registrarDocumento, PostFile, PutOficios} from '../../services/SecurityService';\r\nimport { DropdownList } from 'react-widgets';\r\nimport axios from \"axios\";\r\nimport createBrowserHistory from 'history/createBrowserHistory';\r\n\r\n\r\n\r\nimport clsx from 'clsx';\r\nimport { makeStyles } from '@material-ui/core/styles';\r\n\r\nimport Button from '@material-ui/core/Button';\r\nimport Dialog from '@material-ui/core/Dialog';\r\nimport DialogActions from '@material-ui/core/DialogActions';\r\nimport DialogContent from '@material-ui/core/DialogContent';\r\nimport DialogContentText from '@material-ui/core/DialogContentText';\r\nimport DialogTitle from '@material-ui/core/DialogTitle';\r\n\r\n\r\nimport CircularProgress from '@material-ui/core/CircularProgress';\r\n\r\nconst history = createBrowserHistory({forceRefresh:true});\r\n\r\nconst useStyles = makeStyles(theme => ({\r\n container: {\r\n display: 'flex',\r\n flexWrap: 'wrap',\r\n },\r\n textField: {\r\n marginLeft: theme.spacing(1),\r\n marginRight: theme.spacing(1),\r\n },\r\n dense: {\r\n marginTop: theme.spacing(2),\r\n },\r\n menu: {\r\n width: 200,\r\n },\r\n progress: {\r\n margin: theme.spacing(2),\r\n },\r\n}));\r\n\r\nexport default class RegistroDocumentos1 extends Component {\r\n constructor(props) {\r\n super(props);\r\n \r\n this.onChangeRazonSocial = this.onChangeRazonSocial.bind(this);\r\n this.onChangeNContacto = this.onChangeNContacto.bind(this);\r\n\r\n this.onChangeCAltaHacienda= this.onChangeCAltaHacienda.bind(this);\r\n this.onChangeCComprobanteD = this.onChangeCComprobanteD.bind(this);\r\n this.onChangeCIdentificacionF= this.onChangeCIdentificacionF.bind(this);\r\n this.onChangeCCatastral = this.onChangeCCatastral.bind(this);\r\n this.onChangeCroquis= this.onChangeCroquis.bind(this);\r\n this.onChangeMNegocio= this.onChangeMNegocio.bind(this);\r\n this.onChangeCPoder= this.onChangeCPoder.bind(this);\r\n this.onSubmit = this.onSubmit.bind(this);\r\n\r\n this.handleShow = this.handleShow.bind(this);\r\n this.handleClose = this.handleClose.bind(this);\r\n\r\n this.loadingShow = this.loadingShow.bind(this);\r\n this.loadingClose = this.loadingClose.bind(this);\r\n this.recargar=this.recargar.bind(this);\r\n // this.onSubirArchivo = this.onSubirArchivo.bind(this);\r\n\r\n \r\n\r\n this.state = {\r\n /* NoFolio: '',\r\n NoOficio: '',\r\n \r\n Categoria:'',\r\n Asuntos:'',\r\n Observaciones:'',\r\n FechaDocumento:'',\r\n FechaExpiracion:'',\r\n Categorias :[{descripcion : \"CON COPIA PARA P.\", id :0},\r\n {descripcion : \"LEGALES\", id :7},\r\n {descripcion : \"AUDITORIA\", id :8},\r\n {descripcion : \"INVITACIONES\", id :9},\r\n {descripcion : \"PETICIONES\", id :10},\r\n {descripcion : \"GENERAL\", id :35},\r\n {descripcion : \"GESTION\", id :36},\r\n ],\r\n Emisor : [],\r\n Persona :[{descripcion : \"FISICA\", id :\"F\"},\r\n {descripcion : \"MORAL\", id :\"M\"}\r\n ],\r\n*/\r\n\r\n RazonSocial : '',\r\n NContacto : '',\r\n CAltaHacienda: '',\r\n CComprobanteD: '',\r\n CIdentificacionF: '',\r\n CCatastral : '',\r\n Croquis: '',\r\n MNegocio: '',\r\n CPoder: '',\r\n contador : 0,\r\n show: false,\r\n loading: false\r\n }\r\n }\r\n handleClose() {\r\n this.setState({ show: false });\r\n }\r\n \r\n handleShow() {\r\n this.setState({ show: true });\r\n }\r\n\r\n loadingClose() {\r\n this.setState({ loading: false });\r\n }\r\n \r\n loadingShow() {\r\n this.setState({ loading: true });\r\n }\r\n\r\n componentDidMount(){\r\n console.log(\"el INCE OBJJJJSDAS>>>>>>>><\")\r\n console.log(this.props.obj)\r\n GetEmisor().then(response => {\r\n //if(response==\"\")\r\n this.setState({ \r\n Emisor:response.map(d=> d.emisor),\r\n \r\n })\r\n \r\n }).catch(err => console.log(err)); \r\n this.setState({ \r\n show : false,\r\n \r\n })\r\n \r\n}\r\n onChangeRazonSocial(e) {\r\n this.setState({\r\n RazonSocial : e.target.files[0]\r\n });\r\n }\r\n onChangeNContacto(e) {\r\n this.setState({\r\n NContacto: e.target.files[0]\r\n }) \r\n }\r\n onChangeCAltaHacienda(e) {\r\n this.setState({\r\n CAltaHacienda: e.target.files[0]\r\n });\r\n }\r\n onChangeCCatastral(e) {\r\n this.setState({\r\n CCatastral: e.target.files[0]\r\n }) \r\n }\r\n onChangeCComprobanteD(e) {\r\n this.setState({\r\n CComprobanteD: e.target.files[0]\r\n });\r\n }\r\n onChangeCIdentificacionF(e) {\r\n this.setState({\r\n CIdentificacionF: e.target.files[0]\r\n }) \r\n }\r\n onChangeCPoder(e) {\r\n this.setState({\r\n CPoder : e.target.files[0]\r\n });\r\n }\r\n onChangeCroquis(e) {\r\n this.setState({\r\n Croquis: e.target.files[0]\r\n }) \r\n }\r\n onChangeMNegocio(e) {\r\n this.setState({\r\n MNegocio: e.target.files[0]\r\n }) \r\n }\r\n\r\n\r\n \r\n\r\n /*\r\n onSubirArchivo(archivo) {\r\n const data = new FormData()\r\n data.append('fileStg', archivo)\r\n axios.post(\"https://dideco-apis.herokuapp.com/postfile\", data)\r\n .then(response => alert(response.data))\r\n .catch(err => /*alert(err.toString())*/);\r\n }\r\n*/\r\n\r\nrecargar() {\r\n window.location.reload()\r\n}\r\narreglo(data){\r\nvar ar=[];\r\ndata.forEach(function(element){\r\n if(element.archivo!=\"\"){\r\n console.log(element.documento)\r\n console.log(\"se añadio\")\r\n ar.push(element)\r\n console.log(ar)\r\n }\r\n})\r\nreturn ar;\r\n}\r\n\r\n onSubmit(e) {\r\n e.preventDefault();\r\n this.loadingShow();\r\n // this.onClickHandler();\r\n const objR = {\r\n no_folio: this.props.obj.no_folio,\r\n no_oficio: this.props.obj.no_oficio,\r\n emisor: this.props.obj.emisor,\r\n id_categoria: this.props.obj.id_categoria,\r\n asunto: this.props.obj.asunto,\r\n observaciones: this.props.obj.observaciones,\r\n fecha_documento: this.props.obj.fecha_documento,\r\n fecha_termino: this.props.obj.fecha_termino,\r\n \"id_usuario_registra\" : this.props.obj.id_usuario_registra,\r\n \"archivo\" : \"\",\r\n \"Persona\" : this.props.obj.Persona,\r\n nombre: this.props.obj.nombre,\r\n domicilio: this.props.obj.domicilio,\r\n telefono: this.props.obj.telefono,\r\n giros: this.props.obj.giros,\r\n inversion: this.props.obj.inversion,\r\n rfc: this.props.obj.rfc,\r\n calle: this.props.obj.calle,\r\n no: this.props.obj.no,\r\n colonia: this.props.obj.colonia,\r\n codigoPostal: this.props.obj.codigoPostal,\r\n localidad: this.props.obj.localidad,\r\n entreCalle: this.props.obj.entreCalle,\r\n yCalle: this.props.obj.yCalle,\r\n denominacionComercial: this.props.obj.denominacionComercial,\r\n tipoEstablecimiento: this.props.obj.tipoEstablecimiento,\r\n apoderado : this.props.obj.apoderado,\r\n correo : this.props.obj.correo,\r\n id_oficio:this.props.obj.id_oficio,\r\n longitud:this.props.obj.longitud,\r\n latitud:this.props.obj.latitud\r\n };\r\n console.log(\"Aqui esta ek ´props\");\r\nconsole.log(objR);\r\n\r\n\r\n\r\n\r\n PutOficios(objR).then(response => {\r\n \r\n console.log(\"Aqui se registro API\")\r\n console.log(response.insertId);\r\n\r\n const rgd = [\r\n\r\n\r\n {id_documentos : 1, documento: this.state.RazonSocial.name, id_oficio: response.insertId, archivo : this.state.RazonSocial , dictamenR: \"Registro Documento\" , id_usuario: 453},\r\n {id_documentos : 2, documento: this.state.NContacto.name, id_oficio: response.insertId, archivo : this.state.NContacto , dictamenR: \"Registro Documento\" , id_usuario: 453},\r\n {id_documentos : 3, documento: this.state.CAltaHacienda.name, id_oficio: response.insertId, archivo : this.state.CAltaHacienda , dictamenR: \"Registro Documento\" , id_usuario: 453},\r\n {id_documentos : 4, documento: this.state.CComprobanteD.name, id_oficio: response.insertId, archivo : this.state.CComprobanteD , dictamenR: \"Registro Documento\" , id_usuario: 453},\r\n {id_documentos : 5, documento: this.state.CIdentificacionF.name, id_oficio: response.insertId, archivo : this.state.CIdentificacionF , dictamenR: \"Registro Documento\" , id_usuario: 453},\r\n {id_documentos : 6, documento: this.state.CCatastral.name, id_oficio: response.insertId, archivo : this.state.CCatastral , dictamenR: \"Registro Documento\" , id_usuario: 453},\r\n {id_documentos : 8, documento: this.state.MNegocio.name, id_oficio: response.insertId, archivo : this.state.MNegocio , dictamenR: \"Registro Documento\" , id_usuario: 453},\r\n {id_documentos : 9, documento: this.state.CPoder.name, id_oficio: response.insertId, archivo : this.state.CPoder , dictamenR: \"Registro Documento\" , id_usuario: 453},\r\n {id_documentos : 7, documento: this.state.Croquis.name, id_oficio: response.insertId, archivo : this.state.Croquis , dictamenR: \"Registro Documento\" , id_usuario: 453},\r\n ];\r\n //window.location.reload();ç\r\n\r\n console.log(\"Aqui esta el proceso de descarte de vacios\");\r\n console.log(this.arreglo(rgd))\r\n \r\nlet enviar = this.arreglo(rgd);\r\nconsole.log(\"Archivos---\")\r\nconsole.log(enviar);\r\n\r\nconsole.log(\"Total\")\r\nconsole.log(enviar.length);\r\n\r\nif(enviar.length==0){\r\n alert(\"No subiste documentos\")\r\n window.location.reload();\r\n}\r\n\r\nlet nn=0;\r\nenviar.forEach(function(element, index){\r\n \r\n console.log(\"archivo seleccionado\")\r\n console.log(element.archivo)\r\n PostFile(element.archivo).then(response => {\r\n console.log(\"Si se subio\");\r\n console.log(response);\r\n\r\n console.log(\"index : \"+ index)\r\n console.log(\"id : \"+ element.id_documentos)\r\n\r\n registrarDocumento(element).then(response => {\r\n nn++;\r\n console.log(\"Aqui se registro Documentos API \"+element.id_documentos)\r\n console.log(response);\r\n console.log(\"contador : \"+nn);\r\n \r\n \r\n alert(\"Guardado: \"+element.documento)\r\n if(nn==enviar.length){\r\n this.setState({ loading: false });\r\n this.recargar();\r\n // this.setState({ show: true });\r\n \r\n alert(\"Proceso Terminado ! \"+nn);\r\n window.location.reload();\r\n \r\n }\r\n \r\n }).catch(err => {\r\n \r\n console.log(err)\r\n \r\n }\r\n ); \r\n\r\n}).catch(err => console.log(err)); \r\n\r\n}) \r\n\r\n\r\n }).catch(err => console.log(err)) \r\n this.setState({\r\n \r\n })\r\n }\r\n render() {\r\n \r\n\r\n return (\r\n \r\n \r\n \r\n
\r\n )\r\n }\r\n}","import React, { Component } from 'react';\r\nimport Grid from '@material-ui/core/Grid';\r\nimport {registrarOficio, GetEmisor, registrarDocumento, PostFile} from '../../services/SecurityService';\r\nimport { DropdownList } from 'react-widgets';\r\nimport axios from \"axios\";\r\n\r\n\r\nimport clsx from 'clsx';\r\nimport { makeStyles } from '@material-ui/core/styles';\r\n\r\nimport Button from '@material-ui/core/Button';\r\nimport Dialog from '@material-ui/core/Dialog';\r\nimport DialogActions from '@material-ui/core/DialogActions';\r\nimport DialogContent from '@material-ui/core/DialogContent';\r\nimport DialogContentText from '@material-ui/core/DialogContentText';\r\nimport DialogTitle from '@material-ui/core/DialogTitle';\r\n\r\nimport CircularProgress from '@material-ui/core/CircularProgress';\r\n\r\n\r\nconst useStyles = makeStyles(theme => ({\r\n container: {\r\n display: 'flex',\r\n flexWrap: 'wrap',\r\n },\r\n textField: {\r\n marginLeft: theme.spacing(1),\r\n marginRight: theme.spacing(1),\r\n },\r\n dense: {\r\n marginTop: theme.spacing(2),\r\n },\r\n menu: {\r\n width: 200,\r\n },\r\n}));\r\n\r\nexport default class RegistroDocumentos2 extends Component {\r\n constructor(props) {\r\n super(props);\r\n \r\n \r\n this.state = {\r\n selectedFile: null\r\n }\r\n\r\n \r\n this.onChangeRazonSocial = this.onChangeRazonSocial.bind(this);\r\n this.onChangeNContacto = this.onChangeNContacto.bind(this);\r\n\r\n this.onChangeCAltaHacienda= this.onChangeCAltaHacienda.bind(this);\r\n this.onChangeCComprobanteD = this.onChangeCComprobanteD.bind(this);\r\n this.onChangeCIdentificacionF= this.onChangeCIdentificacionF.bind(this);\r\n this.onChangeCCatastral = this.onChangeCCatastral.bind(this);\r\n this.onChangeCroquis= this.onChangeCroquis.bind(this);\r\n this.onChangeMNegocio= this.onChangeMNegocio.bind(this);\r\n this.onChangeCPoder= this.onChangeCPoder.bind(this);\r\n this.onChangeAC= this.onChangeAC.bind(this);\r\n \r\n this.onSubmit = this.onSubmit.bind(this);\r\n\r\n this.loadingShow = this.loadingShow.bind(this);\r\n this.loadingClose = this.loadingClose.bind(this);\r\n \r\n\r\n this.state = {\r\n \r\n\r\n RazonSocial : '',\r\n NContacto : '',\r\n CAltaHacienda: '',\r\n CComprobanteD: '',\r\n CIdentificacionF: '',\r\n CCatastral : '',\r\n Croquis: '',\r\n MNegocio: '',\r\n CPoder: '',\r\n AC: '',\r\n loading: false\r\n }\r\n }\r\n\r\n componentDidMount(){\r\n console.log(\"el INCE OBJJJJSDAS>>>>>>>><\")\r\n console.log(this.props.obj)\r\n GetEmisor().then(response => {\r\n //if(response==\"\")\r\n this.setState({ \r\n Emisor:response.map(d=> d.emisor),\r\n \r\n })\r\n \r\n }).catch(err => console.log(err)); \r\n\r\n \r\n}\r\nonChangeRazonSocial(e) {\r\n this.setState({\r\n RazonSocial : e.target.files[0]\r\n });\r\n}\r\nonChangeNContacto(e) {\r\n this.setState({\r\n NContacto: e.target.files[0]\r\n }) \r\n}\r\nonChangeCAltaHacienda(e) {\r\n this.setState({\r\n CAltaHacienda: e.target.files[0]\r\n });\r\n}\r\nonChangeCCatastral(e) {\r\n this.setState({\r\n CCatastral: e.target.files[0]\r\n }) \r\n}\r\nonChangeCComprobanteD(e) {\r\n this.setState({\r\n CComprobanteD: e.target.files[0]\r\n });\r\n}\r\nonChangeCIdentificacionF(e) {\r\n this.setState({\r\n CIdentificacionF: e.target.files[0]\r\n }) \r\n}\r\nonChangeCPoder(e) {\r\n this.setState({\r\n CPoder : e.target.files[0]\r\n });\r\n}\r\nonChangeCroquis(e) {\r\n this.setState({\r\n Croquis: e.target.files[0]\r\n }) \r\n}\r\nonChangeMNegocio(e) {\r\n this.setState({\r\n MNegocio: e.target.files[0]\r\n }) \r\n}\r\nonChangeAC(e) {\r\n this.setState({\r\n AC: e.target.files[0]\r\n }) \r\n}\r\n\r\n\r\nloadingClose() {\r\n this.setState({ loading: false });\r\n}\r\n\r\nloadingShow() {\r\n this.setState({ loading: true });\r\n}\r\n\r\n \r\n\r\n arreglo(data){\r\n var ar=[];\r\n data.forEach(function(element){\r\n if(element.archivo!=\"\"){\r\n console.log(element.documento)\r\n console.log(\"se añadio\")\r\n ar.push(element)\r\n console.log(ar)\r\n }\r\n })\r\n return ar;\r\n }\r\n \r\n onSubmit(e) {\r\n e.preventDefault();\r\n this.loadingShow();\r\n const objR = {\r\n no_folio: this.props.obj.no_folio,\r\n no_oficio: this.props.obj.no_oficio,\r\n emisor: this.props.obj.emisor,\r\n id_categoria: this.props.obj.id_categoria,\r\n asunto: this.props.obj.asunto,\r\n observaciones: this.props.obj.observaciones,\r\n fecha_documento: this.props.obj.fecha_documento,\r\n fecha_termino: this.props.obj.fecha_termino,\r\n \"id_usuario_registra\" : this.props.obj.id_usuario_registra,\r\n \"archivo\" : \"\",\r\n \"Persona\" : this.props.obj.Persona,\r\n nombre: this.props.obj.nombre,\r\n domicilio: this.props.obj.domicilio,\r\n telefono: this.props.obj.telefono,\r\n giros: this.props.obj.giros,\r\n inversion: this.props.obj.inversion,\r\n rfc: this.props.obj.rfc,\r\n calle: this.props.obj.calle,\r\n no: this.props.obj.no,\r\n colonia: this.props.obj.colonia,\r\n codigoPostal: this.props.obj.codigoPostal,\r\n localidad: this.props.obj.localidad,\r\n entreCalle: this.props.obj.entreCalle,\r\n yCalle: this.props.obj.yCalle,\r\n denominacionComercial: this.props.obj.denominacionComercial,\r\n tipoEstablecimiento: this.props.obj.tipoEstablecimiento,\r\n apoderado : this.props.obj.apoderado,\r\n correo : this.props.obj.correo\r\n };\r\n console.log(\"Aqui esta ek ´props\");\r\nconsole.log(objR);\r\n\r\n\r\n\r\n registrarOficio(objR).then(response => {\r\n \r\n console.log(\"Aqui se registro API\")\r\n console.log(response.insertId);\r\n\r\n const rgd = [\r\n\r\n\r\n {id_documentos : 1, documento: this.state.RazonSocial.name, id_oficio: response.insertId, archivo : this.state.RazonSocial , dictamenR: \"Registro Documento\" , id_usuario: 453},\r\n {id_documentos : 2, documento: this.state.NContacto.name, id_oficio: response.insertId, archivo : this.state.NContacto , dictamenR: \"Registro Documento\" , id_usuario: 453},\r\n {id_documentos : 3, documento: this.state.CAltaHacienda.name, id_oficio: response.insertId, archivo : this.state.CAltaHacienda , dictamenR: \"Registro Documento\" , id_usuario: 453},\r\n {id_documentos : 4, documento: this.state.CComprobanteD.name, id_oficio: response.insertId, archivo : this.state.CComprobanteD , dictamenR: \"Registro Documento\" , id_usuario: 453},\r\n {id_documentos : 20, documento:this.state.CIdentificacionF.name, id_oficio: response.insertId, archivo : this.state.CIdentificacionF , dictamenR: \"Registro Documento\" , id_usuario: 453},\r\n {id_documentos : 6, documento: this.state.CCatastral.name, id_oficio: response.insertId, archivo : this.state.CCatastral , dictamenR: \"Registro Documento\" , id_usuario: 453},\r\n {id_documentos : 8, documento: this.state.MNegocio.name, id_oficio: response.insertId, archivo : this.state.MNegocio , dictamenR: \"Registro Documento\" , id_usuario: 453},\r\n {id_documentos : 9, documento: this.state.CPoder.name, id_oficio: response.insertId, archivo : this.state.CPoder , dictamenR: \"Registro Documento\" , id_usuario: 453},\r\n {id_documentos : 7, documento: this.state.Croquis.name, id_oficio: response.insertId, archivo : this.state.Croquis , dictamenR: \"Registro Documento\" , id_usuario: 453},\r\n {id_documentos : 10, documento: this.state.AC.name, id_oficio: response.insertId, archivo : this.state.AC , dictamenR: \"Registro Documento\" , id_usuario: 453},\r\n ];\r\n //window.location.reload();ç\r\n console.log(\"Aqui esta el proceso de descarte de vacios\");\r\n console.log(this.arreglo(rgd))\r\n\r\nlet enviar = this.arreglo(rgd);\r\nconsole.log(\"Archivos---\")\r\nconsole.log(enviar);\r\n\r\nconsole.log(\"Total\")\r\nconsole.log(enviar.length);\r\n\r\nif(enviar.length==0){\r\nalert(\"No subiste documentos\")\r\nwindow.location.reload();\r\n}\r\n\r\nlet nn=0;\r\nenviar.forEach(function(element, index){\r\n\r\nconsole.log(\"archivo seleccionado\")\r\nconsole.log(element.archivo)\r\nPostFile(element.archivo).then(response => {\r\n console.log(\"Si se subio\");\r\n console.log(response);\r\n\r\n console.log(\"index : \"+ index)\r\n console.log(\"id : \"+ element.id_documentos)\r\n\r\nregistrarDocumento(element).then(response => {\r\n nn++;\r\n console.log(\"Aqui se registro Documentos API \"+element.id_documentos)\r\n console.log(response);\r\nconsole.log(\"contador : \"+nn);\r\n \r\n \r\n alert(\"Guardado: \"+element.documento)\r\n if(nn==enviar.length){\r\n \r\n alert(\"Proceso Terminado ! \"+nn)\r\n window.location.reload();\r\n }\r\n\r\n}).catch(err => alert(\"Error en : \"+element.documento)); \r\n\r\n}).catch(err => console.log(err)); \r\n\r\n}) \r\n\r\n\r\n }).catch(err => console.log(err)) \r\n this.setState({\r\n \r\n })\r\n}\r\n render() {\r\n\r\n return (\r\n \r\n \r\n \r\n
\r\n )\r\n }\r\n}","import React, { Component } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport Grid from '@material-ui/core/Grid';\r\nimport { dictamenOficio, PostFile, registrarDocumento,ConLicencia} from '../../services/SecurityService';\r\nimport { DropdownList } from 'react-widgets';\r\nimport axios from \"axios\";\r\nimport { Link } from 'react-router-dom';\r\nimport { Redirect } from 'react-router-dom'\r\nimport {Modal,Button} from 'react-bootstrap'\r\nimport {isEmpty, isMail} from '../../config/helpers/Validations';\r\n\r\nimport RegistroDocumentos1 from './RegistroDocumentos1'\r\n\r\nimport RegistroDocumentos2 from './RegistroDocumentos2'\r\n\r\nimport CircularProgress from '@material-ui/core/CircularProgress';\r\n\r\n\r\nexport default class Licencia extends Component {\r\n constructor(props) {\r\n super(props);\r\n \r\n this.state = {\r\n selectedFile: null\r\n }\r\n \r\n this.onChangeObservaciones = this.onChangeObservaciones.bind(this);\r\n this.onChangeDictamenR = this.onChangeDictamenR.bind(this);\r\n this.onChangeDictamen = this.onChangeDictamen.bind(this);\r\n \r\n this.onSubmit = this.onSubmit.bind(this);\r\n this.onChangeObservaciones = this.onChangeObservaciones.bind(this);\r\n\r\n this.loadingShow = this.loadingShow.bind(this);\r\n this.loadingClose = this.loadingClose.bind(this);\r\n \r\n\r\n \r\n\r\n this.state = {\r\n selectedFile: [],\r\n Observaciones:'',\r\n FechaDictamen:'',\r\n Dictamen: '',\r\n DictamenR :[{descripcion : \"POSITIVO\", id :5},\r\n {descripcion : \"NEGATIVO\", id :4},\r\n {descripcion : \"SUSPENDER\", id :14}\r\n ],\r\n loading: false\r\n }\r\n \r\n }\r\n\r\n componentDidMount(){\r\n console.log(\"usuario dictamen respuesta\");\r\n console.log(this.props.iduser);\r\n \r\n}\r\n\r\nloadingClose() {\r\n this.setState({ loading: false });\r\n}\r\n\r\nloadingShow() {\r\n this.setState({ loading: true });\r\n}\r\n\r\n\r\n onChangeObservaciones(e) {\r\n this.setState({\r\n Observaciones: e.target.value\r\n });\r\n }\r\n/*\r\n onChangeFechaDictamen(e) {\r\n this.setState({\r\n FechaDictamen: e.target.value\r\n })\r\n }\r\n*/\r\n onChangeDictamenR(descripcion) {\r\n console.log(descripcion);\r\n let { DictamenR} = this.state;\r\n \r\n let newOption = descripcion;\r\n \r\n this.setState({\r\n value3: newOption, \r\n DictamenR: [...DictamenR],\r\n otro: DictamenR.filter(tipo => tipo.descripcion.toLowerCase().includes(descripcion.descripcion.toLowerCase()))\r\n })\r\n }\r\n\r\n\r\n\r\n\r\n onChangeDictamen(e){\r\n\r\n this.setState({\r\n Dictamen: e.target.files[0]\r\n })\r\n }\r\n\r\n \r\n\r\n\r\n\r\n onSubmit(e) {\r\n e.preventDefault();\r\n let idusr=this.props.iduser;\r\n this.loadingShow();\r\n const obj = {\r\n \r\n \r\n\r\n id_usuario: 453,\r\n dictamen: this.state.Observaciones,\r\n id_estatus : 16,\r\n id_oficio : this.props.id_oficio,\r\n id_usuario_registra : this.props.usuario\r\n \r\n };\r\n\r\n console.log(\"Respuets :\")\r\nconsole.log(obj)\r\nconsole.log(this.state.Dictamen)\r\n var doc;\r\n\r\n doc = {id_documentos : 104, documento: this.state.Dictamen.name, id_oficio: this.props.id_oficio , dictamenR: this.state.Observaciones , id_usuario: this.props.id_usuario}\r\n\r\n\r\n\r\nif(this.state.Dictamen==\"\" || this.state.Dictamen==null){\r\n ConLicencia(obj).then(response => {\r\n\r\n registrarDocumento(doc).then(response => {\r\n \r\n alert(\"Estatus Licencia Actualizado\");\r\n window.location.reload();\r\n\r\n \r\n\r\n }).catch(err => console.log(err)); \r\n\r\n\r\n\r\n}).catch(err => console.log(err)); \r\n\r\n}else{\r\n ConLicencia(obj).then(response => {\r\n\r\n PostFile(this.state.Dictamen).then(response => {\r\n registrarDocumento(doc).then(response => {\r\n \r\n alert(\"Estatus Licencia Actualizado\");\r\n window.location.reload();\r\n \r\n }).catch(err => console.log(err)); \r\n\r\n }).catch(err => console.log(err)); \r\n\r\n \r\n\r\n }).catch(err => console.log(err)); \r\n}\r\n\r\n\r\n\r\n }\r\n \r\n\r\n\r\n render() {\r\n\r\n let { DictamenR, value3, Persona} = this.state;\r\n return (\r\n \r\n \r\n \r\n
\r\n )\r\n }\r\n}","import React, { Component } from 'react';\r\nimport { Link } from 'react-router-dom';\r\nimport 'react-widgets/dist/css/react-widgets.css';\r\nimport {Modal,Button} from 'react-bootstrap'\r\nimport {ButtonToolbar,Dropdown,SplitButton,ReactBootstrapStyle,DropdownButton} from 'react-bootstrap';\r\nimport ProteccionIcon from '@material-ui/icons/AccessibilityNewRounded';\r\nimport DgdueIcon from '@material-ui/icons/Panorama';\r\n\r\nimport { GetDocumentosID, GetRequisitos, imprimir} from '../../services/SecurityService';\r\n\r\nimport TurnarOficio from './TurnarOficio';\r\nimport TurnarOficioCN from './TurnarOficioCN';\r\nimport DatosOficio from './DatosOficio';\r\nimport DatosOficio2 from './DatosOficio2';\r\nimport Seguimiento from './TablaArchivos';\r\n\r\nimport Dictamen from './Dictamen';\r\nimport Licencia from './Licencia';\r\n\r\nimport { Document, Page, Text, View, StyleSheet , PDFViewer, PDFDownloadLink} from \"@react-pdf/renderer\";\r\n\r\nclass TableRow extends Component {\r\n\r\n constructor(props, context) {\r\n super(props, context);\r\n \r\n this.handleShow = this.handleShow.bind(this);\r\n this.handleClose = this.handleClose.bind(this);\r\n this.handleShowCN = this.handleShowCN.bind(this);\r\n this.handleCloseCN = this.handleCloseCN.bind(this);\r\n this.handleShow2 = this.handleShow2.bind(this);\r\n this.handleClose2 = this.handleClose2.bind(this);\r\n this.handleShow2_1 = this.handleShow2_1.bind(this);\r\n this.handleClose2_1 = this.handleClose2_1.bind(this);\r\n this.handleShow3 = this.handleShow3.bind(this);\r\n this.handleClose3 = this.handleClose3.bind(this);\r\n\r\n this.handleShow4 = this.handleShow4.bind(this);\r\n this.handleClose4 = this.handleClose4.bind(this);\r\n this.handleShow5 = this.handleShow5.bind(this);\r\n this.handleClose5 = this.handleClose5.bind(this);\r\n\r\n this.handleShow6 = this.handleShow6.bind(this);\r\n this.handleClose6 = this.handleClose6.bind(this);\r\n //this.onSubmit = this.onSubmit.bind(this);\r\n this.onChangehorario = this.onChangehorario.bind(this);\r\n this.onChangeclave = this.onChangeclave.bind(this);\r\n this.onChangejd = this.onChangejd.bind(this);\r\n this.handlebtnOn = this.handlebtnOn.bind(this);\r\n this.pdf = this.pdf.bind(this);\r\n this.imp= this.imp.bind(this);\r\n\r\n this.state = {\r\n btnOn: false,\r\n show: false,\r\n showCN: false,\r\n show2: false,\r\n show2_1: false,\r\n show3: false,\r\n show4: false,\r\n show5:false,\r\n show6:false,\r\n horario:'',\r\n clave:'',\r\n jd:'C. SAID SINOHE GONZALEZ VAZQUEZ',\r\n requisitosF :[1,2,3,4,5,6,7,8,9,21,22,24,25,26,27,28],\r\n requisitosM :[1,2,3,4,20,6,7,8,9,10,21,22,24,25,26,27,28],\r\n Requisitos : [],\r\n documentosR:[],\r\n };\r\n }\r\n\r\n componentDidMount(){\r\nconsole.log(\"obj<><>>\");\r\nconsole.log(this.props.obj)\r\n\r\nif(this.props.index==0){\r\n let a={ id_oficio : Number(this.props.obj.id_oficio)}\r\n GetDocumentosID(a).then(response => {\r\n this.setState({\r\n \r\n documentosR: response.map(d => d.id_documentos)\r\n });\r\n // console.log(\"Esta madre no se q sea xD\")\r\n // console.log(response)\r\n }).catch(err => console.log(err)); \r\n\r\n GetRequisitos().then(response => {\r\n //if(response==\"\")\r\n // console.log(\"Requisitos VP\")\r\n // console.log(response)\r\n this.setState({\r\n Requisitos : response\r\n });\r\n \r\n }).catch(err => console.log(err)); \r\n}\r\n\r\n this.setState({\r\n horario:this.props.obj.horario,\r\n clave :this.props.obj.clave,\r\n // jd:this.props.obj.jd\r\n })\r\n\r\n if(this.props.obj.jd==\"\" || this.props.obj.jd==null || this.props.obj.jd==undefined){\r\n \r\n}else{\r\n this.setState({\r\n \r\n jd:this.props.obj.jd\r\n })\r\n}\r\n\r\n\r\n }\r\n \r\n\r\n handleClose() {\r\n this.setState({ show: false });\r\n }\r\n \r\n handleShow() {\r\n this.setState({ show: true });\r\n }\r\n\r\n handleCloseCN() {\r\n this.setState({ showCN: false });\r\n }\r\n \r\n handleShowCN() {\r\n this.setState({ showCN: true });\r\n }\r\n\r\n\r\n handleClose2() {\r\n this.setState({ show2: false });\r\n }\r\n \r\n handleShow2() {\r\n this.setState({ show2: true });\r\n }\r\n\r\n handleClose2_1() {\r\n this.setState({ show2_1: false });\r\n }\r\n \r\n handleShow2_1() {\r\n this.setState({ show2_1: true });\r\n }\r\n\r\n handleClose3() {\r\n this.setState({ show3: false });\r\n }\r\n \r\n handleShow3() {\r\n this.setState({ show3: true });\r\n }\r\n\r\n handleShow4() {\r\n this.setState({ show4: true });\r\n }\r\n\r\n handleClose4() {\r\n this.setState({ show4: false });\r\n }\r\n\r\n handleShow5() {\r\n this.setState({ show5: true });\r\n }\r\n\r\n handleClose5() {\r\n this.setState({ show5: false });\r\n }\r\n\r\n handleShow6() {\r\n this.setState({ show6: true });\r\n }\r\n\r\n handleClose6() {\r\n this.setState({ show6: false });\r\n }\r\n\r\n onChangehorario(e) {\r\n this.setState({\r\n horario: e.target.value\r\n });\r\n }\r\n\r\n onChangeclave(e) {\r\n this.setState({\r\n clave: e.target.value\r\n });\r\n }\r\n onChangejd(e) {\r\n this.setState({\r\n jd: e.target.value\r\n });\r\n }\r\n\r\n handlebtnOn(boton) {\r\n let btn = !boton;\r\n this.setState({ btnOn: btn });\r\n }\r\n\r\n faltantes(){\r\n if(this.props.obj.persona_fm==\"F\"){\r\n console.log(\"Aqui estan los archivos faltantes\")\r\n console.log(this.state.documentosR);\r\nlet a = this.state.requisitosF.filter(val => !this.state.documentosR.includes(val))\r\n console.log(this.state.requisitosF.filter(val => !this.state.documentosR.includes(val)));\r\nlet R = this.state.Requisitos\r\n\r\nlet aqui=[];\r\nfor(let i=0;iPersona Fisica
;\r\n }else if(this.props.obj.persona_fm==\"M\"){\r\n pers=Persona Moral
;\r\n }\r\n\r\n\r\n return (\r\n¿Seguro que quiere marcar \"Con Licencia\" al tramite con Folio: {this.props.obj.no_folio} ?
\r\n\r\n \r\n \r\n
\r\n )\r\n }\r\n}","import React, { Component } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport Grid from '@material-ui/core/Grid';\r\nimport {registrarOficio, GetEmisor, GetUltimoID,AtencionReporte,GetMunicipios,GetCategorias,GetSubCategorias,GetColonias, ArchivoAtencionR,GetAreas, PostFile} from '../../services/SecurityService';\r\nimport { DropdownList } from 'react-widgets';\r\nimport axios from \"axios\";\r\nimport { Link } from 'react-router-dom';\r\nimport { Redirect } from 'react-router-dom'\r\nimport {Modal,Button} from 'react-bootstrap';\r\nimport Toast from 'react-bootstrap/Toast';\r\nimport ToastContainer from 'react-bootstrap/ToastContainer';\r\nimport {isEmpty, isMail} from '../../config/helpers/Validations';\r\nimport List from '@material-ui/core/List';\r\nimport ListItem from '@material-ui/core/ListItem';\r\nimport ListItemAvatar from '@material-ui/core/ListItemAvatar';\r\nimport ListItemText from '@material-ui/core/ListItemText';\r\nimport Avatar from '@material-ui/core/Avatar';\r\nimport BeachAccessIcon from '@material-ui/icons/BeachAccess';\r\nimport Divider from '@material-ui/core/Divider';\r\nimport Typography from '@material-ui/core/Typography';\r\nimport EmisorIcon from '@material-ui/icons/AccountBoxRounded';\r\n\r\nimport RegistroDocumentos1 from './RegistroDocumentos1'\r\n\r\nimport RegistroDocumentos2 from './RegistroDocumentos2'\r\n\r\n\r\nexport default class RegistroOficio extends Component {\r\n constructor(props) {\r\n super(props);\r\n \r\n \r\n this.validateForm = this.validateForm.bind(this);\r\n \r\n\r\n this.onChangeNoFolio = this.onChangeNoFolio.bind(this);\r\nthis.onChangeNoOficio = this.onChangeNoOficio.bind(this);\r\nthis.onChangeFechaDocumento = this.onChangeFechaDocumento.bind(this);\r\nthis.onChangeFechaExpiracion = this.onChangeFechaExpiracion.bind(this);\r\n\r\nthis.onChangeCategorias = this.onChangeCategorias.bind(this);\r\nthis.onChangeSubCategorias = this.onChangeSubCategorias.bind(this);\r\nthis.onChangeColonias = this.onChangeColonias.bind(this);\r\nthis.onChangeMunicios = this.onChangeMunicios.bind(this);\r\nthis.onChangeAreas = this.onChangeAreas.bind(this);\r\nthis.onChangeForaneo=this.onChangeForaneo.bind(this);\r\n\r\nthis.onChangePersona = this.onChangePersona.bind(this);\r\nthis.onChangerfc = this.onChangerfc.bind(this);\r\nthis.onChangecorreo = this.onChangecorreo.bind(this);\r\nthis.onChangeapoderado = this.onChangeapoderado.bind(this);\r\nthis.onChangecalle = this.onChangecalle.bind(this);\r\nthis.onChangeno = this.onChangeno.bind(this);\r\nthis.onChangecolonia = this.onChangecolonia.bind(this);\r\nthis.onChangecodigoPostal = this.onChangecodigoPostal.bind(this);\r\nthis.onChangelocalidad = this.onChangelocalidad.bind(this);\r\nthis.onChangeentreCalle = this.onChangeentreCalle.bind(this);\r\nthis.onChangeyCalle = this.onChangeyCalle.bind(this);\r\nthis.onChangeinversion = this.onChangeinversion.bind(this);\r\nthis.onChangeobservaciones = this.onChangeobservaciones.bind(this);\r\nthis.onChangedenominacionComercial = this.onChangedenominacionComercial.bind(this);\r\nthis.onChangetipoEstablecimiento = this.onChangetipoEstablecimiento.bind(this);\r\n\r\nthis.onChangemedidas = this.onChangemedidas.bind(this);\r\nthis.onChangeAforo = this.onChangeAforo.bind(this);\r\nthis.onChangerazonsocial = this.onChangerazonsocial.bind(this);\r\nthis.onChangeclavecatastral = this.onChangeclavecatastral.bind(this);\r\n\r\n//this.onChangenombreNegocio = this.onChangenombreNegocio.bind(this);\r\n//this.onChangetelefonoNegocio = this.onChangetelefonoNegocio.bind(this);\r\n\r\n\r\n\r\nthis.onChangeEmisor = this.onChangeEmisor.bind(this);\r\nthis.onChangeAsuntos = this.onChangeAsuntos.bind(this);\r\nthis.onChangeObservaciones = this.onChangeObservaciones.bind(this);\r\nthis.onChangePruebaEsta = this.onChangePruebaEsta.bind(this);\r\n\r\nthis.onChangeTelefono = this.onChangeTelefono.bind(this);\r\nthis.onChangeNombre = this.onChangeNombre.bind(this);\r\nthis.onChangeApellidoPaterno = this.onChangeApellidoPaterno.bind(this);\r\nthis.onChangeApellidoMaterno = this.onChangeApellidoMaterno.bind(this);\r\nthis.onChangeEdad = this.onChangeEdad.bind(this);\r\nthis.onChangeCalle = this.onChangeCalle.bind(this);\r\nthis.onChangeNoCasa = this.onChangeNoCasa.bind(this);\r\nthis.onChangeColonia = this.onChangeColonia.bind(this);\r\nthis.onChangeEntreCalle1 = this.onChangeEntreCalle1.bind(this);\r\nthis.onChangeEntreCalle2 = this.onChangeEntreCalle2.bind(this);\r\nthis.onChangeForaneo = this.onChangeForaneo.bind(this);\r\nthis.onChangeAsunto = this.onChangeAsunto.bind(this);\r\nthis.onChangeObservaciones = this.onChangeObservaciones.bind(this);\r\nthis.onChangeArea = this.onChangeArea.bind(this);\r\nthis.onChangeCalleR = this.onChangeCalleR.bind(this); \r\nthis.onChangeNoR = this.onChangeNoR.bind(this); \r\nthis.onChangeEntreCalle1R = this.onChangeEntreCalle1R.bind(this); \r\nthis.onChangeEntreCalle2R = this.onChangeEntreCalle2R.bind(this); \r\n\r\n\r\nthis.onSubmit = this.onSubmit.bind(this);\r\nthis.handleShow = this.handleShow.bind(this);\r\nthis.handleClose = this.handleClose.bind(this);\r\nthis.onChangeHandler = this.onChangeHandler.bind(this);\r\nthis.onChangeArchivo=this.onChangeArchivo.bind(this);\r\n\r\nthis.state = {\r\nselectedFile: [],\r\n RD : \"\",\r\n NoFolio: '',\r\n NoOficio: '',\r\n obj : \"\",\r\n Categoria:'',\r\n Asuntos:'',\r\n Observaciones:'',\r\n FechaDocumento:'',\r\n FechaExpiracion:'',\r\n nombre:'',\r\n domicilio:'',\r\n telefono:'',\r\n medidas:'',\r\n Aforo:'',\r\n razonsocial:'',\r\n clavecatastral:'',\r\n //nombreNegocio:'',\r\n //telefonoNegocio:'',\r\n Telefono:'',\r\n Nombre:'',\r\n ApellidoPaterno:'',\r\n ApellidoMaterno:'',\r\n Edad:'',\r\n Calle:'',\r\n NoCasa:'',\r\n Colonia:'',\r\n EntreCalle1:'',\r\n EntreCalle2:'',\r\n Foraneo:'',\r\n Asunto:'',\r\n Observaciones:'',\r\n Area:'',\r\n \r\n CalleR:'',\r\n NoR:'',\r\n EntreCalle1R:'',\r\n EntreCalle2R:'',\r\n\r\n errNoFolio: '',\r\n errNoOficio: '',\r\n Categorias :[{descripcion : \"CON COPIA PARA P.\", id :0},\r\n {descripcion : \"LEGALES\", id :7},\r\n {descripcion : \"AUDITORIA\", id :8},\r\n {descripcion : \"INVITACIONES\", id :9},\r\n {descripcion : \"PETICIONES\", id :10},\r\n {descripcion : \"GENERAL\", id :35},\r\n {descripcion : \"GESTION\", id :36},\r\n ],\r\n show: false,\r\n Emisor : [],\r\n Persona :[{descripcion : \"FISICA\", id :\"F\"},\r\n {descripcion : \"MORAL\", id :\"M\"}\r\n ],\r\n redirect: \"\",\r\n Personas : \"\",\r\n value: \"\",\r\n value2 : \"\",\r\n value3 : \"\",\r\n\r\n giros : \"\",\r\n inversion: \"\",\r\n rfc: \"\",\r\n calle: \"\",\r\n no: \"\",\r\n colonia: \"\",\r\n codigoPostal: \"\",\r\n localidad: \"\",\r\n entreCalle: \"\",\r\n yCalle: \"\",\r\n denominacionComercial: \"\",\r\n tipoEstablecimiento: \"\",\r\n apoderado : \"\",\r\n correo: \"\",\r\n\r\n \r\n Municipios:[],\r\n Categorias:[],\r\n SubCategorias:[],\r\n filtroSub:[],\r\n Colonias:[],\r\n Areas:[],\r\n\r\n vmunicio:'',\r\n vcategorias:'',\r\n vsubcategorias:'',\r\n vcolonias:'',\r\n vareas:'',\r\n foraneo:''\r\n\r\n ,Archivo:''\r\n \r\n }\r\n \r\n }\r\n\r\n componentDidMount(){\r\n console.log(\"el pinche usuario\")\r\n console.log(this.state.userD)\r\n GetCategorias().then(response => {\r\n console.log(response);\r\n this.setState({ \r\n Categorias:response,\r\n \r\n })\r\n \r\n }).catch(err => console.log(err)); \r\n\r\n GetSubCategorias().then(response => {\r\n console.log(response);\r\n this.setState({ \r\n SubCategorias:response,\r\n filtroSub:response\r\n \r\n })\r\n \r\n }).catch(err => console.log(err));\r\n\r\n GetColonias().then(response => {\r\n console.log(response);\r\n this.setState({ \r\n Colonias:response,\r\n \r\n })\r\n \r\n}).catch(err => console.log(err));\r\n\r\nGetMunicipios().then(response => {\r\n console.log(response);\r\n this.setState({ \r\n Municipios:response,\r\n \r\n})\r\n\r\n}).catch(err => console.log(err));\r\n\r\nGetAreas().then(response => {\r\n console.log(response);\r\n this.setState({ \r\n Areas:response,\r\n \r\n})\r\n\r\n}).catch(err => console.log(err));\r\n\r\n \r\n}\r\n\r\nvalidateForm(){\r\n let valid=true, errNoFolio=\"\", errNoOficio=\"\";\r\n if(isEmpty(this.state.NoFolio)){\r\n errNoFolio = \"Campo de Folio, esta vacío\";\r\n valid=false;\r\n }\r\n\r\n if(isEmpty(this.state.NoOficio)){\r\n errNoOficio = \"Campo de Oficio, esta vacío\";\r\n valid=false;\r\n }\r\n if(!valid){\r\n this.setState({errNoFolio: errNoFolio, errNoOficio: errNoOficio});\r\n }\r\n return valid;\r\n}\r\n\r\nonChangeArchivo(e) {\r\n this.setState({\r\n Archivo: e.target.files[0]\r\n }) \r\n}\r\n\r\nonChangeNoFolio(e) {\r\n this.setState({\r\n NoFolio: e.target.value\r\n });\r\n }\r\n\r\n onChangedomicilio(e) {\r\n this.setState({\r\n domicilio: e.target.value\r\n });\r\n }\r\n onChangetelefono(e) {\r\n this.setState({\r\n telefono: e.target.value\r\n });\r\n }\r\n onChangeNoOficio(e) {\r\n this.setState({\r\n NoOficio: e.target.value\r\n }) \r\n }\r\n onChangerfc(e) {\r\n this.setState({\r\n rfc: e.target.value\r\n }) \r\n }\r\n onChangecorreo(e) {\r\n this.setState({\r\n correo: e.target.value\r\n }) \r\n }\r\n onChangeapoderado(e) {\r\n this.setState({\r\n apoderado: e.target.value\r\n }) \r\n }\r\n onChangecalle(e) {\r\n this.setState({\r\n calle: e.target.value\r\n }) \r\n }\r\n onChangeno(e) {\r\n this.setState({\r\n no: e.target.value\r\n }) \r\n }\r\n onChangecolonia(e) {\r\n this.setState({\r\n colonia: e.target.value\r\n }) \r\n }\r\n onChangecodigoPostal(e) {\r\n this.setState({\r\n codigoPostal: e.target.value\r\n }) \r\n }\r\n onChangelocalidad(e) {\r\n this.setState({\r\n localidad: e.target.value\r\n }) \r\n }\r\n onChangeentreCalle(e) {\r\n this.setState({\r\n entreCalle: e.target.value\r\n }) \r\n }\r\n onChangeyCalle(e) {\r\n this.setState({\r\n yCalle: e.target.value\r\n }) \r\n }\r\n onChangeinversion(e) {\r\n this.setState({\r\n inversion: e.target.value\r\n }) \r\n }\r\n onChangeobservaciones(e) {\r\n this.setState({\r\n observaciones: e.target.value\r\n }) \r\n }\r\n onChangemedidas(e) {\r\n this.setState({\r\n medidas: e.target.value\r\n });\r\n }\r\n onChangeAforo(e) {\r\n this.setState({\r\n Aforo: e.target.value\r\n });\r\n }\r\n onChangerazonsocial(e) {\r\n this.setState({\r\n razonsocial: e.target.value\r\n });\r\n }\r\n onChangeclavecatastral(e) {\r\n this.setState({\r\n clavecatastral: e.target.value\r\n });\r\n }\r\n onChangeTelefono(e) {\r\n this.setState({\r\n Telefono: e.target.value\r\n });\r\n }\r\n onChangeNombre(e) {\r\n this.setState({\r\n Nombre: e.target.value\r\n });\r\n }\r\n onChangeApellidoPaterno(e) {\r\n this.setState({\r\n ApellidoPaterno: e.target.value\r\n });\r\n }\r\n onChangeApellidoMaterno(e) {\r\n this.setState({\r\n ApellidoMaterno: e.target.value\r\n });\r\n }\r\n onChangeEdad(e) {\r\n this.setState({\r\n Edad: e.target.value\r\n });\r\n }\r\n onChangeCalle(e) {\r\n this.setState({\r\n Calle: e.target.value\r\n });\r\n }\r\n onChangeNoCasa(e) {\r\n this.setState({\r\n NoCasa: e.target.value\r\n });\r\n }\r\n onChangeColonia(e) {\r\n this.setState({\r\n Colonia: e.target.value\r\n });\r\n }\r\n onChangeEntreCalle1(e) {\r\n this.setState({\r\n EntreCalle1: e.target.value\r\n });\r\n }\r\n onChangeEntreCalle2(e) {\r\n this.setState({\r\n EntreCalle2: e.target.value\r\n });\r\n }\r\n onChangeForaneo(e) {\r\n this.setState({\r\n Foraneo: e.target.value\r\n });\r\n }\r\n onChangeAsunto(e) {\r\n this.setState({\r\n Asunto: e.target.value\r\n });\r\n }\r\n onChangeObservaciones(e) {\r\n this.setState({\r\n Observaciones: e.target.value\r\n });\r\n }\r\n onChangeArea(e) {\r\n this.setState({\r\n Area: e.target.value\r\n });\r\n }\r\n onChangeCalleR(e) {\r\n this.setState({\r\n CalleR: e.target.value\r\n });\r\n }\r\n onChangeNoR(e) {\r\n this.setState({\r\n NoR: e.target.value\r\n });\r\n }\r\n onChangeEntreCalle1R(e) {\r\n this.setState({\r\n EntreCalle1R: e.target.value\r\n });\r\n }\r\n onChangeEntreCalle2R(e) {\r\n this.setState({\r\n EntreCalle2R: e.target.value\r\n });\r\n }\r\n \r\n \r\n\r\n /*\r\nonChangenombreNegocio(e) {\r\n this.setState({\r\n nombreNegocio: e.target.value\r\n });\r\n }\r\n onChangetelefonoNegocio(e) {\r\n this.setState({\r\n telefonoNegocio: e.target.value\r\n });\r\n }\r\n */\r\n onChangedenominacionComercial(e) {\r\n this.setState({\r\n denominacionComercial: e.target.value\r\n }) \r\n }\r\n onChangetipoEstablecimiento(e) {\r\n this.setState({\r\n tipoEstablecimiento: e.target.value\r\n }) \r\n }\r\n\r\n\r\n onChangeEmisor(descripcion) {\r\n console.log(descripcion);\r\n let { Emisor} = this.state;\r\n \r\n let newOption = descripcion;\r\n \r\n this.setState({\r\n value2: newOption, \r\n Emisor: [...Emisor],\r\n otro2: Emisor.filter(tipo => tipo.toLowerCase().includes(descripcion.toLowerCase()))\r\n })\r\n }\r\n\r\n onChangeCategorias(descripcion) {\r\n console.log(descripcion);\r\n let { Categorias} = this.state;\r\n \r\n let newOption = descripcion;\r\n \r\n this.setState({\r\n vcategorias: newOption, \r\n Categorias: [...Categorias],\r\n otro: Categorias.filter(tipo => tipo.categoria.toLowerCase().includes(descripcion.categoria.toLowerCase())),\r\n })\r\n\r\n if(descripcion.id_categoria==2 || descripcion.id_categoria==5 || descripcion.id_categoria==11){\r\n this.setState({\r\n filtroSub:this.state.SubCategorias.filter(d=> d.id_categoria==descripcion.id_categoria),\r\n vsubcategorias:''\r\n\r\n })\r\n }\r\n }\r\n\r\n onChangeSubCategorias(descripcion) {\r\n console.log(descripcion);\r\n let { filtroSub} = this.state;\r\n \r\n let newOption = descripcion;\r\n \r\n this.setState({\r\n vsubcategorias: newOption, \r\n filtroSub: [...filtroSub],\r\n otro2: filtroSub.filter(tipo => tipo.subcategoria.toLowerCase().includes(descripcion.subcategoria.toLowerCase()))\r\n })\r\n }\r\n\r\n\r\n onChangeColonias(descripcion) {\r\n console.log(descripcion);\r\n let { Colonias} = this.state;\r\n \r\n let newOption = descripcion;\r\n \r\n this.setState({\r\n vcolonias: newOption, \r\n Colonias: [...Colonias],\r\n otro3: Colonias.filter(tipo => tipo.nombre.toLowerCase().includes(descripcion.nombre.toLowerCase()))\r\n })\r\n }\r\n\r\n onChangeMunicios(descripcion) {\r\n console.log(descripcion);\r\n let { Municipios} = this.state;\r\n \r\n let newOption = descripcion;\r\n \r\n this.setState({\r\n vmunicio: newOption, \r\n Municipios: [...Municipios],\r\n otro4: Municipios.filter(tipo => tipo.nombre.toLowerCase().includes(descripcion.nombre.toLowerCase()))\r\n })\r\n }\r\n\r\n onChangeForaneo(e) {\r\n this.setState({\r\n foraneo: e.target.value\r\n })\r\n }\r\n \r\n\r\n onChangeAreas(descripcion) {\r\n console.log(descripcion);\r\n let { Areas} = this.state;\r\n \r\n let newOption = descripcion;\r\n \r\n this.setState({\r\n vareas: newOption, \r\n Areas: [...Areas],\r\n otro5: Areas.filter(tipo => tipo.nombre.toLowerCase().includes(descripcion.nombre.toLowerCase()))\r\n })\r\n }\r\n\r\n onChangePersona(descripcion) {\r\n console.log(descripcion);\r\n let { Persona} = this.state;\r\n \r\n let newOption = descripcion;\r\n \r\n this.setState({\r\n value3: newOption, \r\n Persona: [...Persona],\r\n otro: Persona.filter(tipo => tipo.descripcion.toLowerCase().includes(descripcion.descripcion.toLowerCase()))\r\n })\r\n }\r\n \r\n onChangeAsuntos(e) {\r\n this.setState({\r\n Asuntos: e.target.value\r\n })\r\n }\r\n onChangeObservaciones(e) {\r\n this.setState({\r\n Observaciones: e.target.value\r\n })\r\n }\r\n onChangeFechaDocumento(e) {\r\n this.setState({\r\n FechaDocumento: e.target.value\r\n })\r\n }\r\n onChangeFechaExpiracion(e) {\r\n this.setState({\r\n FechaExpiracion: e.target.value\r\n })\r\n }\r\n \r\n onChangePruebaEsta(e) {\r\n this.setState({\r\n selectedFile: e.target.value\r\n })\r\n }\r\n \r\n onChangeHandler(e){\r\n \r\n this.setState({\r\n selectedFile: e.target.files[0]\r\n })\r\n }\r\n \r\n onClickHandler() {\r\n const data = new FormData()\r\n data.append('fileStg', this.state.selectedFile)\r\n console.log(\"Esta daga<<\")\r\n console.log(this.state.selectedFile)\r\n console.log(this.state.selectedFile.name)\r\n \r\n // axios.post(\"https://dideco-apis.herokuapp.com/postfile\", data)\r\n // .then(response => alert(response.data))\r\n // .catch(err => /*alert(err.toString())*/);\r\n }\r\n \r\n handleClose() {\r\n this.setState({ show: false });\r\n }\r\n \r\n handleShow() {\r\n this.setState({ show: true });\r\n }\r\n \r\n \r\n\r\n onSubmit(e) {\r\n e.preventDefault();\r\n // this.onClickHandler();\r\n const obj = {\r\n telefono: this.state.Telefono,\r\n nombre: this.state.Nombre,\r\n ap_paterno:this.state.ApellidoPaterno,\r\n ap_materno:this.state.ApellidoMaterno,\r\n edad:this.state.Edad,\r\n calle: this.state.Calle,\r\n no: this.state.NoCasa,\r\n colonia: this.state.vcolonias.id,\r\n entrecalle1: this.state.EntreCalle1,\r\n entrecalle2: this.state.EntreCalle2,\r\n municipio:this.state.vmunicio.id_municipio,\r\n foraneo:this.state.Foraneo,\r\n asunto:this.state.Asunto,\r\n observaciones: this.state.Observaciones,\r\n categoria:this.state.vcategorias.id_categoria,\r\n subcategoria:this.state.vsubcategorias.id,\r\n area:this.state.vareas.id_area,\r\n gestor:1\r\n \r\n };\r\n\r\n console.log(\"aqui esta el reporte <>>>>>\");\r\n console.log(obj);\r\n \r\nif(this.state.Archivo!=''){\r\n PostFile(this.state.Archivo).then(response => {\r\n\r\n\r\n console.log(\"Subir Archivo\");\r\n console.log(response);\r\n\r\n }).catch(err => console.log(err)); \r\n }\r\n AtencionReporte(obj).then(response => {\r\n \r\n console.log(\"Aqui ese supone q se registro el oficio\")\r\n console.log(response);\r\n\r\n if(response!=\"\"){\r\n\r\n let a={\r\nid_oficio:response,documento:this.state.Archivo.name,dictamenR:this.state.Observaciones,id_usuario:1\r\n }\r\n ArchivoAtencionR(a).then(response => {\r\n\r\n console.log(\"asd\");\r\n console.log(response);\r\n\r\n this.setState({\r\n show:true\r\n });\r\n this.props.actArr();\r\n\r\n }).catch(err => console.log(err)); \r\n }\r\n\r\n \r\n \r\n // window.location.reload();\r\n }).catch(err => console.log(err)); \r\n\r\n\r\n\r\n \r\n \r\n \r\n \r\n }\r\n\r\n\r\n\r\n renderRedirect = () => {\r\n if (this.state.redirect==\"F\") {\r\n return \r\n \r\n