${rawContent ? String(rawContent) : ''}
@@ -117,42 +130,119 @@
const API_BASE = 'http://localhost:8000';
const KEY_STORAGE = 'wechat_key';
- function getKey() {
- const k = $('key').value.trim();
- if (!k) { alert('请先填写账号 key'); return null; }
- return k;
+ function getToken() {
+ try {
+ return localStorage.getItem('auth_token') || '';
+ } catch (_) {
+ return '';
+ }
+ }
+
+ function redirectToLogin(msg) {
+ if (msg) alert(msg);
+ window.location.href = 'index.html';
}
async function callApi(path, options = {}) {
const url = API_BASE + path;
- const res = await fetch(url, { ...options, headers: { 'Content-Type': 'application/json', ...(options.headers || {}) } });
+ const token = getToken();
+ const headers = { 'Content-Type': 'application/json', ...(options.headers || {}) };
+ if (token) headers['Authorization'] = 'Bearer ' + token;
+
+ const res = await fetch(url, { ...options, headers });
let body = null;
try { body = await res.json(); } catch (_) {}
+ if (res.status === 401) {
+ redirectToLogin('登录已失效，请重新扫码登录');
+ throw new Error('unauthorized');
+ }
if (!res.ok) throw new Error((body && (body.detail || body.message)) || res.statusText || '请求失败');
return body;
}
+ function renderMessageContent(m) {
+ const msgType = m.MsgType ?? m.msgType;
+ const rawContent = m.Content || m.content || '';
+ const imageContent = m.ImageContent || m.imageContent || '';
+ const from = m.FromUserName || m.from || m.MsgId || '-';
+
+ // 链接检测
+ const isUrl = (s) => typeof s === 'string' && /^https?:\/\//i.test(s.trim());
+ const isBase64Like = (s) => typeof s === 'string' && /^[A-Za-z0-9+/=\s]+$/.test(s) && s.replace(/\s+/g, '').length > 60;
+
+ // 图片：上游通常提供 ImageContent（base64）或 Content 为图片链接
+ if (imageContent || (msgType === 3) || (msgType === 0 && imageContent)) {
+ const src = isUrl(imageContent) ? imageContent :
+ (imageContent ? ('data:image/png;base64,' + imageContent.replace(/\s+/g, '')) :
+ (isUrl(rawContent) ? rawContent : ''));
+ if (src) {
+ return `
`;
+ }
+ }
+
+ // 视频 / 音频：简单通过扩展名或 MsgType 约定判断
+ if (msgType === 43 || msgType === 'video') {
+ const src = isUrl(rawContent) ? rawContent : '';
+ if (src) return ``;
+ }
+ if (msgType === 34 || msgType === 'audio') {
+ const src = isUrl(rawContent) ? rawContent : '';
+ if (src) return ``;
+ }
+
+ // 若内容是 URL，则渲染为可点击链接
+ if (isUrl(rawContent)) {
+ const safe = String(rawContent);
+ return ``;
+ }
+
+ // 若内容看起来是图片 base64，则按图片渲染
+ if (isBase64Like(rawContent) && (msgType === 3 || msgType === 0)) {
+ const src = 'data:image/png;base64,' + String(rawContent).replace(/\s+/g, '');
+ return ``;
+ }
+
+ // 兜底为纯文本（含 MsgType 提示）
+ const text = rawContent ? String(rawContent) : (msgType != null ? `MsgType=${msgType}` : '');
+ return `
${text}
`;
+ }
+
async function loadMessages() {
- const key = $('key').value.trim();
- if (!key) { $('message-list').innerHTML = '请先填写账号 key。
'; return; } + const key = (function() { + try { + return localStorage.getItem(KEY_STORAGE) || ''; + } catch (_) { + return ''; + } + })(); + if (!key) { + $('message-list').innerHTML = '请先在登录页扫码登录。
'; + return; + } try { + // 后端已按时间倒序（最新在前）返回，这里保持顺序即可 const data = await callApi('/api/messages?key=' + encodeURIComponent(key) + '&limit=80'); const list = data.items || []; - // 按时间正序排列，最新在底部，便于看完整对话 - const sorted = [...list].sort((a, b) => (a.CreateTime || 0) - (b.CreateTime || 0)); - $('message-list').innerHTML = sorted.length ? sorted.map(m => { + $('message-list').innerHTML = list.length ? list.map(m => { const isOut = m.direction === 'out'; - const from = isOut ? ('我 → ' + (m.ToUserName || '')) : (m.FromUserName || m.from || m.MsgId || '-').toString().slice(0, 32); - const content = (m.Content || m.content || m.MsgType || '').toString().slice(0, 200); - const time = m.CreateTime ? (typeof m.CreateTime === 'number' ? new Date(m.CreateTime * 1000).toLocaleTimeString('zh-CN', { hour12: false }) : m.CreateTime) : ''; - return '' + from + '' + content + (time ? ' ' + time + '' : '') + '
';
- }).join('') : '暂无对话。请确保已登录且后端 WS 已连接 GetSyncMsg；发送的消息也会在此展示。
'; - } catch (e) { $('message-list').innerHTML = '加载失败: ' + e.message + '
'; } + const fromLabel = isOut ? ('我 → ' + (m.ToUserName || '')) : (m.FromUserName || m.from || m.MsgId || '-').toString().slice(0, 32); + const time = m.CreateTime ? (typeof m.CreateTime === 'number' + ? new Date(m.CreateTime * 1000).toLocaleTimeString('zh-CN', { hour12: false }) + : m.CreateTime) : ''; + const meta = ''; + const body = renderMessageContent(m); + return '' + meta + body + '
';
+ }).join('') : '暂无对话。请确保已登录且后端 WS 已连接 GetSyncMsg；发送的消息（含图片、音视频等）也会在此展示。
'; + } catch (e) { + $('message-list').innerHTML = '加载失败: ' + e.message + '
'; + } } async function sendMessage() { - const key = getKey(); - if (!key) return; + const key = (function() { + try { return localStorage.getItem(KEY_STORAGE) || ''; } catch (_) { return ''; } + })(); + if (!key) { alert('请先在登录页扫码登录'); return; } const to = $('send-to').value.trim(); const content = $('send-content').value.trim(); if (!to || !content) { alert('请填写对方用户名和内容'); return; } @@ -163,10 +253,14 @@ } catch (e) { alert('发送失败: ' + e.message); } } + // 隐藏 key 行，仅内部使用 localStorage 中的 key + (function hideKeyRow() { + const row = document.querySelector('.key-row'); + if (row) row.style.display = 'none'; + })(); + $('btn-refresh-msg').addEventListener('click', loadMessages); $('btn-send-msg').addEventListener('click', sendMessage); - $('key').addEventListener('change', function() { try { localStorage.setItem(KEY_STORAGE, this.value.trim()); } catch (_) {} }); - if (typeof localStorage !== 'undefined' && localStorage.getItem(KEY_STORAGE)) $('key').value = localStorage.getItem(KEY_STORAGE); loadMessages(); (function wsStatusCheck() { diff --git a/public/index.html b/public/index.html index 91ed3e4..62711ac 100644 --- a/public/index.html +++ b/public/index.html @@ -510,6 +510,7 @@
diff --git a/public/manage.html b/public/manage.html
index 41e388e..22f402c 100644
--- a/public/manage.html
+++ b/public/manage.html
@@ -27,11 +27,14 @@
.nav {
display: flex;
align-items: center;
- gap: 16px;
+ justify-content: space-between;
+ flex-wrap: wrap;
+ gap: 12px;
padding: 12px 24px;
border-bottom: 1px solid var(--border);
background: rgba(2, 6, 23, 0.95);
}
+ .nav-links { display: flex; align-items: center; gap: 16px; flex-wrap: wrap; }
.nav a {
color: var(--muted);
text-decoration: none;
@@ -39,6 +42,14 @@
}
.nav a:hover { color: var(--accent); }
.nav a.current { color: var(--accent); font-weight: 500; }
+ .nav-banner {
+ font-size: 18px;
+ font-weight: 700;
+ letter-spacing: 0.04em;
+ color: var(--text);
+ text-shadow: 0 0 20px rgba(34, 197, 94, 0.2);
+ }
+ .nav-banner span { color: var(--accent); }
.container {
max-width: 960px;
margin: 0 auto;
@@ -77,8 +88,6 @@
.tag { display: inline-block; padding: 4px 10px; border-radius: 999px; background: rgba(30,41,59,0.9); border: 1px solid var(--border); font-size: 12px; margin-right: 6px; margin-bottom: 6px; }
.primary { padding: 10px 20px; border-radius: 8px; background: var(--accent); color: #000; border: none; cursor: pointer; font-weight: 500; }
.secondary { padding: 8px 16px; border-radius: 8px; background: rgba(30,41,59,0.9); border: 1px solid var(--border); color: var(--text); cursor: pointer; font-size: 13px; }
- .key-row { display: flex; align-items: center; gap: 12px; margin-bottom: 16px; }
- .key-row input { max-width: 280px; padding: 8px 12px; border: 1px solid var(--border); border-radius: 8px; background: rgba(15,23,42,0.9); color: var(--text); }
.error-msg { color: #f87171; font-size: 12px; }
.tags-chips { display: inline-flex; flex-wrap: wrap; gap: 6px; }
.tags-chips .chip { display: inline-flex; align-items: center; gap: 4px; padding: 2px 8px; border-radius: 999px; background: var(--accent-soft); border: 1px solid var(--accent); font-size: 12px; color: var(--accent); }
@@ -88,26 +97,35 @@
-
+
+
+
客户与消息管理（R1-2 / R1-3 / R1-4）
-
-
-
-
+ 客户与消息管理
+
+
-
+
+
+
+
@@ -127,7 +145,7 @@
从联系人选择（多选可批量填入）
+
+
+
+
+
-
+
@@ -140,6 +158,27 @@
+
+ 快速群发（选好友/客户后一键分发）
+
+
+
+
+
+
+
+
+
+ 已选 0 人
+
+
+ 发送图片消息（快捷方式）
+
+
+
+
+
+
+ 商品标签
@@ -157,6 +196,21 @@
+
分级处理：仅超级管理员与白名单中的联系人会收到 AI 自动回复，其他消息一律不回复。
+
+
+
+
+
+
+
+
+
+
+
+ 保存后，仅上述列表中的发信人会被 AI 接管回复；未在列表中的联系人发来的消息将不会触发自动回复。
+