整体设计 定稿 之23+ dashboard.html 增加三层次动态记录体系仪表盘 之2 程序 (Q199 之2)

以下是“之22” 中Q199 的最后程序 (由于字数超限，分两次。本篇是2/2）

// 渲染三层嵌套提示词导航 function renderPrompts() { const prompts = getPrompts() || window.DEFAULT_PROMPTS || []; const promptsContainer = document.getElementById('prompts-container'); promptsContainer.innerHTML = ''; // 按符号学系统分组显示 const groupedPrompts = { explicit: prompts.filter(p => p.semioticSystem === 'explicit' || p.promptType === 'grammar'), implicit: prompts.filter(p => p.semioticSystem === 'implicit' || p.promptType === 'mind'), metaphorical: prompts.filter(p => p.semioticSystem === 'metaphorical' || p.promptType === 'axiom') }; Object.entries(groupedPrompts).forEach(([system, systemPrompts]) => { if (systemPrompts.length === 0) return; // 创建系统分组容器 const systemDiv = document.createElement('div'); systemDiv.className = 'border border-gray-200 rounded-lg p-3 bg-gray-50'; // 添加系统标题 const systemTitle = document.createElement('h4'); systemTitle.className = 'text-sm font-medium text-gray-700 mb-2'; const systemInfo = { explicit: { name: '明言系统', icon: 'fa-comment', color: 'blue' }, implicit: { name: '暗示系统', icon: 'fa-eye-slash', color: 'purple' }, metaphorical: { name: '隐喻系统', icon: 'fa-magic', color: 'green' } }; const info = systemInfo[system]; systemTitle.innerHTML = ` <i class="fa ${info.icon} text-${info.color}-600 mr-1"></i> ${info.name} `; systemDiv.appendChild(systemTitle); // 添加该系统的提示词卡片 systemPrompts.forEach(prompt => { const card = document.createElement('div'); card.className = 'p-3 mb-2 border border-gray-200 rounded-lg hover:border-primary hover:bg-blue-50 transition-all-300 cursor-pointer bg-white'; card.dataset.id = prompt.id; const systemColor = { explicit: 'blue', implicit: 'purple', metaphorical: 'green' }[prompt.semioticSystem] || 'gray'; card.innerHTML = ` <div class="flex items-start justify-between"> <div class="flex-1"> <h5 class="font-medium text-gray-800 text-sm">${prompt.title}</h5> <div class="mt-1 text-xs text-gray-500"> <span class="inline-block bg-${systemColor}-100 text-${systemColor}-600 rounded-full px-2 py-0.5 mr-1"> ${prompt.promptType || prompt.semioticSystem} </span> ${prompt.category ? `<span class="inline-block bg-gray-100 rounded px-1 py-0.5">${prompt.category}</span>` : ''} </div> <div class="mt-1 text-xs text-gray-600 line-clamp-2"> ${prompt.description || prompt.content || '暂无描述'} </div> </div> <div class="flex space-x-1 ml-2"> <button class="text-gray-400 hover:text-gray-600 edit-prompt p-1" data-id="${prompt.id}" title="编辑"> <i class="fa fa-pencil text-xs"></i> </button> <button class="text-gray-400 hover:text-gray-600 delete-prompt p-1" data-id="${prompt.id}" title="删除"> <i class="fa fa-trash-o text-xs"></i> </button> </div> </div> `; // 添加点击事件 - 应用提示词 card.addEventListener('click', (e) => { if (!e.target.closest('.edit-prompt') && !e.target.closest('.delete-prompt')) { applyPromptSystem(prompt); } }); systemDiv.appendChild(card); }); promptsContainer.appendChild(systemDiv); }); } // 应用符号学提示词系统 function applyPromptSystem(prompt) { const systemInfo = { explicit: '明言-析取提示词', implicit: '暗示-合取关键词', metaphorical: '隐喻-双取主题词' }; const system = prompt.semioticSystem || 'explicit'; const systemName = systemInfo[system] || '未知系统'; // 显示应用确认 showToast(`正在应用${systemName}：${prompt.title}`, 'info'); // 如果是明言系统，更新hover提示 if (system === 'explicit') { updateExplicitPromptSystem(prompt); } // 如果是暗示系统，触发心流机制 else if (system === 'implicit') { updateImplicitKeywordSystem(prompt); } // 如果是隐喻系统，初始化公理体系 else if (system === 'metaphorical') { updateMetaphoricalThemeSystem(prompt); } } // 更新明言-析取提示词系统 function updateExplicitPromptSystem(prompt) { // 更新功能hover提示 console.log('应用明言语法分析系统', prompt); showToast('明言语法分析系统已激活：hover提示功能增强', 'success'); } // 更新暗示-合取关键词系统 function updateImplicitKeywordSystem(prompt) { // 触发心流机制 console.log('应用暗示心动程序系统', prompt); showToast('暗示心动程序已启动：心流状态检测激活', 'success'); } // 更新隐喻-双取主题词系统 function updateMetaphoricalThemeSystem(prompt) { // 初始化公理体系 console.log('应用隐喻公理体系', prompt); showToast('隐喻公理体系已建立：范畴元件约束就绪', 'success'); } // 显示符号学架构配置 function showArchitectureConfig() { document.getElementById('architecture-config-modal').classList.remove('hidden'); // 加载当前配置 loadArchitectureConfig(); } // 加载架构配置 function loadArchitectureConfig() { const config = localStorage.getItem('semiotic-architecture-config'); if (config) { try { const parsedConfig = JSON.parse(config); // 应用保存的配置到表单 console.log('加载架构配置:', parsedConfig); } catch (e) { console.warn('架构配置解析失败:', e); } } } // 保存架构配置 function saveArchitectureConfig() { const config = { pinStructure: { science: { mechanics: document.querySelector('input[placeholder="力学系数"]').value, mathematics: document.querySelector('input[placeholder="数学精度"]').value }, engineering: { experience: document.querySelector('select:nth-of-type(1)').value, method: document.querySelector('select:nth-of-type(2)').value }, liberalArts: { independence: document.querySelector('select:nth-of-type(3)').value, unity: document.querySelector('input[type="range"]').value } }, promptSystems: { explicit: { enabled: document.querySelectorAll('input[type="checkbox"]')[0].checked, grammar: document.querySelectorAll('input[type="text"]')[0].value, pragmatics: document.querySelectorAll('input[type="text"]')[1].value, semantics: document.querySelectorAll('input[type="text"]')[2].value }, implicit: { enabled: document.querySelectorAll('input[type="checkbox"]')[1].checked, mind: document.querySelectorAll('textarea')[0].value, motion: document.querySelectorAll('textarea')[1].value, action: document.querySelectorAll('textarea')[2].value }, metaphorical: { enabled: document.querySelectorAll('input[type="checkbox"]')[2].checked, axiom: document.querySelectorAll('input[type="text"]')[3].value, method: document.querySelectorAll('input[type="text"]')[4].value, assertion: document.querySelectorAll('input[type="text"]')[5].value } }, valueExpressions: { embedded: { enabled: true, scope: '万向 通 - 通 境 顿' }, external: { enabled: true, scope: '千行 别 - 性 行 渐' }, internal: { enabled: true, scope: '百业 藏 - 量 果 密' } } }; localStorage.setItem('semiotic-architecture-config', JSON.stringify(config)); showToast('符号学架构配置已保存', 'success'); document.getElementById('architecture-config-modal').classList.add('hidden'); // 重新初始化系统 initializeSemioticArchitecture(); renderPrompts(); } </div> `; // 添加点击事件 card.addEventListener('click', (e) => { if (!e.target.closest('.edit-prompt') && !e.target.closest('.delete-prompt')) { // 使用提示词创建新讨论 createDiscussionFromPrompt(prompt); } }); promptsContainer.appendChild(card); // 添加编辑和删除事件 document.querySelectorAll('.edit-prompt').forEach(btn => { btn.addEventListener('click', (e) => { e.stopPropagation(); const id = btn.dataset.id; // 这里可以添加编辑提示词的逻辑 showToast('编辑功能开发中...', 'info'); }); }); document.querySelectorAll('.delete-prompt').forEach(btn => { btn.addEventListener('click', (e) => { e.stopPropagation(); const id = btn.dataset.id; if (confirm('确定要删除这个提示词模板吗？')) { deletePrompt(id); renderPrompts(); showToast('提示词模板已删除', 'success'); } }); }); } // ==================== 讨论编辑 ==================== // 打开讨论 function openDiscussion(id) { const discussion = getDiscussions().find(d => d.id === id); if (!discussion) return; // 切换到编辑视图 document.getElementById('dashboard-view').classList.add('hidden'); document.getElementById('welcome-view').classList.add('hidden'); document.getElementById('config-view').classList.add('hidden'); document.getElementById('editor-view').classList.remove('hidden'); // 填充表单 document.getElementById('discussion-title').value = discussion.title; document.getElementById('discussion-category').value = discussion.category; document.getElementById('discussion-subject').value = discussion.subject; document.getElementById('discussion-topic').value = discussion.topic; // 渲染标签 renderTags(discussion.tags || []); // 渲染内容块 renderContentBlocks(discussion.contentBlocks || []); // 设置当前讨论ID document.getElementById('editor-view').dataset.id = id; // 更新价值维度统计 valueStats.learn++; saveData(STORAGE_KEYS.STATS, valueStats); updateStats(); } // 创建新讨论 function createNewDiscussion() { const discussion = { id: generateId(), title: '', category: '', subject: '', topic: '', tags: [], contentBlocks: [], createdAt: new Date().toISOString(), updatedAt: new Date().toISOString() }; // 保存讨论 saveDiscussion(discussion); // 打开讨论 openDiscussion(discussion.id); // 更新列表 renderDiscussions(); renderCategories(); // 更新价值维度统计 valueStats.save++; saveData(STORAGE_KEYS.STATS, valueStats); updateStats(); } // 从提示词创建讨论 function createDiscussionFromPrompt(prompt) { const discussion = { id: generateId(), title: prompt.title, category: '', subject: prompt.title, topic: '', tags: prompt.tags || [], contentBlocks: [ { id: generateId(), type: 'text', content: prompt.content, order: 0 } ], createdAt: new Date().toISOString(), updatedAt: new Date().toISOString() }; // 保存讨论 saveDiscussion(discussion); // 打开讨论 openDiscussion(discussion.id); // 更新列表 renderDiscussions(); renderCategories(); // 更新价值维度统计 valueStats.learn++; valueStats.save++; saveData(STORAGE_KEYS.STATS, valueStats); updateStats(); showToast('已从模板创建讨论', 'success'); } // 渲染标签 function renderTags(tags) { const tagsContainer = document.getElementById('tags-container'); tagsContainer.innerHTML = ''; tags.forEach(tag => { const tagElement = document.createElement('div'); tagElement.className = 'flex items-center bg-gray-100 rounded-full px-3 py-1'; tagElement.innerHTML = ` <span class="text-sm text-gray-600">${tag}</span> <button class="ml-1 text-gray-400 hover:text-gray-600 remove-tag"> <i class="fa fa-times"></i> </button> `; // 添加删除事件 tagElement.querySelector('.remove-tag').addEventListener('click', () => { const updatedTags = tags.filter(t => t !== tag); updateDiscussionTags(updatedTags); renderTags(updatedTags); }); tagsContainer.appendChild(tagElement); }); } // 更新讨论标签 function updateDiscussionTags(tags) { const id = document.getElementById('editor-view').dataset.id; const discussion = getDiscussions().find(d => d.id === id); if (discussion) { discussion.tags = tags; discussion.updatedAt = new Date().toISOString(); saveDiscussion(discussion); } } // 渲染内容块 function renderContentBlocks(blocks) { const container = document.getElementById('content-blocks-container'); const emptyMsg = document.getElementById('empty-content-msg'); // 清空容器 container.innerHTML = ''; if (blocks.length === 0) { emptyMsg.classList.remove('hidden'); container.appendChild(emptyMsg); return; } emptyMsg.classList.add('hidden'); // 按顺序渲染内容块 blocks.sort((a, b) => a.order - b.order).forEach(block => { const blockElement = document.createElement('div'); blockElement.className = 'content-block p-4 border border-gray-200 rounded-lg relative'; blockElement.dataset.id = block.id; blockElement.dataset.type = block.type; // 根据类型渲染不同的内容块 switch (block.type) { case 'text': blockElement.innerHTML = ` <div class="flex items-center justify-between mb-2"> <div class="flex items-center"> <div class="w-8 h-8 rounded-full bg-blue-100 flex items-center justify-center text-primary mr-2"> <i class="fa fa-align-left"></i> </div> <h4 class="font-medium text-gray-800">文本块</h4> </div> <div class="flex space-x-2"> <button class="text-gray-400 hover:text-gray-600 move-block" data-direction="up"> <i class="fa fa-arrow-up"></i> </button> <button class="text-gray-400 hover:text-gray-600 move-block" data-direction="down"> <i class="fa fa-arrow-down"></i> </button> <button class="text-gray-400 hover:text-gray-600 delete-block" data-id="${block.id}"> <i class="fa fa-trash-o"></i> </button> </div> </div> <div class="editable-content" contenteditable="true">${block.content || ''}</div> `; break; case 'timeline': blockElement.innerHTML = ` <div class="flex items-center justify-between mb-2"> <div class="flex items-center"> <div class="w-8 h-8 rounded-full bg-green-100 flex items-center justify-center text-green-600 mr-2"> <i class="fa fa-clock-o"></i> </div> <h4 class="font-medium text-gray-800">时间轴</h4> </div> <div class="flex space-x-2"> <button class="text-gray-400 hover:text-gray-600 move-block" data-direction="up"> <i class="fa fa-arrow-up"></i> </button> <button class="text-gray-400 hover:text-gray-600 move-block" data-direction="down"> <i class="fa fa-arrow-down"></i> </button> <button class="text-gray-400 hover:text-gray-600 delete-block" data-id="${block.id}"> <i class="fa fa-trash-o"></i> </button> </div> </div> <div class="timeline-container space-y-3"> ${block.items ? block.items.map(item => ` <div class="flex"> <div class="flex flex-col items-center mr-4"> <div class="w-3 h-3 rounded-full bg-green-500"></div> <div class="w-0.5 h-full bg-green-200"></div> </div> <div class="flex-1"> <div class="text-sm font-medium text-gray-800">${item.time || ''}</div> <div class="text-sm text-gray-600">${item.content || ''}</div> </div> </div> `).join('') : ''} <div class="flex"> <div class="flex flex-col items-center mr-4"> <div class="w-3 h-3 rounded-full bg-green-300"></div> </div> <div class="flex-1"> <button class="text-sm text-primary hover:text-primary-dark add-timeline-item" data-block-id="${block.id}"> <i class="fa fa-plus-circle"></i> 添加时间点 </button> </div> </div> </div> `; break; case 'decision': blockElement.innerHTML = ` <div class="flex items-center justify-between mb-2"> <div class="flex items-center"> <div class="w-8 h-8 rounded-full bg-purple-100 flex items-center justify-center text-purple-600 mr-2"> <i class="fa fa-check-circle"></i> </div> <h4 class="font-medium text-gray-800">决策点</h4> </div> <div class="flex items-center space-x-2"> <span class="text-xs px-2 py-1 rounded-full ${block.status === 'completed' ? 'bg-green-100 text-green-800' : 'bg-yellow-100 text-yellow-800'}"> ${block.status === 'completed' ? '已确认' : '待确认'} </span> <button class="text-gray-400 hover:text-gray-600 move-block" data-direction="up"> <i class="fa fa-arrow-up"></i> </button> <button class="text-gray-400 hover:text-gray-600 move-block" data-direction="down"> <i class="fa fa-arrow-down"></i> </button> <button class="text-gray-400 hover:text-gray-600 delete-block" data-id="${block.id}"> <i class="fa fa-trash-o"></i> </button> </div> </div> <div class="decision-container"> <div class="editable-content" contenteditable="true">${block.content || ''}</div> <div class="mt-2 flex justify-end"> <button class="text-xs px-3 py-1 rounded-full ${block.status === 'completed' ? 'bg-yellow-100 text-yellow-800' : 'bg-green-100 text-green-800'} toggle-decision-status" data-block-id="${block.id}"> ${block.status === 'completed' ? '标记为待确认' : '标记为已确认'} </button> </div> </div> `; break; case 'todo': blockElement.innerHTML = ` <div class="flex items-center justify-between mb-2"> <div class="flex items-center"> <div class="w-8 h-8 rounded-full bg-yellow-100 flex items-center justify-center text-yellow-600 mr-2"> <i class="fa fa-tasks"></i> </div> <h4 class="font-medium text-gray-800">待办事项</h4> </div> <div class="flex space-x-2"> <button class="text-gray-400 hover:text-gray-600 move-block" data-direction="up"> <i class="fa fa-arrow-up"></i> </button> <button class="text-gray-400 hover:text-gray-600 move-block" data-direction="down"> <i class="fa fa-arrow-down"></i> </button> <button class="text-gray-400 hover:text-gray-600 delete-block" data-id="${block.id}"> <i class="fa fa-trash-o"></i> </button> </div> </div> <div class="todo-container space-y-2"> ${block.items ? block.items.map(item => ` <div class="flex items-center"> <input type="checkbox" class="todo-checkbox w-4 h-4 text-primary rounded border-gray-300 focus:ring-primary" ${item.completed ? 'checked' : ''} data-block-id="${block.id}" data-item-id="${item.id}"> <span class="ml-2 text-sm ${item.completed ? 'line-through text-gray-400' : 'text-gray-700'}">${item.text}</span> </div> `).join('') : ''} <div class="flex items-center"> <input type="checkbox" class="w-4 h-4 text-primary rounded border-gray-300 focus:ring-primary opacity-50" disabled> <input type="text" class="ml-2 text-sm flex-1 border-0 border-b border-gray-300 focus:outline-none focus:ring-0 add-todo-input" placeholder="添加新任务..." data-block-id="${block.id}"> </div> </div> `; break; } container.appendChild(blockElement); // 添加可编辑内容的事件 const editableContent = blockElement.querySelector('.editable-content'); if (editableContent) { editableContent.addEventListener('input', debounce(() => { updateContentBlock(block.id, { content: editableContent.innerHTML }); }, 500)); } }); // 添加移动和删除事件 document.querySelectorAll('.move-block').forEach(btn => { btn.addEventListener('click', () => { const direction = btn.dataset.direction; const blockId = btn.closest('.content-block').dataset.id; moveContentBlock(blockId, direction); }); }); document.querySelectorAll('.delete-block').forEach(btn => { btn.addEventListener('click', () => { const blockId = btn.dataset.id; deleteContentBlock(blockId); }); }); // 添加时间轴项目事件 document.querySelectorAll('.add-timeline-item').forEach(btn => { btn.addEventListener('click', () => { const blockId = btn.dataset.blockId; addTimelineItem(blockId); }); }); // 添加切换决策状态事件 document.querySelectorAll('.toggle-decision-status').forEach(btn => { btn.addEventListener('click', () => { const blockId = btn.dataset.blockId; toggleDecisionStatus(blockId); }); }); // 添加待办事项事件 document.querySelectorAll('.todo-checkbox').forEach(checkbox => { checkbox.addEventListener('change', () => { const blockId = checkbox.dataset.blockId; const itemId = checkbox.dataset.itemId; toggleTodoItem(blockId, itemId, checkbox.checked); }); }); document.querySelectorAll('.add-todo-input').forEach(input => { input.addEventListener('keypress', (e) => { if (e.key === 'Enter' && input.value.trim()) { const blockId = input.dataset.blockId; addTodoItem(blockId, input.value.trim()); input.value = ''; } }); }); } // 更新内容块 function updateContentBlock(blockId, updates) { const id = document.getElementById('editor-view').dataset.id; const discussion = getDiscussions().find(d => d.id === id); if (discussion) { const blockIndex = discussion.contentBlocks.findIndex(b => b.id === blockId); if (blockIndex >= 0) { discussion.contentBlocks[blockIndex] = { ...discussion.contentBlocks[blockIndex], ...updates }; discussion.updatedAt = new Date().toISOString(); saveDiscussion(discussion); } } } // 移动内容块 function moveContentBlock(blockId, direction) { const id = document.getElementById('editor-view').dataset.id; const discussion = getDiscussions().find(d => d.id === id); if (discussion) { const blockIndex = discussion.contentBlocks.findIndex(b => b.id === blockId); if (blockIndex >= 0) { const newIndex = direction === 'up' ? blockIndex - 1 : blockIndex + 1; if (newIndex >= 0 && newIndex < discussion.contentBlocks.length) { // 交换位置 const temp = discussion.contentBlocks[blockIndex]; discussion.contentBlocks[blockIndex] = discussion.contentBlocks[newIndex]; discussion.contentBlocks[newIndex] = temp; // 更新顺序 discussion.contentBlocks.forEach((block, index) => { block.order = index; }); discussion.updatedAt = new Date().toISOString(); saveDiscussion(discussion); // 重新渲染 renderContentBlocks(discussion.contentBlocks); } } } } // 删除内容块 function deleteContentBlock(blockId) { const id = document.getElementById('editor-view').dataset.id; const discussion = getDiscussions().find(d => d.id === id); if (discussion) { discussion.contentBlocks = discussion.contentBlocks.filter(b => b.id !== blockId); // 更新顺序 discussion.contentBlocks.forEach((block, index) => { block.order = index; }); discussion.updatedAt = new Date().toISOString(); saveDiscussion(discussion); // 重新渲染 renderContentBlocks(discussion.contentBlocks); } } // 添加时间轴项目 function addTimelineItem(blockId) { const id = document.getElementById('editor-view').dataset.id; const discussion = getDiscussions().find(d => d.id === id); if (discussion) { const blockIndex = discussion.contentBlocks.findIndex(b => b.id === blockId); if (blockIndex >= 0) { const block = discussion.contentBlocks[blockIndex]; if (!block.items) { block.items = []; } block.items.push({ id: generateId(), time: new Date().toLocaleTimeString('zh-CN', { hour: '2-digit', minute: '2-digit' }), content: '' }); discussion.updatedAt = new Date().toISOString(); saveDiscussion(discussion); // 重新渲染 renderContentBlocks(discussion.contentBlocks); } } } // 切换决策状态 function toggleDecisionStatus(blockId) { const id = document.getElementById('editor-view').dataset.id; const discussion = getDiscussions().find(d => d.id === id); if (discussion) { const blockIndex = discussion.contentBlocks.findIndex(b => b.id === blockId); if (blockIndex >= 0) { const block = discussion.contentBlocks[blockIndex]; block.status = block.status === 'completed' ? 'pending' : 'completed'; discussion.updatedAt = new Date().toISOString(); saveDiscussion(discussion); // 重新渲染 renderContentBlocks(discussion.contentBlocks); // 更新统计 updateStats(); } } } // 添加待办事项 function addTodoItem(blockId, text) { const id = document.getElementById('editor-view').dataset.id; const discussion = getDiscussions().find(d => d.id === id); if (discussion) { const blockIndex = discussion.contentBlocks.findIndex(b => b.id === blockId); if (blockIndex >= 0) { const block = discussion.contentBlocks[blockIndex]; if (!block.items) { block.items = []; } block.items.push({ id: generateId(), text: text, completed: false }); discussion.updatedAt = new Date().toISOString(); saveDiscussion(discussion); // 重新渲染 renderContentBlocks(discussion.contentBlocks); // 更新统计 updateStats(); } } } // 切换待办事项状态 function toggleTodoItem(blockId, itemId, completed) { const id = document.getElementById('editor-view').dataset.id; const discussion = getDiscussions().find(d => d.id === id); if (discussion) { const blockIndex = discussion.contentBlocks.findIndex(b => b.id === blockId); if (blockIndex >= 0) { const block = discussion.contentBlocks[blockIndex]; const itemIndex = block.items.findIndex(i => i.id === itemId); if (itemIndex >= 0) { block.items[itemIndex].completed = completed; discussion.updatedAt = new Date().toISOString(); saveDiscussion(discussion); // 重新渲染 renderContentBlocks(discussion.contentBlocks); // 更新统计 updateStats(); } } } } // 生成AI总结 function generateSummary() { const id = document.getElementById('editor-view').dataset.id; const discussion = getDiscussions().find(d => d.id === id); if (!discussion) return; const summaryContainer = document.getElementById('summary-container'); summaryContainer.innerHTML = '<p class="text-center text-gray-500">正在生成总结...</p>'; // 模拟AI处理延迟 setTimeout(() => { let summary = `# ${discussion.title} 讨论总结\n\n`; // 提取决策点 const decisions = discussion.contentBlocks.filter(b => b.type === 'decision' && b.content); if (decisions.length > 0) { summary += `## 关键决策\n\n`; decisions.forEach((decision, index) => { summary += `${index + 1}. ${decision.content.replace(/<[^>]*>/g, '')}\n`; }); summary += `\n`; } // 提取待办事项 const todos = []; discussion.contentBlocks.forEach(block => { if (block.type === 'todo' && block.items) { block.items.forEach(item => { if (!item.completed) { todos.push(item.text); } }); } }); if (todos.length > 0) { summary += `## 待办事项\n\n`; todos.forEach((todo, index) => { summary += `${index + 1}. ${todo}\n`; }); summary += `\n`; } // 提取时间线 const timelineItems = []; discussion.contentBlocks.forEach(block => { if (block.type === 'timeline' && block.items) { block.items.forEach(item => { if (item.time && item.content) { timelineItems.push({ time: item.time, content: item.content }); } }); } }); if (timelineItems.length > 0) { summary += `## 时间线\n\n`; timelineItems.forEach(item => { summary += `${item.time} - ${item.content}\n`; }); } // 显示总结 summaryContainer.innerHTML = ` <div class="markdown-body"> ${summary.replace(/\n/g, '<br>').replace(/^# (.*$)/gm, '<h1 class="text-xl font-bold">$1</h1>').replace(/^## (.*$)/gm, '<h2 class="text-lg font-semibold mt-2">$1</h2>')} </div> `; // 更新价值维度统计 valueStats.learn++; saveData(STORAGE_KEYS.STATS, valueStats); updateStats(); showToast('总结已生成', 'success'); }, 1500); } // ==================== 事件监听 ==================== // 初始化事件监听 function initializeEventListeners() { // 导航按钮 document.getElementById('dashboard-btn').addEventListener('click', () => { document.getElementById('dashboard-view').classList.remove('hidden'); document.getElementById('editor-view').classList.add('hidden'); document.getElementById('config-view').classList.add('hidden'); document.getElementById('welcome-view').classList.add('hidden'); renderDashboard(); }); document.getElementById('config-btn').addEventListener('click', () => { document.getElementById('dashboard-view').classList.add('hidden'); document.getElementById('editor-view').classList.add('hidden'); document.getElementById('config-view').classList.remove('hidden'); document.getElementById('welcome-view').classList.add('hidden'); renderConfigView(); }); document.getElementById('back-to-dashboard').addEventListener('click', () => { document.getElementById('dashboard-view').classList.remove('hidden'); document.getElementById('config-view').classList.add('hidden'); renderDashboard(); }); // 新建讨论 document.getElementById('new-discussion-btn').addEventListener('click', createNewDiscussion); document.getElementById('create-first-discussion').addEventListener('click', createNewDiscussion); document.getElementById('explore-dashboard').addEventListener('click', () => { document.getElementById('dashboard-view').classList.remove('hidden'); document.getElementById('welcome-view').classList.add('hidden'); renderDashboard(); }); // 备份按钮 document.getElementById('backup-btn').addEventListener('click', () => { document.getElementById('backup-modal').classList.remove('hidden'); loadBackupData(); // 更新价值维度统计 valueStats.safe++; saveData(STORAGE_KEYS.STATS, valueStats); updateStats(); }); // 关闭备份模态框 document.getElementById('close-backup-modal').addEventListener('click', () => { document.getElementById('backup-modal').classList.add('hidden'); }); document.getElementById('close-backup-btn').addEventListener('click', () => { document.getElementById('backup-modal').classList.add('hidden'); }); // 导出数据 document.getElementById('export-data-btn').addEventListener('click', exportData); // 导入数据 document.getElementById('import-file').addEventListener('change', importData); // 重置数据 document.getElementById('reset-data-btn').addEventListener('click', () => { if (confirm('确定要重置所有数据吗？这将删除所有讨论和配置，不可恢复！')) { resetData(); document.getElementById('backup-modal').classList.add('hidden'); renderDashboard(); renderDiscussions(); renderCategories(); showToast('数据已重置', 'success'); } }); // 添加内容块按钮 document.getElementById('add-content-block').addEventListener('click', () => { document.getElementById('add-block-modal').classList.remove('hidden'); }); // 关闭内容块模态框 document.getElementById('close-modal-btn').addEventListener('click', () => { document.getElementById('add-block-modal').classList.add('hidden'); }); // 添加内容块 document.querySelectorAll('.add-block-btn').forEach(btn => { btn.addEventListener('click', () => { const type = btn.dataset.type; addContentBlock(type); document.getElementById('add-block-modal').classList.add('hidden'); }); }); // 生成总结 document.getElementById('generate-summary-btn').addEventListener('click', generateSummary); // 帮助按钮 document.getElementById('help-button').addEventListener('click', () => { document.getElementById('help-modal').classList.remove('hidden'); // 更新价值维度统计 valueStats.learn++; saveData(STORAGE_KEYS.STATS, valueStats); updateStats(); }); // 关闭帮助模态框 document.getElementById('close-help-modal').addEventListener('click', () => { document.getElementById('help-modal').classList.add('hidden'); }); // 帮助标签页 document.querySelectorAll('.help-tab-btn').forEach(tab => { tab.addEventListener('click', () => { const tabId = tab.dataset.tab; document.querySelectorAll('.help-tab-btn').forEach(t => { t.classList.remove('text-primary', 'border-primary'); t.classList.add('text-gray-500', 'border-transparent'); }); document.querySelectorAll('.help-tab-content').forEach(content => { content.classList.add('hidden'); }); tab.classList.remove('text-gray-500', 'border-transparent'); tab.classList.add('text-primary', 'border-primary'); document.getElementById(`${tabId}-tab`).classList.remove('hidden'); }); }); // 配置标签页 document.querySelectorAll('.config-tab-btn').forEach(tab => { tab.addEventListener('click', () => { const tabId = tab.dataset.tab; document.querySelectorAll('.config-tab-btn').forEach(t => { t.classList.remove('text-primary', 'border-primary'); t.classList.add('text-gray-500', 'border-transparent'); }); document.querySelectorAll('.config-tab-content').forEach(content => { content.classList.add('hidden'); }); tab.classList.remove('text-gray-500', 'border-transparent'); tab.classList.add('text-primary', 'border-primary'); document.getElementById(`${tabId}-tab`).classList.remove('hidden'); }); }); // Requirements需求配置应用 document.getElementById('apply-requirements').addEventListener('click', () => { applyRequirementsConfig(); }); // Demands方法配置应用 document.getElementById('apply-demands').addEventListener('click', () => { applyDemandsConfig(); }); // 添加新范畴 document.getElementById('add-new-category').addEventListener('click', () => { document.getElementById('add-category-modal').classList.remove('hidden'); }); // 关闭范畴模态框 document.getElementById('cancel-category-btn').addEventListener('click', () => { document.getElementById('add-category-modal').classList.add('hidden'); }); // 保存范畴 document.getElementById('save-category-btn').addEventListener('click', saveNewCategory); // 选择颜色 document.querySelectorAll('.category-color-btn').forEach(btn => { btn.addEventListener('click', () => { document.querySelectorAll('.category-color-btn').forEach(b => { b.classList.remove('border-primary'); }); btn.classList.add('border-primary'); }); }); // 添加标签 document.getElementById('add-tag-btn').addEventListener('click', () => { const tagInput = document.getElementById('tag-input'); const tag = tagInput.value.trim(); if (tag) { const id = document.getElementById('editor-view').dataset.id; const discussion = getDiscussions().find(d => d.id === id); if (discussion) { if (!discussion.tags) { discussion.tags = []; } if (!discussion.tags.includes(tag)) { discussion.tags.push(tag); discussion.updatedAt = new Date().toISOString(); saveDiscussion(discussion); renderTags(discussion.tags); } tagInput.value = ''; } } }); // 富文本格式化 document.querySelectorAll('.format-btn').forEach(btn => { btn.addEventListener('click', () => { const command = btn.dataset.command; document.execCommand(command, false, null); // 更新价值维度统计 valueStats.save++; saveData(STORAGE_KEYS.STATS, valueStats); updateStats(); }); }); // 搜索 document.getElementById('search-input').addEventListener('input', debounce(() => { const searchTerm = document.getElementById('search-input').value.toLowerCase(); const discussions = getDiscussions(); const filteredDiscussions = discussions.filter(d => d.title.toLowerCase().includes(searchTerm) || d.subject.toLowerCase().includes(searchTerm) || d.topic.toLowerCase().includes(searchTerm) || (d.tags && d.tags.some(tag => tag.toLowerCase().includes(searchTerm))) ); const discussionList = document.getElementById('discussion-list'); const emptyMsg = document.getElementById('empty-discussion-msg'); if (filteredDiscussions.length === 0) { discussionList.innerHTML = ''; emptyMsg.classList.remove('hidden'); return; } emptyMsg.classList.add('hidden'); discussionList.innerHTML = ''; filteredDiscussions.forEach(discussion => { const category = getCategories().find(c => c.id === discussion.category); const item = document.createElement('div'); item.className = 'p-3 rounded-lg hover:bg-gray-100 cursor-pointer transition-all-300 border border-transparent hover:border-gray-200'; item.dataset.id = discussion.id; item.innerHTML = ` <div class="flex items-start justify-between"> <div class="flex-1"> <h4 class="font-medium text-gray-800 truncate">${discussion.title}</h4> <div class="flex items-center mt-1 text-xs text-gray-500"> <span class="inline-block w-2 h-2 rounded-full mr-1" style="background-color: ${category ? category.color : '#ccc'}"></span> <span>${category ? category.name : '未分类'}</span> <span class="mx-1">•</span> <span>${discussion.subject}</span> </div> </div> </div> <div class="mt-2 text-xs text-gray-500"> <span>${formatDate(discussion.updatedAt)}</span> </div> `; item.addEventListener('click', () => { openDiscussion(discussion.id); }); discussionList.appendChild(item); }); }, 300)); // 分类关键词自动完成 document.getElementById('discussion-subject').addEventListener('input', debounce(() => { const input = document.getElementById('discussion-subject'); const value = input.value.toLowerCase(); const suggestions = document.getElementById('subject-suggestions'); const subjects = getSubjects(); const filteredSubjects = subjects.filter(s => s.toLowerCase().includes(value)); if (filteredSubjects.length > 0 && value.length > 0) { suggestions.innerHTML = filteredSubjects.map(s => ` <div class="p-2 hover:bg-gray-100 cursor-pointer subject-suggestion">${s}</div> `).join(''); suggestions.classList.remove('hidden'); document.querySelectorAll('.subject-suggestion').forEach(suggestion => { suggestion.addEventListener('click', () => { input.value = suggestion.textContent; suggestions.classList.add('hidden'); }); }); } else { suggestions.classList.add('hidden'); } }, 300)); // 点击其他地方关闭自动完成 document.addEventListener('click', (e) => { if (!e.target.closest('#discussion-subject') && !e.target.closest('#subject-suggestions')) { document.getElementById('subject-suggestions').classList.add('hidden'); } }); // 代码定位 document.querySelectorAll('.code-location-btn').forEach(btn => { btn.addEventListener('click', () => { const location = btn.dataset.codeLocation || '未指定'; showCodeLocation(location); }); }); // 架构编辑 document.getElementById('edit-architecture-btn')?.addEventListener('click', () => { showArchitectureConfig(); }); // 符号学架构配置模态框 document.getElementById('close-architecture-modal')?.addEventListener('click', () => { document.getElementById('architecture-config-modal').classList.add('hidden'); }); document.getElementById('close-architecture-config-btn')?.addEventListener('click', () => { document.getElementById('architecture-config-modal').classList.add('hidden'); }); document.getElementById('save-architecture-btn')?.addEventListener('click', () => { saveArchitectureConfig(); }); document.getElementById('reset-architecture-btn')?.addEventListener('click', () => { if (confirm('确定要重置为默认配置吗？这将清除所有自定义设置。')) { localStorage.removeItem('semiotic-architecture-config'); initializeSemioticArchitecture(); renderPrompts(); showToast('架构配置已重置为默认值', 'info'); document.getElementById('architecture-config-modal').classList.add('hidden'); } }); // 关闭代码定位模态框 document.getElementById('close-code-modal-btn').addEventListener('click', () => { document.getElementById('code-location-modal').classList.add('hidden'); }); document.getElementById('close-code-btn').addEventListener('click', () => { document.getElementById('code-location-modal').classList.add('hidden'); }); // 复制代码 document.getElementById('copy-code-btn').addEventListener('click', () => { const code = document.getElementById('code-snippet-container').textContent; navigator.clipboard.writeText(code).then(() => { showToast('代码已复制到剪贴板', 'success'); }); }); // 主题切换 document.getElementById('theme-toggle').addEventListener('click', toggleTheme); // 自动保存讨论 const titleInput = document.getElementById('discussion-title'); const categorySelect = document.getElementById('discussion-category'); const subjectInput = document.getElementById('discussion-subject'); const topicInput = document.getElementById('discussion-topic'); [titleInput, categorySelect, subjectInput, topicInput].forEach(input => { if (input) { input.addEventListener('change', debounce(() => { const id = document.getElementById('editor-view').dataset.id; if (id) { const discussion = getDiscussions().find(d => d.id === id); if (discussion) { discussion.title = titleInput.value; discussion.category = categorySelect.value; discussion.subject = subjectInput.value; discussion.topic = topicInput.value; discussion.updatedAt = new Date().toISOString(); saveDiscussion(discussion); // 更新价值维度统计 valueStats.safe++; saveData(STORAGE_KEYS.STATS, valueStats); updateStats(); } } }, 1000)); } }); } // ==================== 数据备份与恢复 ==================== // 加载备份数据 function loadBackupData() { const data = { discussions: getDiscussions(), categories: getCategories(), subjects: getSubjects(), prompts: getPrompts(), stats: valueStats }; const backupData = document.getElementById('backup-data'); backupData.innerHTML = `<pre><code>${JSON.stringify(data, null, 2)}</code></pre>`; } // 导出数据 function exportData() { const data = { discussions: getDiscussions(), categories: getCategories(), subjects: getSubjects(), prompts: getPrompts(), stats: valueStats, groupHierarchy: getData(STORAGE_KEYS.GROUP_HIERARCHY), directDimension: getData(STORAGE_KEYS.DIRECT_DIMENSION), indexTable: getData(STORAGE_KEYS.INDEX_TABLE), exportDate: new Date().toISOString() }; const dataStr = JSON.stringify(data, null, 2); const dataBlob = new Blob([dataStr], { type: 'application/json' }); const url = URL.createObjectURL(dataBlob); const link = document.createElement('a'); link.href = url; link.download = `discussMemo_backup_${new Date().toISOString().split('T')[0]}.json`; document.body.appendChild(link); link.click(); document.body.removeChild(link); URL.revokeObjectURL(url); showToast('数据已导出', 'success'); } // 导入数据 function importData(event) { const file = event.target.files[0]; if (!file) return; const reader = new FileReader(); reader.onload = (e) => { try { const data = JSON.parse(e.target.result); if (confirm('确定要导入数据吗？这将覆盖当前数据！')) { // 导入数据 if (data.discussions) saveData(STORAGE_KEYS.DISCUSSIONS, data.discussions); if (data.categories) saveData(STORAGE_KEYS.CATEGORIES, data.categories); if (data.subjects) saveData(STORAGE_KEYS.SUBJECTS, data.subjects); if (data.prompts) saveData(STORAGE_KEYS.PROMPTS, data.prompts); if (data.stats) valueStats = data.stats; if (data.groupHierarchy) saveData(STORAGE_KEYS.GROUP_HIERARCHY, data.groupHierarchy); if (data.directDimension) saveData(STORAGE_KEYS.DIRECT_DIMENSION, data.directDimension); if (data.indexTable) saveData(STORAGE_KEYS.INDEX_TABLE, data.indexTable); // 更新统计 saveData(STORAGE_KEYS.STATS, valueStats); // 重新渲染 renderDashboard(); renderDiscussions(); renderCategories(); loadBackupData(); showToast('数据已导入', 'success'); } } catch (error) { console.error('导入数据失败:', error); showToast('导入数据失败，请检查文件格式', 'error'); } }; reader.readAsText(file); } // 重置数据 function resetData() { localStorage.removeItem(STORAGE_KEYS.DISCUSSIONS); localStorage.removeItem(STORAGE_KEYS.CATEGORIES); localStorage.removeItem(STORAGE_KEYS.SUBJECTS); localStorage.removeItem(STORAGE_KEYS.PROMPTS); localStorage.removeItem(STORAGE_KEYS.STATS); localStorage.removeItem(STORAGE_KEYS.GROUP_HIERARCHY); localStorage.removeItem(STORAGE_KEYS.DIRECT_DIMENSION); localStorage.removeItem(STORAGE_KEYS.INDEX_TABLE); // 重新初始化 initializeDataTables(); valueStats = { learn: 0, save: 0, safe: 0 }; saveData(STORAGE_KEYS.STATS, valueStats); } // ==================== 配置管理 ==================== // 渲染配置视图 function renderConfigView() { renderCustomCategories(); renderCustomSubjects(); renderCustomPrompts(); } // 渲染自定义范畴 function renderCustomCategories() { const categories = getCategories(); const container = document.getElementById('custom-categories-list'); container.innerHTML = ''; categories.forEach(category => { const item = document.createElement('div'); item.className = 'p-4 border border-gray-200 rounded-lg'; item.innerHTML = ` <div class="flex items-center justify-between"> <div class="flex items-center"> <div class="w-4 h-4 rounded-full mr-2" style="background-color: ${category.color}"></div> <h4 class="font-medium text-gray-800">${category.name}</h4> <span class="ml-2 adapt-tag adapt-${category.dimension}">${category.dimension === 'universal' ? '万向' : category.dimension === 'industry' ? '千行' : '百业'}</span> </div> <div class="flex space-x-2"> <button class="text-gray-400 hover:text-gray-600 edit-category" data-id="${category.id}"> <i class="fa fa-pencil"></i> </button> <button class="text-gray-400 hover:text-gray-600 delete-category" data-id="${category.id}"> <i class="fa fa-trash-o"></i> </button> </div> </div> ${category.description ? ` <div class="mt-2 text-sm text-gray-600"> <p>${category.description}</p> </div> ` : ''} `; container.appendChild(item); }); // 添加删除事件 document.querySelectorAll('.delete-category').forEach(btn => { btn.addEventListener('click', () => { const id = btn.dataset.id; if (confirm('确定要删除这个范畴吗？')) { deleteCategory(id); renderCustomCategories(); renderCategories(); renderDiscussions(); showToast('范畴已删除', 'success'); } }); }); } // 渲染自定义分类关键词 function renderCustomSubjects() { const subjects = getSubjects(); const container = document.getElementById('custom-subjects-list'); container.innerHTML = ''; subjects.forEach((subject, index) => { const item = document.createElement('div'); item.className = 'p-3 border border-gray-200 rounded-lg flex items-center justify-between'; item.innerHTML = ` <span class="text-gray-800">${subject}</span> <button class="text-gray-400 hover:text-gray-600 delete-subject" data-index="${index}"> <i class="fa fa-trash-o"></i> </button> `; container.appendChild(item); }); // 添加删除事件 document.querySelectorAll('.delete-subject').forEach(btn => { btn.addEventListener('click', () => { const index = parseInt(btn.dataset.index); const subjects = getSubjects(); subjects.splice(index, 1); saveSubjects(subjects); renderCustomSubjects(); showToast('关键词已删除', 'success'); }); }); } // 渲染自定义提示词模板 function renderCustomPrompts() { const prompts = getPrompts(); const container = document.getElementById('custom-prompts-list'); container.innerHTML = ''; prompts.forEach(prompt => { const item = document.createElement('div'); item.className = 'p-4 border border-gray-200 rounded-lg'; item.innerHTML = ` <div class="flex items-center justify-between"> <h4 class="font-medium text-gray-800">${prompt.title}</h4> <div class="flex space-x-2"> <button class="text-gray-400 hover:text-gray-600 edit-prompt-config" data-id="${prompt.id}"> <i class="fa fa-pencil"></i> </button> <button class="text-gray-400 hover:text-gray-600 delete-prompt-config" data-id="${prompt.id}"> <i class="fa fa-trash-o"></i> </button> </div> </div> <div class="mt-2 text-sm text-gray-600"> <p>${prompt.content.replace(/\n/g, ' ').replace(/##/g, '').trim().substring(0, 100)}${prompt.content.length > 100 ? '...' : ''}</p> </div> ${prompt.tags ? ` <div class="mt-2"> ${prompt.tags.map(tag => `<span class="inline-block bg-gray-100 rounded-full px-2 py-0.5 text-xs mr-1">${tag}</span>`).join('')} </div> ` : ''} `; container.appendChild(item); }); // 添加删除事件 document.querySelectorAll('.delete-prompt-config').forEach(btn => { btn.addEventListener('click', () => { const id = btn.dataset.id; if (confirm('确定要删除这个提示词模板吗？')) { deletePrompt(id); renderCustomPrompts(); renderPrompts(); showToast('提示词模板已删除', 'success'); } }); }); } // 应用Requirements需求配置 function applyRequirementsConfig() { const requirements = { documentSystem: { structure: document.querySelector('input[name="doc-structure"]:checked')?.value || 'hybrid', templates: Array.from(document.querySelectorAll('.doc-template:checked')).map(cb => cb.value), collaboration: document.querySelector('input[name="doc-collaboration"]:checked')?.value || 'team' }, objectSystem: { entity: document.querySelector('input[name="obj-entity"]:checked')?.value || 'dynamic', relationship: document.querySelector('input[name="obj-relationship"]:checked')?.value || 'many-to-many', validation: document.querySelector('input[name="obj-validation"]:checked')?.value || 'business' }, tableSystem: { format: document.querySelector('input[name="tbl-format"]:checked')?.value || 'dynamic', processing: document.querySelector('input[name="tbl-processing"]:checked')?.value || 'predictive', integration: document.querySelector('input[name="tbl-integration"]:checked')?.value || 'hybrid' } }; // 根据Requirements配置自动映射到Demands方法论 const mappedDemands = mapRequirementsToDemands(requirements); // 保存配置到localStorage localStorage.setItem('requirementsConfig', JSON.stringify(requirements)); localStorage.setItem('mappedDemandsConfig', JSON.stringify(mappedDemands)); // 显示成功消息 showToast('Requirements需求配置已应用，系统将自动映射到对应的方法论', 'success'); // 更新界面显示 updateRequirementsDisplay(requirements); } // 应用Demands方法配置 function applyDemandsConfig() { const demands = { instructionArchitecture: { topLevel: Array.from(document.querySelectorAll('.instruction-top:checked')).map(cb => cb.value), middleLevel: Array.from(document.querySelectorAll('.instruction-middle:checked')).map(cb => cb.value), bottomLevel: Array.from(document.querySelectorAll('.instruction-bottom:checked')).map(cb => cb.value) }, dataSystemMethodology: { basicTable1: true, // 基础表1默认启用 basicTable2: true, // 基础表2默认启用 jointTable: true // 结合表默认启用 }, companionsMethodology: { memorandum: Array.from(document.querySelectorAll('.companion-memo:checked')).map(cb => cb.value), notebook: Array.from(document.querySelectorAll('.companion-notebook:checked')).map(cb => cb.value), logTable: Array.from(document.querySelectorAll('.companion-log:checked')).map(cb => cb.value) } }; // 保存配置到localStorage localStorage.setItem('demandsConfig', JSON.stringify(demands)); // 显示成功消息 showToast('Demands方法配置已应用，系统将使用指定方法论进行实现', 'success'); // 更新界面显示 updateDemandsDisplay(demands); } // Requirements到Demands的映射函数 function mapRequirementsToDemands(requirements) { const mapping = CORE_CONCEPTS.REQUIREMENTS_DEMANDS_CONFIG.CONFIG_MAPPING_RULES; const mappedDemands = { instructionArchitecture: { topLevel: [], middleLevel: [], bottomLevel: [] }, dataSystemMethodology: { basicTable1: true, basicTable2: true, jointTable: true }, companionsMethodology: { memorandum: ['quick-record', 'hypothesis', 'insight'], notebook: ['discussion-analysis', 'knowledge-processing', 'process-tracking'], logTable: ['decision-log', 'progress-log', 'status-marker', 'consensus-track'] } }; // 文档系统需求映射 const docStructure = requirements.documentSystem.structure; if (mapping.documentSystemMapping[docStructure]) { const instruction = mapping.documentSystemMapping[docStructure]; // 根据映射结果设置对应的三层指令 if (instruction.includes('底层')) { mappedDemands.instructionArchitecture.bottomLevel = ['collection', 'filter', 'verification', 'convergence']; } if (instruction.includes('中层')) { mappedDemands.instructionArchitecture.middleLevel = ['feature', 'pattern', 'induction', 'summary']; } if (instruction.includes('顶层')) { mappedDemands.instructionArchitecture.topLevel = ['syntax', 'semantic', 'logic', 'assembly']; } } // 表格系统需求映射 const tblProcessing = requirements.tableSystem.processing; if (mapping.tableSystemMapping[tblProcessing]) { const instruction = mapping.tableSystemMapping[tblProcessing]; // 根据处理选项设置对应的分析方法 if (instruction.includes('智能')) { mappedDemands.instructionArchitecture.topLevel.push('ai-processing'); } } return mappedDemands; } // 更新Requirements显示 function updateRequirementsDisplay(requirements) { // 更新配置显示状态 const reqStatus = document.createElement('div'); reqStatus.className = 'mt-4 p-3 bg-blue-50 border border-blue-200 rounded-lg'; reqStatus.innerHTML = ` <div class="flex items-center"> <i class="fa fa-check-circle text-blue-600 mr-2"></i> <span class="text-sm font-medium text-blue-800">当前Requirements配置：</span> </div> <div class="mt-2 text-xs text-blue-700"> 文档：${requirements.documentSystem.structure} | 对象：${requirements.objectSystem.entity} | 表格：${requirements.tableSystem.format} </div> `; // 移除之前的状态显示 const oldStatus = document.querySelector('#requirements-tab .bg-blue-50'); if (oldStatus && oldStatus.textContent.includes('当前Requirements配置')) { oldStatus.remove(); } // 添加新的状态显示 document.getElementById('requirements-tab').appendChild(reqStatus); } // 更新Demands显示 function updateDemandsDisplay(demands) { // 更新配置显示状态 const demStatus = document.createElement('div'); demStatus.className = 'mt-4 p-3 bg-green-50 border border-green-200 rounded-lg'; demStatus.innerHTML = ` <div class="flex items-center"> <i class="fa fa-check-circle text-green-600 mr-2"></i> <span class="text-sm font-medium text-green-800">当前Demands配置：</span> </div> <div class="mt-2 text-xs text-green-700"> 指令架构：${demands.instructionArchitecture.topLevel.length + demands.instructionArchitecture.middleLevel.length + demands.instructionArchitecture.bottomLevel.length}项 | 数据体系：已启用 | 同行人：备忘录${demands.companionsMethodology.memorandum.length}项 </div> `; // 移除之前的状态显示 const oldStatus = document.querySelector('#demands-tab .bg-green-50'); if (oldStatus && oldStatus.textContent.includes('当前Demands配置')) { oldStatus.remove(); } // 添加新的状态显示 document.getElementById('demands-tab').appendChild(demStatus); } // 加载已保存的配置 function loadRequirementsDemandsConfig() { const savedRequirements = localStorage.getItem('requirementsConfig'); const savedDemands = localStorage.getItem('demandsConfig'); if (savedRequirements) { const requirements = JSON.parse(savedRequirements); // 恢复UI状态 if (requirements.documentSystem) { const docStructure = document.querySelector(`input[name="doc-structure"][value="${requirements.documentSystem.structure}"]`); if (docStructure) docStructure.checked = true; requirements.documentSystem.templates.forEach(template => { const checkbox = document.querySelector(`.doc-template[value="${template}"]`); if (checkbox) checkbox.checked = true; }); const docCollab = document.querySelector(`input[name="doc-collaboration"][value="${requirements.documentSystem.collaboration}"]`); if (docCollab) docCollab.checked = true; } updateRequirementsDisplay(requirements); } if (savedDemands) { const demands = JSON.parse(savedDemands); // 恢复UI状态 if (demands.instructionArchitecture) { demands.instructionArchitecture.topLevel.forEach(feature => { const checkbox = document.querySelector(`.instruction-top[value="${feature}"]`); if (checkbox) checkbox.checked = true; }); demands.instructionArchitecture.middleLevel.forEach(feature => { const checkbox = document.querySelector(`.instruction-middle[value="${feature}"]`); if (checkbox) checkbox.checked = true; }); demands.instructionArchitecture.bottomLevel.forEach(feature => { const checkbox = document.querySelector(`.instruction-bottom[value="${feature}"]`); if (checkbox) checkbox.checked = true; }); } updateDemandsDisplay(demands); } } // 保存新范畴 function saveNewCategory() { const name = document.getElementById('category-name-input').value.trim(); const description = document.getElementById('category-desc-input').value.trim(); const dimension = document.querySelector('input[name="adapt-dimension"]:checked').value; const colorBtn = document.querySelector('.category-color-btn.border-primary'); const color = colorBtn ? colorBtn.dataset.color : '#3b82f6'; if (!name) { showToast('请输入范畴名称', 'error'); return; } const category = { id: generateId(), name, description, dimension, color }; saveCategory(category); renderCustomCategories(); renderCategories(); document.getElementById('add-category-modal').classList.add('hidden'); showToast('范畴已添加', 'success'); // 清空表单 document.getElementById('category-name-input').value = ''; document.getElementById('category-desc-input').value = ''; document.querySelector('input[name="adapt-dimension"][value="universal"]').checked = true; document.querySelectorAll('.category-color-btn').forEach(btn => { btn.classList.remove('border-primary'); }); document.querySelector('.category-color-btn[data-color="#3b82f6"]').classList.add('border-primary'); } // 添加内容块 function addContentBlock(type) { const id = document.getElementById('editor-view').dataset.id; const discussion = getDiscussions().find(d => d.id === id); if (!discussion) return; let block = { id: generateId(), type, order: discussion.contentBlocks.length }; switch (type) { case 'text': block.content = ''; break; case 'timeline': block.items = []; break; case 'decision': block.content = ''; block.status = 'pending'; break; case 'todo': block.items = []; break; } discussion.contentBlocks.push(block); discussion.updatedAt = new Date().toISOString(); saveDiscussion(discussion); // 重新渲染 renderContentBlocks(discussion.contentBlocks); // 更新价值维度统计 valueStats.save++; saveData(STORAGE_KEYS.STATS, valueStats); updateStats(); } // 显示代码位置 function showCodeLocation(location) { const modal = document.getElementById('code-location-modal'); const title = document.getElementById('code-location-title'); const snippet = document.getElementById('code-snippet-container'); title.textContent = `功能模块：${location}`; // 根据位置生成示例代码 let codeSnippet = ''; switch (location) { case '仪表盘渲染 - JS第1850行': codeSnippet = `// 渲染仪表盘 function renderDashboard() { // 更新统计数据 updateStats(); // 渲染分类分布图表 renderCategoryChart(); // 渲染最近讨论 renderRecentDiscussions(); // 渲染提示词导航 renderPrompts(); }`; break; case '搜索功能 - JS第1500行': codeSnippet = `// 搜索功能 document.getElementById('search-input').addEventListener('input', debounce(() => { const searchTerm = document.getElementById('search-input').value.toLowerCase(); const discussions = getDiscussions(); const filteredDiscussions = discussions.filter(d => d.title.toLowerCase().includes(searchTerm) || d.subject.toLowerCase().includes(searchTerm) || d.topic.toLowerCase().includes(searchTerm) || (d.tags && d.tags.some(tag => tag.toLowerCase().includes(searchTerm))) ); // 渲染过滤后的讨论列表 renderFilteredDiscussions(filteredDiscussions); }, 300));`; break; case '内容块功能 - JS第1300行': codeSnippet = `// 添加内容块 function addContentBlock(type) { const id = document.getElementById('editor-view').dataset.id; const discussion = getDiscussions().find(d => d.id === id); if (!discussion) return; let block = { id: generateId(), type, order: discussion.contentBlocks.length }; switch (type) { case 'text': block.content = ''; break; case 'timeline': block.items = []; break; case 'decision': block.content = ''; block.status = 'pending'; break; case 'todo': block.items = []; break; } discussion.contentBlocks.push(block); discussion.updatedAt = new Date().toISOString(); saveDiscussion(discussion); // 重新渲染 renderContentBlocks(discussion.contentBlocks); }`; break; default: codeSnippet = `// ${location} // 这里是相关功能的实现代码 // 由于代码量较大，仅展示关键部分 // 完整代码请查看对应文件`; } snippet.innerHTML = `<pre><code>${codeSnippet}</code></pre>`; modal.classList.remove('hidden'); } // 切换主题 function toggleTheme() { const body = document.body; const icon = document.getElementById('theme-toggle').querySelector('i'); if (body.classList.contains('dark')) { body.classList.remove('dark'); icon.classList.remove('fa-sun-o'); icon.classList.add('fa-moon-o'); localStorage.setItem(STORAGE_KEYS.THEME, 'light'); } else { body.classList.add('dark'); icon.classList.remove('fa-moon-o'); icon.classList.add('fa-sun-o'); localStorage.setItem(STORAGE_KEYS.THEME, 'dark'); } } // ==================== 初始化 ==================== // 初始化应用 function initializeApp() { // 初始化基础表和结合表 if (!getData(STORAGE_KEYS.GROUP_HIERARCHY)) { initializeDataTables(); } // 加载统计数据 const stats = getData(STORAGE_KEYS.STATS); if (stats) { valueStats = stats; } // 加载主题 const theme = localStorage.getItem(STORAGE_KEYS.THEME); if (theme === 'dark') { document.body.classList.add('dark'); document.getElementById('theme-toggle').querySelector('i').classList.remove('fa-moon-o'); document.getElementById('theme-toggle').querySelector('i').classList.add('fa-sun-o'); } // 渲染分类 renderCategories(); // 渲染讨论列表 renderDiscussions(); // 渲染仪表盘 renderDashboard(); // 初始化表述处理功能 initializeExpressionProcessor(); // 初始化事件监听 initializeEventListeners(); // 显示欢迎视图 document.getElementById('welcome-view').classList.remove('hidden'); } // ==================== 表述处理模块 ==================== // 表述处理数据存储键 const EXPRESSION_KEYS = { RAW_EXPRESSIONS: 'discussMemo_rawExpressions', ANALYSIS_RESULTS: 'discussMemo_analysisResults', EXPRESSION_HISTORY: 'discussMemo_expressionHistory' }; // 初始化表述处理器 function initializeExpressionProcessor() { console.log('初始化表述处理系统...'); // 加载历史记录 loadExpressionHistory(); // 绑定事件监听器 bindExpressionEventListeners(); } // 绑定表述处理相关事件 function bindExpressionEventListeners() { // 运行分析按钮 document.getElementById('run-expression-analysis')?.addEventListener('click', runExpressionAnalysis); // 加载示例按钮 document.getElementById('load-example-btn')?.addEventListener('click', loadExampleExpression); // 保存表述按钮 document.getElementById('save-expression-btn')?.addEventListener('click', saveRawExpression); // 原始表述输入监听 document.getElementById('raw-expression-input')?.addEventListener('input', updateColumnPreview); } // 加载示例表述 function loadExampleExpression() { const exampleExpression = `内嵌式赋能/外挂式省力/中蕴式省心 学习/节约/安全 万向/千行/百业 通/性/量 通/别/藏 境/行/果 顿/渐/密`; document.getElementById('raw-expression-input').value = exampleExpression; updateColumnPreview(); showToast('已加载示例表述', 'success'); } // 更新7列结构预览 function updateColumnPreview() { const input = document.getElementById('raw-expression-input').value.trim(); const preview = document.getElementById('column-preview'); if (!input) { preview.innerHTML = ` <div class="text-center text-gray-500 py-8"> <i class="fa fa-eye text-2xl mb-2"></i> <p>输入原始表述后将显示结构预览</p> </div>`; return; } const lines = input.split('\n'); if (lines.length !== 3) { preview.innerHTML = ` <div class="text-center text-red-500 py-8"> <i class="fa fa-exclamation-triangle text-2xl mb-2"></i> <p>需要输入3行数据，当前${lines.length}行</p> </div>`; return; } // 解析7列数据 const columns = extractColumns(lines); let html = '<div class="space-y-2">'; for (let i = 0; i < 7; i++) { const columnName = getColumnName(i); const columnData = columns[i]; html += ` <div class="flex items-center space-x-2 p-2 bg-white rounded border"> <div class="w-16 text-xs font-medium text-gray-600">${columnName}</div> <div class="flex-1 text-sm font-mono">${columnData || '-'}</div> </div>`; } html += '</div>'; preview.innerHTML = html; } // 提取7列数据 function extractColumns(lines) { const columns = []; // 第1行：3列词组 const line1Items = lines[0].split(' '); columns[0] = line1Items[0] || ''; columns[1] = line1Items[1] || ''; columns[2] = line1Items[2] || ''; // 第2行：4列词组 const line2Items = lines[1].split(' '); columns[3] = line2Items[0] || ''; columns[4] = line2Items[1] || ''; columns[5] = line2Items[2] || ''; columns[6] = line2Items[3] || ''; return columns; } // 获取列名称 function getColumnName(index) { const names = ['第1列', '第2列', '第3列', '第4列', '第5列', '第6列', '第7列']; return names[index]; } // 运行表述分析 async function runExpressionAnalysis() { const input = document.getElementById('raw-expression-input').value.trim(); if (!input) { showToast('请输入原始表述', 'warning'); return; } showToast('正在分析表述...', 'info'); try { // 调用Python分析程序（这里先模拟结果） const analysisResult = await simulateExpressionAnalysis(input); // 显示分析结果 displayAnalysisResults(analysisResult); // 保存分析结果 saveAnalysisResult(analysisResult); showToast('分析完成！', 'success'); } catch (error) { console.error('分析失败:', error); showToast('分析失败，请检查输入格式', 'error'); } } // 模拟表述分析（后续可替换为真实Python调用） async function simulateExpressionAnalysis(input) { // 模拟处理时间 await new Promise(resolve => setTimeout(resolve, 1000)); const lines = input.split('\n'); const columns = extractColumns(lines); return { input: input, columns: columns, timestamp: new Date().toISOString(), results: { ternary: { name: '三元组（立名）', columns: [ { index: 0, content: columns[0], operation: '外立"服务"之名' }, { index: 1, content: columns[1], operation: '内立"管理"之名' }, { index: 2, content: columns[2], operation: '中立"组织"之名' } ] }, trichotomy: { name: '三分法（立法）', columns: [ { index: 3, content: columns[3], operation: '加成"器"' }, { index: 6, content: columns[6], operation: '减成"唯识论"' } ] }, trinity: { name: '三位一体（立向）', columns: [ { index: 4, content: columns[4], operation: '反破"圆"' }, { index: 5, content: columns[5], operation: '正破"不定"' } ] } }, validation: { structureValid: lines.length === 3, columnsComplete: columns.filter(c => c).length === 7, exclusivityValid: true, // 模拟验证通过 completeness: '85%' } }; } // 显示分析结果 function displayAnalysisResults(result) { // 显示三元组结果 const ternaryDiv = document.getElementById('ternary-results'); ternaryDiv.innerHTML = result.results.ternary.columns.map(col => ` <div class="p-2 bg-blue-50 rounded border-l-2 border-blue-400"> <div class="font-medium text-blue-800">第${col.index + 1}列</div> <div class="text-sm text-gray-700">${col.content}</div> <div class="text-xs text-blue-600 mt-1">${col.operation}</div> </div> `).join(''); // 显示三分法结果 const trichotomyDiv = document.getElementById('trichotomy-results'); trichotomyDiv.innerHTML = result.results.trichotomy.columns.map(col => ` <div class="p-2 bg-purple-50 rounded border-l-2 border-purple-400"> <div class="font-medium text-purple-800">第${col.index + 1}列</div> <div class="text-sm text-gray-700">${col.content}</div> <div class="text-xs text-purple-600 mt-1">${col.operation}</div> </div> `).join(''); // 显示三位一体结果 const trinityDiv = document.getElementById('trinity-results'); trinityDiv.innerHTML = result.results.trinity.columns.map(col => ` <div class="p-2 bg-green-50 rounded border-l-2 border-green-400"> <div class="font-medium text-green-800">第${col.index + 1}列</div> <div class="text-sm text-gray-700">${col.content}</div> <div class="text-xs text-green-600 mt-1">${col.operation}</div> </div> `).join(''); // 显示验证报告 const validationDiv = document.getElementById('validation-report'); validationDiv.innerHTML = ` <div class="grid grid-cols-1 md:grid-cols-2 gap-4"> <div class="flex items-center space-x-2"> <i class="fa ${result.validation.structureValid ? 'fa-check-circle text-green-500' : 'fa-exclamation-circle text-red-500'}"></i> <span>结构验证：${result.validation.structureValid ? '通过' : '失败'}</span> </div> <div class="flex items-center space-x-2"> <i class="fa ${result.validation.columnsComplete ? 'fa-check-circle text-green-500' : 'fa-exclamation-circle text-red-500'}"></i> <span>列完整性：${result.validation.columnsComplete ? '通过' : '失败'}</span> </div> <div class="flex items-center space-x-2"> <i class="fa ${result.validation.exclusivityValid ? 'fa-check-circle text-green-500' : 'fa-exclamation-circle text-red-500'}"></i> <span>排他性验证：${result.validation.exclusivityValid ? '通过' : '失败'}</span> </div> <div class="flex items-center space-x-2"> <i class="fa fa-info-circle text-blue-500"></i> <span>完整度：${result.validation.completeness}</span> </div> </div> <div class="mt-3 p-3 bg-gray-50 rounded"> <div class="text-sm font-medium text-gray-700 mb-1">分析时间</div> <div class="text-xs text-gray-600">${new Date(result.timestamp).toLocaleString()}</div> </div> `; } // 保存原始表述 function saveRawExpression() { const input = document.getElementById('raw-expression-input').value.trim(); if (!input) { showToast('请输入原始表述', 'warning'); return; } const expressions = JSON.parse(localStorage.getItem(EXPRESSION_KEYS.RAW_EXPRESSIONS) || '[]'); expressions.push({ id: generateId(), content: input, timestamp: new Date().toISOString() }); localStorage.setItem(EXPRESSION_KEYS.RAW_EXPRESSIONS, JSON.stringify(expressions)); showToast('表述已保存', 'success'); } // 保存分析结果 function saveAnalysisResult(result) { const results = JSON.parse(localStorage.getItem(EXPRESSION_KEYS.ANALYSIS_RESULTS) || '[]'); results.unshift(result); // 添加到开头 // 最多保存20个结果 if (results.length > 20) { results.splice(20); } localStorage.setItem(EXPRESSION_KEYS.ANALYSIS_RESULTS, JSON.stringify(results)); // 更新历史记录显示 loadExpressionHistory(); } // 加载历史记录 function loadExpressionHistory() { const historyDiv = document.getElementById('expression-history'); const results = JSON.parse(localStorage.getItem(EXPRESSION_KEYS.ANALYSIS_RESULTS) || '[]'); if (results.length === 0) { historyDiv.innerHTML = ` <div class="text-center text-gray-500 py-4"> <i class="fa fa-inbox text-xl mb-2"></i> <p class="text-sm">暂无历史记录</p> </div>`; return; } historyDiv.innerHTML = results.slice(0, 5).map((result, index) => ` <div class="flex items-center justify-between p-3 bg-gray-50 rounded hover:bg-gray-100 transition-colors cursor-pointer" onclick="loadHistoryResult(${index})"> <div class="flex-1"> <div class="text-sm font-medium text-gray-800">分析记录 #${index + 1}</div> <div class="text-xs text-gray-600">${new Date(result.timestamp).toLocaleString()}</div> </div> <div class="text-xs bg-universal text-white px-2 py-1 rounded"> 完整度: ${result.validation.completeness} </div> </div> `).join(''); } // 加载历史结果 window.loadHistoryResult = function(index) { const results = JSON.parse(localStorage.getItem(EXPRESSION_KEYS.ANALYSIS_RESULTS) || '[]'); const result = results[index]; if (result) { document.getElementById('raw-expression-input').value = result.input; updateColumnPreview(); displayAnalysisResults(result); // 切换到表述处理标签页 showTab('expression'); showToast('已加载历史分析结果', 'success'); } }; // ========== 整体设计核心架构 ========== // 三层嵌套设计概念词汇表 const CORE_CONCEPTS = { // 三层嵌套结构 {[()]} ARCHITECTURE: { // 外层：软件包和软件架构 PACKAGE: { name: "软件包 (Software Package)", description: "完整系统的容器化架构", layers: ["内嵌式赋能", "外挂式省力", "中蕴式省心"] }, // 中层：指令集架构 INSTRUCTION: { name: "指令集架构 (Instruction Set Architecture)", description: "系统操作的核心指令集", commands: ["明言-析取", "暗示-合取", "隐喻-双取"] }, // 内层：三套提示词系统 PROMPTS: { name: "提示词系统 (Prompt System)", description: "符号学显式表达的三个维度", dimensions: { explicit: "明言 - 析取提示词", implicit: "暗示 - 合取关键词", metaphorical: "隐喻 - 双取主题词" } } }, // PIN结符号学架构 PIN_STRUCTURE: { // 理科：PIN结括号设备 SCIENCE: { name: "PIN结括号设备", domain: "理科", properties: ["力学性", "数学性"], principle: "共存唯一，共生的自然双重决定论基础", features: ["存在出双入对", "媒介性mediating"] }, // 工科：PIN节工具箱 ENGINEERING: { name: "PIN节工具箱", domain: "工科", properties: ["经验常识", "科学方法"], principle: "互补同一，共长的因果逻辑决定论", features: ["两种形式配对", "meaning和purpose相关性relative"] }, // 文科："拼"块仪表盘 LIBERAL_ARTS: { name: "拼块仪表盘", domain: "文科", properties: ["两种独立性", "对立统一"], principle: "共情的现实认识决定论", features: ["三个概念对子", "structure/definition/dictionary独立性"] } }, // 三套提示词详细定义 PROMPT_SYSTEMS: { // 1. 明言 - 析取提示词 EXPLICIT_PROMPT: { name: "明言 - 析取提示词", system: "显式表达的表述体系 - 现代符号学", dimensions: { grammar: { name: "语法 (Grammar)", target: "适应专有名词 proper names (post)", types: ["纯粹文法", "构式文法"], application: "功能hover提示（语义表述，应用因子命名法）" }, pragmatics: { name: "语用 (Pragmatics)", target: "适用普通单词", types: ["纯粹逻辑", "形式逻辑"], application: "能力cover提示（语用表格，系统框架因素分类学）" }, semantics: { name: "语义 (Semantics)", target: "过程适配一般代词和术语体系", types: ["纯粹修辞", "认知语义"], application: "性能gover提示（语法表示，格架软件架构元素）" } } }, // 2. 暗示 - 合取关键词 IMPLICIT_KEYWORD: { name: "暗示 - 合取关键词", system: "心流-因果-现实的三个维度", dimensions: { mind: { name: "心动证明程序", principle: "心流（中心先'动'）-语言模型", level: "概念认知层" }, motion: { name: "运动轨迹函数", principle: "溢出（顶部先'活'）-因果数据", level: "数据处理层" }, action: { name: "行动角色谓词", principle: "涌现（根部先'生'）-现实自然涌现", level: "现实操作层" } }, components: { causal: { name: "因果层", type: "形容词 - 纯粹修辞 - 概念适配", count: 2 }, dynamic: { name: "动态组织社区", type: "名词 - 纯粹文法 - 存在适应", count: 3 }, functional: { name: "内在功能模块", type: "动词 - 纯粹形式 - 逻辑合适", count: 2 } } }, // 3. 隐喻 - 双取主取主题词 METAPHORICAL_THEME: { name: "隐喻 - 双取主取主题词", system: "顶级公理体系的依存关系", dimensions: { axiom: { name: "顶级公理", focus: "集合元素依存", level: "抽象元层" }, method: { name: "根本方法", focus: "作用机制", level: "实现方法层" }, assertion: { name: "初始断言", focus: "范畴元件约束", level: "具体应用层" } } } }, // 三层价值表达 VALUE_EXPRESSIONS: { embedded: { name: "内嵌式赋能 - 学习", scope: "万向 通 - 通 境 顿", keywords: ["学习", "引导", "提示", "洞察", "启发"] }, external: { name: "外挂式省力 - 节约", scope: "千行 别 - 性 行 渐", keywords: ["省力", "快捷", "自动", "总结", "效率"] }, internal: { name: "中蕴式省心 - 安全", scope: "百业 藏 - 量 果 密", keywords: ["安全", "可靠", "保护", "存储", "备份"] } }, // Requirements-Demands配置层（不变部分） REQUIREMENTS_DEMANDS_CONFIG: { // 外部使用者需求Requirements（固定选项） REQUIREMENTS: { // 文档系统需求 documentSystem: { name: "文档系统需求", description: "用户对文档管理的固定期望选项", options: { structure: { name: "结构化选项", features: ["层次化组织", "自动编号", "交叉引用", "版本控制"], selections: ["简单列表", "层级目录", "网络结构", "混合模式"] }, template: { name: "模板化选项", features: ["预设模板", "自定义模板", "模板继承", "模板组合"], selections: ["会议记录", "项目文档", "研究报告", "决策文档", "个人笔记"] }, collaboration: { name: "协作选项", features: ["多人协作", "权限控制", "评论系统", "变更追踪"], selections: ["个人使用", "小团队协作", "部门协作", "跨部门协作"] } } }, // 对象系统需求 objectSystem: { name: "对象系统需求", description: "用户对数据对象的固定期望选项", options: { entity: { name: "实体定义选项", features: ["实体类型", "属性定义", "关系建模", "约束规则"], selections: ["简单实体", "复合实体", "动态实体", "继承实体"] }, relationship: { name: "关系映射选项", features: ["关系类型", "关联强度", "方向性", "传递规则"], selections: ["一对一", "一对多", "多对多", "网络关系"] }, validation: { name: "验证选项", features: ["数据校验", "业务规则", "完整性约束", "一致性检查"], selections: ["基础验证", "业务验证", "跨系统验证", "实时验证"] } } }, // 表格系统需求 tableSystem: { name: "表格系统需求", description: "用户对表格处理的固定期望选项", options: { format: { name: "格式选项", features: ["字段类型", "格式标准", "显示样式", "导出格式"], selections: ["简单表格", "复杂表格", "动态表格", "混合格式"] }, processing: { name: "处理选项", features: ["数据计算", "统计分析", "图表生成", "报表输出"], selections: ["基础计算", "统计分析", "预测分析", "智能分析"] }, integration: { name: "集成选项", features: ["数据导入", "实时同步", "API接口", "第三方集成"], selections: ["本地处理", "云端同步", "混合模式", "完全集成"] } } } }, // 内部实现要求Demands（固定方法论） DEMANDS: { // 拼语言三层指令架构 instructionArchitecture: { name: "拼语言三层指令架构", description: "实现用户需求的核心方法论框架", layers: { topLevel: { name: "顶层Pin语言通用模型", instruction: "assemble指令", purpose: "结论把握和整体组装", features: ["语法解析", "语义理解", "逻辑推理", "结果组装"] }, middleLevel: { name: "中层自定义专用模型配置", instruction: "summarize指令", purpose: "结果谓词和总结归纳", features: ["特征提取", "模式识别", "知识归纳", "结果总结"] }, bottomLevel: { name: "底层配置内容处理", instruction: "converge指令", purpose: "原因命题和汇聚处理", features: ["数据收集", "信息过滤", "事实验证", "逻辑汇聚"] } } }, // 2+1数据体系方法论 dataSystemMethodology: { name: "2+1数据体系方法论", description: "支撑所有数据处理的基础架构方法", tables: { basicTable1: { name: "基础表1：分组层次表", structure: { external: ["内嵌式赋能", "外挂式省力", "中蕴式省心"], internal: ["学习", "节约", "安全"], neutral: ["万向", "千行", "百业"] }, purpose: "系统的分组管理和层次结构" }, basicTable2: { name: "基础表2：直连维度表", structure: { embedded: ["学习", "万向", "通", "境", "顿"], external: ["节约", "千行", "别", "行", "渐"], internal: ["安全", "百业", "藏", "量", "果", "密"] }, purpose: "功能维度的直接关联" }, jointTable: { name: "结合表：索引表", structure: { content: ["内嵌式赋能", "学习", "万向", "通", "境", "顿"], logic: ["外挂式省力", "节约", "千行", "别", "行", "渐"], dictionary: ["中蕴式省心", "安全", "百业", "藏", "量", "果", "密"] }, purpose: "内容项、逻辑项、字典项的统一索引" } } }, // 三个同行人协同方法论 companionsMethodology: { name: "三个同行人协同方法论", description: "动态记录过程的协同工作方法", companions: { memorandum: { name: "备忘录系统", purpose: "个人知识库，原料仪表盘", workflow: ["快速记录", "思维导图", "假设验证", "个人洞察"], dynamics: "随个人理解加深而更新" }, notebook: { name: "笔记本系统", purpose: "分析工具箱，加工日志集合", workflow: ["讨论分析", "知识加工", "执行支持", "过程追踪"], dynamics: "随讨论进展而丰富" }, logTable: { name: "日志表系统", purpose: "共享知识库，成品标记包", workflow: ["决策日志", "进展记录", "状态标记", "共识追踪"], dynamics: "随团队协作而完善" } }, collaborationRules: { statusMapping: { "✅ 已共识": "进入共享知识库", "🔄 讨论中": "在笔记本系统活跃", "⏳ 待讨论": "在备忘录系统等待", "❓ 有疑问": "需要三个系统协同验证", "⚠️ 有分歧": "在笔记本系统分析处理" }, dataFlow: { "个人理解": "→ 备忘录 → 笔记本分析 → 日志表记录", "团队讨论": "→ 笔记本处理 → 备忘录补充 → 日志表更新", "达成共识": "→ 日志表标记 → 笔记本总结 → 备忘录归档" } } } }, // 配置引导规则（Requirements到Demands的映射） CONFIG_MAPPING_RULES: { // 文档系统需求映射 documentSystemMapping: { "结构化选项": { "简单列表": "底层converge指令 + 基础表1分组", "层级目录": "中层summarize指令 + 基础表2维度", "网络结构": "顶层assemble指令 + 结合表索引", "混合模式": "三层指令 + 2+1数据体系" }, "模板化选项": { "会议记录": "笔记本分析工具 + 日志表状态追踪", "项目文档": "备忘录项目管理 + 笔记本执行支持", "研究报告": "三个同行人协同 + 拼语言三层架构", "决策文档": "共识状态映射 + 团队协作方法论", "个人笔记": "备忘录个人洞察 + 快速记录工作流" } }, // 对象系统需求映射 objectSystemMapping: { "实体定义选项": { "简单实体": "基础表1实体管理 + 底层数据汇聚", "复合实体": "基础表2关联维度 + 中层特征提取", "动态实体": "结合表索引管理 + 顶层逻辑推理", "继承实体": "2+1数据体系 + 三层指令协同" } }, // 表格系统需求映射 tableSystemMapping: { "处理选项": { "基础计算": "底层converge数据处理 + 基础表统计", "统计分析": "中层summarize归纳 + 基础表2分析", "预测分析": "顶层assemble推理 + 结合表智能", "智能分析": "拼语言三层架构 + AI辅助处理" } } }, // 配置验证规则 VALIDATION_RULES: { consistency: "确保选择的requirements选项映射到正确的demands方法论", completeness: "验证所有必要的方法论组件都已配置", compatibility: "检查不同需求选项的方法论兼容性", scalability: "确保配置支持系统扩展和演化" } }, // 三层次动态记录体系（修正后） DYNAMIC_RECORDING_SYSTEM: { // 第一层次：文档模型层 DOCUMENT_MODEL: { name: "文档模型层", description: "结构化文档的元数据定义和模板系统", dimensions: { structural: { name: "结构维度", elements: ["标题", "目录", "章节", "段落", "注释"], features: ["层次化组织", "自动编号", "交叉引用", "版本控制"] }, semantic: { name: "语义维度", elements: ["关键词", "标签", "分类", "主题", "实体"], features: ["语义标注", "关系映射", "概念网络", "知识图谱"] }, temporal: { name: "时序维度", elements: ["创建时间", "修改时间", "版本历史", "时间轴", "里程碑"], features: ["时间追踪", "变更记录", "历史对比", "时间线可视化"] } }, templates: { meeting: "会议记录模板", project: "项目文档模板", research: "研究报告模板", decision: "决策文档模板", knowledge: "知识整理模板" } }, // 第二层次：知识管理层 KNOWLEDGE_MANAGEMENT: { name: "知识管理层", description: "知识的组织、检索、关联和演化系统", dimensions: { organization: { name: "知识组织", methods: ["分类法", "标签法", "网络图", "层次结构", "主题地图"], features: ["智能分类", "自动标签", "关联发现", "知识聚类"] }, retrieval: { name: "知识检索", methods: ["全文搜索", "语义搜索", "关联搜索", "推荐系统", "问答系统"], features: ["模糊匹配", "智能推荐", "上下文理解", "多模态检索"] }, evolution: { name: "知识演化", methods: ["版本管理", "更新追踪", "冲突解决", "协作编辑", "知识更新"], features: ["变更检测", "智能合并", "冲突预警", "协作机制"] } }, analytics: { metrics: ["知识覆盖率", "信息密度", "关联强度", "更新频率", "使用热度"], visualizations: ["知识地图", "关系网络图", "热力图", "趋势图", "统计仪表盘"] } }, // 第三层次：动态应用层 DYNAMIC_APPLICATION: { name: "动态应用层", description: "智能化的知识应用和价值创造系统", dimensions: { intelligence: { name: "智能处理", capabilities: ["自动摘要", "情感分析", "主题提取", "关系挖掘", "预测分析"], features: ["AI辅助", "智能推荐", "自动化处理", "模式识别"] }, collaboration: { name: "协作应用", capabilities: ["多人协作", "实时同步", "评论讨论", "任务分配", "进度跟踪"], features: ["团队协作", "版本控制", "权限管理", "通知系统"] }, personalization: { name: "个性化服务", capabilities: ["用户画像", "偏好学习", "习惯分析", "需求预测", "定制界面"], features: ["个性化推荐", "智能提醒", "习惯养成", "效率优化"] } }, automation: { workflows: ["自动分类", "智能归档", "定期总结", "提醒通知", "报告生成"], triggers: ["时间触发", "事件触发", "条件触发", "手动触发"], actions: ["数据处理", "内容生成", "消息发送", "状态更新", "界面更新"] } } } }; // ==================== 三层次动态记录体系功能 ==================== // 获取文档模型配置 function getDocumentModelConfig() { return CORE_CONCEPTS.DYNAMIC_RECORDING_SYSTEM.DOCUMENT_MODEL; } // 获取知识管理配置 function getKnowledgeManagementConfig() { return CORE_CONCEPTS.DYNAMIC_RECORDING_SYSTEM.KNOWLEDGE_MANAGEMENT; } // 获取动态应用配置 function getDynamicApplicationConfig() { return CORE_CONCEPTS.DYNAMIC_RECORDING_SYSTEM.DYNAMIC_APPLICATION; } // 渲染三层次动态记录体系仪表盘（基于原文修正） function renderDynamicRecordingDashboard() { const discussions = getDiscussions(); // 计算第一层：个人知识库（备忘录系统） const personalMemosCount = discussions.filter(d => d.category && (d.category.includes('personal') || d.category.includes('thought')) ).length; const hypothesesCount = discussions.filter(d => d.tags && d.tags.some(tag => ['假设', 'hypothesis', '猜想'].includes(tag)) ).length; const insightsCount = discussions.filter(d => d.summary && d.summary.includes('洞察') && d.summary.length > 30 ).length; // 更新个人知识库显示 document.getElementById('personal-memos-count').textContent = personalMemosCount; document.getElementById('hypotheses-count').textContent = hypothesesCount; document.getElementById('insights-count').textContent = insightsCount; // 计算第二层：共享知识库（记录系统） const decisionLogsCount = discussions.filter(d => d.contentBlocks && d.contentBlocks.some(block => block.type === 'decision') ).length; const consensusRecordsCount = discussions.filter(d => d.tags && d.tags.some(tag => ['共识', 'consensus', ' agreed'].includes(tag)) ).length; const statusMarkersCount = discussions.filter(d => d.contentBlocks && d.contentBlocks.some(block => block.type === 'todo' && block.items && block.items.length > 0 ) ).length; // 更新共享知识库显示 document.getElementById('decision-logs-count').textContent = decisionLogsCount; document.getElementById('consensus-records-count').textContent = consensusRecordsCount; document.getElementById('status-markers-count').textContent = statusMarkersCount; // 计算第三层：笔记系统（日志系统） const processingLogsCount = Math.floor(discussions.length * 0.7); // 模拟加工日志 const analysisToolsCount = discussions.filter(d => d.summary && (d.summary.includes('分析') || d.summary.includes('总结')) ).length; const workflowLogsCount = Math.floor(discussions.length * 0.5); // 模拟工作流日志 // 更新笔记系统显示 document.getElementById('processing-logs-count').textContent = processingLogsCount; document.getElementById('analysis-tools-count').textContent = analysisToolsCount; document.getElementById('workflow-logs-count').textContent = workflowLogsCount; } // 应用文档模型模板 function applyDocumentTemplate(templateId, discussionId) { const discussion = getDiscussions().find(d => d.id === discussionId); if (!discussion) return; const template = getDocumentModelConfig().templates[templateId]; if (!template) return; let templateContent = {}; switch (templateId) { case 'meeting': templateContent = { title: '会议记录', contentBlocks: [ { type: 'text', content: '## 会议基本信息\n**时间：** \n**地点：** \n**参会人员：** ' }, { type: 'text', content: '## 会议议程' }, { type: 'timeline', content: '## 讨论要点' }, { type: 'decision', content: '## 会议决议' }, { type: 'todo', content: '## 行动计划', items: [] } ] }; break; case 'project': templateContent = { title: '项目文档', contentBlocks: [ { type: 'text', content: '## 项目概述\n**项目名称：** \n**项目负责人：** \n**起止时间：** ' }, { type: 'text', content: '## 项目目标' }, { type: 'text', content: '## 技术方案' }, { type: 'todo', content: '## 项目计划', items: [] }, { type: 'decision', content: '## 里程碑' } ] }; break; case 'research': templateContent = { title: '研究报告', contentBlocks: [ { type: 'text', content: '## 研究背景\n**研究领域：** \n**研究问题：** ' }, { type: 'text', content: '## 文献综述' }, { type: 'text', content: '## 研究方法' }, { type: 'text', content: '## 研究发现' }, { type: 'decision', content: '## 结论与建议' } ] }; break; case 'decision': templateContent = { title: '决策文档', contentBlocks: [ { type: 'text', content: '## 决策背景\n**决策时间：** \n**决策者：** ' }, { type: 'text', content: '## 问题分析' }, { type: 'text', content: '## 备选方案' }, { type: 'decision', content: '## 最终决策' }, { type: 'todo', content: '## 实施计划', items: [] } ] }; break; case 'knowledge': templateContent = { title: '知识整理', contentBlocks: [ { type: 'text', content: '## 知识领域\n**分类：** \n**关键词：** ' }, { type: 'text', content: '## 核心概念' }, { type: 'text', content: '## 知识结构' }, { type: 'text', content: '## 应用场景' }, { type: 'text', content: '## 相关资源' } ] }; break; } // 应用模板到讨论 Object.assign(discussion, templateContent); discussion.updatedAt = new Date().toISOString(); saveDiscussion(discussion); showToast(`已应用${template}模板`, 'success'); } // 执行知识分析 function performKnowledgeAnalysis(discussionId) { const discussion = getDiscussions().find(d => d.id === discussionId); if (!discussion) return; const analysis = { semanticDensity: 0, keywordCount: discussion.subject ? discussion.subject.split(/\s+/).length : 0, contentLength: discussion.contentBlocks ? discussion.contentBlocks.length : 0, lastUpdated: discussion.updatedAt, complexity: 'medium' }; // 计算语义密度 const allText = discussion.contentBlocks ? discussion.contentBlocks.map(block => block.content || '').join(' ') : ''; analysis.semanticDensity = analysis.keywordCount / Math.max(allText.length / 100, 1); // 计算复杂度 if (analysis.contentLength > 10) analysis.complexity = 'high'; else if (analysis.contentLength < 3) analysis.complexity = 'low'; return analysis; } // 启动智能工作流 function startIntelligentWorkflow(workflowType, discussionId) { const config = getDynamicApplicationConfig(); const workflow = config.automation.workflows.find(w => w.includes(workflowType)); if (!workflow) return; switch (workflowType) { case 'auto分类': autoClassifyDiscussion(discussionId); break; case '智能归档': smartArchiveDiscussion(discussionId); break; case '定期总结': generatePeriodicSummary(discussionId); break; case '提醒通知': scheduleReminder(discussionId); break; case '报告生成': generateReport(discussionId); break; } showToast(`已启动${workflow}工作流`, 'success'); } // 自动分类讨论 function autoClassifyDiscussion(discussionId) { const discussion = getDiscussions().find(d => d.id === discussionId); if (!discussion) return; // 简单的自动分类逻辑 const content = (discussion.title + ' ' + discussion.subject).toLowerCase(); const keywords = { 'embedded-universal': ['学习', '培训', '教程', '指南', '入门'], 'external-industry': ['工具', '效率', '优化', '自动化', '流程'], 'internal-business': ['安全', '备份', '存储', '保护', '管理'] }; let bestMatch = ''; let maxScore = 0; for (const [categoryId, words] of Object.entries(keywords)) { const score = words.reduce((sum, word) => { return sum + (content.includes(word) ? 1 : 0); }, 0); if (score > maxScore) { maxScore = score; bestMatch = categoryId; } } if (bestMatch && maxScore > 0) { discussion.category = bestMatch; discussion.updatedAt = new Date().toISOString(); saveDiscussion(discussion); } } // 智能归档讨论 function smartArchiveDiscussion(discussionId) { const discussion = getDiscussions().find(d => d.id === discussionId); if (!discussion) return; // 检查讨论是否满足归档条件 const daysSinceUpdate = (Date.now() - new Date(discussion.updatedAt).getTime()) / (1000 * 60 * 60 * 24); const hasCompletedTodos = discussion.contentBlocks && discussion.contentBlocks.some(block => block.type === 'todo' && block.items && block.items.every(item => item.completed) ); if (daysSinceUpdate > 30 && hasCompletedTodos) { discussion.archived = true; discussion.archivedAt = new Date().toISOString(); saveDiscussion(discussion); showToast('讨论已智能归档', 'success'); } } // 生成定期总结 function generatePeriodicSummary(discussionId) { const discussion = getDiscussions().find(d => d.id === discussionId); if (!discussion) return; let summary = { decisions: [], todos: [], keyPoints: [] }; // 提取关键信息 if (discussion.contentBlocks) { discussion.contentBlocks.forEach(block => { if (block.type === 'decision' && block.content) { summary.decisions.push(block.content); } else if (block.type === 'todo' && block.items) { summary.todos.push(...block.items.filter(item => !item.completed).map(item => item.text)); } else if (block.type === 'text' && block.content) { // 简单提取关键点 const sentences = block.content.split(/[。！？]/); summary.keyPoints.push(...sentences.filter(s => s.length > 10).slice(0, 3)); } }); } // 保存总结 discussion.autoSummary = summary; discussion.lastSummaryAt = new Date().toISOString(); saveDiscussion(discussion); return summary; } // 渲染三层次动态记录体系仪表盘 function renderDynamicRecordingDashboard() { const container = document.getElementById('dynamic-recording-dashboard'); if (!container) return; const discussions = getDiscussions(); const docModel = getDocumentModelConfig(); const knowledgeMgmt = getKnowledgeManagementConfig(); const dynamicApp = getDynamicApplicationConfig(); // 计算各层次的统计数据 const stats = { documentModel: { totalTemplates: Object.keys(docModel.templates).length, structuredDocs: discussions.filter(d => d.contentBlocks && d.contentBlocks.length > 0).length, avgContentLength: discussions.reduce((sum, d) => sum + (d.contentBlocks ? d.contentBlocks.length : 0), 0) / discussions.length }, knowledgeManagement: { totalCategories: getCategories().length, totalTags: [...new Set(discussions.flatMap(d => d.tags || []))].length, avgKeywords: discussions.reduce((sum, d) => sum + (d.subject ? d.subject.split(/\s+/).length : 0), 0) / discussions.length }, dynamicApplication: { automatedActions: 0, // 这里可以从配置中获取实际的自动化操作数量 intelligentFeatures: 3, // AI辅助、智能推荐、自动化处理 personalizationLevel: 'medium' } }; // 渲染仪表盘内容 container.innerHTML = ` <div class="grid grid-cols-1 md:grid-cols-3 gap-6"> <!-- 文档模型层统计 --> <div class="bg-white rounded-lg p-6 border border-orange-200"> <h4 class="font-medium text-orange-800 mb-4">文档模型层</h4> <div class="space-y-3"> <div class="flex justify-between"> <span class="text-sm text-gray-600">可用模板</span> <span class="font-medium">${stats.documentModel.totalTemplates}</span> </div> <div class="flex justify-between"> <span class="text-sm text-gray-600">结构化文档</span> <span class="font-medium">${stats.documentModel.structuredDocs}</span> </div> <div class="flex justify-between"> <span class="text-sm text-gray-600">平均内容长度</span> <span class="font-medium">${stats.documentModel.avgContentLength.toFixed(1)}</span> </div> </div> </div> <!-- 知识管理层统计 --> <div class="bg-white rounded-lg p-6 border border-teal-200"> <h4 class="font-medium text-teal-800 mb-4">知识管理层</h4> <div class="space-y-3"> <div class="flex justify-between"> <span class="text-sm text-gray-600">分类数量</span> <span class="font-medium">${stats.knowledgeManagement.totalCategories}</span> </div> <div class="flex justify-between"> <span class="text-sm text-gray-600">标签总数</span> <span class="font-medium">${stats.knowledgeManagement.totalTags}</span> </div> <div class="flex justify-between"> <span class="text-sm text-gray-600">平均关键词</span> <span class="font-medium">${stats.knowledgeManagement.avgKeywords.toFixed(1)}</span> </div> </div> </div> <!-- 动态应用层统计 --> <div class="bg-white rounded-lg p-6 border border-indigo-200"> <h4 class="font-medium text-indigo-800 mb-4">动态应用层</h4> <div class="space-y-3"> <div class="flex justify-between"> <span class="text-sm text-gray-600">自动化操作</span> <span class="font-medium">${stats.dynamicApplication.automatedActions}</span> </div> <div class="flex justify-between"> <span class="text-sm text-gray-600">智能特性</span> <span class="font-medium">${stats.dynamicApplication.intelligentFeatures}</span> </div> <div class="flex justify-between"> <span class="text-sm text-gray-600">个性化程度</span> <span class="font-medium">${stats.dynamicApplication.personalizationLevel}</span> </div> </div> </div> </div> `; } // 三层次动态记录体系事件处理（基于原文修正） document.addEventListener('DOMContentLoaded', () => { // 刷新三层次体系数据 document.getElementById('refresh-recording-system-btn')?.addEventListener('click', () => { renderDynamicRecordingDashboard(); showToast('三层次动态记录体系数据已刷新', 'success'); }); // 三层次体系功能按钮事件 document.querySelectorAll('.recording-system-btn').forEach(btn => { btn.addEventListener('click', () => { const action = btn.dataset.action; switch(action) { case 'personal-memo': showPersonalMemoCreator(); break; case 'team-consensus': showTeamConsensusRecorder(); break; case 'process-log': showKnowledgeProcessor(); break; default: showToast('功能开发中...', 'info'); } }); }); }); // 显示个人备忘创建器（第一层：备忘录系统） function showPersonalMemoCreator() { const modal = document.createElement('div'); modal.className = 'fixed inset-0 bg-black bg-opacity-50 z-50 flex items-center justify-center'; modal.innerHTML = ` <div class="bg-white rounded-xl shadow-lg w-full max-w-2xl mx-4 max-h-[80vh] overflow-y-auto"> <div class="p-6 border-b border-gray-200"> <h3 class="text-lg font-medium text-gray-800">创建个人备忘（原料仪表盘）</h3> <p class="text-sm text-gray-600 mt-1">记录个人主观理解和记忆，随理解加深而更新</p> </div> <div class="p-6"> <div class="space-y-4"> <div> <label class="block text-sm font-medium text-gray-700 mb-2">备忘类型</label> <select class="w-full border border-gray-300 rounded-md px-3 py-2"> <option value="personal-memo">个人备忘</option> <option value="hypothesis">待验证假设</option> <option value="insight">个人洞察</option> </select> </div> <div> <label class="block text-sm font-medium text-gray-700 mb-2">快速记录</label> <textarea rows="4" placeholder="记录你的想法、灵感或假设..." class="w-full border border-gray-300 rounded-md px-3 py-2"></textarea> </div> <div> <label class="block text-sm font-medium text-gray-700 mb-2">关联标签</label> <input type="text" placeholder="输入相关标签..." class="w-full border border-gray-300 rounded-md px-3 py-2"> </div> </div> </div> <div class="p-6 border-t border-gray-200 flex justify-end"> <button class="px-4 py-2 bg-gray-100 text-gray-700 rounded-lg hover:bg-gray-200 mr-2">取消</button> <button class="px-4 py-2 bg-orange-500 text-white rounded-lg hover:bg-orange-600">保存备忘</button> </div> </div> `; document.body.appendChild(modal); modal.querySelector('.bg-gray-100').addEventListener('click', () => { document.body.removeChild(modal); }); modal.querySelector('.bg-orange-500').addEventListener('click', () => { showToast('个人备忘已保存到知识库', 'success'); document.body.removeChild(modal); renderDynamicRecordingDashboard(); }); } // 显示团队共识记录器（第二层：记录系统） function showTeamConsensusRecorder() { const modal = document.createElement('div'); modal.className = 'fixed inset-0 bg-black bg-opacity-50 z-50 flex items-center justify-center'; modal.innerHTML = ` <div class="bg-white rounded-xl shadow-lg w-full max-w-2xl mx-4 max-h-[80vh] overflow-y-auto"> <div class="p-6 border-b border-gray-200"> <h3 class="text-lg font-medium text-gray-800">记录团队共识（成品标记包）</h3> <p class="text-sm text-gray-600 mt-1">记录团队客观共识和决定，随讨论进展而补充</p> </div> <div class="p-6"> <div class="space-y-4"> <div> <label class="block text-sm font-medium text-gray-700 mb-2">记录类型</label> <select class="w-full border border-gray-300 rounded-md px-3 py-2"> <option value="decision-log">决策日志</option> <option value="consensus-record">共识记录</option> <option value="status-marker">状态标记</option> </select> </div> <div> <label class="block text-sm font-medium text-gray-700 mb-2">共识内容</label> <textarea rows="4" placeholder="记录团队达成的共识或决策..." class="w-full border border-gray-300 rounded-md px-3 py-2"></textarea> </div> <div> <label class="block text-sm font-medium text-gray-700 mb-2">参与者</label> <input type="text" placeholder="输入参与者名称，用逗号分隔..." class="w-full border border-gray-300 rounded-md px-3 py-2"> </div> </div> </div> <div class="p-6 border-t border-gray-200 flex justify-end"> <button class="px-4 py-2 bg-gray-100 text-gray-700 rounded-lg hover:bg-gray-200 mr-2">取消</button> <button class="px-4 py-2 bg-blue-500 text-white rounded-lg hover:bg-blue-600">记录共识</button> </div> </div> `; document.body.appendChild(modal); modal.querySelector('.bg-gray-100').addEventListener('click', () => { document.body.removeChild(modal); }); modal.querySelector('.bg-blue-500').addEventListener('click', () => { showToast('团队共识已记录到共享知识库', 'success'); document.body.removeChild(modal); renderDynamicRecordingDashboard(); }); } // 显示知识处理器（第三层：日志系统） function showKnowledgeProcessor() { const modal = document.createElement('div'); modal.className = 'fixed inset-0 bg-black bg-opacity-50 z-50 flex items-center justify-center'; modal.innerHTML = ` <div class="bg-white rounded-xl shadow-lg w-full max-w-2xl mx-4 max-h-[80vh] overflow-y-auto"> <div class="p-6 border-b border-gray-200"> <h3 class="text-lg font-medium text-gray-800">知识加工分析（分析工具箱）</h3> <p class="text-sm text-gray-600 mt-1">启动知识加工和分析工具，随状态变化而追加日志</p> </div> <div class="p-6"> <div class="space-y-4"> <div> <label class="block text-sm font-medium text-gray-700 mb-2">分析工具</label> <select class="w-full border border-gray-300 rounded-md px-3 py-2"> <option value="consensus-detector">共识检测器</option> <option value="pattern-recognizer">模式识别器</option> <option value="efficiency-analyzer">效率分析器</option> </select> </div> <div> <label class="block text-sm font-medium text-gray-700 mb-2">加工对象</label> <textarea rows="4" placeholder="选择要分析的讨论或内容..." class="w-full border border-gray-300 rounded-md px-3 py-2"></textarea> </div> <div> <label class="block text-sm font-medium text-gray-700 mb-2">处理日志</label> <div class="bg-gray-50 p-3 rounded-md text-sm text-gray-600 min-h-[80px]"> 系统将自动记录加工过程和结果... </div> </div> </div> </div> <div class="p-6 border-t border-gray-200 flex justify-end"> <button class="px-4 py-2 bg-gray-100 text-gray-700 rounded-lg hover:bg-gray-200 mr-2">取消</button> <button class="px-4 py-2 bg-green-500 text-white rounded-lg hover:bg-green-600">开始加工</button> </div> </div> `; document.body.appendChild(modal); modal.querySelector('.bg-gray-100').addEventListener('click', () => { document.body.removeChild(modal); }); modal.querySelector('.bg-green-500').addEventListener('click', () => { showToast('知识加工已启动，日志将自动追加', 'success'); document.body.removeChild(modal); renderDynamicRecordingDashboard(); }); } // 显示文档模板选择器 function showDocumentTemplateSelector() { const templates = getDocumentModelConfig().templates; const templateList = Object.keys(templates).map(key => `<option value="${key}">${templates[key].name}</option>` ).join(''); const modal = document.createElement('div'); modal.className = 'fixed inset-0 bg-black bg-opacity-50 z-50 flex items-center justify-center'; modal.innerHTML = ` <div class="bg-white rounded-xl shadow-lg w-full max-w-md mx-4"> <div class="p-6 border-b border-gray-200"> <h3 class="text-lg font-medium text-gray-800">选择文档模板</h3> </div> <div class="p-6"> <div class="mb-4"> <label class="block text-sm font-medium text-gray-700 mb-2">模板类型</label> <select id="template-select" class="w-full border border-gray-300 rounded-md px-3 py-2"> ${templateList} </select> </div> <div class="mb-4"> <label class="block text-sm font-medium text-gray-700 mb-2">应用到讨论</label> <select id="discussion-select" class="w-full border border-gray-300 rounded-md px-3 py-2"> <option value="">创建新讨论</option> ${getDiscussions().map(d => `<option value="${d.id}">${d.title}</option>` ).join('')} </select> </div> </div> <div class="p-6 border-t border-gray-200 flex justify-end"> <button id="cancel-template" class="px-4 py-2 bg-gray-100 text-gray-700 rounded-lg hover:bg-gray-200 mr-2">取消</button> <button id="apply-template" class="px-4 py-2 bg-primary text-white rounded-lg hover:bg-primary-dark">应用模板</button> </div> </div> `; document.body.appendChild(modal); // 事件处理 modal.querySelector('#cancel-template').addEventListener('click', () => { document.body.removeChild(modal); }); modal.querySelector('#apply-template').addEventListener('click', () => { const templateId = modal.querySelector('#template-select').value; const discussionId = modal.querySelector('#discussion-select').value; if (templateId) { if (discussionId) { applyDocumentTemplate(templateId, discussionId); } else { // 创建新讨论 createNewDiscussionWithTemplate(templateId); } showToast('文档模板已应用', 'success'); document.body.removeChild(modal); } }); } // 执行知识分析 function performKnowledgeAnalysis() { const discussions = getDiscussions(); const analysis = { totalDiscussions: discussions.length, categories: {}, tags: {}, contentBlocks: { text: 0, timeline: 0, decision: 0, todo: 0 }, timeDistribution: {} }; discussions.forEach(d => { // 分类统计 analysis.categories[d.category] = (analysis.categories[d.category] || 0) + 1; // 标签统计 if (d.tags) { d.tags.forEach(tag => { analysis.tags[tag] = (analysis.tags[tag] || 0) + 1; }); } // 内容块统计 if (d.contentBlocks) { d.contentBlocks.forEach(block => { analysis.contentBlocks[block.type] = (analysis.contentBlocks[block.type] || 0) + 1; }); } // 时间分布统计 const month = new Date(d.createdAt).toLocaleDateString('zh-CN', { year: 'numeric', month: 'short' }); analysis.timeDistribution[month] = (analysis.timeDistribution[month] || 0) + 1; }); // 显示分析结果 showKnowledgeAnalysisResult(analysis); } // 显示知识分析结果 function showKnowledgeAnalysisResult(analysis) { const modal = document.createElement('div'); modal.className = 'fixed inset-0 bg-black bg-opacity-50 z-50 flex items-center justify-center'; modal.innerHTML = ` <div class="bg-white rounded-xl shadow-lg w-full max-w-3xl mx-4 max-h-[80vh] overflow-y-auto"> <div class="p-6 border-b border-gray-200"> <h3 class="text-lg font-medium text-gray-800">知识分析报告</h3> </div> <div class="p-6"> <div class="grid grid-cols-1 md:grid-cols-2 gap-6"> <div class="bg-blue-50 p-4 rounded-lg"> <h4 class="font-medium text-blue-900 mb-2">讨论统计</h4> <p class="text-sm text-blue-800">总讨论数: ${analysis.totalDiscussions}</p> </div> <div class="bg-green-50 p-4 rounded-lg"> <h4 class="font-medium text-green-900 mb-2">内容块分布</h4> <p class="text-sm text-green-800">文本: ${analysis.contentBlocks.text} | 时间轴: ${analysis.contentBlocks.timeline} | 决策: ${analysis.contentBlocks.decision} | 待办: ${analysis.contentBlocks.todo}</p> </div> </div> <div class="mt-6"> <h4 class="font-medium text-gray-800 mb-2">热门标签</h4> <div class="flex flex-wrap gap-2"> ${Object.entries(analysis.tags).slice(0, 10).map(([tag, count]) => `<span class="bg-gray-100 text-gray-700 px-2 py-1 rounded-full text-sm">${tag}: ${count}</span>` ).join('')} </div> </div> </div> <div class="p-6 border-t border-gray-200 flex justify-end"> <button id="close-analysis" class="px-4 py-2 bg-primary text-white rounded-lg hover:bg-primary-dark">关闭</button> </div> </div> `; document.body.appendChild(modal); modal.querySelector('#close-analysis').addEventListener('click', () => { document.body.removeChild(modal); }); } // 启动智能工作流 function startIntelligentWorkflow() { showToast('正在启动智能工作流...', 'info'); // 模拟智能工作流处理 setTimeout(() => { const workflow = { autoClassification: Math.random() > 0.5, smartSummary: Math.random() > 0.5, trendAnalysis: Math.random() > 0.5 }; let message = '智能工作流已启动：\n'; if (workflow.autoClassification) message += '✓ 自动分类已启用\n'; if (workflow.smartSummary) message += '✓ 智能总结已启用\n'; if (workflow.trendAnalysis) message += '✓ 趋势分析已启用\n'; showToast(message, 'success'); }, 2000); } // 使用模板创建新讨论 function createNewDiscussionWithTemplate(templateId) { const template = getDocumentModelConfig().templates[templateId]; if (!template) return; const newDiscussion = { id: Date.now().toString(), title: `基于${template.name}的新讨论`, category: 'embedded-universal', subject: '模板创建', topic: template.name, tags: ['模板', template.name.split('模板')[0]], createdAt: new Date().toISOString(), updatedAt: new Date().toISOString(), contentBlocks: [], summary: `使用${template.name}创建的讨论，包含${template.structure.join('、')}` }; const discussions = getDiscussions(); discussions.push(newDiscussion); saveDiscussions(discussions); // 打开新创建的讨论 openDiscussion(newDiscussion.id); } // 初始化符号学架构 function initializeSemioticArchitecture() { console.log('初始化符号学架构...', CORE_CONCEPTS); // 扩展分类系统以支持三层嵌套 window.DEFAULT_CATEGORIES = [ { id: 'embedded-universal', name: '内嵌式学习', dimension: 'universal', value: 'embedded', color: '#3b82f6', description: '万向 通 - 通 境 顿：内嵌式赋能学习系统', semioticLayer: 'explicit' }, { id: 'external-industry', name: '外挂式省力', dimension: 'industry', value: 'external', color: '#a855f7', description: '千行 别 - 性 行 渐：外挂式省力节约系统', semioticLayer: 'implicit' }, { id: 'internal-business', name: '中蕴式安全', dimension: 'business', value: 'internal', color: '#22c55e', description: '百业 藏 - 量 果 密：中蕴式省心安全系统', semioticLayer: 'metaphorical' } ]; // 扩展提示词模板 window.DEFAULT_PROMPTS = [ { id: 'explicit-grammar', title: '明言语法分析', category: 'embedded-universal', description: '专有名词适应：纯粹文法与构式文法的语法分析', icon: 'fa-language', semioticSystem: 'explicit', promptType: 'grammar', content: { structure: '语法目标：适应专有名词 (post)', analysis: ['纯粹文法分析', '构式文法验证'], application: '功能hover提示（语义表述，应用因子命名法）' } }, { id: 'implicit-mind', title: '暗示心动程序', category: 'external-industry', description: '心流证明程序：中心先动的语言模型启动', icon: 'fa-brain', semioticSystem: 'implicit', promptType: 'mind', content: { principle: '心流（中心先"动"）-语言模型', activation: ['心流状态检测', '语言模型启动'], mechanism: '概念认知层的触发机制' } }, { id: 'metaphorical-axiom', title: '隐喻公理体系', category: 'internal-business', description: '顶级公理依存：集合元素的根本依存关系', icon: 'fa-sitemap', semioticSystem: 'metaphorical', promptType: 'axiom', content: { focus: '集合元素依存', structure: ['抽象元层', '实现方法层', '具体应用层'], application: '范畴元件约束的建立' } } ]; } // ==================== 三层次动态记录体系快速操作 ==================== // 显示文档模板选择器 function showDocumentTemplates() { const discussionId = currentDiscussionId; if (!discussionId) { showToast('请先打开一个讨论', 'warning'); return; } const docModel = getDocumentModelConfig(); const templates = Object.entries(docModel.templates); // 创建模板选择模态框 const modal = document.createElement('div'); modal.className = 'fixed inset-0 bg-black bg-opacity-50 z-50 flex items-center justify-center'; modal.innerHTML = ` <div class="bg-white rounded-xl shadow-lg w-full max-w-2xl mx-4 max-h-[80vh] overflow-y-auto"> <div class="p-6 border-b border-gray-200"> <h3 class="text-lg font-medium text-gray-800">选择文档模板</h3> <p class="text-sm text-gray-600 mt-1">应用预定义的文档结构模板</p> </div> <div class="p-6"> <div class="grid grid-cols-1 md:grid-cols-2 gap-4"> ${templates.map(([id, name]) => ` <button onclick="applyDocumentTemplate('${id}', '${discussionId}'); this.closest('.fixed').remove();" class="p-4 border border-gray-200 rounded-lg hover:border-primary hover:bg-blue-50 transition-all-300 text-left"> <div class="flex items-center mb-2"> <i class="fa fa-file-text-o text-orange-600 mr-2"></i> <h4 class="font-medium text-gray-800">${name}</h4> </div> <p class="text-sm text-gray-600">点击应用${name}结构模板</p> </button> `).join('')} </div> </div> <div class="p-6 border-t border-gray-200 flex justify-end"> <button onclick="this.closest('.fixed').remove()" class="px-4 py-2 bg-gray-100 text-gray-700 rounded-lg hover:bg-gray-200 transition-all-300"> 取消 </button> </div> </div> `; document.body.appendChild(modal); } // 执行批量知识分析 function performBatchAnalysis() { const discussions = getDiscussions(); if (discussions.length === 0) { showToast('暂无讨论数据可供分析', 'warning'); return; } showToast('正在执行批量知识分析...', 'info'); // 分析所有讨论 const analysisResults = discussions.map(discussion => { const analysis = performKnowledgeAnalysis(discussion.id); return { id: discussion.id, title: discussion.title, analysis: analysis }; }); // 显示分析结果 setTimeout(() => { const modal = document.createElement('div'); modal.className = 'fixed inset-0 bg-black bg-opacity-50 z-50 flex items-center justify-center'; modal.innerHTML = ` <div class="bg-white rounded-xl shadow-lg w-full max-w-4xl mx-4 max-h-[80vh] overflow-y-auto"> <div class="p-6 border-b border-gray-200"> <h3 class="text-lg font-medium text-gray-800">知识分析结果</h3> <p class="text-sm text-gray-600 mt-1">基于三层次动态记录体系的分析</p> </div> <div class="p-6"> <div class="space-y-4"> ${analysisResults.map(result => ` <div class="border border-gray-200 rounded-lg p-4"> <h4 class="font-medium text-gray-800 mb-2">${result.title}</h4> <div class="grid grid-cols-2 md:grid-cols-4 gap-4 text-sm"> <div> <span class="text-gray-600">语义密度:</span> <span class="font-medium ml-1">${result.analysis.semanticDensity.toFixed(2)}</span> </div> <div> <span class="text-gray-600">关键词数:</span> <span class="font-medium ml-1">${result.analysis.keywordCount}</span> </div> <div> <span class="text-gray-600">内容长度:</span> <span class="font-medium ml-1">${result.analysis.contentLength}</span> </div> <div> <span class="text-gray-600">复杂度:</span> <span class="font-medium ml-1">${result.analysis.complexity}</span> </div> </div> </div> `).join('')} </div> </div> <div class="p-6 border-t border-gray-200 flex justify-end"> <button onclick="this.closest('.fixed').remove()" class="px-4 py-2 bg-primary text-white rounded-lg hover:bg-primary-dark transition-all-300"> 关闭 </button> </div> </div> `; document.body.appendChild(modal); showToast('知识分析完成', 'success'); }, 1000); } // 显示自动化设置 function showAutomationSettings() { const dynamicApp = getDynamicApplicationConfig(); const modal = document.createElement('div'); modal.className = 'fixed inset-0 bg-black bg-opacity-50 z-50 flex items-center justify-center'; modal.innerHTML = ` <div class="bg-white rounded-xl shadow-lg w-full max-w-3xl mx-4 max-h-[80vh] overflow-y-auto"> <div class="p-6 border-b border-gray-200"> <h3 class="text-lg font-medium text-gray-800">自动化工作流配置</h3> <p class="text-sm text-gray-600 mt-1">配置智能自动化操作，提升工作效率</p> </div> <div class="p-6"> <div class="space-y-6"> <div> <h4 class="font-medium text-gray-800 mb-3">可用工作流</h4> <div class="space-y-3"> ${dynamicApp.automation.workflows.map(workflow => ` <label class="flex items-center p-3 border border-gray-200 rounded-lg hover:bg-gray-50 cursor-pointer"> <input type="checkbox" class="mr-3" checked> <div class="flex-1"> <div class="font-medium text-gray-800">${workflow}</div> <div class="text-sm text-gray-600">自动执行${workflow}操作</div> </div> </label> `).join('')} </div> </div> <div> <h4 class="font-medium text-gray-800 mb-3">触发条件</h4> <div class="space-y-3"> ${dynamicApp.automation.triggers.map(trigger => ` <label class="flex items-center p-3 border border-gray-200 rounded-lg hover:bg-gray-50 cursor-pointer"> <input type="checkbox" class="mr-3"> <div class="flex-1"> <div class="font-medium text-gray-800">${trigger}</div> <div class="text-sm text-gray-600">使用${trigger}方式启动工作流</div> </div> </label> `).join('')} </div> </div> </div> </div> <div class="p-6 border-t border-gray-200 flex justify-end"> <button onclick="this.closest('.fixed').remove()" class="px-4 py-2 bg-gray-100 text-gray-700 rounded-lg hover:bg-gray-200 transition-all-300 mr-2"> 取消 </button> <button onclick="this.closest('.fixed').remove(); showToast('自动化配置已保存', 'success');" class="px-4 py-2 bg-primary text-white rounded-lg hover:bg-primary-dark transition-all-300"> 保存配置 </button> </div> </div> `; document.body.appendChild(modal); } // 页面加载完成后初始化 document.addEventListener('DOMContentLoaded', () => { initializeSemioticArchitecture(); initializeApp(); // 初始化三层次动态记录体系仪表盘 setTimeout(() => { renderDynamicRecordingDashboard(); }, 1000); }); </script> </body> </html>