AICLW/wechatAiclaw
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: 优化部署脚本

Browse Source
This commit is contained in:
丹尼尔
2026-03-11 09:44:17 +08:00
parent 0e8639fde1
commit 846c65b155
13 changed files with 1957 additions and 340 deletions
Download Patch File Download Diff File Expand all files Collapse all files

146
public/chat.html
View File

@@ -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,8 @@
}
.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: 720px;
margin: 0 auto;
@@ -64,12 +69,17 @@
padding: 8px;
margin-bottom: 16px;
}
.msg-item { font-size: 12px; padding: 8px 10px; border-bottom: 1px solid var(--border); }
.msg-item { font-size: 12px; padding: 8px 10px; border-bottom: 1px solid var(--border); display:flex; flex-direction:column; gap:4px; }
.msg-item:last-child { border-bottom: none; }
.msg-item .from { color: var(--accent); margin-right: 8px; }
.msg-item.out { opacity: 0.9; }
.msg-item.out .from { color: #94a3b8; }
.msg-item .time { font-size: 11px; color: var(--muted); margin-left: 8px; }
.msg-item .meta { display:flex; align-items:center; flex-wrap:wrap; }
.msg-item .content { margin-left: 0; font-size: 12px; word-break: break-all; }
.msg-item .content img { max-width: 100%; border-radius: 6px; margin-top: 4px; }
.msg-item .content audio,
.msg-item .content video { max-width: 100%; margin-top: 4px; }
.form-row { display: flex; gap: 12px; align-items: flex-end; flex-wrap: wrap; margin-bottom: 10px; }
.form-row label { display: block; font-size: 12px; color: var(--muted); margin-bottom: 4px; }
.form-row input { padding: 8px 12px; border: 1px solid var(--border); border-radius: 8px; background: rgba(15,23,42,0.9); color: var(--text); font-size: 13px; }
@@ -81,10 +91,13 @@
</head>
<body>
<nav class="nav">
<a href="index.html">登录</a>
<a href="manage.html">客户与消息管理</a>
<a href="chat.html" class="current">实时消息</a>
<a href="models.html">模型管理</a>
<div class="nav-banner">Wechat <span>智能托管服务</span></div>
<div class="nav-links">
<a href="manage.html">客户与消息管理</a>
<a href="chat.html" class="current">实时消息</a>
<a href="models.html">模型管理</a>
<a href="swagger.html" target="_blank">API 文档 (Swagger)</a>
</div>
</nav>
<div class="container">
<div class="card">
@@ -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 `<div class="content"><div>${rawContent ? String(rawContent) : ''}</div><img src="${src}" alt="图片消息" /></div>`;
}
}
// 视频 / 音频：简单通过扩展名或 MsgType 约定判断
if (msgType === 43 || msgType === 'video') {
const src = isUrl(rawContent) ? rawContent : '';
if (src) return `<div class="content"><video src="${src}" controls></video></div>`;
}
if (msgType === 34 || msgType === 'audio') {
const src = isUrl(rawContent) ? rawContent : '';
if (src) return `<div class="content"><audio src="${src}" controls></audio></div>`;
}
// 若内容是 URL，则渲染为可点击链接
if (isUrl(rawContent)) {
const safe = String(rawContent);
return `<div class="content"><a href="${safe}" target="_blank" rel="noopener noreferrer">${safe}</a></div>`;
}
// 若内容看起来是图片 base64，则按图片渲染
if (isBase64Like(rawContent) && (msgType === 3 || msgType === 0)) {
const src = 'data:image/png;base64,' + String(rawContent).replace(/\s+/g, '');
return `<div class="content"><img src="${src}" alt="图片消息" /></div>`;
}
// 兜底为纯文本（含 MsgType 提示）
const text = rawContent ? String(rawContent) : (msgType != null ? `MsgType=${msgType}` : '');
return `<div class="content">${text}</div>`;
}
async function loadMessages() {
const key = $('key').value.trim();
if (!key) { $('message-list').innerHTML = '<p class="small-label">请先填写账号 key。</p>'; return; }
const key = (function() {
try {
return localStorage.getItem(KEY_STORAGE) || '';
} catch (_) {
return '';
}
})();
if (!key) {
$('message-list').innerHTML = '<p class="small-label">请先在登录页扫码登录。</p>';
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 '<div class="msg-item' + (isOut ? ' out' : '') + '"><span class="from">' + from + '</span>' + content + (time ? ' <span class="time">' + time + '</span>' : '') + '</div>';
}).join('') : '<p class="small-label">暂无对话。请确保已登录且后端 WS 已连接 GetSyncMsg；发送的消息也会在此展示。</p>';
} catch (e) { $('message-list').innerHTML = '<p class="small-label">加载失败: ' + e.message + '</p>'; }
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 = '<div class="meta"><span class="from">' + fromLabel + '</span>' + (time ? '<span class="time">' + time + '</span>' : '') + '</div>';
const body = renderMessageContent(m);
return '<div class="msg-item' + (isOut ? ' out' : '') + '">' + meta + body + '</div>';
}).join('') : '<p class="small-label">暂无对话。请确保已登录且后端 WS 已连接 GetSyncMsg；发送的消息（含图片、音视频等）也会在此展示。</p>';
} catch (e) {
$('message-list').innerHTML = '<p class="small-label">加载失败: ' + e.message + '</p>';
}
}
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() {

1
public/index.html
View File

@@ -510,6 +510,7 @@
<div class="page-wrap">
<div class="home-banner">
<h1 class="banner-text">Wechat <span>智能托管服务</span></h1>
<p style="margin:8px 0 0;font-size:14px"><a href="swagger.html" target="_blank" style="color:var(--accent)">API 文档 (Swagger)</a></p>
</div>
<div class="shell">
<div class="shell-inner">

294
public/manage.html
View File

@@ -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 @@
</head>
<body>
<nav class="nav">
<a href="index.html">登录</a>
<a href="manage.html" class="current">客户与消息管理</a>
<a href="chat.html">实时消息</a>
<a href="models.html">模型管理</a>
<div class="nav-banner">Wechat <span>智能托管服务</span></div>
<div class="nav-links">
<a href="manage.html" class="current">客户与消息管理</a>
<a href="chat.html">实时消息</a>
<a href="models.html">模型管理</a>
<a href="swagger.html" target="_blank">API 文档 (Swagger)</a>
</div>
</nav>
<div class="container">
<div class="card">
<div class="card-title">客户与消息管理（R1-2 / R1-3 / R1-4）</div>
<div class="key-row">
<label for="key">账号 key</label>
<input type="text" id="key" placeholder="与登录页一致，如 HBpEnbtj9BJZ" autocomplete="off" />
</div>
<div class="card-title">客户与消息管理</div>
<input type="hidden" id="key" autocomplete="off" />
<div class="mgmt-tabs">
<button type="button" class="mgmt-tab active" data-panel="panel-customers">客户档案</button>
<button type="button" class="mgmt-tab" data-panel="panel-greeting">定时问候</button>
<button type="button" class="mgmt-tab" data-panel="panel-push">分群推送</button>
<button type="button" class="mgmt-tab" data-panel="panel-ai-reply">AI 回复设置</button>
</div>
<div id="panel-customers" class="mgmt-panel show">
<div class="mgmt-form-grid">
<div class="field full"><label>微信ID (wxid)</label><input id="c-wxid" placeholder="wxid_xxx" /></div>
<div class="field full">
<label>微信ID (wxid)</label>
<input id="c-wxid" placeholder="wxid_xxx 或从下方多选填入" />
<div class="small-label" style="margin-top:6px">从联系人选择（多选可批量填入）</div>
<div style="display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:4px">
<button type="button" class="secondary" id="btn-load-contact-list" style="padding:4px 10px;font-size:12px">加载联系人</button>
<select id="c-wxid-select" multiple style="min-width:200px;min-height:80px;max-height:120px"></select>
</div>
</div>
<div class="field"><label>备注名</label><input id="c-remark" placeholder="客户备注" /></div>
<div class="field"><label>地区</label><input id="c-region" placeholder="如：广东" /></div>
<div class="field"><label>年龄</label><input id="c-age" placeholder="25" /></div>
@@ -127,7 +145,7 @@
<div class="field full">
<label>客户标签（从客户档案中选）</label>
<div style="display:flex;flex-wrap:wrap;gap:8px;align-items:center;">
<select id="g-tag-select" style="max-width:160px"><option value="">请先选账号 key 并加载</option></select>
<select id="g-tag-select" style="max-width:160px"><option value="">请先登录后加载</option></select>
<button type="button" class="secondary" id="g-tag-add" style="padding:4px 10px;font-size:12px">添加标签</button>
<span id="g-tags-chips" class="tags-chips"></span>
</div>
@@ -140,6 +158,27 @@
<div id="greeting-list"></div>
</div>
<div id="panel-push" class="mgmt-panel">
<div class="small-label" style="margin-bottom:8px">快速群发（选好友/客户后一键分发）</div>
<div class="mgmt-form-grid">
<div class="field full">
<label>选择接收人（从好友/客户列表）</label>
<div style="display:flex;gap:8px;align-items:center;flex-wrap:wrap;">
<button type="button" class="secondary" id="btn-load-friends" style="padding:4px 10px;font-size:12px">加载联系人</button>
<span id="mass-selected-count" class="small-label">已选 0 人</span>
</div>
<div id="mass-friend-list" style="max-height:140px;overflow-y:auto;border:1px solid var(--border);border-radius:8px;padding:8px;margin-top:6px;background:rgba(15,23,42,0.6)"></div>
</div>
<div class="field full"><label>群发文案</label><textarea id="mass-content" rows="2" placeholder="输入要群发的文字…"></textarea></div>
<button type="button" class="primary" id="btn-mass-send">一键群发</button>
</div>
<div class="small-label" style="margin-top:16px;margin-bottom:8px">发送图片消息（快捷方式）</div>
<div class="mgmt-form-grid">
<div class="field"><label>接收人 wxid</label><input id="img-to-user" placeholder="zhang499142409" /></div>
<div class="field full"><label>图片内容（base64 或 URL）</label><input id="img-content" placeholder="图片 base64 或图片 URL" /></div>
<div class="field full"><label>附带文字（可选）</label><input id="img-text" placeholder="可选" /></div>
<button type="button" class="primary" id="btn-send-image">发送图片</button>
</div>
<hr style="border:0;border-top:1px solid var(--border);margin:20px 0" />
<div class="small-label">商品标签</div>
<div class="mgmt-form-grid">
<div class="field"><input id="pt-name" placeholder="如：爆款、清仓、新中式" /></div>
@@ -157,6 +196,21 @@
</div>
<div id="push-task-list"></div>
</div>
<div id="panel-ai-reply" class="mgmt-panel">
<p class="small-label" style="margin-bottom:12px">分级处理：仅<strong>超级管理员</strong>与<strong>白名单</strong>中的联系人会收到 AI 自动回复，其他消息一律不回复。</p>
<div class="mgmt-form-grid">
<div class="field full">
<label>超级管理员 wxid（每行一个或逗号分隔）</label>
<textarea id="ai-super-admin" rows="3" placeholder="zhang499142409&#10;wxid_xxx"></textarea>
</div>
<div class="field full">
<label>白名单 wxid（可收到 AI 回复的联系人，每行一个或逗号分隔）</label>
<textarea id="ai-whitelist" rows="4" placeholder="wxid_abc&#10;wxid_def"></textarea>
</div>
<button type="button" class="primary" id="btn-ai-reply-save">保存配置</button>
</div>
<p class="small-label" style="margin-top:12px">保存后，仅上述列表中的发信人会被 AI 接管回复；未在列表中的联系人发来的消息将不会触发自动回复。</p>
</div>
</div>
</div>
<script>
@@ -165,8 +219,8 @@
const KEY_STORAGE = 'wechat_key';
function getKey() {
const k = $('key').value.trim();
if (!k) { alert('请先填写账号 key'); return null; }
const k = ($('key') && $('key').value ? $('key').value.trim() : '') || (typeof localStorage !== 'undefined' ? (localStorage.getItem(KEY_STORAGE) || '').trim() : '');
if (!k) { alert('请先登录'); return null; }
return k;
}
@@ -189,6 +243,45 @@
const tab = document.querySelector('.mgmt-tab[data-panel="' + panelId + '"]');
if (tab) tab.classList.add('active');
if (panelId === 'panel-greeting') loadCustomerTagsForGreeting();
if (panelId === 'panel-ai-reply') loadAiReplyConfig();
}
function _parseWxidLines(ta) {
const raw = (ta && ta.value) ? ta.value.trim() : '';
return raw.split(/[\n,，]/).map(s => s.trim()).filter(Boolean);
}
async function loadAiReplyConfig() {
const key = $('key').value.trim();
const superEl = $('ai-super-admin');
const whiteEl = $('ai-whitelist');
if (!key) {
if (superEl) superEl.value = '';
if (whiteEl) whiteEl.value = '';
return;
}
try {
const data = await callApi('/api/ai-reply-config?key=' + encodeURIComponent(key));
if (superEl) superEl.value = (data.super_admin_wxids || []).join('\n');
if (whiteEl) whiteEl.value = (data.whitelist_wxids || []).join('\n');
} catch (e) {
if (superEl) superEl.value = '';
if (whiteEl) whiteEl.value = '';
}
}
async function saveAiReplyConfig() {
const key = getKey();
if (!key) return;
const superList = _parseWxidLines($('ai-super-admin'));
const whiteList = _parseWxidLines($('ai-whitelist'));
try {
await callApi('/api/ai-reply-config', {
method: 'PATCH',
body: JSON.stringify({ key, super_admin_wxids: superList, whitelist_wxids: whiteList })
});
alert('已保存：仅超级管理员与白名单中的联系人将收到 AI 回复。');
} catch (e) { alert('保存失败: ' + e.message); }
}
function renderGreetingTagChips() {
@@ -213,7 +306,7 @@
const sel = $('g-tag-select');
if (!sel) return;
if (!key) {
sel.innerHTML = '<option value="">请先填写账号 key</option>';
sel.innerHTML = '<option value="">请先登录后加载</option>';
return;
}
try {
@@ -225,9 +318,37 @@
}
}
async function loadContactListForWxidSelect() {
const key = $('key').value.trim();
const sel = $('c-wxid-select');
if (!sel) return;
if (!key) { alert('请先登录'); return; }
sel.innerHTML = '<option value="">加载中…</option>';
try {
const data = await callApi('/api/contact-list?key=' + encodeURIComponent(key));
const list = data.items || [];
if (data.error) {
sel.innerHTML = '<option value="">获取失败</option>';
alert('获取联系人失败：' + (data.error || '请检查网络或 key'));
return;
}
sel.innerHTML = list.length
? list.map(c => {
const w = (c.wxid || c.Wxid || '').toString();
const r = (c.remark_name || c.RemarkName || c.NickName || w).toString();
return '<option value="' + escapeHtml(w) + '">' + escapeHtml(r) + ' (' + escapeHtml(w.slice(0, 20)) + (w.length > 20 ? '…' : '') + ')</option>';
}).join('')
: '<option value="">无联系人数据</option>';
sel.multiple = true;
} catch (e) {
sel.innerHTML = '<option value="">加载失败</option>';
alert('加载联系人失败: ' + (e.message || e));
}
}
async function loadCustomers() {
const key = $('key').value.trim();
if (!key) { $('customer-list').innerHTML = '<p class="small-label">请先填写账号 key。</p>'; return; }
if (!key) { $('customer-list').innerHTML = '<p class="small-label">请先登录。</p>'; return; }
try {
const data = await callApi('/api/customers?key=' + encodeURIComponent(key));
const list = data.items || [];
@@ -249,13 +370,18 @@
async function saveCustomer() {
const key = getKey();
if (!key) return;
const wxid = $('c-wxid').value.trim();
if (!wxid) { alert('请填写微信ID'); return; }
const wxidRaw = $('c-wxid').value.trim();
if (!wxidRaw) { alert('请填写微信ID或从联系人多选'); return; }
const wxids = wxidRaw.split(',').map(s => s.trim()).filter(Boolean);
const tagsStr = $('c-tags').value.trim();
const tags = tagsStr ? tagsStr.split(',').map(s => s.trim()).filter(Boolean) : [];
const payload = { key, remark_name: $('c-remark').value.trim(), region: $('c-region').value.trim(), age: $('c-age').value.trim(), gender: $('c-gender').value, level: $('c-level').value.trim(), tags };
try {
await callApi('/api/customers', { method: 'POST', body: JSON.stringify({ key, wxid, remark_name: $('c-remark').value.trim(), region: $('c-region').value.trim(), age: $('c-age').value.trim(), gender: $('c-gender').value, level: $('c-level').value.trim(), tags }) });
for (const wxid of wxids) {
await callApi('/api/customers', { method: 'POST', body: JSON.stringify({ ...payload, wxid }) });
}
loadCustomers();
if (wxids.length > 1) alert('已保存 ' + wxids.length + ' 个客户'); else alert('已保存');
} catch (e) { alert('保存失败: ' + e.message); }
}
@@ -293,7 +419,7 @@
async function loadGreetingTasks() {
const key = $('key').value.trim();
if (!key) { $('greeting-list').innerHTML = '<p class="small-label">请先填写账号 key。</p>'; return; }
if (!key) { $('greeting-list').innerHTML = '<p class="small-label">请先登录。</p>'; return; }
try {
const data = await callApi('/api/greeting-tasks?key=' + encodeURIComponent(key));
const list = data.items || [];
@@ -337,7 +463,7 @@
async function loadProductTags() {
const key = $('key').value.trim();
if (!key) { $('product-tag-list').innerHTML = '<span class="small-label">请先填写账号 key。</span>'; return; }
if (!key) { $('product-tag-list').innerHTML = '<span class="small-label">请先登录。</span>'; return; }
try {
const data = await callApi('/api/product-tags?key=' + encodeURIComponent(key));
const list = data.items || [];
@@ -357,7 +483,7 @@
async function loadPushGroups() {
const key = $('key').value.trim();
if (!key) { $('push-group-list').innerHTML = '<p class="small-label">请先填写账号 key。</p>'; return; }
if (!key) { $('push-group-list').innerHTML = '<p class="small-label">请先登录。</p>'; return; }
try {
const data = await callApi('/api/push-groups?key=' + encodeURIComponent(key));
const list = data.items || [];
@@ -411,21 +537,125 @@
} catch (e) { alert(e.message); }
}
let massSelectedWxids = [];
async function loadFriendsForMass() {
const key = $('key').value.trim();
if (!key) { alert('请先登录'); return; }
const el = $('mass-friend-list');
el.innerHTML = '<span class="small-label">加载中…</span>';
try {
const data = await callApi('/api/friends?key=' + encodeURIComponent(key));
const list = data.items || [];
if (!list.length) {
el.innerHTML = '<span class="small-label">暂无联系人，请先在「客户档案」添加客户。</span>';
return;
}
el.innerHTML = list.map(f => {
const wxid = (f.wxid || f.Wxid || f.UserName || '').toString();
const name = (f.remark_name || f.RemarkName || f.NickName || wxid).toString();
return '<label style="display:block;margin:4px 0"><input type="checkbox" class="mass-friend-cb" data-wxid="' + escapeHtml(wxid) + '" /> ' + escapeHtml(name) + ' <span class="small-label">(' + escapeHtml(wxid.slice(0, 16)) + '…)</span></label>';
}).join('');
el.querySelectorAll('.mass-friend-cb').forEach(cb => {
cb.addEventListener('change', updateMassSelected);
});
massSelectedWxids = [];
updateMassSelected();
} catch (e) {
el.innerHTML = '<span class="small-label">加载失败: ' + escapeHtml(e.message) + '</span>';
}
}
function updateMassSelected() {
const list = $('mass-friend-list');
if (!list) return;
const checked = list.querySelectorAll('.mass-friend-cb:checked');
massSelectedWxids = Array.from(checked).map(c => c.dataset.wxid).filter(Boolean);
const countEl = $('mass-selected-count');
if (countEl) countEl.textContent = '已选 ' + massSelectedWxids.length + ' 人';
}
async function doMassSend() {
const key = getKey();
if (!key) return;
const content = $('mass-content').value.trim();
if (!content) { alert('请填写群发文案'); return; }
if (!massSelectedWxids.length) { alert('请先点击「加载联系人」并勾选要群发的对象'); return; }
try {
const items = massSelectedWxids.map(wxid => ({ to_user_name: wxid, content }));
await callApi('/api/send-batch', { method: 'POST', body: JSON.stringify({ key, items }) });
alert('已提交群发，共 ' + items.length + ' 人');
$('mass-content').value = '';
} catch (e) { alert('群发失败: ' + e.message); }
}
async function doSendImage() {
const key = getKey();
if (!key) return;
const toUser = $('img-to-user').value.trim();
const imageContent = $('img-content').value.trim();
if (!toUser || !imageContent) { alert('请填写接收人 wxid 和图片内容'); return; }
try {
await callApi('/api/send-image', {
method: 'POST',
body: JSON.stringify({
key,
to_user_name: toUser,
image_content: imageContent,
text_content: ($('img-text').value || '').trim()
})
});
alert('图片已发送');
$('img-content').value = '';
$('img-text').value = '';
} catch (e) { alert('发送图片失败: ' + e.message); }
}
async function doPushSend() {
const key = getKey();
if (!key) return;
const tagId = $('push-tag').value;
const groupId = $('push-group').value;
const content = $('push-content').value.trim();
if (!tagId || !groupId || !content) { alert('请选择标签、群组并填写内容'); return; }
if (!groupId || !content) { alert('请选择目标群组并填写推送内容'); return; }
try {
await callApi('/api/push-tasks', { method: 'POST', body: JSON.stringify({ key, product_tag_id: tagId, group_id: groupId, content }) });
const groupsRes = await callApi('/api/push-groups?key=' + encodeURIComponent(key));
const group = (groupsRes.items || []).find(g => g.id === groupId);
if (!group) { alert('未找到该群组'); return; }
const customerIds = group.customer_ids || [];
const tagIds = group.tag_ids || [];
const customersRes = await callApi('/api/customers?key=' + encodeURIComponent(key));
const allCustomers = customersRes.items || [];
let wxids = [];
customerIds.forEach(cid => {
const c = allCustomers.find(x => x.id === cid);
if (c && c.wxid) wxids.push(c.wxid);
});
if (tagIds.length) {
const byTag = new Set(tagIds);
allCustomers.forEach(c => {
if (c.wxid && (c.tags || []).some(t => byTag.has(t)) && !wxids.includes(c.wxid)) wxids.push(c.wxid);
});
}
wxids = [...new Set(wxids)];
if (!wxids.length) { alert('该群组下没有可推送的客户，请先编辑群组添加客户或标签'); return; }
const items = wxids.map(wxid => ({ to_user_name: wxid, content }));
await callApi('/api/send-batch', { method: 'POST', body: JSON.stringify({ key, items }) });
await callApi('/api/push-tasks', { method: 'POST', body: JSON.stringify({ key, product_tag_id: tagId || '', group_id: groupId, content }) });
alert('已推送至 ' + items.length + ' 人');
$('push-content').value = '';
} catch (e) { alert(e.message); }
}
document.querySelectorAll('.mgmt-tab').forEach(tab => tab.addEventListener('click', () => switchPanel(tab.dataset.panel)));
$('btn-customer-save').addEventListener('click', saveCustomer);
$('btn-load-contact-list').addEventListener('click', loadContactListForWxidSelect);
$('c-wxid-select').addEventListener('change', function() {
const sel = $('c-wxid-select');
const opts = sel ? sel.querySelectorAll('option:checked') : [];
const vals = Array.from(opts).map(o => o.value).filter(Boolean);
if ($('c-wxid')) $('c-wxid').value = vals.join(',');
});
$('btn-greeting-add').addEventListener('click', addGreetingTask);
$('g-tag-add').addEventListener('click', () => {
const sel = $('g-tag-select');
@@ -435,7 +665,11 @@
greetingSelectedTags.push(v);
renderGreetingTagChips();
});
$('key').addEventListener('input', () => { if ($('panel-greeting') && $('panel-greeting').classList.contains('show')) loadCustomerTagsForGreeting(); });
(function initKeyFromStorage() {
try {
if (typeof localStorage !== 'undefined' && $('key')) $('key').value = localStorage.getItem(KEY_STORAGE) || '';
} catch (_) {}
})();
(function initGreetingTimeMin() {
const today = new Date().toISOString().slice(0, 10);
const dateEl = $('g-date');
@@ -458,11 +692,13 @@
if ($('g-date')) { $('g-date').addEventListener('change', onGreetingTimeChange); $('g-date').addEventListener('input', onGreetingTimeChange); }
if ($('g-time')) { $('g-time').addEventListener('change', onGreetingTimeChange); $('g-time').addEventListener('input', onGreetingTimeChange); }
})();
$('btn-load-friends').addEventListener('click', loadFriendsForMass);
$('btn-mass-send').addEventListener('click', doMassSend);
$('btn-send-image').addEventListener('click', doSendImage);
$('btn-ai-reply-save').addEventListener('click', saveAiReplyConfig);
$('btn-pt-add').addEventListener('click', addProductTag);
$('btn-push-group-add').addEventListener('click', createPushGroup);
$('btn-push-send').addEventListener('click', doPushSend);
$('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);
loadCustomers();
loadGreetingTasks();
loadProductTags();

18
public/models.html
View File

@@ -27,14 +27,19 @@
.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; font-size: 14px; }
.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: 720px; margin: 0 auto; padding: 24px; }
.card {
border-radius: var(--radius);
@@ -62,10 +67,13 @@
</head>
<body>
<nav class="nav">
<a href="index.html">登录</a>
<a href="manage.html">客户与消息管理</a>
<a href="chat.html">实时消息</a>
<a href="models.html" class="current">模型管理</a>
<div class="nav-banner">Wechat <span>智能托管服务</span></div>
<div class="nav-links">
<a href="manage.html">客户与消息管理</a>
<a href="chat.html">实时消息</a>
<a href="models.html" class="current">模型管理</a>
<a href="swagger.html" target="_blank">API 文档 (Swagger)</a>
</div>
</nav>
<div class="container">
<div class="card">

243
public/swagger.html Normal file
View File

@@ -0,0 +1,243 @@
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8" />
<title>API 文档 (Swagger) - Wechat 智能托管</title>
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="stylesheet" href="https://unpkg.com/swagger-ui-dist@5/swagger-ui.css" />
<style>
:root {
--bg: #f8f9fa;
--card: #ffffff;
--border: #e5e7eb;
--accent: #22c55e;
--text: #111827;
--muted: #6b7280;
}
* { box-sizing: border-box; }
body {
margin: 0;
min-height: 100vh;
background: var(--bg);
font-family: system-ui, -apple-system, sans-serif;
color: var(--text);
}
.swagger-config {
max-width: 1200px;
margin: 0 auto;
padding: 16px 24px;
border-bottom: 1px solid var(--border);
background: rgba(30, 41, 59, 0.6);
}
.config-grid {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 16px 24px;
}
.config-item {
display: flex;
align-items: center;
gap: 8px;
}
.config-item label {
font-size: 13px;
color: var(--muted);
white-space: nowrap;
}
.config-item input[type="text"] {
width: 280px;
padding: 8px 12px;
border: 1px solid var(--border);
border-radius: 8px;
background: rgba(15, 23, 42, 0.9);
color: var(--text);
font-size: 13px;
}
.config-item input[type="radio"] {
margin-right: 4px;
}
.config-item .radio-group {
display: flex;
gap: 12px;
}
.config-item .radio-group label {
display: flex;
align-items: center;
cursor: pointer;
}
.copy-base-wrap {
display: flex;
align-items: center;
gap: 8px;
}
.copy-base-wrap input[type="checkbox"] {
width: 18px;
height: 18px;
cursor: pointer;
}
.base-url-hint {
font-size: 12px;
color: var(--muted);
}
#swagger-ui {
max-width: 1200px;
margin: 0 auto;
padding: 20px 24px 40px;
background: #ffffff;
box-shadow: 0 10px 25px rgba(15, 23, 42, 0.12);
}
.btn-copy {
padding: 4px 10px;
margin-left: 8px;
font-size: 12px;
border-radius: 6px;
border: 1px solid var(--accent);
background: rgba(34, 197, 94, 0.15);
color: var(--accent);
cursor: pointer;
}
.btn-copy:hover { background: rgba(34, 197, 94, 0.25); }
</style>
</head>
<body>
<div id="swagger-ui"></div>
<script src="https://unpkg.com/swagger-ui-dist@5/swagger-ui-bundle.js"></script>
<script>
(function () {
var baseUrlInput = document.getElementById('base-url');
var keyInput = document.getElementById('key-param');
var openapiUrlEl = document.getElementById('openapi-url');
var copyBaseCheck = document.getElementById('copy-base-url');
function getOpenApiUrl() {
var base = (baseUrlInput && baseUrlInput.value.trim()) || 'http://localhost:8000';
return base.replace(/\/$/, '') + '/openapi.json';
}
function applyBaseUrl() {
var url = getOpenApiUrl();
if (openapiUrlEl) openapiUrlEl.textContent = url;
return url;
}
baseUrlInput && baseUrlInput.addEventListener('change', applyBaseUrl);
baseUrlInput && baseUrlInput.addEventListener('input', applyBaseUrl);
var apiUrl = applyBaseUrl();
window.xxcaibi = {
BASE_URL: (baseUrlInput && baseUrlInput.value.trim()) || 'http://localhost:8000',
copy: true,
KEY: ''
};
copyBaseCheck && copyBaseCheck.addEventListener('change', function () {
window.xxcaibi.copy = copyBaseCheck.checked;
});
keyInput && keyInput.addEventListener('input', function () {
window.xxcaibi.KEY = keyInput.value.trim();
});
function copyText(text) {
if (navigator.clipboard && navigator.clipboard.writeText) {
navigator.clipboard.writeText(text).catch(function () {
fallbackCopy(text);
});
} else {
fallbackCopy(text);
}
}
function fallbackCopy(text) {
var ta = document.createElement('textarea');
ta.value = text;
document.body.appendChild(ta);
ta.select();
try { document.execCommand('copy'); } catch (e) {}
document.body.removeChild(ta);
}
window.ui = SwaggerUIBundle({
url: apiUrl,
dom_id: '#swagger-ui',
deepLinking: true,
presets: [
SwaggerUIBundle.presets.apis,
SwaggerUIBundle.SwaggerUIStandalonePreset
],
layout: 'BaseLayout',
docExpansion: 'none',
onComplete: function () {
applyBaseUrl();
var config = window.ui.specSelectors.specJson();
if (config && config.toJS) {
var spec = config.toJS();
window.xxcaibi.BASE_URL = (baseUrlInput && baseUrlInput.value.trim()) || (spec.servers && spec.servers[0] && spec.servers[0].url) || 'http://localhost:8000';
}
function addCopyButtons() {
document.querySelectorAll('.opblock-summary-path').forEach(function (pathEl) {
if (pathEl.getAttribute('data-copy-done')) return;
var pathSpan = pathEl.querySelector('[data-path]');
var path = pathSpan ? pathSpan.getAttribute('data-path') : (pathEl.textContent || '').trim().replace(/\s+/g, '');
if (!path) return;
var parent = pathEl.closest('.opblock-summary');
var methodEl = parent ? parent.querySelector('.opblock-summary-method') : null;
var method = methodEl ? methodEl.textContent.trim() : '';
var btn = document.createElement('button');
btn.type = 'button';
btn.className = 'btn-copy';
btn.textContent = '复制';
btn.addEventListener('click', function (e) {
e.preventDefault();
e.stopPropagation();
var base = (window.xxcaibi && window.xxcaibi.copy && window.xxcaibi.BASE_URL) ? window.xxcaibi.BASE_URL.replace(/\/$/, '') : '';
var text = base ? base + path : method + ' ' + path;
copyText(text);
btn.textContent = '已复制';
setTimeout(function () { btn.textContent = '复制'; }, 600);
});
pathEl.appendChild(btn);
pathEl.setAttribute('data-copy-done', '1');
});
}
addCopyButtons();
var observer = new MutationObserver(function () { addCopyButtons(); });
var swaggerEl = document.getElementById('swagger-ui');
if (swaggerEl) observer.observe(swaggerEl, { childList: true, subtree: true });
}
});
document.querySelectorAll('input[name="doc-expansion"]').forEach(function (radio) {
radio.addEventListener('change', function () {
if (window.ui && window.ui.getConfigs) {
var c = window.ui.getConfigs();
c.docExpansion = this.value;
window.ui.configsActions && window.ui.configsActions.toggle && window.ui.configsActions.toggle();
}
});
});
keyInput && keyInput.addEventListener('change', function () {
var key = keyInput.value.trim();
if (!window.ui || !window.ui.specActions) return;
try {
var spec = window.ui.specSelectors.specJson().toJS();
var paths = spec.paths || {};
Object.keys(paths).forEach(function (pathKey) {
Object.keys(paths[pathKey]).forEach(function (method) {
var op = paths[pathKey][method];
if (op.parameters && Array.isArray(op.parameters)) {
op.parameters.forEach(function (p) {
if (p.name === 'key' && p.in === 'query') p.default = key;
});
}
});
});
window.ui.specActions.updateSpec(JSON.stringify(spec));
} catch (e) {}
});
})();
</script>
</body>
</html>