وضعیت جاری
{[
{ label: 'امتیاز ارزیابی', val: Math.round(scoreVal), max: 100, color: '#818CF8', note: 'از ۱۰۰' },
{ label: 'لید این ماه', val: d.monthAssigned || 0, max: monthMax, color: '#34D399', note: 'از ' + fa(monthMax) + ' ظرفیت' },
{ label: 'نرخ تماس', val: Math.round((d.metrics && d.metrics.contact_rate) || 0), max: 100, color: '#38BDF8', note: 'درصد' },
].map(bar => (
{bar.label}
{fa(bar.val)} {bar.note}
0 ? Math.min(100, Math.round(bar.val / bar.max * 100)) : 0) + '%', background: bar.color, transition: 'width .4s' }} />
))}
{/* قوانین */}
{(d.ruleStatuses || []).length > 0 && (
📋 وضعیت قوانین
{(d.ruleStatuses || []).map(rule => {
const safe = !rule.violated;
const near = safe && rule.distance < rule.threshold * 0.2;
const icon = safe ? (near ? '⚠️' : '✅') : '🚫';
const color = safe ? (near ? '#FB923C' : '#34D399') : '#F87171';
return (
{icon}
{rule.name}
{metricLabel[rule.metric] || rule.metric} — {rule.operator === 'lt' ? 'زیر' : 'بالای'} {rule.threshold}
{fa(rule.current)}
{near && !rule.violated &&
فقط {fa(Math.abs(rule.distance))} تا آستانه
}
);
})}
)}
{/* پیشبینی */}
{d.predictedScore !== null && d.predictedScore !== undefined && (
🔮 پیشبینی امتیاز
= 60 ? '#34D399' : d.predictedScore >= 30 ? '#FB923C' : '#F87171', fontFamily: 'JetBrains Mono' }}>
{fa(d.predictedScore)}
{d.snapshots && d.snapshots.length >= 2 && (
((d.snapshots[0] && d.snapshots[0].final_score) || 0) ? '#34D399' : '#F87171', marginRight: 6 }}>
{d.predictedScore > ((d.snapshots[0] && d.snapshots[0].final_score) || 0) ? '▲' : '▼'}
)}
= 30 && !(d.ruleStatuses || []).some(r => r.violated) ? '#34D399' : '#FB923C', marginTop: 2 }}>
{(d.ruleStatuses || []).some(r => r.violated) ? '⚠️ نیاز به توجه' : '✅ روند عادی'}
{(d.snapshots || []).length > 0 && (
{d.snapshots.slice(0, 6).reverse().map((snap, i) => (
))}
)}
)}
);
};
// ─────────────────────────────────────────────────────────────────
// بخش توزیع خودکار لید
// ─────────────────────────────────────────────────────────────────
const AutoDistributeSection = ({ headers, toast, fa }) => {
const { useState, useEffect } = React;
const [poolCount, setPoolCount] = useState(null);
const [autoOn, setAutoOn] = useState(false);
const [minPct, setMinPct] = useState(10);
const [editMinPct, setEditMinPct] = useState(false);
const [minPctDraft, setMinPctDraft] = useState('10');
const [distributing, setDistributing] = useState(false);
const [preview, setPreview] = useState(null);
const [lastResult, setLastResult] = useState(null);
const load = () => {
Promise.all([
fetch('/api/market/pool', { headers }).then(r => r.json()),
fetch('/api/distrules/evaluation/rules', { headers }).then(r => r.json()),
]).then(([pool, ev]) => {
if (pool.success) setPoolCount(pool.data.total ?? pool.data.leads?.length ?? 0);
if (ev.success) {
const rules = ev.data.rules || [];
const ad = rules.find(r => r.rule_key === 'auto_distribute');
const mp = rules.find(r => r.rule_key === 'min_allocation_pct');
if (ad) setAutoOn(ad.value === 'true' || ad.value === true);
if (mp) { setMinPct(parseFloat(mp.value) || 10); setMinPctDraft(mp.value); }
}
});
};
useEffect(load, []);
const toggleAuto = () => {
const newVal = !autoOn;
fetch('/api/distrules/evaluation/rules/auto_distribute', {
method: 'PUT', headers, body: JSON.stringify({ value: String(newVal), enabled: 1 }),
}).then(r => r.json()).then(d => {
if (d.success) { setAutoOn(newVal); toast(newVal ? 'توزیع خودکار فعال شد' : 'توزیع خودکار غیرفعال شد', 'success'); }
else toast(d.message || 'خطا', 'error');
});
};
const saveMinPct = () => {
const v = parseFloat(minPctDraft);
if (isNaN(v) || v < 0 || v > 30) { toast('مقدار باید بین ۰ تا ۳۰ باشد', 'error'); return; }
fetch('/api/distrules/evaluation/rules/min_allocation_pct', {
method: 'PUT', headers, body: JSON.stringify({ value: String(v), enabled: 1 }),
}).then(r => r.json()).then(d => {
if (d.success) { setMinPct(v); setEditMinPct(false); toast('ذخیره شد', 'success'); }
else toast(d.message || 'خطا', 'error');
});
};
const doPreview = () => {
setDistributing(true); setPreview(null); setLastResult(null);
fetch('/api/distrules/auto-distribute?dry_run=true', { method: 'POST', headers })
.then(r => r.json()).then(d => {
setDistributing(false);
if (d.success) setPreview(d.data);
else toast(d.message || 'خطا', 'error');
}).catch(() => { setDistributing(false); toast('خطای شبکه', 'error'); });
};
const doDistribute = () => {
setDistributing(true); setPreview(null);
fetch('/api/distrules/auto-distribute', { method: 'POST', headers })
.then(r => r.json()).then(d => {
setDistributing(false);
if (d.success) { setLastResult(d.data); load(); toast(d.data.message || 'توزیع انجام شد', 'success'); }
else toast(d.message || 'خطا', 'error');
}).catch(() => { setDistributing(false); toast('خطای شبکه', 'error'); });
};
return (
{/* ─── هدر ─── */}
🎯
توزیع خودکار لید
{poolCount === null ? 'در حال بارگذاری...' : `${fa(poolCount)} لید در استخر منتظر ارجاع`}
{/* toggle روشن/خاموش */}
{autoOn ? 'خودکار فعال' : 'خودکار خاموش'}
{/* ─── تنظیم حداقل سهم ─── */}
حداقل سهم فروشنده جدید
فروشندهای که داده کافی ندارد حداقل این درصد از لیدها را میگیرد
{editMinPct ? (
setMinPctDraft(e.target.value)}
style={{ width: 64, padding: '4px 8px', borderRadius: 7, background: 'rgba(255,255,255,.08)', border: '1px solid rgba(99,102,241,.4)', color: '#e2e8f0', fontSize: 13, outline: 'none', direction: 'ltr', fontFamily: 'JetBrains Mono', textAlign: 'center' }} />
٪
) : (
{fa(minPct)}٪
)}
{/* ─── دکمههای اجرا ─── */}
{/* ─── نتیجه آخرین توزیع ─── */}
{lastResult && lastResult.assigned > 0 && (
✅ {fa(lastResult.assigned)} لید توزیع شد
{(lastResult.breakdown || []).map((b, i) => (
{b.name} · {fa(b.count)} لید
))}
{lastResult.skipped > 0 &&
⚠️ {fa(lastResult.skipped)} لید بدون ظرفیت/متخصص ماند
}
)}
{/* ─── Modal پیشنمایش ─── */}
{preview && (
e.target === e.currentTarget && setPreview(null)}>
🎯
پیشنمایش توزیع هوشمند
قبل از اجرا بررسی کنید
{fa(preview.planned)}
لید توزیع میشود
{fa(preview.skipped)}
بدون متخصص/ظرفیت
{(preview.breakdown || []).length > 0 && (
{preview.breakdown.map((b, i) => (
{b.name}
امتیاز {fa(b.score)}
{fa(b.count)} لید
))}
)}
)}
);
};
// ─────────────────────────────────────────────────────────────────
// تب فروشندگان — کارتهای گرادیانت
// ─────────────────────────────────────────────────────────────────
const SellersTab = ({ api, headers, toast, fa }) => {
const { useState, useEffect } = React;
const { Icon } = window.SB_UI;
const [sellers, setSellers] = useState([]);
const [scores, setScores] = useState({});
const [loading, setLoading] = useState(true);
const [editModal, setEditModal] = useState(null);
const [form, setForm] = useState({ name: '', phone: '', max_active_leads: 50 });
const [saving, setSaving] = useState(false);
const [detailSeller, setDetailSeller] = useState(null);
const [sellerLeads, setSellerLeads] = useState([]);
const [dashboard, setDashboard] = useState(null);
const [suspModal, setSuspModal] = useState(null);
const [suspForm, setSuspForm] = useState({ level: 'warning', reason: '', days: 30 });
const [plans, setPlans] = useState(null); // null = هنوز لود نشده
const [planModal, setPlanModal] = useState(null); // { seller, current }
const [planForm, setPlanForm] = useState({ plan_id: '', start_date: '' });
const [planSaving, setPlanSaving] = useState(false);
const load = () => {
setLoading(true);
Promise.all([
fetch('/api/market/sellers', { headers }).then(r => r.json()),
fetch('/api/distrules/evaluation/scores', { headers }).then(r => r.json()),
]).then(([sd, sc]) => {
if (sd.success) setSellers(sd.data.sellers || []);
if (sc.success) {
const map = {};
(sc.data.scores || []).forEach(s => { map[s.sellerId] = s; });
setScores(map);
}
setLoading(false);
}).catch(() => setLoading(false));
};
useEffect(load, []);
const openNew = () => { setForm({ name: '', phone: '', max_active_leads: 50 }); setEditModal('new'); };
const openEdit = (s) => { setForm({ name: s.name, phone: s.phone || '', max_active_leads: s.max_active_leads || 50 }); setEditModal(s); };
const save = () => {
if (!form.name.trim()) return;
setSaving(true);
const isNew = editModal === 'new';
fetch(isNew ? '/api/market/sellers' : `/api/market/sellers/${editModal.id}`, {
method: isNew ? 'POST' : 'PUT', headers, body: JSON.stringify(form),
}).then(r => r.json()).then(d => {
setSaving(false);
if (d.success) { toast(isNew ? 'فروشنده اضافه شد' : 'ذخیره شد', 'success'); setEditModal(null); load(); }
else toast(d.message || 'خطا', 'error');
}).catch(() => { setSaving(false); toast('خطای شبکه', 'error'); });
};
const toggleActive = (s) => {
fetch(`/api/market/sellers/${s.id}`, { method: 'PUT', headers, body: JSON.stringify({ is_active: s.is_active ? 0 : 1 }) })
.then(r => r.json()).then(d => { if (d.success) load(); else toast(d.message || 'خطا', 'error'); });
};
const deleteSeller = (s) => {
if (!confirm(`فروشنده "${s.name}" حذف شود؟`)) return;
fetch(`/api/market/sellers/${s.id}`, { method: 'DELETE', headers })
.then(r => r.json()).then(d => {
if (d.success) { toast('حذف شد', 'success'); load(); }
else toast(d.message || 'خطا', 'error');
});
};
const openDetail = (s) => {
setDetailSeller(s);
fetch(`/api/market/sellers/${s.id}/leads`, { headers }).then(r => r.json()).then(d => {
if (d.success) setSellerLeads(d.data.leads || []);
});
};
const openDashboard = (s) => {
setDashboard({ seller: s, loading: true });
fetch(`/api/market/sellers/${s.id}/dashboard`, { headers }).then(r => r.json()).then(d => {
if (d.success) setDashboard(d.data);
else { setDashboard(null); toast(d.message || 'خطا', 'error'); }
}).catch(() => { setDashboard(null); toast('خطای شبکه', 'error'); });
};
const toggleLeave = (s) => {
fetch(`/api/market/sellers/${s.id}`, { method: 'PUT', headers, body: JSON.stringify({ on_leave: s.on_leave ? 0 : 1 }) })
.then(r => r.json()).then(d => {
if (d.success) { toast(s.on_leave ? 'مرخصی پایان یافت' : 'مرخصی ثبت شد', 'success'); load(); }
else toast(d.message || 'خطا', 'error');
});
};
const openPlanModal = (s) => {
setPlanModal({ seller: s, current: null });
setPlanForm({ plan_id: '', start_date: new Date().toISOString().slice(0, 10) });
if (plans === null) {
fetch('/api/commission/plans', { headers }).then(r => r.json())
.then(d => setPlans(d.success ? (d.data.plans || []) : [])).catch(() => setPlans([]));
}
// طرح فعلی فروشنده
const period = new Date().toISOString().slice(0, 7);
fetch(`/api/commission/sellers/${s.id}/summary?period=${period}`, { headers }).then(r => r.json())
.then(d => { if (d.success) setPlanModal(m => m && m.seller.id === s.id ? { ...m, current: d.data.plan_name || null } : m); })
.catch(() => {});
};
const saveSellerPlan = () => {
if (!planModal || !planForm.plan_id) return;
setPlanSaving(true);
fetch(`/api/commission/sellers/${planModal.seller.id}/assign-plan`, {
method: 'POST', headers, body: JSON.stringify({ plan_id: planForm.plan_id, start_date: planForm.start_date || new Date().toISOString().slice(0, 10) })
}).then(r => r.json()).then(d => {
setPlanSaving(false);
if (d.success) { setPlanModal(null); toast('طرح فروشنده تغییر کرد ✅', 'success'); }
else toast(d.message || 'خطا', 'error');
}).catch(() => setPlanSaving(false));
};
const doSuspend = () => {
if (!suspModal) return;
fetch(`/api/distrules/sellers/${suspModal.id}/suspend`, { method: 'POST', headers, body: JSON.stringify(suspForm) })
.then(r => r.json()).then(d => {
if (d.success) { toast('توقف اعمال شد', 'success'); setSuspModal(null); load(); }
else toast(d.message || 'خطا', 'error');
});
};
const doUnsuspend = (s) => {
fetch(`/api/distrules/sellers/${s.id}/unsuspend`, { method: 'POST', headers })
.then(r => r.json()).then(d => {
if (d.success) { toast('توقف برداشته شد', 'success'); load(); }
else toast(d.message || 'خطا', 'error');
});
};
return (
{/* ── دسترسی مدیر فروش (ادمین پنل مادر) ── */}
🛡 مدیر فروش (ادمین پنل):
admin / admin123
{/* ── توزیع خودکار ── */}
{/* ── سرصفحه ── */}
{!loading && `${fa(sellers.length)} فروشنده • ${fa(sellers.filter(s => s.is_active).length)} فعال`}
{loading ? (
در حال بارگذاری...
) : sellers.length === 0 ? (
👥
هنوز فروشندهای ثبت نشده
) : (
{sellers.map(s => {
const sc = scores[s.id];
const scoreVal = sc?.totalLeads > 0 ? sc.finalScore : null;
const grad = _sellerGrad(scoreVal, s.suspension_level);
const pct = s.max_active_leads > 0 ? Math.min(100, Math.round((s.active_leads || 0) / s.max_active_leads * 100)) : 0;
const capColor = pct > 80 ? '#F87171' : pct > 50 ? '#FB923C' : '#34D399';
const scoreColor = scoreVal !== null ? (scoreVal >= 60 ? '#34D399' : scoreVal >= 35 ? '#FB923C' : '#F87171') : '#818CF8';
return (
e.currentTarget.style.boxShadow = '0 6px 28px rgba(99,102,241,.18)'}
onMouseLeave={e => e.currentTarget.style.boxShadow = 'none'}
>
{/* ── هدر گرادیانت ── */}
{s.name[0]}
{/* وضعیت — بالا راست */}
{s.is_active ? '● فعال' : '○ غیرفعال'}
{/* مرخصی/توقف — بالا چپ */}
{(s.on_leave || s.suspension_level) && (
{s.on_leave
? 🏖 مرخصی
:
{SUSP_LEVEL[s.suspension_level]?.label || s.suspension_level}
}
)}
{/* ── محتوا ── */}
{/* نام + تلفن */}
{s.name}
{s.phone &&
{s.phone}
}
{s.login_username && (
🔑 {s.login_username}
)}
{/* چیپ محصولات */}
{(s.products || []).length > 0 && (
{s.products.map(p => (
{p.name} · {PROD_LEVEL[p.sp_level] || p.sp_level}
))}
)}
{/* نوار امتیاز */}
{scoreVal !== null ? (
امتیاز ارزیابی
{fa(Math.round(scoreVal))}
) : (
داده کافی برای ارزیابی نیست
)}
{/* نوار ظرفیت */}
ظرفیت لید
80 ? '#F87171' : '#94a3b8' }}>{fa(s.active_leads || 0)} / {fa(s.max_active_leads || 50)}
{/* دکمهها — ردیف ۱ */}
{/* دکمهها — ردیف ۲ */}
{s.suspension_level
?
:
}
);
})}
)}
{/* ─── Modal ویرایش فروشنده ─── */}
{editModal !== null && (
e.target === e.currentTarget && setEditModal(null)}>
{editModal === 'new' ? '👤 فروشنده جدید' : `ویرایش — ${editModal.name}`}
{[
{ key: 'name', label: 'نام فروشنده', placeholder: 'مثلا: علی رضایی', type: 'text' },
{ key: 'phone', label: 'شماره تلفن', placeholder: '09xxxxxxxxx', type: 'text' },
{ key: 'max_active_leads', label: 'حداکثر لید همزمان', placeholder: '50', type: 'number' },
].map(f => (
{f.label}
setForm(p => ({ ...p, [f.key]: e.target.value }))} placeholder={f.placeholder}
style={{ width: '100%', padding: '8px 12px', borderRadius: 8, background: 'rgba(255,255,255,.06)', border: '1px solid rgba(255,255,255,.12)', color: '#e2e8f0', fontSize: 13, outline: 'none', boxSizing: 'border-box', direction: f.type === 'number' ? 'ltr' : 'rtl', fontFamily: f.type === 'number' ? 'JetBrains Mono' : 'inherit' }} />
))}
)}
{/* ─── Modal لیدهای فروشنده ─── */}
{detailSeller && (
e.target === e.currentTarget && setDetailSeller(null)}>
لیدهای {detailSeller.name}
{sellerLeads.length === 0 ? (
لیدی ندارد
) : (
{sellerLeads.map(l => (
{l.full_name || l.username || 'ناشناس'}
{l.phone &&
{l.phone}
}
{l.status}
))}
)}
)}
{/* ─── Modal طرح پورسانت فروشنده ─── */}
{planModal && (
e.target === e.currentTarget && setPlanModal(null)}>
💰 طرح پورسانت فروشنده
{planModal.seller.name}
{planModal.current
?
طرح فعلی: {planModal.current}
:
هنوز طرحی ندارد
}
طرح جدید
از تاریخ
setPlanForm(p => ({ ...p, start_date: e.target.value }))}
style={{ background: 'rgba(255,255,255,.06)', border: '1px solid rgba(255,255,255,.12)', borderRadius: 8, padding: '8px 12px', color: '#e2e8f0', fontSize: 13, outline: 'none', width: '100%', boxSizing: 'border-box', direction: 'ltr', colorScheme: 'dark' }} />
با تخصیص طرح جدید، طرح قبلی از همین تاریخ بسته میشود. حقوق، پورسانت و جایزه از این به بعد با طرح جدید محاسبه میشود.
)}
{/* ─── Modal توقف ─── */}
{suspModal && (
e.target === e.currentTarget && setSuspModal(null)}>
⛔ توقف فروشنده
{suspModal.name}
سطح توقف
{Object.entries(SUSP_LEVEL).map(([k, v]) => (
))}
مدت (روز)
setSuspForm(p => ({ ...p, days: e.target.value }))} style={{ width: '100%', padding: '8px 12px', borderRadius: 8, background: 'rgba(255,255,255,.06)', border: '1px solid rgba(255,255,255,.12)', color: '#e2e8f0', fontSize: 14, outline: 'none', boxSizing: 'border-box', direction: 'ltr', fontFamily: 'JetBrains Mono' }} />