feat: insurance & medical billing system (6 phases)

Multi-tenant insurance contracts, service coverage, versioned tariffs,
invoice calculation, and insurance claims with debt reporting.

- TenantInsurance: per-tenant insurance contracts (coverage/franchise/ceiling,
  versioning, soft-deactivate) + active guard
- ServiceItem.insuranceCovered + TenantServiceCoverage per-service overrides
- Tariff: versioned yearly tariffs with fallback to ServiceItem price
- Billing domain: Money/ShareBreakdown VOs, BillingCalculator (unit-tested),
  Invoice/InvoiceItem aggregate, InvoiceService.createFromSession
- Claim/ClaimItem with state machine (pending->submitted->approved/rejected->paid),
  ClaimService, insurance-debt report
- ClaimSubmitterInterface + ManualClaimSubmitter (future insurance API ready)
- Admin UI: insurance-pricing page, claims page, service tariff modal,
  service insurance toggle; routes + sidebar entries
- Architecture doc + billing/insurance/clinic-services API docs

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
hamed
2026-06-23 15:05:24 +03:30
co-authored by Claude Opus 4.8
parent 5b1dfe9b40
commit 89191eee57
54 changed files with 4233 additions and 10 deletions
+4
View File
@@ -30,6 +30,8 @@ import MyClinicPage from './pages/MyClinicPage';
import SettingsPage from './pages/SettingsPage';
import DoctorProfilePage from './pages/DoctorProfilePage';
import MyPatientsPage from './pages/MyPatientsPage';
import InsurancePricingPage from './pages/InsurancePricingPage';
import ClaimsPage from './pages/ClaimsPage';
import MyFinancialPage from './pages/MyFinancialPage';
import ClinicFormPage from './pages/ClinicFormPage';
import PreRegistrationsPage from './pages/PreRegistrationsPage';
@@ -168,6 +170,8 @@ export default function App() {
{/* دکتر / منشی / کلینیک */}
<Route path="my-patients" element={<RoleRoute roles={['doctor', 'secretary', 'clinic']} blockClinicScope><MyPatientsPage /></RoleRoute>} />
<Route path="insurance-pricing" element={<RoleRoute roles={['doctor', 'clinic']} blockClinicScope><InsurancePricingPage /></RoleRoute>} />
<Route path="claims" element={<RoleRoute roles={['doctor', 'clinic']} blockClinicScope><ClaimsPage /></RoleRoute>} />
<Route path="my-financial" element={<RoleRoute roles={['doctor', 'secretary', 'clinic']}><MyFinancialPage /></RoleRoute>} />
{/* فاز ۲ — دکتر / کلینیک */}
@@ -0,0 +1,169 @@
import { useEffect, useState } from 'react';
import { useQuery, useMutation, useQueryClient } from '@tanstack/react-query';
import { toast } from 'sonner';
import { api } from '../lib/api';
import { formatRial } from '../lib/utils';
interface InsuranceRow {
insurance_id: number;
insurance_name: string;
type: string;
patient_share_rials: number | null;
}
interface PricingResponse {
free_visit_price_rials: number;
insurances: InsuranceRow[];
}
const TYPE_LABEL: Record<string, string> = {
basic: 'بیمه پایه',
supplementary: 'بیمه تکمیلی',
};
export default function InsurancePricingSection() {
const qc = useQueryClient();
const [freeVisit, setFreeVisit] = useState('');
const [shares, setShares] = useState<Record<number, string>>({});
const { data, isLoading } = useQuery<{ data: PricingResponse }>({
queryKey: ['insurance-pricing'],
queryFn: () => api.get('/api/v1/insurance-pricing'),
});
const pricing = (data as any)?.data as PricingResponse | undefined;
useEffect(() => {
if (!pricing) return;
setFreeVisit(String(pricing.free_visit_price_rials ?? 0));
const next: Record<number, string> = {};
pricing.insurances.forEach((i) => {
next[i.insurance_id] = i.patient_share_rials != null ? String(i.patient_share_rials) : '';
});
setShares(next);
}, [pricing]);
const saveMut = useMutation({
mutationFn: () =>
api.put('/api/v1/insurance-pricing', {
free_visit_price_rials: Number(freeVisit) || 0,
insurances: (pricing?.insurances ?? []).map((i) => ({
insurance_id: i.insurance_id,
patient_share_rials:
shares[i.insurance_id] === '' || shares[i.insurance_id] == null
? null
: Number(shares[i.insurance_id]) || 0,
})),
}),
onSuccess: () => {
toast.success('قیمت‌گذاری بیمه ذخیره شد');
qc.invalidateQueries({ queryKey: ['insurance-pricing'] });
},
onError: (e: Error) => toast.error(e.message),
});
const basics = (pricing?.insurances ?? []).filter((i) => i.type === 'basic');
const supps = (pricing?.insurances ?? []).filter((i) => i.type === 'supplementary');
const renderRow = (i: InsuranceRow) => {
const share = shares[i.insurance_id] ?? '';
const preview =
share !== '' && freeVisit !== ''
? `سهم بیمار: ${formatRial(Number(share) || 0)}`
: 'تعیین نشده';
return (
<div
key={i.insurance_id}
style={{
display: 'flex',
alignItems: 'center',
gap: 12,
padding: '10px 12px',
borderRadius: 10,
border: '1px solid var(--border)',
background: 'var(--surface)',
}}
>
<div style={{ flex: 1, minWidth: 0 }}>
<div style={{ fontWeight: 600, fontSize: 13.5 }}>{i.insurance_name}</div>
<div style={{ fontSize: 11.5, color: 'var(--text-3)', marginTop: 2 }}>{preview}</div>
</div>
<div style={{ display: 'flex', alignItems: 'center', gap: 6 }}>
<input
type="number"
min={0}
dir="ltr"
className="input"
style={{ width: 150 }}
placeholder="سهم بیمار (ریال)"
value={share}
onChange={(e) =>
setShares((p) => ({ ...p, [i.insurance_id]: e.target.value }))
}
/>
</div>
</div>
);
};
return (
<div className="card" style={{ padding: 20 }}>
<div style={{ marginBottom: 14 }}>
<h2 style={{ fontSize: 14, fontWeight: 700, margin: 0 }}>قیمتگذاری ویزیت بر اساس بیمه</h2>
<p style={{ fontSize: 12, color: 'var(--text-3)', marginTop: 4, lineHeight: 1.7 }}>
مبلغ ویزیت آزاد و سهم بیمار به ازای هر بیمه را تعیین کنید. خالیگذاشتن یک بیمه یعنی پذیرفته نمیشود.
</p>
</div>
{isLoading ? (
<div className="muted" style={{ fontSize: 13 }}>در حال بارگذاری...</div>
) : (
<div style={{ display: 'flex', flexDirection: 'column', gap: 18 }}>
<div className="field" style={{ flexDirection: 'column', alignItems: 'stretch', height: 'auto', gap: 6, padding: 0, border: 'none', background: 'none' }}>
<label style={{ fontSize: 12.5, fontWeight: 600 }}>مبلغ ویزیت آزاد (ریال)</label>
<input
type="number"
min={0}
dir="ltr"
className="input"
style={{ maxWidth: 220 }}
value={freeVisit}
onChange={(e) => setFreeVisit(e.target.value)}
/>
<span style={{ fontSize: 11.5, color: 'var(--text-3)' }}>
{freeVisit !== '' ? formatRial(Number(freeVisit) || 0) : '—'}
</span>
</div>
{basics.length > 0 && (
<div>
<div style={{ fontSize: 12.5, fontWeight: 600, marginBottom: 8, color: 'var(--text-2)' }}>{TYPE_LABEL.basic}</div>
<div style={{ display: 'flex', flexDirection: 'column', gap: 8 }}>{basics.map(renderRow)}</div>
</div>
)}
{supps.length > 0 && (
<div>
<div style={{ fontSize: 12.5, fontWeight: 600, marginBottom: 8, color: 'var(--text-2)' }}>{TYPE_LABEL.supplementary}</div>
<div style={{ display: 'flex', flexDirection: 'column', gap: 8 }}>{supps.map(renderRow)}</div>
</div>
)}
{basics.length === 0 && supps.length === 0 && (
<div style={{ fontSize: 12.5, color: 'var(--text-3)' }}>بیمه فعالی در سیستم تعریف نشده است.</div>
)}
<div>
<button
className="btn primary sm"
disabled={saveMut.isPending}
onClick={() => saveMut.mutate()}
>
{saveMut.isPending ? 'در حال ذخیره...' : 'ذخیره قیمت‌گذاری'}
</button>
</div>
</div>
)}
</div>
);
}
@@ -0,0 +1,94 @@
import { useState } from 'react';
import { useQuery, useMutation, useQueryClient } from '@tanstack/react-query';
import { toast } from 'sonner';
import { api } from '../lib/api';
import { formatRial, formatNumber } from '../lib/utils';
import Modal from './ui/Modal';
import type { ServiceItem } from '../types';
interface TariffRow {
uuid: string;
year: number;
price_rials: number;
is_active: boolean;
}
interface TariffResponse {
current_year: number;
default_price_rials: number;
data: TariffRow[];
}
export default function ServiceTariffModal({ item, onClose }: { item: ServiceItem | null; onClose: () => void }) {
const qc = useQueryClient();
const [year, setYear] = useState('');
const [price, setPrice] = useState('');
const { data, isLoading } = useQuery<{ data: TariffResponse }>({
queryKey: ['service-tariffs', item?.uuid],
queryFn: () => api.get(`/api/v1/service-items/${item!.uuid}/tariffs`),
enabled: !!item,
});
const resp = (data as any)?.data as TariffResponse | undefined;
const tariffs = resp?.data ?? [];
const currentYear = resp?.current_year;
const saveMut = useMutation({
mutationFn: () =>
api.put(`/api/v1/service-items/${item!.uuid}/tariffs/${Number(year)}`, {
price_rials: Number(price) || 0,
}),
onSuccess: () => {
toast.success('تعرفه ذخیره شد');
setYear('');
setPrice('');
qc.invalidateQueries({ queryKey: ['service-tariffs', item?.uuid] });
},
onError: (e: Error) => toast.error(e.message),
});
return (
<Modal open={!!item} onClose={onClose} title={`تعرفه‌های سالانه — ${item?.name ?? ''}`}>
<div style={{ display: 'flex', flexDirection: 'column', gap: 14 }}>
{resp && (
<div style={{ fontSize: 12.5, color: 'var(--text-3)', lineHeight: 1.7 }}>
قیمت پیشفرض خدمت: <b>{formatRial(resp.default_price_rials)}</b>. اگر تعرفهی سالی ثبت نشود، همین قیمت اعمال میشود.
</div>
)}
<div style={{ display: 'flex', flexWrap: 'wrap', gap: 10, alignItems: 'flex-end', padding: 12, borderRadius: 10, border: '1px solid var(--border)', background: 'var(--surface)' }}>
<div style={{ display: 'flex', flexDirection: 'column', gap: 4 }}>
<label style={{ fontSize: 11.5, fontWeight: 600 }}>سال (شمسی)</label>
<input type="number" dir="ltr" className="input" style={{ width: 100 }} placeholder={currentYear ? String(currentYear) : '۱۴۰۴'} value={year} onChange={(e) => setYear(e.target.value)} />
</div>
<div style={{ display: 'flex', flexDirection: 'column', gap: 4 }}>
<label style={{ fontSize: 11.5, fontWeight: 600 }}>تعرفه (ریال)</label>
<input type="number" min={0} dir="ltr" className="input" style={{ width: 150 }} value={price} onChange={(e) => setPrice(e.target.value)} />
</div>
<button className="btn primary sm" disabled={!year || saveMut.isPending} onClick={() => saveMut.mutate()}>
{saveMut.isPending ? '...' : 'ذخیره'}
</button>
</div>
{isLoading ? (
<div className="muted" style={{ fontSize: 13 }}>در حال بارگذاری...</div>
) : tariffs.length === 0 ? (
<div style={{ fontSize: 12.5, color: 'var(--text-3)' }}>هنوز تعرفهی سالانهای ثبت نشده است.</div>
) : (
<div style={{ display: 'flex', flexDirection: 'column', gap: 6 }}>
{tariffs.map((t) => (
<div key={t.uuid} style={{ display: 'flex', justifyContent: 'space-between', alignItems: 'center', padding: '8px 12px', borderRadius: 8, border: '1px solid var(--border)' }}>
<span style={{ fontWeight: 600, fontSize: 13 }}>
سال {formatNumber(t.year)}
{t.year === currentYear && <span className="badge green" style={{ fontSize: 10, marginInlineStart: 6 }}><span className="bdot" />جاری</span>}
</span>
<span style={{ color: 'var(--primary)', fontWeight: 600, fontSize: 13 }}>{formatRial(t.price_rials)}</span>
</div>
))}
</div>
)}
</div>
</Modal>
);
}
@@ -0,0 +1,164 @@
import { useState } from 'react';
import { useQuery, useMutation, useQueryClient } from '@tanstack/react-query';
import { TrashIcon, PlusIcon } from '@heroicons/react/24/outline';
import { toast } from 'sonner';
import { api } from '../lib/api';
import { formatRial } from '../lib/utils';
interface Contract {
uuid: string;
insurance_id: number;
insurance_name: string | null;
insurance_kind: string | null;
version: number;
coverage_percent: number;
franchise_rials: number;
annual_ceiling_rials: number | null;
}
interface InsuranceOption {
insurance_id: number;
insurance_name: string;
type: string;
}
const KIND_LABEL: Record<string, string> = {
basic: 'پایه',
supplementary: 'تکمیلی',
};
export default function TenantInsuranceContracts() {
const qc = useQueryClient();
const [addOpen, setAddOpen] = useState(false);
const [insuranceId, setInsuranceId] = useState('');
const [coverage, setCoverage] = useState('');
const [franchise, setFranchise] = useState('');
const [ceiling, setCeiling] = useState('');
const contractsQuery = useQuery<{ data: Contract[] }>({
queryKey: ['tenant-insurances'],
queryFn: () => api.get('/api/v1/billing/tenant-insurances'),
});
const pricingQuery = useQuery<{ data: { insurances: InsuranceOption[] } }>({
queryKey: ['insurance-pricing'],
queryFn: () => api.get('/api/v1/insurance-pricing'),
});
const contracts = (contractsQuery.data as any)?.data?.data ?? [];
const allInsurances: InsuranceOption[] = (pricingQuery.data as any)?.data?.insurances ?? [];
const activeIds = new Set(contracts.map((c: Contract) => c.insurance_id));
const available = allInsurances.filter((i) => !activeIds.has(i.insurance_id));
const resetForm = () => {
setInsuranceId('');
setCoverage('');
setFranchise('');
setCeiling('');
setAddOpen(false);
};
const addMut = useMutation({
mutationFn: () =>
api.post('/api/v1/billing/tenant-insurances', {
insurance_id: Number(insuranceId),
coverage_percent: Number(coverage) || 0,
franchise_rials: Number(franchise) || 0,
annual_ceiling_rials: ceiling === '' ? null : Number(ceiling),
}),
onSuccess: () => {
toast.success('قرارداد بیمه فعال شد');
resetForm();
qc.invalidateQueries({ queryKey: ['tenant-insurances'] });
},
onError: (e: Error) => toast.error(e.message),
});
const delMut = useMutation({
mutationFn: (uuid: string) => api.delete(`/api/v1/billing/tenant-insurances/${uuid}`),
onSuccess: () => {
toast.success('قرارداد غیرفعال شد');
qc.invalidateQueries({ queryKey: ['tenant-insurances'] });
},
onError: (e: Error) => toast.error(e.message),
});
return (
<div className="card" style={{ padding: 20, marginBottom: 16 }}>
<div style={{ display: 'flex', justifyContent: 'space-between', alignItems: 'flex-start', marginBottom: 14 }}>
<div>
<h2 style={{ fontSize: 14, fontWeight: 700, margin: 0 }}>قراردادهای بیمه</h2>
<p style={{ fontSize: 12, color: 'var(--text-3)', marginTop: 4, lineHeight: 1.7 }}>
بیمههایی که با آنها قرارداد دارید. درصد پوشش، فرانشیز و سقف تعهد هر بیمه را تعیین کنید.
</p>
</div>
{!addOpen && available.length > 0 && (
<button className="btn primary sm" onClick={() => setAddOpen(true)}>
<PlusIcon style={{ width: 14 }} /> افزودن بیمه
</button>
)}
</div>
{addOpen && (
<div style={{ display: 'flex', flexWrap: 'wrap', gap: 10, alignItems: 'flex-end', padding: 14, borderRadius: 10, border: '1px solid var(--border)', background: 'var(--surface)', marginBottom: 14 }}>
<div style={{ display: 'flex', flexDirection: 'column', gap: 4 }}>
<label style={{ fontSize: 11.5, fontWeight: 600 }}>بیمه</label>
<select className="input" style={{ minWidth: 160 }} value={insuranceId} onChange={(e) => setInsuranceId(e.target.value)}>
<option value="">انتخاب...</option>
{available.map((i) => (
<option key={i.insurance_id} value={i.insurance_id}>{i.insurance_name} ({KIND_LABEL[i.type] ?? i.type})</option>
))}
</select>
</div>
<div style={{ display: 'flex', flexDirection: 'column', gap: 4 }}>
<label style={{ fontSize: 11.5, fontWeight: 600 }}>درصد پوشش</label>
<input type="number" min={0} max={100} dir="ltr" className="input" style={{ width: 100 }} value={coverage} onChange={(e) => setCoverage(e.target.value)} />
</div>
<div style={{ display: 'flex', flexDirection: 'column', gap: 4 }}>
<label style={{ fontSize: 11.5, fontWeight: 600 }}>فرانشیز (ریال)</label>
<input type="number" min={0} dir="ltr" className="input" style={{ width: 130 }} value={franchise} onChange={(e) => setFranchise(e.target.value)} />
</div>
<div style={{ display: 'flex', flexDirection: 'column', gap: 4 }}>
<label style={{ fontSize: 11.5, fontWeight: 600 }}>سقف تعهد (ریال)</label>
<input type="number" min={0} dir="ltr" className="input" style={{ width: 130 }} placeholder="بی‌نهایت" value={ceiling} onChange={(e) => setCeiling(e.target.value)} />
</div>
<div style={{ display: 'flex', gap: 6 }}>
<button className="btn primary sm" disabled={!insuranceId || addMut.isPending} onClick={() => addMut.mutate()}>
{addMut.isPending ? '...' : 'ذخیره'}
</button>
<button className="btn ghost sm" onClick={resetForm}>لغو</button>
</div>
</div>
)}
{contractsQuery.isLoading ? (
<div className="muted" style={{ fontSize: 13 }}>در حال بارگذاری...</div>
) : contracts.length === 0 ? (
<div style={{ fontSize: 12.5, color: 'var(--text-3)', padding: '12px 0' }}>
هنوز با هیچ بیمهای قرارداد فعال ندارید.
</div>
) : (
<div style={{ display: 'flex', flexDirection: 'column', gap: 8 }}>
{contracts.map((c: Contract) => (
<div key={c.uuid} style={{ display: 'flex', alignItems: 'center', gap: 12, padding: '10px 12px', borderRadius: 10, border: '1px solid var(--border)' }}>
<div style={{ flex: 1, minWidth: 0 }}>
<div style={{ fontWeight: 600, fontSize: 13.5 }}>
{c.insurance_name ?? `#${c.insurance_id}`}
{c.insurance_kind && <span className="badge gray" style={{ fontSize: 10, marginInlineStart: 6 }}>{KIND_LABEL[c.insurance_kind] ?? c.insurance_kind}</span>}
</div>
<div style={{ fontSize: 11.5, color: 'var(--text-3)', marginTop: 2 }}>
پوشش {c.coverage_percent}٪
{c.franchise_rials > 0 && ` · فرانشیز ${formatRial(c.franchise_rials)}`}
{c.annual_ceiling_rials != null && ` · سقف ${formatRial(c.annual_ceiling_rials)}`}
</div>
</div>
<button className="mini-btn danger" title="غیرفعال‌سازی" disabled={delMut.isPending} onClick={() => delMut.mutate(c.uuid)}>
<TrashIcon style={{ width: 15 }} />
</button>
</div>
))}
</div>
)}
</div>
);
}
@@ -16,6 +16,7 @@ import {
IdentificationIcon,
KeyIcon,
LockClosedIcon,
ShieldCheckIcon,
StarIcon,
TagIcon,
UserCircleIcon,
@@ -192,6 +193,16 @@ function buildSections(
label: "پرونده بیماران",
feature: "patient_records",
},
{
to: "/admin/insurance-pricing",
icon: ShieldCheckIcon,
label: "قیمت‌گذاری بیمه",
},
{
to: "/admin/claims",
icon: DocumentTextIcon,
label: "مطالبات بیمه",
},
{ to: "/admin/staff", icon: UserPlusIcon, label: "پرسنل" },
{
to: "/admin/my-secretaries",
@@ -261,6 +272,16 @@ function buildSections(
label: "پرونده بیماران",
feature: "patient_records",
},
{
to: "/admin/insurance-pricing",
icon: ShieldCheckIcon,
label: "قیمت‌گذاری بیمه",
},
{
to: "/admin/claims",
icon: DocumentTextIcon,
label: "مطالبات بیمه",
},
{ to: "/admin/staff", icon: UserPlusIcon, label: "پرسنل" },
{
to: "/admin/my-secretaries",
@@ -320,6 +341,16 @@ function buildSections(
label: "پرونده بیماران",
feature: "patient_records",
},
{
to: "/admin/insurance-pricing",
icon: ShieldCheckIcon,
label: "قیمت‌گذاری بیمه",
},
{
to: "/admin/claims",
icon: DocumentTextIcon,
label: "مطالبات بیمه",
},
],
},
];
+187
View File
@@ -0,0 +1,187 @@
import { useState } from 'react';
import { useQuery, useMutation, useQueryClient } from '@tanstack/react-query';
import { CheckIcon, XMarkIcon, PaperAirplaneIcon, BanknotesIcon } from '@heroicons/react/24/outline';
import { toast } from 'sonner';
import { api } from '../lib/api';
import { formatRial, formatNumber } from '../lib/utils';
import PageHeader from '../components/ui/PageHeader';
import Modal from '../components/ui/Modal';
interface ClaimItem {
invoice_item_id: number;
claimed_rials: number;
approved_rials: number | null;
}
interface Claim {
uuid: string;
insurance_id: number;
insurance_kind: string;
total_claimed_rials: number;
total_approved_rials: number | null;
total_paid_rials: number | null;
status: string;
reject_reason: string | null;
items: ClaimItem[];
}
interface DebtRow {
insurance_id: number;
claimed: number;
approved: number;
paid: number;
debt: number;
}
const STATUS_META: Record<string, { label: string; cls: string }> = {
pending: { label: 'در انتظار', cls: 'gray' },
submitted: { label: 'ارسال‌شده', cls: 'blue' },
approved: { label: 'تأییدشده', cls: 'amber' },
rejected: { label: 'ردشده', cls: 'red' },
paid: { label: 'پرداخت‌شده', cls: 'green' },
};
const KIND_LABEL: Record<string, string> = { base: 'پایه', supplementary: 'تکمیلی' };
const STATUS_FILTERS = ['', 'pending', 'submitted', 'approved', 'rejected', 'paid'];
export default function ClaimsPage() {
const qc = useQueryClient();
const [statusFilter, setStatusFilter] = useState('');
const [rejectTarget, setRejectTarget] = useState<Claim | null>(null);
const [rejectReason, setRejectReason] = useState('');
const claimsQuery = useQuery<{ data: { data: Claim[] } }>({
queryKey: ['claims', statusFilter],
queryFn: () => api.get(`/api/v1/billing/claims${statusFilter ? `?status=${statusFilter}` : ''}`),
});
const debtQuery = useQuery<{ data: { data: DebtRow[] } }>({
queryKey: ['insurance-debt'],
queryFn: () => api.get('/api/v1/billing/reports/insurance-debt'),
});
const claims = (claimsQuery.data as any)?.data?.data ?? [];
const debt = (debtQuery.data as any)?.data?.data ?? [];
const transitionMut = useMutation({
mutationFn: ({ uuid, action, body }: { uuid: string; action: string; body?: object }) =>
api.post(`/api/v1/billing/claims/${uuid}/${action}`, body ?? {}),
onSuccess: () => {
toast.success('وضعیت مطالبه به‌روزرسانی شد');
setRejectTarget(null);
setRejectReason('');
qc.invalidateQueries({ queryKey: ['claims'] });
qc.invalidateQueries({ queryKey: ['insurance-debt'] });
},
onError: (e: Error) => toast.error(e.message),
});
return (
<div className="fade-in">
<PageHeader title="مطالبات بیمه" description="پیگیری مطالبات و بدهی بیمه‌ها" />
<div className="card" style={{ padding: 18, marginBottom: 16 }}>
<div style={{ display: 'flex', alignItems: 'center', gap: 8, marginBottom: 12 }}>
<BanknotesIcon style={{ width: 18, color: 'var(--text-3)' }} />
<h2 style={{ fontSize: 14, fontWeight: 700, margin: 0 }}>بدهی بیمهها</h2>
</div>
{debtQuery.isLoading ? (
<div className="muted" style={{ fontSize: 13 }}>در حال بارگذاری...</div>
) : debt.length === 0 ? (
<div style={{ fontSize: 12.5, color: 'var(--text-3)' }}>بدهیای ثبت نشده است.</div>
) : (
<div style={{ display: 'flex', flexDirection: 'column', gap: 6 }}>
{debt.map((d: DebtRow) => (
<div key={d.insurance_id} style={{ display: 'flex', justifyContent: 'space-between', alignItems: 'center', padding: '8px 12px', borderRadius: 8, border: '1px solid var(--border)', fontSize: 13 }}>
<span style={{ fontWeight: 600 }}>بیمه #{formatNumber(d.insurance_id)}</span>
<span style={{ color: 'var(--text-3)' }}>ادعا {formatRial(d.claimed)} · پرداخت {formatRial(d.paid)}</span>
<span style={{ fontWeight: 700, color: d.debt > 0 ? 'var(--danger)' : 'var(--success, #16a34a)' }}>بدهی {formatRial(d.debt)}</span>
</div>
))}
</div>
)}
</div>
<div className="card" style={{ padding: 18 }}>
<div style={{ display: 'flex', justifyContent: 'space-between', alignItems: 'center', marginBottom: 12 }}>
<h2 style={{ fontSize: 14, fontWeight: 700, margin: 0 }}>مطالبات</h2>
<select className="input" style={{ maxWidth: 160 }} value={statusFilter} onChange={(e) => setStatusFilter(e.target.value)}>
{STATUS_FILTERS.map((s) => (
<option key={s} value={s}>{s === '' ? 'همه وضعیت‌ها' : STATUS_META[s]?.label}</option>
))}
</select>
</div>
{claimsQuery.isLoading ? (
<div className="muted" style={{ fontSize: 13 }}>در حال بارگذاری...</div>
) : claims.length === 0 ? (
<div style={{ fontSize: 12.5, color: 'var(--text-3)', padding: '12px 0' }}>مطالبهای یافت نشد.</div>
) : (
<div style={{ display: 'flex', flexDirection: 'column', gap: 8 }}>
{claims.map((c: Claim) => {
const meta = STATUS_META[c.status] ?? { label: c.status, cls: 'gray' };
return (
<div key={c.uuid} style={{ padding: '12px 14px', borderRadius: 10, border: '1px solid var(--border)' }}>
<div style={{ display: 'flex', justifyContent: 'space-between', alignItems: 'flex-start', gap: 10 }}>
<div>
<div style={{ fontWeight: 600, fontSize: 13.5 }}>
بیمه #{formatNumber(c.insurance_id)}
<span className="badge gray" style={{ fontSize: 10, marginInlineStart: 6 }}>{KIND_LABEL[c.insurance_kind] ?? c.insurance_kind}</span>
<span className={`badge ${meta.cls}`} style={{ fontSize: 10, marginInlineStart: 4 }}><span className="bdot" />{meta.label}</span>
</div>
<div style={{ fontSize: 11.5, color: 'var(--text-3)', marginTop: 3 }}>
ادعا {formatRial(c.total_claimed_rials)}
{c.total_approved_rials != null && ` · تأیید ${formatRial(c.total_approved_rials)}`}
{c.total_paid_rials != null && ` · پرداخت ${formatRial(c.total_paid_rials)}`}
{c.reject_reason && ` · دلیل رد: ${c.reject_reason}`}
</div>
</div>
<div style={{ display: 'flex', gap: 6, flexShrink: 0 }}>
{c.status === 'pending' && (
<button className="btn primary sm" disabled={transitionMut.isPending} onClick={() => transitionMut.mutate({ uuid: c.uuid, action: 'submit' })}>
<PaperAirplaneIcon style={{ width: 13 }} /> ارسال
</button>
)}
{c.status === 'submitted' && (
<>
<button className="btn primary sm" disabled={transitionMut.isPending} onClick={() => transitionMut.mutate({ uuid: c.uuid, action: 'approve' })}>
<CheckIcon style={{ width: 13 }} /> تأیید
</button>
<button className="btn danger sm" onClick={() => { setRejectTarget(c); setRejectReason(''); }}>
<XMarkIcon style={{ width: 13 }} /> رد
</button>
</>
)}
{c.status === 'approved' && (
<button className="btn primary sm" disabled={transitionMut.isPending} onClick={() => transitionMut.mutate({ uuid: c.uuid, action: 'pay' })}>
<BanknotesIcon style={{ width: 13 }} /> پرداخت
</button>
)}
</div>
</div>
</div>
);
})}
</div>
)}
</div>
<Modal open={!!rejectTarget} onClose={() => setRejectTarget(null)} title="رد مطالبه"
footer={
<>
<button className="btn ghost sm" onClick={() => setRejectTarget(null)}>انصراف</button>
<button className="btn danger sm" disabled={!rejectReason || transitionMut.isPending}
onClick={() => rejectTarget && transitionMut.mutate({ uuid: rejectTarget.uuid, action: 'reject', body: { reason: rejectReason } })}>
رد کردن
</button>
</>
}
>
<div className="field">
<label>دلیل رد</label>
<textarea className="input" rows={3} dir="rtl" value={rejectReason} onChange={(e) => setRejectReason(e.target.value)} placeholder="دلیل رد را بنویسید..." />
</div>
</Modal>
</div>
);
}
+44 -7
View File
@@ -1,6 +1,6 @@
import React, { useState } from 'react';
import { useQuery, useMutation, useQueryClient } from '@tanstack/react-query';
import { PlusIcon, PencilIcon, TrashIcon, WrenchScrewdriverIcon } from '@heroicons/react/24/outline';
import { PlusIcon, PencilIcon, TrashIcon, WrenchScrewdriverIcon, BanknotesIcon } from '@heroicons/react/24/outline';
import { useForm } from 'react-hook-form';
import { zodResolver } from '@hookform/resolvers/zod';
import { z } from 'zod';
@@ -13,14 +13,17 @@ import Modal from '../components/ui/Modal';
import PriceInput from '../components/ui/PriceInput';
import ConfirmDialog from '../components/ui/ConfirmDialog';
import PageHeader from '../components/ui/PageHeader';
import ServiceTariffModal from '../components/ServiceTariffModal';
import SearchableSelect from '../components/ui/SearchableSelect';
import FeatureGate from '../components/ui/FeatureGate';
const sectionSchema = z.object({ name: z.string().min(1, 'نام بخش الزامی است') });
const itemSchema = z.object({
name: z.string().min(1, 'نام سرویس الزامی است'),
price_rials: z.coerce.number().min(0, 'مبلغ نمی‌تواند منفی باشد'),
staff_uuid: z.string().optional(),
name: z.string().min(1, 'نام سرویس الزامی است'),
price_rials: z.coerce.number().min(0, 'مبلغ نمی‌تواند منفی باشد'),
staff_uuid: z.string().optional(),
insurance_covered: z.boolean().optional(),
insurance_price_rials: z.coerce.number().min(0).optional(),
});
type SectionForm = z.infer<typeof sectionSchema>;
type ItemForm = z.infer<typeof itemSchema>;
@@ -36,6 +39,7 @@ function ClinicServicesPageInner() {
const [deleteSection, setDeleteSection] = useState<ServiceSection | null>(null);
const [itemModal, setItemModal] = useState<'create' | ServiceItem | null>(null);
const [deleteItem, setDeleteItem] = useState<ServiceItem | null>(null);
const [tariffItem, setTariffItem] = useState<ServiceItem | null>(null);
const { data: sectionsData, isLoading: sectionsLoading } = useQuery<ApiResponse<ServiceSection[]>>({
queryKey: ['service-sections'],
@@ -123,6 +127,8 @@ function ClinicServicesPageInner() {
name: item.name,
price_rials: item.price_rials,
staff_uuid: item.staff?.uuid ?? '',
insurance_covered: item.insurance_covered ?? false,
insurance_price_rials: item.insurance_price_rials ?? 0,
});
setItemModal(item);
};
@@ -234,7 +240,7 @@ function ClinicServicesPageInner() {
<button
className="btn primary sm"
style={{ display: 'flex', alignItems: 'center', gap: 4 }}
onClick={() => { itemForm.reset({ price_rials: 0, staff_uuid: '' }); setItemModal('create'); }}
onClick={() => { itemForm.reset({ price_rials: 0, staff_uuid: '', insurance_covered: false, insurance_price_rials: 0 }); setItemModal('create'); }}
>
<PlusIcon style={{ width: 14 }} /> سرویس جدید
</button>
@@ -249,7 +255,7 @@ function ClinicServicesPageInner() {
<button
className="btn primary sm"
style={{ marginTop: 12 }}
onClick={() => { itemForm.reset({ price_rials: 0, staff_uuid: '' }); setItemModal('create'); }}
onClick={() => { itemForm.reset({ price_rials: 0, staff_uuid: '', insurance_covered: false, insurance_price_rials: 0 }); setItemModal('create'); }}
>
افزودن سرویس
</button>
@@ -273,7 +279,14 @@ function ClinicServicesPageInner() {
background: idx % 2 === 1 ? 'oklch(0.985 0.005 256)' : 'transparent',
}}
>
<td style={{ padding: '11px 16px', fontWeight: 500 }}>{item.name}</td>
<td style={{ padding: '11px 16px', fontWeight: 500 }}>
{item.name}
{item.insurance_covered && (
<span className="badge green" style={{ fontSize: 10, marginInlineStart: 6 }}>
<span className="bdot" />بیمه
</span>
)}
</td>
<td style={{ padding: '11px 16px', color: 'var(--primary)', fontWeight: 600 }}>
{formatRial(item.price_rials)}
</td>
@@ -299,6 +312,9 @@ function ClinicServicesPageInner() {
<button className="btn sm" onClick={() => openEditItem(item)} title="ویرایش">
<PencilIcon style={{ width: 13 }} />
</button>
<button className="btn sm" onClick={() => setTariffItem(item)} title="تعرفه‌های سالانه">
<BanknotesIcon style={{ width: 13 }} />
</button>
<button className="btn sm" onClick={() => setDeleteItem(item)} title="حذف">
<TrashIcon style={{ width: 13 }} />
</button>
@@ -378,6 +394,25 @@ function ClinicServicesPageInner() {
isClearable
/>
</div>
<label style={{ display: 'flex', alignItems: 'center', gap: 8, cursor: 'pointer', fontSize: 13.5 }}>
<input
type="checkbox"
checked={itemForm.watch('insurance_covered') ?? false}
onChange={(e) => itemForm.setValue('insurance_covered', e.target.checked)}
/>
این خدمت شامل بیمه میشود
</label>
{itemForm.watch('insurance_covered') && (
<div className="field">
<label>قیمت با بیمه (ریال)</label>
<PriceInput
value={itemForm.watch('insurance_price_rials') ?? 0}
onChange={(v) => itemForm.setValue('insurance_price_rials', v)}
placeholder="سهم بیمار با بیمه"
min={0}
/>
</div>
)}
</div>
<div style={{ display: 'flex', gap: 8, marginTop: 16 }}>
<button type="submit" className="btn primary" disabled={createItem.isPending || editItem.isPending}>ذخیره</button>
@@ -386,6 +421,8 @@ function ClinicServicesPageInner() {
</form>
</Modal>
<ServiceTariffModal item={tariffItem} onClose={() => setTariffItem(null)} />
{/* Confirm حذف بخش */}
<ConfirmDialog
open={!!deleteSection}
@@ -0,0 +1,16 @@
import PageHeader from '../components/ui/PageHeader';
import InsurancePricingSection from '../components/InsurancePricingSection';
import TenantInsuranceContracts from '../components/TenantInsuranceContracts';
export default function InsurancePricingPage() {
return (
<div className="fade-in">
<PageHeader
title="بیمه و قیمت‌گذاری"
description="قراردادهای بیمه، درصد پوشش و مبلغ ویزیت"
/>
<TenantInsuranceContracts />
<InsurancePricingSection />
</div>
);
}
+2
View File
@@ -396,6 +396,8 @@ export interface ServiceItem {
price_rials: number;
staff: { uuid: string; full_name: string } | null;
active: boolean;
insurance_covered?: boolean;
insurance_price_rials?: number | null;
}
export interface SmsWalletBalance {