Implementacion del catalogo de tipos de contenedores y agregar el funcionamiento para asignar el tipo de contenedor

src/Components/Corresponsales/Contenedores/Contenedores.tsx

@@ -87,6 +87,7 @@ export const Contenedores: FC<IProps> = (props) => {
       idTrafico: props.IDTrafico,
       fSemaforo: '',
       semaforo: 0,
+      idTipoContenedor:0
     }
     CContDataService.Append(data)
       .then((response) => {

src/Components/Corresponsales/Contenedores/ControlledInput/ControlledInput.tsx

@@ -37,6 +37,7 @@ export const ControlledInput: FC<IProps> = (props) => {
         idTrafico: props.IDTrafico,
         fSemaforo: '',
         semaforo: 0,
+        idTipoContenedor:0
       }
       CContDataService.Append(data)
         .then((response) => {

src/Components/Corresponsales/Contenedores/SelectContainer.tsx

@@ -31,6 +31,7 @@ export const SelectContainer: FC<IProps> = (props) => {
   const dispatch = useDispatch()
   const [toggleSelect, setToggleSelect] = useState(false)
   const mCContenedores = useSelector((state: RootState) => state.CCData.CorresponsalesContenedores)
+  const mCTiposContenedores = useSelector((state: RootState) => state.CTiposContenedores.CatTiposContenedores)
   const [Contenedor, setContenedor] = useState('')
   const [IDContenedor, setIDContenedor] = useState(0)
   const [Placeholder, setPlaceholder] = useState('')
@@ -39,6 +40,7 @@ export const SelectContainer: FC<IProps> = (props) => {
   const [FSemaforo, setFSemaforo] = useState<Date | null>()
   const [Semaforo, setSemaforo] = useState(0)
   const [ShowFacturasDialog, setShowFacturasDialog] = useState(false)
+  const [IdTipoContenedor, setIdTipoContenedor] = useState(0)
 
   useEffect(() => {
     setPlaceholder('(' + mCContenedores.filter((item) => item.id > 0).length + ') Contenedores')
@@ -63,6 +65,7 @@ export const SelectContainer: FC<IProps> = (props) => {
         idTrafico: props.IDTrafico,
         fSemaforo: FSemaforo ? adjustTimeZone(FSemaforo.toISOString()) : '',
         semaforo: 2,
+        idTipoContenedor: 0
       }
       CContDataService.Append(data)
         .then((response) => {
@@ -93,6 +96,7 @@ export const SelectContainer: FC<IProps> = (props) => {
       idTrafico: props.IDTrafico,
       fSemaforo: FSemaforo ? adjustTimeZone(FSemaforo.toISOString()) : '',
       semaforo: Semaforo,
+      idTipoContenedor: IdTipoContenedor
     }
     // console.log(JSON.stringify(data))
     CContDataService.Append(data)
@@ -251,6 +255,7 @@ export const SelectContainer: FC<IProps> = (props) => {
                                     onClick={() => {
                                       setFSemaforo(StrtoDate(item.fSemaforo))
                                       setSemaforo(item.semaforo)
+                                      setIdTipoContenedor(item.idTipoContenedor)
                                       setDialogAddDate(true)
                                       setToggleSelect(!toggleSelect)
                                     }}
@@ -325,6 +330,24 @@ export const SelectContainer: FC<IProps> = (props) => {
                 <b>¿Esta seguro de agregar fecha al contenedor: {Contenedor}?</b>
               </Col>
             </Row>
+            <Row className='justify-content-end'>
+              <Col xs={5}>
+                Tipo de Contenedor
+              </Col>
+              <Col xs={7}>
+                <Form.Control
+                  as='select'
+                  onChange={(e) => {setIdTipoContenedor(+e.target.value)}}
+                  value={IdTipoContenedor}
+                  className='form-select form-select-sm'
+                >
+                  <option value={0}>-SELECCIONE-</option>
+                  {mCTiposContenedores ? mCTiposContenedores.map((t) => {
+                    return <option value={t.id}>{t.descripcion}</option>
+                  }) : null}
+                </Form.Control>
+              </Col>
+            </Row>
             <Row style={{ paddingTop: '10px' }}>
               <Col xs={4}></Col>
               <Col xs={2}>Fecha</Col>

src/Components/Corresponsales/TraficoCorresponsales.tsx

@@ -133,6 +133,8 @@ import { CrearSolicitud } from './SolicitudReapertura/CrearSolicitud'
 import { AutorizarSolicitud } from './SolicitudReapertura/AutorizarSolicitud'
 import { DTOTraficoSolicitud } from '../../DTO/Corresponsales/DTOTraficoSolicitud'
 import CorresponsalesTraficoSolicitudService from '../../Services/Corresponsalias/Corresponsales.Trafico.Solicitud.Service'
+import TiposContenedoresService from '../../Services/Catalogos/TiposContenedores.Service'
+import { populateCatTiposContenedores } from '../../store/features/CatTiposContenedores/CatTiposContenedoresSlice'
 
 interface IProps {
   IDTrafico: number
@@ -716,6 +718,16 @@ export default function TraficoCorresponsales (props:IProps) {
           setShowMsg(true)
           return
         })
+      await TiposContenedoresService.getAll()
+        .then((response) => {
+          dispatch(populateCatTiposContenedores(response.data))
+        })
+        .catch((e: Error) => {
+          setHeader('Error')
+          setMsg('Ocurrio un error: ' + e)
+          setShowMsg(true)
+          return
+        })
       await CAntDataService.getAll(IDTrafico)
         .then((response) => {
           dispatch(populateCorresponsalesAnticipos(response.data))

src/Components/Reportes/RptCorresponsalesTraficos.tsx

@@ -450,10 +450,10 @@ export default function RptCorresponsalesTraficos(props: IProps) {
                   contenedor.semaforo = +element[23] === 1 ? 2 : 1
                   await saveTxtContenedores(contenedor);
                 }else{
-                  await saveTxtContenedores({id: 0, contenedor: element[32], idTrafico: model.id , fSemaforo: element[22], semaforo: +element[23] === 1 ? 2 : 1});
+                  await saveTxtContenedores({id: 0, contenedor: element[32], idTrafico: model.id , fSemaforo: element[22], semaforo: +element[23] === 1 ? 2 : 1,idTipoContenedor:0});
                 }
               }else{
-                await saveTxtContenedores({id: 0, contenedor: element[32], idTrafico: model.id , fSemaforo: element[22], semaforo: +element[23] === 1 ? 2 : 1});
+                await saveTxtContenedores({id: 0, contenedor: element[32], idTrafico: model.id , fSemaforo: element[22], semaforo: +element[23] === 1 ? 2 : 1, idTipoContenedor:0});
               }
             })
             .catch((e: Error) => {

src/Interfaces/Catalogos/ICatTiposContenedores.ts

@@ -0,0 +1,4 @@
+export interface ICatTiposContenedores{
+    id: number;
+    descripcion: number;
+}

src/Interfaces/Corresponsales/ICorresponsalContenedores.ts

@@ -4,5 +4,6 @@ export default interface ICorresponsalContenedores {
     idTrafico: number,
     fSemaforo: string,
     semaforo: number,
+    idTipoContenedor: number,
     activo?: boolean
 }

src/Services/Catalogos/TiposContenedores.Service.ts

@@ -0,0 +1,10 @@
+import http from "../common/http-common";
+import { ICatTiposContenedores } from "../../Interfaces/Catalogos/ICatTiposContenedores";
+
+class CatTiposContenedoresService{
+    getAll(){
+        return http.get<ICatTiposContenedores[]>('/Catalogos/CatTiposContenedores/');
+    }
+}
+
+export default new CatTiposContenedoresService();

src/store/features/CatTiposContenedores/CatTiposContenedoresSlice.ts

@@ -0,0 +1,21 @@
+import { createSlice, PayloadAction } from '@reduxjs/toolkit'
+import { ICatTiposContenedores } from '../../../Interfaces/Catalogos/ICatTiposContenedores'
+
+const CatTiposContenedores: ICatTiposContenedores[] = []
+const initialState = {CatTiposContenedores}
+
+export const CatTiposContenedoresSlice = createSlice({
+    name: 'CatTiposContenedores',
+    initialState: initialState,
+    reducers: {
+        populateCatTiposContenedores : (state, action: PayloadAction<ICatTiposContenedores[]>) => {
+            state.CatTiposContenedores = []
+            state.CatTiposContenedores.push(... action.payload)
+          },
+    }
+})
+
+export const {
+    populateCatTiposContenedores, 
+    } = CatTiposContenedoresSlice.actions;
+  export default CatTiposContenedoresSlice.reducer;

src/store/features/Corresponsales/CorresponsalesContenedoresSlice.ts

@@ -1,6 +1,6 @@
 import { createSlice, PayloadAction } from '@reduxjs/toolkit'
 import ICorresponsalContenedores from '../../../Interfaces/Corresponsales/ICorresponsalContenedores';
-const CorresponsalesContenedores: ICorresponsalContenedores[] = [{id:0, contenedor:'-Seleccione-', idTrafico:0, fSemaforo:'', semaforo:0}]
+const CorresponsalesContenedores: ICorresponsalContenedores[] = [{id:0, contenedor:'-Seleccione-', idTrafico:0, fSemaforo:'', semaforo:0, idTipoContenedor:0}]
 const initialState = { CorresponsalesContenedores }
 
 export const CorresponsalesContenedoresSlice = createSlice({
@@ -26,7 +26,7 @@ export const CorresponsalesContenedoresSlice = createSlice({
     },
     InitCorresponsalesContenedores : (state, action: PayloadAction<number>) => {
       //state.CorresponsalesContenedores.splice(0,state.CorresponsalesContenedores.length-1)
-      state.CorresponsalesContenedores=[{id:0, contenedor:'-Seleccione-', idTrafico:0, fSemaforo:'', semaforo:0}]
+      state.CorresponsalesContenedores=[{id:0, contenedor:'-Seleccione-', idTrafico:0, fSemaforo:'', semaforo:0, idTipoContenedor:0}]
     },
     addTxtContenedores: (state, action: PayloadAction<ICorresponsalContenedores[]>) => {
       const newArr = [...state.CorresponsalesContenedores, ...action.payload]

src/store/store.ts

@@ -12,6 +12,7 @@ import CorresponsalesPartidasSlice from './features/Corresponsales/Corresponsale
 import CorresponsalesCuentasComplementariasEstatusSlice from './features/Corresponsales/CorresponsalesCuentasComplementariasEstatusSlice'
 import PedimentosConsolidadosSlice from './features/Corresponsales/CorresponsalesPedimentosConsolidadosSlice'
 import RectificacionesPedimentosSlice from './features/Corresponsales/CorresponsalesPedimentosRectificacionesSlice'
+import CatTiposContenedoresSlice from './features/CatTiposContenedores/CatTiposContenedoresSlice'
 
 
 export const store = configureStore({
@@ -28,7 +29,8 @@ export const store = configureStore({
     CPartidas: CorresponsalesPartidasSlice,
     CCueCompEstatus : CorresponsalesCuentasComplementariasEstatusSlice,
     CPedimentosConsolidados: PedimentosConsolidadosSlice,
-    CRectificaciones: RectificacionesPedimentosSlice
+    CRectificaciones: RectificacionesPedimentosSlice,
+    CTiposContenedores : CatTiposContenedoresSlice
   }
 })