Version funcional

src/Components/Clientes/Amazon/Reportes/Clasification/Pending/RptAmazonPendingClasificationInvoices.tsx

@@ -34,6 +34,7 @@ import { FcQuestions, FcSettings } from 'react-icons/fc'
 import { MFileManager } from '../../../../../Utils/MFileManager/MFileManager'
 import { AiFillWarning } from 'react-icons/ai'
 import { PrioritySelector } from '../PrioritySelector/PrioritySelector'
+import IFileManager from '../../../../../../Interfaces/Utils/IFileManager'
 
 export interface IRtpAmazonPendingInvoicesProps {}
 
@@ -1016,8 +1017,8 @@ export default function RtpAmazonPendingInvoices(
                   Proceso={IDProcess}
                   showPreview={0}
                   canEdit={true}
-                  Leyenda="Seleccione las facturas de Amazon"
+                  Leyenda="Seleccione las facturas de Amazon" onAppendMFM={function (Files: IFileManager[]): void {
-                />
+                  } }                />
               </Col>
               <Col></Col>
             </Row>

src/Components/Clientes/Amazon/Reportes/Clasification/WaitingAnswerFromAmazon/RptPendingAnswerFromAmazon.tsx

@@ -32,6 +32,7 @@ import DTO2096PerfilesParecidos from '../../../DTO/DTO2096PerfilesParecidos'
 import { MFileManager } from '../../../../../Utils/MFileManager/MFileManager'
 import { setEmitFlags } from 'typescript'
 import DTO2096RELParteFactura from '../../../DTO/DTO2096RELParteFactura'
+import IFileManager from '../../../../../../Interfaces/Utils/IFileManager'
 export interface IRptPendingAnswerFromAmazonProps {}
 
 export default function RptPendingAnswerFromAmazon(
@@ -210,7 +211,6 @@ export default function RptPendingAnswerFromAmazon(
     setIDFactura(id)
     DSAmazon.SeRecibioRespuestaDeAmazon(id)
       .then((response) => {
-        //alert(response.data.estatus)
         if (response.data.estatus === 0) {
           setHeader('Error')
           setMsg(
@@ -238,6 +238,23 @@ export default function RptPendingAnswerFromAmazon(
       })
   }
 
+  const ApplyAnswerFiles2Invoice = (Files: IFileManager[]) => {
+    const Filenames= Files.map(element => element.nombreArchivo);
+    //console.log(Filenames);
+    DSAmazon.ApplyAnswerFile2Invoice(Filenames)
+    .then((response) => {
+      loadReport()
+      setShowModal(false)
+    })
+    .catch((e: Error) => {
+      setIDFactura(0)
+      setHeader('Error')
+      setMsg('Ocurrio un error ' + e.toString())
+      setShowMsg(true)
+      return
+    })
+  }
+
   return (
     <div>
       <Card>
@@ -787,8 +804,9 @@ export default function RptPendingAnswerFromAmazon(
                   Proceso={IDProcess}
                   showPreview={3}
                   canEdit={true}
-                  Leyenda="Sube archivos de respuesta de Amazon"
+                  Leyenda="Sube archivos de respuesta de Amazon" onAppendMFM={function (Files: IFileManager[]): void {
-                />
+                    ApplyAnswerFiles2Invoice(Files)
+                  } }                />
               </Col>
               <Col></Col>
             </Row>

src/Components/Clientes/Amazon/Reportes/Clasification/WaitingAnswerFromAmazon/RptPendingAnswerFromAmazonDetail.tsx

@@ -125,14 +125,6 @@ export default function RptPendingAnswerFromAmazonDetail(
 
   const autoriceItem = (id: number) => {
     if (EstatusSwith) {
-     /*  if (CumplimientoNormativo.length === 0) {
-        setHeader('Error')
-        setMsg(
-          'Antes de poder guardar la informacion es necesario que proporcione el cumplimiento normativo'
-        )
-        setShowMsg(true)
-        return
-      } */
       if (Comentarios.length === 0) {
         setHeader('Error')
         setMsg(
@@ -149,20 +141,42 @@ export default function RptPendingAnswerFromAmazonDetail(
         setShowMsg(true)
         return
       }
-    }
+      DSAmazon.ValidaFraccionGET(Fraccion)
-    const data: DTO2096FraccionDescripcion = {
-      id: id,
-      fraccion: Fraccion,
-      cumplimientoNormativo: CumplimientoNormativo,
-      comentarios: Comentarios,
-      descripcionGEMCO: DescripcionGEMCO
-    }
-    DSAmazon.AutorizaItemFacturaAmazon(data)
       .then((response) => {
-        editArray(id, !props.detail.autorizado)
+        if (response.data.respuesta === 'Si') {
-        setShowModal(false)
+          const data: DTO2096FraccionDescripcion = {
+            id: id,
+            fraccion: Fraccion,
+            cumplimientoNormativo: CumplimientoNormativo,
+            comentarios: Comentarios,
+            descripcionGEMCO: DescripcionGEMCO
+          }
+          DSAmazon.AutorizaItemFacturaAmazon(data)
+            .then((response) => {
+              editArray(id, !props.detail.autorizado)
+              setShowModal(false)
+            })
+            .catch((e: Error) => {})
+        } else {
+          alert(
+            'Esa fraccion no existe, favor de verificarla antes de guardarla'
+          )
+          return
+        }
+      })
+      .catch((e: Error) => {
+        setHeader('Error')
+        setMsg(
+          'Ocurrio un error' + e.message.toString()
+        )
+        setShowMsg(true)
+        return
       })
-      .catch((e: Error) => {})
+
+    }
+
+
+ 
   }
 
   useEffect(() => {

src/Components/Clientes/Amazon/Reportes/Estatus/RtpAmazonInvoiceStatus.tsx

@@ -23,6 +23,7 @@ import loadingImg from '../../../../../images/ajaxloader.gif'
 import { MFileManager } from '../../../../Utils/MFileManager/MFileManager'
 import DTO2096RptPayedOperations from '../../DTO/DTO2096RptPayedOperations'
 import DTO2096InvoiceStatus from '../../DTO/DTO2096InvoiceStatus'
+import IFileManager from '../../../../../Interfaces/Utils/IFileManager'
 
 export interface IRptAmazonInvoiceStatusProps {
 }
@@ -481,8 +482,8 @@ export default function RptAmazonInvoiceStatus (props: IRptAmazonInvoiceStatusPr
                     Proceso={IDProcess}
                     showPreview={3}
                     canEdit={false}
-                    Leyenda="Lista de archivos de respuesta de Amazon"
+                    Leyenda="Lista de archivos de respuesta de Amazon" onAppendMFM={function (Files: IFileManager[]): void {
-                  />
+                    } }                  />
                 </Col>
                 <Col></Col>
               </Row>

src/Components/Clientes/Amazon/Reportes/Payed/RptAmazonPayedOperations.tsx

@@ -29,6 +29,7 @@ import loadingImg from '../../../../../images/ajaxloader.gif'
 import { MFileManager } from '../../../../Utils/MFileManager/MFileManager'
 import DTO2096RptPayedOperations from '../../DTO/DTO2096RptPayedOperations'
 import { GoGear } from "react-icons/go";
+import IFileManager from '../../../../../Interfaces/Utils/IFileManager'
 
 export interface IRptAmazonPayedOpereationsProps {}
 
@@ -66,10 +67,7 @@ export default function RptAmazonPayedOpereations(
   const loadReport = () => {
     DSAmazon.AmazonPayedOperationsGET(Inicio, Fin)
       .then((response) => {
-        console.log(response.data)
         setData(response.data)
-        /*  dispatch(initializeInvoice([]))
-        dispatch(populateInvoices(response.data)) */
       })
       .catch((e: Error) => {
         alert('Ocurrio un error' + e.message.toString())
@@ -548,8 +546,8 @@ export default function RptAmazonPayedOpereations(
                   Proceso={IDProcess}
                   showPreview={3}
                   canEdit={false}
-                  Leyenda="Lista de archivos de respuesta de Amazon"
+                  Leyenda="Lista de archivos de respuesta de Amazon" onAppendMFM={function (Files: IFileManager[]): void {
-                />
+                  } }                />
               </Col>
               <Col></Col>
             </Row>

src/Components/Clientes/Amazon/Reportes/Traffic/Linking/RptAmazonLinkInvoice2Traffic.tsx

@@ -133,16 +133,52 @@ export default function RptAmazonLinkInvoice2Traffic(
       })
   }
 
-
   useEffect(() => {
     loadReport()
   }, [])
 
+  const check4Updates = (IDInvoice: number) => {
+    DSAmazon.SETInvoiceDetailRevalidateParts(IDInvoice)
+      .then((response) => {
+         DSAmazon.AmazonInvoiceGET(IDInvoice)
+          .then((response) => {
+            dispatch(updateInvoice(response.data[0]))
+            let Invoice: I2096Headers[] = response.data.filter(
+              (item) => item.id === IDInvoice
+            )
+            const Obj = { ...Invoice[0] }
+            Obj.max = !Obj.max
+            dispatch(updateInvoice(Obj))
+          })
+          .catch((e: Error) => {
+            setHeader('Error')
+            setMsg('Ocurrio un error')
+            return
+          })
+      })
+      .catch((e: Error) => {
+        setHeader('Error')
+        setMsg('Ocurrio un error')
+        return
+      })
+  }
+
+
   const changeToggle = (row: I2096Headers) => {
     let Invoice: I2096Headers[] = mInvoices.filter((item) => item.id === row.id)
     const Obj = { ...Invoice[0] }
     Obj.max = !Obj.max
     dispatch(updateInvoice(Obj))
+    if (Obj.max) check4Updates(row.id)
+  }
+
+  const updateDataGrid = (IDInvoice: number) => {
+    //toggleInvoice(IDInvoice)
+    let Invoice: I2096Headers[] = mInvoices.filter((item) => item.id === IDInvoice)
+    const Obj = { ...Invoice[0] }
+    Obj.max = !Obj.max
+    dispatch(updateInvoice(Obj))
+    if (Obj.max) check4Updates(IDInvoice)
   }
 
   const toggleInvoice = (id: number) => {
@@ -445,7 +481,8 @@ export default function RptAmazonLinkInvoice2Traffic(
                                         style={{
                                           width: '50px',
                                           backgroundColor: '#FFFFFF',
-                                          color: '#346288'
+                                          color: '#346288',
+                                          textAlign:'right'
                                         }}
                                       ></th>
                                       <th
@@ -621,16 +658,16 @@ export default function RptAmazonLinkInvoice2Traffic(
                                               (detail) =>
                                                 MasterData.id ===
                                                 detail.idHeader
-                                            )
+                                            )//.sort((a,b) => a.itemId.localeCompare(b.itemId))
+                                            .sort((a, b) => (a.partida > b.partida) ? 1 : -1)
                                             .map((detail) => {
                                               return (
                                                 <RptAmazonLinkInvoice2TrafficDetail
                                                   IDMaster={MasterData.id}
                                                   detail={detail}
-                                                  Habilitado={
+                                                  Habilitado={MasterData.estatus <= 1} onDataChange={function (IDMaster: number): void {
-                                                    MasterData.estatus <= 1
+                                                    updateDataGrid(IDMaster)
-                                                  }
+                                                  } }                                                />
-                                                />
                                               )
                                             })}
                                         </>

src/Components/Clientes/Amazon/Reportes/Traffic/Linking/RptAmazonLinkInvoice2TrafficDetail.tsx

@@ -28,9 +28,10 @@ import DTO2096TraficoFieldsUpdate from '../../../DTO/DTO2096TraficoFieldsUpdate'
 import I2096Headers from '../../../Interfaces/I2096Header'
 
 export interface IRtpAmazonInvoiceTrafficDetailProps {
-  IDMaster: number
+  IDMaster: number,
-  detail: I2096Detail
+  detail: I2096Detail,
-  Habilitado: boolean
+  Habilitado: boolean,
+  onDataChange: (IDMaster: number) => void
 }
 
 export default function RtpAmazonInvoice2TrafficDetail(
@@ -121,7 +122,9 @@ export default function RtpAmazonInvoice2TrafficDetail(
           itemQuantityUnitOfMeasure: UnitMeasure,
           weightValue: UnitOfMeasure,
           actualUnitCostMonetaryAmount: UnitCost,
-          totalUnitValueMonetaryAmount: (el.quantity * parseFloat(UnitCost)).toString()
+          totalUnitValueMonetaryAmount: (
+            el.quantity * parseFloat(UnitCost)
+          ).toString()
         }
       }
       return el
@@ -129,24 +132,6 @@ export default function RtpAmazonInvoice2TrafficDetail(
     UpdateInvoiceDetail(Invoice[0], newDetails)
   }
 
-
-  /*  const autoriceItem = (id: number) => {
-    if (CumplimientoNormativo.length === 0 && EstatusSwith) {
-      setHeader('Error')
-      setMsg(
-        'Antes de poder guardar la informacion es necesario que proporcione el reparto normativo'
-      )
-      setShowMsg(true)
-      return
-    }
-    const data: DTO2096ItemAutoriza = {
-      id: id,
-      autorizado: EstatusSwith,
-      cumplimientoNormativo: CumplimientoNormativo,
-      comentarios: Comentarios
-    }
-  } */
-
   const ToggleSightLine = (id: number) => {
     const data: DTO2096SightLine = {
       id: id,
@@ -155,9 +140,8 @@ export default function RtpAmazonInvoice2TrafficDetail(
     }
     DSAmazon.SightLineSET(data)
       .then((response) => {
-        console.log(response.data)
-        //editArray(id, !props.detail.autorizado)
         setShowModal(false)
+        props.onDataChange(props.IDMaster)
       })
       .catch((e: Error) => {
         setHeader('Error')
@@ -167,12 +151,7 @@ export default function RtpAmazonInvoice2TrafficDetail(
       })
   }
 
-  /*  useEffect(() => {
+  const saveFields = () => {
-    if (UserChanged && EstatusSwith && !props.detail.fraccionGEMCO)
-      autoriceItem(props.detail.id)
-  }, [EstatusSwith, UserChanged]) */
-
-  const saveFields = () =>{
     const data: DTO2096TraficoFieldsUpdate = {
       id: props.detail.id,
       UnitMeasure: UnitMeasure,
@@ -180,27 +159,27 @@ export default function RtpAmazonInvoice2TrafficDetail(
       UnitCost: parseFloat(UnitCost)
     }
     DSAmazon.TrafficFieldsUpdate(data)
-    .then((response) => {
+      .then((response) => {
-      /*
+        /*
        itemQuantityUnitOfMeasure: UnitMeasure,
           weightValue: UnitOfMeasure,
           actualUnitCostMonetaryAmount: UnitCost
       */
-      setUnitMeasure(response.data.itemQuantityUnitOfMeasure)
+        setUnitMeasure(response.data.itemQuantityUnitOfMeasure)
-      setUnitOfMeasure(response.data.weightValue)
+        setUnitOfMeasure(response.data.weightValue)
-      setUnitCost(response.data.actualUnitCostMonetaryAmount)
+        setUnitCost(response.data.actualUnitCostMonetaryAmount)
-      editInvoice(props.detail.id)
+        editInvoice(props.detail.id)
-      setHeader('Informativo')
+        setHeader('Informativo')
-      setMsg('La informacion se guardo exitosamente')
+        setMsg('La informacion se guardo exitosamente')
-      setShowMsg(true)
+        setShowMsg(true)
-      return
+        return
-    })
+      })
-    .catch((e: Error) => {
+      .catch((e: Error) => {
-      setHeader('Error')
+        setHeader('Error')
-      setMsg('Ocurrio un error')
+        setMsg('Ocurrio un error')
-      setShowMsg(true)
+        setShowMsg(true)
-      return
+        return
-    })
+      })
   }
 
   useEffect(() => {
@@ -213,11 +192,13 @@ export default function RtpAmazonInvoice2TrafficDetail(
         <th
           style={{
             width: '50px',
-            backgroundColor: '#FFFFFF'
+            backgroundColor: '#FFFFFF',
+            textAlign: 'right',
+            fontWeight: 'bold'
           }}
           className="DetailData"
         >
-          &nbsp;
+          {props.detail.partida}
         </th>
         <td
           style={{
@@ -468,9 +449,16 @@ export default function RtpAmazonInvoice2TrafficDetail(
             <Row>
               <Col xs={12}>
                 <Alert key="warning" variant="warning">
-                 <span style={{fontWeight:'bold'}}>No Parte:</span> {ItemId} <br/>
+                  <span style={{ fontWeight: 'bold' }}>No Parte:</span> {ItemId}{' '}
-                 <span style={{fontWeight:'bold'}}>Fraccion GEMCO:</span> {FraccionGEMCO} <br/>
+                  <br />
-                 <span style={{fontWeight:'bold'}}>Descripcion GEMCO:</span> {DescripcionGEMCO}
+                  <span style={{ fontWeight: 'bold' }}>
+                    Fraccion GEMCO:
+                  </span>{' '}
+                  {FraccionGEMCO} <br />
+                  <span style={{ fontWeight: 'bold' }}>
+                    Descripcion GEMCO:
+                  </span>{' '}
+                  {DescripcionGEMCO}
                 </Alert>
               </Col>
             </Row>
@@ -486,10 +474,10 @@ export default function RtpAmazonInvoice2TrafficDetail(
                 />
               </Col>
             </Row>
-            <Row style={{paddingTop:'5px'}}>
+            <Row style={{ paddingTop: '5px' }}>
               <Col xs={3}>Unit of Measure:</Col>
               <Col xs={3}>
-              <CurrencyFormat
+                <CurrencyFormat
                   onValueChange={(values: any) => {
                     const { value } = values
                     setUnitOfMeasure(value)
@@ -508,9 +496,8 @@ export default function RtpAmazonInvoice2TrafficDetail(
                   }}
                 />
               </Col>
-               
             </Row>
-            <Row style={{paddingTop:'5px'}}>
+            <Row style={{ paddingTop: '5px' }}>
               <Col xs={3}>Unit Cost:</Col>
               <Col xs={3}>
                 <CurrencyFormat
@@ -518,7 +505,7 @@ export default function RtpAmazonInvoice2TrafficDetail(
                     const { value } = values
                     setUnitCost(value)
                   }}
-                 /*  format={'########.##'} */
+                  /*  format={'########.##'} */
                   value={UnitCost}
                   displayType={'input'}
                   style={{
@@ -533,14 +520,16 @@ export default function RtpAmazonInvoice2TrafficDetail(
                 />
               </Col>
               <Col xs={4}></Col>
-              <Col xs={2}><Button
+              <Col xs={2}>
+                <Button
                   variant="primary"
                   onClick={() => {
-                    saveFields()  
+                    saveFields()
                   }}
                 >
                   &nbsp;&nbsp;Guardar&nbsp;&nbsp;
-                </Button></Col>
+                </Button>
+              </Col>
             </Row>
           </div>
         </Modal.Body>
@@ -552,7 +541,7 @@ export default function RtpAmazonInvoice2TrafficDetail(
         }}
         size={'sm'}
         dialogClassName={'modal-50w'}
-       >
+      >
         <Modal.Body>
           <div style={{ height: '150px' }}>
             <Row style={{ paddingTop: '15px' }}>

src/Components/Clientes/Amazon/Services/Amazon.Services.ts

@@ -19,6 +19,7 @@ import DTO2096RELParteFactura from '../DTO/DTO2096RELParteFactura'
 import DTO2096RptPayedOperations from '../DTO/DTO2096RptPayedOperations'
 import DTO2096NoParteVerificacion from '../DTO/DTO2096NoParteVerificacion'
 import DTO2096InvoiceStatus from '../DTO/DTO2096InvoiceStatus'
+import IFileManager from '../../../../Interfaces/Utils/IFileManager'
 
 class AmazonDataService {
   AmazonPendingClasificationInvoiceGET() {
@@ -211,5 +212,8 @@ class AmazonDataService {
   SETInvoiceDetailRevalidateParts(id: number) {
     return http.get<Boolean>(`/AmazonInvoice/SETInvoiceDetailRevalidateParts?id=${id}`)
   }
+  ApplyAnswerFile2Invoice(Files: string[]) {
+    return http.post<Boolean>(`/AmazonInvoice/ApplyAnswerFile2Invoice`, Files)
+  }
 }
 export default new AmazonDataService()

src/Components/Corresponsales/TraficoCorresponsales.tsx

@@ -104,6 +104,7 @@ import ICorresponsalCatMediosEmbarque from '../../Interfaces/Corresponsales/ICor
 import { CuentasComplementarias } from './CuentasComplementarias/CuentasComplementarias'
 import DTOTraficoCompleto from '../../DTO/Corresponsales/DTOTraficoCompleto'
 import DTORectificacionHistorico from '../../DTO/Corresponsales/DTORectificacionHistorico'
+import IFileManager from '../../Interfaces/Utils/IFileManager'
 
 interface IProps {
   IDTrafico: number
@@ -2789,8 +2790,8 @@ export default function TraficoCorresponsales (props:IProps) {
                                     Proceso={c.proceso}
                                     showPreview={3}
                                     canEdit={Depto === 'Corresponsalias'}
-                                    Leyenda={'Seleccione: ' + c.descripcion}
+                                    Leyenda={'Seleccione: ' + c.descripcion} onAppendMFM={function (Files: IFileManager[]): void {
-                                  />
+                                    } }                                  />
                                 </Card.Body>
                               </Card>
                             </Col>
@@ -3244,8 +3245,8 @@ export default function TraficoCorresponsales (props:IProps) {
                     Proceso={10}
                     showPreview={1}
                     canEdit={Depto === 'Corresponsalias'}
-                    Leyenda={'Selecciones las imagenes de previo...'}
+                    Leyenda={'Selecciones las imagenes de previo...'} onAppendMFM={function (Files: IFileManager[]): void {
-                  />
+                    } }/>
                 </Col>
               </Row>
             </Tab>

src/Components/Utils/MFileManager/MFileManager.tsx

@@ -12,7 +12,8 @@ interface IProps {
   Proceso: number
   Leyenda?: string
   showPreview: number
-  canEdit: boolean
+  canEdit: boolean,
+  onAppendMFM: (Files: IFileManager[]) => void
 }
 
 export const MFileManager: FC<IProps> = (props) => {
@@ -40,6 +41,7 @@ export const MFileManager: FC<IProps> = (props) => {
     MFileManagerDS.Append(formData, IDTrafico, Proceso, UserId)
       .then((response) => {
         setListaArchivos(response.data)
+        props.onAppendMFM(response.data)
       })
       .catch((e: Error) => {
         alert('Ocurrio un error: ' + e)