Se agrega el historico de rectificaciones

src/Components/Dashboard/Dashboard.tsx

@@ -16,6 +16,7 @@ export const Dashboard: FC<IProps> = (props) => {
     const stickyValue = window.localStorage.getItem('User')
     return stickyValue !== null ? JSON.parse(stickyValue) : 0
   })
+
   return (
     <div>
       <br />

src/Components/Dashboard/DashboardCorresponsales.tsx

@@ -141,7 +141,7 @@ export const DashboardCorresponsales: FC<IProps> = (props) => {
               {/*  <Col xs={3}></Col> */}
               <Col xs={6} style={{ paddingRight: '5px' }}>
                 <Link
-                  to={`../RptCorresponsalesTraficos?proc=1&modo=1`}
+                  to={`../RptCorresponsalesTraficos/proc=1/modo=1`}
                   style={{
                     textDecoration: 'none',
                     float: 'right',

src/Components/Login/login.tsx

@@ -13,6 +13,7 @@ import { RootState } from '../../store/store'
 import { AxiosError } from 'axios'
 import { MsgInformativo } from '../Utils/Toast/msgInformativo'
 import logo from '../../images/GEMCO_mini.png'
+import { Dashboard } from '../Dashboard/Dashboard'
 
 export const Login: React.FC<{}> = () => {
   const dispatch = useDispatch()
@@ -155,7 +156,7 @@ export const Login: React.FC<{}> = () => {
           />
         </div>
       ) : (
-        <div></div>
+        <div><Dashboard/></div>
       )}
     </div>
   )

src/Components/Reportes/RptCorresponsalesTraficos.tsx

@@ -20,10 +20,13 @@ import { InitCorresponsalesContenedores } from '../../store/features/Corresponsa
 import { useDispatch } from 'react-redux'
 import { IconContext } from 'react-icons'
 import { ProgressBar } from './customCells/progressBar'
+import { useParams } from 'react-router-dom'
+import { FaHandSparkles } from 'react-icons/fa'
 
 interface IProps {}
 
 export const RptCorresponsalesTraficos: FC<IProps> = (props) => {
+  const { proc, modo } = useParams()
   const [UserId, setUserId] = useState(() => {
     const stickyValue = window.localStorage.getItem('UserId')
     return stickyValue !== null ? JSON.parse(stickyValue) : 0
@@ -33,9 +36,7 @@ export const RptCorresponsalesTraficos: FC<IProps> = (props) => {
     return stickyValue !== null ? JSON.parse(stickyValue) : ''
   })
   const queryParams = new URLSearchParams(window.location.search)
-  const Proc = queryParams.get('proc')
   const status = queryParams.get('status')
-  const Modo = queryParams.get('modo')
   const [StatusAnticipos, setStatusAnticipos] = useState(status ? parseInt(status) : 0)
   const dispatch = useDispatch()
   const [IDTrafico, setIDTrafico] = useState(0)
@@ -180,7 +181,8 @@ export const RptCorresponsalesTraficos: FC<IProps> = (props) => {
     return yyyy + '-' + mm + '-' + dd
   }
 
-  useEffect(() => {
+/*   useEffect(() => {
+    if (proc && modo) {
     if (status) {
       setStatusAnticipos(parseInt(status))
     } else setStatusAnticipos(0)
@@ -190,8 +192,8 @@ export const RptCorresponsalesTraficos: FC<IProps> = (props) => {
       TipoOperacion: 0,
       NoCliente: 0,
       IdCorresponsal: Corresponsal,
-      Proceso: Proc ? parseInt(Proc) : 0,
+      Proceso: proc ? parseInt(proc.replace('proc=','')) : 0,
-      Modo: Modo ? parseInt(Modo) : 0,
+      Modo: modo ? parseInt(modo.replace('modo=','')) : 0,
     }
     reportesServices
       .getRptCorresponsalesTraficos(data)
@@ -205,7 +207,8 @@ export const RptCorresponsalesTraficos: FC<IProps> = (props) => {
         setShowMsg(true)
         return
       })
-  }, [Proc, status])
+    }
+  }, [proc, modo]) */
 
   useEffect(() => {
     ClientesDataService.getAllClientes(UserId)
@@ -229,6 +232,7 @@ export const RptCorresponsalesTraficos: FC<IProps> = (props) => {
         setShowMsg(true)
         return
       })
+      generaReporte()
   }, [])
 
   function getParams(e: RowClickedEvent) {
@@ -244,14 +248,15 @@ export const RptCorresponsalesTraficos: FC<IProps> = (props) => {
   }
 
   const generaReporte = () => {
+    if (proc && modo) {
     const data: DTORptCorresponsalesTraficos = {
       Inicio: moment(Inicio).format('YYYY-MM-DD'),
       Fin: moment(Fin).format('YYYY-MM-DD'),
       TipoOperacion: TipoOperacion,
       NoCliente: Cliente,
       IdCorresponsal: Corresponsal,
-      Proceso: Proc ? parseInt(Proc) : 0,
+      Proceso: proc ? parseInt(proc.replace('proc=','')) : 0,
-      Modo: Modo ? parseInt(Modo) : 0,
+      Modo: modo ? parseInt(modo.replace('modo=','')) : 0,
     }
     reportesServices
       .getRptCorresponsalesTraficos(data)
@@ -266,6 +271,7 @@ export const RptCorresponsalesTraficos: FC<IProps> = (props) => {
         setShowMsg(true)
         return
       })
+    }
   }
 
   const filtraReporte = (e: any) => {
@@ -500,7 +506,10 @@ export const RptCorresponsalesTraficos: FC<IProps> = (props) => {
         dialogClassName='modal-90w modal-innerDiv'
         disableEscapeKeyDown={true}
       >
-        <Modal.Body>
+        <Modal.Body style={{
+      maxHeight: 'calc(100vh)',
+      overflowY: 'auto'
+     }}>
           <div>
             <TraficoCorresponsales
               IDTrafico={IDTrafico}

src/Components/Utils/Notificaciones/Notificaciones.tsx

@@ -30,6 +30,7 @@ import DTONotificacionesContactoGrupo from '../../../DTO/Utils/Notificaciones/DT
 import { number } from 'yup/lib/locale'
 import INotificacionesConceptos from '../../../Interfaces/Utils/INotificacionesConceptos'
 import INotificacionesLog from '../../../Interfaces/Utils/INotificacionesLog'
+import { FaCaretSquareDown, FaCaretSquareLeft } from 'react-icons/fa'
 
 export interface INotificacionesProps {}
 
@@ -455,45 +456,60 @@ export function Notificaciones(props: INotificacionesProps) {
               </span>
             </Col>
             <Col xs={5}>
-              <Form.Group className="typeahead-form-group">
+              <div className="mainDiv">
-                <Form.Control
+                <Form.Group className="typeahead-form-group">
-                  autoComplete="off"
+                  <Form.Control
-                  type="text"
+                    autoComplete="off"
-                  id="Cliente"
+                    type="text"
-                  value={Concepto}
+                    id="Concepto"
-                  size="sm"
+                    value={Concepto}
-                  className="pull-right"
+                    size="sm"
-                  onChange={(e) => {
+                    className="pull-right"
-                    setConcepto(e.target.value)
+                    onChange={(e) => {
-                    setSelectedConcepto(false)
+                      setConcepto(e.target.value)
-                  }}
+                      setSelectedConcepto(false)
-                  onKeyDown={(e) => {
+                    }}
-                    handleKeyDown(e)
+                    onKeyDown={(e) => {
-                  }}
+                      handleKeyDown(e)
-                />
+                    }}
-                <Dropdown
+                  />
-                  className="d-inline mx-6"
+                  <Dropdown
-                  show={!SelectedConcepto && Concepto.length > 1}
+                    className="d-inline mx-6"
-                >
+                    show={!SelectedConcepto}
-                  <Dropdown.Menu>
+                  >
-                    {CatConceptos.filter((result) =>
+                    <Dropdown.Menu>
-                      result.concepto
+                      {CatConceptos.filter((result) =>
-                        .toLocaleLowerCase()
+                        result.concepto
-                        .includes(Concepto.toLocaleLowerCase())
+                          .toLocaleLowerCase()
-                    ).map((result) => (
+                          .includes(Concepto.toLocaleLowerCase())
-                      <Dropdown.Item
+                      ).map((result) => (
-                        onClick={() => {
+                        <Dropdown.Item
-                          setIdConcepto(result.id)
+                          onClick={() => {
-                          setConcepto(result.concepto)
+                            setIdConcepto(result.id)
-                          setSelectedConcepto(true)
+                            setConcepto(result.concepto)
-                        }}
+                            setSelectedConcepto(true)
-                      >
+                          }}
-                        {result.concepto}
+                        >
-                      </Dropdown.Item>
+                          {result.concepto}
-                    ))}
+                        </Dropdown.Item>
-                  </Dropdown.Menu>
+                      ))}
-                </Dropdown>
+                    </Dropdown.Menu>
-              </Form.Group>
+                  </Dropdown>
+                </Form.Group>
+              </div>
+            </Col>
+            <Col style={{ paddingLeft: '0px' }}>
+              <div onClick={() => setSelectedConcepto(!SelectedConcepto)}>
+                {!SelectedConcepto ? (
+                  <IconContext.Provider value={{ color: '#8AA2B8', size: '30px' }}>
+                    <FaCaretSquareDown />
+                  </IconContext.Provider>
+                ) : (
+                  <IconContext.Provider value={{ color: '#8AA2B8', size: '30px' }}>
+                    <FaCaretSquareLeft />
+                  </IconContext.Provider>
+                )}{' '}
+              </div>
             </Col>
             <Col xs={1} style={{ textAlign: 'right' }}>
               Grupo
@@ -510,7 +526,7 @@ export function Notificaciones(props: INotificacionesProps) {
                 </IconContext.Provider>
               </span>
             </Col>
-            <Col xs={4}>
+            <Col xs={3}>
               <Form.Control
                 as="select"
                 onChange={(e) => {

src/DTO/Corresponsales/DTORectificacionHistorico.ts

@@ -0,0 +1,4 @@
+export default interface DTORectificacionHistorico {
+    IdTrafico: number,
+    IdUsuario: number
+}

src/Interfaces/Corresponsales/ICorresponsalRectificacionHistorico.ts

@@ -0,0 +1,12 @@
+export default interface ICorresponsalRectificacionHistorico {
+  id: number
+  usuario: number
+  idTrafico: number
+  aduana: number
+  patente: number
+  pedimento: number
+  clave: string
+  fechaPago: string
+  fhCreacion: string
+  activo: number
+}

src/Services/Corresponsalias/Corresponsales.Trafico.Services.ts

@@ -4,6 +4,8 @@ import ICorresponsalesRectificaciones from "../../Interfaces/Corresponsales/ICor
 import ICorresponsalesCatTraficoEstatus from "../../Interfaces/Corresponsales/ICorresponsalesCatTraficoEstatus";
 import DTOTraficoCompleto from "../../DTO/Corresponsales/DTOTraficoCompleto";
 import IRespuesta from "../../Interfaces/IRespuesta";
+import ICorresponsalRectificacionHistorico from "../../Interfaces/Corresponsales/ICorresponsalRectificacionHistorico";
+import DTORectificacionHistorico from "../../DTO/Corresponsales/DTORectificacionHistorico";
 
 class Corresponsales_Trafico_DataService {
   GetAll(id: number) {
@@ -24,5 +26,11 @@ class Corresponsales_Trafico_DataService {
   ValidateComplete(data: DTOTraficoCompleto) {
     return http.put<IRespuesta>(`/Corresponsalias/Traficos/ValidateComplete/${data.id}`,data);
   }
+  AppendRectificacionHistorico(data: DTORectificacionHistorico) {
+    return http.post<Boolean>(`Corresponsalias/Traficos/Rectificacion/Historico/Append`,data);
+  }
+  GetRectificacionHistorico(IdTrafico: number) {
+    return http.get<ICorresponsalRectificacionHistorico>(`Corresponsalias/Traficos/Rectificacion/Historico/Get?IdTrafico=${IdTrafico}`);
+  }
 }
 export default new Corresponsales_Trafico_DataService();

src/css/generic01.css

@@ -21,13 +21,13 @@
 
 .modal-90w {
     width: 90%;
-    max-width: none !important;
  /*    max-height: 90% !important; */
+ max-height: 'calc(100vh - 50px)' !important; 
 }
 
 .modal-innerDiv {
-    height: 95%;
+   /*  height: 95%; */
-    overflow-y: scroll;
+    max-height: 'calc(100vh - 50px)' !important; 
 }
 
 .react-bootstrap-table {

src/index.tsx

@@ -105,7 +105,7 @@ ReactDOM.render(
             />
             <Route path='/Dashboard' element={<Dashboard />} />
             <Route
-              path='/RptCorresponsalesTraficos'
+              path='/RptCorresponsalesTraficos/:proc/:modo'
               element={<RptCorresponsalesTraficos />}
             />
             <Route