@@ -80,21 +80,21 @@ const Header = ({ title, breadcrumb }: PropsHeader) => {
{/* Nút bấm Mobile: Mở menu mobile */}
@@ -110,11 +110,7 @@ const Header = ({ title, breadcrumb }: PropsHeader) => {
>
context?.setOpenMenuMobile?.(!context?.openMenuMobile)}
+ // onClick={() => context?.setOpenMenuMobile?.(!context?.openMenuMobile)}
>
-
{/* Nút bấm Desktop: Thu gọn/Mở rộng sidebar */}
context?.setShowFull?.(!context?.showFull)}
+ // onClick={() => context?.setShowFull?.(!context?.showFull)}
>
-
{breadcrumb ? (
breadcrumb
) : (
- {title}
+Công ty Tedi
)}- {currentUserProfile?.fullName || "User admin"} + {"User admin"}
{/* PROFILE */}
-
-
-
-
-
{/* LOGOUT */}
Thông tin cá nhân
-Chi tiết tài khoản
- {
- const today = moment().format("YYYY-MM-DD");
-
- const consultationQuery = useQuery({
- queryKey: [QUERY_KEY.table_list_consultation, "dashboard"],
- queryFn: async () => {
- const res = await httpRequest({
- showMessageFailed: true,
- http: consultationServices.getConsultations({
- Page: 1,
- PageSize: 100,
- SortBy: "visitDate",
- Desc: true,
- }),
- });
-
- return (
- res || {
- items: [],
- page: 1,
- pageSize: 100,
- total: 0,
- totalPages: 0,
- }
- );
- },
- });
-
- const reportQuery = useQuery({
- queryKey: [QUERY_KEY.table_list_report, today],
- queryFn: async () => {
- const res = await httpRequest({
- showMessageFailed: true,
- http: consultationServices.getConsultationsReport({
- FromDate: today,
- ToDate: today,
- }),
- });
-
- return res as ReportResponse;
- },
- });
-
- const specialtyQuery = useQuery({
- queryKey: [QUERY_KEY.list_specialty_lookup],
- queryFn: async () => {
- const res = await httpRequest({
- showMessageFailed: true,
- http: specialtyServices.getSpecialty(),
- });
-
- return res || [];
- },
- });
-
- const consultationItems = consultationQuery.data?.items || [];
- const consultationReport = reportQuery.data;
- const specialtyItems = specialtyQuery.data || [];
-
- const todayConsultations = useMemo(() => {
- return consultationItems.filter((item) => {
- if (!item.visitDate) return false;
-
- return moment(item.visitDate).format("YYYY-MM-DD") === today;
- });
- }, [consultationItems, today]);
-
- const statusCounts = useMemo(() => {
- return {
- total: todayConsultations.length,
-
- waiting: todayConsultations.filter((item) => item.status === 1).length,
-
- inProgress: todayConsultations.filter((item) => item.status === 2).length,
-
- completed: todayConsultations.filter((item) => item.status === 5).length,
-
- cancelled: todayConsultations.filter((item) => item.status === 6).length,
- };
- }, [todayConsultations]);
-
- const specialtyActiveCounts = useMemo(() => {
- const map = new Map();
-
- todayConsultations.forEach((item) => {
- item.specialtyClinics?.forEach((specialty) => {
- const count = map.get(specialty.specialtyId) || 0;
-
- map.set(specialty.specialtyId, count + 1);
- });
- });
-
- return specialtyItems.map((specialty) => ({
- ...specialty,
- active: map.get(specialty.id) || 0,
- }));
- }, [todayConsultations, specialtyItems]);
-
- const summaryCards = useMemo(
- () => [
- {
- title: "Tất cả đợt khám",
- value: statusCounts.total.toString(),
- subtitle: "Số đợt khám trong ngày",
- icon: CalendarDays,
- color: "bg-blue-50 text-blue-600",
- },
- {
- title: "Đang khám",
- value: statusCounts.inProgress.toString(),
- subtitle: "Đang khám tổng quát",
- icon: Stethoscope,
- color: "bg-emerald-50 text-emerald-600",
- },
- {
- title: "Hoàn tất",
- value: statusCounts.completed.toString(),
- subtitle: "Đã hoàn thành",
- icon: ClipboardList,
- color: "bg-sky-50 text-sky-600",
- },
- {
- title: "Chờ khám",
- value: statusCounts.waiting.toString(),
- subtitle: "Đang chờ bác sĩ",
- icon: Activity,
- color: "bg-orange-50 text-orange-600",
- },
- ],
- [statusCounts],
- );
-
- const generalInfo = useMemo(
- () => [
- {
- label: "Tổng đợt khám",
- value: statusCounts.total.toString(),
- icon: Users,
- color: "bg-violet-50 text-violet-600",
- },
- {
- label: "Đợt khám chuyên khoa",
- value: specialtyActiveCounts
- .reduce((sum, item) => sum + item.active, 0)
- .toString(),
- icon: Hospital,
- color: "bg-cyan-50 text-cyan-600",
- },
- {
- label: "Đơn thuốc",
- value: consultationReport?.totalPrescriptionsIssued?.toString() || "0",
- icon: ClipboardList,
- color: "bg-amber-50 text-amber-600",
- },
- {
- label: "Chuyên khoa",
- value: specialtyItems.length.toString(),
- icon: Activity,
- color: "bg-teal-50 text-teal-600",
- },
- ],
- [
- consultationReport,
- statusCounts.total,
- specialtyActiveCounts,
- specialtyItems.length,
- ],
- );
+const Canvas3D = dynamic(
+ () => import("@/components/viewer3d/Canvas3D").then((m) => m.Canvas3D),
+ { ssr: false },
+);
+export default function Home() {
return (
-
-
-
+ {/* 1. Cột Menu cây thư mục (Trái) */}
+
-
+ {/* 3. Cột Viewport 3D Focus theo Cấu kiện (Phải) */}
+
);
-};
-
-export default MainPageHome;
+}
diff --git a/src/components/page/Home/MainPageHome/components/BeamForm/BeamForm.tsx b/src/components/page/Home/MainPageHome/components/BeamForm/BeamForm.tsx
new file mode 100644
index 0000000..7bb5bf1
--- /dev/null
+++ b/src/components/page/Home/MainPageHome/components/BeamForm/BeamForm.tsx
@@ -0,0 +1,297 @@
+"use client";
+
+import React from "react";
+import { Download, AlertTriangle, CheckCircle2, Layers } from "lucide-react";
+import { useSuperTStore } from "@/hooks/useSuperTStore";
+
+export function BeamForm() {
+ const {
+ activeTab,
+ beamData,
+ setBeamData,
+ bridgeData,
+ setBridgeData,
+ isAssemblyMode,
+ setIsAssemblyMode,
+ validationIssues,
+ exportJSONContract,
+ } = useSuperTStore();
+
+ const handleExportContract = () => {
+ const jsonString = exportJSONContract();
+ const blob = new Blob([jsonString], { type: "application/json" });
+ const url = URL.createObjectURL(blob);
+ const link = document.createElement("a");
+ link.href = url;
+ link.download = `TEDI_DDP_${activeTab}_${Date.now()}.json`;
+ document.body.appendChild(link);
+ link.click();
+ document.body.removeChild(link);
+ URL.revokeObjectURL(url);
+ };
+
+ return (
+ ({
- queryKey: [QUERY_KEY.table_list_patient],
-
- queryFn: async () => {
- const res = await httpRequest({
- showMessageFailed: true,
-
- http: patientServices.getPatient({
- Page: 1,
- PageSize: 1000,
- Search: "",
- SortBy: "id",
- Desc: true,
- }),
- });
-
- return (
- res || {
- items: [],
- page: 1,
- pageSize: 10,
- total: 0,
- totalPages: 0,
- }
- );
- },
- });
-
- /* =========================
- GET LIST SPECIALTY
- ========================= */
- const specialtyQuery = useQuery({
- queryKey: [QUERY_KEY.table_list_specialty],
-
- queryFn: async () => {
- const res = await httpRequest({
- showMessageFailed: true,
- http: specialtyServices.getSpecialty(),
- });
-
- return res || [];
- },
- });
-
- const specialties: SpecialtyItem[] = specialtyQuery.data || [];
-
- /* =========================
- OPTIONS SELECT
- ========================= */
- const patientOptions = useMemo(() => {
- return patientQuery.data?.items || [];
- }, [patientQuery.data]);
-
- /* =========================
- CREATE CONSULTATION
- ========================= */
- const createConsultationMutation = useMutation({
- mutationFn: async () => {
- return await httpRequest({
- showMessageFailed: true,
- showMessageSuccess: true,
- msgSuccess: "Tạo phiên khám thành công!",
-
- http: consultationServices.createConsultations({
- patientId: form.patientId,
- chiefComplaint: form.chiefComplaint,
- symptomsText: form.symptomsText,
- vitalSigns: form.vitalSigns,
- specialtyIds: form.specialtyIds,
- }),
- });
- },
-
- onSuccess() {
- queryClient.invalidateQueries({
- queryKey: [QUERY_KEY.table_list_consultation],
- });
- router.back();
- },
- });
-
- const handleSubmit = () => {
- if (!form?.patientId) {
- return toastWarn({ msg: "Vui lòng chọn bệnh nhân" });
- }
- if (!form?.specialtyIds) {
- return toastWarn({ msg: "Vui lòng chọn chuyên khoa" });
- }
- createConsultationMutation.mutate();
- };
-
- return (
-
-
- );
-};
-
-export default CreateConsultation;
diff --git a/src/components/page/consultation/CreateConsultation/index.ts b/src/components/page/consultation/CreateConsultation/index.ts
deleted file mode 100644
index 294ec6b..0000000
--- a/src/components/page/consultation/CreateConsultation/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export { default } from "./CreateConsultation";
diff --git a/src/components/page/consultation/DetailConsultation/DetailConsultation.tsx b/src/components/page/consultation/DetailConsultation/DetailConsultation.tsx
deleted file mode 100644
index ddca924..0000000
--- a/src/components/page/consultation/DetailConsultation/DetailConsultation.tsx
+++ /dev/null
@@ -1,728 +0,0 @@
-"use client";
-
-import React, { useEffect, useMemo, useState } from "react";
-import { useParams, useRouter, useSearchParams } from "next/navigation";
-import { useQuery } from "@tanstack/react-query";
-
-import { httpRequest } from "@/services";
-import { QUERY_KEY, TYPE_STATUS } from "@/constant/config/enum";
-
-import { ArrowLeft, Pencil } from "lucide-react";
-
-import consultationServices, {
- AttachmentFile,
- ConsultationDetail,
-} from "@/services/consultationServices";
-
-import StateActive from "@/components/customs/StateActive";
-import TabNavLink from "@/components/customs/custom-tabs";
-import moment from "moment";
-import GridColumn from "@/components/layouts/GridColumn";
-import DataWrapper from "@/components/customs/DataWrapper";
-import Table from "@/components/customs/custom-table";
-import CustomButton from "@/components/customs/custom-button";
-import Pagination from "@/components/customs/custom-pagination";
-import {
- Tooltip,
- TooltipContent,
- TooltipProvider,
- TooltipTrigger,
-} from "@radix-ui/react-tooltip";
-
-const DetailConsultation = () => {
- const params = useParams();
- const router = useRouter();
- const searchParams = useSearchParams();
- const specialtyId = searchParams.get("_type");
-
- const consultationId = params?.id as string;
-
- const [prescriptionPage, setPrescriptionPage] = useState(1);
- const [prescriptionPageSize, setPrescriptionPageSize] = useState(10);
-
- const consulDetailQuery = useQuery({
- queryKey: [QUERY_KEY.chi_tiet_phien_kham, consultationId],
-
- enabled: !!consultationId,
-
- queryFn: async () => {
- const res = await httpRequest({
- showMessageFailed: true,
-
- http: consultationServices.detailConsultations(consultationId),
- });
-
- return (
- res || {
- id: "",
- patientId: "",
- sessionCode: "",
- visitDate: "",
- status: 1,
- chiefComplaint: null,
- symptomsText: null,
- vitalSigns: null,
- diagnosis: null,
- treatmentPlan: null,
- doctorNotes: null,
- createdBy: "",
- isDeleted: false,
- specialtyClinics: [],
- }
- );
- },
- });
-
- const consultation = consulDetailQuery.data;
-
- const canUpdateConsultation =
- consultation?.status !== TYPE_STATUS.Completed &&
- consultation?.status !== TYPE_STATUS.Cancelled;
-
- const specialtyTabs = useMemo(() => {
- return (
- consultation?.specialtyClinics?.map((item) => ({
- pathname: `/consultation/${consultationId}`,
- query: item.id,
- title: item.specialtyName,
- })) || []
- );
- }, [consultation?.specialtyClinics, consultationId]);
- // Tính toán cắt mảng dữ liệu thuốc để hiển thị phân trang trên Client
- const paginatedPrescriptionItems = useMemo(() => {
- const items = consultation?.aggregatedPrescriptionItems || [];
- const startIndex = (prescriptionPage - 1) * prescriptionPageSize;
- const endIndex = startIndex + prescriptionPageSize;
- return items.slice(startIndex, endIndex);
- }, [
- consultation?.aggregatedPrescriptionItems,
- prescriptionPage,
- prescriptionPageSize,
- ]);
-
- const specialtyClinics = consultation?.specialtyClinics;
- const selectedSpecialty = useMemo(() => {
- if (!specialtyClinics?.length) return null;
-
- return (
- specialtyClinics.find((item) => item.id === specialtyId) ||
- specialtyClinics[0]
- );
- }, [specialtyClinics, specialtyId]);
-
- useEffect(() => {
- if (consultation?.specialtyClinics?.length && !specialtyId) {
- router.replace(`?&_type=${consultation.specialtyClinics[0].id}`);
- }
- }, [consultation?.specialtyClinics, specialtyId, router]);
-
- if (consulDetailQuery.isLoading) {
- return
-
+
-
- - Dashboard khám bệnh -
-- Theo dõi nhanh các đợt khám, chuyên khoa và thông tin tổng quát - trong ngày. -
-
- Cập nhật: {moment().format("DD/MM/YYYY")}
-
-
- {summaryCards.map((item) => {
- const Icon = item.icon;
+ {/* 2. Cột Form nhập liệu theo Tab (Giữa) */}
+
-
-
- );
- })}
-
-
-
- {item.title}
-
-
-
-
-
-
-
- - {item.value} -
-- {item.subtitle} -
-
+
-
-
-
-
+
-
-
-
-
-
-
- - Chuyên khoa hiện có -
-- Danh sách chuyên khoa. -
-
- {specialtyItems.length} chuyên khoa
-
-
- {specialtyActiveCounts.map((specialty, idx) => (
-
-
-
- ))}
-
-
-
- {specialty.active}
-
- - {specialty.name} -
-- Số chuyên khoa: {specialty.active} ca khám hôm nay -
-
-
-
-
-
-
-
- - Thông tin khám tổng quát -
-- Tổng số đợt khám, ca khám chuyên khoa và đơn thuốc trong ngày. -
-
- {generalInfo.map((item) => {
- const Icon = item.icon;
-
- return (
-
-
-
- );
- })}
-
-
-
-
-
-
- - {item.label} -
-- {item.value} -
-
+ {/* Nút bật/tắt Chế độ Ghép Cầu */}
+
+
+ {/* Dynamic Form Content */}
+
+ );
+}
+
+export default BeamForm;
diff --git a/src/components/page/Home/MainPageHome/components/BeamForm/index.ts b/src/components/page/Home/MainPageHome/components/BeamForm/index.ts
new file mode 100644
index 0000000..02f1ba6
--- /dev/null
+++ b/src/components/page/Home/MainPageHome/components/BeamForm/index.ts
@@ -0,0 +1 @@
+export { default } from "./BeamForm";
diff --git a/src/components/page/consultation/CreateConsultation/CreateConsultation.tsx b/src/components/page/consultation/CreateConsultation/CreateConsultation.tsx
deleted file mode 100644
index 0247fef..0000000
--- a/src/components/page/consultation/CreateConsultation/CreateConsultation.tsx
+++ /dev/null
@@ -1,320 +0,0 @@
-"use client";
-
-import React, { useMemo, useState } from "react";
-import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
-import FormCustom from "@/components/utils/FormCustom/FormCustom";
-import SelectForm from "@/components/utils/FormCustom/components/SelectForm";
-import { httpRequest } from "@/services";
-import consultationServices from "@/services/consultationServices";
-import patientServices, {
- PatientItem,
- PatientResponse,
-} from "@/services/patientServices";
-import { QUERY_KEY } from "@/constant/config/enum";
-import CustomButton from "@/components/customs/custom-button";
-import { useRouter, useSearchParams } from "next/navigation";
-import InputForm from "@/components/utils/FormCustom/components/InputForm";
-import GridColumn from "@/components/layouts/GridColumn";
-import { toastWarn } from "@/common/funcs/toast";
-import specialtyServices, { SpecialtyItem } from "@/services/specialtyServices";
-import SelectMany from "@/components/utils/FormCustom/components/SelectMany";
-
-const CreateConsultation = () => {
- const router = useRouter();
- const searchParams = useSearchParams();
- const patientId = searchParams.get("patientId");
- const queryClient = useQueryClient();
-
- const [form, setForm] = useState<{
- patientId: string;
- chiefComplaint: string;
- symptomsText: string;
- vitalSigns: string;
- specialtyIds: string[];
- }>({
- patientId: patientId || "",
- chiefComplaint: "",
- symptomsText: "",
- vitalSigns: "",
- specialtyIds: [],
- });
-
- /* =========================
- GET LIST PATIENT
- ========================= */
- const patientQuery = useQuery
+ {/* 1.1 DẦM SUPER-T */}
+ {activeTab === "superTBeam" && (
+
+
+ {/* Button Xuất dữ liệu Contract */}
+
+
+
+ )}
+
+ {/* 1.2 BẢN MẶT CẦU */}
+ {activeTab === "deck" && (
+ + 1.1 Thông số Dầm Super-T +
+ +
+
+
+ {/* Validation Panel */}
+
+
+
+ setBeamData({ length: Number(e.target.value) })
+ }
+ className="w-full bg-slate-950 border border-slate-800 rounded px-2.5 py-1.5 text-xs text-slate-200 focus:border-sky-500 outline-none transition-colors"
+ />
+
+
+
+
+
+ setBeamData({ height: Number(e.target.value) })
+ }
+ className="w-full bg-slate-950 border border-slate-800 rounded px-2.5 py-1.5 text-xs text-slate-200 focus:border-sky-500 outline-none transition-colors"
+ />
+
+
+ {validationIssues && validationIssues.length > 0 ? (
+
+
+
+ ) : (
+
+
+ -
+ {validationIssues.map((issue, idx) => (
+
- {issue.message} + ))} +
+
+ )}
+
+
+ )}
+
+ {/* 1.3 DẦM NGANG */}
+ {activeTab === "diaphragm" && (
+ + 1.2 Bản Mặt Cầu +
+
+
+
+ setBridgeData("deck", { width: Number(e.target.value) })
+ }
+ className="w-full bg-slate-950 border border-slate-800 rounded px-2.5 py-1.5 text-xs text-slate-200 focus:border-sky-500 outline-none"
+ />
+
+
+
+
+ setBridgeData("deck", { thickness: Number(e.target.value) })
+ }
+ className="w-full bg-slate-950 border border-slate-800 rounded px-2.5 py-1.5 text-xs text-slate-200 focus:border-sky-500 outline-none"
+ />
+
+
+
+ )}
+
+ {/* 1.4 LAN CAN */}
+ {activeTab === "railing" && (
+ + 1.3 Dầm Ngang / Diaphragms +
+
+
+
+ setBridgeData("diaphragm", {
+ thickness: Number(e.target.value),
+ })
+ }
+ className="w-full bg-slate-950 border border-slate-800 rounded px-2.5 py-1.5 text-xs text-slate-200 focus:border-sky-500 outline-none"
+ />
+
+
+
+ )}
+
+ {/* 2.1 GỐI CẦU */}
+ {activeTab === "bearing" && (
+ + 1.4 Lan Can & Gờ Chắn +
+
+
+
+ setBridgeData("railing", { height: Number(e.target.value) })
+ }
+ className="w-full bg-slate-950 border border-slate-800 rounded px-2.5 py-1.5 text-xs text-slate-200 focus:border-sky-500 outline-none"
+ />
+
+
+
+ )}
+
+ {/* 3.1 MỐ CẦU */}
+ {activeTab === "abutment" && (
+ + 2.1 Gối Cầu +
+
+
+
+ setBridgeData("bearing", { height: Number(e.target.value) })
+ }
+ className="w-full bg-slate-950 border border-slate-800 rounded px-2.5 py-1.5 text-xs text-slate-200 focus:border-sky-500 outline-none"
+ />
+
+
+
+ )}
+
+ {/* 3.2 TRỤ CẦU */}
+ {activeTab === "pier" && (
+ + 3.1 Mố Cầu +
+
+
+
+ setBridgeData("abutment", { height: Number(e.target.value) })
+ }
+ className="w-full bg-slate-950 border border-slate-800 rounded px-2.5 py-1.5 text-xs text-slate-200 focus:border-sky-500 outline-none"
+ />
+
+
+
+ )}
+
+ {/* 3.3 CỌC / MÓNG CỌC */}
+ {activeTab === "pile" && (
+ + 3.2 Trụ Cầu +
+
+
+
+ setBridgeData("pier", { height: Number(e.target.value) })
+ }
+ className="w-full bg-slate-950 border border-slate-800 rounded px-2.5 py-1.5 text-xs text-slate-200 focus:border-sky-500 outline-none"
+ />
+
+
+
+ )}
+ + 3.3 Cọc / Móng Cọc +
+
+
+
+ setBridgeData("pile", { diameter: Number(e.target.value) })
+ }
+ className="w-full bg-slate-950 border border-slate-800 rounded px-2.5 py-1.5 text-xs text-slate-200 focus:border-sky-500 outline-none"
+ />
+
+
-
-
-
-
- {/* BODY */}
-
-
- - Tạo phiên khám -
-
-
-
- {/* FOOTER */}
-
-
- Bệnh nhân
- *
-
- }
- readOnly={!!patientId}
- placeholder="Chọn bệnh nhân"
- value={form.patientId}
- options={patientOptions}
- // loading={patientQuery.isLoading}
- onSelect={(item: PatientItem) =>
- setForm((prev) => ({
- ...prev,
- patientId: item.id,
- }))
- }
- onClean={() =>
- setForm((prev) => ({
- ...prev,
- patientId: "",
- }))
- }
- getOptionLabel={(item: PatientItem) =>
- `${item.fullName} - ${item.identificationNumber}`
- }
- getOptionValue={(item: PatientItem) => item.id}
- />
-
-
-
-
- Lý do khám *
-
- }
- name="chiefComplaint"
- type="text"
- value={form.chiefComplaint}
- placeholder="Nhập lý do khám"
- isRequired
- onChangeValue={(v) =>
- setForm((prev) => ({ ...prev, chiefComplaint: String(v) }))
- }
- />
-
- Triệu chứng *
-
- }
- name="symptomsText"
- placeholder="Nhập triệu chứng"
- isRequired
- value={form.symptomsText}
- onChangeValue={(v) =>
- setForm((prev) => ({ ...prev, symptomsText: String(v) }))
- }
- />
-
-
- Chỉ số huyết áp, chỉ số mạch{" "}
- *
-
- }
- name="vitalSigns"
- placeholder="Nhập chỉ số huyết áp, chỉ số mạch"
- value={form.vitalSigns}
- isRequired
- onChangeValue={(v) =>
- setForm((prev) => ({ ...prev, vitalSigns: String(v) }))
- }
- />
-
-
-
-
- label={
-
- Chuyên khoa
- *
-
- }
- text="chuyên khoa"
- title="Chọn chuyên khoa"
- placeholder="Chọn nhiều chuyên khoa..."
- options={specialties}
- selectedItems={form.specialtyIds}
- setSelectedItems={(value) =>
- setForm((prev) => ({
- ...prev,
- specialtyIds: value as string[],
- }))
- }
- showSelectedItems="default"
- getOptionLabel={(item) => item.name}
- getOptionValue={(item) => item.id}
- />
-
-
- router.back()}
- >
- Hủy bỏ
-
-
-
- {createConsultationMutation.isPending
- ? "Đang tạo..."
- : "Tạo phiên khám"}
-
-
- Đang tải dữ liệu...
;
- }
-
- if (!consultation) {
- return Không tìm thấy dữ liệu phiên khám
;
- }
- type PrescriptionItem =
- ConsultationDetail["aggregatedPrescriptionItems"][number];
-
- // const getFileInfo = (file: AttachmentFile | string, index: number) => {
- // if (typeof file === "string") {
- // return {
- // fileName: file.split("/").pop() || `File ${index + 1}`,
- // path: file,
- // };
- // }
-
- // return file;
- // };
-
- const getFileInfo = (file: AttachmentFile | string, index: number) => {
- if (typeof file === "string") {
- return {
- fileName: file.split("/").pop() || `File ${index + 1}`,
- path: `${process.env.NEXT_PUBLIC_IMAGE}${file}`,
- };
- }
-
- return {
- ...file,
- path: `${process.env.NEXT_PUBLIC_IMAGE}${file.path}`,
- };
- };
-
- return (
-
-
-
-
-
- {/* HEADER */}
-
- {/* ID PHIÊN KHÁM */}
- {/*
-
-
-
-
- router.back()}
- >
-
-
- {consultation.status === TYPE_STATUS.PendingPrescription &&
- canUpdateConsultation && (
- - Chi tiết phiên khám -
-
-
*/}
-
- {/* MÃ PHIÊN KHÁM */}
- - ID PHIÊN KHÁM -
- -- {consultation.id} -
-
-
-
- {/* TÊN BỆNH NHÂN */}
- - MÃ PHIÊN KHÁM -
- -- {consultation.sessionCode} -
-
-
-
- {/* NGÀY GIỜ KHÁM */}
- - TÊN BỆNH NHÂN -
- -- {consultation.patientName} -
-
-
-
- {/* TRIỆU CHỨNG */}
- - NGÀY, GIỜ KHÁM -
- -- {consultation.visitDate - ? moment(consultation.visitDate).format("DD/MM/YYYY") - : "---"} -
-
-
-
- {/* KHIẾU NẠI CHÍNH */}
- - DẤU HIỆU -
- -- {consultation.symptomsText || "---"} -
-
-
-
- {/* CHỈ SỐ HUYẾT ÁP, CHỈ SỐ MẠCH */}
- - KHIẾU NẠI CHÍNH -
- -- {consultation.chiefComplaint || "---"} -
-
-
-
- {/* CHẨN ĐOÁN */}
- - CHỈ SỐ HUYẾT ÁP, CHỈ SỐ MẠCH -
- -- {consultation.vitalSigns || "---"} -
-
-
-
- {/* KẾ HOẠCH ĐIỀU TRỊ */}
- - CHUẨN ĐOÁN -
- -- {consultation.diagnosis || "---"} -
-
-
-
- {/* GHI CHÚ BÁC SĨ */}
- - KẾ HOẠCH ĐIỀU TRỊ -
- -- {consultation.treatmentPlan || "---"} -
-
-
-
- {/* NGƯỜI TẠO */}
- - GHI CHÚ BÁC SĨ -
- -- {consultation.doctorNotes || "---"} -
-
-
-
- - NGƯỜI TẠO -
- -- {consultation.createdByName || "---"} -
-
-
-
- - CÁC CHUYÊN KHOA ĐANG CHỜ KHÁM -
- -- {consultation.specialtyClinics - ?.filter((specialty) => specialty.specialtyStatus === 1) - .map((specialty) => specialty.specialtyName) - .join(", ") || "---"} -
-
-
-
- - CÁC CHUYÊN KHOA ĐÃ KHÁM -
- -- {consultation.specialtyClinics - ?.filter((specialty) => specialty.specialtyStatus === 3) - .map((specialty) => specialty.specialtyName) - .join(", ") || "---"} -
-
-
-
-
-
-
-
-
-
-
- ) : (
-
-
- - FILE UPLOAD -
- {consultation.generalAttachmentUrls?.length > 0 ? ( -
- 📎
- Chi tiết các file
-
-
-
- - Danh sách file đính kèm -
- -
- {consultation.generalAttachmentUrls.map(
- (item, index) => {
- const file = getFileInfo(item, index);
-
- const extension =
- file.fileName
- .split(".")
- .pop()
- ?.toLowerCase() || "";
-
- const isImage = [
- "jpg",
- "jpeg",
- "png",
- "gif",
- "webp",
- "bmp",
- "svg",
- ].includes(extension);
-
- return (
-
-
-
-
- {isImage ? "🖼️" : "📄"}
-
-
-
-
-
- Mở
-
-
- );
- },
- )}
-
-
- - {file.fileName} -
- -- {extension || "FILE"} -
-Không có file nào được tải lên
- )}
-
-
- - TRẠNG THÁI -
- -
-
- {/* HEADER */}
-
- String(index)
- rowKey={(item: PrescriptionItem) => {
- // Tìm vị trí của item hiện tại trong mảng paginatedPrescriptionItems
- const idx = paginatedPrescriptionItems.indexOf(item);
- return item.id || String(idx);
- }}
- data={paginatedPrescriptionItems} // Hiển thị dữ liệu trang hiện tại
- column={[
- {
- title: "Tên thuốc",
- render: (item: PrescriptionItem) => (
-
- {item.medicineName}
-
- ),
- },
- {
- title: "Liều dùng",
- render: (item: PrescriptionItem) => (
- {item.dosage}
- ),
- },
- {
- title: "Tần suất",
- render: (item: PrescriptionItem) => (
- {item.frequency}
- ),
- },
- {
- title: "Thời gian",
- render: (item: PrescriptionItem) => (
- {item.duration}
- ),
- },
- {
- title: "Hướng dẫn",
- render: (item: PrescriptionItem) => (
-
- {item.instructions || "---"}
-
- ),
- },
- ]}
- />
-
-
- {/* Chỉ hiển thị phân trang khi tổng số lượng thuốc lớn hơn 10 phần tử */}
- {(consultation.aggregatedPrescriptionItems?.length || 0) > 10 && (
-
-
-
-