From a339130105c942dcb01864b7d987b2e2005bde13 Mon Sep 17 00:00:00 2001
From: luke <yewunetemail@163.com>
Date: Wed, 28 May 2025 17:40:45 +0800
Subject: [PATCH] =?UTF-8?q?=E5=A2=9E=E5=8A=A0=E5=9C=A8=E6=A0=87=E7=AD=BE?=
 =?UTF-8?q?=E9=A1=B5=E6=89=93=E5=BC=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 manifest.json    |  2 +-
 pages/popup.html | 75 ++++++++++++++++++++++--------------------------
 pages/popup.js   | 46 +++++++++++++++++++++++++++++
 pages/styles.css | 16 +++++++++++
 4 files changed, 98 insertions(+), 41 deletions(-)
diff --git a/manifest.json b/manifest.json
index 0c50c35..d4ffa97 100644
--- a/manifest.json
+++ b/manifest.json
@@ -1,7 +1,7 @@
 {
   "manifest_version": 3,
   "name": "渠道应用开发部知识库",
-  "version": "1.3.2",
+  "version": "1.3.3",
   "description": "通过关键词快速搜索内部文档",
   "permissions": ["storage"],
   "host_permissions": [
diff --git a/pages/popup.html b/pages/popup.html
index 5d7ff31..3d16877 100644
--- a/pages/popup.html
+++ b/pages/popup.html
@@ -6,49 +6,44 @@
   <link rel="stylesheet" href="styles.css" />
 </head>
 <body>
-<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>
-
-  <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 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="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>
+    <!-- AnythingLLM结果区域 -->
+    <div id="llmResultContainer" class="llm-result-container hidden">
+      <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>
+    <ul id="results"></ul>
+  </div>
 </div>
-
-<div class="container">
-  <div class="search-bar">
-    <input id="searchInput" type="text" autocomplete="off" placeholder="请输入关键词（空格分隔）..." />
-    <button id="searchBtn">搜索</button>
-  </div>
-
-  <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>
-
-  <!-- AnythingLLM结果区域 -->
-  <div id="llmResultContainer" class="llm-result-container hidden">
-    <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>
-
-
-  <ul id="results"></ul>
-</div>
-
-
 <script src="popup.js"></script>
 </body>
 </html>
diff --git a/pages/popup.js b/pages/popup.js
index 7943793..4b980ea 100644
--- a/pages/popup.js
+++ b/pages/popup.js
@@ -483,3 +483,49 @@ document.addEventListener("DOMContentLoaded", async () => {
     document.body.style.userSelect = '';
   });
 })();
+
+document.addEventListener('DOMContentLoaded', function () {
+  // 标签页打开按钮事件
+  const openTabBtn = document.getElementById('openTabBtn');
+  if (openTabBtn) {
+    openTabBtn.onclick = function () {
+      if (window.chrome && chrome.runtime && chrome.runtime.id && chrome.tabs && chrome.runtime.getURL) {
+        try {
+          chrome.tabs.create({ url: chrome.runtime.getURL("pages/popup.html") });
+        } catch (e) {
+          window.open("popup.html", "_blank");
+        }
+      } else {
+        window.open("popup.html", "_blank");
+      }
+    };
+  }
+
+  // 拖拽功能（如你的页面有 .draggable-panel）
+  const panel = document.getElementById('draggablePanel');
+  const header = document.querySelector('.header');
+  let dragging = false, offsetX = 0, offsetY = 0;
+  if (panel && header) {
+    header.addEventListener('mousedown', function(e) {
+      dragging = true;
+      offsetX = e.clientX - panel.offsetLeft;
+      offsetY = e.clientY - panel.offsetTop;
+      document.body.style.userSelect = 'none';
+    });
+
+    document.addEventListener('mousemove', function(e) {
+      if (dragging) {
+        let left = Math.max(0, e.clientX - offsetX);
+        let top = Math.max(0, e.clientY - offsetY);
+        panel.style.left = left + 'px';
+        panel.style.top = top + 'px';
+      }
+    });
+
+    document.addEventListener('mouseup', function() {
+      dragging = false;
+      document.body.style.userSelect = '';
+    });
+  }
+});
+
diff --git a/pages/styles.css b/pages/styles.css
index ba5fd0f..0e5307f 100644
--- a/pages/styles.css
+++ b/pages/styles.css
@@ -403,4 +403,20 @@ h1 {
   white-space: pre-wrap;
 }
 
+.open-tab-btn {
+  margin-left: 8px;
+  padding: 2px 10px;
+  background: #f8f8f8;
+  border: 1px solid #c9dafc;
+  color: #2560de;
+  border-radius: 4px;
+  font-size: 15px;
+  cursor: pointer;
+  vertical-align: middle;
+  transition: background 0.2s;
+}
+.open-tab-btn:hover {
+  background: #eaf1fb;
+  color: #1e40af;
+}
 
