1. 增加了合并权重
2. 修改了一些列表展示的bug
This commit is contained in:
@@ -3,126 +3,71 @@
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>模型推理 - 远光软件微调平台</title>
|
||||
<script src="../lib/tailwindcss/tailwind.js"></script>
|
||||
<title>合并权重 - YG_FT</title>
|
||||
<link href="../../assets/libs/font-awesome-4.7.0/css/font-awesome.min.css" rel="stylesheet">
|
||||
<script src="../../assets/libs/tailwindcss.js"></script>
|
||||
<script>
|
||||
if (typeof console !== 'undefined' && console.warn) {
|
||||
const originalWarn = console.warn;
|
||||
console.warn = function(...args) {
|
||||
if (args[0] && args[0].includes && args[0].includes('cdn.tailwindcss.com')) {
|
||||
return;
|
||||
tailwind.config = {
|
||||
theme: {
|
||||
extend: {
|
||||
colors: {
|
||||
primary: '#1890ff'
|
||||
}
|
||||
}
|
||||
originalWarn.apply(console, args);
|
||||
};
|
||||
}
|
||||
}
|
||||
</script>
|
||||
<link href="../lib/font-awesome/css/font-awesome.min.css" rel="stylesheet">
|
||||
<style>
|
||||
:root { --primary: #1890ff; --danger: #f5222d; --success: #52c41a; }
|
||||
.sidebar-section-title {
|
||||
padding: 0.5rem 1rem;
|
||||
font-size: 0.75rem;
|
||||
color: rgba(191, 203, 217, 0.7);
|
||||
font-weight: 500;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 0.05em;
|
||||
}
|
||||
.nav-link:hover { background-color: rgba(0, 21, 41, 0.2); }
|
||||
.sidebar-item-active {
|
||||
background-color: rgba(24, 144, 255, 0.1);
|
||||
color: #1890ff;
|
||||
border-left: 4px solid #1890ff;
|
||||
background-color: #1890ff !important;
|
||||
color: white !important;
|
||||
}
|
||||
/* 侧边栏滑块动画 */
|
||||
.sidebar-slider {
|
||||
position: absolute;
|
||||
width: 4px;
|
||||
height: 0;
|
||||
background-color: #1890ff;
|
||||
border-radius: 0 2px 2px 0;
|
||||
transition: top 0.3s cubic-bezier(0.4, 0, 0.2, 1),
|
||||
height 0.3s cubic-bezier(0.4, 0, 0.2, 1);
|
||||
pointer-events: none;
|
||||
z-index: 10;
|
||||
body {
|
||||
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
|
||||
}
|
||||
.nav-item-wrapper {
|
||||
position: relative;
|
||||
}
|
||||
.nav-link {
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
}
|
||||
.chat-message { animation: fadeIn 0.3s ease; }
|
||||
@keyframes fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }
|
||||
.typing-indicator span {
|
||||
display: inline-block;
|
||||
width: 6px;
|
||||
height: 6px;
|
||||
background-color: #1890ff;
|
||||
border-radius: 50%;
|
||||
margin: 0 2px;
|
||||
animation: typing 1.4s infinite ease-in-out;
|
||||
}
|
||||
.typing-indicator span:nth-child(2) { animation-delay: 0.2s; }
|
||||
.typing-indicator span:nth-child(3) { animation-delay: 0.4s; }
|
||||
@keyframes typing { 0%, 60%, 100% { transform: translateY(0); } 30% { transform: translateY(-8px); } }
|
||||
.bg-primary { background-color: #1890ff; }
|
||||
.text-primary { color: #1890ff; }
|
||||
.border-primary { border-color: #1890ff; }
|
||||
</style>
|
||||
</head>
|
||||
<body class="antialiased bg-gray-100 flex h-screen overflow-hidden">
|
||||
<!-- 侧边导航 -->
|
||||
<aside class="w-64 text-[#bfcbd9] flex-shrink-0 hidden md:block flex flex-col h-full" style="background-color: #001529;">
|
||||
<!-- 平台LOGO区域 -->
|
||||
<div class="pt-5 pb-3 border-b border-[#001529]/30 flex items-center justify-center pl-2">
|
||||
<img src="../assets/logo/logo.png" alt="Logo" class="w-8 h-8 object-contain mr-2">
|
||||
<span class="text-white font-medium text-base">远光软件微调平台</span>
|
||||
<body class="bg-gray-100 h-screen flex overflow-hidden">
|
||||
<!-- 侧边栏 -->
|
||||
<aside class="w-56 bg-[#001529] text-white flex flex-col shrink-0">
|
||||
<div class="h-14 flex items-center px-4 border-b border-[#001529]/30">
|
||||
<i class="fa fa-cube text-primary text-xl"></i>
|
||||
<span class="ml-2 font-medium text-lg">YG_FT</span>
|
||||
</div>
|
||||
|
||||
<!-- 导航主区域 -->
|
||||
<nav class="flex-1 overflow-y-auto py-2 relative">
|
||||
<!-- 滑块指示器 -->
|
||||
<div class="sidebar-slider" id="sidebar-slider"></div>
|
||||
|
||||
<!-- 第一分区：模型服务 -->
|
||||
<div class="sidebar-section-title">模型服务</div>
|
||||
<div class="nav-item-wrapper">
|
||||
<a href="#" data-page="fine-tune" class="nav-link flex items-center px-4 py-2.5 hover:bg-[#001529]/20 transition-colors">
|
||||
<i class="fa fa-cogs w-5 text-center"></i>
|
||||
<span class="ml-2">模型调优</span>
|
||||
</a>
|
||||
</div>
|
||||
<nav class="flex-1 overflow-y-auto py-4">
|
||||
<!-- 第一分区：模型管理 -->
|
||||
<div class="sidebar-section-title">模型管理</div>
|
||||
<div class="nav-item-wrapper">
|
||||
<a href="main.html?page=my-models" data-page="my-models" class="nav-link flex items-center px-4 py-2.5 hover:bg-[#001529]/20 transition-colors">
|
||||
<i class="fa fa-database w-5 text-center"></i>
|
||||
<i class="fa fa-cube w-5 text-center"></i>
|
||||
<span class="ml-2">我的模型</span>
|
||||
</a>
|
||||
</div>
|
||||
<div class="nav-item-wrapper">
|
||||
<a href="#" data-page="model-eval" class="nav-link flex items-center px-4 py-2.5 hover:bg-[#001529]/20 transition-colors">
|
||||
<i class="fa fa-line-chart w-5 text-center"></i>
|
||||
<span class="ml-2">模型评测</span>
|
||||
<a href="main.html?page=model-create" data-page="model-create" class="nav-link flex items-center px-4 py-2.5 hover:bg-[#001529]/20 transition-colors">
|
||||
<i class="fa fa-plus w-5 text-center"></i>
|
||||
<span class="ml-2">添加模型</span>
|
||||
</a>
|
||||
</div>
|
||||
<div class="nav-item-wrapper">
|
||||
<a href="#" data-page="model-compare" class="nav-link flex items-center px-4 py-2.5 hover:bg-[#001529]/20 transition-colors">
|
||||
<i class="fa fa-server w-5 text-center"></i>
|
||||
<a href="main.html?page=model-compare" data-page="model-compare" class="nav-link flex items-center px-4 py-2.5 hover:bg-[#001529]/20 transition-colors">
|
||||
<i class="fa fa-clone w-5 text-center"></i>
|
||||
<span class="ml-2">模型对比</span>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<!-- 第二分区：资源管理 -->
|
||||
<div class="sidebar-section-title mt-6">资源管理</div>
|
||||
<!-- 第二分区：训练管理 -->
|
||||
<div class="sidebar-section-title mt-6">训练管理</div>
|
||||
<div class="nav-item-wrapper">
|
||||
<a href="#" data-page="model-manage" class="nav-link flex items-center px-4 py-2.5 hover:bg-[#001529]/20 transition-colors">
|
||||
<i class="fa fa-cube w-5 text-center"></i>
|
||||
<span class="ml-2">模型管理</span>
|
||||
<a href="main.html?page=fine-tune" data-page="fine-tune" class="nav-link flex items-center px-4 py-2.5 hover:bg-[#001529]/20 transition-colors">
|
||||
<i class="fa fa-magic w-5 text-center"></i>
|
||||
<span class="ml-2">训练任务</span>
|
||||
</a>
|
||||
</div>
|
||||
<div class="nav-item-wrapper">
|
||||
<a href="#" data-page="dataset-manage" class="nav-link flex items-center px-4 py-2.5 hover:bg-[#001529]/20 transition-colors">
|
||||
<i class="fa fa-file-text w-5 text-center"></i>
|
||||
<a href="main.html?page=data-manage" data-page="data-manage" class="nav-link flex items-center px-4 py-2.5 hover:bg-[#001529]/20 transition-colors">
|
||||
<i class="fa fa-database w-5 text-center"></i>
|
||||
<span class="ml-2">数据集管理</span>
|
||||
</a>
|
||||
</div>
|
||||
@@ -177,7 +122,7 @@
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<!-- 对话区域 -->
|
||||
<!-- 主内容 -->
|
||||
<main class="flex-1 flex flex-col overflow-hidden bg-gray-50">
|
||||
<!-- 模型信息栏 -->
|
||||
<div class="bg-white border-b border-gray-200 px-6 py-3 flex items-center justify-between">
|
||||
@@ -191,57 +136,35 @@
|
||||
<span id="baseModel" class="text-sm text-gray-700">-</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex items-center space-x-4">
|
||||
<div class="flex items-center">
|
||||
<label class="text-xs text-gray-400 mr-2">Temperature:</label>
|
||||
<input type="range" id="temperature" min="0" max="1" step="0.1" value="0.7" class="w-24">
|
||||
<span id="temperatureValue" class="ml-2 text-sm text-gray-600">0.7</span>
|
||||
</div>
|
||||
|
||||
<!-- 合并权重区域 -->
|
||||
<div id="mergeContainer" class="flex-1 overflow-y-auto p-6">
|
||||
<!-- 合并状态 -->
|
||||
<div id="mergeState" class="flex flex-col items-center justify-center h-full text-center py-12">
|
||||
<div class="w-16 h-16 rounded-full bg-blue-100 flex items-center justify-center mb-4">
|
||||
<i class="fa fa-compress text-2xl text-blue-500"></i>
|
||||
</div>
|
||||
<button onclick="clearChat()" class="text-xs text-gray-500 hover:text-gray-700">
|
||||
<i class="fa fa-trash-o mr-1"></i>清空对话
|
||||
<h3 class="text-lg font-medium text-gray-600 mb-2">合并模型权重</h3>
|
||||
<p class="text-sm text-gray-400 max-w-sm mb-4" id="mergeText">将LoRA适配器权重合并到基座模型</p>
|
||||
<button onclick="mergeWeights()" id="mergeBtn"
|
||||
class="px-6 py-2.5 bg-primary text-white rounded-lg hover:bg-primary/90 transition-colors flex items-center">
|
||||
<i class="fa fa-compress mr-2"></i>
|
||||
<span>开始合并</span>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 聊天消息区域 -->
|
||||
<div id="chatContainer" class="flex-1 overflow-y-auto p-6 space-y-4">
|
||||
<!-- 欢迎消息 -->
|
||||
<div class="chat-message flex justify-start">
|
||||
<div class="max-w-3xl bg-white rounded-lg shadow-sm p-4 border border-gray-200">
|
||||
<div class="flex items-start">
|
||||
<div class="w-8 h-8 rounded-full bg-primary flex items-center justify-center flex-shrink-0">
|
||||
<i class="fa fa-robot text-white text-sm"></i>
|
||||
</div>
|
||||
<div class="ml-3">
|
||||
<div class="text-xs text-gray-400 mb-1">AI 助手</div>
|
||||
<div class="text-sm text-gray-700 leading-relaxed">
|
||||
您好！我是基于该模型训练的AI助手。请在下方输入您的问题，我会尽力为您解答。
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 输入区域 -->
|
||||
<div class="bg-white border-t border-gray-200 p-4">
|
||||
<div class="max-w-4xl mx-auto">
|
||||
<div class="flex items-stretch gap-3">
|
||||
<div class="flex-1">
|
||||
<textarea id="userInput" placeholder="请输入您的问题..." rows="2"
|
||||
class="w-full px-4 py-2.5 border border-gray-300 rounded-lg focus:border-primary focus:outline-none resize-none text-sm h-full"
|
||||
onkeydown="if(event.key === 'Enter' && !event.shiftKey) { event.preventDefault(); sendMessage(); }"></textarea>
|
||||
</div>
|
||||
<button onclick="sendMessage()" id="sendBtn"
|
||||
class="px-5 py-2 bg-primary text-white rounded-lg hover:bg-primary/90 transition-colors flex items-center justify-center h-auto self-center">
|
||||
<i class="fa fa-paper-plane mr-1.5"></i>
|
||||
<span>发送</span>
|
||||
</button>
|
||||
</div>
|
||||
<div class="mt-2 text-xs text-gray-400 flex items-center">
|
||||
<i class="fa fa-info-circle mr-1"></i>
|
||||
按 Enter 发送，Shift+Enter 换行
|
||||
<!-- 合并结果 -->
|
||||
<div id="mergeResult" class="hidden flex flex-col items-center justify-center h-full text-center py-12">
|
||||
<div class="w-16 h-16 rounded-full bg-green-100 flex items-center justify-center mb-4">
|
||||
<i class="fa fa-check-circle text-2xl text-green-500"></i>
|
||||
</div>
|
||||
<h3 class="text-lg font-medium text-gray-600 mb-2">合并完成</h3>
|
||||
<p class="text-sm text-gray-400 max-w-sm mb-4" id="resultText"></p>
|
||||
<button onclick="location.reload()"
|
||||
class="px-6 py-2.5 bg-primary text-white rounded-lg hover:bg-primary/90 transition-colors">
|
||||
<i class="fa fa-refresh mr-2"></i>
|
||||
<span>返回</span>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
@@ -262,11 +185,9 @@
|
||||
trainMethod: '',
|
||||
baseModel: ''
|
||||
};
|
||||
let chatHistory = [];
|
||||
let isLoading = false;
|
||||
|
||||
// 页面初始化
|
||||
document.addEventListener('DOMContentLoaded', function() {
|
||||
document.addEventListener('DOMContentLoaded', async function() {
|
||||
// 解析URL参数
|
||||
const urlParams = new URLSearchParams(window.location.search);
|
||||
const modelName = urlParams.get('model');
|
||||
@@ -289,6 +210,11 @@
|
||||
document.getElementById('trainMethod').textContent = methodDisplay[currentModel.trainMethod] || currentModel.trainMethod;
|
||||
}
|
||||
|
||||
// 加载模型信息
|
||||
if (currentModel.name) {
|
||||
await loadModelInfo();
|
||||
}
|
||||
|
||||
// 绑定侧边栏导航点击事件
|
||||
document.querySelectorAll('.nav-link').forEach(link => {
|
||||
link.addEventListener('click', function(e) {
|
||||
@@ -306,217 +232,97 @@
|
||||
}
|
||||
});
|
||||
updateSidebarSlider();
|
||||
|
||||
// 绑定温度滑块
|
||||
const tempSlider = document.getElementById('temperature');
|
||||
const tempValue = document.getElementById('temperatureValue');
|
||||
tempSlider.addEventListener('input', function() {
|
||||
tempValue.textContent = this.value;
|
||||
});
|
||||
|
||||
// 聚焦输入框
|
||||
document.getElementById('userInput').focus();
|
||||
|
||||
console.log('[DEBUG] 模型推理页面初始化:', currentModel);
|
||||
});
|
||||
|
||||
// 发送消息
|
||||
async function sendMessage() {
|
||||
const input = document.getElementById('userInput');
|
||||
const message = input.value.trim();
|
||||
// 侧边栏高亮
|
||||
function updateSidebarSlider() {
|
||||
const activeItem = document.querySelector('.sidebar-item-active');
|
||||
const slider = document.getElementById('sidebarSlider');
|
||||
const wrapper = document.querySelector('.nav-item-wrapper');
|
||||
if (activeItem && slider && wrapper) {
|
||||
slider.style.display = 'block';
|
||||
slider.style.width = wrapper.offsetWidth + 'px';
|
||||
slider.style.top = wrapper.offsetTop + 'px';
|
||||
slider.style.height = wrapper.offsetHeight + 'px';
|
||||
}
|
||||
}
|
||||
|
||||
if (!message) return;
|
||||
if (isLoading) return;
|
||||
// 加载模型信息
|
||||
async function loadModelInfo() {
|
||||
try {
|
||||
const response = await fetch(`${API_BASE}/model-manage/trained-models`);
|
||||
const result = await response.json();
|
||||
|
||||
if (result.code !== 0) {
|
||||
console.error('[DEBUG] 获取模型列表失败');
|
||||
return;
|
||||
}
|
||||
|
||||
const models = result.data?.models || [];
|
||||
const modelInfo = models.find(m => m.name === currentModel.name);
|
||||
console.log('[DEBUG] 模型查找:', currentModel.name, modelInfo);
|
||||
|
||||
if (modelInfo) {
|
||||
currentModel.baseModel = modelInfo.base_model_path || '';
|
||||
document.getElementById('baseModel').textContent = currentModel.baseModel || '未知';
|
||||
} else {
|
||||
document.getElementById('baseModel').textContent = '未知';
|
||||
}
|
||||
} catch (error) {
|
||||
console.error('[DEBUG] 加载模型信息失败:', error);
|
||||
document.getElementById('baseModel').textContent = '未知';
|
||||
}
|
||||
}
|
||||
|
||||
// 合并权重
|
||||
async function mergeWeights() {
|
||||
if (!currentModel.name) {
|
||||
alert('请先选择模型');
|
||||
alert('模型参数无效');
|
||||
return;
|
||||
}
|
||||
|
||||
// 添加用户消息
|
||||
addMessage('user', message);
|
||||
chatHistory.push({ role: 'user', content: message });
|
||||
const mergeBtn = document.getElementById('mergeBtn');
|
||||
const mergeText = document.getElementById('mergeText');
|
||||
const originalBtnText = mergeBtn.innerHTML;
|
||||
|
||||
// 清空输入框
|
||||
input.value = '';
|
||||
|
||||
// 显示加载状态
|
||||
isLoading = true;
|
||||
updateSendButton(true);
|
||||
|
||||
// 添加AI加载提示
|
||||
const loadingId = addLoadingMessage();
|
||||
mergeBtn.disabled = true;
|
||||
mergeBtn.innerHTML = '<i class="fa fa-spinner fa-spin mr-2"></i>合并中...';
|
||||
mergeText.textContent = '正在合并模型权重，请稍候...';
|
||||
|
||||
try {
|
||||
const response = await fetch(`${API_BASE}/model-chat/trained`, {
|
||||
const response = await fetch(`${API_BASE}/model-manage/merge`, {
|
||||
method: 'POST',
|
||||
headers: { 'Content-Type': 'application/json' },
|
||||
body: JSON.stringify({
|
||||
model_name: currentModel.name,
|
||||
train_method: currentModel.trainMethod || 'lora',
|
||||
system_prompt: '',
|
||||
user_question: message,
|
||||
temperature: parseFloat(document.getElementById('temperature').value),
|
||||
max_tokens: 2048
|
||||
base_model_path: currentModel.baseModel
|
||||
})
|
||||
});
|
||||
|
||||
const result = await response.json();
|
||||
|
||||
// 移除加载提示
|
||||
removeLoadingMessage(loadingId);
|
||||
console.log('[DEBUG] 合并响应:', result);
|
||||
|
||||
if (result.code === 0) {
|
||||
const aiResponse = result.data?.response || '（无回复）';
|
||||
addMessage('assistant', aiResponse);
|
||||
chatHistory.push({ role: 'assistant', content: aiResponse });
|
||||
mergeText.textContent = '合并成功！';
|
||||
document.getElementById('mergeState').classList.add('hidden');
|
||||
document.getElementById('mergeResult').classList.remove('hidden');
|
||||
document.getElementById('resultText').textContent = result.message || '模型权重已成功合并';
|
||||
} else {
|
||||
addMessage('assistant', `推理失败: ${result.message || '未知错误'}`);
|
||||
mergeText.textContent = result.message || '合并失败';
|
||||
mergeBtn.disabled = false;
|
||||
mergeBtn.innerHTML = originalBtnText;
|
||||
}
|
||||
} catch (error) {
|
||||
removeLoadingMessage(loadingId);
|
||||
addMessage('assistant', `请求异常: ${error.message}`);
|
||||
} finally {
|
||||
isLoading = false;
|
||||
updateSendButton(false);
|
||||
}
|
||||
}
|
||||
|
||||
// 添加消息到聊天框
|
||||
function addMessage(role, content) {
|
||||
const container = document.getElementById('chatContainer');
|
||||
const isUser = role === 'user';
|
||||
|
||||
const messageDiv = document.createElement('div');
|
||||
messageDiv.className = 'chat-message flex justify-' + (isUser ? 'end' : 'start');
|
||||
|
||||
const avatar = isUser
|
||||
? `<div class="w-8 h-8 rounded-full bg-gray-400 flex items-center justify-center flex-shrink-0">
|
||||
<i class="fa fa-user text-white text-sm"></i>
|
||||
</div>`
|
||||
: `<div class="w-8 h-8 rounded-full bg-primary flex items-center justify-center flex-shrink-0">
|
||||
<i class="fa fa-robot text-white text-sm"></i>
|
||||
</div>`;
|
||||
|
||||
const bgClass = isUser ? 'bg-primary text-white' : 'bg-white border border-gray-200';
|
||||
|
||||
messageDiv.innerHTML = `
|
||||
<div class="max-w-3xl ${bgClass} rounded-lg shadow-sm p-4">
|
||||
<div class="flex items-start ${isUser ? 'flex-row-reverse' : ''}">
|
||||
${avatar}
|
||||
<div class="ml-3 ${isUser ? 'text-right' : ''} flex-1">
|
||||
<div class="text-xs ${isUser ? 'text-gray-300' : 'text-gray-400'} mb-1">
|
||||
${isUser ? '你' : 'AI 助手'}
|
||||
</div>
|
||||
<div class="text-sm leading-relaxed whitespace-pre-wrap">${escapeHtml(content)}</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
`;
|
||||
|
||||
container.appendChild(messageDiv);
|
||||
container.scrollTop = container.scrollHeight;
|
||||
}
|
||||
|
||||
// 添加加载中的消息
|
||||
function addLoadingMessage() {
|
||||
const container = document.getElementById('chatContainer');
|
||||
const loadingId = 'loading-' + Date.now();
|
||||
|
||||
const loadingDiv = document.createElement('div');
|
||||
loadingDiv.id = loadingId;
|
||||
loadingDiv.className = 'chat-message flex justify-start';
|
||||
|
||||
loadingDiv.innerHTML = `
|
||||
<div class="max-w-3xl bg-white rounded-lg shadow-sm p-4 border border-gray-200">
|
||||
<div class="flex items-start">
|
||||
<div class="w-8 h-8 rounded-full bg-primary flex items-center justify-center flex-shrink-0">
|
||||
<i class="fa fa-robot text-white text-sm"></i>
|
||||
</div>
|
||||
<div class="ml-3">
|
||||
<div class="text-xs text-gray-400 mb-1">AI 助手</div>
|
||||
<div class="typing-indicator">
|
||||
<span></span><span></span><span></span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
`;
|
||||
|
||||
container.appendChild(loadingDiv);
|
||||
container.scrollTop = container.scrollHeight;
|
||||
|
||||
return loadingId;
|
||||
}
|
||||
|
||||
// 移除加载消息
|
||||
function removeLoadingMessage(id) {
|
||||
const loadingDiv = document.getElementById(id);
|
||||
if (loadingDiv) {
|
||||
loadingDiv.remove();
|
||||
}
|
||||
}
|
||||
|
||||
// 更新发送按钮状态
|
||||
function updateSendButton(loading) {
|
||||
const btn = document.getElementById('sendBtn');
|
||||
if (loading) {
|
||||
btn.innerHTML = '<i class="fa fa-spinner fa-spin mr-2"></i>处理中';
|
||||
btn.disabled = true;
|
||||
btn.classList.add('opacity-50', 'cursor-not-allowed');
|
||||
} else {
|
||||
btn.innerHTML = '<i class="fa fa-paper-plane mr-2"></i>发送';
|
||||
btn.disabled = false;
|
||||
btn.classList.remove('opacity-50', 'cursor-not-allowed');
|
||||
}
|
||||
}
|
||||
|
||||
// 清空对话
|
||||
function clearChat() {
|
||||
const container = document.getElementById('chatContainer');
|
||||
container.innerHTML = `
|
||||
<div class="chat-message flex justify-start">
|
||||
<div class="max-w-3xl bg-white rounded-lg shadow-sm p-4 border border-gray-200">
|
||||
<div class="flex items-start">
|
||||
<div class="w-8 h-8 rounded-full bg-primary flex items-center justify-center flex-shrink-0">
|
||||
<i class="fa fa-robot text-white text-sm"></i>
|
||||
</div>
|
||||
<div class="ml-3">
|
||||
<div class="text-xs text-gray-400 mb-1">AI 助手</div>
|
||||
<div class="text-sm text-gray-700 leading-relaxed">
|
||||
对话已清空，请继续提问。
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
`;
|
||||
chatHistory = [];
|
||||
}
|
||||
|
||||
// HTML转义
|
||||
function escapeHtml(text) {
|
||||
const div = document.createElement('div');
|
||||
div.textContent = text;
|
||||
return div.innerHTML;
|
||||
}
|
||||
|
||||
// 更新侧边栏滑块位置
|
||||
function updateSidebarSlider() {
|
||||
const slider = document.getElementById('sidebar-slider');
|
||||
if (!slider) return;
|
||||
const activeLink = document.querySelector('.nav-link.bg-\\[\\#1890ff\\]\\/10');
|
||||
if (activeLink) {
|
||||
const wrapper = activeLink.closest('.nav-item-wrapper');
|
||||
if (wrapper) {
|
||||
slider.style.top = wrapper.offsetTop + 'px';
|
||||
slider.style.height = wrapper.offsetHeight + 'px';
|
||||
}
|
||||
console.error('[DEBUG] 合并失败:', error);
|
||||
mergeText.textContent = '合并失败: ' + error.message;
|
||||
mergeBtn.disabled = false;
|
||||
mergeBtn.innerHTML = originalBtnText;
|
||||
}
|
||||
}
|
||||
|
||||
// 暴露到全局
|
||||
window.sendMessage = sendMessage;
|
||||
window.clearChat = clearChat;
|
||||
window.mergeWeights = mergeWeights;
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
Reference in New Issue
Block a user