AI 工具箱 · ClawHas Admin

🤖 AI 工具箱 v1.19.0 · 写文案 / TTS / OCR / 情感分析

✍️ 生成文案

场景

语气

酒店 ID(自动加载数据,可空)

额外要点 / 自定义 prompt

📋 草稿历史

加载中...

🔊 TTS 语音合成

🎤 试听

文本

音色

语速

格式

📷 OCR 状态

🔍 识别测试

📌 安全说明:身份证号/姓名自动 AES-256 加密入库。
一线员工只能看 last4(尾号 4 位),原文需 super_admin 授权解密。

图片 URL(必须可公网访问)

证件类型

📋 识别日志(脱敏)

点击刷新

🧪 情感分析测试

测试文本

<div class="card">
      <div class="card-head">
        <h3>📋 最近触发的负面/告警</h3>
        <select id="s-filter" onchange="loadSentimentLogs()">
          <option value="">全部</option>
          <option value="negative">仅负面</option>
          <option value="manager_alert" data-action="1">仅经理告警</option>
          <option value="transfer_to_human" data-action="1">仅转人工</option>
        </select>
      </div>
      <div class="card-body" id="sentiment-logs-body"><div class="loading">加载中...</div></div>
    </div>
  </div>
</div>

function escapeHtml(s) { return String(s ?? '').replace(/&/g, '&').replace(/</g, '<').replace(/>/g, '>'); }

// ============ 写文案 ============
async function loadContentDashboard() {
  const r = await api.get('/api/admin/ai-content/dashboard?days=7');
  if (r.code !== 200) return;
  const d = r.data;
  document.getElementById('content-tiles').innerHTML =
    '<div class="tile"><div class="lbl">7 天总数</div><div class="val">' + (d.total || 0) + '</div></div>' +
    '<div class="tile s"><div class="lbl">已发布</div><div class="val">' + (d.by_status?.find(s => s.status === 'published')?.count || 0) + '</div></div>' +
    '<div class="tile w"><div class="lbl">待审</div><div class="val">' + (d.by_status?.find(s => s.status === 'draft')?.count || 0) + '</div></div>' +
    '<div class="tile"><div class="lbl">人工编辑率</div><div class="val">' + (d.edit_rate || 0) + '%</div></div>';
}

async function generateContent() {
  const data = {
    scenario: document.getElementById('c-scenario').value,
    tone: document.getElementById('c-tone').value,
    hotel_id: parseInt(document.getElementById('c-hotel-id').value) || null,
    prompt_input: document.getElementById('c-prompt').value.trim() || null,
  };

document.getElementById('content-result').innerHTML = '<div class="loading">生成中(可能 5-15 秒)...</div>';

const r = await api.post('/api/admin/ai-content/generate', data);
  if (r.code !== 200) {
    document.getElementById('content-result').innerHTML = '<div class="alert alert-warn">' + escapeHtml(r.message || '失败') + '</div>';
    return;
  }
  const d = r.data;
  document.getElementById('content-result').innerHTML =
    '<div class="alert alert-success">' +
      '✓ <strong>' + d.provider + '</strong> · ' + (d.tokens_used || 0) + ' tokens · ' + (d.latency_ms || 0) + ' ms · ' + (d.word_count || 0) + ' 字' +
    '</div>' +
    '<div class="draft-content" id="draft-text">' + escapeHtml(d.content) + '</div>' +
    '<div style="margin-top:10px;display:flex;gap:8px">' +
      '<button class="btn btn-sm" onclick="copyDraft()">📋 复制</button>' +
      '<button class="btn btn-sm btn-success" onclick="approveDraft(' + d.draft_id + ')">✓ 批准</button>' +
    '</div>';
  loadDrafts();
}

function copyDraft() {
  const t = document.getElementById('draft-text').textContent;
  navigator.clipboard.writeText(t).then(() => alert('✓ 已复制'));
}

async function approveDraft(id) {
  await api.put('/api/admin/ai-content/drafts/' + id, { status: 'approved' });
  loadDrafts();
}

async function loadDrafts() {
  const r = await api.get('/api/admin/ai-content/drafts?limit=20');
  if (r.code !== 200) return;
  const list = r.data.list || [];
  const SCN_NAMES = {
    hotel_description: '酒店简介', room_description: '房型描述', seo_meta: 'SEO',
    social_post: '社交', email_promo: '邮件', push_notification: 'Push',
    review_reply: '点评回复', ad_copy: '广告', custom: '自定义',
  };
  document.getElementById('drafts-body').innerHTML = list.length === 0
    ? '<div class="empty">暂无草稿</div>'
    : '<table class="tbl"><thead><tr><th>场景</th><th>内容预览</th><th>提供方</th><th>状态</th><th>编辑过</th><th>时间</th></tr></thead><tbody>' +
      list.map(d => '<tr>' +
        '<td><span class="badge" style="background:var(--bg)">' + (SCN_NAMES[d.scenario] || d.scenario) + '</span></td>' +
        '<td style="max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap" title="' + escapeHtml(d.draft_content || '') + '">' + escapeHtml((d.draft_content || '').slice(0, 60)) + '...</td>' +
        '<td>' + (d.provider || '-') + '</td>' +
        '<td><span class="badge ' + (d.status === 'published' ? 'b-positive' : d.status === 'rejected' ? 'b-negative' : 'b-neutral') + '">' + d.status + '</span></td>' +
        '<td>' + (d.user_edited ? '✓' : '-') + '</td>' +
        '<td style="font-size:11px">' + (d.createdAt ? new Date(d.createdAt).toLocaleString('zh-CN', { hour12: false }).slice(5) : '-') + '</td>' +
      '</tr>').join('') + '</tbody></table>';
}

// ============ TTS ============
async function loadTtsStatus() {
  const r = await api.get('/api/admin/tts/status');
  if (r.code !== 200) return;
  const s = r.data;
  document.getElementById('tts-status-body').innerHTML =
    '<div class="alert ' + (s.is_ready ? 'alert-success' : 'alert-warn') + '">' +
      (s.is_ready ? '<strong>✓ TTS 已就绪</strong> · 当前 provider: <strong>' + s.current_provider + '</strong>' : '<strong>⚠ TTS 未配置</strong> — 配置 TENCENT_TTS_* / BAIDU_TTS_* / ALIYUN_TTS_*') +
    '</div>' +
    '<div style="font-size:13px;color:var(--t2)">已配:' + (s.available || []).join(', ') + ' · 音色:' + (s.voices || []).join(' / ') + '</div>';
}

async function ttsSynthesize() {
  const data = {
    text: document.getElementById('tts-text').value.trim(),
    voice: document.getElementById('tts-voice').value,
    speed: parseInt(document.getElementById('tts-speed').value),
    format: document.getElementById('tts-format').value,
  };
  if (!data.text) return alert('请输入文本');

document.getElementById('tts-result').innerHTML = '<div class="loading">合成中...</div>';

// ============ OCR ============
async function loadOcrStatus() {
  const r = await api.get('/api/admin/ocr/status');
  if (r.code !== 200) return;
  const s = r.data;
  document.getElementById('ocr-status-body').innerHTML =
    '<div class="alert ' + (s.is_ready ? 'alert-success' : 'alert-warn') + '">' +
      (s.is_ready ? '<strong>✓ OCR 已就绪</strong> · 当前: <strong>' + s.current_provider + '</strong>' : '<strong>⚠ OCR 未配置</strong> — 配置 OCR 凭证') +
    '</div>' +
    '<div style="font-size:13px;color:var(--t2)">支持:' + (s.supported_doc_types || []).join(', ') + '</div>';
}

async function ocrRecognize() {
  const data = {
    image_url: document.getElementById('ocr-url').value.trim(),
    doc_type: document.getElementById('ocr-doc-type').value,
  };
  if (!data.image_url) return alert('请输入图片 URL');

document.getElementById('ocr-result').innerHTML = '<div class="loading">识别中...</div>';

const r = await api.post('/api/admin/ocr/recognize', data);
  if (r.code !== 200) {
    document.getElementById('ocr-result').innerHTML = '<div class="alert alert-warn">' + escapeHtml(r.message) + '</div>';
    return;
  }
  const d = r.data;
  if (d.ok === false) {
    document.getElementById('ocr-result').innerHTML = '<div class="alert alert-warn">' + escapeHtml(d.error || 'OCR 不可用') + '</div>';
    return;
  }

document.getElementById('ocr-result').innerHTML =
    '<div class="alert alert-success">✓ <strong>' + d.provider + '</strong> · 置信度 ' + ((d.confidence || 0) * 100).toFixed(1) + '% · ' + (d.latency_ms || 0) + ' ms</div>' +
    '<table class="tbl">' +
      (d.name ? '<tr><td><strong>姓名</strong></td><td>' + escapeHtml(d.name) + '</td></tr>' : '') +
      (d.id_card ? '<tr><td><strong>身份证</strong></td><td><span class="code">' + escapeHtml(d.id_card.slice(0, 6) + '****' + d.id_card.slice(-4)) + '</span> <small style="color:var(--t3)">(原文已加密入库)</small></td></tr>' : '') +
      (d.passport_no ? '<tr><td><strong>护照号</strong></td><td>' + escapeHtml(d.passport_no) + '</td></tr>' : '') +
      (d.gender ? '<tr><td><strong>性别</strong></td><td>' + (d.gender === 'M' ? '男' : d.gender === 'F' ? '女' : '-') + '</td></tr>' : '') +
      (d.birth_date ? '<tr><td><strong>出生</strong></td><td>' + d.birth_date + '</td></tr>' : '') +
      (d.address ? '<tr><td><strong>地址</strong></td><td>' + escapeHtml(d.address) + '</td></tr>' : '') +
      (d.nationality ? '<tr><td><strong>国籍</strong></td><td>' + escapeHtml(d.nationality) + '</td></tr>' : '') +
    '</table>';
}

async function loadOcrLogs() {
  const r = await api.get('/api/admin/ocr/logs?limit=20');
  if (r.code !== 200) return;
  const list = r.data.list || [];
  document.getElementById('ocr-logs-body').innerHTML = list.length === 0
    ? '<div class="empty">暂无记录</div>'
    : '<table class="tbl"><thead><tr><th>时间</th><th>类型</th><th>来源</th><th>身份证尾号</th><th>性别</th><th>provider</th><th>置信</th><th>状态</th></tr></thead><tbody>' +
      list.map(l => '<tr>' +
        '<td style="font-size:11px">' + (l.createdAt ? new Date(l.createdAt).toLocaleString('zh-CN', { hour12: false }).slice(5) : '-') + '</td>' +
        '<td>' + l.doc_type + '</td>' +
        '<td>' + l.source + '</td>' +
        '<td><span class="code">****' + (l.id_card_last4 || '-') + '</span></td>' +
        '<td>' + (l.gender === 'M' ? '男' : l.gender === 'F' ? '女' : '-') + '</td>' +
        '<td>' + l.provider + '</td>' +
        '<td>' + ((l.confidence || 0) * 100).toFixed(0) + '%</td>' +
        '<td><span class="badge ' + (l.status === 'success' ? 'b-positive' : 'b-negative') + '">' + l.status + '</span></td>' +
      '</tr>').join('') + '</tbody></table>';
}

// ============ 情感 ============
async function loadSentimentDashboard() {
  const r = await api.get('/api/admin/sentiment/dashboard?days=7');
  if (r.code !== 200) return;
  const d = r.data;
  const neg = d.by_sentiment?.find(s => s.sentiment === 'negative')?.count || 0;
  const transfer = d.by_action?.find(a => a.action === 'transfer_to_human')?.count || 0;
  const alert = d.by_action?.find(a => a.action === 'manager_alert')?.count || 0;
  document.getElementById('sentiment-tiles').innerHTML =
    '<div class="tile"><div class="lbl">7 天总数</div><div class="val">' + d.total + '</div></div>' +
    '<div class="tile d"><div class="lbl">负面情绪</div><div class="val">' + neg + '</div></div>' +
    '<div class="tile w"><div class="lbl">负面率</div><div class="val">' + (d.negative_rate || 0) + '%</div></div>' +
    '<div class="tile w"><div class="lbl">自动转人工</div><div class="val">' + transfer + '</div></div>' +
    '<div class="tile d"><div class="lbl">经理告警</div><div class="val">' + alert + '</div></div>';
}

async function sentimentAnalyze() {
  const data = {
    text: document.getElementById('s-text').value.trim(),
    use_ai: document.getElementById('s-use-ai').checked,
  };
  if (!data.text) return alert('请输入文本');

document.getElementById('sentiment-result').innerHTML =
    '<div class="tile-row">' +
      '<div class="tile"><div class="lbl">情感</div><div class="val" style="font-size:18px"><span class="badge b-' + d.sentiment + '">' + (SENTIMENT_NAMES[d.sentiment] || d.sentiment) + '</span></div></div>' +
      '<div class="tile"><div class="lbl">分数</div><div class="val" style="color:' + (d.score < 0 ? 'var(--d)' : d.score > 0 ? 'var(--s)' : 'var(--t2)') + '">' + d.score.toFixed(2) + '</div></div>' +
      '<div class="tile"><div class="lbl">强度</div><div class="val">' + d.intensity.toFixed(2) + '</div></div>' +
      '<div class="tile w"><div class="lbl">行为</div><div class="val" style="font-size:14px">' + (ACTION_NAMES[d.triggered_action] || d.triggered_action) + '</div></div>' +
    '</div>' +
    (d.triggers && d.triggers.length > 0
      ? '<div style="margin-bottom:8px"><strong>触发关键词:</strong> ' + d.triggers.map(t => '<span class="code" style="background:#fff2f0;color:var(--d)">' + escapeHtml(t) + '</span>').join(' ') + '</div>'
      : '') +
    (Object.keys(d.emotions || {}).length > 0
      ? '<div><strong>细分情绪:</strong> ' + Object.entries(d.emotions).map(([k, v]) => '<span class="code">' + k + ':' + v.toFixed(2) + '</span>').join(' ') + '</div>'
      : '') +
    '<div style="margin-top:10px;font-size:11px;color:var(--t3)">provider: ' + d.provider + ' · ' + (d.latency_ms || 0) + ' ms</div>';
}

async function loadSentimentLogs() {
  const filter = document.getElementById('s-filter');
  const params = new URLSearchParams({ limit: 30 });
  const val = filter.value;
  const opt = filter.selectedOptions[0];
  if (val) {
    if (opt && opt.dataset.action) params.set('action', val);
    else params.set('sentiment', val);
  }
  const r = await api.get('/api/admin/sentiment/logs?' + params.toString());
  if (r.code !== 200) return;
  const list = r.data.list || [];
  const SENTIMENT_NAMES = { positive: '正面', negative: '负面', neutral: '中性', mixed: '混合' };
  const ACTION_NAMES = {
    none: '-', flag_for_review: '审核',
    transfer_to_human: '转人工', priority_boost: '加急',
    send_apology: '道歉', manager_alert: '🚨告警',
  };
  document.getElementById('sentiment-logs-body').innerHTML = list.length === 0
    ? '<div class="empty">暂无</div>'
    : '<table class="tbl"><thead><tr><th>时间</th><th>文本</th><th>情感</th><th>分数</th><th>触发词</th><th>行为</th></tr></thead><tbody>' +
      list.map(l => '<tr>' +
        '<td style="font-size:11px">' + (l.createdAt ? new Date(l.createdAt).toLocaleString('zh-CN', { hour12: false }).slice(5) : '-') + '</td>' +
        '<td style="max-width:280px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap" title="' + escapeHtml(l.text || '') + '">' + escapeHtml((l.text || '').slice(0, 50)) + '</td>' +
        '<td><span class="badge b-' + l.sentiment + '">' + (SENTIMENT_NAMES[l.sentiment] || l.sentiment) + '</span></td>' +
        '<td>' + (parseFloat(l.score) || 0).toFixed(2) + '</td>' +
        '<td style="font-size:11px;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap">' + escapeHtml(l.trigger_keywords || '-') + '</td>' +
        '<td><span class="badge ' + (l.triggered_action === 'manager_alert' ? 'b-negative' : 'b-neutral') + '">' + (ACTION_NAMES[l.triggered_action] || l.triggered_action) + '</span></td>' +
      '</tr>').join('') + '</tbody></table>';
}

loadContentDashboard();
loadDrafts();
</script>

<footer class="clawhas-icp-footer" aria-label="网站备案信息">
  <span>Copyright © 2026 ClawHas</span>
  <span> · </span>
  <a href="https://beian.miit.gov.cn/" target="_blank" rel="noopener noreferrer">粤ICP备2026049382号</a>
</footer>
</body>
</html>

🦞 ClawHas Admin · AI 工具箱