// ============================================================ // counseling_admin.jsx — 상담 플랫폼 어드민 대시보드 // 3단계: 센터 관리 · 상담사 관리 · 예약 관리 · 정산 · 온보딩 // ============================================================ const aApi = { _h() { const s=localStorage.getItem('admin_secret'); return s?{'Authorization':'Bearer '+s,'Content-Type':'application/json'}:{'Content-Type':'application/json'}; }, async stats() { return (await fetch('/api/admin/counseling/stats',{headers:this._h()})).json(); }, async centers() { return (await fetch('/api/admin/counseling/centers',{headers:this._h()})).json(); }, async centerStatus(id,status,reason) { return (await fetch(`/api/admin/counseling/centers/${id}/status`,{method:'PATCH',headers:this._h(),body:JSON.stringify({status,rejected_reason:reason})})).json(); }, async counselors() { return (await fetch('/api/admin/counseling/counselors',{headers:this._h()})).json(); }, async patchCounselor(id,body) { return (await fetch(`/api/admin/counseling/counselors/${id}`,{method:'PATCH',headers:this._h(),body:JSON.stringify(body)})).json(); }, async appointments(status,page=1) { return (await fetch(`/api/admin/counseling/appointments?status=${status}&page=${page}`,{headers:this._h()})).json(); }, async completeAppt(id) { return (await fetch(`/api/admin/counseling/appointments/${id}/complete`,{method:'PATCH',headers:this._h()})).json(); }, async settlements() { return (await fetch('/api/admin/counseling/settlements',{headers:this._h()})).json(); }, async createSettlement(b) { return (await fetch('/api/admin/counseling/settlements',{method:'POST',headers:this._h(),body:JSON.stringify(b)})).json(); }, async processSettlement(id,note) { return (await fetch(`/api/admin/counseling/settlements/${id}/process`,{method:'PATCH',headers:this._h(),body:JSON.stringify({note})})).json(); }, async onboarding() { return (await fetch('/api/admin/counseling/onboarding',{headers:this._h()})).json(); }, async reviewOnboarding(id,status,note) { return (await fetch(`/api/admin/counseling/onboarding/${id}`,{method:'PATCH',headers:this._h(),body:JSON.stringify({status,admin_note:note})})).json(); }, async globalStats() { return (await fetch('/api/admin/stats',{headers:this._h()})).json(); }, }; const fmtW = n => Number(n||0).toLocaleString('ko-KR')+'원'; const fmtDt = iso => { if(!iso)return'-'; const d=new Date(iso); return d.toLocaleString('ko-KR',{month:'short',day:'numeric',hour:'2-digit',minute:'2-digit'}); }; const fmtDate = iso => { if(!iso)return'-'; return new Date(iso).toLocaleDateString('ko-KR',{year:'numeric',month:'long',day:'numeric'}); }; function Chip({label,color='gray'}){ const C={green:{bg:'#D8F3DC',text:'#1A6B3C'},amber:{bg:'#FEF3C7',text:'#B45309'},red:{bg:'#FEF2F2',text:'#991B1B'},blue:{bg:'#EEF0FF',text:'#5B21B6'},gray:{bg:'#F5F5F0',text:'#5A5A5A'}}; const s=C[color]||C.gray; return React.createElement('span',{style:{fontSize:11,fontWeight:700,padding:'3px 9px',borderRadius:100,background:s.bg,color:s.text}},label); } function StatCard({icon,label,value,sub,color='#2D6A4F'}){ return(
{icon}
{label}
{value}
{sub&&
{sub}
}
); } function Table({cols,rows,renderRow}){ return(
{cols.map(c=>)} {rows.length===0?:rows.map((r,i)=>renderRow(r,i))}
{c}
데이터 없음
); } // ── 탭: 대시보드 ──────────────────────────────────────────── function AdminOverview(){ const {useState:useS,useEffect:useE}=React; const [stats,setStats]=useS(null); const [gStats,setGStats]=useS(null); const [loading,setLoading]=useS(true); useE(()=>{ Promise.all([aApi.stats(),aApi.globalStats()]) .then(([s,g])=>{if(s.success)setStats(s.data);if(g.success)setGStats(g.data);}) .finally(()=>setLoading(false)); },[]); if(loading)return
로딩 중...
; if(!stats)return
데이터 조회 실패
; const s=stats; return(
상담 플랫폼 현황
{gStats&&( <>
심리검사 플랫폼 현황
)}
); } // ── 탭: 온보딩 신청 관리 ──────────────────────────────────── function AdminOnboarding(){ const {useState:useS,useEffect:useE}=React; const [list,setList]=useS([]); const [loading,setLoading]=useS(true); const [processing,setProcessing]=useS(null); const [note,setNote]=useS(''); const load=()=>{setLoading(true);aApi.onboarding().then(r=>{if(r.success)setList(r.data);}).finally(()=>setLoading(false));}; useE(()=>load(),[]); const handle=async(id,status)=>{ const reason=status==='rejected'?prompt('반려 사유를 입력하세요:'):''; if(status==='rejected'&&!reason)return; setProcessing(id); const r=await aApi.reviewOnboarding(id,status,reason||note); setProcessing(null); if(r.success){alert(status==='approved'?'승인되었습니다! 센터가 자동 생성되었습니다.':'처리되었습니다.');load();} else alert(r.error||'오류'); }; const statusColor={pending:'amber',reviewing:'blue',approved:'green',rejected:'red'}; const statusLabel={pending:'검토 대기',reviewing:'검토 중',approved:'승인됨',rejected:'반려됨'}; return(
센터 온보딩 신청 ({list.length}건)
{loading?
로딩 중...
:(
{list.length===0&&
신청 내역이 없습니다
} {list.map(req=>(
{req.center_name}
신청일: {fmtDt(req.created_at)}
{req.status==='pending'&&(
)} {req.status==='reviewing'&&(
)}
{[['담당자',req.contact_name],['이메일',req.contact_email],['전화',req.contact_phone||'-'],['주소',req.address||'-'],['상담사 수',`${req.counselor_count||1}명`],['사업자번호',req.business_reg_num||'-']].map(([l,v])=>(
{l}{v}
))}
{req.description&&
{req.description}
} {req.admin_note&&
어드민 메모: {req.admin_note}
}
))}
)}
); } // ── 탭: 센터 관리 ──────────────────────────────────────────── function AdminCenters(){ const {useState:useS,useEffect:useE}=React; const [list,setList]=useS([]); const [loading,setLoading]=useS(true); const [processing,setProcessing]=useS(null); const load=()=>{setLoading(true);aApi.centers().then(r=>{if(r.success)setList(r.data);}).finally(()=>setLoading(false));}; useE(()=>load(),[]); const changeStatus=async(id,status)=>{ const reason=status==='suspended'?prompt('정지 사유:'):''; setProcessing(id); const r=await aApi.centerStatus(id,status,reason); setProcessing(null); if(r.success)load(); else alert(r.error||'오류'); }; const statusColor={active:'green',pending:'amber',suspended:'red'}; const statusLabel={active:'활성',pending:'심사중',suspended:'정지'}; return(
상담센터 ({list.length}곳)
{loading?
로딩 중...
:( ( )} /> )} ); } // ── 탭: 상담사 관리 ───────────────────────────────────────── function AdminCounselors(){ const {useState:useS,useEffect:useE}=React; const [list,setList]=useS([]); const [loading,setLoading]=useS(true); const [editing,setEditing]=useS(null); const [editFee,setEditFee]=useS(''); const load=()=>{setLoading(true);aApi.counselors().then(r=>{if(r.success)setList(r.data);}).finally(()=>setLoading(false));}; useE(()=>load(),[]); const toggleStatus=async(c)=>{ const newStatus=c.status==='active'?'inactive':'active'; const r=await aApi.patchCounselor(c.id,{status:newStatus}); if(r.success)load(); else alert(r.error||'오류'); }; const saveFee=async(c)=>{ const fee=parseInt(editFee); if(isNaN(fee)||fee<10000){alert('요금은 10,000원 이상');return;} const r=await aApi.patchCounselor(c.id,{fee_per_session:fee}); if(r.success){setEditing(null);load();}else alert(r.error||'오류'); }; return(
상담사 ({list.length}명)
{loading?
로딩 중...
:(
{c.logo_emoji} {c.name}
{c.address}
 {c.counselor_count||0}명 {c.appt_count||0}건 {c.commission_rate||10}% {fmtDate(c.created_at)}
{c.status!=='active'&&} {c.status==='active'&&} {c.status==='suspended'&&}
( )} /> )} ); } // ── 탭: 예약 관리 ──────────────────────────────────────────── function AdminAppointments(){ const {useState:useS,useEffect:useE}=React; const [list,setList]=useS([]); const [loading,setLoading]=useS(true); const [filter,setFilter]=useS(''); const [processing,setProcessing]=useS(null); const [noteModal,setNoteModal]=useS(null); const [noteSaving,setNoteSaving]=useS(false); const load=()=>{setLoading(true);aApi.appointments(filter).then(r=>{if(r.success)setList(r.data);}).finally(()=>setLoading(false));}; useE(()=>load(),[filter]); const complete=async(id)=>{ if(!confirm('이 예약을 완료 처리하시겠습니까? 수입이 기록됩니다.'))return; setProcessing(id); const r=await aApi.completeAppt(id); setProcessing(null); if(r.success){alert(`완료 처리되었습니다.\n지급액: ${fmtW(r.data.net_amount)}`);load();}else alert(r.error||'오류'); }; const saveNote=async()=>{ if(!noteModal)return; setNoteSaving(true); try{ const r=await fetch(`/api/admin/counseling/appointments/${noteModal.id}/note`,{ method:'PATCH',headers:aApi._h(),body:JSON.stringify({counselor_note:noteModal.note}) }); const d=await r.json(); if(d.success){setNoteModal(null);load();}else alert(d.error||'저장 실패'); }catch{alert('네트워크 오류');} setNoteSaving(false); }; const statusColor={pending:'amber',confirmed:'blue',completed:'green',cancelled:'red',no_show:'gray'}; const statusLabel={pending:'결제대기',confirmed:'확정',completed:'완료',cancelled:'취소',no_show:'노쇼'}; const typeIcon={video:'📹',phone:'📞',visit:'🏢'}; const filters=[['','전체'],['confirmed','확정'],['completed','완료'],['pending','대기'],['cancelled','취소']]; return(
예약 관리
{filters.map(([v,l])=>( ))}
{loading?
로딩 중...
:(
{co.photo_emoji} {co.name}
{co.title}
★{parseFloat(co.avg_rating||0).toFixed(1)}({co.review_count||0})
{co.center_name}
 {editing===co.id?(
setEditFee(e.target.value)} style={{width:90,padding:'4px 7px',border:'1px solid rgba(0,0,0,.15)',borderRadius:5,fontSize:12,fontFamily:"'Noto Sans KR',sans-serif"}} placeholder="요금"/>
):(
{(co.fee_per_session||0).toLocaleString('ko-KR')}원
{co.session_minutes}분
)} 		{co.total_appts||0}건 {fmtW(co.total_earned)}
( )} /> )} {noteModal&&(
{if(e.target===e.currentTarget)setNoteModal(null);}}>
📝 상담사 노트 · 예약 #{noteModal.id}
#{a.id}
{a.user_nickname||a.user_email?.split('@')[0]}
{a.user_email}
{a.photo_emoji} {a.counselor_name}
 {a.center_name} {fmtDt(a.scheduled_at)} {typeIcon[a.session_type]} {fmtW(a.fee_amount)}
{a.status==='confirmed'&&( )} {a.video_room_id&&a.status==='confirmed'&&( )} {a.video_room_id&&
룸: {a.video_room_id.slice(-8)}
} {a.status==='confirmed'&&( )}