feat(appointments): implement resource-based appointment scheduling and update related logic
This commit is contained in:
hamed
@@ -12,6 +12,9 @@ import DigitInput from '../components/ui/DigitInput';
|
||||
import SearchableSelect from '../components/ui/SearchableSelect';
|
||||
import { WalletChargeLink } from '../components/AppointmentActions';
|
||||
import { useDoctorBookingServices } from '../hooks/useDoctorBookingServices';
|
||||
import { useResources } from '../hooks/useResources';
|
||||
import { useResourceBookingServices } from '../hooks/useResourceBookingServices';
|
||||
import { useClinicContext } from '../hooks/useClinicContext';
|
||||
import ServiceSlotPicker from '../components/appointments/ServiceSlotPicker';
|
||||
import SlotPicker, { type PickedSlot } from '../components/appointments/SlotPicker';
|
||||
import { tehranWallClockToUnix, rialToToman, tomanToRial } from '../lib/utils';
|
||||
@@ -48,7 +51,16 @@ export default function AppointmentCreatePage() {
|
||||
const today = todayIso();
|
||||
|
||||
// ── پزشک
|
||||
const [doctorUuid, setDoctorUuid] = useState(isDoctor && dbUuid ? dbUuid : (params.get('doctor') ?? ''));
|
||||
// در محیط کلینیک، `dbUuid` شناسهٔ کلینیک است نه پزشک؛ uuid پزشک فقط از `doctorUuid`
|
||||
// میآید. بدون این، پزشکِ مهمانِ کلینیک uuid کلینیک را بهعنوان پزشک میفرستاد.
|
||||
const ownDoctorUuid = useAuthStore(s => s.doctorUuid);
|
||||
const [doctorUuid, setDoctorUuid] = useState(
|
||||
isDoctor ? (ownDoctorUuid ?? dbUuid ?? '') : (params.get('doctor') ?? ''),
|
||||
);
|
||||
// hydrate شدنِ استور بعد از رندر اول، پزشک را خالی میگذاشت.
|
||||
useEffect(() => {
|
||||
if (isDoctor && !doctorUuid && ownDoctorUuid) setDoctorUuid(ownDoctorUuid);
|
||||
}, [isDoctor, doctorUuid, ownDoctorUuid]);
|
||||
const clinicDoctorsQuery = useQuery<ApiResponse<{ data: { uuid: string; name: string }[] }>>({
|
||||
queryKey: ['clinic-doctors', dbUuid],
|
||||
queryFn: () => api.get(`/api/v1/clinic/doctor-list/${dbUuid}`),
|
||||
@@ -56,6 +68,24 @@ export default function AppointmentCreatePage() {
|
||||
});
|
||||
const doctorOptions = (clinicDoctorsQuery.data?.data?.data ?? []).map(d => ({ value: d.uuid, label: d.name }));
|
||||
|
||||
// ── هدفِ نوبت: خودِ پزشک، یا یکی از منابعِ تحت نظرش
|
||||
//
|
||||
// منبع تقویم مستقل دارد، پس انتخابش کلِ منطق زمان را عوض میکند: سرویسها از خودِ
|
||||
// منبع میآیند و وقت آزاد از تقاطعِ تقویم همان منبع — نه از برنامهٔ هفتگیِ پزشک.
|
||||
// این تنها جایی است که این دو شاخه از هم جدا میشوند؛ باقی فرم مشترک است.
|
||||
const clinicUuid = useClinicContext();
|
||||
const { resources: bookableResources } = useResources({ active: '1' });
|
||||
const supervisedResources = useMemo(
|
||||
() => (doctorUuid ? bookableResources.filter(r => r.supervisor?.uuid === doctorUuid) : []),
|
||||
[bookableResources, doctorUuid],
|
||||
);
|
||||
const [resourceUuid, setResourceUuid] = useState('');
|
||||
// تعویض پزشک ⇒ منبعِ پزشک قبلی دیگر زیر نظرِ او نیست.
|
||||
useEffect(() => { setResourceUuid(''); }, [doctorUuid]);
|
||||
const activeResource = supervisedResources.find(r => r.uuid === resourceUuid) ?? null;
|
||||
const resourceMode = activeResource !== null;
|
||||
const { services: resourceServices } = useResourceBookingServices(activeResource?.uuid);
|
||||
|
||||
// ── بیمار: جستجوی رکورد موجود یا ورود شخص جدید
|
||||
const [patientSearch, setPatientSearch] = useState('');
|
||||
const [picked, setPicked] = useState<PatientRow | null>(null);
|
||||
@@ -111,7 +141,8 @@ export default function AppointmentCreatePage() {
|
||||
|
||||
// ── روش نوبتدهی پزشک (سرویسی/اسلاتی)
|
||||
const { bookingMode, services } = useDoctorBookingServices(doctorUuid);
|
||||
const serviceMode = bookingMode === 'service';
|
||||
// منبع همیشه سرویسی است: اسلات ثابتی ندارد که بشود رویش نشست.
|
||||
const serviceMode = resourceMode || bookingMode === 'service';
|
||||
const [servicePick, setServicePick] = useState<{ serviceUuids: string[]; durations: Record<string, number>; slot: { start: number; end: number } | null }>({ serviceUuids: [], durations: {}, slot: null });
|
||||
|
||||
// ── زمان نوبت
|
||||
@@ -158,7 +189,10 @@ export default function AppointmentCreatePage() {
|
||||
|
||||
const create = useMutation({
|
||||
mutationFn: async () => {
|
||||
const createEndpoint = primaryRole === 'admin' ? '/api/v1/admin/appointment' : '/api/v1/my/appointment';
|
||||
// اندپوینت ادمین `resource_uuid` نمیشناسد؛ نوبتِ منبع همیشه از مسیر پنل میرود.
|
||||
const createEndpoint = primaryRole === 'admin' && !resourceMode
|
||||
? '/api/v1/admin/appointment'
|
||||
: '/api/v1/my/appointment';
|
||||
const slotStart = serviceMode ? servicePick.slot!.start : (slotPick ? slotPick.start : toEpoch(date, start));
|
||||
const slotEnd = serviceMode ? servicePick.slot!.end : (slotPick ? slotPick.end : toEpoch(date, end));
|
||||
|
||||
@@ -169,13 +203,18 @@ export default function AppointmentCreatePage() {
|
||||
patient_name: effectiveName,
|
||||
patient_mobile: effectiveMobile,
|
||||
patient_national_code: effectiveNationalCode,
|
||||
// محل نوبتدهی: بدون `clinic_uuid` سرور نوبت را به مطب شخصیِ پزشک مینشاند —
|
||||
// و در حالت منبع، منبعِ کلینیک اصلاً «متعلق به این محیط» شناخته نمیشود (۴۲۲).
|
||||
...(clinicUuid ? { clinic_uuid: clinicUuid } : {}),
|
||||
...(resourceMode ? { resource_uuid: activeResource!.uuid } : {}),
|
||||
...(serviceMode
|
||||
? { service_item_uuids: servicePick.serviceUuids, duration_from_services: true, service_durations: servicePick.durations }
|
||||
: {
|
||||
...(sectionUuid ? { service_section_uuid: sectionUuid } : {}),
|
||||
...(selectedServices.length ? { service_item_uuids: selectedServices.map(s => s.uuid) } : {}),
|
||||
}),
|
||||
...(staffUuid ? { staff_uuid: staffUuid } : {}),
|
||||
// پرسنل فقط در حالت پزشک معنا دارد؛ در حالت منبع، خودِ منبع مجریِ نوبت است.
|
||||
...(staffUuid && !resourceMode ? { staff_uuid: staffUuid } : {}),
|
||||
...(depositRequired ? { deposit_required: true, deposit_amount_rials: tomanToRial(depositToman) } : {}),
|
||||
...(visitPriceToman > 0 ? { visit_price_rials: tomanToRial(visitPriceToman) } : {}),
|
||||
...(note.trim() ? { note: note.trim() } : {}),
|
||||
@@ -234,8 +273,37 @@ export default function AppointmentCreatePage() {
|
||||
</>
|
||||
)}
|
||||
|
||||
{/* هدف نوبت — فقط وقتی این پزشک منبعی زیر نظر دارد */}
|
||||
{supervisedResources.length > 0 && (
|
||||
<>
|
||||
<div style={{ ...sectionTitle, marginTop: isDoctor ? 0 : 18 }}>هدف نوبت:</div>
|
||||
<div style={{ display: 'flex', flexWrap: 'wrap', gap: 8, margin: '6px 0 2px' }}>
|
||||
{[{ uuid: '', name: 'خودِ پزشک' }, ...supervisedResources.map(r => ({ uuid: r.uuid, name: r.name }))].map(t => {
|
||||
const active = resourceUuid === t.uuid;
|
||||
return (
|
||||
<button key={t.uuid || 'doctor'} type="button" onClick={() => setResourceUuid(t.uuid)}
|
||||
style={{
|
||||
fontSize: 13, padding: '8px 14px', borderRadius: 'var(--r-pill)', cursor: 'pointer',
|
||||
fontFamily: 'inherit', minHeight: 36,
|
||||
border: active ? '1px solid var(--primary)' : '1px solid var(--border)',
|
||||
background: active ? 'var(--primary)' : 'var(--surface)',
|
||||
color: active ? 'var(--on-primary)' : 'var(--text)',
|
||||
}}>
|
||||
{t.name}
|
||||
</button>
|
||||
);
|
||||
})}
|
||||
</div>
|
||||
<div style={{ fontSize: 12.5, color: 'var(--text-3)', marginTop: 6 }}>
|
||||
{resourceMode
|
||||
? 'زمانها از تقویم خودِ منبع میآیند و سرویسها همانهاییاند که روی این منبع فعالاند.'
|
||||
: 'زمانها از برنامهٔ هفتگی پزشک میآیند.'}
|
||||
</div>
|
||||
</>
|
||||
)}
|
||||
|
||||
{/* مراجعه کننده */}
|
||||
<div style={{ ...sectionTitle, marginTop: isDoctor ? 0 : 18 }}>اطلاعات مراجعه کننده :</div>
|
||||
<div style={{ ...sectionTitle, marginTop: isDoctor && supervisedResources.length === 0 ? 0 : 18 }}>اطلاعات مراجعه کننده :</div>
|
||||
|
||||
{/* آمده از پروندهٔ بیمار: مراجعهکننده معلوم است، جستجو معنا ندارد. */}
|
||||
{fromRecordUuid ? (
|
||||
@@ -358,9 +426,10 @@ export default function AppointmentCreatePage() {
|
||||
</>
|
||||
)}
|
||||
|
||||
{/* مشخصات سرویس */}
|
||||
<div style={sectionTitle}>مشخصات سرویس</div>
|
||||
{!serviceMode ? (
|
||||
{/* مشخصات سرویس — در حالت منبع، سرویسها داخل انتخابگر زمانِ همان منبع انتخاب
|
||||
میشوند (فقط سرویسهایی که روی آن منبع فعالاند)، پس این بخش جا ندارد. */}
|
||||
{!resourceMode && <div style={sectionTitle}>مشخصات سرویس</div>}
|
||||
{resourceMode ? null : !serviceMode ? (
|
||||
<>
|
||||
<div style={{ display: 'grid', gridTemplateColumns: 'repeat(2, 1fr)', gap: 16, marginBottom: 10 }}>
|
||||
<div>
|
||||
@@ -472,7 +541,7 @@ export default function AppointmentCreatePage() {
|
||||
)}
|
||||
|
||||
{/* زمان نوبت */}
|
||||
<div style={sectionTitle}>زمان نوبت</div>
|
||||
<div style={sectionTitle}>زمان نوبت{resourceMode ? ` — ${activeResource!.name}` : ''}</div>
|
||||
{serviceMode ? (
|
||||
<>
|
||||
<label style={label}>انتخاب تاریخ</label>
|
||||
@@ -481,8 +550,9 @@ export default function AppointmentCreatePage() {
|
||||
{doctorUuid ? (
|
||||
<ServiceSlotPicker
|
||||
doctorUuid={doctorUuid}
|
||||
resourceUuid={activeResource?.uuid}
|
||||
date={date}
|
||||
services={services}
|
||||
services={resourceMode ? resourceServices : services}
|
||||
onSelect={setServicePick}
|
||||
/>
|
||||
) : (
|
||||
|
||||
Reference in New Issue
Block a user