alfonso
/
GEMCOFrontend
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Se modifico register Userlist y IRegister para agregar departamento al formulario

Browse Source
featureDepto4User
Luis Rendon 1 year ago
parent b2ff145834
commit 81b705feb5
3 changed files with 101 additions and 48 deletions
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Show Stats Download Patch File Download Diff File
  1. 22
      src/Components/Register/UserList/UserList.tsx
  2. 66
      src/Components/Register/register.tsx
  3. 61
      src/Interfaces/IRegister.tsx

22
src/Components/Register/UserList/UserList.tsx
Unescape View File

@ -117,12 +117,27 @@ export const UserList: React.FC<IProps> = (props) => {
), ),
sortable: true sortable: true
}, },
{
name: 'Departamento',
width: '250px',
cell: (row: IRegister) => (
<div
style={{ width: '100%' }}
onClick={() => {
props.GetUserInfo(row)
}}
>
{row.departamento}
</div>
),
sortable: true
},
{ {
name: 'Estatus', name: 'Estatus',
width: '90px', width: '90px',
cell: (row: IRegister) => ( cell: (row: IRegister) => (
<div <div
style={{ width: '100%', textAlign:'center' }} style={{ width: '100%', textAlign: 'center' }}
onClick={() => { onClick={() => {
props.GetUserInfo(row) props.GetUserInfo(row)
}} }}
@ -152,6 +167,10 @@ export const UserList: React.FC<IProps> = (props) => {
return NoAsignado return NoAsignado
} }
// getDepartamento = (Id: Number) => {
// }
useEffect(() => { useEffect(() => {
usuariosServices usuariosServices
.getAllUsuarios() .getAllUsuarios()
@ -166,6 +185,7 @@ export const UserList: React.FC<IProps> = (props) => {
.then((response) => { .then((response) => {
setDataPerfiles(response.data) setDataPerfiles(response.data)
}) })
.catch((e: Error) => { .catch((e: Error) => {
console.log(e) console.log(e)
}) })

66
src/Components/Register/register.tsx
Unescape View File

@ -18,6 +18,8 @@ import {
import { useEffect, useState } from 'react' import { useEffect, useState } from 'react'
import IPerfilesMenu from '../../Interfaces/IPerfilesMenu' import IPerfilesMenu from '../../Interfaces/IPerfilesMenu'
import { IPerfil } from '../../Interfaces/Catalogos/IPerfiles' import { IPerfil } from '../../Interfaces/Catalogos/IPerfiles'
// import { IDepartamento } from '../../Interfaces/Catalogos/IDepartamento'
import PerfilesMenuServices from '../../Services/Catalogos/PerfilesMenu.Services' import PerfilesMenuServices from '../../Services/Catalogos/PerfilesMenu.Services'
import ClientesServices from '../../Services/Catalogos/Clientes.Services' import ClientesServices from '../../Services/Catalogos/Clientes.Services'
import usuariosServices from '../../Services/Catalogos/Usuarios.Services' import usuariosServices from '../../Services/Catalogos/Usuarios.Services'
@ -34,6 +36,7 @@ import DTOUsuariosShort from '../../DTO/DTOUsuariosShort'
import DTOClonarUsuario from '../../DTO/DTOClonarUsuario' import DTOClonarUsuario from '../../DTO/DTOClonarUsuario'
import { AdmonPerfiles } from './admonPerfiles/AdmonPerfiles' import { AdmonPerfiles } from './admonPerfiles/AdmonPerfiles'
import { Form as FormCtrl } from 'react-bootstrap' import { Form as FormCtrl } from 'react-bootstrap'
import { Console } from 'console'
interface IProps {} interface IProps {}
@ -52,7 +55,7 @@ const SignupSchema = Yup.object().shape({
correo: Yup.string().email('Correo invalido').required('Requirido') correo: Yup.string().email('Correo invalido').required('Requirido')
}) })
export default function Register(props:IProps) { export default function Register(props: IProps) {
const [UserId, setUserId] = useState(() => { const [UserId, setUserId] = useState(() => {
const stickyValue = window.localStorage.getItem('UserId') const stickyValue = window.localStorage.getItem('UserId')
return stickyValue !== null ? JSON.parse(stickyValue) : 0 return stickyValue !== null ? JSON.parse(stickyValue) : 0
@ -92,6 +95,7 @@ export default function Register(props:IProps) {
const [TokenAccesoM, setTokenAccesoM] = useState('') const [TokenAccesoM, setTokenAccesoM] = useState('')
const [DeviceToken, setDeviceToken] = useState('') const [DeviceToken, setDeviceToken] = useState('')
const [IdPerfil, setIdPerfil] = useState(0) const [IdPerfil, setIdPerfil] = useState(0)
const [Departamento, setDepartamento] = useState('')
const [user2Clone, setUser2Clone] = React.useState(0) const [user2Clone, setUser2Clone] = React.useState(0)
const [perfiles, setPerfiles] = useState<IPerfil[]>([ const [perfiles, setPerfiles] = useState<IPerfil[]>([
{ {
@ -140,7 +144,8 @@ export default function Register(props:IProps) {
codigoAccesoM: CodigoAccesoM, codigoAccesoM: CodigoAccesoM,
tokenAccesoM: TokenAccesoM, tokenAccesoM: TokenAccesoM,
deviceToken: DeviceToken, deviceToken: DeviceToken,
idPerfil: IdPerfil idPerfil: IdPerfil,
departamento: Departamento
} }
const initialValuesPerfiles: IPerfil = { const initialValuesPerfiles: IPerfil = {
@ -148,6 +153,11 @@ export default function Register(props:IProps) {
perfil: '' perfil: ''
} }
// const initialValuesDepartamento: IDepartamento = {
// id: Dept,
// descripcion: ''
// }
function getUsuario() { function getUsuario() {
const item = localStorage.getItem('tokenInfo') const item = localStorage.getItem('tokenInfo')
let Usr = '' let Usr = ''
@ -367,13 +377,13 @@ export default function Register(props:IProps) {
} }
const CloseModalPerfiles = (show: boolean): void => { const CloseModalPerfiles = (show: boolean): void => {
//setmodalAdmonPerfiles(false); setmodalAdmonPerfiles(false)
} }
function loadAllUserInfo(id: number) {} function loadAllUserInfo(id: number) {}
const GetUserInfo = (data: IRegister): void => { const GetUserInfo = (data: IRegister): void => {
console.log('data from get usuario '+JSON.stringify(data)) console.log('data from get usuario ' + JSON.stringify(data))
setIdUsuario(data.id) setIdUsuario(data.id)
setUsuario(data.usuario) setUsuario(data.usuario)
setNombre(data.nombre) setNombre(data.nombre)
@ -381,16 +391,20 @@ export default function Register(props:IProps) {
setCorreo(data.correo) setCorreo(data.correo)
setIdPerfil(data.idPerfil) setIdPerfil(data.idPerfil)
loadAllUserInfo(data.id) loadAllUserInfo(data.id)
setTipoUsuario(data.tipoUsuario)
setDepartamento(data.departamento)
setDept(data.dept)
} }
const clonaInformacion = (): void => { const clonaInformacion = (): void => {
// alert(IdPerfil) // alert(IdPerfil)
if (IdPerfil == 0) { if (IdPerfil == 0) {
setToastPerfil(true) setToastPerfil(true)
setmsgDialog('') setmsgDialog('')
return return
} else } else setShowConfirmation(true)
setShowConfirmation(true)
} }
const ChangeUser2Clone = (e: any): void => { const ChangeUser2Clone = (e: any): void => {
@ -542,6 +556,7 @@ export default function Register(props:IProps) {
name="nombre" name="nombre"
className="form-control" className="form-control"
placeholder="nombre" placeholder="nombre"
// onChange={(e) => setNombre(e.target.value)}
/> />
{errors.nombre && touched.nombre ? ( {errors.nombre && touched.nombre ? (
<div> <div>
@ -683,24 +698,39 @@ export default function Register(props:IProps) {
</Field> </Field>
</div> </div>
</div> </div>
<div className="col"> <div className="col">
<div className="form-group"> <div className="form-group">
<label <label
className="text-info" className="text-info"
htmlFor="fechaModifico" htmlFor="Departamento"
> >
Fecha modifico Departamento
</label> </label>
<Field <FormCtrl.Control
id="fechaModifico" as="select"
name="fechaModifico" value={Dept}
readOnly="readOnly" onChange={
className="form-control" (e) => setDept(parseInt(e.target.value))
placeholder="Fecha modifico" // setDepartamento(e.target.value)
defaultValue={currentDate()} }
/> className="form-select form-select-sm"
// style={{ width: '270px', height: '37px' }}
>
<option value="1">Corresponsalias</option>
<option value="2">Contabilidad</option>
<option value="3">Sistemas</option>
<option value="4">Dirrecion</option>
<option value="5">Administracion</option>
<option value="6">Facturacion</option>
<option value="7">Clasificacion</option>
<option value="8">Trafico</option>
<option value="9">Operaciones</option>
</FormCtrl.Control>
</div> </div>
</div> </div>
{/* aquo termina el div */}
</div> </div>
</Accordion.Body> </Accordion.Body>
</Accordion.Item> </Accordion.Item>
@ -770,6 +800,8 @@ export default function Register(props:IProps) {
name="dept" name="dept"
className="form-control" className="form-control"
placeholder="departamento" placeholder="departamento"
// IsReadOnly="True"
disabled="diabled"
/> />
</div> </div>
</div> </div>

61
src/Interfaces/IRegister.tsx
Unescape View File

@ -1,32 +1,33 @@
export interface IRegister { export interface IRegister {
id: number; id: number
usuario: string; usuario: string
nombre: string; nombre: string
contrasena: string; contrasena: string
correo: string; correo: string
tipoUsuario: number; tipoUsuario: number
activo: number; activo: number
fechaAlta: string; fechaAlta: string
usuarioAlta: number; usuarioAlta: number
fechaModifico: string; fechaModifico: string
usuarioModifico: number; usuarioModifico: number
fechaElimino: string; fechaElimino: string
usuarioElimino: number; usuarioElimino: number
motivoElimino: string; motivoElimino: string
idModulo: number; idModulo: number
dept: number; dept: number
tmercancia: number; tmercancia: number
fechaUltimaVisita: string; fechaUltimaVisita: string
visitas: number; visitas: number
internos: number; internos: number
permisoEspecial: number; permisoEspecial: number
estadoConfiguracion: number; estadoConfiguracion: number
fechaValidacionConf: string; fechaValidacionConf: string
realizoEncuesta: string; realizoEncuesta: string
encuestaActiva: number; encuestaActiva: number
fechaLimiteEncuesta: string; fechaLimiteEncuesta: string
codigoAccesoM: string; codigoAccesoM: string
tokenAccesoM: string; tokenAccesoM: string
deviceToken: string; deviceToken: string
idPerfil: number; idPerfil: number
departamento: string
} }

Write Preview
Loading…
Cancel
Save