forked from RiseUP/riseup-squad23
pequenas mudanaças na tabela de semana e mes
This commit is contained in:
jp-lima
parent
6737955323
commit
4f84791265
6169
package-lock.json
generated
6169
package-lock.json
generated
File diff suppressed because it is too large
Load Diff
@ -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
65
src/components/AgendarConsulta/DadosConsultasMock.js
Normal 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
|
||||
@ -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>
|
||||
|
||||
@ -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>
|
||||
)
|
||||
}
|
||||
|
||||
|
||||
@ -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}/>
|
||||
)}
|
||||
|
||||
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user