mostrar dashboard de corresponsalias a contabilidad y facturacion

feature/ConsolidarPedimentos_20231229
Felix Morales 12 months ago
parent 997b4d49f2
commit 5d9d4531a7
  1. 2
      src/Components/Dashboard/Dashboard.tsx
  2. 8
      src/Components/Dashboard/DashboardContabilidad.tsx
  3. 7
      src/Components/Dashboard/DashboardCorresponsales.tsx
  4. 4
      src/Components/Dashboard/DashboardFacturacion.tsx
  5. 10
      src/Components/Reportes/RptCorresponsalesTraficos.tsx

@ -26,7 +26,7 @@ export default function Dashboard(props: IProps) {
return <React.Fragment>{item}</React.Fragment> return <React.Fragment>{item}</React.Fragment>
} }
)} )}
{[['Direccion', 'Sistemas', 'Contabilidad'].includes(Depto) ? <DashboardContabilidad /> : ''].map((item) => { {[['Direccion', 'Sistemas', 'Contabilidad'].includes(Depto) ? <DashboardContabilidad Depto={Depto} /> : ''].map((item) => {
return <React.Fragment>{item}</React.Fragment> return <React.Fragment>{item}</React.Fragment>
})} })}
{[['Direccion', 'Sistemas', 'Facturacion'].includes(Depto) ? <DashboardFacturacion Depto={Depto}/> : ''].map((item) => { {[['Direccion', 'Sistemas', 'Facturacion'].includes(Depto) ? <DashboardFacturacion Depto={Depto}/> : ''].map((item) => {

@ -6,8 +6,11 @@ import { FaCcMastercard, FaFileInvoiceDollar, FaReply } from 'react-icons/fa'
import { FcCancel, FcSurvey, FcUndo } from 'react-icons/fc' import { FcCancel, FcSurvey, FcUndo } from 'react-icons/fc'
import { Link } from 'react-router-dom' import { Link } from 'react-router-dom'
import DashboardDataService from '../../Services/Dashboard/Dashboard.Contabilidad.Service' import DashboardDataService from '../../Services/Dashboard/Dashboard.Contabilidad.Service'
import DashboardCorresponsales from './DashboardCorresponsales'
interface IProps {} interface IProps {
Depto: string;
}
export const DashboardContabilidad: FC<IProps> = (props) => { export const DashboardContabilidad: FC<IProps> = (props) => {
const [CTCTotal, setCTCTotal] = useState(0) // Corresponsales: Traficos terminados listos para contabilidad const [CTCTotal, setCTCTotal] = useState(0) // Corresponsales: Traficos terminados listos para contabilidad
@ -47,6 +50,9 @@ export const DashboardContabilidad: FC<IProps> = (props) => {
return ( return (
<> <>
{
props.Depto === 'Contabilidad' ? <DashboardCorresponsales/> : ""
}
<Col> <Col>
<Card style={{ width: '18rem' }} className='dashboardComponentFont'> <Card style={{ width: '18rem' }} className='dashboardComponentFont'>
<Card.Header>Contabilidad</Card.Header> <Card.Header>Contabilidad</Card.Header>

@ -99,19 +99,18 @@ export default function DashboardCorresponsales(props: IProps) {
return ( return (
<> <>
<Col> <Col>
<Card style={{ width: '19rem' }} className='dashboardComponentFont'> <Card style={{ width: '18rem' }} className='dashboardComponentFont'>
<Card.Header> <Card.Header style={{fontSize:'15.9px'}}>
<b>Corresponsales:</b> Traficos pendientes <b>Corresponsales:</b> Traficos pendientes
</Card.Header> </Card.Header>
<Card.Body style={{ paddingBottom: '10px', paddingTop: '0px' }}> <Card.Body style={{ paddingBottom: '10px', paddingTop: '0px' }}>
<Card.Img variant='top' src='' onClick={() => {}} />
{labels ? ( {labels ? (
<ReactApexChart <ReactApexChart
type='donut' type='donut'
options={CircleOptions} options={CircleOptions}
series={series} series={series}
width={250} width={250}
height={500} height={310}
/> />
) : ( ) : (
'' ''

@ -9,6 +9,7 @@ import { ApexOptions } from 'apexcharts'
import ReactApexChart from 'react-apexcharts' import ReactApexChart from 'react-apexcharts'
import { FaReply } from 'react-icons/fa' import { FaReply } from 'react-icons/fa'
import { FcSurvey } from 'react-icons/fc' import { FcSurvey } from 'react-icons/fc'
import DashboardCorresponsales from './DashboardCorresponsales'
interface IProps { interface IProps {
Depto: string; Depto: string;
@ -103,6 +104,9 @@ export const DashboardFacturacion: FC<IProps> = (props) => {
return ( return (
<> <>
{
props.Depto === 'Facturacion' ? <DashboardCorresponsales/> : ""
}
<Col> <Col>
<Card style={{ width: '18rem' }} className='dashboardComponentFont'> <Card style={{ width: '18rem' }} className='dashboardComponentFont'>
<Card.Header><b>Facturación:</b> Tráficos Pendientes</Card.Header> <Card.Header><b>Facturación:</b> Tráficos Pendientes</Card.Header>

@ -127,14 +127,8 @@ export default function RptCorresponsalesTraficos(props: IProps) {
filter: true, filter: true,
}, },
{ {
field: 'sOpEntrada', field: 'sEstatus',
headerName: 'Op Entrada', headerName: 'Estado operacion',
sortable: true,
filter: true,
},
{
field: 'sOpSalida',
headerName: 'Op Salida',
sortable: true, sortable: true,
filter: true, filter: true,
}, },

Loading…
Cancel
Save