diff --git a/src/components/AgendarConsulta/CardConsulta.jsx b/src/components/AgendarConsulta/CardConsulta.jsx index 98e2978..257966d 100644 --- a/src/components/AgendarConsulta/CardConsulta.jsx +++ b/src/components/AgendarConsulta/CardConsulta.jsx @@ -12,6 +12,9 @@ const CardConsulta = ( {DadosConsulta, TabelaAgendamento, setShowDeleteModal, se const [Paciente, setPaciente] = useState() const [Medico, setMedico] = useState() + console.log(DadosConsulta.chief_complaint) + + const ids = useMemo(() => { return { doctor_id: DadosConsulta?.doctor_id, @@ -49,6 +52,7 @@ const CardConsulta = ( {DadosConsulta, TabelaAgendamento, setShowDeleteModal, se return (
+ {DadosConsulta.id? @@ -56,12 +60,16 @@ const CardConsulta = ( {DadosConsulta, TabelaAgendamento, setShowDeleteModal, se
-

{DadosConsulta.horario} {nameArrayMedico && nameArrayMedico.length > 0 ? nameArrayMedico[0] : ''} {nameArrayMedico && nameArrayMedico.length > 1 ? ` ${nameArrayMedico[1]}` : ''}

+

Medico:{DadosConsulta.horario} {nameArrayMedico && nameArrayMedico.length > 0 ? nameArrayMedico[0] : ''} {nameArrayMedico && nameArrayMedico.length > 1 ? ` ${nameArrayMedico[1]}` : ''}

-

{nameArrayPaciente && nameArrayPaciente.length > 0 ? nameArrayPaciente[0] : ''} {nameArrayPaciente && nameArrayPaciente.length > 1 ? ` ${nameArrayPaciente[1]}` : ''}- {}

+

Paciente: {nameArrayPaciente && nameArrayPaciente.length > 0 ? nameArrayPaciente[0] : ''} {nameArrayPaciente && nameArrayPaciente.length > 1 ? ` ${nameArrayPaciente[1]}` : ''}- {} + + {DadosConsulta.chief_complaint && `Reclamação: ${DadosConsulta.chief_complaint}`} + +

@@ -94,6 +102,7 @@ const CardConsulta = ( {DadosConsulta, TabelaAgendamento, setShowDeleteModal, se console.log(DadosConsulta.id) setSelectedId(DadosConsulta.id); setShowDeleteModal(true); + }} > diff --git a/src/components/AgendarConsulta/FormNovaConsulta.jsx b/src/components/AgendarConsulta/FormNovaConsulta.jsx index 36cee3e..692c7e0 100644 --- a/src/components/AgendarConsulta/FormNovaConsulta.jsx +++ b/src/components/AgendarConsulta/FormNovaConsulta.jsx @@ -87,7 +87,11 @@ const [isDropdownOpen, setIsDropdownOpen] = useState(false); } } - + // Se estiver na página de edição esse useEffect pega o horario de inicio para coloca-lo no horarioInicio + useEffect(() => { + console.log("Horario", ) + setHorarioInicio(formatarHora(agendamento.scheduled_at)) + }, []) useEffect(() => { @@ -287,7 +291,7 @@ const handleSubmit = (e) => {
- +
diff --git a/src/components/AgendarConsulta/TabelaAgendamentoMes.jsx b/src/components/AgendarConsulta/TabelaAgendamentoMes.jsx index 92cbea7..b862ea1 100644 --- a/src/components/AgendarConsulta/TabelaAgendamentoMes.jsx +++ b/src/components/AgendarConsulta/TabelaAgendamentoMes.jsx @@ -6,7 +6,7 @@ import "./style/styleTabelas/tabelames.css"; import { useEffect, useState } from 'react'; import { useMemo } from 'react'; -const TabelaAgendamentoMes = ({ ListarDiasdoMes, agendamentos, setShowDeleteModal, setSelectedId ,setDictInfo }) => { +const TabelaAgendamentoMes = ({ ListarDiasdoMes, agendamentos, setShowDeleteModal, setSelectedId ,setDictInfo, setShowConfirmModal }) => { const dataHoje = dayjs(); const AnoAtual = dataHoje.year(); @@ -202,9 +202,9 @@ const TabelaAgendamentoMes = ({ ListarDiasdoMes, agendamentos, setShowDeleteModa { semana && typeof semana === "object" && Object.keys(semana).map((dia) => ( - - - + + + {semana[dia].length > 3 ? (

{` +${semana[dia].length - 2}`}

diff --git a/src/components/AgendarConsulta/TabelaAgendamentoSemana.jsx b/src/components/AgendarConsulta/TabelaAgendamentoSemana.jsx index 8a3e9f1..ce49a64 100644 --- a/src/components/AgendarConsulta/TabelaAgendamentoSemana.jsx +++ b/src/components/AgendarConsulta/TabelaAgendamentoSemana.jsx @@ -178,31 +178,31 @@ const TabelaAgendamentoSemana = ({ agendamentos, ListarDiasdoMes, setShowDeleteM {/* Mapeamento de COLUNAS (dias) */} {semanaParaRenderizar?.segunda[indiceLinha] - ? + ? : null } {semanaParaRenderizar.terça[indiceLinha] - ? + ? : null } {semanaParaRenderizar.quarta[indiceLinha] - ? + ? : null } {semanaParaRenderizar.quinta[indiceLinha] - ? + ? : null } {semanaParaRenderizar.sexta[indiceLinha] - ? + ? : null } diff --git a/src/components/AgendarConsulta/style/card-consulta.css b/src/components/AgendarConsulta/style/card-consulta.css index 29fb475..85a9e5d 100644 --- a/src/components/AgendarConsulta/style/card-consulta.css +++ b/src/components/AgendarConsulta/style/card-consulta.css @@ -68,4 +68,8 @@ .btn-confirm-style:hover{ +} + +.container-cardconsulta{ + width: 40rem; } \ No newline at end of file diff --git a/src/components/AgendarConsulta/style/styleTabelas/tabeladia.css b/src/components/AgendarConsulta/style/styleTabelas/tabeladia.css index 6754350..eb74bd7 100644 --- a/src/components/AgendarConsulta/style/styleTabelas/tabeladia.css +++ b/src/components/AgendarConsulta/style/styleTabelas/tabeladia.css @@ -6,6 +6,8 @@ overflow: hidden; /* mantém o arredondado */ box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); border: 4px solid #4a90e2; /* borda azul, altere para a cor desejada */ + + } /* 1. Estilização do TD (Container) */ .coluna-horario { diff --git a/src/components/AgendarConsulta/style/styleTabelas/tabelames.css b/src/components/AgendarConsulta/style/styleTabelas/tabelames.css index 707823c..59b76e3 100644 --- a/src/components/AgendarConsulta/style/styleTabelas/tabelames.css +++ b/src/components/AgendarConsulta/style/styleTabelas/tabelames.css @@ -9,7 +9,7 @@ } /* Células da tabela */ -.tabelamensal th, .tabelamensal td { +.tabelamensal th { padding: 9px; text-align: left; border: 1px solid #e0e0e0; @@ -73,7 +73,7 @@ border: 4px solid #4a90e2; /* borda azul, altere para a cor desejada */ } -.tabelamensal th, .tabelamensal td { +.tabelamensal th { padding: 9px; text-align: left; border: 1px solid #e0e0e0; diff --git a/src/components/AgendarConsulta/style/styleTabelas/tabelasemana.css b/src/components/AgendarConsulta/style/styleTabelas/tabelasemana.css index fbedcf1..aa4bdf2 100644 --- a/src/components/AgendarConsulta/style/styleTabelas/tabelasemana.css +++ b/src/components/AgendarConsulta/style/styleTabelas/tabelasemana.css @@ -6,6 +6,7 @@ overflow: hidden; /* mantém o arredondado */ box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); border: 4px solid #4a90e2; /* borda azul, altere para a cor desejada */ + } /* Células da tabela */ @@ -67,10 +68,10 @@ .tabelasemanal tr:hover { background-color: #f1f1f1 !important; } - +/* tr{ width: 1000px; -} +}*/ html[data-bs-theme="dark"] .tabelasemanal { border: 4px solid #333; @@ -110,4 +111,10 @@ html[data-bs-theme="dark"] .tabelasemanal .cardconsulta { color: #e0e0e0; box-shadow: 0 1px 3px rgba(0,0,0,0.3); border-left: 5px solid #333; +} + + + +.tabelasemanal td{ + width: 50rem; } \ No newline at end of file diff --git a/src/pages/Agendamento.jsx b/src/pages/Agendamento.jsx index 5a16904..d201dcc 100644 --- a/src/pages/Agendamento.jsx +++ b/src/pages/Agendamento.jsx @@ -45,12 +45,13 @@ const Agendamento = ({setDictInfo}) => { const [MedicoFiltrado, setMedicoFiltrado] = useState({id:"vazio"}) - const [cacheFiladeEspera, setcacheFiladeEspera] = useState([]) const [cacheAgendamentos, setCacheAgendamentos] = useState([]) const [showConfirmModal, setShowConfirmModal] = useState(false) + + let authHeader = getAuthorizationHeader() const cacheMedicos = {}; @@ -426,7 +427,7 @@ const handleSearchMedicos = (term) => { {/* Componentes de Tabela - Adicionado props de delete da main */} {tabela === "diario" && } {tabela === 'semanal' && } - {tabela === 'mensal' && } + {tabela === 'mensal' && }
) diff --git a/src/pages/AgendamentoEditPage.jsx b/src/pages/AgendamentoEditPage.jsx index c3b36d4..9cfc0cf 100644 --- a/src/pages/AgendamentoEditPage.jsx +++ b/src/pages/AgendamentoEditPage.jsx @@ -13,8 +13,7 @@ const AgendamentoEditPage = ({setDictInfo, DictInfo}) => { //let DataAtual = dayjs() const {getAuthorizationHeader} = useAuth() const params = useParams() - const [PatientToPatch, setPatientToPatch] = useState({}) - + let id = params.id console.log(DictInfo, "DENTRO DO EDITAR") @@ -22,8 +21,7 @@ const AgendamentoEditPage = ({setDictInfo, DictInfo}) => { //console.log(DictInfo, 'aqui') useEffect(() => { - setDictInfo({...DictInfo?.Infos,...DictInfo?.agendamento}) - + setDictInfo({...DictInfo, dataAtendimento:DictInfo.scheduled_at.split("T")[0]}) const ColherInfoUsuario =async () => { const result = await UserInfos(authHeader)