alfonso
/
CORRESPONSALFrontend
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

cambiar perfil de validacion para captura de corresponsal

Browse Source
feature/ConsolidarPedimentos_20231229
Felix Morales 12 months ago
parent 1d45606cf3
commit 37a86e86a3
7 changed files with 147 additions and 44 deletions
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Show Stats Download Patch File Download Diff File
  1. 17
      src/Components/Clientes/Clientes.tsx
  2. 86
      src/Components/Corresponsales/TraficoCorresponsales.tsx
  3. 4
      src/Components/Login/login.tsx
  4. 54
      src/Components/Reportes/Embarques/ReportesEmbarques.tsx
  5. 6
      src/Components/Reportes/RptCorresponsalesTraficos.tsx
  6. 22
      src/Components/Utils/SideBar/SideBar.tsx
  7. 2
      src/index.tsx

17
src/Components/Clientes/Clientes.tsx
Unescape View File

@ -0,0 +1,17 @@
import React from "react";
import { SideBarMenu } from "../Utils/SideBar/SideBar";
import { Outlet, Route, Routes } from "react-router-dom";
export const ClientesExternos: React.FC = () => {
return (
<>
<div className="container-fluid m-1">
<div className="row flex-nowrap">
<SideBarMenu/>
<Outlet/>
</div>
</div>
</>
)
}

86
src/Components/Corresponsales/TraficoCorresponsales.tsx
Unescape View File

@ -859,7 +859,7 @@ export default function TraficoCorresponsales (props:IProps) {
setChangePermission(true)
} else if (Depto === 'Corresponsalias' && Proceso > 1) {
setChangePermission(false)
} else if (Perfil === 'heineken' && Proceso <= 1){
} else if (Perfil === 'Corresponsales' && Proceso <= 1){
setChangePermission(true)
}else setChangePermission(false)
}
@ -1364,27 +1364,29 @@ export default function TraficoCorresponsales (props:IProps) {
}
const getCentroCostos = (idCliente: number, clientes: IClientes[]) => {
if(idCliente > 0){
CentrosCostosService.get(idCliente)
.then(response => {
setCentroCostos(response.data.centroCostos)
setClaveClienteFacturacion(response.data.clienteFacturacion);
if(response.data.clienteFacturacion !== 0 && response.data.clienteFacturacion !== idCliente){
let cliente = clientes!.filter(x => x.sClave === response.data.clienteFacturacion)[0];
let nombreCliente = cliente.sRazonSocial.split('|')[0].trim()
setNombreClienteFacturacion(nombreCliente);
setRfcClienteFacturacion(cliente.sRFC);
}
return
})
.catch((e: Error) => {
setCentroCostos(''); setClaveClienteFacturacion(0); setNombreClienteFacturacion(''); setRfcClienteFacturacion('');
setHeader('Error')
setMsg('Centro de costos no asignado. Solicitar a servicios administrativos la asignacion del centro de costos del cliente.')
setShowMsg(true)
return
});
if(Perfil === "Corresponsales"){
if(idCliente > 0){
CentrosCostosService.get(idCliente)
.then(response => {
setCentroCostos(response.data.centroCostos)
setClaveClienteFacturacion(response.data.clienteFacturacion);
if(response.data.clienteFacturacion !== 0 && response.data.clienteFacturacion !== idCliente){
let cliente = clientes!.filter(x => x.sClave === response.data.clienteFacturacion)[0];
let nombreCliente = cliente.sRazonSocial.split('|')[0].trim()
setNombreClienteFacturacion(nombreCliente);
setRfcClienteFacturacion(cliente.sRFC);
}
return
})
.catch((e: Error) => {
setCentroCostos(''); setClaveClienteFacturacion(0); setNombreClienteFacturacion(''); setRfcClienteFacturacion('');
setHeader('Error')
setMsg('Centro de costos no asignado. Solicitar a servicios administrativos la asignacion del centro de costos del cliente.')
setShowMsg(true)
return
});
}
}
}
@ -1747,7 +1749,7 @@ export default function TraficoCorresponsales (props:IProps) {
</Card>
<br />
<Tabs
defaultActiveKey= {Perfil === 'heineken'? "InformacionCorresponsal" : "InformacionGeneral"}
defaultActiveKey= {Perfil === 'Corresponsales'? "InformacionCorresponsal" : "InformacionGeneral"}
id="uncontrolled-tab-example"
className="mb-3"
style={{visibility: IDTrafico !== 0 ? 'visible' : 'hidden'}}
@ -1756,7 +1758,7 @@ export default function TraficoCorresponsales (props:IProps) {
eventKey="InformacionGeneral"
title="Informacion general"
id="TabInformacionGeneral"
tabClassName={Perfil === 'heineken' ? 'd-none' : ''}
tabClassName={Perfil === 'Corresponsales' ? 'd-none' : ''}
>
<Card
style={{ visibility: IDTrafico !== 0 ? 'visible' : 'hidden' }}
@ -2840,7 +2842,7 @@ export default function TraficoCorresponsales (props:IProps) {
<Tab
eventKey="InformacionAdicional"
title="Informacion adicional"
tabClassName={mCFacturas.length >= 2 && Perfil !== 'heineken' ? '' : 'd-none'}
tabClassName={mCFacturas.length >= 2 && Perfil !== 'Corresponsales' ? '' : 'd-none'}
>
<Card>
<Card.Body>
@ -3331,7 +3333,7 @@ export default function TraficoCorresponsales (props:IProps) {
id="FechaEntrada"
size="sm"
value={FEntrada}
disabled={Depto !== 'Corresponsalias' && Perfil !== 'heineken'}
disabled={Depto !== 'Corresponsalias' && Perfil !== 'Corresponsales'}
onChange={(e) => setFEntrada(e.target.value)}
/>
</Col>
@ -3342,7 +3344,7 @@ export default function TraficoCorresponsales (props:IProps) {
id="FechaRevalidacionGuia"
size="sm"
value={FRevalidacionGuia}
disabled={Depto !== 'Corresponsalias' && Perfil !== 'heineken'}
disabled={Depto !== 'Corresponsalias' && Perfil !== 'Corresponsales'}
onChange={(e) => setFRevalidacionGuia(e.target.value)}
/>
</Col>
@ -3373,7 +3375,7 @@ export default function TraficoCorresponsales (props:IProps) {
<Col>
<CurrencyFormat
value={Fletes}
disabled={Depto !== 'Corresponsalias' && Perfil !== 'heineken'}
disabled={Depto !== 'Corresponsalias' && Perfil !== 'Corresponsales'}
thousandSeparator={true}
onValueChange={(values: any) => {
const { value } = values
@ -3405,7 +3407,7 @@ export default function TraficoCorresponsales (props:IProps) {
<CurrencyFormat
value={Seguros}
thousandSeparator={true}
disabled={Depto !== 'Corresponsalias' && Perfil !== 'heineken'}
disabled={Depto !== 'Corresponsalias' && Perfil !== 'Corresponsales'}
onValueChange={(values: any) => {
const { value } = values
setSeguros(value)
@ -3436,7 +3438,7 @@ export default function TraficoCorresponsales (props:IProps) {
<CurrencyFormat
value={Embalaje}
thousandSeparator={true}
disabled={Depto !== 'Corresponsalias' && Perfil !== 'heineken'}
disabled={Depto !== 'Corresponsalias' && Perfil !== 'Corresponsales'}
onValueChange={(values: any) => {
const { value } = values
setEmbalaje(value)
@ -3467,7 +3469,7 @@ export default function TraficoCorresponsales (props:IProps) {
<CurrencyFormat
value={Otros}
thousandSeparator={true}
disabled={Depto !== 'Corresponsalias' && Perfil !== 'heineken'}
disabled={Depto !== 'Corresponsalias' && Perfil !== 'Corresponsales'}
onValueChange={(values: any) => {
const { value } = values
setOtros(value)
@ -3514,7 +3516,7 @@ export default function TraficoCorresponsales (props:IProps) {
id="FechaInicioGastosAlmacenaje"
size="sm"
value={FAlmacenajeInicioGastos}
disabled={Depto !== 'Corresponsalias' && Perfil !== 'heineken'}
disabled={Depto !== 'Corresponsalias' && Perfil !== 'Corresponsales'}
onChange={(e) =>
setFAlmacenajeInicioGastos(e.target.value)
}
@ -3525,7 +3527,7 @@ export default function TraficoCorresponsales (props:IProps) {
<CurrencyFormat
value={CostoDiario}
thousandSeparator={true}
disabled={Depto !== 'Corresponsalias' && Perfil !== 'heineken'}
disabled={Depto !== 'Corresponsalias' && Perfil !== 'Corresponsales'}
onValueChange={(values: any) => {
const { value } = values
setCostoDiario(value)
@ -3556,7 +3558,7 @@ export default function TraficoCorresponsales (props:IProps) {
<CurrencyFormat
value={TotalPagar}
thousandSeparator={true}
disabled={Depto !== 'Corresponsalias' && Perfil !== 'heineken'}
disabled={Depto !== 'Corresponsalias' && Perfil !== 'Corresponsales'}
onValueChange={(values: any) => {
const { value } = values
setTotalPagar(value)
@ -3636,7 +3638,7 @@ export default function TraficoCorresponsales (props:IProps) {
id="FechaDespacho"
size="sm"
value={FDespacho}
disabled={Depto !== 'Corresponsalias' && Perfil !== 'heineken'}
disabled={Depto !== 'Corresponsalias' && Perfil !== 'Corresponsales'}
onChange={(e) => setFDespacho(e.target.value)}
/>
</Col>
@ -3650,7 +3652,7 @@ export default function TraficoCorresponsales (props:IProps) {
as="select"
className="form-select form-select-sm"
value={Estatus}
disabled={Depto !== 'Corresponsalias' && Perfil !== 'heineken'}
disabled={Depto !== 'Corresponsalias' && Perfil !== 'Corresponsales'}
onChange={(e) => {
setEstatus(parseInt(e.target.value))
}}
@ -3675,7 +3677,7 @@ export default function TraficoCorresponsales (props:IProps) {
<Col xs={12}>
<Partidas
IDTrafico={IDTrafico}
canEdit={Depto === 'Corresponsalias' || Perfil === 'heineken'}
canEdit={Depto === 'Corresponsalias' || Perfil === 'Corresponsales'}
/>
</Col>
</Row>
@ -3704,7 +3706,7 @@ export default function TraficoCorresponsales (props:IProps) {
IdFile={IDTrafico}
FileName={''}
canDelete={
Depto === 'Corresponsalias' && Perfil !== 'heineken'
Depto === 'Corresponsalias' && Perfil !== 'Corresponsales'
}
FileType={['pdf']}
setBackgroundColor={c.id}
@ -3733,7 +3735,7 @@ export default function TraficoCorresponsales (props:IProps) {
IDTrafico={IDTrafico}
Proceso={10}
showPreview={1}
canEdit={Depto === 'Corresponsalias' || Perfil === 'heineken'}
canEdit={Depto === 'Corresponsalias' || Perfil === 'Corresponsales'}
Leyenda={'Selecciones las imagenes de previo...'}
/>
</Col>
@ -3742,7 +3744,7 @@ export default function TraficoCorresponsales (props:IProps) {
<Tab
eventKey="CuentasComplementarias"
title="Cuentas complementarias"
tabClassName={Perfil === 'heineken' ? 'd-none' : ''}
tabClassName={Perfil === 'Corresponsales' ? 'd-none' : ''}
>
<Row>
<Col xs={12}>
@ -3756,7 +3758,7 @@ export default function TraficoCorresponsales (props:IProps) {
<Tab
eventKey="Rectificaciones"
title="Rectificaciones"
tabClassName={Perfil === 'heineken' ? 'd-none' : ''}
tabClassName={Perfil === 'Corresponsales' ? 'd-none' : ''}
>
{/* <Card>
<Row>
@ -3883,7 +3885,7 @@ export default function TraficoCorresponsales (props:IProps) {
<div style={{ height: '350px', overflow: 'scroll' }}>
<Partidas
IDTrafico={IDTrafico}
canEdit={Depto === 'Corresponsalias' || Perfil === 'heineken'}
canEdit={Depto === 'Corresponsalias' || Perfil === 'Corresponsales'}
/>
</div>
) : null}

4
src/Components/Login/login.tsx
Unescape View File

@ -55,8 +55,10 @@ export const Login: React.FC<{}> = () => {
localStorage.setItem('UserType', JSON.stringify(values.UserType))
localStorage.setItem('Perfil', JSON.stringify(values.Perfil))
dispatch(logued(true))
if(values.Perfil === 'heineken'){
if(values.Perfil === 'Corresponsales'){
navigate('/RptCorresponsalesTraficos/proc=1/modo=1')
}else if(values.Perfil === 'Clientes'){
navigate('/Clientes')
}else{
navigate('/')
}

54
src/Components/Reportes/Embarques/ReportesEmbarques.tsx
Unescape View File

@ -0,0 +1,54 @@
import React from 'react';
import { Card, Tab, Tabs } from 'react-bootstrap';
export const ReportesEmbarques: React.FC = () => {
return (
<Card>
<Card.Body>
<Tabs
id="uncontrolled-tab-example"
className="mb-3"
>
<Tab
eventKey="EmbarquesPorImportar"
title="Embarques por importar"
id="TabEmbarquesPorImportar"
>
<Card>
<Card.Body>
Aqui van los elementos para actualizar, descargar y filtrar los registros
</Card.Body>
</Card>
<Card>
<Card.Body>
</Card.Body>
</Card>
</Tab>
<Tab
eventKey="EmbarquesDespachados"
title="Embarques Despachados"
id="TabEmbarquesdespachados"
>
<Card>
<Card.Body>
Reporte de embarques despachados
</Card.Body>
</Card>
</Tab>
<Tab
eventKey="BuscarEmbarques"
title="Buscar Embarques"
id="TabBuscarEmbarques"
>
<Card>
<Card.Body>
Buscador de embarques
</Card.Body>
</Card>
</Tab>
</Tabs>
</Card.Body>
</Card>
)
}

6
src/Components/Reportes/RptCorresponsalesTraficos.tsx
Unescape View File

@ -56,6 +56,10 @@ export default function RptCorresponsalesTraficos(props: IProps) {
const stickyValue = window.localStorage.getItem('Departamento')
return stickyValue !== null ? JSON.parse(stickyValue) : ''
})
const [Perfil, setPerfil] = useState(() => {
const stickyValue = window.localStorage.getItem('Perfil')
return stickyValue !== null ? JSON.parse(stickyValue) : ''
})
const queryParams = new URLSearchParams(window.location.search)
const status = queryParams.get('status')
const [StatusAnticipos, setStatusAnticipos] = useState(
@ -597,7 +601,7 @@ export default function RptCorresponsalesTraficos(props: IProps) {
</Form.Control>
</Form.Label>
</Col>
{(Depto === 'Corresponsalias' || Depto === 'Sistemas')? <>
{(Perfil !== "Corresponsales")? <>
<Col lg={4}>
<Form.Label style={{width:'100%', fontSize:'smaller'}}>
Cliente

22
src/Components/Utils/SideBar/SideBar.tsx
Unescape View File

@ -0,0 +1,22 @@
import React from "react";
import { BsFileEarmarkText } from "react-icons/bs";
import { Link } from "react-router-dom";
export const SideBarMenu: React.FC = () => {
return (
<>
<div className="col-auto col-md-3 col-xl-2 px-sm-2 px-0" style={{backgroundColor:'#2d343c'}}>
<div className="d-flex flex-column align-items-center align-items-sm-start px-3 pt-2 text-white">
<ul className="nav nav-pills flex-column mb-sm-auto mb-0 align-items-center align-items-sm-start" id="menu">
<li className="nav-item p-2 pt-4">
<Link to="/ReporteEmbarques" className="nav-link align-middle px-0 text-white">
<BsFileEarmarkText/>
<span className="ms-1 d-none d-sm-inline">Reporte de Embarques</span>
</Link>
</li>
</ul>
</div>
</div>
</>
);
}

2
src/index.tsx
Unescape View File

@ -23,6 +23,7 @@ import ResetCredentials from './Components/Login/ResetCredentials'
import { ReporteSemanalNewell } from './Components/ReportesClientes/ReporteSemanalNewel'
import { ReporteMensualNewell } from './Components/ReportesClientes/ReporteMensualNewell'
import { CatCentroConstos } from './Components/Catalogos/CatCentroCostos/CatCentroCostos'
import { ReportesEmbarques } from './Components/Reportes/Embarques/ReportesEmbarques'
require (`./css/${process.env.REACT_APP_ENVIRONMENT}-home.css`)
function PageNotFound() {
@ -77,6 +78,7 @@ root.render(
<Route path='newellSemanal' element={<ReporteSemanalNewell/>}/>
<Route path='newellMensual' element={<ReporteMensualNewell/>}/>
<Route path='CentroCostos' element={<CatCentroConstos/>}/>
<Route path='ReportesEmbarques' element={<ReportesEmbarques/>}/>
</Route>
</Routes>
</HashRouter>

Write Preview
Loading…
Cancel
Save