From c44532ad92ab93c966f565730ca71a358390e16d Mon Sep 17 00:00:00 2001 From: DaniloSts Date: Wed, 24 Sep 2025 22:28:05 -0300 Subject: [PATCH 1/2] Adicionados perfil de Gestor e Financeiro --- app/finance/home/page.tsx | 56 ++++++++++ app/finance/login/page.tsx | 155 ++++++++++++++++++++++++++ app/manager/home/page.tsx | 56 ++++++++++ app/manager/login/page.tsx | 155 ++++++++++++++++++++++++++ app/page.tsx | 4 +- components/finance-layout.tsx | 195 +++++++++++++++++++++++++++++++++ components/manager-layout.tsx | 201 ++++++++++++++++++++++++++++++++++ 7 files changed, 820 insertions(+), 2 deletions(-) create mode 100644 app/finance/home/page.tsx create mode 100644 app/finance/login/page.tsx create mode 100644 app/manager/home/page.tsx create mode 100644 app/manager/login/page.tsx create mode 100644 components/finance-layout.tsx create mode 100644 components/manager-layout.tsx diff --git a/app/finance/home/page.tsx b/app/finance/home/page.tsx new file mode 100644 index 0000000..c9e0567 --- /dev/null +++ b/app/finance/home/page.tsx @@ -0,0 +1,56 @@ +"use client"; + +import { useEffect, useState } from "react"; +import FinancierLayout from "@/components/finance-layout"; + +interface Paciente { + id: string; + nome: string; + telefone: string; + cidade: string; + estado: string; + ultimoAtendimento?: string; + proximoAtendimento?: string; +} + +export default function PacientesPage() { + const [pacientes, setPacientes] = useState([]); + const [loading, setLoading] = useState(true); + const [error, setError] = useState(null); + + useEffect(() => { + async function fetchPacientes() { + try { + setLoading(true); + setError(null); + const res = await fetch("https://mock.apidog.com/m1/1053378-0-default/pacientes"); + if (!res.ok) throw new Error(`HTTP ${res.status}`); + const json = await res.json(); + const items = Array.isArray(json?.data) ? json.data : []; + + const mapped = items.map((p: any) => ({ + id: String(p.id ?? ""), + nome: p.nome ?? "", + telefone: p?.contato?.celular ?? p?.contato?.telefone1 ?? p?.telefone ?? "", + cidade: p?.endereco?.cidade ?? p?.cidade ?? "", + estado: p?.endereco?.estado ?? p?.estado ?? "", + ultimoAtendimento: p.ultimo_atendimento ?? p.ultimoAtendimento ?? "", + proximoAtendimento: p.proximo_atendimento ?? p.proximoAtendimento ?? "", + })); + + setPacientes(mapped); + } catch (e: any) { + setError(e?.message || "Erro ao carregar pacientes"); + } finally { + setLoading(false); + } + } + fetchPacientes(); + }, []); + + return ( + +
+ + ); +} diff --git a/app/finance/login/page.tsx b/app/finance/login/page.tsx new file mode 100644 index 0000000..a27ba24 --- /dev/null +++ b/app/finance/login/page.tsx @@ -0,0 +1,155 @@ +"use client" + +import type React from "react" + +import { useState } from "react" +import { useRouter } from "next/navigation" +import { Button } from "@/components/ui/button" +import { Input } from "@/components/ui/input" +import { Label } from "@/components/ui/label" +import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card" +import { Separator } from "@/components/ui/separator" +import { useToast } from "@/hooks/use-toast" +import { Eye, EyeOff, Mail, Lock, Stethoscope, Loader2, Receipt } from "lucide-react" +import Link from "next/link" + +interface LoginForm { + email: string + password: string +} + +export default function DoctorLogin() { + const [form, setForm] = useState({ email: "", password: "" }) + const [showPassword, setShowPassword] = useState(false) + const [isLoading, setIsLoading] = useState(false) + const router = useRouter() + const { toast } = useToast() + + const handleSubmit = async (e: React.FormEvent) => { + e.preventDefault() + setIsLoading(true) + + // Simular autenticação + setTimeout(() => { + if (form.email && form.password) { + const financierData = { + id: "1", + name: "Thiago Nigro", + email: form.email, + phone: "(11) 98888-8888", + cpf: "987.654.321-00", + department: "Financeiro", + permissions: ["view_reports", "manage_finances", "create_reports"], + } + + localStorage.setItem("financierData", JSON.stringify(financierData)) + localStorage.setItem("userType", "financier") + + toast({ + title: "Login realizado com sucesso!", + description: "Bem-vindo ao sistema, " + financierData.name, + }) + + router.push("/finance/home") + } else { + toast({ + title: "Erro no login", + description: "Por favor, preencha todos os campos.", + variant: "destructive", + }) + } + setIsLoading(false) + }, 1500) + } + + return ( +
+ + +
+ +
+
+ Área do Médico + Acesse o sistema médico +
+ + + +
+
+ +
+ + setForm({ ...form, email: e.target.value })} + className="pl-10 h-11 border-gray-200 focus:border-green-500 focus:ring-green-500" + required + /> +
+
+ +
+ +
+ + setForm({ ...form, password: e.target.value })} + className="pl-10 pr-10 h-11 border-gray-200 focus:border-green-500 focus:ring-green-500" + required + /> + +
+
+ + +
+ +
+ + + ou + +
+ +
+ + Voltar à página inicial + +
+ + +
+ ) +} diff --git a/app/manager/home/page.tsx b/app/manager/home/page.tsx new file mode 100644 index 0000000..b52c4e9 --- /dev/null +++ b/app/manager/home/page.tsx @@ -0,0 +1,56 @@ +"use client"; + +import { useEffect, useState } from "react"; +import ManagerLayout from "@/components/manager-layout"; + +interface Paciente { + id: string; + nome: string; + telefone: string; + cidade: string; + estado: string; + ultimoAtendimento?: string; + proximoAtendimento?: string; +} + +export default function PacientesPage() { + const [pacientes, setPacientes] = useState([]); + const [loading, setLoading] = useState(true); + const [error, setError] = useState(null); + + useEffect(() => { + async function fetchPacientes() { + try { + setLoading(true); + setError(null); + const res = await fetch("https://mock.apidog.com/m1/1053378-0-default/pacientes"); + if (!res.ok) throw new Error(`HTTP ${res.status}`); + const json = await res.json(); + const items = Array.isArray(json?.data) ? json.data : []; + + const mapped = items.map((p: any) => ({ + id: String(p.id ?? ""), + nome: p.nome ?? "", + telefone: p?.contato?.celular ?? p?.contato?.telefone1 ?? p?.telefone ?? "", + cidade: p?.endereco?.cidade ?? p?.cidade ?? "", + estado: p?.endereco?.estado ?? p?.estado ?? "", + ultimoAtendimento: p.ultimo_atendimento ?? p.ultimoAtendimento ?? "", + proximoAtendimento: p.proximo_atendimento ?? p.proximoAtendimento ?? "", + })); + + setPacientes(mapped); + } catch (e: any) { + setError(e?.message || "Erro ao carregar pacientes"); + } finally { + setLoading(false); + } + } + fetchPacientes(); + }, []); + + return ( + +
+ + ); +} diff --git a/app/manager/login/page.tsx b/app/manager/login/page.tsx new file mode 100644 index 0000000..8d7b0e2 --- /dev/null +++ b/app/manager/login/page.tsx @@ -0,0 +1,155 @@ +"use client" + +import type React from "react" + +import { useState } from "react" +import { useRouter } from "next/navigation" +import { Button } from "@/components/ui/button" +import { Input } from "@/components/ui/input" +import { Label } from "@/components/ui/label" +import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card" +import { Separator } from "@/components/ui/separator" +import { useToast } from "@/hooks/use-toast" +import { Eye, EyeOff, Mail, Lock, Stethoscope, Loader2, IdCard } from "lucide-react" +import Link from "next/link" + +interface LoginForm { + email: string + password: string +} + +export default function ManagerLogin() { + const [form, setForm] = useState({ email: "", password: "" }) + const [showPassword, setShowPassword] = useState(false) + const [isLoading, setIsLoading] = useState(false) + const router = useRouter() + const { toast } = useToast() + + const handleSubmit = async (e: React.FormEvent) => { + e.preventDefault() + setIsLoading(true) + + // Simular autenticação + setTimeout(() => { + if (form.email && form.password) { + const managerData = { + id: "1", + name: "Arthur Cavalcante", + email: form.email, + phone: "(11) 98888-8888", + cpf: "987.654.321-00", + department: "Gerente", + permissions: ["manage_user", "manage_doctors", "create_reports"], + } + + localStorage.setItem("managerData", JSON.stringify(managerData)) + localStorage.setItem("userType", "manager") + + toast({ + title: "Login realizado com sucesso!", + description: "Bem-vindo ao sistema, " + managerData.name, + }) + + router.push("/manager/home") + } else { + toast({ + title: "Erro no login", + description: "Por favor, preencha todos os campos.", + variant: "destructive", + }) + } + setIsLoading(false) + }, 1500) + } + + return ( +
+ + +
+ +
+
+ Área do Gestor + Acesse o sistema médico +
+ + + +
+
+ +
+ + setForm({ ...form, email: e.target.value })} + className="pl-10 h-11 border-gray-200 focus:border-blue-500 focus:ring-blue-500" + required + /> +
+
+ +
+ +
+ + setForm({ ...form, password: e.target.value })} + className="pl-10 pr-10 h-11 border-gray-200 focus:border-green-500 focus:ring-green-500" + required + /> + +
+
+ + +
+ +
+ + + ou + +
+ +
+ + Voltar à página inicial + +
+ + +
+ ) +} diff --git a/app/page.tsx b/app/page.tsx index 5aefa10..3b85401 100644 --- a/app/page.tsx +++ b/app/page.tsx @@ -117,7 +117,7 @@ export default function HomePage() { Gestão de usuários - + @@ -144,7 +144,7 @@ export default function HomePage() { Controle de pagamentos - + diff --git a/components/finance-layout.tsx b/components/finance-layout.tsx new file mode 100644 index 0000000..20161dc --- /dev/null +++ b/components/finance-layout.tsx @@ -0,0 +1,195 @@ +"use client"; + +import type React from "react"; + +import { useState, useEffect } from "react"; +import { useRouter, usePathname } from "next/navigation"; +import Link from "next/link"; +import { Button } from "@/components/ui/button"; +import { Input } from "@/components/ui/input"; +import { Badge } from "@/components/ui/badge"; +import { Avatar, AvatarFallback, AvatarImage } from "@/components/ui/avatar"; +import { Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle } from "@/components/ui/dialog"; +import { Search, Bell, Calendar, Clock, User, LogOut, Menu, X, Home, FileText, ChevronLeft, ChevronRight } from "lucide-react"; + +interface FinancierData { + id: string, + name: string, + email: string, + phone: string, + cpf: string, + department: string, + permissions: object, +} + +interface PatientLayoutProps { + children: React.ReactNode; +} + +export default function FinancierLayout({ children }: PatientLayoutProps) { + const [financierData, setFinancierData] = useState(null); + const [sidebarCollapsed, setSidebarCollapsed] = useState(false); + const [showLogoutDialog, setShowLogoutDialog] = useState(false); + const router = useRouter(); + const pathname = usePathname(); + + useEffect(() => { + const data = localStorage.getItem("financierData"); + if (data) { + setFinancierData(JSON.parse(data)); + } else { + router.push("/finance/login"); + } + }, [router]); + + const handleLogout = () => { + setShowLogoutDialog(true); + }; + + const confirmLogout = () => { + localStorage.removeItem("financierData"); + setShowLogoutDialog(false); + router.push("/"); + }; + + const cancelLogout = () => { + setShowLogoutDialog(false); + }; + + const menuItems = [ + { + href: "#", + icon: Home, + label: "Dashboard", + // Botão para o dashboard do médico + }, + { + href: "#", + icon: Calendar, + label: "Relatórios financeiros", + // Botão para o dashboard do médico + }, + + { + href: "#", + icon: User, + label: "Finanças Gerais", + // Botão para página do editor de laudo + }, + { + href: "#", + icon: Calendar, + label: "Configurações", + // Botão para página de consultas marcadas do médico atual + }, + ]; + + if (!financierData) { + return
Carregando...
; + } + + return ( +
+ {/* Sidebar */} +
+
+
+ {!sidebarCollapsed && ( +
+
+
+
+ Hospital System +
+ )} + +
+
+ + + +
+
+ + + + {financierData.name + .split(" ") + .map((n) => n[0]) + .join("")} + + +
+

{financierData.name}

+

{financierData.department}

+
+
+ +
+
+ + {/* Main Content */} +
+ {/* Header */} +
+
+
+
+ + +
+
+ +
+ +
+
+
+ + {/* Page Content */} +
{children}
+
+ + {/* Logout confirmation dialog */} + + + + Confirmar Saída + Deseja realmente sair do sistema? Você precisará fazer login novamente para acessar sua conta. + + + + + + + +
+ ); +} diff --git a/components/manager-layout.tsx b/components/manager-layout.tsx new file mode 100644 index 0000000..b91f294 --- /dev/null +++ b/components/manager-layout.tsx @@ -0,0 +1,201 @@ +"use client"; + +import type React from "react"; + +import { useState, useEffect } from "react"; +import { useRouter, usePathname } from "next/navigation"; +import Link from "next/link"; +import { Button } from "@/components/ui/button"; +import { Input } from "@/components/ui/input"; +import { Badge } from "@/components/ui/badge"; +import { Avatar, AvatarFallback, AvatarImage } from "@/components/ui/avatar"; +import { Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle } from "@/components/ui/dialog"; +import { Search, Bell, Calendar, Clock, User, LogOut, Menu, X, Home, FileText, ChevronLeft, ChevronRight } from "lucide-react"; + +interface ManagerData { + id: string, + name: string, + email: string, + phone: string, + cpf: string, + department: string, + permissions: object, +} + +interface PatientLayoutProps { + children: React.ReactNode; +} + +export default function ManagerLayout({ children }: PatientLayoutProps) { + const [managerData, setManagerData] = useState(null); + const [sidebarCollapsed, setSidebarCollapsed] = useState(false); + const [showLogoutDialog, setShowLogoutDialog] = useState(false); + const router = useRouter(); + const pathname = usePathname(); + + useEffect(() => { + const data = localStorage.getItem("managerData"); + if (data) { + setManagerData(JSON.parse(data)); + } else { + router.push("/manager/login"); + } + }, [router]); + + const handleLogout = () => { + setShowLogoutDialog(true); + }; + + const confirmLogout = () => { + localStorage.removeItem("managerData"); + setShowLogoutDialog(false); + router.push("/"); + }; + + const cancelLogout = () => { + setShowLogoutDialog(false); + }; + + const menuItems = [ + { + href: "#", + icon: Home, + label: "Dashboard", + // Botão para o dashboard do médico + }, + { + href: "#", + icon: Calendar, + label: "Relatórios gerenciais", + // Botão para o dashboard do médico + }, + + { + href: "#", + icon: User, + label: "Gestão de Usuários", + // Botão para página do editor de laudo + }, + { + href: "#", + icon: User, + label: "Gestão de Médicos", + // Botão para a página de visualização de todos os pacientes + }, + { + href: "#", + icon: Calendar, + label: "Configurações", + // Botão para página de consultas marcadas do médico atual + }, + ]; + + if (!managerData) { + return
Carregando...
; + } + + return ( +
+ {/* Sidebar */} +
+
+
+ {!sidebarCollapsed && ( +
+
+
+
+ Hospital System +
+ )} + +
+
+ + + +
+
+ + + + {managerData.name + .split(" ") + .map((n) => n[0]) + .join("")} + + +
+

{managerData.name}

+

{managerData.department}

+
+
+ +
+
+ + {/* Main Content */} +
+ {/* Header */} +
+
+
+
+ + +
+
+ +
+ +
+
+
+ + {/* Page Content */} +
{children}
+
+ + {/* Logout confirmation dialog */} + + + + Confirmar Saída + Deseja realmente sair do sistema? Você precisará fazer login novamente para acessar sua conta. + + + + + + + +
+ ); +} From 4cdbde18f73bf9aace55396ad7026a2cff7ac9b6 Mon Sep 17 00:00:00 2001 From: DaniloSts Date: Wed, 24 Sep 2025 22:48:20 -0300 Subject: [PATCH 2/2] =?UTF-8?q?Adicionado=20CRUD=20m=C3=A9dicos=20pro=20ge?= =?UTF-8?q?stor?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- app/manager/home/[id]/editar/page.tsx | 686 ++++++++++++++++++++++++++ app/manager/home/novo/page.tsx | 479 ++++++++++++++++++ app/manager/home/page.tsx | 343 +++++++++++-- 3 files changed, 1463 insertions(+), 45 deletions(-) create mode 100644 app/manager/home/[id]/editar/page.tsx create mode 100644 app/manager/home/novo/page.tsx diff --git a/app/manager/home/[id]/editar/page.tsx b/app/manager/home/[id]/editar/page.tsx new file mode 100644 index 0000000..0085429 --- /dev/null +++ b/app/manager/home/[id]/editar/page.tsx @@ -0,0 +1,686 @@ +"use client" + +import type React from "react" + +import { useState, useEffect } from "react" +import { useRouter, useParams } from "next/navigation" +import { Button } from "@/components/ui/button" +import { Input } from "@/components/ui/input" +import { Label } from "@/components/ui/label" +import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/components/ui/select" +import { Textarea } from "@/components/ui/textarea" +import { Checkbox } from "@/components/ui/checkbox" +import { ArrowLeft, Save } from "lucide-react" +import Link from "next/link" +import ManagerLayout from "@/components/manager-layout" + +// Mock data - in a real app, this would come from an API +const mockDoctors = [ + { + id: 1, + nome: "Dr. Carlos Silva", + cpf: "123.456.789-00", + rg: "12.345.678-9", + sexo: "masculino", + dataNascimento: "1980-05-15", + etnia: "branca", + raca: "caucasiana", + naturalidade: "Aracaju", + nacionalidade: "brasileira", + profissao: "Médico", + estadoCivil: "casado", + nomeMae: "Ana Silva", + nomePai: "José Silva", + nomeEsposo: "Maria Silva", + crm: "CRM/SE 12345", + especialidade: "Cardiologia", + email: "carlos@email.com", + celular: "(79) 99999-1234", + telefone1: "(79) 3214-5678", + telefone2: "", + cep: "49000-000", + endereco: "Rua dos Médicos, 123", + numero: "123", + complemento: "Sala 101", + bairro: "Centro", + cidade: "Aracaju", + estado: "SE", + tipoSanguineo: "A+", + peso: "80", + altura: "1.80", + alergias: "Nenhuma alergia conhecida", + convenio: "Particular", + plano: "Premium", + numeroMatricula: "123456789", + validadeCarteira: "2025-12-31", + observacoes: "Médico experiente", + }, +] + +export default function EditarMedicoPage() { + const router = useRouter() + const params = useParams() + const doctorId = Number.parseInt(params.id as string) + + const [formData, setFormData] = useState({ + nome: "", + cpf: "", + rg: "", + sexo: "", + dataNascimento: "", + etnia: "", + raca: "", + naturalidade: "", + nacionalidade: "", + profissao: "", + estadoCivil: "", + nomeMae: "", + nomePai: "", + nomeEsposo: "", + crm: "", + especialidade: "", + email: "", + celular: "", + telefone1: "", + telefone2: "", + cep: "", + endereco: "", + numero: "", + complemento: "", + bairro: "", + cidade: "", + estado: "", + tipoSanguineo: "", + peso: "", + altura: "", + alergias: "", + convenio: "", + plano: "", + numeroMatricula: "", + validadeCarteira: "", + observacoes: "", + }) + + const [isGuiaConvenio, setIsGuiaConvenio] = useState(false) + const [validadeIndeterminada, setValidadeIndeterminada] = useState(false) + + useEffect(() => { + // Load doctor data + const doctor = mockDoctors.find((d) => d.id === doctorId) + if (doctor) { + setFormData(doctor) + } + }, [doctorId]) + + const handleInputChange = (field: string, value: string) => { + setFormData((prev) => ({ ...prev, [field]: value })) + } + + const handleSubmit = (e: React.FormEvent) => { + e.preventDefault() + console.log("[v0] Updating doctor:", formData) + // Here you would typically send the data to your API + router.push("/medicos") + } + + return ( + +
+
+ + + +
+

Editar Médico

+

Atualize as informações do médico

+
+
+ +
+
+

Dados Pessoais

+ +
+
+ + handleInputChange("nome", e.target.value)} + required + /> +
+ +
+ + handleInputChange("cpf", e.target.value)} + placeholder="000.000.000-00" + required + /> +
+ +
+ + handleInputChange("rg", e.target.value)} + placeholder="00.000.000-0" + /> +
+ +
+ +
+
+ handleInputChange("sexo", e.target.value)} + className="w-4 h-4 text-blue-600" + /> + +
+
+ handleInputChange("sexo", e.target.value)} + className="w-4 h-4 text-blue-600" + /> + +
+
+
+ +
+ + handleInputChange("dataNascimento", e.target.value)} + required + /> +
+ +
+ + +
+ +
+ + +
+ +
+ + handleInputChange("naturalidade", e.target.value)} + /> +
+ +
+ + +
+ +
+ + handleInputChange("profissao", e.target.value)} + /> +
+ +
+ + +
+ +
+ + handleInputChange("nomeMae", e.target.value)} + /> +
+ +
+ + handleInputChange("nomePai", e.target.value)} + /> +
+ +
+ + handleInputChange("nomeEsposo", e.target.value)} + /> +
+
+ +
+
+ setIsGuiaConvenio(checked === true)} + /> + +
+
+ +
+ +