diff --git a/src/Components/Corresponsales/Anticipos/Anticipos.tsx b/src/Components/Corresponsales/Anticipos/Anticipos.tsx index 6b68bfc..266cc87 100644 --- a/src/Components/Corresponsales/Anticipos/Anticipos.tsx +++ b/src/Components/Corresponsales/Anticipos/Anticipos.tsx @@ -105,7 +105,6 @@ export const Anticipos: FC = (props) => { style={{ cursor: 'pointer' }} />     - { params.data.autoriza === 0 ? { @@ -116,8 +115,7 @@ export const Anticipos: FC = (props) => { }} style={{ cursor: 'pointer' }} /> - : "" - } + :
diff --git a/src/Components/Dashboard/Dashboard.tsx b/src/Components/Dashboard/Dashboard.tsx index 53b7f5c..bd7beb8 100644 --- a/src/Components/Dashboard/Dashboard.tsx +++ b/src/Components/Dashboard/Dashboard.tsx @@ -6,6 +6,7 @@ import { DashboardFacturacion } from './DashboardFacturacion' import DashboardClientes from './DashboardClientes' import { useSelector } from 'react-redux' import { RootState } from '../../store/store' +import { DashboardSistemas } from './DashboardSistemas' interface IProps {} @@ -28,6 +29,11 @@ export default function Dashboard(props: IProps) {
+ {[Depto === 'Sistemas' ? : ''].map( + (item) => { + return {item} + } + )} {[['Direccion', 'Sistemas', 'Corresponsalias'].includes(Depto) ? : ''].map( (item) => { return {item} diff --git a/src/Components/Dashboard/DashboardSistemas.tsx b/src/Components/Dashboard/DashboardSistemas.tsx new file mode 100644 index 0000000..2f66709 --- /dev/null +++ b/src/Components/Dashboard/DashboardSistemas.tsx @@ -0,0 +1,124 @@ +import { ApexOptions } from "apexcharts"; +import { useEffect, useState } from "react"; +import ReactApexChart from "react-apexcharts" +import { Card, Col, Row } from "react-bootstrap" +import { Link } from "react-router-dom" +import DashboardDataService from '../../Services/Dashboard/Dashboard.Corresponsales.Services'; + +export const DashboardSistemas:React.FC = () => { + const [TotalCorresponsales, setTotalCorresponsales] = useState(0); + const [series, setseries] = useState([]); + const [Label, setLabel] = useState(''); + const [CircleOptions, setCirleOpcions] = useState({ + labels: [], + colors: ['#EB984E',], + legend: { position: 'bottom' }, + plotOptions: { + pie: { + donut: { + size: '55%', + }, + }, + }, + }); + + useEffect(() => { + DashboardDataService.getDisk() + .then((response) => { + console.log(response.data); + setLabel(response.data.descripcion) + setseries([response.data.total]); + + setCirleOpcions({ + labels: [response.data.descripcion], + colors: ['#ABEB4E'], + legend: { position: 'bottom' }, + plotOptions: { + radialBar: { + startAngle: -135, + endAngle: 135, + track: { + background: "#e7e7e7", + strokeWidth: '100%', + margin: 5, // margin is in pixels + dropShadow: { + enabled: false, + top: 2, + left: 0, + color: '#999', + opacity: 1, + blur: 2 + } + }, + dataLabels: { + name:{ + show:false + }, + value: { + show: true, + fontSize: '43px', + fontWeight: 'bold', + }, + } + } + }, + grid: { + padding: { + top: -10 + } + }, + }); + }) + .catch((e: Error) => { + return; + }); + //getTipoCambio(currentDate()) + }, []); + + return ( + + + + Sistemas + + + Almacenamiento interno + +
{Label}
+
+ + + + {/* + Buscar + */} + {/* Tipo cambio: ${TipoCambio} */} + + {/* */} + + + Ver mas... + + + + +
+ + ) +} \ No newline at end of file diff --git a/src/Components/EstadosCuenta/EstadosCuenta.tsx b/src/Components/EstadosCuenta/EstadosCuenta.tsx index 8c5a639..36b976a 100644 --- a/src/Components/EstadosCuenta/EstadosCuenta.tsx +++ b/src/Components/EstadosCuenta/EstadosCuenta.tsx @@ -34,7 +34,8 @@ export const EstadosCuenta:React.FC = () => { const [Patente, setPatente] = useState('') const [Pedimento, setPedimento] = useState('') const [TipoOperacion, setTipoOperacion] = useState('') - const [Fecha, setFecha] = useState('') + const [Inicio, setInicio] = useState('') + const [Fin, setFin] = useState('') const [Remitente, setRemitente] = useState('') const [Programado, setProgramado] = useState(0) // @@ -206,7 +207,8 @@ export const EstadosCuenta:React.FC = () => { Aduana: Aduana, Patente: Patente, Pedimento: Pedimento, - Fecha: Fecha, + Inicio: Inicio, + Fin: Fin, Remitente: Remitente, Programado: Programado } @@ -387,15 +389,30 @@ export const EstadosCuenta:React.FC = () => { - Fecha + Inicio setFecha(e.target.value)} + onChange={(e) => setInicio(e.target.value)} + size='sm' + /> + + + + + Fin + setFin(e.target.value)} size='sm' /> @@ -420,6 +437,8 @@ export const EstadosCuenta:React.FC = () => { +
+ Tipo Operacion @@ -437,8 +456,6 @@ export const EstadosCuenta:React.FC = () => { - - Estado @@ -456,7 +473,7 @@ export const EstadosCuenta:React.FC = () => { - +
{['Administrador', 'Facturacion', 'Sup. Facturacion'].includes(Perfil) ? : ''} diff --git a/src/DTO/EstadosCuenta/DTOEstadosCuentaAlenFilters.ts b/src/DTO/EstadosCuenta/DTOEstadosCuentaAlenFilters.ts index 47b8bcf..5389519 100644 --- a/src/DTO/EstadosCuenta/DTOEstadosCuentaAlenFilters.ts +++ b/src/DTO/EstadosCuenta/DTOEstadosCuentaAlenFilters.ts @@ -4,7 +4,8 @@ export interface DTOEstadoCuentaAlenFilters{ Aduana: string, Patente: string, Pedimento: string, - Fecha: string, + Inicio: string, + Fin: string, Remitente: string, Programado: number } \ No newline at end of file diff --git a/src/Services/Dashboard/Dashboard.Corresponsales.Services.ts b/src/Services/Dashboard/Dashboard.Corresponsales.Services.ts index 9827e41..ca7883e 100644 --- a/src/Services/Dashboard/Dashboard.Corresponsales.Services.ts +++ b/src/Services/Dashboard/Dashboard.Corresponsales.Services.ts @@ -2,6 +2,9 @@ import http from "../common/http-common"; import DashboardCorresponsales from "../../Interfaces/Dashboard/DashboardCorresponsales"; class Dashboard_Corresponsales_DataService { + getDisk() { + return http.get(`/Dashboard/Corresponsales/GetDiskUsage`); + } getCorresponsales() { return http.get(`/Dashboard/Corresponsales/Get`); }