Compare commits

...

2 Commits

  1. 4
      src/Components/Operaciones/Viaje/ViajeEstatus.tsx
  2. 78
      src/Components/Utils/MFileManager/MFileManager.tsx
  3. 9
      src/Constants/TargetURL.ts
  4. 1
      src/store/features/Operaciones/OpViajesSlice.ts

@ -43,7 +43,7 @@ export const ViajeEstatus: FC<IProps> = (props) => {
useEffect(() => { useEffect(() => {
enlistaSecuenciaViaje() enlistaSecuenciaViaje()
}, [Secuencia, IDStatus]) }, [Secuencia, IDStatus, props])
const selectedStatus = (e: any) => { const selectedStatus = (e: any) => {
const idx = parseInt(e.target.value) const idx = parseInt(e.target.value)
@ -79,7 +79,7 @@ export const ViajeEstatus: FC<IProps> = (props) => {
sDestino: result[0].sDestino, sDestino: result[0].sDestino,
sOrigen: result[0].sOrigen, sOrigen: result[0].sOrigen,
sTipoOperacion: result[0].sTipoOperacion, sTipoOperacion: result[0].sTipoOperacion,
sTipoUnidad: result[0].sTipoOperacion, sTipoUnidad: result[0].sTipoUnidad,
status: idx, status: idx,
tipoOperacion: result[0].tipoOperacion, tipoOperacion: result[0].tipoOperacion,
tipoUnidad: result[0].tipoOperacion, tipoUnidad: result[0].tipoOperacion,

@ -1,7 +1,15 @@
import React, { FC, useEffect, useState } from 'react' import React, { FC, useEffect, useState } from 'react'
import MFileManagerDS from '../../../Services/Utils/MFileManager.Service' import MFileManagerDS from '../../../Services/Utils/MFileManager.Service'
import IFileManager from '../../../Interfaces/Utils/IFileManager' import IFileManager from '../../../Interfaces/Utils/IFileManager'
import { Alert, Button, Card, Col, ListGroup, Modal, Row } from 'react-bootstrap' import {
Alert,
Button,
Card,
Col,
ListGroup,
Modal,
Row,
} from 'react-bootstrap'
import { IconContext } from 'react-icons' import { IconContext } from 'react-icons'
import { BsFillXCircleFill } from 'react-icons/bs' import { BsFillXCircleFill } from 'react-icons/bs'
import { MsgInformativo } from '../Toast/MsgInformativo' import { MsgInformativo } from '../Toast/MsgInformativo'
@ -21,8 +29,12 @@ export const MFileManager: FC<IProps> = (props) => {
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
}) })
const [IDTrafico, setIDTrafico] = useState<number>(props.IDTrafico ? props.IDTrafico : 0) const [IDTrafico, setIDTrafico] = useState<number>(
const [Proceso, setProceso] = useState<number>(props.Proceso ? props.Proceso : 0) props.IDTrafico ? props.IDTrafico : 0
)
const [Proceso, setProceso] = useState<number>(
props.Proceso ? props.Proceso : 0
)
const [ListaArchivos, setListaArchivos] = useState<IFileManager[]>() const [ListaArchivos, setListaArchivos] = useState<IFileManager[]>()
const [NombreArchivo, setNombreArchivo] = useState('') const [NombreArchivo, setNombreArchivo] = useState('')
const [MsgDialogDelete, setMsgDialogDelete] = useState(false) const [MsgDialogDelete, setMsgDialogDelete] = useState(false)
@ -101,7 +113,9 @@ export const MFileManager: FC<IProps> = (props) => {
window.open(url) window.open(url)
} else if ( } else if (
row.nombreArchivo.toLowerCase().endsWith('.png') || row.nombreArchivo.toLowerCase().endsWith('.png') ||
row.nombreArchivo.toLowerCase().endsWith('.jpg') row.nombreArchivo.toLowerCase().endsWith('.jpg') ||
row.nombreArchivo.toLowerCase().endsWith('.gif') ||
row.nombreArchivo.toLowerCase().endsWith('.jpeg')
) { ) {
const blob = new Blob([response.data], { type: 'image/png' }) const blob = new Blob([response.data], { type: 'image/png' })
const url = window.URL.createObjectURL(blob) const url = window.URL.createObjectURL(blob)
@ -110,7 +124,10 @@ export const MFileManager: FC<IProps> = (props) => {
const url = window.URL.createObjectURL(new Blob([response.data])) const url = window.URL.createObjectURL(new Blob([response.data]))
const link = document.createElement('a') const link = document.createElement('a')
link.href = url link.href = url
link.setAttribute('download', NombreArchivo ? NombreArchivo : 'Archivo.zip') link.setAttribute(
'download',
NombreArchivo ? NombreArchivo : 'Archivo.zip'
)
document.body.appendChild(link) document.body.appendChild(link)
link.click() link.click()
} }
@ -161,9 +178,9 @@ export const MFileManager: FC<IProps> = (props) => {
<Col xs={3}></Col> <Col xs={3}></Col>
<Col xs={5}> <Col xs={5}>
<img <img
src={`${URL.get()}/Utils/MFileManager/GetFileContentById?id=${rec.id}&Proceso=${ src={`${URL.get()}/Utils/MFileManager/GetFileContentById?id=${
rec.proceso rec.id
}`} }&Proceso=${rec.proceso}`}
width={150} width={150}
height={200} height={200}
alt={'Imagen'} alt={'Imagen'}
@ -175,9 +192,15 @@ export const MFileManager: FC<IProps> = (props) => {
<Col <Col
xs={1} xs={1}
alt='De un click aqui para eliminar' alt='De un click aqui para eliminar'
style={{ visibility: props.canEdit ? 'visible' : 'hidden' }} style={{
visibility: props.canEdit
? 'visible'
: 'hidden',
}}
> >
<IconContext.Provider value={{ color: 'red', size: '20px' }}> <IconContext.Provider
value={{ color: 'red', size: '20px' }}
>
<BsFillXCircleFill <BsFillXCircleFill
onClick={() => { onClick={() => {
confirmDelete(rec) confirmDelete(rec)
@ -217,9 +240,15 @@ export const MFileManager: FC<IProps> = (props) => {
<Col <Col
xs={1} xs={1}
alt='De un click aqui para eliminar' alt='De un click aqui para eliminar'
style={{ visibility: props.canEdit ? 'visible' : 'hidden' }} style={{
visibility: props.canEdit
? 'visible'
: 'hidden',
}}
> >
<IconContext.Provider value={{ color: 'red', size: '20px' }}> <IconContext.Provider
value={{ color: 'red', size: '20px' }}
>
<BsFillXCircleFill <BsFillXCircleFill
onClick={() => { onClick={() => {
confirmDelete(rec) confirmDelete(rec)
@ -263,9 +292,18 @@ export const MFileManager: FC<IProps> = (props) => {
{rec.nombreArchivo.substring(0, 40)} {rec.nombreArchivo.substring(0, 40)}
</span> </span>
</Col> </Col>
<Col xs={1} style={{ visibility: props.canEdit ? 'visible' : 'hidden' }}> <Col
xs={1}
style={{
visibility: props.canEdit
? 'visible'
: 'hidden',
}}
>
<span> <span>
<IconContext.Provider value={{ color: 'red', size: '20px' }}> <IconContext.Provider
value={{ color: 'red', size: '20px' }}
>
<BsFillXCircleFill <BsFillXCircleFill
onClick={() => { onClick={() => {
confirmDelete(rec) confirmDelete(rec)
@ -287,7 +325,11 @@ export const MFileManager: FC<IProps> = (props) => {
)} )}
</Card.Body> </Card.Body>
</Card> </Card>
<Modal show={MsgDialogDelete} onHide={() => setMsgDialogDelete(false)} size='lg'> <Modal
show={MsgDialogDelete}
onHide={() => setMsgDialogDelete(false)}
size='lg'
>
<Modal.Body> <Modal.Body>
<h5> <h5>
Favor de confirmar Favor de confirmar
@ -303,7 +345,11 @@ export const MFileManager: FC<IProps> = (props) => {
<Modal.Footer> <Modal.Footer>
<Row> <Row>
<Col xs={1}> <Col xs={1}>
<Button variant='secondary' onClick={() => setMsgDialogDelete(false)} size='sm'> <Button
variant='secondary'
onClick={() => setMsgDialogDelete(false)}
size='sm'
>
Cerrar Cerrar
</Button> </Button>
</Col> </Col>

@ -1,5 +1,8 @@
export class TargetURL { export class TargetURL {
get() { get() {
return (!process.env.NODE_ENV || process.env.NODE_ENV === 'development') ? "https://localhost:7000/api" : "https://www.alphaomega.com.mx/AOLBackend/api" /* return (!process.env.NODE_ENV || process.env.NODE_ENV === 'development') ? "https://localhost:5050/api" : "https://www.alphaomega.com.mx/AOLBackend/api" */
} return !process.env.NODE_ENV || process.env.NODE_ENV === 'development'
? 'https://localhost:5050/api'
: 'https://aol.gemcousa.mx/AOLBackend/api'
} }
}

@ -21,6 +21,7 @@ export const OpViajesSlice = createSlice({
console.log('valor de i: '+i) console.log('valor de i: '+i)
if (i > -1) state.OpViajes[i] = action.payload; if (i > -1) state.OpViajes[i] = action.payload;
else state.OpViajes.push(action.payload); else state.OpViajes.push(action.payload);
console.log('payload='+JSON.stringify(action.payload))
}, },
deleteOpViajes : (state, action: PayloadAction<number>) => { deleteOpViajes : (state, action: PayloadAction<number>) => {
const newArr = state.OpViajes.filter(data => data.id != action.payload); const newArr = state.OpViajes.filter(data => data.id != action.payload);

Loading…
Cancel
Save