59 lines
2.1 KiB
HTML
59 lines
2.1 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="zh-CN">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<title>渠道应用开发部知识库</title>
|
|
<link rel="stylesheet" href="styles.css" />
|
|
</head>
|
|
<body>
|
|
<div class="draggable-panel" id="draggablePanel">
|
|
<div class="header">
|
|
<img src="../assets/icon.png" alt="logo" class="logo" />
|
|
<h1>渠道应用开发部知识库</h1>
|
|
<a href="https://oa.ahrcu.com/sys/portal/page.jsp" target="_blank" class="oa-link">跳转OA</a>
|
|
<button class="open-tab-btn" id="openTabBtn" title="以标签页方式打开">↗</button>
|
|
<div class="user-menu">
|
|
<div class="user-avatar" id="userAvatar">👤</div>
|
|
<div class="user-dropdown hidden" id="userDropdown">
|
|
<div id="userName">未登录</div>
|
|
<div id="logoutBtn" class="logout-option">退出登录</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="container">
|
|
<div class="search-bar">
|
|
<input id="searchInput" type="text" autocomplete="off" placeholder="请输入关键词（空格分隔）..." />
|
|
<button id="searchBtn">搜索</button>
|
|
</div>
|
|
|
|
<div class="tab-bar">
|
|
<button class="tab-btn active" id="tabEs">知识库文档</button>
|
|
<button class="tab-btn" id="tabAi">智能助手</button>
|
|
</div>
|
|
|
|
<div id="tabContentEs" class="tab-content active">
|
|
<div class="history-wrapper hidden" id="historyWrapper">
|
|
<div class="history-header">
|
|
<span>历史搜索：</span>
|
|
<img id="clearHistoryBtn" src="../assets/delete.png" title="清空历史记录" class="delete-icon" />
|
|
</div>
|
|
<div id="historyTags" class="tag-history"></div>
|
|
</div>
|
|
<ul id="results"></ul>
|
|
</div>
|
|
<div id="tabContentAi" class="tab-content">
|
|
<div id="llmResultContainer" class="llm-result-container">
|
|
<div class="llm-title">智能助手答案</div>
|
|
<div class="llm-result-content" id="llmResultContent"></div>
|
|
<div class="llm-input-bar">
|
|
<input id="llmInput" type="text" placeholder="请输入您的问题..." />
|
|
<button id="llmSendBtn">发送</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<script src="popup.js"></script>
|
|
</body>
|
|
</html>
|