RiseUP/riseup-squad23
4
1
Fork 1
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

pequenas mudanaças na tabela de semana e mes

Browse Source
This commit is contained in:
jp-lima 2025-09-09 10:59:15 -03:00
parent 6737955323
commit 4f84791265
6 changed files with 6336 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6169
package-lock.json generated
View File

File diff suppressed because it is too large Load Diff

1
package.json
View File

@ -13,6 +13,7 @@
"apexcharts": "^5.3.4",
"bootstrap": "^5.3.8",
"bootstrap-icons": "^1.13.1",
"dayjs": "^1.11.18",
"flatpickr": "^4.6.13",
"perfect-scrollbar": "^1.5.6",
"quill": "^2.0.3",

65
src/components/AgendarConsulta/DadosConsultasMock.js Normal file
View File

@ -0,0 +1,65 @@
let AgendamentosMes = {semana1:{
segunda:[ { horario: '07:00', medico: 'Rogerio Cena', paciente: 'Caio Miguel', status: 'marcado', motivo:'Consulta de Rotina' },
{ horario: '07:10', satus:'vazio' },
{ horario: '07:20', medico: 'Rogerio Cena', paciente: 'Ana Paula', status: 'cancelado', motivo:'Consulta de Rotina' },
{ horario: '07:30', medico: 'Rogerio Cena', paciente: 'Bruno Lima', status: 'atendido', motivo:'Consulta de Rotina' },
{ horario: '07:40', status:'vazio' },
{ horario: '07:50', medico: 'Rogerio Cena', paciente: 'Felipe Duarte', status: 'remarcado', motivo:'Consulta de Rotina' },
{ horario: '08:00', medico: 'Rogerio Cena', paciente: 'Carolina Alves', status: 'marcado', motivo:'2 Exames' },
{ horario: '08:10', medico: 'Rogerio Cena', paciente: 'Ricardo Gomes', status: 'em andamento', motivo:'retorno' },
{ horario: '08:20', medico: 'Rogerio Cena', paciente: 'Tatiane Ramos', status: 'marcado', motivo: '' },
{ horario: '08:30', medico: 'Rogerio Cena', paciente: 'Daniel Oliveira', status: 'atendido', motivo: '' }],
terca:[ { horario: '07:00', medico: 'Rogerio Cena', paciente: 'Caio Miguel', status: 'marcado', motivo:'Consulta de Rotina' },
{ horario: '07:10', satus:'vazio' },
{ horario: '07:20', medico: 'Rogerio Cena', paciente: 'Ana Paula', status: 'cancelado', motivo:'Consulta de Rotina' },
{ horario: '07:30', medico: 'Rogerio Cena', paciente: 'Bruno Lima', status: 'atendido', motivo:'Consulta de Rotina' },
{ horario: '07:40', status:'vazio' },
{ horario: '07:50', medico: 'Rogerio Cena', paciente: 'Felipe Duarte', status: 'remarcado', motivo:'Consulta de Rotina' },
{ horario: '08:00', medico: 'Rogerio Cena', paciente: 'Carolina Alves', status: 'marcado', motivo:'2 Exames' },
{ horario: '08:10', medico: 'Rogerio Cena', paciente: 'Ricardo Gomes', status: 'em andamento', motivo:'retorno' },
{ horario: '08:20', medico: 'Rogerio Cena', paciente: 'Tatiane Ramos', status: 'marcado', motivo: '' },
{ horario: '08:30', medico: 'Rogerio Cena', paciente: 'Daniel Oliveira', status: 'atendido', motivo: '' }],
quarta:{},
quinta:{},
sexta:{}
}, semana2:{ segunda:[ { horario: '07:00', medico: 'Rogerio Cena', paciente: 'Caio Miguel', status: 'marcado', motivo:'Consulta de Rotina' },
{ horario: '07:10', satus:'vazio' },
{ horario: '07:20', medico: 'Rogerio Cena', paciente: 'Ana Paula', status: 'cancelado', motivo:'Consulta de Rotina' },
{ horario: '07:30', medico: 'Rogerio Cena', paciente: 'Bruno Lima', status: 'atendido', motivo:'Consulta de Rotina' },
{ horario: '07:40', status:'vazio' },
{ horario: '07:50', medico: 'Rogerio Cena', paciente: 'Felipe Duarte', status: 'remarcado', motivo:'Consulta de Rotina' },
{ horario: '08:00', medico: 'Rogerio Cena', paciente: 'Carolina Alves', status: 'marcado', motivo:'2 Exames' },
{ horario: '08:10', medico: 'Rogerio Cena', paciente: 'Ricardo Gomes', status: 'em andamento', motivo:'retorno' },
{ horario: '08:20', medico: 'Rogerio Cena', paciente: 'Tatiane Ramos', status: 'marcado', motivo: '' },
{ horario: '08:30', medico: 'Rogerio Cena', paciente: 'Daniel Oliveira', status: 'atendido', motivo: '' }],
terca:[ { horario: '07:00', medico: 'Rogerio Cena', paciente: 'Caio Miguel', status: 'marcado', motivo:'Consulta de Rotina' },
{ horario: '07:10', satus:'vazio' },
{ horario: '07:20', medico: 'Rogerio Cena', paciente: 'Ana Paula', status: 'cancelado', motivo:'Consulta de Rotina' },
{ horario: '07:30', medico: 'Rogerio Cena', paciente: 'Bruno Lima', status: 'atendido', motivo:'Consulta de Rotina' },
{ horario: '07:40', status:'vazio' },
{ horario: '07:50', medico: 'Rogerio Cena', paciente: 'Felipe Duarte', status: 'remarcado', motivo:'Consulta de Rotina' },
{ horario: '08:00', medico: 'Rogerio Cena', paciente: 'Carolina Alves', status: 'marcado', motivo:'2 Exames' },
{ horario: '08:10', medico: 'Rogerio Cena', paciente: 'Ricardo Gomes', status: 'em andamento', motivo:'retorno' },
{ horario: '08:20', medico: 'Rogerio Cena', paciente: 'Tatiane Ramos', status: 'marcado', motivo: '' },
{ horario: '08:30', medico: 'Rogerio Cena', paciente: 'Daniel Oliveira', status: 'atendido', motivo: '' }],
quarta:{},
quinta:{},
sexta:{}}
}
export default AgendamentosMes

40
src/components/AgendarConsulta/TabelaAgendamentoMes.jsx
View File

@ -1,26 +1,30 @@
import React from 'react'
import AgendamentosMes from './DadosConsultasMock'
import dayjs from "dayjs"
const TabelaAgendamentoMes = () => {
const TabelaAgendamentoMes = ({ListarDiasdoMes}) => {
const agendamentosMes = [0,1,2,3,4,5]
const dataHoje = dayjs()
const AnoAtual = dataHoje.year()
const mes = dataHoje.getMonth()
console.log(AnoAtual)
//Domingo = 0
//Segunda = 1
//terça = 2
//quarta = 3
//quinta = 4
//sexta = 5
//Sabado = 6
const mes = dataHoje.month() + 1
let ListaDiasDatas = ListarDiasdoMes(AnoAtual, mes)
console.log(ListaDiasDatas)
let segundas = ListaDiasDatas[0];
let tercas = ListaDiasDatas[1];
let quartas = ListaDiasDatas[2];
let quintas = ListaDiasDatas[3];
let sextas = ListaDiasDatas[4]
return (
<div>
<table>
@ -32,6 +36,16 @@ const TabelaAgendamentoMes = () => {
<th>Sex</th>
</tr>
{agendamentosMes.map((semana, index) => (
<tr key={semana}>
<td>{segundas[semana]}</td>
<td>{tercas[semana]}</td>
<td>{quartas[semana]}</td>
<td>{quintas[semana]}</td>
<td>{sextas[semana]}</td>
</tr>
))}
</table>

38
src/components/AgendarConsulta/TabelaAgendamentoSemana.jsx
View File

@ -1,8 +1,42 @@
import React from 'react'
import Agendamento from '../../pages/Agendamento'
import AgendamentosMes from './DadosConsultasMock'
const TabelaAgendamentoSemana = () => {
let AgendamentosDesseMes = AgendamentosMes
let AgendamentoSemana = AgendamentosDesseMes.semana1
let AgendamentosdeSegunda = AgendamentoSemana.segunda
let AgendamentosdeTerca = AgendamentoSemana.terca
let AgendamentosdeQuarta = AgendamentoSemana.quarta
let AgendamentosdeQuinta = AgendamentoSemana.quinta
let AgendamentosdeSexta = AgendamentoSemana.sexta
return (
<div>TabelaAgendamentoSemana</div>
<div>
<table>
<tr>
<th>Segunda</th>
<th>Terça</th>
<th>Quarta</th>
<th>Quinta</th>
<th>Sexta</th>
</tr>
{AgendamentosdeSegunda.map((horario, index) => (
<tr key={index}>
<td>{horario}</td>
<td>{index}</td>
</tr>
))}
</table>
</div>
)
}

43
src/pages/Agendamento.jsx
View File

@ -9,6 +9,47 @@ import dayjs from 'dayjs'
const Agendamento = ( {setCurrentPage }) => {
const ListarDiasdoMes = (ano, mes) => {
let segundas = []; let tercas = []; let quartas = []; let quintas = []; let sextas = []
const base = dayjs(`${ano}-${mes}-01`)
const DiasnoMes= base.daysInMonth()
for(let d = 1; d <= DiasnoMes; d++){
console.log(d)
const data = dayjs(`${ano}--${mes}--${d}`)
const dia = data.format('dddd')
console.log(dia)
switch(dia){
case'Monday':
segundas.push(d)
break
case'Tuesday':
tercas.push(d)
break
case'Wednesday':
quartas.push(d)
break
case'Thursday':
quintas.push(d)
break
case'Friday':
sextas.push(d)
}}
let ListaDiasDatas = [segundas,tercas, quartas, quintas,sextas]
return ListaDiasDatas
}
const [tabela, setTabela] = useState('diario')
const [PageNovaConsulta, setPageConsulta] = useState(true)
@ -100,7 +141,7 @@ const Agendamento = ( {setCurrentPage }) => {
}
{tabela === 'mensal' && (
<TabelaAgendamentoMes/>
<TabelaAgendamentoMes ListarDiasdoMes={ListarDiasdoMes}/>
)}