Se agrega que se puedan desacoiar referencias y facturas

AmazonRelease1.1
unknown 2 years ago
parent 8058bd17ac
commit 3ad6abda5c
  1. 4
      src/Components/Clientes/Amazon/DTO/DTO2096RELParteFactura.ts
  2. 2
      src/Components/Clientes/Amazon/Reportes/Clasification/Finished/RptAmazonFinishedClasificationInvoicesDetail.tsx
  3. 2
      src/Components/Clientes/Amazon/Reportes/Clasification/Pending/RptAmazonPendingClasificationInvoicesDetail.tsx
  4. 122
      src/Components/Clientes/Amazon/Reportes/Clasification/WaitingAnswerFromAmazon/RptPendingAnswerFromAmazon.tsx
  5. 91
      src/Components/Clientes/Amazon/Reportes/Traffic/Linking/RptAmazonLinkInvoice2Traffic.tsx
  6. 2
      src/Components/Clientes/Amazon/Reportes/Traffic/Linking/RptAmazonLinkInvoice2TrafficDetail.tsx
  7. 2
      src/Components/Clientes/Amazon/Reportes/Traffic/Pending/RptAmazonPendingTraficInvoiceDetail.tsx
  8. 5
      src/Components/Clientes/Amazon/Services/Amazon.Services.ts
  9. 4
      src/Constants/TargetURL.ts
  10. 2
      src/css/autoComplete.css
  11. 588
      src/css/generic01.css
  12. 5
      src/css/home.css
  13. 6
      src/css/masterDetail.css
  14. 1
      src/css/menu2.css

@ -0,0 +1,4 @@
export default interface DTO2096RELParteFactura {
parte: string,
facturas: string
}

@ -274,7 +274,7 @@ export default function RptAmazonFinishedClasificationInvoicesDetail(
props.detail.validaFraccionOriginal === 0 props.detail.validaFraccionOriginal === 0
? '#5923F6' ? '#5923F6'
: '#000000', : '#000000',
width: '115px', width: '135px',
textAlign: 'right', textAlign: 'right',
borderRadius: '10px' borderRadius: '10px'
}} }}

@ -321,7 +321,7 @@ export default function RtpAmazonPendingInvoivesDetail(
backgroundColor: ColorSET(props.detail.confirmaFraccion, 1), backgroundColor: ColorSET(props.detail.confirmaFraccion, 1),
border: ColorSET(props.detail.confirmaFraccion, 2), border: ColorSET(props.detail.confirmaFraccion, 2),
color: ColorSET(props.detail.confirmaFraccion, 3), color: ColorSET(props.detail.confirmaFraccion, 3),
width: '115px', width: '135px',
textAlign: 'right', textAlign: 'right',
borderRadius: '10px' borderRadius: '10px'
}} }}

@ -22,14 +22,16 @@ import {
populateInvoices, populateInvoices,
updateInvoice updateInvoice
} from '../../../../../../store/features/Clientes/2096/AmazonInvoices' } from '../../../../../../store/features/Clientes/2096/AmazonInvoices'
import loadingImg from '../../../../../../images/ajaxloader.gif'
// Redux // Redux
import { useDispatch, useSelector } from 'react-redux' import { useDispatch, useSelector } from 'react-redux'
import RtpPendingAnswerFromAmazonDetail from './RptPendingAnswerFromAmazonDetail' import RtpPendingAnswerFromAmazonDetail from './RptPendingAnswerFromAmazonDetail'
import { AiFillFileUnknown, AiTwotoneFileExcel } from 'react-icons/ai' import { AiFillFileUnknown, AiTwotoneFileExcel } from 'react-icons/ai'
import DTO2096PerfilesParecidos from '../../../DTO/DTO2096PerfilesParecidos' import DTO2096PerfilesParecidos from '../../../DTO/DTO2096PerfilesParecidos'
import FileManager from '../../../../../Utils/FileManager/FileManager'
import { MFileManager } from '../../../../../Utils/MFileManager/MFileManager' import { MFileManager } from '../../../../../Utils/MFileManager/MFileManager'
import { setEmitFlags } from 'typescript'
import DTO2096RELParteFactura from '../../../DTO/DTO2096RELParteFactura'
export interface IRptPendingAnswerFromAmazonProps {} export interface IRptPendingAnswerFromAmazonProps {}
export default function RptPendingAnswerFromAmazon( export default function RptPendingAnswerFromAmazon(
@ -44,11 +46,15 @@ export default function RptPendingAnswerFromAmazon(
return stickyValue !== null ? JSON.parse(stickyValue) : 0 return stickyValue !== null ? JSON.parse(stickyValue) : 0
}) })
const [Data, setData] = useState<DTO2096PerfilesParecidos[]>([]) const [Data, setData] = useState<DTO2096PerfilesParecidos[]>([])
const [ResumeData, setResumeData] = useState<DTO2096RELParteFactura[]>([])
const [header, setHeader] = useState('') const [header, setHeader] = useState('')
const [IDFactura, setIDFactura] = useState(0) const [IDFactura, setIDFactura] = useState(0)
const [Factura, setFactura] = useState('')
const [IDProcess, setIDProcess] = useState(25) const [IDProcess, setIDProcess] = useState(25)
const [show, setShowMsg] = useState(false) const [show, setShowMsg] = useState(false)
const [ShowModal, setShowModal] = useState(false) const [ShowModal, setShowModal] = useState(false)
const [WaitingDialog, setWaitingDialog] = useState(false)
const [WaitingMessage, setWaitingMessage] = useState('Generando...')
const [ShowModalAnswerFile, setShowModalAnswerFile] = useState(false) const [ShowModalAnswerFile, setShowModalAnswerFile] = useState(false)
const [msg, setMsg] = useState('') const [msg, setMsg] = useState('')
const msgColor = 'primary' const msgColor = 'primary'
@ -74,18 +80,34 @@ export default function RptPendingAnswerFromAmazon(
}) })
} }
const generateResume = (id: number) => {
DSAmazon.RELParteFacturasGET(id)
.then((response) => {
setResumeData(response.data)
})
.catch((e: Error) => {
setHeader('Error')
setMsg('Ocurrio un error')
setShowMsg(true)
return
})
}
const downloadExceptionsFile = (id: number, Factura: string) => { const downloadExceptionsFile = (id: number, Factura: string) => {
setWaitingDialog(true)
generateResume(id)
setFactura(Factura)
DSAmazon.ExceptionsFileAmazonGET(id) DSAmazon.ExceptionsFileAmazonGET(id)
.then((response: any) => { .then((response: any) => {
if (response.status === 200) { if (response.status === 200) {
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', 'Excepciones '+Factura+'.xlsx') link.setAttribute('download', 'Excepciones ' + Factura + '.xlsx')
document.body.appendChild(link) document.body.appendChild(link)
link.click() link.click()
setShowModal(false)
} }
setWaitingMessage('')
}) })
.catch((e: Error) => { .catch((e: Error) => {
setHeader('Error') setHeader('Error')
@ -153,7 +175,9 @@ export default function RptPendingAnswerFromAmazon(
//alert(response.data.estatus) //alert(response.data.estatus)
if (response.data.estatus === 0) { if (response.data.estatus === 0) {
setHeader('Error') setHeader('Error')
setMsg('Verifique que todas las partidas esten checadas por usted y que cuente con el archivo de respuesta') setMsg(
'Verifique que todas las partidas esten checadas por usted y que cuente con el archivo de respuesta'
)
setShowMsg(true) setShowMsg(true)
return return
} else if (response.data.estatus === 1) { } else if (response.data.estatus === 1) {
@ -198,8 +222,8 @@ export default function RptPendingAnswerFromAmazon(
<Card.Title> <Card.Title>
<IconContext.Provider value={{ color: '#F6C34F', size: '8%' }}> <IconContext.Provider value={{ color: '#F6C34F', size: '8%' }}>
<FaAmazon /> <FaAmazon />
</IconContext.Provider>{' '} </IconContext.Provider>
CLASIFICACION : facturas{' '} CLASIFICACION : facturas
<span <span
style={{ style={{
fontStyle: 'italic', fontStyle: 'italic',
@ -208,7 +232,7 @@ export default function RptPendingAnswerFromAmazon(
}} }}
> >
pendientes pendientes
</span>{' '} </span>
de respuesta de respuesta
</Card.Title> </Card.Title>
</Col> </Col>
@ -291,7 +315,10 @@ export default function RptPendingAnswerFromAmazon(
{existsExeptions(MasterData.id) > 0 ? ( {existsExeptions(MasterData.id) > 0 ? (
<div <div
onClick={() => onClick={() =>
downloadExceptionsFile(MasterData.id, MasterData.invoiceNumber) downloadExceptionsFile(
MasterData.id,
MasterData.invoiceNumber
)
} }
title="Archivo de excepciones" title="Archivo de excepciones"
> >
@ -317,9 +344,10 @@ export default function RptPendingAnswerFromAmazon(
</td> </td>
<td> <td>
<div <div
onClick={() => { onClick={() => {
setIDFactura(MasterData.id) setIDFactura(MasterData.id)
setShowModalAnswerFile(!ShowModalAnswerFile) }} setShowModalAnswerFile(!ShowModalAnswerFile)
}}
title="Archivo de respuesta" title="Archivo de respuesta"
> >
<IconContext.Provider <IconContext.Provider
@ -636,7 +664,7 @@ export default function RptPendingAnswerFromAmazon(
</div> </div>
</Card.Body> </Card.Body>
</Card> </Card>
<Modal <Modal
show={ShowModal} show={ShowModal}
onHide={() => { onHide={() => {
@ -695,7 +723,11 @@ export default function RptPendingAnswerFromAmazon(
<div style={{ height: '330px' }}> <div style={{ height: '330px' }}>
<Row style={{ paddingTop: '15px' }}> <Row style={{ paddingTop: '15px' }}>
<Col xs={12}> <Col xs={12}>
<Alert key={'danger'} variant={'danger'} style={{textAlign:'center'}}> <Alert
key={'danger'}
variant={'danger'}
style={{ textAlign: 'center' }}
>
Proporcione el archivo de respuesta de Amazon Proporcione el archivo de respuesta de Amazon
</Alert> </Alert>
</Col> </Col>
@ -703,26 +735,64 @@ export default function RptPendingAnswerFromAmazon(
<Row style={{ paddingTop: '15px' }}> <Row style={{ paddingTop: '15px' }}>
<Col></Col> <Col></Col>
<Col xs={10} style={{ textAlign: 'center' }}> <Col xs={10} style={{ textAlign: 'center' }}>
{/* <FileManager <MFileManager
IDUser={UserId} IDTrafico={IDFactura}
width={650} Proceso={IDProcess}
height={100} showPreview={3}
IDProcess={IDProcess} canEdit={true}
IdFile={IDFactura} Leyenda="Sube archivos de respuesta de Amazon"
FileName={'Answer'} />
canDelete={true}
FileType={['xlsx']}
Leyenda={`Seleccione el archivo de respuesta de Amazon, arrastrelo hasta aqui y sueltelo para subirlo al servidor...`}
onAppendFM={function (idFile: number): void { relacionaIDArchivoRespuestaConFactura(idFile)}}
/> */}
<MFileManager IDTrafico={IDFactura} Proceso={IDProcess} showPreview={3} canEdit={true} Leyenda='Sube archivos de respuesta de Amazon'/>
</Col> </Col>
<Col></Col> <Col></Col>
</Row> </Row>
</div> </div>
</Modal.Body> </Modal.Body>
</Modal> </Modal>
<Modal
show={WaitingDialog}
onHide={() => {
setWaitingDialog(false)
}}
backdrop="static"
keyboard={false}
size="sm"
dialogClassName={'modal-50w'}
centered
>
<Modal.Header closeButton>
<Modal.Title></Modal.Title>
</Modal.Header>
<Modal.Body>
<img
src={loadingImg}
style={{
height: WaitingMessage === 'Generando...' ? '150px' : '0px',
width: WaitingMessage === 'Generando...' ? '150px' : '0px'
}}
alt="proccessing"
/>
{WaitingMessage}
<div style={{overflow:'auto'}}>
<table>
<tr>
<td style={{backgroundColor:'#6095BF', color: '#FFFFFF'}}>Parte</td>
<td style={{backgroundColor:'#6095BF', color: '#FFFFFF'}}>Lista de facturas</td>
</tr>
{ResumeData
? ResumeData.map((data) => {
return <>
<tr>
<td>{data.parte}</td>
<td>{data.facturas.replaceAll(Factura,'')}</td>
</tr>
</>
})
: ''}
</table>
</div>
</Modal.Body>
<Modal.Footer></Modal.Footer>
</Modal>
<MsgInformativo <MsgInformativo
show={show} show={show}
msg={msg} msg={msg}

@ -48,6 +48,7 @@ export default function RptAmazonLinkInvoice2Traffic(
const [Referencia, setReferencia] = useState('') const [Referencia, setReferencia] = useState('')
const [show, setShowMsg] = useState(false) const [show, setShowMsg] = useState(false)
const [ShowModal, setShowModal] = useState(false) const [ShowModal, setShowModal] = useState(false)
const [ShowModalUnlink, setShowModalUnlink] = useState(false)
const [WaitingDialog, setWaitingDialog] = useState(false) const [WaitingDialog, setWaitingDialog] = useState(false)
const [WaitingMessage, setWaitingMessage] = useState('') const [WaitingMessage, setWaitingMessage] = useState('')
const [msg, setMsg] = useState('') const [msg, setMsg] = useState('')
@ -168,6 +169,18 @@ export default function RptAmazonLinkInvoice2Traffic(
setShowModal(true) setShowModal(true)
} }
const unlinkInvoices = () => {
if (Invoices.length === 0) {
setHeader('Error')
setMsg(
'Para poder continuar es necesario que seleccione por lo menos 1 factura'
)
setShowModalUnlink(true)
return
}
setShowModalUnlink(true)
}
const asociaFacturasReferencia = () => { const asociaFacturasReferencia = () => {
const data : DTO2096LinkInvoice2Reference = { const data : DTO2096LinkInvoice2Reference = {
referencia: Referencia, referencia: Referencia,
@ -177,9 +190,35 @@ export default function RptAmazonLinkInvoice2Traffic(
.then((response: any) => { .then((response: any) => {
setHeader('Confirmacion') setHeader('Confirmacion')
setMsg('Las facturas se asociaron correctamente con la referencia') setMsg('Las facturas se asociaron correctamente con la referencia')
//setShowMsg(true)
setInvoices([])
setShowModal(false)
loadReport()
return
})
.catch((e: Error) => {
setHeader('Error')
setMsg('Ocurrio un error')
setShowMsg(true) setShowMsg(true)
return return
}) })
}
const desasociaFacturasReferencia = () => {
const data : DTO2096LinkInvoice2Reference = {
referencia: Referencia,
facturas : Invoices
}
DSAmazon.AsignaFacturasReferencia(data)
.then((response: any) => {
setHeader('Confirmacion')
setMsg('Las facturas se desasociaron correctamente')
// setShowMsg(true)
setInvoices([])
setShowModalUnlink(false)
loadReport()
return
})
.catch((e: Error) => { .catch((e: Error) => {
setHeader('Error') setHeader('Error')
setMsg('Ocurrio un error') setMsg('Ocurrio un error')
@ -200,7 +239,7 @@ export default function RptAmazonLinkInvoice2Traffic(
<Card> <Card>
<Card.Body> <Card.Body>
<Row> <Row>
<Col xs={5}> <Col xs={6}>
<Card.Title> <Card.Title>
<IconContext.Provider value={{ color: '#F6C34F', size: '8%' }}> <IconContext.Provider value={{ color: '#F6C34F', size: '8%' }}>
<FaAmazon /> <FaAmazon />
@ -208,7 +247,16 @@ export default function RptAmazonLinkInvoice2Traffic(
TRAFICO : facturas terminadas TRAFICO : facturas terminadas
</Card.Title> </Card.Title>
</Col> </Col>
<Col xs={6}></Col> <Col>
<Button variant='danger'
onClick={() => {
unlinkInvoices()
}}
>
Desasociar
</Button>
</Col>
<Col xs={4}></Col>
<Col> <Col>
<Button <Button
onClick={() => { onClick={() => {
@ -648,6 +696,45 @@ export default function RptAmazonLinkInvoice2Traffic(
</div> </div>
</Modal.Body> </Modal.Body>
</Modal> </Modal>
<Modal
show={ShowModalUnlink}
onHide={() => {
setShowModal(false)
}}
size={'sm'}
dialogClassName={'modal-50w'}
>
<Modal.Body>
<div style={{ height: '180px' }}>
<Alert key={'danger'} variant={'danger'}>
<Row style={{ paddingTop: '15px' }}>
<Col xs={12}>
<h1>¿Esta seguro de desasociar esta referencia?</h1>
</Col>
</Row>
</Alert>
<Row style={{ paddingTop: '15px' }}>
<Col xs={6} style={{ textAlign: 'center' }}>
<Button
variant="secondary"
onClick={() => {
setShowModalUnlink(false)
}}
>
&nbsp;&nbsp;Cancelar&nbsp;&nbsp;
</Button>
</Col>
<Col xs={6} style={{ textAlign: 'center' }}>
<Button variant="danger" onClick={() => {desasociaFacturasReferencia()}}>
&nbsp;&nbsp;DESASOCIAR&nbsp;&nbsp;
</Button>
</Col>
</Row>
</div>
</Modal.Body>
</Modal>
<Modal <Modal
show={WaitingDialog} show={WaitingDialog}
onHide={() => { onHide={() => {

@ -261,7 +261,7 @@ export default function RtpAmazonInvoice2TrafficDetail(
props.detail.validaFraccionOriginal === 0 props.detail.validaFraccionOriginal === 0
? '#5923F6' ? '#5923F6'
: '#000000', : '#000000',
width: '115px', width: '135px',
textAlign: 'right', textAlign: 'right',
borderRadius: '10px' borderRadius: '10px'
}} }}

@ -167,7 +167,7 @@ export default function RptAmazonPendingTraficInvoiceDetail(
props.detail.validaFraccionOriginal === 0 props.detail.validaFraccionOriginal === 0
? '#5923F6' ? '#5923F6'
: '#000000', : '#000000',
width: '115px', width: '135px',
textAlign: 'right', textAlign: 'right',
borderRadius: '10px' borderRadius: '10px'
}} }}

@ -15,6 +15,7 @@ import DTO2096Estatus from '../DTO/DTO2096Estatus'
import DTO2096NoParte from '../DTO/DTO2096NoParte' import DTO2096NoParte from '../DTO/DTO2096NoParte'
import I2096NoParteLog from '../Interfaces/I2096NoParteLog' import I2096NoParteLog from '../Interfaces/I2096NoParteLog'
import DTO2096TraficoFieldsUpdate from '../DTO/DTO2096TraficoFieldsUpdate' import DTO2096TraficoFieldsUpdate from '../DTO/DTO2096TraficoFieldsUpdate'
import DTO2096RELParteFactura from '../DTO/DTO2096RELParteFactura'
class AmazonDataService { class AmazonDataService {
AmazonPendingClasificationInvoiceGET() { AmazonPendingClasificationInvoiceGET() {
@ -70,6 +71,10 @@ class AmazonDataService {
return http.get<I2096Headers[]>(`/AmazonInvoice/AmazonPayedOperationsGET`) return http.get<I2096Headers[]>(`/AmazonInvoice/AmazonPayedOperationsGET`)
} }
RELParteFacturasGET(id: number) {
return http.get<DTO2096RELParteFactura[]>(`/AmazonInvoice/RELParteFacturasGET?id=${id}`)
}
ValidaFraccionGET(Fraccion: string) { ValidaFraccionGET(Fraccion: string) {
return http.get<IRespuesta>(`/AmazonInvoice/C2096ValidaFraccion?Fraccion=${Fraccion}`) return http.get<IRespuesta>(`/AmazonInvoice/C2096ValidaFraccion?Fraccion=${Fraccion}`)
} }

@ -1,8 +1,8 @@
export class TargetURL { export class TargetURL {
get() { get() {
return !process.env.NODE_ENV || process.env.NODE_ENV === 'development' return !process.env.NODE_ENV || process.env.NODE_ENV === 'development'
? 'https://gemcousa.solutions/GEMCOBackend/api' ? //'https://gemcousa.solutions/GEMCOBackend/api'
//'https://localhost:5001/api' 'https://localhost:5001/api'
: //: "http://reportes.gemcousa.com:5000/api"; : //: "http://reportes.gemcousa.com:5000/api";
// 'https://www.gemcousa.mx/GEMCOBackend/api' // 'https://www.gemcousa.mx/GEMCOBackend/api'
'https://gemcousa.solutions/GEMCOBackend/api' 'https://gemcousa.solutions/GEMCOBackend/api'

@ -51,4 +51,4 @@
.textField { .textField {
margin-right: 0px !important; margin-right: 0px !important;
padding-right: 0px; padding-right: 0px;
} }

@ -1,296 +1,296 @@
@media print { @media print {
.areaImprimible { .areaImprimible {
visibility: hidden visibility: hidden
} }
} }
.labelSize13px { .labelSize13px {
font-size: 13px; font-size: 13px;
padding: 5px 5px 5px 5px; padding: 5px 5px 5px 5px;
} }
.modal-50w { .modal-50w {
width: 50%; width: 50%;
max-width: none !important; max-width: none !important;
} }
.modal-70w { .modal-70w {
width: 70%; width: 70%;
max-width: none !important; max-width: none !important;
} }
.modal-90w { .modal-90w {
width: 90%; width: 90%;
/* max-height: 90% !important; */ /* max-height: 90% !important; */
max-height: 'calc(100vh - 50px)' !important;
}
.modal-innerDiv {
/* height: 95%; */
max-height: 'calc(100vh - 50px)' !important; max-height: 'calc(100vh - 50px)' !important;
} }
.react-bootstrap-table { .modal-innerDiv {
height: 250px !important; /* height: 95%; */
overflow-y: scroll; max-height: 'calc(100vh - 50px)' !important;
} }
.dropzone { .react-bootstrap-table {
background-color: #D2F9FC; height: 250px !important;
border: 1px dashed hsl(234, 96%, 33%); overflow-y: scroll;
padding: 8% 5% 10% 10%; }
border-radius: 10px;
width: 450px; .dropzone {
height: 100px; background-color: #D2F9FC;
} border: 1px dashed hsl(234, 96%, 33%);
padding: 8% 5% 10% 10%;
.dropzoneFileManager { border-radius: 10px;
background-color: #D2F9FC; width: 450px;
border: 1px dashed hsl(234, 96%, 33%); height: 100px;
/* padding: 3% 5% 5% 10%; }
*/ border-radius: 10px;
width: 750px; .dropzoneFileManager {
/* height: 150px; */ background-color: #D2F9FC;
padding-top: 1em; border: 1px dashed hsl(234, 96%, 33%);
text-align: center; /* padding: 3% 5% 5% 10%;
} */ border-radius: 10px;
width: 750px;
.moneyField { background-color: #F5FFED; } /* height: 150px; */
padding-top: 1em;
th, text-align: center;
td { }
text-align: left;
} .moneyField { background-color: #F5FFED; }
tr:nth-child(odd) { background-color: #f5f5f5; } th,
td {
.hideDiv { text-align: left;
visibility: 'hidden'; }
height: '0px';
width: '0px'; tr:nth-child(odd) { background-color: #f5f5f5; }
}
.hideDiv {
.hideRow { visibility: 'hidden';
height: 0px; height: '0px';
visibility: hidden; width: '0px';
} }
.showRow { .hideRow {
padding-top: 5px; height: 0px;
} visibility: hidden;
}
.showDiv {
height: '100px'; .showRow {
overflow: auto; padding-top: 5px;
} }
.userModal { .showDiv {
width: 50vw; height: '100px';
height: 50vw; overflow: auto;
max-width: 50vw; }
max-height: 50vw;
overflow: scroll; .userModal {
} width: 50vw;
height: 50vw;
.userModal2 { max-width: 50vw;
width: 1000px; max-height: 50vw;
height: 1000px; overflow: scroll;
overflow: scroll; }
}
.readyColor { background-color: #D4D6D2; } .userModal2 {
.pendingColor { background-color: #FFFFFF; } width: 1000px;
height: 1000px;
.hideEverything { overflow: scroll;
visibility: 'hidden'; }
display: 'none'; .readyColor { background-color: #D4D6D2; }
background-color: #000000; .pendingColor { background-color: #FFFFFF; }
}
.hideEverything {
.showEverything { visibility: 'hidden';
visibility: 'visible' display: 'none';
} background-color: #000000;
}
.customPadding {
padding-bottom: '5px'; .showEverything {
padding-top: '15px'; visibility: 'visible'
} }
.heightZero { .customPadding {
height: 0px; padding-bottom: '5px';
} padding-top: '15px';
}
.myFlexyTable {
width: 2000px; .heightZero {
overflow: scroll; height: 0px;
} }
.myFlexyTable tr { .myFlexyTable {
height: 10px; width: 2000px;
} overflow: scroll;
}
.formatNumber {
font-size: 20; .myFlexyTable tr {
} height: 10px;
}
input.numbersOnly {
font-size: '15px'; .formatNumber {
background-color: '#F5FFED'; font-size: 20;
border: '1px solid #f00'; }
}
input.numbersOnly {
.parent { font-size: '15px';
position: relative; background-color: '#F5FFED';
margin-top: 0px; border: '1px solid #f00';
z-index: 1; }
}
.parent {
.child { position: relative;
position: absolute; margin-top: 0px;
margin-top: 30px; z-index: 1;
width: 400px; }
height: 150px;
background: rgb(245, 248, 248); .child {
border-radius: 5px 5px 5px 5px; position: absolute;
padding: 2px; margin-top: 30px;
border-style: outset; width: 400px;
overflow: auto; height: 150px;
} background: rgb(245, 248, 248);
border-radius: 5px 5px 5px 5px;
.cleanLi { padding: 2px;
list-style-type: none; border-style: outset;
padding-left: 10px; overflow: auto;
font-family: Verdana, Geneva, Tahoma, sans-serif; }
font-size: 12px;
cursor: pointer; .cleanLi {
} list-style-type: none;
padding-left: 10px;
/* li:hover { font-family: Verdana, Geneva, Tahoma, sans-serif;
color: rgb(195, 221, 238); font-size: 12px;
background-color: rgb(11, 138, 222); cursor: pointer;
font-style: italic; }
font-family: cursive;
font-size: 15px; /* li:hover {
padding-left: 0px; color: rgb(195, 221, 238);
} */ background-color: rgb(11, 138, 222);
font-style: italic;
.sorroundImage { font-family: cursive;
border: 1px solid #CED4DA; font-size: 15px;
} padding-left: 0px;
} */
.genericSelect {
padding-left: 3px; .sorroundImage {
font-size: 13px; border: 1px solid #CED4DA;
font-style: italic; }
font-family: cursive;
} .genericSelect {
padding-left: 3px;
.bg-RECHAZOS_PARA_CORRESPONSAL { font-size: 13px;
background-color: #EB984E !important; font-style: italic;
} font-family: cursive;
}
.bg-CORRESPONSAL_NORMAL {
background-color: #ABEB4E !important; .bg-RECHAZOS_PARA_CORRESPONSAL {
} background-color: #EB984E !important;
}
.bg-RECHAZOS_POR_CONTABILIDAD {
background-color: #ff0000 !important; .bg-CORRESPONSAL_NORMAL {
} background-color: #ABEB4E !important;
}
.btn-uploadExcel {
color: #e9f0e6; .bg-RECHAZOS_POR_CONTABILIDAD {
background-color: rgb(16, 101, 101); background-color: #ff0000 !important;
border-color: #5bc2c2 }
}
.btn-uploadExcel {
.btn-uploadExcelCorresponsal { color: #e9f0e6;
color: #a3e488; background-color: rgb(16, 101, 101);
background-color: rgb(29, 151, 72); border-color: #5bc2c2
border-color: #5bc2c2 }
}
.btn-uploadExcelCorresponsal {
.btn-uploadPDF { color: #a3e488;
color: #dedfc5; background-color: rgb(29, 151, 72);
background-color: rgb(199, 66, 66); border-color: #5bc2c2
border-color: #f40707 }
}
.btn-uploadPDF {
.rdtPicker { color: #dedfc5;
display: none; background-color: rgb(199, 66, 66);
position: absolute; border-color: #f40707
width: 250px; }
padding: 4px;
margin-top: 1px; .rdtPicker {
z-index: 99999 !important; display: none;
background: #fff; position: absolute;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); width: 250px;
border: 1px solid #f9f9f9; padding: 4px;
} margin-top: 1px;
.react-datepicker-wrapper, z-index: 99999 !important;
.react-datepicker__input-container, background: #fff;
.react-datepicker__input-container input { box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
display: block; border: 1px solid #f9f9f9;
width: 100%; }
} .react-datepicker-wrapper,
.genericinput { .react-datepicker__input-container,
width: 125px; .react-datepicker__input-container input {
} display: block;
width: 100%;
.divPerfiles { }
height: 550px; .genericinput {
overflow: auto; width: 125px;
background-color: #000000; }
}
.divPerfiles {
.tableAvisoCruce { height: 550px;
font-family: Verdana; overflow: auto;
font-size: 14px; background-color: #000000;
border: 1px solid #000000; }
background-color: #ffffff;
width: 1000px; .tableAvisoCruce {
} font-family: Verdana;
font-size: 14px;
.tableAvisoCruce, border: 1px solid #000000;
td, background-color: #ffffff;
th { width: 1000px;
border: 1px solid black; }
height: 25px;
} .tableAvisoCruce,
td,
.tableAvisoCruceHeader { th {
background-color: #756d6d; border: 1px solid black;
font-weight: bold; height: 25px;
text-align: center; }
}
.tableAvisoCrucefNormal { .tableAvisoCruceHeader {
font-weight: normal; background-color: #756d6d;
} font-weight: bold;
.tableAvisoCruceHyF { text-align: center;
text-align: center; }
border: 1px solid white; .tableAvisoCrucefNormal {
} font-weight: normal;
}
.allScreen { .tableAvisoCruceHyF {
background-color: #FFFFFF; text-align: center;
height: 1330px; border: 1px solid white;
} }
.tdAvisoCruceWordWrap { .allScreen {
word-break: break-all; background-color: #FFFFFF;
} height: 1330px;
}
.textareaCR {
white-space: pre-wrap; .tdAvisoCruceWordWrap {
word-wrap: break-word; word-break: break-all;
} }
.colAlignRight { .textareaCR {
text-align: right; white-space: pre-wrap;
} word-wrap: break-word;
}
.blueCardBorder {
border-color: #1D6DC2; .colAlignRight {
} text-align: right;
}
.dashboardComponentFont {
font-family: 'Kanit'; .blueCardBorder {
} border-color: #1D6DC2;
}
.dashboardComponentFont {
font-family: 'Kanit';
}

@ -1,7 +1,6 @@
/*** FONDO PARA SITIO WEB ***/ /*** FONDO PARA SITIO WEB ***/
body { body {
background-image: linear-gradient(to right, rgb(215,215,215), rgb(245,245,245), rgb(245,245,245), white, white, white, rgb(245,245,245), rgb(245,245,245), rgb(215,215,215)) !important; background-image: linear-gradient(to right, rgb(215,215,215), rgb(245,245,245), rgb(245,245,245), white, white, white, rgb(245,245,245), rgb(245,245,245), rgb(215,215,215)) !important;
/* background-image: linear-gradient(to right, rgb(195, 230, 243), rgb(245,245,245), rgb(245,245,245), white, white, white, rgb(245,245,245), rgb(245,245,245), rgb(195, 230, 243)) !important; */
} }
/*** COLOR DE TEXTO PARA ETIQUETAS EN FORMS, ENCABEZADOS DE FORMS Y BOTON DE ACCORDIONS ***/ /*** COLOR DE TEXTO PARA ETIQUETAS EN FORMS, ENCABEZADOS DE FORMS Y BOTON DE ACCORDIONS ***/
@ -26,10 +25,6 @@ div.App > div.container {
background-image: linear-gradient(to bottom, rgb(0, 75, 187),rgb(0, 113, 219),rgb(64, 150, 248)) !important; background-image: linear-gradient(to bottom, rgb(0, 75, 187),rgb(0, 113, 219),rgb(64, 150, 248)) !important;
color: white; color: white;
} }
.QAcustom-theme {
background-image: linear-gradient(to bottom, rgb(0, 75, 187),rgb(0, 113, 219),rgb(64, 150, 248)) !important;
color: white;
}
.navbar-brand, .navbar-nav .dropdown-toggle.nav-link, .navbar-collapse .btn-outline-success, #basic-navbar-nav a.nav-link, .navbar-toggler-icon { .navbar-brand, .navbar-nav .dropdown-toggle.nav-link, .navbar-collapse .btn-outline-success, #basic-navbar-nav a.nav-link, .navbar-toggler-icon {
color: white; color: white;
} }

@ -1,6 +1,6 @@
.MDTable { .MDTable {
width: 100%; width: 1800px !important;
font-size: .7em; font-size: .7em !important;
font-family: Arial, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif; font-family: Arial, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif;
background-color: #ffffff; background-color: #ffffff;
} }
@ -34,7 +34,7 @@
.MDTable tbody tr td { .MDTable tbody tr td {
border-top: solid 1px #c8cacd; border-top: solid 1px #c8cacd;
/* border-bottom: solid 1px #092a84; */ /* border-bottom: solid 1px #092a84; */
font-size: .9em; font-size: 1em !important;
background-color: #FFFFFF; background-color: #FFFFFF;
/* height: 25px; */ /* height: 25px; */
} }

@ -65,3 +65,4 @@
.tree li a:hover + ul ul::before { .tree li a:hover + ul ul::before {
border-color: #94a0b4; border-color: #94a0b4;
} }

Loading…
Cancel
Save