const mainView = document.querySelector('#mainView');
const sideNav = document.querySelector('#sideNav');
const pageTitle = document.querySelector('#pageTitle');
const toast = document.querySelector('.toast');
const app = document.querySelector('.platform-app');
const overlayRoot = document.querySelector('#overlayRoot');
const roleSelect = document.querySelector('#roleSelect');
const scenarioSelect = document.querySelector('#scenarioSelect');
const responseSelect = document.querySelector('#responseSelect');
const menuButton = document.querySelector('#menuButton');
const taskCount = document.querySelector('#taskCount');
const alertCount = document.querySelector('#alertCount');
const platformApi = window.GongxuePlatformApi;
const STORAGE_KEY = 'gongxue-platform-spec-v1.1';
const TENANT_PORTAL_ORIGIN = 'http://127.0.0.1:4174/';
const HISTORY_APP_KEY = 'gongxuePlatform';
const API_CONNECTED_PAGES = new Set(['overview', 'tenants', 'tenantDetail', 'billingProfile', 'staff', 'audit', 'alerts']);
const pageMeta = {
overview: { id: 'P-01', title: '平台经营工作台', permission: 'platform:overview:read' },
tenants: { id: 'P-02', title: '租户列表与创建', permission: 'platform:tenant:read' },
tenantDetail: { id: 'P-03', title: '租户详情与生命周期', permission: 'platform:tenant:read', level: 2 },
billingProfile: { id: 'P-04', title: '租户账务资料', permission: 'platform:tenant:billing_profile', level: 3 },
subscriptions: { id: 'P-05', title: 'SaaS 套餐与订阅', permission: 'platform:plan:read' },
billing: { id: 'P-06', title: '服务费账单', permission: 'platform:billing:read' },
usage: { id: 'P-07', title: '用量与超额计费', permission: 'platform:usage:read' },
dunning: { id: 'P-08', title: '收款、逾期与催缴', permission: 'platform:billing:read' },
bank: { id: 'P-09', title: '公共题库目录与授权', permission: 'platform:question_bank:read' },
staff: { id: 'P-10', title: '平台员工与权限', permission: 'platform:staff:read' },
audit: { id: 'P-11', title: '平台审计日志', permission: 'platform:audit:read' },
alerts: { id: 'P-12', title: '审计告警与通知', permission: 'platform:audit:alert' },
};
const navGroups = [
['平台概览', [['overview', 'gauge', '经营工作台']]],
['租户管理', [['tenants', 'building-2', '租户列表']]],
['SaaS 账务', [['subscriptions', 'badge-check', '套餐与订阅'], ['billing', 'receipt-text', '服务费账单'], ['usage', 'chart-column-big', '用量与超额'], ['dunning', 'bell-ring', '收款与催缴']]],
['平台资产', [['bank', 'database-zap', '公共题库']]],
['安全治理', [['staff', 'user-cog', '员工与权限'], ['audit', 'scroll-text', '审计日志'], ['alerts', 'shield-alert', '告警与通知']]],
];
const roleDefinitions = {
super: { label: '超级管理员', permissions: ['*'] },
tenant_ops: { label: '租户运营', permissions: ['platform:overview:read', 'platform:tenant:read', 'platform:tenant:write', 'platform:tenant:status', 'platform:tenant:billing_profile', 'platform:plan:read', 'platform:billing:read', 'platform:question_bank:read'] },
finance: { label: '平台财务', permissions: ['platform:overview:read', 'platform:tenant:read', 'platform:tenant:billing_profile', 'platform:plan:read', 'platform:billing:read', 'platform:billing:write', 'platform:billing:payment', 'platform:billing:dunning', 'platform:billing:notification', 'platform:usage:read', 'platform:usage:write', 'platform:audit:read'] },
audit: { label: '安全审计', permissions: ['platform:overview:read', 'platform:audit:read', 'platform:audit:export', 'platform:audit:alert', 'platform:audit:notification'] },
bank_ops: { label: '题库运营', permissions: ['platform:overview:read', 'platform:question_bank:read', 'platform:question_bank:grant', 'platform:question_bank:ops'] },
readonly: { label: '只读观察员', permissions: ['platform:overview:read', 'platform:tenant:read', 'platform:plan:read', 'platform:billing:read', 'platform:question_bank:read', 'platform:audit:read'] },
};
const seed = {
version: 11,
tenants: [
{ id: 'tenant_gongxue_tj', slug: 'gongxue-tj', name: '恭学教育 · 天津', legal: '天津恭学教育科技有限公司', brand: '恭学教育', shortName: '恭学天津', host: 'study.gongxue.cn', plan: '旗舰版', planCode: 'enterprise', status: '正常', billing: '正常', mode: '正式', students: 2846, questions: 42680, storageGB: 186, trafficTB: 1.8, expires: '2027-07-22', balance: 0, owner: '张校长', ownerPhone: '138****6008', createdAt: '2025-07-22 10:18' },
{ id: 'tenant_qihang_gd', slug: 'qihang-gd', name: '启航专升本 · 广东', legal: '广州启航教育咨询有限公司', brand: '启航专升本', shortName: '启航广东', host: 'study.qihangzsb.cn', plan: '专业版', planCode: 'pro', status: '正常', billing: '待付款', mode: '正式', students: 5280, questions: 68420, storageGB: 248, trafficTB: 3.2, expires: '2026-08-05', balance: 12800, owner: '林老师', ownerPhone: '139****2288', createdAt: '2025-08-05 09:12' },
{ id: 'tenant_bosi_sd', slug: 'bosi-sd', name: '博思升本 · 山东', legal: '山东博思教育集团有限公司', brand: '博思升本', shortName: '博思山东', host: 'tiku.bosiedu.cn', plan: '基础版', planCode: 'basic', status: '试用', billing: '正常', mode: '试用', students: 642, questions: 12860, storageGB: 42, trafficTB: .6, expires: '2026-08-12', balance: 0, owner: '孙老师', ownerPhone: '136****1209', createdAt: '2026-07-12 14:20' },
{ id: 'tenant_mingtu_hn', slug: 'mingtu-hn', name: '明途教育 · 河南', legal: '郑州明途教育科技有限公司', brand: '明途教育', shortName: '明途河南', host: 'learn.mingtu.cn', plan: '基础版', planCode: 'basic', status: '暂停', billing: '逾期', mode: '正式', students: 1280, questions: 18620, storageGB: 86, trafficTB: .9, expires: '2026-07-18', balance: 8600, owner: '魏校长', ownerPhone: '135****8806', createdAt: '2025-01-18 11:03' },
{ id: 'tenant_xuezhi_heb', slug: 'xuezhi-heb', name: '学知专接本 · 河北', legal: '石家庄学知教育有限公司', brand: '学知专接本', shortName: '学知河北', host: 'app.xuezhizjb.cn', plan: '专业版', planCode: 'pro', status: '正常', billing: '正常', mode: '正式', students: 3160, questions: 39860, storageGB: 164, trafficTB: 2.1, expires: '2027-01-08', balance: 0, owner: '赵老师', ownerPhone: '137****6116', createdAt: '2025-01-08 08:40' },
{ id: 'tenant_youcai_js', slug: 'youcai-js', name: '优才专转本 · 江苏', legal: '南京优才教育科技有限公司', brand: '优才专转本', shortName: '优才江苏', host: 'study.youcai.cn', plan: '专业版', planCode: 'pro', status: '待配置', billing: '正常', mode: '试用', students: 0, questions: 0, storageGB: 0, trafficTB: 0, expires: '', balance: 0, owner: '顾老师', ownerPhone: '138****1120', createdAt: '2026-07-22 16:08' },
],
billingProfiles: {
tenant_gongxue_tj: { billingName: '天津恭学教育科技有限公司', taxId: '91120101MA07GX2026', contactName: '李会计', phone: '13800138000', email: 'finance@gongxue.cn', billingAddress: '天津市南开区科研西路 12 号', invoiceTitle: '天津恭学教育科技有限公司', type: '增值税专用发票', bankName: '招商银行天津南开支行', bankAccountMasked: '**** **** **** 8826' },
tenant_qihang_gd: { billingName: '广州启航教育咨询有限公司', taxId: '91440101MA5QH2026X', contactName: '黄会计', phone: '13900139000', email: 'billing@qihangzsb.cn', billingAddress: '广州市天河区科韵路 18 号', invoiceTitle: '广州启航教育咨询有限公司', type: '增值税普通发票', bankName: '中国银行广州天河支行', bankAccountMasked: '**** **** **** 6672' },
},
plans: [
{ code: 'basic', name: '基础版', description: '适合单地区小型机构', cycle: '年度', amount: 4800, quotas: ['2,000 学生席位', '30,000 题目', '100 GB 存储', '基础内容运营'], tenantCount: 12 },
{ code: 'pro', name: '专业版', description: '适合成熟区域型机构', cycle: '年度', amount: 9800, quotas: ['8,000 学生席位', '100,000 题目', '500 GB 存储', 'CRM 与营销能力'], tenantCount: 24 },
{ code: 'enterprise', name: '旗舰版', description: '适合多校区与高内容规模', cycle: '年度', amount: 16800, quotas: ['20,000 学生席位', '300,000 题目', '2 TB 存储', '财务对账与高级审计'], tenantCount: 12 },
],
subscriptions: [
{ id: 'SUB-202607-001', tenantId: 'tenant_gongxue_tj', planCode: 'enterprise', status: '活跃', cycle: '年度', amount: 16800, start: '2026-07-22', expires: '2027-07-22', autoRenew: true },
{ id: 'SUB-202608-002', tenantId: 'tenant_qihang_gd', planCode: 'pro', status: '活跃', cycle: '年度', amount: 9800, start: '2025-08-05', expires: '2026-08-05', autoRenew: true },
{ id: 'SUB-TRIAL-003', tenantId: 'tenant_bosi_sd', planCode: 'basic', status: '试用中', cycle: '试用', amount: 0, start: '2026-07-12', expires: '2026-08-12', autoRenew: false },
{ id: 'SUB-202501-004', tenantId: 'tenant_mingtu_hn', planCode: 'basic', status: '暂停', cycle: '年度', amount: 4800, start: '2025-01-18', expires: '2026-07-18', autoRenew: false },
{ id: 'SUB-202601-005', tenantId: 'tenant_xuezhi_heb', planCode: 'pro', status: '活跃', cycle: '年度', amount: 9800, start: '2026-01-08', expires: '2027-01-08', autoRenew: true },
],
invoices: [
{ id: 'INV-202607-0018', tenantId: 'tenant_qihang_gd', type: '订阅服务费', period: '2026年7月', total: 12800, paid: 0, balance: 12800, due: '2026-08-05', status: '待付款', note: '2026年7月服务费' },
{ id: 'INV-202607-0017', tenantId: 'tenant_mingtu_hn', type: '订阅服务费', period: '2026年7月', total: 8600, paid: 0, balance: 8600, due: '2026-07-18', status: '已逾期', note: '2026年7月服务费' },
{ id: 'INV-202607-0016', tenantId: 'tenant_gongxue_tj', type: '订阅服务费', period: '2026年7月', total: 16800, paid: 16800, balance: 0, due: '2026-07-15', status: '已支付', note: '2026年7月服务费' },
{ id: 'INV-202607-0015', tenantId: 'tenant_xuezhi_heb', type: '订阅服务费', period: '2026年7月', total: 9800, paid: 9800, balance: 0, due: '2026-07-15', status: '已支付', note: '2026年7月服务费' },
],
usage: [
{ tenantId: 'tenant_gongxue_tj', period: '2026-07', source: 'Worker 自动采集', students: 2846, questions: 42680, storageGB: 186, trafficTB: 1.8, overage: [], estimated: 0 },
{ tenantId: 'tenant_qihang_gd', period: '2026-07', source: 'Worker 自动采集', students: 5280, questions: 68420, storageGB: 248, trafficTB: 3.2, overage: ['流量'], estimated: 7820 },
{ tenantId: 'tenant_bosi_sd', period: '2026-07', source: 'Worker 自动采集', students: 642, questions: 12860, storageGB: 42, trafficTB: .6, overage: [], estimated: 0 },
{ tenantId: 'tenant_mingtu_hn', period: '2026-07', source: '人工补录', students: 1280, questions: 18620, storageGB: 86, trafficTB: .9, overage: ['题目', '存储'], estimated: 4260 },
{ tenantId: 'tenant_xuezhi_heb', period: '2026-07', source: 'Worker 自动采集', students: 3160, questions: 39860, storageGB: 164, trafficTB: 2.1, overage: [], estimated: 0 },
],
reminders: [
{ id: 'REM-260723-01', invoiceId: 'INV-202607-0017', tenantId: 'tenant_mingtu_hn', level: 3, channel: '邮件 + 短信', status: '已送达', date: '2026-07-23 09:20', message: '服务费账单已逾期 5 天，请尽快处理。' },
{ id: 'REM-260722-02', invoiceId: 'INV-202607-0018', tenantId: 'tenant_qihang_gd', level: 1, channel: '邮件', status: '已送达', date: '2026-07-22 15:40', message: '账单将在 13 天后到期。' },
],
dunningChannels: [
{ id: 'DUN-EMAIL', code: 'finance_email', name: '财务邮件', provider: 'SMTP', endpoint: 'finance@gongxue.cn', enabled: true, retry: 3 },
{ id: 'DUN-WX', code: 'finance_wecom', name: '财务企微群', provider: 'Webhook', endpoint: 'https://qyapi.weixin.qq.com/***', enabled: true, retry: 5 },
],
banks: [
{ id: 'QB-TJ-MATH', name: '高等数学公共题库', catalog: '天津专升本 / 高等数学', source: '平台自建', questions: 12860, version: 'v2026.7', status: '稳定版' },
{ id: 'QB-EN', name: '公共英语能力库', catalog: '全国 / 公共英语', source: '平台自建', questions: 86640, version: 'v2026.6', status: '稳定版' },
{ id: 'QB-SD', name: '山东专升本全科', catalog: '山东专升本', source: '合作内容方', questions: 52360, version: 'v2026.7', status: '稳定版' },
],
grants: [
{ id: 'GRANT-001', bankId: 'QB-TJ-MATH', scope: '指定租户', allowedPlanCodes: [], allowedTenantIds: ['tenant_gongxue_tj', 'tenant_qihang_gd'], allowedRegionIds: ['天津'], allowedSubjectIds: ['高等数学'], status: '启用', startsAt: '2026-07-18', expiresAt: '2027-07-18', localEdit: false },
{ id: 'GRANT-002', bankId: 'QB-EN', scope: '指定套餐', allowedPlanCodes: ['pro', 'enterprise'], allowedTenantIds: [], allowedRegionIds: [], allowedSubjectIds: ['公共英语'], status: '启用', startsAt: '2026-06-01', expiresAt: '', localEdit: true },
],
bankSync: [
{ tenantId: 'tenant_gongxue_tj', bankId: 'QB-TJ-MATH', current: 'v2026.6', target: 'v2026.7', progress: 100, conflicts: 0, status: '已完成' },
{ tenantId: 'tenant_qihang_gd', bankId: 'QB-EN', current: 'v2026.5', target: 'v2026.6', progress: 72, conflicts: 3, status: '同步中' },
{ tenantId: 'tenant_mingtu_hn', bankId: 'QB-EN', current: 'v2026.3', target: 'v2026.6', progress: 38, conflicts: 12, status: '同步失败' },
],
staff: [
{ id: 'STAFF-01', authUserId: 'auth-chenhao', username: 'chenhao', name: '陈浩', email: 'chenhao@gongxue.cn', phone: '138****6600', role: '超级管理员', permissions: ['*'], status: '正常', lastActive: '刚刚' },
{ id: 'STAFF-02', authUserId: 'auth-zhoumin', username: 'zhoumin', name: '周敏', email: 'zhoumin@gongxue.cn', phone: '139****2188', role: '题库运营', permissions: ['platform:question_bank:read'], status: '正常', lastActive: '8分钟前' },
{ id: 'STAFF-03', authUserId: 'auth-liujia', username: 'liujia', name: '刘佳', email: 'liujia@gongxue.cn', phone: '136****9028', role: '平台财务', permissions: ['platform:billing:read', 'platform:billing:write', 'platform:billing:payment', 'platform:usage:read', 'platform:usage:write'], status: '正常', lastActive: '21分钟前' },
{ id: 'STAFF-04', authUserId: 'auth-wanglei', username: 'wanglei', name: '王磊', email: 'wanglei@gongxue.cn', phone: '135****2086', role: '租户运营', permissions: ['platform:tenant:read', 'platform:tenant:write', 'platform:tenant:status'], status: '正常', lastActive: '1小时前' },
{ id: 'STAFF-05', authUserId: 'auth-sunchen', username: 'sunchen', name: '孙晨', email: 'sunchen@gongxue.cn', phone: '137****1118', role: '安全审计', permissions: ['platform:audit:read', 'platform:audit:alert'], status: '已停用', lastActive: '3天前' },
],
auditLogs: [
{ id: 'AUD-20260723-094218', time: '2026-07-23 09:42:18 CST', actor: '陈浩', role: '平台管理员', action: 'tenant.status.update', targetType: 'tenant', targetId: 'tenant_mingtu_hn', target: '明途教育 · 河南', severity: '高', result: '成功', ip: '172.16.4.28', details: '将业务状态由正常更新为暂停，原因：账单逾期。' },
{ id: 'AUD-20260723-093602', time: '2026-07-23 09:36:02 CST', actor: 'system-billing', role: '系统任务', action: 'invoice.batch.create', targetType: 'invoice_batch', targetId: 'TASK-260723-001', target: '2026年7月账单', severity: '中', result: '成功', ip: 'internal', details: '生成 48 张账单，跳过 2 条重复候选。' },
{ id: 'AUD-20260723-085844', time: '2026-07-23 08:58:44 CST', actor: '周敏', role: '题库运营', action: 'bank.grant.update', targetType: 'grant', targetId: 'GRANT-001', target: '高数公共题库 v2026.7', severity: '中', result: '成功', ip: '172.16.3.16', details: '授权范围更新为 2 家指定租户。' },
{ id: 'AUD-20260723-084127', time: '2026-07-23 08:41:27 CST', actor: '刘佳', role: '平台财务', action: 'invoice.payment.confirm', targetType: 'invoice', targetId: 'INV-202607-0016', target: 'INV-202607-0016', severity: '高', result: '成功', ip: '172.16.8.12', details: '人工确认收款 ¥16,800，流水号已脱敏。' },
{ id: 'AUD-20260723-081209', time: '2026-07-23 08:12:09 CST', actor: 'unknown', role: '-', action: 'auth.login.failed', targetType: 'application', targetId: 'platform-console', target: 'platform-console', severity: '严重', result: '失败', ip: '45.62.18.9', details: '5 分钟内连续登录失败 12 次。' },
{ id: 'AUD-20260720-163510', time: '2026-07-20 16:35:10 CST', actor: '周敏', role: '题库运营', action: 'bank.catalog.read', targetType: 'question_bank', targetId: 'QB-SD', target: '山东专升本全科', severity: '中', result: '成功', ip: '172.16.3.16', details: '查看公共题库版本与租户采用状态。' },
],
alerts: [
{ id: 'ALT-20260723-008', title: '异常登录尝试', summary: '5 分钟内 12 次平台登录失败', severity: '严重', status: 'open', owner: '安全审计', targetType: 'application', targetId: 'platform-console', evidence: ['来源 IP 45.62.18.9', '账号枚举行为 12 次', '命中规则 LOGIN_FAILURE_BURST'], updatedAt: '2分钟前', note: '' },
{ id: 'ALT-20260723-006', title: '租户账单逾期', summary: '明途教育服务费账单逾期 5 天', severity: '高', status: 'acknowledged', owner: '平台财务', targetType: 'invoice', targetId: 'INV-202607-0017', evidence: ['余额 ¥8,600', '到期日 2026-07-18', '已发送 3 次催缴'], updatedAt: '18分钟前', note: '财务已联系租户。' },
{ id: 'ALT-20260723-004', title: '公共题库同步失败', summary: '河南租户同步发生 12 个内容冲突', severity: '中', status: 'open', owner: '题库运营', targetType: 'question_bank', targetId: 'QB-EN', evidence: ['当前版本 v2026.3', '目标版本 v2026.6', '冲突 12 条'], updatedAt: '42分钟前', note: '' },
{ id: 'ALT-20260722-019', title: '存储用量告警', summary: '启航专升本存储用量达到套餐 92%', severity: '中', status: 'open', owner: '租户运营', targetType: 'tenant', targetId: 'tenant_qihang_gd', evidence: ['当前 460 GB', '套餐上限 500 GB'], updatedAt: '昨天', note: '' },
{ id: 'ALT-20260722-011', title: 'Provider 密钥即将过期', summary: '优才专转本支付 Provider 密钥 7 天后到期', severity: '高', status: 'resolved', owner: '平台运维', targetType: 'tenant', targetId: 'tenant_youcai_js', evidence: ['密钥只写不可回显', '新密钥已于昨天更新'], updatedAt: '昨天', note: '完成轮换。' },
],
alertRules: [
{ id: 'RULE-LOGIN-BURST', code: 'LOGIN_FAILURE_BURST', name: '平台登录失败突增', severity: '严重', enabled: true, window: '5 分钟', threshold: '≥ 10 次', target: '平台账号与来源 IP' },
{ id: 'RULE-INVOICE-OVERDUE', code: 'INVOICE_OVERDUE', name: '服务费账单逾期', severity: '高', enabled: true, window: '每日 09:00', threshold: '逾期 ≥ 1 天', target: '未结清平台账单' },
{ id: 'RULE-BANK-SYNC', code: 'QUESTION_BANK_SYNC_FAILED', name: '公共题库同步失败', severity: '中', enabled: true, window: '任务结束时', threshold: '失败或冲突 ≥ 10', target: '租户题库同步任务' },
],
auditChannels: [
{ id: 'CH-SEC-MAIL', code: 'security_email', name: '平台安全邮箱', provider: '邮件', endpoint: 'security@gongxue.cn', minSeverity: '中', statusFilter: 'open,acknowledged', timeout: 8, maxAttempts: 3, enabled: true, lastStatus: '正常' },
{ id: 'CH-SEC-WX', code: 'security_wecom', name: '财务告警群', provider: 'Webhook', endpoint: 'Webhook · 企业微信', minSeverity: '高', statusFilter: 'open', timeout: 5, maxAttempts: 5, enabled: true, lastStatus: '正常' },
{ id: 'CH-DUTY-SMS', code: 'duty_sms', name: '值班手机', provider: '短信', endpoint: '138****6008', minSeverity: '严重', statusFilter: 'open', timeout: 10, maxAttempts: 3, enabled: true, lastStatus: '失败1次' },
],
notificationEvents: [
{ id: 'EVT-260723-001', channelId: 'CH-DUTY-SMS', subject: '异常登录尝试', status: '失败', attempts: 2, updatedAt: '2026-07-23 09:44 CST', error: '运营商返回频率限制' },
{ id: 'EVT-260723-002', channelId: 'CH-SEC-MAIL', subject: '异常登录尝试', status: '成功', attempts: 1, updatedAt: '2026-07-23 09:43 CST', error: '' },
],
dunningEvents: [],
tasks: [],
};
function clone(value) { return JSON.parse(JSON.stringify(value)); }
function normalizeData(saved) {
const normalized = clone(seed);
if (!saved || typeof saved !== 'object') return normalized;
Object.keys(normalized).forEach(key => {
if (key === 'version') return;
if (Array.isArray(normalized[key])) {
if (Array.isArray(saved[key])) normalized[key] = saved[key];
return;
}
if (normalized[key] && typeof normalized[key] === 'object') {
if (saved[key] && typeof saved[key] === 'object' && !Array.isArray(saved[key])) normalized[key] = { ...normalized[key], ...saved[key] };
return;
}
if (saved[key] !== undefined) normalized[key] = saved[key];
});
normalized.usage = normalized.usage.map(item => ({ overage: [], estimated: 0, source: 'Worker 自动采集', ...item }));
normalized.grants = normalized.grants.map(item => ({ allowedPlanCodes: [], allowedTenantIds: [], allowedRegionIds: [], allowedSubjectIds: [], localEdit: false, ...item }));
normalized.staff = normalized.staff.map(item => ({ permissions: [], status: '正常', lastActive: '尚未登录', ...item }));
normalized.alerts = normalized.alerts.map(item => ({ evidence: [], note: '', status: 'open', ...item }));
normalized.tasks = normalized.tasks.map(item => ({ status: 'failed', error: '', resultTarget: '任务中心', updatedAt: item.createdAt || todayTime(), ...item }));
normalized.version = seed.version;
return normalized;
}
function loadData() {
try {
const saved = JSON.parse(localStorage.getItem(STORAGE_KEY));
if (saved?.version === seed.version) {
const normalized = normalizeData(saved);
normalized.tasks.forEach(task => {
if (['pending', 'processing'].includes(task.status)) {
task.status = 'failed';
task.error = '页面重载中断了本次 Mock 执行，可从任务中心重试。';
task.updatedAt = todayTime();
}
});
return normalized;
}
} catch (error) {
console.warn('Mock state restore failed', error);
}
return clone(seed);
}
let data = loadData();
if (platformApi?.isEnabled()) {
[
'tenants', 'plans', 'subscriptions', 'invoices', 'usage', 'reminders',
'dunningChannels', 'dunningEvents', 'banks', 'grants', 'bankSync', 'staff',
'auditLogs', 'alerts', 'alertRules', 'auditChannels', 'notificationEvents', 'tasks',
].forEach(key => { data[key] = []; });
data.billingProfiles = {};
}
const state = {
view: 'overview', previousView: '', selectedTenant: data.tenants[0]?.id || '', tenantFilter: 'all', tenantPlan: 'all', tenantSearch: '', globalSearch: '',
billingTab: 'invoices', bankTab: 'catalog', bankIncludeTenant: false, selectedBank: data.banks[0]?.id || '',
invoiceSearch: '', invoiceStatus: 'all', bankSearch: '', staffSearch: '', usagePeriod: '2026-07', auditRange: '24h', auditSeverity: 'all', auditSearch: '', alertStatus: 'all', selectedAlert: '', selectedInvoice: '',
role: 'super', scenario: 'normal', response: 'success', modal: '', modalData: {}, submitting: '', reading: '', contractResults: {}, history: [],
apiConnection: platformApi?.isEnabled() ? 'connecting' : 'mock', apiLoadedAt: '', apiLoadedOperations: 0, apiFailedOperations: 0,
};
let pendingLeave = null;
let historySequence = Number(history.state?.sequence) || 0;
let restoringHistory = false;
let bypassHistoryGuard = false;
const dirtyScopes = new Set();
const loadedTenantDetails = new Set();
let storageWarningShown = false;
function saveData() {
if (platformApi?.isEnabled()) return true;
try {
localStorage.setItem(STORAGE_KEY, JSON.stringify(data));
return true;
} catch (error) {
console.warn('Mock state persistence failed', error);
if (!storageWarningShown) {
storageWarningShown = true;
showToast('浏览器存储不可用，本次修改仅在当前页面保留', 'error');
}
return false;
}
}
function backendStatusLabel() {
if (!platformApi?.isEnabled()) return '静态演示数据';
if (state.apiConnection === 'connecting') return '正在连接后端';
if (state.apiConnection === 'connected') {
const partial = state.apiFailedOperations ? ` · ${state.apiFailedOperations} 项无权限/失败` : '';
return `后端已连接${partial}`;
}
return '后端不可用 · 已保留静态演示';
}
function updateBackendStatus() {
const status = document.querySelector('.top-status > span');
if (!status) return;
status.innerHTML = `${escapeHtml(backendStatusLabel())}`;
status.title = platformApi?.isEnabled()
? `${platformApi.publicConfig().apiBaseUrl || '未配置 API 地址'}${state.apiLoadedAt ? ` · ${state.apiLoadedAt}` : ''}`
: 'runtime-config.js 当前为 mock 模式';
status.classList.toggle('is-degraded', state.apiConnection === 'degraded');
}
function applyBackendPatch(patch) {
Object.entries(patch).forEach(([key, value]) => { data[key] = value; });
if (patch.tenants) {
const tenantIds = new Set(data.tenants.map(tenant => tenant.id));
if (!tenantIds.has(state.selectedTenant)) state.selectedTenant = data.tenants[0]?.id || '';
}
if (patch.banks && !data.banks.some(bank => bank.id === state.selectedBank)) state.selectedBank = data.banks[0]?.id || '';
if (patch.usage) {
const latestUsage = new Map();
data.usage.forEach(item => {
const current = latestUsage.get(item.tenantId);
if (!current || item.period > current.period) latestUsage.set(item.tenantId, item);
});
data.tenants.forEach(tenant => {
const usage = latestUsage.get(tenant.id);
if (!usage) return;
tenant.students = usage.students;
tenant.questions = usage.questions;
tenant.storageGB = usage.storageGB;
tenant.trafficTB = usage.trafficTB;
});
}
if (patch.plans || patch.tenants) {
data.plans.forEach(plan => {
plan.tenantCount = data.tenants.filter(tenant => tenant.planCode === plan.code).length;
});
}
}
async function hydrateFromBackend({ silent = false } = {}) {
if (!platformApi?.isEnabled()) {
state.apiConnection = 'mock';
updateBackendStatus();
return false;
}
state.apiConnection = 'connecting';
updateBackendStatus();
try {
const result = await platformApi.bootstrap({
includeTenantBanks: state.bankIncludeTenant,
period: state.usagePeriod,
});
const successful = Object.keys(result.payloads).length;
if (!successful) throw Object.values(result.errors)[0] || new Error('没有平台接口成功返回');
applyBackendPatch(platformApi.adaptBootstrap(result.payloads, data));
state.apiConnection = 'connected';
state.apiLoadedAt = todayTime();
state.apiLoadedOperations = successful;
state.apiFailedOperations = Object.keys(result.errors).length;
render();
if (!silent) showToast(`后端数据已刷新 · ${successful}/${result.requested} 项成功`);
return true;
} catch (error) {
state.apiConnection = 'degraded';
state.apiFailedOperations = 1;
render();
if (!silent) showToast(`${error.message || '后端连接失败'} · 已保留静态演示`, 'error');
return false;
}
}
async function hydrateTenantDetail(tenantId, { force = false } = {}) {
if (!platformApi?.isEnabled() || !tenantId || (!force && loadedTenantDetails.has(tenantId))) return;
try {
const detail = await platformApi.tenantDetail(tenantId);
const tenant = tenantById(tenantId);
if (tenant && detail.tenant) {
tenant.legal = detail.tenant.legalName || tenant.legal;
tenant.brand = detail.tenant.brandName || tenant.brand;
tenant.shortName = detail.tenant.shortName || tenant.shortName;
tenant.createdAt = detail.tenant.createdAt ? String(detail.tenant.createdAt).slice(0, 10) : tenant.createdAt;
tenant.host = detail.domains.find(domain => domain.isPrimary)?.host || detail.domains[0]?.host || tenant.host;
}
data.subscriptions = [
...data.subscriptions.filter(item => item.tenantId !== tenantId),
...detail.subscriptions,
];
if (detail.billingProfile) data.billingProfiles[tenantId] = detail.billingProfile;
loadedTenantDetails.add(tenantId);
render();
} catch (error) {
showToast(`${error.message || '租户详情加载失败'}${error.requestId ? ` · ${error.requestId}` : ''}`, 'error');
}
}
function icon(name) { return ``; }
function refreshIcons() { if (window.lucide) window.lucide.createIcons({ attrs: { 'stroke-width': 1.8 } }); }
function formatNumber(value) { return Number(value || 0).toLocaleString('zh-CN'); }
function money(value) { return `¥${Number(value || 0).toLocaleString('zh-CN')}`; }
function todayTime() { return new Intl.DateTimeFormat('zh-CN', { timeZone: 'Asia/Shanghai', dateStyle: 'short', timeStyle: 'medium' }).format(new Date()).replaceAll('/', '-'); }
function requestId() { return `req_${Date.now().toString(36)}_${Math.random().toString(36).slice(2, 7)}`; }
function entityId(prefix) { return `${prefix}-${Date.now().toString(36).toUpperCase()}`; }
function tenantById(id) { return data.tenants.find(item => item.id === id); }
function planByCode(code) { return data.plans.find(item => item.code === code); }
function invoiceById(id) { return data.invoices.find(item => item.id === id); }
function bankById(id) { return data.banks.find(item => item.id === id); }
function notificationChannelName(id) {
return [...data.dunningChannels, ...data.auditChannels].find(channel => channel.id === id)?.name || id;
}
function setAccessibleControlName(element, label) {
if (!element || !label) return;
element.setAttribute('aria-label', label);
element.setAttribute('title', label);
}
function recordLabel(name, id) { return [name, id].filter(Boolean).join(' · '); }
function rowActionAccessibleName(control) {
const tenantId = control.dataset.tenantDetail || control.dataset.tenantId;
const tenant = tenantById(tenantId);
if (control.dataset.tenantDetail) return `查看租户 ${recordLabel(tenant?.name, tenantId)} 详情`;
if (control.dataset.invoiceDetail) {
const invoice = invoiceById(control.dataset.invoiceDetail);
return `查看账单 ${recordLabel(invoice?.id, tenantById(invoice?.tenantId)?.name)} 详情`;
}
if (control.dataset.notificationDetail) {
const event = [...(data.notificationEvents || []), ...(data.dunningEvents || [])].find(item => item.id === control.dataset.notificationDetail);
return `查看通知事件 ${recordLabel(event?.subject, event?.id || control.dataset.notificationDetail)} 详情`;
}
if (control.dataset.auditDetail) {
const log = data.auditLogs.find(item => item.id === control.dataset.auditDetail);
return `查看审计日志 ${recordLabel(log?.id || control.dataset.auditDetail, log?.target)} 详情`;
}
const action = control.dataset.action;
if (action === 'prepare-tenant-status') return `${tenant?.status === '暂停' ? '恢复' : '暂停'}租户 ${recordLabel(tenant?.name, tenantId)}`;
if (action === 'tenant-to-billing') return `查看租户 ${recordLabel(tenant?.name, tenantId)} 账务`;
if (action === 'confirm-payment') {
const invoice = invoiceById(control.dataset.invoiceId);
return `确认账单 ${recordLabel(invoice?.id || control.dataset.invoiceId, tenantById(invoice?.tenantId)?.name)} 收款`;
}
if (action === 'edit-dunning-channel') {
const channel = data.dunningChannels.find(item => item.id === control.dataset.channelId);
return `编辑催缴渠道 ${recordLabel(channel?.name, channel?.id || control.dataset.channelId)}`;
}
if (action === 'edit-grant') {
const grant = data.grants.find(item => item.id === control.dataset.grantId);
return `编辑公共题库授权 ${recordLabel(bankById(grant?.bankId)?.name, grant?.id || control.dataset.grantId)}`;
}
if (action === 'sync-detail') {
const [syncTenantId, bankId] = String(control.dataset.syncKey || '').split(':');
return `查看 ${recordLabel(tenantById(syncTenantId)?.name, syncTenantId)} 与 ${recordLabel(bankById(bankId)?.name, bankId)} 的同步详情`;
}
if (action === 'edit-staff') {
const person = data.staff.find(item => item.id === control.dataset.staffId);
return `编辑员工 ${recordLabel(person?.name, person?.id || control.dataset.staffId)}`;
}
if (action === 'edit-audit-channel') {
const channel = data.auditChannels.find(item => item.id === control.dataset.channelId);
return `编辑审计通知渠道 ${recordLabel(channel?.name, channel?.id || control.dataset.channelId)}`;
}
return control.title || control.textContent.trim();
}
function switchAccessibleName(control) {
const enabled = control.classList.contains('is-on');
const action = control.dataset.action;
if (action === 'toggle-auto-renew') {
const subscription = data.subscriptions.find(item => item.id === control.dataset.subscriptionId);
const tenant = tenantById(subscription?.tenantId);
return `${enabled ? '关闭' : '开启'}${tenant?.name || '该租户'}订阅 ${subscription?.id || control.dataset.subscriptionId} 自动续费`;
}
if (action === 'toggle-dunning-channel') {
const channel = data.dunningChannels.find(item => item.id === control.dataset.channelId);
return `${enabled ? '停用' : '启用'}催缴渠道 ${recordLabel(channel?.name, channel?.id || control.dataset.channelId)}`;
}
if (action === 'toggle-grant') {
const grant = data.grants.find(item => item.id === control.dataset.grantId);
return `${enabled ? '禁用' : '启用'}公共题库授权 ${recordLabel(bankById(grant?.bankId)?.name, grant?.id || control.dataset.grantId)}`;
}
if (action === 'toggle-staff') {
const person = data.staff.find(item => item.id === control.dataset.staffId);
return `${enabled ? '停用员工' : '启用员工'} ${recordLabel(person?.name, person?.id || control.dataset.staffId)}${enabled ? '并撤销会话' : ''}`;
}
if (action === 'toggle-audit-channel') {
const channel = data.auditChannels.find(item => item.id === control.dataset.channelId);
return `${enabled ? '停用' : '启用'}审计通知渠道 ${recordLabel(channel?.name, channel?.id || control.dataset.channelId)}`;
}
return enabled ? '关闭此设置' : '开启此设置';
}
function updateMenuButtonAccessibility() {
const expanded = app.classList.contains('menu-open');
setAccessibleControlName(menuButton, expanded ? '关闭平台导航菜单' : '打开平台导航菜单');
menuButton.setAttribute('aria-expanded', String(expanded));
menuButton.setAttribute('aria-controls', 'sideNav');
}
function decorateAccessibleControls(root) {
const selectLabels = {
tenantPlanFilter: '租户套餐筛选',
invoiceStatusFilter: '账单状态筛选',
roleSelect: '演示角色',
scenarioSelect: '页面状态演练',
responseSelect: '下一次 Mock 写请求结果',
};
Object.entries(selectLabels).forEach(([id, label]) => setAccessibleControlName(document.querySelector(`#${id}`), label));
root.querySelectorAll('.row-action').forEach(control => setAccessibleControlName(control, rowActionAccessibleName(control)));
root.querySelectorAll('.switch').forEach(control => {
setAccessibleControlName(control, switchAccessibleName(control));
control.setAttribute('role', 'switch');
control.setAttribute('aria-checked', String(control.classList.contains('is-on')));
});
document.querySelectorAll('.icon-button').forEach(control => {
const fallback = control.title || control.getAttribute('aria-label');
if (fallback) setAccessibleControlName(control, fallback);
});
updateMenuButtonAccessibility();
}
function hasPermission(permission) {
if (platformApi?.isEnabled() && data.apiPermissions?.effective && Object.prototype.hasOwnProperty.call(data.apiPermissions.effective, permission)) {
return data.apiPermissions.effective[permission] === true;
}
const grants = roleDefinitions[state.role]?.permissions || [];
if (grants.includes('*') || grants.includes(permission)) return true;
return grants.some(grant => grant.endsWith('*') && permission.startsWith(grant.slice(0, -1)));
}
function tone(text) {
const value = String(text || '');
if (/正常|活跃|已支付|resolved|已解决|已授权|成功|已完成|启用|已送达/.test(value)) return 'success';
if (/逾期|暂停|严重|失败|阻断|已停用|同步失败/.test(value)) return 'danger';
if (/待|试用|警告|即将|acknowledged|已确认|同步中|执行中|开放|open/.test(value)) return 'warning';
return 'neutral';
}
function alertStatusLabel(status) { return ({ open: '开放', acknowledged: '已确认', resolved: '已解决', ignored: '已忽略' })[status] || status; }
function taskStatusLabel(status) { return ({ pending: '待处理', processing: '执行中', completed: '已完成', failed: '失败' })[status] || status; }
function escapeHtml(value) { return String(value ?? '').replace(/[&<>'"]/g, char => ({ '&': '&', '<': '<', '>': '>', "'": ''', '"': '"' })[char]); }
function fieldValue(form, name) { return String(new FormData(form).get(name) || '').trim(); }
function parseMoney(value) { return Number(String(value || '').replaceAll(',', '')); }
function addAudit(action, targetType, targetId, target, severity, details, result = '成功') {
data.auditLogs.unshift({ id: entityId('AUD'), time: `${todayTime()} CST`, actor: roleDefinitions[state.role].label, role: roleDefinitions[state.role].label, action, targetType, targetId, target, severity, result, ip: '127.0.0.1', details });
saveData();
}
function addTask(label, resultTarget, execute) {
const task = { id: entityId('TASK'), label, resultTarget, status: 'pending', createdAt: todayTime(), updatedAt: todayTime(), error: '' };
data.tasks.unshift(task); saveData(); updateCounters();
setTimeout(() => { task.status = 'processing'; task.updatedAt = todayTime(); saveData(); updateCounters(); renderOverlay(); }, 350);
setTimeout(() => {
try { execute?.(task); task.status = 'completed'; }
catch (error) { task.status = 'failed'; task.error = error.message || '任务执行失败'; }
task.updatedAt = todayTime(); saveData(); updateCounters(); render(); renderOverlay();
}, 1200);
return task;
}
function contractResult(key) {
const result = state.contractResults[key];
if (!result) return '';
const toneClass = result.status === 'error' ? 'is-error' : result.status === 'loading' ? 'is-loading' : 'is-success';
const glyph = result.status === 'error' ? 'triangle-alert' : result.status === 'loading' ? 'loader-circle' : 'circle-check';
return `${icon(glyph)}${escapeHtml(result.title)}${escapeHtml(result.detail)} · Request ID：${escapeHtml(result.requestId)}
`;
}
function runContractRead({ key, actionId, operationId, title, apply, suppliedRequestId = '', liveRequest }) {
if (state.reading) return;
const id = suppliedRequestId || requestId();
state.reading = key;
state.contractResults[key] = { status: 'loading', title: `${title}处理中`, detail: operationId, requestId: id };
render();
if (platformApi?.isEnabled()) {
Promise.resolve(typeof liveRequest === 'function' ? liveRequest() : platformApi.request(operationId))
.then(payload => {
state.reading = '';
const requestIdValue = payload?.meta?.requestId || id;
const detail = apply?.(payload) || '查询结果已刷新';
state.contractResults[key] = { status: 'success', title: `${title}完成`, detail, requestId: requestIdValue };
if (actionId) window.recordPlatformSpecResult?.(actionId, { result: 'success', operationId, requestId: requestIdValue });
render();
})
.catch(error => {
state.reading = '';
const requestIdValue = error.requestId || id;
state.contractResults[key] = { status: 'error', title: `${title}失败`, detail: error.message || '平台接口请求失败', requestId: requestIdValue };
if (actionId) window.recordPlatformSpecResult?.(actionId, { result: 'failed', operationId, requestId: requestIdValue });
render();
});
return;
}
const response = nextResponse();
setTimeout(() => {
state.reading = '';
if (response !== 'success') {
const detail = response === 'validation_error' ? '服务端拒绝查询参数，已保留当前筛选' : 'Mock 查询失败，已保留当前筛选';
state.contractResults[key] = { status: 'error', title: `${title}失败`, detail, requestId: id };
addAudit(`${key}.failed`, 'mock_request', id, operationId, response === 'validation_error' ? '中' : '高', `${detail}。Request ID：${id}。`, '失败');
if (actionId) window.recordPlatformSpecResult?.(actionId, { result: 'failed', operationId, requestId: id });
render();
return;
}
const detail = apply?.() || '查询结果已刷新';
state.contractResults[key] = { status: 'success', title: `${title}完成`, detail, requestId: id };
if (actionId) window.recordPlatformSpecResult?.(actionId, { result: 'success', operationId, requestId: id });
render();
}, 520);
}
function addContractTask({ actionId, operationId, label, resultTarget, execute, suppliedRequestId = '' }) {
const response = nextResponse();
const id = suppliedRequestId || requestId();
const task = addTask(label, resultTarget, taskItem => {
if (response !== 'success') {
const message = `${response === 'validation_error' ? '服务端字段校验失败' : 'Mock 异步请求失败'} · Request ID：${id}`;
addAudit(`${actionId}.failed`, 'mock_request', id, operationId, '高', message, '失败');
window.recordPlatformSpecResult?.(actionId, { result: 'failed', operationId, requestId: id, taskId: taskItem.id });
throw new Error(message);
}
execute?.(taskItem, id);
window.recordPlatformSpecResult?.(actionId, { result: 'success', operationId, requestId: id, taskId: taskItem.id });
});
task.requestId = id;
task.operationId = operationId;
saveData();
return task;
}
function canWrite(permission) { return hasPermission(permission) && state.role !== 'readonly'; }
function isCompactAdmin() { return window.matchMedia('(max-width: 767px)').matches; }
function requireDesktop(actionLabel) {
if (!isCompactAdmin()) return false;
openModal('mobileBoundary', { actionLabel });
return true;
}
function closeMobileMenu() {
app.classList.remove('menu-open');
document.body.classList.remove('menu-locked');
updateMenuButtonAccessibility();
}
function toggleMobileMenu() {
const opening = !app.classList.contains('menu-open');
app.classList.toggle('menu-open', opening);
document.body.classList.toggle('menu-locked', opening);
updateMenuButtonAccessibility();
}
function setupPrototypeControls() {
roleSelect.innerHTML = Object.entries(roleDefinitions).map(([value, role]) => ``).join('');
scenarioSelect.innerHTML = [['normal', '正常'], ['loading', '加载中'], ['empty', '空状态'], ['partial_error', '局部失败'], ['error', '加载失败'], ['forbidden', '403 无权限'], ['session_invalid', '401 会话失效'], ['submitting', '提交中'], ['success', '成功结果']].map(([value, label]) => ``).join('');
responseSelect.innerHTML = [['success', '下一次成功'], ['server_error', '下一次服务端失败'], ['validation_error', '下一次字段失败']].map(([value, label]) => ``).join('');
roleSelect.value = state.role; scenarioSelect.value = state.scenario; responseSelect.value = state.response;
}
function renderNav() {
const activeNav = ['tenantDetail', 'billingProfile'].includes(state.view) ? 'tenants' : state.view;
sideNav.innerHTML = navGroups.map(([group, items]) => {
const visible = items.filter(([id]) =>
hasPermission(pageMeta[id].permission) && (!platformApi?.isEnabled() || API_CONNECTED_PAGES.has(id)));
if (!visible.length) return '';
return `${group}
${visible.map(([id, glyph, label]) => ``).join('')}`;
}).join('');
const staffShortcut = document.querySelector('.platform-foot>button');
if (staffShortcut) staffShortcut.hidden = !hasPermission('platform:staff:read');
const accountRole = document.querySelector('.platform-foot small');
if (accountRole) accountRole.textContent = roleDefinitions[state.role]?.label || '平台管理员';
const authenticatedUser = window.GongxuePlatformAuth?.getUser?.();
const accountName = document.querySelector('.platform-foot strong');
const accountAvatar = document.querySelector('.platform-foot>div>span');
const displayName = authenticatedUser?.name || authenticatedUser?.email;
if (accountName && displayName) accountName.textContent = displayName;
if (accountAvatar && displayName) accountAvatar.textContent = displayName.slice(0, 1).toUpperCase();
}
function updateCounters() {
const activeTasks = data.tasks.filter(task => ['pending', 'processing'].includes(task.status)).length;
const openAlerts = data.alerts.filter(alert => alert.status === 'open').length;
taskCount.textContent = activeTasks;
taskCount.hidden = activeTasks === 0;
alertCount.textContent = openAlerts;
alertCount.hidden = openAlerts === 0;
}
function pageHead(title, description, actions = '', options = {}) {
const level = options.level || pageMeta[state.view]?.level || 1;
const nav = level > 1 ? `` : '';
return `${nav}
${pageMeta[state.view]?.id || ''}${level > 1 ? ` · L${level}` : ''}${title}
${description}
${actions}
`;
}
function metric(label, value, note, glyph, style = 'blue') { return `${icon(glyph)}`; }
function statusBadge(value) { return `${escapeHtml(value)}`; }
function emptyBlock(title, description, action = '') { return `${icon('inbox')}${title}
${description}
${action}`; }
function requestErrorBlock(partial = false) {
const id = requestId();
return `${icon(partial ? 'cloud-off' : 'triangle-alert')}${partial ? '部分数据暂时不可用' : '页面加载失败'}
${partial ? '主列表保留成功数据，右侧聚合区加载失败。' : 'Mock 服务返回错误，未泄露内部堆栈。'} Request ID：${id}
`;
}
function renderScenario(content) {
if (state.scenario === 'session_invalid') return `${pageHead('会话已失效', '平台会话已过期或被管理员撤销。')}
${icon('log-in')}401 · 请重新登录
当前 Mock 已清理会话上下文，不展示任何平台业务数据。重新登录后返回安全首页。
${pageHead('没有访问权限', '当前演示角色无权访问此平台功能。')}
${icon('shield-x')}403 · 权限不足
需要权限 ${pageMeta[state.view]?.permission}。菜单会按权限隐藏，深链进入则显示此页面。
${pageHead(pageMeta[state.view].title, '正在从 apps/api Mock 加载数据。')}
${Array.from({ length: 6 }, (_, index) => ``).join('')}超过 8 秒时可使用重试入口。
${pageHead(pageMeta[state.view].title, '正在提交 Mock 写请求。')}
${icon('loader-circle')}正在提交
按钮已防重复提交，输入内容会保留；完成后将显示结果摘要与唯一结果编号。
${pageHead(pageMeta[state.view].title, '本次 Mock 操作已完成。')}
${icon('circle-check')}操作成功
结果编号：RESULT-DEMO-20260723 · 已写入审计，可返回当前工作页继续处理。
${pageHead(pageMeta[state.view].title, '数据加载未完成。')}${requestErrorBlock()}
`;
if (state.scenario === 'empty') return `${pageHead(pageMeta[state.view].title, '当前演示数据集为空。')}${emptyBlock('当前页面没有数据', '这是只存在于 Mock 原型的空状态演练。恢复“正常”即可继续测试真实交互。', '')}
`;
if (state.scenario === 'partial_error') {
const closingIndex = content.lastIndexOf('');
return closingIndex >= 0 ? `${content.slice(0, closingIndex)}${requestErrorBlock(true)}${content.slice(closingIndex)}` : `${content}${requestErrorBlock(true)}`;
}
return content;
}
function renderOverview() {
if (platformApi?.isEnabled()) return renderApiOverview();
const active = data.tenants.filter(tenant => tenant.status === '正常').length;
const overdue = data.invoices.filter(invoice => invoice.status === '已逾期').reduce((sum, invoice) => sum + invoice.balance, 0);
const openAlerts = data.alerts.filter(alert => alert.status === 'open').slice(0, 4);
const totalStudents = data.tenants.reduce((sum, tenant) => sum + tenant.students, 0);
const totalQuestions = data.banks.reduce((sum, bank) => sum + bank.questions, 0);
return `${pageHead('平台经营工作台', '查看租户规模、订阅账务、平台用量与安全态势。数据更新时间：2026-07-23 10:10 CST。', `
`)}
${metric('有效租户', active, `共 ${data.tenants.length} 家`, 'building-2')}${metric('活跃订阅', data.subscriptions.filter(item => item.status === '活跃').length, '未来30天到期 2 条', 'badge-dollar-sign', 'green')}${metric('逾期应收', money(overdue), `涉及 ${data.invoices.filter(item => item.status === '已逾期').length} 家租户`, 'receipt-text', 'orange')}${metric('平台学生规模', formatNumber(totalStudents), 'Mock 最近30日活跃 82%', 'users', 'purple')}${metric('公共题库题目', formatNumber(totalQuestions), `${data.banks.length} 个公共来源库`, 'database-zap', 'cyan')}
平台收入与租户增长
最近 12 个月 · 不含租户学生端交易流水MRR有效租户
¥500k¥350k¥200k0
${[42, 48, 52, 58, 64, 71, 78, 82, 88, 94, 101, 108].map((value, index) => `${index + 1}月`).join('')}
${data.tenants.length}全部租户
${[['正常', data.tenants.filter(t => t.status === '正常').length, 68], ['试用', data.tenants.filter(t => t.status === '试用').length, 16], ['待配置', data.tenants.filter(t => t.status === '待配置').length, 16], ['暂停/逾期', data.tenants.filter(t => t.status === '暂停' || t.billing === '逾期').length, 16]].map(([label, count, percent]) => `
${label}${count}
`).join('')}
待付款${money(data.invoices.filter(i => i.status === '待付款').reduce((s, i) => s + i.balance, 0))}可发送到期提醒
已逾期${money(overdue)}进入催缴处理
预估超额${money(data.usage.reduce((s, u) => s + u.estimated, 0))}需确认生成
${pageHead('平台经营工作台', `真实 PostgreSQL 数据 · ${state.apiLoadedAt || '正在加载'}`, `
`)}
${metric('全部租户', overview.tenantCount ?? data.tenants.length, `活跃 ${overview.activeTenantCount ?? 0} 家`, 'building-2')}${metric('暂停租户', overview.suspendedTenantCount ?? 0, '来自真实租户状态', 'pause-circle', 'orange')}${metric('已支付订单', overview.paidOrderCount ?? 0, `全部订单 ${overview.orderCount ?? 0}`, 'receipt-text', 'green')}${metric('平台收入', money(Number(overview.revenueCents || 0) / 100), '按已支付订单统计', 'circle-dollar-sign', 'cyan')}${metric('题库 / 题目', `${overview.questionBankCount ?? 0} / ${formatNumber(overview.questionCount ?? 0)}`, `学习活跃用户 ${overview.learningActiveUserCount ?? 0}`, 'database-zap', 'purple')}
租户状态
来自 /api/platform-admin/tenants${data.tenants.length}全部租户
${[['正常', data.tenants.filter(item => item.status === '正常').length, 100], ['待配置', data.tenants.filter(item => item.status === '待配置').length, 100], ['暂停', data.tenants.filter(item => item.status === '暂停').length, 100]].map(([label, count, percent]) => `
${label}${count}
`).join('')}
${pageHead('租户列表与创建', '搜索租户并管理主体、域名、套餐、业务状态与账务状态。', `${platformApi?.isEnabled() ? '' : `
`}${canWrite('platform:tenant:write') ? `
` : ''}`)}
${rows.length ? `
` : emptyBlock(query || state.tenantFilter !== 'all' || state.tenantPlan !== 'all' ? '没有匹配的租户' : '还没有租户', query || state.tenantFilter !== 'all' || state.tenantPlan !== 'all' ? '调整搜索词或筛选条件后重试。' : '创建第一个租户及首期订阅基础。', canWrite('platform:tenant:write') ? `
` : '')}
${pageHead('租户详情与生命周期', '租户不存在或已被移除。', '', { level: 2 })}${emptyBlock('租户不存在', '返回租户列表选择其他租户。', '')}
`;
const subscription = data.subscriptions.find(item => item.tenantId === tenant.id);
const invoices = data.invoices.filter(item => item.tenantId === tenant.id);
const usage = data.usage.find(item => item.tenantId === tenant.id);
return `${pageHead(tenant.name, `${tenant.slug} · ${tenant.legal}`, `
${canWrite('platform:tenant:status') ? `
` : ''}`, { level: 2 })}
业务状态${statusBadge(tenant.status)}
账务状态${statusBadge(tenant.billing)}
当前套餐${escapeHtml(tenant.plan)}
订阅到期${tenant.expires || '-'}
待付余额${money(tenant.balance)}
- 主体名称
- ${escapeHtml(tenant.legal)}
- 租户 ID
${tenant.id}- 负责人
- ${escapeHtml(tenant.owner)} · ${escapeHtml(tenant.ownerPhone)}
- 开通时间
- ${escapeHtml(tenant.createdAt)} CST
- 学生端域名
- ${escapeHtml(tenant.host)} ${statusBadge('已验证')}
- 租户后台域名
- admin.${escapeHtml(tenant.host.replace(/^study\.|^learn\.|^app\.|^tiku\./, ''))} ${statusBadge('已验证')}
租户创建${tenant.createdAt} CST · 主体与初始模式已保存
域名验证${tenant.host} · HTTPS 正常
订阅生效${subscription ? `${subscription.start} 至 ${subscription.expires}` : '待创建订阅'}
账务状态${tenant.billing}${tenant.balance ? ` · 待付 ${money(tenant.balance)}` : ''}
${pageHead('租户账务资料', `${tenant.name} · 银行账号仅展示脱敏值，密钥和完整账号不得回显。`, `
`, { level: 3 })}
${pageHead('SaaS 套餐与订阅', '维护套餐能力边界，并为租户创建或续订订阅。当前 API 只提供套餐查询，因此不提供套餐编辑。', `
${canWrite('platform:billing:write') ? `
` : ''}`)}
${data.plans.map((plan, index) => `
${plan.name}${plan.description}
${plan.tenantCount} 家租户${money(plan.amount)}/年${plan.quotas.map(item => `- ${icon('check')}${item}
`).join('')}
`).join('')}
${rows.length ? `
活跃与试用订阅
${rows.length} 条${selectedTenant ? ` · 已定位 ${selectedTenant.name}` : ''}` : emptyBlock('还没有订阅', '创建租户订阅后将在此显示。', canWrite('platform:billing:write') ? '
' : '')}
${pageHead('服务费账单', '查询、手工创建、预览订阅账单候选并通过 dry-run 确认批量生成。', `${canWrite('platform:billing:write') ? `
` : ''}`)}
${metric('本月应收', money(data.invoices.reduce((s, i) => s + i.total, 0)), `${data.invoices.length} 张账单`, 'receipt-text')}${metric('已收款', money(data.invoices.reduce((s, i) => s + i.paid, 0)), '人工收款需二次确认', 'circle-dollar-sign', 'green')}${metric('待付款', money(unpaid), '可发送到期提醒', 'clock-3', 'orange')}${metric('已逾期', money(overdue), `${data.invoices.filter(i => i.status === '已逾期').length} 家租户`, 'triangle-alert', 'red')}
${contractResult('invoice-query')}
${rows.length ? `
` : emptyBlock('没有匹配账单', query || state.invoiceStatus !== 'all' ? '调整账单查询条件后重试。' : state.selectedTenant ? '当前租户没有匹配账单，可清除租户上下文查看全部。' : '账单候选生成后会在这里显示。', state.selectedTenant ? '
' : '')}
${pageHead('用量与超额计费', '按账期查看学生席位、题目、存储与流量用量；区分 Worker 自动采集和人工补录。', `
${canWrite('platform:usage:write') ? `
` : ''}`)}
${periodLabel}学生席位${formatNumber(periodRows.reduce((s, i) => s + i.students, 0))}合同总量 176,000
题目数量${formatNumber(periodRows.reduce((s, i) => s + i.questions, 0))}合同总量 495,000
对象存储${formatNumber(periodRows.reduce((s, i) => s + i.storageGB, 0))} GB合同总量 13.5 TB
预估超额费${money(periodRows.reduce((s, i) => s + i.estimated, 0))}涉及 ${periodRows.filter(i => i.estimated).length} 家租户
${rows.length ? `
` : emptyBlock('本账期没有用量记录', '可以手工补录，或等待 Worker 自动采集。', canWrite('platform:usage:write') ? '
' : '')}
${pageHead('收款、逾期与催缴', '人工确认收款、dry-run 预览逾期处理、生成催缴并跟踪通知事件。', `${canWrite('platform:billing:dunning') ? `
` : ''}${canWrite('platform:billing:notification') ? `
` : ''}`)}
${state.billingTab === 'collections' ? `
待收与逾期队列
${overdueInvoices.length} 张账单${escapeHtml(tenant?.name || '-')}${invoice.id} · 到期 ${invoice.due} · ${invoice.status}
${money(invoice.balance)}`; }).join('') || emptyBlock('没有待处理账单', '已无待收或逾期服务费账单。')}到期前 7 天邮件 + 租户后台通知
到期当天短信 + 邮件 + 租户后台通知
逾期 3 天升级财务负责人并限制部分写操作
逾期 7 天暂停租户业务，保留只读访问
` : state.billingTab === 'reminders' ? `
` : state.billingTab === 'channels' ? `
` : `
`}
${pageHead('公共题库目录与授权', '维护公共题库目录、授权规则与租户采用同步状态。授权禁用不会静默删除租户快照。', `
${canWrite('platform:question_bank:grant') ? `
` : ''}`)}
${contractResult('bank-query')}${contractResult('bank-sync')}
${state.bankTab === 'catalog' ? `
题目${formatNumber(selected.questions)}
授权规则${data.grants.filter(grant => grant.bankId === selected.id).length}
采用租户${data.bankSync.filter(sync => sync.bankId === selected.id).length}
当前状态${selected.status}
${selected.status}${selected.version}
公共题库内容由平台内容生产链路维护，本页只负责授权和采用状态。
更新时间 2026-07-23 09:00 CST ` : state.bankTab === 'grants' ? `
` : `
租户采用与同步状态
源版本、任务状态与冲突均来自专属查询`}
${pageHead('平台员工与权限', '平台权限独立于租户权限；禁用员工可同步撤销会话，且不能禁用最后一名超级管理员。', `${canWrite('platform:staff:write') ? `
` : ''}`)}
平台员工
${staffRows.length} 名匹配 · ${data.staff.filter(item => item.status === '正常').length} 名活跃${escapeHtml(person.name)}${escapeHtml(person.email)} · ${escapeHtml(person.phone)}
${escapeHtml(person.role)}${person.permissions.includes('*') ? '全部权限' : `${person.permissions.length} 项权限`}${person.status}`).join('') || emptyBlock('没有匹配员工', '调整姓名、账号、邮箱、角色或状态关键词。')}${Object.entries(roleDefinitions).filter(([key]) => key !== 'readonly').map(([key, role]) => `${icon('shield-check')}${role.label}${role.permissions.includes('*') ? '全部平台权限' : role.permissions.join(' · ')}
${data.staff.filter(person => person.role === role.label).length}人`).join('')}${pageHead('平台审计日志', '检索跨租户敏感操作、账务变更与权限事件；导出任务提供文件、hash 和行数。', `
`)}
${rows.length ? `
` : emptyBlock('没有审计日志', '调整时间范围、严重级别或搜索条件。')}
${pageHead('审计告警与通知', '按 open → acknowledged → resolved/ignored 流转；状态接口禁止重新打开。规则当前只读。', `${canWrite('platform:audit:notification') ? `
` : ''}`)}
告警规则
后端只读 · ${data.alertRules.length} 条启用规则GET /api/platform-admin/audit-alert-rules${data.alertRules.map(rule => `
${rule.severity}${escapeHtml(rule.name)}${escapeHtml(rule.code)} · ${escapeHtml(rule.window)} · ${escapeHtml(rule.threshold)}${escapeHtml(rule.target)}
${statusBadge(rule.enabled ? '启用' : '已停用')}`).join('')}
告警队列
开放 ${data.alerts.filter(a => a.status === 'open').length} · 已确认 ${data.alerts.filter(a => a.status === 'acknowledged').length} · 已结束 ${data.alerts.filter(a => ['resolved', 'ignored'].includes(a.status)).length}${[['all', '全部'], ['open', '开放'], ['acknowledged', '已确认'], ['resolved', '已解决'], ['ignored', '已忽略']].map(([value, label]) => ``).join('')}
${alert.id} · ${alert.owner}${escapeHtml(alert.title)}${escapeHtml(alert.summary)}
${alert.updatedAt} ${alertStatusLabel(alert.status)}${alert.status === 'open' && canWrite('platform:audit:alert') ? `` : ''}${['open', 'acknowledged'].includes(alert.status) && canWrite('platform:audit:alert') ? `` : ''}
`).join('') : emptyBlock('当前筛选没有告警', '告警规则仍保持只读，可切换筛选查看历史状态。')}
全局 · 离开保护有未保存的修改
离开前请确认如何处理当前编辑内容。
${icon('triangle-alert')}放弃离开后，本次尚未提交的表单修改不会写入 Mock 数据；已保存内容不受影响。
`;
refreshIcons(); requestAnimationFrame(() => root.querySelector('[data-leave-choice="stay"]')?.focus());
}
function closeLeaveGuard() { document.querySelector('#unsavedLeaveGuard')?.remove(); }
function requestLeave(execute, { scope = '' } = {}) {
if (!hasUnsavedChanges(scope)) { execute(); return true; }
pendingLeave = { execute, scope }; renderLeaveGuard(); return false;
}
function closeModal(options = {}) {
const close = () => {
clearDirty('modal');
const trigger = lastOverlayTrigger;
state.modal = '';
state.modalData = {};
lastOverlayTrigger = null;
renderOverlay();
if (trigger?.isConnected) requestAnimationFrame(() => trigger.focus());
};
if (state.modal && !options.force && hasUnsavedChanges('modal')) return requestLeave(close, { scope: 'modal' });
close();
return true;
}
function navigationSnapshot() {
return { view: state.view, selectedTenant: state.selectedTenant, selectedInvoice: state.selectedInvoice, selectedAlert: state.selectedAlert, tenantFilter: state.tenantFilter, tenantPlan: state.tenantPlan, tenantSearch: state.tenantSearch, invoiceSearch: state.invoiceSearch, invoiceStatus: state.invoiceStatus, billingTab: state.billingTab, bankTab: state.bankTab, bankIncludeTenant: state.bankIncludeTenant, bankSearch: state.bankSearch, selectedBank: state.selectedBank, staffSearch: state.staffSearch, usagePeriod: state.usagePeriod, auditRange: state.auditRange, auditSeverity: state.auditSeverity, auditSearch: state.auditSearch, alertStatus: state.alertStatus, scrollY: window.scrollY };
}
function syncNavigationState() { if (history.state?.[HISTORY_APP_KEY]) history.replaceState({ ...history.state, snapshot: navigationSnapshot() }, '', location.href); }
function navigate(view, options = {}) {
if (!pageMeta[view]) return;
if (platformApi?.isEnabled() && !API_CONNECTED_PAGES.has(view)) {
showToast('该模块尚未接入真实后端，本阶段不会回退到 Mock 数据', 'error');
return false;
}
const perform = () => {
clearDirty();
if (!hasPermission(pageMeta[view].permission)) { state.previousView = state.view; state.view = view; state.scenario = 'forbidden'; render(); return; }
if (options.push !== false) {
const nextEntry = navigationSnapshot();
const last = state.history[state.history.length - 1];
if (!last || last.view !== nextEntry.view || last.selectedTenant !== nextEntry.selectedTenant) state.history = [...state.history.slice(-2), nextEntry];
if (options.browser !== false && history.state?.[HISTORY_APP_KEY]) history.replaceState({ ...history.state, snapshot: nextEntry }, '', location.href);
}
state.previousView = state.view; state.view = view; state.scenario = 'normal'; closeModal({ force: true }); render(); scrollTo(0, 0);
if (options.browser !== false) { historySequence += 1; history.pushState({ [HISTORY_APP_KEY]: true, sequence: historySequence, snapshot: navigationSnapshot() }, '', location.href); }
if (['tenantDetail', 'billingProfile'].includes(view)) hydrateTenantDetail(state.selectedTenant);
};
if (!options.force && hasUnsavedChanges()) return requestLeave(perform);
perform(); return true;
}
function navigateBack() {
requestLeave(() => {
clearDirty();
if (history.state?.[HISTORY_APP_KEY] && history.length > 1) { history.back(); return; }
const prior = state.history.pop();
if (!prior) { state.view = 'overview'; state.previousView = ''; render(); scrollTo(0, 0); return; }
Object.assign(state, prior); render(); requestAnimationFrame(() => scrollTo(0, prior.scrollY || 0));
});
}
function closeSubpage() {
requestLeave(() => { clearDirty(); state.history = []; state.view = 'overview'; state.previousView = ''; state.scenario = 'normal'; render(); scrollTo(0, 0); history.replaceState({ [HISTORY_APP_KEY]: true, sequence: historySequence, snapshot: navigationSnapshot() }, '', location.href); });
}
window.addEventListener('popstate', event => {
const entry = event.state;
if (!entry?.[HISTORY_APP_KEY] || !entry.snapshot) return;
const targetSequence = Number(entry.sequence) || 0;
if (restoringHistory) { restoringHistory = false; return; }
if (hasUnsavedChanges() && !bypassHistoryGuard) {
const delta = targetSequence - historySequence;
restoringHistory = true; history.go(-delta);
requestLeave(() => { bypassHistoryGuard = true; history.go(delta); });
return;
}
bypassHistoryGuard = false; historySequence = targetSequence; clearDirty();
const currentView = state.view;
Object.assign(state, entry.snapshot, { previousView: currentView, scenario: 'normal', modal: '', modalData: {} });
lastOverlayTrigger = null;
if (state.history.length && state.history[state.history.length - 1].view === state.view) state.history.pop();
render();
requestAnimationFrame(() => scrollTo(0, entry.snapshot.scrollY || 0));
if (entry.rootGuard) { historySequence += 1; history.pushState({ [HISTORY_APP_KEY]: true, sequence: historySequence, snapshot: navigationSnapshot() }, '', location.href); }
});
function nextResponse() {
const response = state.response;
if (response !== 'success') { state.response = 'success'; responseSelect.value = 'success'; }
return response;
}
async function simulateWrite({ key, permission, validate, apply, success, close = true, rerender = true, operationId = '', body, request: executeRequest }) {
if (!canWrite(permission)) { showToast(`缺少写权限：${permission}`, 'error'); return; }
const validation = validate?.();
if (validation) { showFormErrors(validation); return; }
const mockResponse = platformApi?.isEnabled() ? 'success' : nextResponse();
state.submitting = key;
const activeForm = overlayRoot.querySelector('form') || mainView.querySelector('form');
const submitButton = activeForm && (activeForm.querySelector('[type="submit"]') || document.querySelector(`[type="submit"][form="${activeForm.id}"]`));
const submitMarkup = submitButton?.innerHTML;
if (submitButton) { submitButton.disabled = true; submitButton.innerHTML = `${icon('loader-circle')}提交中`; refreshIcons(); }
const finish = async () => {
if (mockResponse !== 'success') {
state.submitting = '';
const id = requestId();
addAudit(`${key}.failed`, 'mock_request', id, key, mockResponse === 'validation_error' ? '中' : '高', `${mockResponse === 'validation_error' ? '服务端字段校验失败' : 'Mock 写请求失败'}，Request ID：${id}。`, '失败');
showToast(`${mockResponse === 'validation_error' ? '服务端字段校验失败' : '提交失败'} · ${id}`, 'error');
if (mockResponse === 'validation_error') showFormErrors({ server: `服务端拒绝本次输入（${id}）` });
if (submitButton) { submitButton.disabled = false; submitButton.innerHTML = submitMarkup; refreshIcons(); }
return;
}
try {
let payload = null;
if (platformApi?.isEnabled()) {
if (typeof executeRequest === 'function') payload = await executeRequest();
else if (operationId) {
const input = typeof body === 'function' ? body() : (body || {});
payload = await platformApi.request(operationId, { body: platformApi.buildBody(operationId, input) });
} else {
throw new Error(`操作 ${key} 尚未配置后端 operationId`);
}
} else {
await new Promise(resolve => setTimeout(resolve, 650));
}
state.submitting = '';
clearDirty(activeForm?.closest('#overlayRoot') ? 'modal' : 'page');
const result = apply(payload); saveData();
if (close) closeModal({ force: true });
if (rerender) render();
showToast(typeof success === 'function' ? success(result) : success);
if (platformApi?.isEnabled()) hydrateFromBackend({ silent: true });
} catch (error) {
const id = error.requestId || requestId();
state.submitting = '';
showToast(`${error.message || '提交失败'} · ${id}`, 'error');
if (error.status === 400) showFormErrors({ server: `${error.message || '服务端字段校验失败'}（${id}）` });
if (submitButton) { submitButton.disabled = false; submitButton.innerHTML = submitMarkup; refreshIcons(); }
}
};
finish();
}
async function executeBackendMutation(operationId, input, apply, { refresh = true } = {}) {
if (!platformApi?.isEnabled()) {
apply?.(null);
return true;
}
try {
const payload = await platformApi.request(operationId, {
body: platformApi.buildBody(operationId, typeof input === 'function' ? input() : input),
});
apply?.(payload);
if (refresh) hydrateFromBackend({ silent: true });
return true;
} catch (error) {
showToast(`${error.message || '提交失败'}${error.requestId ? ` · ${error.requestId}` : ''}`, 'error');
return false;
}
}
function showFormErrors(errors) {
const form = overlayRoot.querySelector('form') || mainView.querySelector('form');
if (!form) { showToast(Object.values(errors)[0], 'error'); return; }
form.querySelectorAll('.field-error').forEach(node => node.remove());
form.querySelectorAll('.is-invalid').forEach(node => node.classList.remove('is-invalid'));
const summary = form.querySelector('.form-error-summary');
if (summary) { summary.hidden = false; summary.innerHTML = `请修正以下问题${Object.values(errors).map(message => `- ${escapeHtml(message)}
`).join('')}
`; summary.focus(); }
Object.entries(errors).forEach(([name, message]) => {
const input = form.elements[name];
if (!input) return;
input.classList.add('is-invalid');
input.insertAdjacentHTML('afterend', `${escapeHtml(message)}`);
});
const first = form.querySelector('.is-invalid'); first?.focus();
}
function modalFrame(title, description, content, actions = '', options = {}) {
return `${options.id || '平台操作'}${title}
${description}
${content}${actions ? `` : ''}${icon('monitor-up')}移动端只支持查看与轻量处理租户、账务、用量、授权、员工和通知渠道的创建或复杂编辑，请在宽度不少于 768px 的桌面端完成，避免误操作。
`, ``, { id: '全局 · 移动端边界' });
},
createTenant() {
return modalFrame('创建租户', '创建主体、独立域名和首期订阅基础。slug 与域名必须唯一。', ``, ``, { id: 'P-02 · 创建向导', wide: true });
},
tenantStatus() {
const tenant = tenantById(state.modalData.tenantId);
const restoring = tenant.status === '暂停';
return modalFrame(restoring ? '恢复租户' : '暂停租户', `将 ${tenant.name} 的业务状态变更为“${restoring ? '正常' : '暂停'}”。${restoring ? '恢复业务写操作。' : '学生端保留只读访问，新增权益与部分写操作将受限。'}`, ``, ``, { id: 'P-03 · 生命周期' });
},
createSubscription() {
const selectedPlan = state.modalData.planCode || tenantById(state.selectedTenant)?.planCode || 'pro';
return modalFrame('创建租户订阅', '日期与金额必须有效；同一租户的重复活跃订阅会被阻止。', ``, ``, { id: 'P-05 · 订阅表单', wide: true });
},
createInvoice() {
return modalFrame('手工创建服务费账单', '金额以元展示，Mock 写入时显式转换；到期日必须晚于今天。', ``, ``, { id: 'P-06 · 手工账单', wide: true });
},
invoiceCandidates() {
const candidates = data.subscriptions.filter(subscription => !data.invoices.some(invoice => invoice.note.includes(subscription.id))).map(subscription => ({ subscription, tenant: tenantById(subscription.tenantId) }));
return modalFrame('订阅账单候选 · Dry-run', '预览不会写入账单；已有账单候选将被幂等跳过。', `${candidates.map(({ subscription, tenant }) => `
`).join('') || '
没有可生成候选，全部订阅已存在对应账单。
'}
${candidates.map(invoice => `
`).join('') || '
当前没有逾期候选。
'}
${candidates.map(item => `
`).join('') || '
当前账期无超额候选。
'}
- 时间
- ${escapeHtml(log.time)}
- 操作者
- ${escapeHtml(log.actor)} · ${escapeHtml(log.role)}
- 动作
${escapeHtml(log.action)}- 目标
- ${escapeHtml(log.targetType)} ·
${escapeHtml(log.targetId)} - 来源 IP
${escapeHtml(log.ip)}- 详情
- ${escapeHtml(log.details)}
`, ``, { id: 'P-11 · 只读详情', wide: true });
},
alertDetail() {
const alert = data.alerts.find(item => item.id === (state.modalData.alertId || state.selectedAlert));
return modalFrame('告警证据与处理', `${alert.id} · ${alert.title}`, `${alert.severity}${escapeHtml(alert.summary)}${alert.owner} · ${alert.updatedAt}
${statusBadge(alertStatusLabel(alert.status))}
${alert.evidence.map(item => `- ${icon('file-search')}${escapeHtml(item)}
`).join('')}
- 主题
- ${escapeHtml(event?.subject || '-')}
- 通知渠道
- ${escapeHtml(channel)}
- 状态
- ${statusBadge(event?.status || '-')}
- 尝试次数
- ${event?.attempts || 0}
- 更新时间
- ${escapeHtml(event?.updatedAt || '-')}
- 错误摘要
- ${escapeHtml(event?.error || '无')}
- API 契约
PlatformAdminAuditController_events
GET /api/platform-admin/audit-notification-events
`, `${event?.status === '失败' ? `` : ''}`, { id: 'P-12 · 通知事件', wide: true });
},
syncDetail() {
const [tenantId, bankId] = String(state.modalData.syncKey || '').split(':');
const sync = data.bankSync.find(item => item.tenantId === tenantId && item.bankId === bankId);
return modalFrame('租户采用与同步详情', `${tenantById(tenantId)?.name || '-'} · ${bankById(bankId)?.name || '-'}`, `- 源版本
- ${escapeHtml(sync?.current || '-')}
- 目标版本
- ${escapeHtml(sync?.target || '-')}
- 任务状态
- ${statusBadge(sync?.status || '-')}
- 同步进度
- ${sync?.progress || 0}%
- 冲突数量
- ${sync?.conflicts || 0}
- 采用范围
- ${escapeHtml(data.grants.filter(grant => grant.bankId === bankId && (grant.allowedTenantIds.includes(tenantId) || !grant.allowedTenantIds.length)).map(grant => grant.scope).join('、') || '未匹配显式授权')}
- API 契约
PlatformAdminQuestionBanksController_syncStatus
GET /api/platform-admin/question-bank-sync-status
`, ``, { id: 'P-09 · 采用同步', wide: true });
},
auditChannel() {
const channel = data.auditChannels.find(item => item.id === state.modalData.channelId) || {};
const redactedHint = platformApi?.isEnabled() && channel.endpointRedacted ? ' 后端不会回显完整 URL；编辑时必须重新输入完整 HTTPS Webhook。' : '';
return modalFrame(channel.id ? '编辑审计通知渠道' : '新建审计通知渠道', `secret 只写；状态和严重级别过滤由平台后端执行。${redactedHint}`, ``, ``, { id: 'P-12 · 通知渠道', wide: true });
},
confirmAction() {
const { title, description, impact, confirmLabel = '确认操作', confirmActionName = 'execute-confirmed', tone: confirmTone = 'danger' } = state.modalData;
return modalFrame(title, description, `${icon(confirmTone === 'danger' ? 'triangle-alert' : 'circle-help')}${escapeHtml(impact)}
`, ``, { id: '全局 · 二次确认' });
},
tasks() {
return modalFrame('异步任务中心', '批量账单、超额账单和导出均返回 task_id，可跟踪、重试并跳转结果。', `${data.tasks.length ? data.tasks.map(task => `
${icon(task.status === 'completed' ? 'circle-check' : task.status === 'failed' ? 'circle-x' : 'loader-circle')}${escapeHtml(task.label)}${task.id} · ${task.updatedAt}${task.error ? escapeHtml(task.error) : `结果去向：${escapeHtml(task.resultTarget)}`}
${task.status === 'failed' ? `` : statusBadge(taskStatusLabel(task.status))}`).join('') : emptyBlock('没有异步任务', '批量生成、导出或重试后会出现在这里。')}