${[
{ label: '累计预约', value: stats.total, foot: '所有时间段' },
{ label: '待确认', value: stats.pending, foot: '需要尽快处理', tag: 'tag-warning' },
{ label: '已确认', value: stats.confirmed, foot: '等待到诊', tag: 'tag-primary' },
{ label: '已完成', value: stats.completed, foot: '本月完成', tag: 'tag-success' }
].map((s) => `
`).join('')}
${upcoming.length === 0 ? '
暂无预约数据
' : `
| 患者 | 科室 | 日期 | 状态 | 提交时间 |
|---|
${upcoming.map((a) => `
|
${escapeHtml(a.patientName)}
${escapeHtml(a.patientPhone)} · ${a.patientAge}岁
|
${escapeHtml(a.departmentName || '-')} |
${escapeHtml(a.date || '-')} |
${APPT_STATUS[a.status]?.label || a.status} |
${formatDate(a.createdAt)} |
`).join('')}
`}
`;
}
// ============ 页面：预约管理 ============
async function renderAppointments() {
const list = await api('/api/appointments');
list.sort((a, b) => (a.createdAt < b.createdAt ? 1 : -1));
return `
|
${escapeHtml(a.patientName)}
${escapeHtml(a.patientPhone)} · ${a.patientAge}岁
|
${escapeHtml(a.departmentName || '-')} |
${escapeHtml(a.date || '-')} |
${escapeHtml(a.symptom || '-')} |
${APPT_STATUS[a.status]?.label || a.status} |
${formatDate(a.createdAt)} |
${a.status === 'pending' ? `` : ''}
${a.status === 'confirmed' ? `` : ''}
${['pending', 'confirmed'].includes(a.status) ? `` : ''}
|
`;
const bindAppointments = () => {
const filter = () => {
const q = $('#aptSearch').value.trim().toLowerCase();
const s = $('#aptStatus').value;
$$('#aptTbody tr').forEach((tr) => {
const ok = (!q || tr.dataset.phone.toLowerCase().includes(q) || tr.dataset.name.toLowerCase().includes(q))
&& (!s || tr.dataset.status === s);
tr.style.display = ok ? '' : 'none';
});
};
$('#aptSearch')?.addEventListener('input', filter);
$('#aptStatus')?.addEventListener('change', filter);
$$('#aptTbody button[data-act]').forEach((btn) => {
btn.addEventListener('click', async () => {
const tr = btn.closest('tr');
const id = tr.dataset.id;
const act = btn.dataset.act;
const actions = {
confirm: { method: 'PUT', path: `/api/appointments/${id}/confirm`, msg: '已确认' },
complete: { method: 'PUT', path: `/api/appointments/${id}/complete`, msg: '已标记完成' },
cancel: { method: 'PUT', path: `/api/appointments/${id}/cancel`, msg: '已取消' },
delete: { method: 'DELETE', path: `/api/admin/appointments/${id}`, msg: '已删除' }
};
if (act === 'delete' && !confirm('确定删除该预约？此操作不可恢复')) return;
try {
await api(actions[act].path, { method: actions[act].method });
toast(actions[act].msg, 'success');
reloadPage('appointments');
} catch (err) { toast(err.message, 'error'); }
});
});
};
// ============ 页面：意向客户 leads（Phase 3） ============
// 问卷题目映射（与前端 self-test 页面保持一致）
const QUESTION_MAP = [
{ text: '您最近是否出现过大便带血或便后滴血的情况？', options: { no: '无', sometimes: '偶尔', often: '经常' } },
{ text: '您是否有肛门疼痛、瘙痒或异物感？', options: { no: '无', sometimes: '偶尔', often: '经常' } },
{ text: '您是否长期便秘、腹泻或两者交替出现？', options: { no: '无', sometimes: '偶尔', often: '经常' } },
{ text: '您是否感到腹胀、腹痛或饭后不适？', options: { no: '无', sometimes: '偶尔', often: '经常' } },
{ text: '您是否出现过肛门肿物脱出？', options: { no: '无', self: '可自行回纳', manual: '需用手推回', none: '无法回纳' } },
{ text: '您的排便习惯是否近期发生明显变化？', options: { no: '无变化', sometimes: '偶有变化', obvious: '明显变化' } },
{ text: '您是否有胃肠疾病家族史？', options: { no: '无', unknown: '不清楚', yes: '有' } }
];
const LEAD_SOURCES = [
{ value: 'miniapp-phone', label: '小程序获取' },
{ value: 'self-test', label: '在线自测' },
{ value: 'home', label: '首页落地' },
{ value: 'appointment', label: '预约入口' },
{ value: 'other', label: '其他' }
];
async function renderLeads() {
const keyword = new URLSearchParams(location.search).get('kw') || '';
const source = new URLSearchParams(location.search).get('src') || '';
const params = new URLSearchParams();
if (keyword) params.set('keyword', keyword);
if (source) params.set('source', source);
params.set('limit', '50');
const qs = params.toString();
const data = await api(`/api/admin/leads${qs ? `?${qs}` : ''}`);
const list = data?.list || [];
const total = data?.total || 0;
const stats = await api('/api/leads/stats').catch(() => ({ total: 0, last24h: 0, bySource: {} }));
return `
意向客户
自主问卷等渠道收集的留资线索（累计 ${stats.total} 条 · 24h 新增 ${stats.last24h}）
${[
{ label: '累计留资', value: stats.total },
{ label: '24h 新增', value: stats.last24h },
{ label: '本次查询', value: total }
].map((s) => `
`).join('')}
${list.length === 0 ? '
暂无意向客户
' : `
| 提交时间 | 姓名 | 手机 | 来源 | 得分 | 症状 | 备注 | 操作 |
|---|
${list.map((l) => `
${formatDate(l.createdAt)} |
${escapeHtml(l.name)} |
${escapeHtml(l.phone)} |
${LEAD_SOURCES.find((s) => s.value === l.source)?.label || l.source}${l.source === 'miniapp-phone' ? ' 📱' : ''} |
${Number(l.score) || 0} |
${escapeHtml(l.symptom || '-')} |
${escapeHtml(l.remark || '')} |
|
`).join('')}
`}
`;
}
const bindLeads = () => {
$('#leadFilter')?.addEventListener('submit', (e) => {
e.preventDefault();
const fd = new FormData(e.target);
const params = new URLSearchParams();
const kw = fd.get('keyword'); if (kw) params.set('kw', String(kw));
const src = fd.get('source'); if (src) params.set('src', String(src));
location.search = params.toString();
});
$('button[data-act="reset"]')?.addEventListener('click', () => { location.search = ''; });
$$('#leadTbody button[data-act]').forEach((btn) => {
btn.addEventListener('click', async () => {
const id = btn.closest('tr').dataset.id;
const act = btn.dataset.act;
try {
if (act === 'view') {
const l = await api(`/api/admin/leads/${id}`);
const q = l.questionnaire || {};
const locationHtml = q.location
? `
${HOME_CONTENT_TABS.map((t, i) => ``).join('')}
`;
}
const bindHomeContent = () => {
let activeTab = 'banner';
const renderPanel = async (tabId) => {
activeTab = tabId;
$$('#hcTabs .subtab').forEach((b) => b.classList.toggle('active', b.dataset.tab === tabId));
const panel = $('#hcPanel');
panel.innerHTML = '