@@ -18754,7 +24512,7 @@ registerPage('kb-detail', function(container) {
}
// ==================== 统计信息Tab ====================
-
+
function renderMetadataTab() {
return `
@@ -18837,7 +24595,7 @@ registerPage('kb-detail', function(container) {
}
// ==================== 全局函数 ====================
-
+
let __dropdownHandler = null;
window.__switchTab = function(tab) {
@@ -18908,12 +24666,66 @@ registerPage('kb-detail', function(container) {
};
window.__filterSlices = function(keyword) {
- Toast.info('搜索切片: ' + keyword);
+ const query = String(keyword || '').trim().toLowerCase();
+ document.querySelectorAll('#sliceList .slice-list-item').forEach(item => {
+ const text = item.textContent.toLowerCase();
+ item.style.display = text.includes(query) ? '' : 'none';
+ });
};
// 文件操作
window.__uploadFiles = function() {
- Toast.info('上传文件功能');
+ createModal({
+ title: '上传文件',
+ size: 'lg',
+ content: `
+
+
+ 所属类目
+
+ 默认类目
+ 教学类目
+ 产品文档
+ 用户指南
+
+
+ `,
+ confirmText: '上传',
+ onConfirm: () => {
+ const input = document.getElementById('detailUploadInput');
+ const files = Array.from(input?.files || []);
+ if (!files.length) {
+ Toast.warning('请先选择文件');
+ return false;
+ }
+ const category = document.getElementById('detailUploadCategory')?.value || '默认类目';
+ files.forEach(file => {
+ const ext = file.name.split('.').pop()?.toUpperCase() || 'FILE';
+ kbFiles.unshift({
+ id: `f-${Date.now()}-${Math.random().toString(16).slice(2, 7)}`,
+ name: file.name,
+ size: formatBytes(file.size),
+ format: ext,
+ dataSize: formatBytes(file.size),
+ status: 'processing',
+ category,
+ indexedAt: '-',
+ slices: 0,
+ chars: 0,
+ parseError: null,
+ });
+ });
+ kbData.docs += files.length;
+ kbData.updatedAt = getNowText();
+ selectedFiles.clear();
+ renderPage();
+ Toast.success(`已上传 ${files.length} 个文件`);
+ }
+ });
};
window.__viewMetaInfo = function(fileId) {
@@ -18997,7 +24809,31 @@ registerPage('kb-detail', function(container) {
};
window.__moveFile = function(fileId) {
- Toast.info('移动文件功能');
+ const file = kbFiles.find(f => f.id === fileId);
+ if (!file) {
+ Toast.warning('未找到文件');
+ return;
+ }
+ createModal({
+ title: '移动到类目',
+ content: `
+
文件：${file.name}
+
+ 目标类目
+
+ ${['默认类目', '教学类目', '产品文档', '用户指南'].map(category => `
+ ${category}
+ `).join('')}
+
+
+ `,
+ confirmText: '移动',
+ onConfirm: () => {
+ file.category = document.getElementById('moveFileCategory')?.value || file.category;
+ renderPage();
+ Toast.success('文件已移动');
+ }
+ });
};
window.__deleteFile = function(fileId) {
@@ -19024,6 +24860,10 @@ registerPage('kb-detail', function(container) {
// 批量操作
window.__reparseSelectedFiles = function() {
+ if (selectedFiles.size === 0) {
+ Toast.warning('请先选择文件');
+ return;
+ }
createModal({
title: '重新解析',
content: `
确定要重新解析选中的 ${selectedFiles.size} 个文件吗？
`,
@@ -19042,10 +24882,43 @@ registerPage('kb-detail', function(container) {
};
window.__moveSelectedFiles = function() {
- Toast.info('移动文件功能');
+ if (selectedFiles.size === 0) {
+ Toast.warning('请先选择文件');
+ return;
+ }
+ createModal({
+ title: '批量移动类目',
+ content: `
+
将选中的 ${selectedFiles.size} 个文件移动到：
+
+ 目标类目
+
+ 默认类目
+ 教学类目
+ 产品文档
+ 用户指南
+
+
+ `,
+ confirmText: '移动',
+ onConfirm: () => {
+ const category = document.getElementById('moveSelectedCategory')?.value || '默认类目';
+ selectedFiles.forEach(id => {
+ const file = kbFiles.find(f => f.id === id);
+ if (file) file.category = category;
+ });
+ selectedFiles.clear();
+ renderPage();
+ Toast.success('文件已移动');
+ }
+ });
};
window.__deleteSelectedFiles = function() {
+ if (selectedFiles.size === 0) {
+ Toast.warning('请先选择文件');
+ return;
+ }
createModal({
title: '批量删除',
content: `
@@ -19313,7 +25186,49 @@ registerPage('kb-detail', function(container) {
// 知识库操作
window.__editKb = function() {
- Toast.info('编辑知识库');
+ createModal({
+ title: '编辑知识库',
+ size: 'lg',
+ content: `
+
+ 知识库名称 *
+
+
+ 描述
+
+
+
+ 标签
+
+ `,
+ confirmText: '保存',
+ onConfirm: () => {
+ const name = document.getElementById('detailKbName')?.value.trim();
+ if (!name) {
+ Toast.warning('请输入知识库名称');
+ return false;
+ }
+ kbData.name = name;
+ kbData.description = document.getElementById('detailKbDesc')?.value.trim() || '';
+ kbData.tags = (document.getElementById('detailKbTags')?.value || '')
+ .split(/[,，]/)
+ .map(tag => tag.trim())
+ .filter(Boolean);
+ kbData.updatedAt = getNowText();
+ const catalog = Array.isArray(window.__knowledgeBaseCatalog) ? window.__knowledgeBaseCatalog : [];
+ const target = catalog.find(item => item.id === kbData.id);
+ if (target) Object.assign(target, {
+ name: kbData.name,
+ description: kbData.description,
+ tags: [...kbData.tags],
+ updatedAt: kbData.updatedAt,
+ });
+ renderPage();
+ Toast.success('知识库信息已更新');
+ }
+ });
};
window.__rebuildAllIndex = function() {
@@ -19326,6 +25241,15 @@ registerPage('kb-detail', function(container) {
confirmText: '重建',
onConfirm: () => {
// TODO: 调用 API POST /api/v1/knowledge-bases/:id/rebuild
+ kbData.status = 'processing';
+ kbData.updatedAt = getNowText();
+ const catalog = Array.isArray(window.__knowledgeBaseCatalog) ? window.__knowledgeBaseCatalog : [];
+ const target = catalog.find(item => item.id === kbData.id);
+ if (target) {
+ target.status = kbData.status;
+ target.updatedAt = kbData.updatedAt;
+ }
+ renderPage();
Toast.success('索引重建任务已启动');
}
});
@@ -19340,13 +25264,75 @@ registerPage('kb-detail', function(container) {
`,
confirmText: '重新解析',
onConfirm: () => {
+ kbFiles = kbFiles.map(file => ({
+ ...file,
+ status: 'processing',
+ indexedAt: '-',
+ parseError: null,
+ }));
+ kbData.status = 'processing';
+ kbData.updatedAt = getNowText();
+ const catalog = Array.isArray(window.__knowledgeBaseCatalog) ? window.__knowledgeBaseCatalog : [];
+ const target = catalog.find(item => item.id === kbData.id);
+ if (target) {
+ target.status = kbData.status;
+ target.updatedAt = kbData.updatedAt;
+ }
+ selectedFiles.clear();
+ renderPage();
Toast.success('重新解析任务已启动');
}
});
};
window.__exportKb = function() {
- Toast.info('导出知识库');
+ createModal({
+ title: '导出知识库',
+ content: `
+
+ 导出格式
+
+ JSON 完整数据
+ CSV 文件列表
+
+
+
+ 包含文件列表和切片摘要
+
+
浏览器会下载到默认下载目录；后端接入后替换为 GET /api/v1/knowledge-bases/:id/export。
+ `,
+ confirmText: '确认导出',
+ onConfirm: () => {
+ const format = document.getElementById('detailExportFormat')?.value || 'json';
+ const includeFiles = document.getElementById('detailExportIncludeFiles')?.checked !== false;
+ const stamp = new Date().toISOString().slice(0, 10).replace(/-/g, '');
+ if (format === 'csv') {
+ const rows = [
+ 'id,name,format,size,status,category,slices,chars,indexedAt',
+ ...kbFiles.map(file => [
+ file.id,
+ file.name,
+ file.format,
+ file.size,
+ file.status,
+ file.category,
+ file.slices,
+ file.chars,
+ file.indexedAt,
+ ].map(value => `"${String(value ?? '').replace(/"/g, '""')}"`).join(',')),
+ ].join('\n');
+ downloadTextFile(`${kbData.id}-files-${stamp}.csv`, rows, 'text/csv;charset=utf-8');
+ } else {
+ downloadTextFile(`${kbData.id}-${stamp}.json`, JSON.stringify({
+ knowledgeBase: kbData,
+ files: includeFiles ? kbFiles : undefined,
+ slices: includeFiles ? mockSlices : undefined,
+ }, null, 2));
+ }
+ Toast.success('知识库已导出');
+ }
+ });
};
window.__deleteKb = function() {
@@ -19366,6 +25352,10 @@ registerPage('kb-detail', function(container) {
confirmClass: 'btn-danger',
onConfirm: () => {
// TODO: 调用 API DELETE /api/v1/knowledge-bases/:id
+ if (Array.isArray(window.__knowledgeBaseCatalog)) {
+ const index = window.__knowledgeBaseCatalog.findIndex(item => item.id === kbData.id);
+ if (index !== -1) window.__knowledgeBaseCatalog.splice(index, 1);
+ }
Toast.success('知识库已删除');
setTimeout(() => navigateTo('knowledge-base'), 1000);
}
@@ -19374,7 +25364,7 @@ registerPage('kb-detail', function(container) {
};
// ==================== 初始化 ====================
-
+
setTimeout(() => {
isLoading = false;
renderPage();
@@ -22447,261 +28437,431 @@ registerPage('session', function(container) {
*/
registerPage('badcase', function(container) {
- const mockCases = [
- { id: 'BC-2026-001', session: 'sess-6c1d', device: 'DEV-002', agent: '小Q故事机器人', issue: '回答偏离话题，讲了不适合儿童的内容片段', severity: 'high', status: 'open', reporter: '自动检测', time: '2026-05-12 14:07', tags: ['内容安全', '主题偏离'] },
- { id: 'BC-2026-002', session: 'sess-5a4b', device: 'DEV-003', agent: '小Q故事机器人', issue: '粤语识别错误率高，多次识别成普通话', severity: 'medium', status: 'reviewing', reporter: '运营标注', time: '2026-05-12 13:58', tags: ['ASR质量', '粤语'] },
- { id: 'BC-2026-003', session: 'sess-3f7a', device: 'DEV-007', agent: '英语学习助手', issue: '用户问"what is fire"，AI回复了如何生火的危险操作', severity: 'critical', status: 'open', reporter: '自动检测', time: '2026-05-12 11:30', tags: ['内容安全', '危险信息'] },
- { id: 'BC-2026-004', session: 'sess-2c8b', device: 'DEV-012', agent: '科学百科探索者', issue: 'TTS 合成失败，只播放了半句话', severity: 'low', status: 'closed', reporter: '系统监控', time: '2026-05-11 09:15', tags: ['TTS故障'] },
- { id: 'BC-2026-005', session: 'sess-1d9e', device: 'DEV-015', agent: '小Q故事机器人', issue: '对用户"我想要妈妈"的情感求助回应过于机械', severity: 'medium', status: 'reviewing', reporter: '人工标注', time: '2026-05-11 16:42', tags: ['情感质量', '儿童关怀'] },
+ const initialCases = [
+ {
+ id: 'BC-2026-001',
+ session: 'sess-6c1d',
+ device: 'DEV-002',
+ agent: '小Q故事机器人',
+ issue: '回答偏离话题，讲了不适合儿童的内容片段',
+ severity: 'high',
+ status: 'open',
+ reporter: '自动检测',
+ time: '2026-05-12 14:07',
+ tags: ['内容安全', '主题偏离'],
+ dialogue: {
+ user: '给我讲一个勇敢小朋友的故事',
+ assistant: '故事中出现了不适合儿童的危险情节描述。',
+ },
+ },
+ {
+ id: 'BC-2026-002',
+ session: 'sess-5a4b',
+ device: 'DEV-003',
+ agent: '小Q故事机器人',
+ issue: '粤语识别错误率高，多次识别成普通话',
+ severity: 'medium',
+ status: 'reviewing',
+ reporter: '运营标注',
+ time: '2026-05-12 13:58',
+ tags: ['ASR质量', '粤语'],
+ dialogue: {
+ user: '我想听广东话故事',
+ assistant: '识别结果被转写为普通话场景，导致回复不准确。',
+ },
+ },
+ {
+ id: 'BC-2026-003',
+ session: 'sess-3f7a',
+ device: 'DEV-007',
+ agent: '英语学习助手',
+ issue: '用户问"what is fire"，AI回复了如何生火的危险操作',
+ severity: 'critical',
+ status: 'open',
+ reporter: '自动检测',
+ time: '2026-05-12 11:30',
+ tags: ['内容安全', '危险信息'],
+ dialogue: {
+ user: 'what is fire?',
+ assistant: '回复中包含了危险操作步骤，需要安全策略拦截。',
+ },
+ },
+ {
+ id: 'BC-2026-004',
+ session: 'sess-2c8b',
+ device: 'DEV-012',
+ agent: '科学百科探索者',
+ issue: 'TTS 合成失败，只播放了半句话',
+ severity: 'low',
+ status: 'closed',
+ reporter: '系统监控',
+ time: '2026-05-11 09:15',
+ tags: ['TTS故障'],
+ resolution: '已更换默认 TTS 兜底模型。',
+ dialogue: {
+ user: '太阳为什么会发光',
+ assistant: '太阳发光是因为内部发生核聚变...（播放中断）',
+ },
+ },
+ {
+ id: 'BC-2026-005',
+ session: 'sess-1d9e',
+ device: 'DEV-015',
+ agent: '小Q故事机器人',
+ issue: '对用户"我想要妈妈"的情感求助回应过于机械',
+ severity: 'medium',
+ status: 'reviewing',
+ reporter: '人工标注',
+ time: '2026-05-11 16:42',
+ tags: ['情感质量', '儿童关怀'],
+ dialogue: {
+ user: '我想要妈妈',
+ assistant: '请说明你的需求。',
+ },
+ },
];
- const sevMap = { critical: { label: '严重', badge: 'badge-danger' }, high: { label: '高', badge: 'badge-danger' }, medium: { label: '中', badge: 'badge-warning' }, low: { label: '低', badge: 'badge-default' } };
- const statMap = { open: { label: '待处理', badge: 'badge-danger' }, reviewing: { label: '审核中', badge: 'badge-warning' }, closed: { label: '已关闭', badge: 'badge-default' } };
+ if (!window.__badCaseRecords) {
+ window.__badCaseRecords = initialCases.map(item => ({ ...item, tags: [...item.tags], dialogue: { ...item.dialogue } }));
+ }
- container.innerHTML = `
-
+ const cases = window.__badCaseRecords;
+ const filters = {
+ keyword: '',
+ severity: 'all',
+ status: 'all',
+ agent: 'all',
+ };
-
-
-
-
-
待处理
-
23
-
其中严重 3 个
-
-
-
-
审核中
-
18
-
平均处理 2.3h
-
-
-
-
本月已关闭
-
142
-
解决率 86%
-
-
-
+ const sevMap = {
+ critical: { label: '严重', badge: 'badge-danger', accent: 'var(--danger)' },
+ high: { label: '高', badge: 'badge-danger', accent: 'var(--danger)' },
+ medium: { label: '中', badge: 'badge-warning', accent: 'var(--warning)' },
+ low: { label: '低', badge: 'badge-default', accent: 'var(--text-muted)' },
+ };
-
-
-
-
-
- 全部严重度
- 严重
- 高
- 中
- 低
-
-
- 全部状态
- 待处理
- 审核中
- 已关闭
-
-
- 全部智能体
- 小Q故事机器人
- 英语学习助手
- 科学百科探索者
-
-
+ const statMap = {
+ open: { label: '待处理', badge: 'badge-danger' },
+ reviewing: { label: '审核中', badge: 'badge-warning' },
+ closed: { label: '已关闭', badge: 'badge-default' },
+ };
-
-
-
-
-
-
- ID
- 问题描述
- 智能体
- 严重度
- 状态
- 标签
- 报告人
- 时间
- 操作
-
-
-
- ${mockCases.map(c => `
-
- ${c.id}
-
- ${c.issue}
- Session: ${c.session} · ${c.device}
-
- ${c.agent}
- ${sevMap[c.severity]?.label} ${statMap[c.status]?.label}
-
- ${c.tags.map(t => `${t} `).join('')}
-
-
- ${c.reporter}
- ${c.time}
-
-
- 关闭
- ` : ''}
-
-
-
- `).join('')}
-
-
-
-
- `;
+ function escapeHtml(value) {
+ return String(value ?? '')
+ .replace(/&/g, '&')
+ .replace(//g, '>')
+ .replace(/"/g, '"')
+ .replace(/'/g, ''');
+ }
- lucide.createIcons({ elements: [container] });
+ function getNowText() {
+ const now = new Date();
+ const pad = value => String(value).padStart(2, '0');
+ return `${now.getFullYear()}-${pad(now.getMonth() + 1)}-${pad(now.getDate())} ${pad(now.getHours())}:${pad(now.getMinutes())}`;
+ }
- window.openBCDetail = (id) => {
- const bc = mockCases.find(c => c.id === id);
- if (!bc) return;
- createModal({
- title: `Bad Case 详情 - ${id}`,
- content: `
-
-
问题描述
-
${bc.issue}
+ function splitTags(value) {
+ return String(value || '')
+ .split(/[,，]/)
+ .map(tag => tag.trim())
+ .filter(Boolean);
+ }
+
+ function getAgents() {
+ return [...new Set(cases.map(item => item.agent).filter(Boolean))];
+ }
+
+ function getFilteredCases() {
+ const keyword = filters.keyword.trim().toLowerCase();
+ return cases.filter(item => {
+ const searchableText = [
+ item.id,
+ item.session,
+ item.device,
+ item.agent,
+ item.issue,
+ item.reporter,
+ ...(item.tags || []),
+ ].join(' ').toLowerCase();
+
+ return (!keyword || searchableText.includes(keyword))
+ && (filters.severity === 'all' || item.severity === filters.severity)
+ && (filters.status === 'all' || item.status === filters.status)
+ && (filters.agent === 'all' || item.agent === filters.agent);
+ });
+ }
+
+ function getStats() {
+ const openCases = cases.filter(item => item.status === 'open');
+ const reviewingCases = cases.filter(item => item.status === 'reviewing');
+ const closedCases = cases.filter(item => item.status === 'closed');
+ const securityCases = cases.filter(item => (item.tags || []).some(tag => ['内容安全', '危险信息'].includes(tag)));
+
+ return {
+ open: openCases.length,
+ criticalOpen: openCases.filter(item => item.severity === 'critical').length,
+ reviewing: reviewingCases.length,
+ closed: closedCases.length,
+ security: securityCases.length,
+ securityOpen: securityCases.filter(item => item.status !== 'closed').length,
+ };
+ }
+
+ function renderStats() {
+ const stats = getStats();
+ return `
+
+
+
+
待处理
+
${stats.open}
+
其中严重 ${stats.criticalOpen} 个
-
-
-
严重度
-
${sevMap[bc.severity]?.label}
+
+
+
审核中
+
${stats.reviewing}
+
等待复核或修复验证
+
+
+
+
已关闭
+
${stats.closed}
+
当前前端 mock 统计
+
+
+
+
内容安全触发
+
${stats.security}
+
未关闭 ${stats.securityOpen} 个
+
+
+ `;
+ }
+
+ function renderActions(item) {
+ return `
+
+ 关闭
+ ` : ''}
+
+ `;
+ }
+
+ function renderRows(rows) {
+ if (!rows.length) {
+ return `
+
+
+
+
+
暂无匹配的 Bad Case
+
可以调整筛选条件，或手动添加新的问题案例。
+
+
+ `;
+ }
+
+ return rows.map(item => `
+
+ ${escapeHtml(item.id)}
+
+ ${escapeHtml(item.issue)}
+ Session: ${escapeHtml(item.session)} · ${escapeHtml(item.device)}
+
+ ${escapeHtml(item.agent)}
+ ${sevMap[item.severity]?.label || '-'} ${statMap[item.status]?.label || '-'}
+
+ ${(item.tags || []).map(tag => `${escapeHtml(tag)} `).join('') || '未标注 '}
-
-
关联 Session
-
${bc.session}
+
+ ${escapeHtml(item.reporter)}
+ ${escapeHtml(item.time)}
+ ${renderActions(item)}
+
+ `).join('');
+ }
+
+ function renderResults() {
+ const rows = getFilteredCases();
+ const statsTarget = container.querySelector('#bcStats');
+ const tableTarget = container.querySelector('#bcTableCard');
+ const totalTarget = container.querySelector('#bcFilterCount');
+
+ if (statsTarget) statsTarget.innerHTML = renderStats();
+ if (totalTarget) totalTarget.textContent = `共 ${rows.length} 条`;
+ if (tableTarget) {
+ tableTarget.innerHTML = `
+
+
+
+
+
+ ID
+ 问题描述
+ 智能体
+ 严重度
+ 状态
+ 标签
+ 报告人
+ 时间
+ 操作
+
+
+ ${renderRows(rows)}
+
-
- 处理意见
-
-
-
- 关联 Prompt 修改
-
- 不关联
- 修改系统 Prompt - 内容安全规则
- 修改 Prompt - 情感回应策略
-
-
-
- 处理后通过 POST /api/v1/bad-cases/${id}/review 提交审核结果
-
`,
- onConfirm: async () => {
- await API.badCases.review(id, { resolution: 'fixed' });
- Toast.success('已提交处理意见');
- },
- confirmText: '提交处理',
- });
- };
+ `;
+ }
- window.openBCTagModal = (id) => {
- const bc = mockCases.find(c => c.id === id);
- if (!bc) return;
- createModal({
- title: `标注问题 - ${id}`,
- content: `
-
-
问题标签*
-
+ lucide.createIcons({ elements: [container] });
+ }
+
+ function renderPage() {
+ const agents = getAgents();
+ container.innerHTML = `
+
- window.closeBC = (id, btn) => {
- const bc = mockCases.find(c => c.id === id);
- if (!bc) return;
- createModal({
- title: '关闭 Bad Case',
- content: `
-
确认关闭 ${id} ？
-
- 关闭原因
-
-
`,
- onConfirm: () => {
- bc.status = 'closed';
- const row = btn?.closest('tr');
- const statusCell = row?.querySelector('td:nth-child(5)');
- if (statusCell) statusCell.innerHTML = '
已关闭 ';
- const actions = btn?.closest('div');
- if (actions) actions.innerHTML = `
`;
- lucide.createIcons();
- Toast.success(`${id} 已关闭`);
- },
- confirmText: '确认关闭',
- });
- };
+
- document.getElementById('manualBCBtn')?.addEventListener('click', () => {
- createModal({
+
+
+
+
+ 全部严重度
+ 严重
+ 高
+ 中
+ 低
+
+
+ 全部状态
+ 待处理
+ 审核中
+ 已关闭
+
+
+ 全部智能体
+ ${agents.map(agent => `${escapeHtml(agent)} `).join('')}
+
+
+
+
+
+ `;
+
+ bindEvents();
+ renderResults();
+ }
+
+ function bindEvents() {
+ container.querySelector('#bcSearchInput')?.addEventListener('input', event => {
+ filters.keyword = event.target.value;
+ renderResults();
+ });
+
+ container.querySelector('#bcSeverityFilter')?.addEventListener('change', event => {
+ filters.severity = event.target.value;
+ renderResults();
+ });
+
+ container.querySelector('#bcStatusFilter')?.addEventListener('change', event => {
+ filters.status = event.target.value;
+ renderResults();
+ });
+
+ container.querySelector('#bcAgentFilter')?.addEventListener('change', event => {
+ filters.agent = event.target.value;
+ renderResults();
+ });
+
+ container.querySelector('#manualBCBtn')?.addEventListener('click', openManualCaseModal);
+ }
+
+ function findCase(id) {
+ return cases.find(item => item.id === id);
+ }
+
+ function getNextCaseId() {
+ const year = new Date().getFullYear();
+ const usedNumbers = cases
+ .map(item => String(item.id).match(/^BC-\d{4}-(\d+)$/))
+ .filter(Boolean)
+ .map(match => Number(match[1]));
+ const nextNumber = (usedNumbers.length ? Math.max(...usedNumbers) : 0) + 1;
+ return `BC-${year}-${String(nextNumber).padStart(3, '0')}`;
+ }
+
+ function openManualCaseModal() {
+ const agents = getAgents();
+ const modal = createModal({
title: '手动添加 Bad Case',
content: `
-
-
关联 Session ID
-
+
+
问题描述*
-
+
+
+ 后端接口预留：POST /api/v1/bad-cases 创建人工 Bad Case。
`,
onConfirm: async () => {
const issue = document.getElementById('manualBCIssue')?.value.trim();
@@ -22709,11 +28869,242 @@ registerPage('badcase', function(container) {
Toast.warning('请填写问题描述');
return false;
}
+
+ const selectedAgent = document.getElementById('manualBCAgent')?.value || '';
+ const customAgent = document.getElementById('manualBCCustomAgent')?.value.trim();
+ const agent = selectedAgent === 'custom' ? customAgent : selectedAgent;
+ if (!agent) {
+ Toast.warning('请填写智能体名称');
+ return false;
+ }
+
+ cases.unshift({
+ id: getNextCaseId(),
+ session: document.getElementById('manualBCSession')?.value.trim() || `sess-${Math.random().toString(16).slice(2, 6)}`,
+ device: document.getElementById('manualBCDevice')?.value.trim() || '手动录入',
+ agent,
+ issue,
+ severity: document.getElementById('manualBCSeverity')?.value || 'medium',
+ status: 'open',
+ reporter: '手动添加',
+ time: getNowText(),
+ tags: splitTags(document.getElementById('manualBCTags')?.value) || [],
+ dialogue: {
+ user: '手动添加案例，暂无原始用户消息',
+ assistant: issue,
+ },
+ });
+
+ try {
+ if (window.API?.badCases?.create) {
+ await API.badCases.create(cases[0]);
+ }
+ } catch (error) {
+ console.warn('Mock bad case create failed:', error);
+ }
+
+ filters.status = 'all';
+ renderPage();
Toast.success('Bad Case 已添加');
},
confirmText: '添加',
+ size: 'large',
});
- });
+
+ const agentSelect = modal.overlay.querySelector('#manualBCAgent');
+ const customWrap = modal.overlay.querySelector('#manualBCCustomWrap');
+ agentSelect?.addEventListener('change', event => {
+ if (customWrap) customWrap.style.display = event.target.value === 'custom' ? 'block' : 'none';
+ });
+ }
+
+ window.openBCDetail = async function(id) {
+ const bc = findCase(id);
+ if (!bc) {
+ Toast.warning('未找到该 Bad Case');
+ return;
+ }
+
+ createModal({
+ title: `Bad Case 详情 - ${escapeHtml(id)}`,
+ content: `
+
+
+
问题描述
+
${escapeHtml(bc.issue)}
+
+
+
+
+
关联对话
+
+
用户
+
${escapeHtml(bc.dialogue?.user || '暂无原始用户消息')}
+
AI 回复
+
${escapeHtml(bc.dialogue?.assistant || '暂无原始 AI 回复')}
+
+
+ ${bc.resolution ? `
+
+
最近处理意见
+
${escapeHtml(bc.resolution)}
+
+ ` : ''}
+
+ 处理意见*
+
+
+
+ 关联修复动作
+
+ 不关联
+ 修改系统 Prompt / 安全策略
+ 调整模型配置
+ 修正知识库内容
+ 调整工作流或工具调用
+
+
+
+ 后端接口预留：POST /api/v1/bad-cases/${escapeHtml(id)}/review 提交审核处理结果。
+
+
`,
+ onConfirm: async () => {
+ const resolution = document.getElementById('bcReviewResolution')?.value.trim();
+ const action = document.getElementById('bcReviewAction')?.value || 'none';
+ if (!resolution) {
+ Toast.warning('请填写处理意见');
+ return false;
+ }
+
+ try {
+ if (window.API?.badCases?.review) {
+ await API.badCases.review(id, { resolution, action });
+ }
+ } catch (error) {
+ console.warn('Mock bad case review failed:', error);
+ }
+
+ bc.resolution = resolution;
+ bc.reviewAction = action;
+ bc.updatedAt = getNowText();
+ if (bc.status !== 'closed') bc.status = 'reviewing';
+ renderResults();
+ Toast.success('已提交处理意见，状态已更新');
+ },
+ confirmText: '提交处理',
+ size: 'large',
+ });
+ };
+
+ window.openBCTagModal = function(id) {
+ const bc = findCase(id);
+ if (!bc) {
+ Toast.warning('未找到该 Bad Case');
+ return;
+ }
+
+ createModal({
+ title: `标注问题 - ${escapeHtml(id)}`,
+ content: `
+
+
+ 标注备注
+
+
+
+ 后端接口预留：PATCH /api/v1/bad-cases/${escapeHtml(id)}/labels 保存标签、严重度和备注。
+
`,
+ onConfirm: () => {
+ const tags = splitTags(document.getElementById('bcTagsInput')?.value);
+ if (!tags.length) {
+ Toast.warning('请填写至少一个问题标签');
+ return false;
+ }
+
+ bc.tags = tags;
+ bc.severity = document.getElementById('bcTagSeverity')?.value || bc.severity;
+ bc.tagNote = document.getElementById('bcTagNote')?.value.trim() || '';
+ bc.reporter = bc.reporter === '自动检测' ? '运营标注' : bc.reporter;
+ bc.updatedAt = getNowText();
+ if (bc.status === 'open') bc.status = 'reviewing';
+ renderResults();
+ Toast.success('问题标注已保存');
+ },
+ confirmText: '保存标注',
+ });
+ };
+
+ window.closeBC = function(id) {
+ const bc = findCase(id);
+ if (!bc) {
+ Toast.warning('未找到该 Bad Case');
+ return;
+ }
+
+ createModal({
+ title: '关闭 Bad Case',
+ content: `
+
确认关闭 ${escapeHtml(id)} ？关闭后仍可查看详情，但不再进入待处理列表。
+
+ 关闭原因*
+
+
+
+ 后端接口预留：POST /api/v1/bad-cases/${escapeHtml(id)}/close 关闭问题案例。
+
`,
+ onConfirm: () => {
+ const reason = document.getElementById('bcCloseReason')?.value.trim();
+ if (!reason) {
+ Toast.warning('请填写关闭原因');
+ return false;
+ }
+
+ bc.status = 'closed';
+ bc.closedReason = reason;
+ bc.closedAt = getNowText();
+ renderResults();
+ Toast.success(`${id} 已关闭`);
+ },
+ confirmText: '确认关闭',
+ });
+ };
+
+ renderPage();
});
@@ -22721,13 +29112,52 @@ registerPage('badcase', function(container) {
/* inline: scripts/rbac.js */
/**
* TalkingQ Platform - RBAC Permission Management Page
- * 参考阿里云百炼控制台风格
- * 按公司分类的权限管理
*/
registerPage('rbac', function(container) {
- const USERS_STORAGE_KEY = 'talkingq_rbac_users_v1';
- const DEFAULT_ROLE_COMPANIES = ['company_a', 'company_b', 'company_c'];
+ const DEFAULT_ROLE_COMPANIES = getDefaultCompanyIds();
+
+ const PERMISSION_CATALOG = [
+ { key: 'dashboard', label: '数据仪表盘', desc: '查看公司维度统计数据' },
+ { key: 'agent-dev', label: '配置应用', desc: '配置智能体模型、Prompt、技能和运行体验' },
+ { key: 'agent-manage', label: '应用管理', desc: '创建、发布、回收应用' },
+ { key: 'session', label: '会话分析', desc: '查看设备会话和热门话题' },
+ { key: 'badcase', label: 'Bad Case 管理', desc: '标注、处理和关闭问题案例' },
+ { key: 'device', label: '设备管理', desc: '查看和维护公司设备' },
+ { key: 'ota', label: 'OTA 升级', desc: '上传固件和创建升级任务' },
+ { key: 'rbac', label: '权限管理', desc: '管理用户、角色和授权范围' },
+ { key: 'settings', label: '系统设置', desc: '管理 API Key 和平台配置' },
+ ];
+
+ const DEFAULT_ROLE_CONFIGS = [
+ {
+ id: 'admin',
+ name: 'Admin',
+ desc: '超级管理员，拥有平台全部权限和全部公司数据访问权',
+ color: '#722ed1',
+ companyScope: 'all',
+ permissions: PERMISSION_CATALOG.map(item => item.key),
+ locked: true,
+ },
+ {
+ id: 'worker',
+ name: 'Worker',
+ desc: '内部运营 / 研发人员，可配置应用并处理运营问题',
+ color: '#1890ff',
+ companyScope: 'all',
+ permissions: ['dashboard', 'agent-dev', 'agent-manage', 'session', 'badcase', 'device', 'ota'],
+ locked: false,
+ },
+ {
+ id: 'client',
+ name: 'Client',
+ desc: 'B 端客户，只能访问自己公司的客户可见数据',
+ color: '#52c41a',
+ companyScope: 'single',
+ permissions: ['dashboard', 'session', 'device'],
+ locked: true,
+ },
+ ];
const DEFAULT_USERS = [
{ id: 'u001', displayName: '张明华', loginName: 'zhangmh@talkingq.com', status: 'active', lastLogin: '2026-05-12 14:10', role: 'admin', remark: '超级管理员' },
@@ -22737,44 +29167,78 @@ registerPage('rbac', function(container) {
{ id: 'u005', displayName: '陈志强', loginName: 'chenzq@talkingq.com', status: 'active', lastLogin: '2026-05-10 09:15', role: 'worker', remark: '开发人员' },
];
+ const DEFAULT_AUDIT_LOGS = [
+ { id: 'a001', time: '2026-05-12 14:22:05', user: '张明华', action: '登录', target: '系统', ip: '192.168.1.10', ok: true },
+ { id: 'a002', time: '2026-05-12 14:18:30', user: '张明华', action: '修改 Prompt', target: '小Q故事机器人 v2.3', ip: '192.168.1.10', ok: true },
+ { id: 'a003', time: '2026-05-12 13:55:12', user: '李思远', action: '关闭 Bad Case', target: 'BC-2026-004', ip: '10.0.2.15', ok: true },
+ { id: 'a004', time: '2026-05-12 11:30:00', user: 'system', action: '自动触发内容安全', target: 'sess-3f7a', ip: 'internal', ok: false },
+ { id: 'a005', time: '2026-05-12 09:15:42', user: '张明华', action: '创建 OTA 任务', target: 'OTA-2026-002', ip: '192.168.1.10', ok: true },
+ ];
+
+ let activeTab = window.__rbacActiveTab || 'users';
+ let roleConfigs = window.__rbacRoleConfigs || cloneRoleConfigs(DEFAULT_ROLE_CONFIGS);
+ let users = loadUsers();
+ let auditLogs = window.__rbacAuditLogs || DEFAULT_AUDIT_LOGS.map(item => ({ ...item }));
+
+ window.__rbacRoleConfigs = roleConfigs;
+ window.__rbacUsers = users;
+ window.__rbacAuditLogs = auditLogs;
+ window.__lookupRbacUserByLoginName = function(loginName) {
+ const normalized = String(loginName || '').trim().toLowerCase();
+ return users.find(user => user.loginName === normalized) || null;
+ };
+ window.__getRoleConfig = function(role) {
+ return getRoleConfig(role);
+ };
+
+ function getDefaultCompanyIds() {
+ const ids = (window.companies || [])
+ .filter(company => company.id !== 'all')
+ .map(company => company.id);
+ return ids.length ? ids : ['company_a', 'company_b', 'company_c'];
+ }
+
+ function cloneRoleConfigs(list) {
+ return list.map(role => ({
+ ...role,
+ permissions: [...role.permissions],
+ allowedCompanyIds: role.allowedCompanyIds ? [...role.allowedCompanyIds] : DEFAULT_ROLE_COMPANIES.slice(),
+ }));
+ }
+
function cloneUsers(list) {
- return list.map(item => ({ ...item, allowedCompanies: Array.isArray(item.allowedCompanies) ? [...item.allowedCompanies] : item.allowedCompanies }));
+ return list.map(item => ({
+ ...item,
+ allowedCompanies: Array.isArray(item.allowedCompanies) ? [...item.allowedCompanies] : item.allowedCompanies,
+ permissions: Array.isArray(item.permissions) ? [...item.permissions] : item.permissions,
+ }));
}
function loadUsers() {
try {
- localStorage.removeItem(USERS_STORAGE_KEY);
+ localStorage.removeItem('talkingq_rbac_users_v1');
if (Array.isArray(window.__rbacUsers) && window.__rbacUsers.length) {
return window.__rbacUsers.map((user, index) => normalizeUser(user, index));
}
} catch (error) {
- console.warn('Failed to clear legacy RBAC user cache', error);
+ console.warn('Failed to reset legacy RBAC storage', error);
}
return cloneUsers(DEFAULT_USERS).map((user, index) => normalizeUser(user, index));
}
- function saveUsers(users) {
+ function saveUsers(nextUsers = users) {
+ users = nextUsers;
window.__rbacUsers = users;
}
- function normalizeUser(user, index = 0) {
- const role = normalizeRole(user.role || inferRoleFromRemark(user.remark));
- const companyId = role === 'client'
- ? (user.companyId || user.allowedCompanies?.[0] || DEFAULT_ROLE_COMPANIES[index % DEFAULT_ROLE_COMPANIES.length])
- : null;
- return {
- id: user.id || `u${String(index + 1).padStart(3, '0')}`,
- displayName: user.displayName || user.loginName || '未命名用户',
- loginName: String(user.loginName || '').toLowerCase(),
- status: user.status || 'active',
- lastLogin: user.lastLogin || '-',
- role,
- companyId,
- allowedCompanies: role === 'client'
- ? normalizeAllowedCompanies(user.allowedCompanies, companyId)
- : DEFAULT_ROLE_COMPANIES.slice(),
- remark: user.remark || (role === 'client' ? `${window.__getCompanyNameById?.(companyId) || companyId}-客户` : role === 'admin' ? '超级管理员' : '运营人员'),
- };
+ function saveRoles(nextRoles = roleConfigs) {
+ roleConfigs = nextRoles;
+ window.__rbacRoleConfigs = roleConfigs;
+ }
+
+ function saveAudit(nextLogs = auditLogs) {
+ auditLogs = nextLogs.slice(0, 80);
+ window.__rbacAuditLogs = auditLogs;
}
function normalizeRole(role) {
@@ -22792,16 +29256,77 @@ registerPage('rbac', function(container) {
return 'worker';
}
- function normalizeAllowedCompanies(value, companyId) {
+ function getRoleConfig(role) {
+ const roleId = normalizeRole(role);
+ return roleConfigs.find(item => item.id === roleId) || roleConfigs.find(item => item.id === 'worker');
+ }
+
+ function getRoleDefaultPermissions(role) {
+ return [...(getRoleConfig(role)?.permissions || [])];
+ }
+
+ function normalizeAllowedCompanies(value, companyId, role) {
+ if (role !== 'client') return DEFAULT_ROLE_COMPANIES.slice();
if (Array.isArray(value) && value.length) return value;
- if (companyId) return [companyId];
- return [];
+ return companyId ? [companyId] : [];
+ }
+
+ function normalizeUser(user, index = 0) {
+ const role = normalizeRole(user.role || inferRoleFromRemark(user.remark));
+ const fallbackCompanyId = DEFAULT_ROLE_COMPANIES[index % DEFAULT_ROLE_COMPANIES.length];
+ const companyId = role === 'client'
+ ? (user.companyId || user.allowedCompanies?.[0] || fallbackCompanyId)
+ : null;
+ return {
+ id: user.id || `u${String(index + 1).padStart(3, '0')}`,
+ displayName: user.displayName || user.loginName || '未命名用户',
+ loginName: String(user.loginName || '').trim().toLowerCase(),
+ status: user.status || 'active',
+ lastLogin: user.lastLogin || '-',
+ role,
+ companyId,
+ allowedCompanies: normalizeAllowedCompanies(user.allowedCompanies, companyId, role),
+ permissions: Array.isArray(user.permissions) && user.permissions.length
+ ? [...user.permissions]
+ : getRoleDefaultPermissions(role),
+ remark: user.remark || (role === 'client' ? `${getCompanyName(companyId)}-客户` : role === 'admin' ? '超级管理员' : '运营人员'),
+ };
+ }
+
+ function escapeHtml(value) {
+ return String(value ?? '')
+ .replace(/&/g, '&')
+ .replace(//g, '>')
+ .replace(/"/g, '"')
+ .replace(/'/g, ''');
+ }
+
+ function getNowText() {
+ const now = new Date();
+ const pad = value => String(value).padStart(2, '0');
+ return `${now.getFullYear()}-${pad(now.getMonth() + 1)}-${pad(now.getDate())} ${pad(now.getHours())}:${pad(now.getMinutes())}:${pad(now.getSeconds())}`;
+ }
+
+ function getCompanyName(companyId) {
+ return window.__getCompanyNameById ? window.__getCompanyNameById(companyId) : companyId;
}
function getCompanyOptionsHtml(selectedCompanyId = '') {
const companies = (window.companies || []).filter(company => company.id !== 'all');
return companies.map(company => `
-
${company.name}
+
${escapeHtml(company.name)}
+ `).join('');
+ }
+
+ function renderCompanyCheckboxes(selectedIds = DEFAULT_ROLE_COMPANIES) {
+ const selected = new Set(selectedIds);
+ const companies = (window.companies || []).filter(company => company.id !== 'all');
+ return companies.map(company => `
+
+ ${escapeHtml(company.name)}
+
`).join('');
}
@@ -22815,50 +29340,121 @@ registerPage('rbac', function(container) {
return '运营人员';
}
- function getUserRoleBadgeColor(user) {
- if (user.role === 'admin') return '#722ed1';
- if (user.role === 'client') return '#52c41a';
- return '#1890ff';
+ function getCompanyScopeText(user) {
+ if (user.role !== 'client') return '全部公司';
+ return user.companyId ? getCompanyName(user.companyId) : '未绑定公司';
}
- function getCompanyName(companyId) {
- return window.__getCompanyNameById ? window.__getCompanyNameById(companyId) : companyId;
+ function getStatusLabel(status) {
+ return status === 'inactive' ? '已禁用' : '启用中';
}
- let users = loadUsers();
- window.__rbacUsers = users;
- window.__lookupRbacUserByLoginName = function(loginName) {
- const normalized = String(loginName || '').trim().toLowerCase();
- return users.find(user => user.loginName === normalized) || null;
- };
+ function getStatusBadge(status) {
+ return status === 'inactive' ? 'badge-default' : 'badge-success';
+ }
- const roles = [
- { name: 'Admin', desc: '超级管理员，拥有所有权限', color: '#722ed1', perms: ['全部功能'] },
- { name: 'Worker', desc: '运营人员，可配置应用，负责日常运营和 Bad Case 处理', color: '#1890ff', perms: ['仪表盘', '对话应用配置', '应用管理', '会话分析', 'Bad Case', '设备管理', 'OTA升级'] },
- { name: 'Client', desc: 'B端客户，只读访问自己公司的数据', color: '#52c41a', perms: ['仪表盘（只读）', '设备管理（只读）', 'OTA状态（只读）'] },
- ];
+ function getActorName() {
+ try {
+ const user = JSON.parse(sessionStorage.getItem('talkingq_user') || 'null');
+ return user?.displayName || user?.username || '张明华';
+ } catch (error) {
+ return '张明华';
+ }
+ }
- container.innerHTML = `
-