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

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();