tt-help-cli-ycl 1.3.95 → 1.3.97

package/src/watch/public/app.js

@@ -167,6 +167,7 @@ function renderStats() {
   flashEl("statTarget", d.targetUsers, { full: true });
   flashEl("statUserUpdateTasks", d.userUpdateTasks || 0, { full: true });
   flashEl("statRawJobs", d.rawJobs || 0);
+  flashEl("statTags", d.tagCount || 0, { full: true });
   // 同步子页面 stats
   const pendingTotal = document.getElementById("pendingStatTotal");
   if (pendingTotal) pendingTotal.textContent = formatStatNum(d.totalUsers);
@@ -659,16 +660,21 @@ function openLocationModal(uniqueId, currentLocation) {
   overlay = document.createElement("div");
   overlay.id = "locationModalOverlay";
   overlay.className = "modal-overlay";
+  const safeId = escapeJsString(uniqueId);
   const options = TARGET_LOCATIONS.map(
     (loc) =>
-      `<button class="loc-option ${loc === currentLocation ? "active" : ""}" onclick="selectLocation('${uniqueId}','${loc}')">${loc}</button>`,
+      `<button class="loc-option ${loc === currentLocation ? "active" : ""}" onclick="selectLocation('${safeId}','${loc}')">${loc}</button>`,
   ).join("");
   overlay.innerHTML = `
     <div class="modal" style="max-width:420px">
       <h3>修改用户国家</h3>
-      <div class="hint">用户: @${uniqueId}，当前国家: ${currentLocation}</div>
+      <div class="hint">用户: @${safeId}，当前国家: ${currentLocation}</div>
       <div class="loc-grid">${options}</div>
-      <div class="btn-row" style="margin-top:16px">
+      <div class="custom-loc-row">
+        <input type="text" id="customLocationInput" class="custom-loc-input" placeholder="或手动输入国家代码，如 UK" maxlength="10" onkeydown="if(event.key==='Enter')confirmCustomLocation('${safeId}')">
+      </div>
+      <div class="btn-row" style="margin-top:12px">
+        <button class="btn-submit" onclick="confirmCustomLocation('${safeId}')">确认</button>
         <button class="btn-cancel" onclick="closeLocationModal()">取消</button>
       </div>
     </div>
@@ -677,6 +683,21 @@ function openLocationModal(uniqueId, currentLocation) {
   overlay.addEventListener("click", (e) => {
     if (e.target === overlay) closeLocationModal();
   });
+  // 自动聚焦输入框
+  setTimeout(() => {
+    const input = document.getElementById("customLocationInput");
+    if (input) input.focus();
+  }, 100);
+}
+
+function confirmCustomLocation(uniqueId) {
+  const input = document.getElementById("customLocationInput");
+  const val = input ? input.value.trim().toUpperCase() : "";
+  if (!val) {
+    showToast("请输入国家代码", true);
+    return;
+  }
+  selectLocation(uniqueId, val);
 }
 
 function closeLocationModal() {
@@ -726,6 +747,56 @@ async function selectLocation(uniqueId, location) {
   }
 }
 
+async function confirmNonSeller(uniqueId) {
+  if (
+    !confirm(
+      `确定要将 @${uniqueId} 标记为非商家吗？\n这将把 ta 的商家标识(ttSeller)设为 false。`,
+    )
+  ) {
+    return;
+  }
+  showLoading("正在更新...");
+  try {
+    const res = await fetch(
+      `/api/user-non-seller/${encodeURIComponent(uniqueId)}`,
+      {
+        method: "PUT",
+        headers: { "Content-Type": "application/json" },
+      },
+    );
+    const data = await res.json();
+    if (data.error) {
+      showToast(data.error, true);
+      return;
+    }
+    showToast(`@${uniqueId} 已标记为非商家`);
+
+    // 从当前列表中移除该用户
+    currentTargetUsers = currentTargetUsers.filter(
+      (u) => u.uniqueId !== uniqueId,
+    );
+    currentTargetTotal = Math.max(0, currentTargetTotal - 1);
+    renderTargetTable();
+
+    // 同时更新统计数据
+    const statEl = document.getElementById("targetPageStatTotal");
+    if (statEl)
+      statEl.textContent = formatStatNum(currentTargetTotal, { full: true });
+    // 更新主页面统计
+    if (currentStats) {
+      currentStats.targetUsers = Math.max(
+        0,
+        (currentStats.targetUsers || 0) - 1,
+      );
+      flashEl("statTarget", currentStats.targetUsers, { full: true });
+    }
+  } catch (e) {
+    showToast("更新失败: " + e.message, true);
+  } finally {
+    hideLoading();
+  }
+}
+
 async function submitAddUsers() {
   const ta = document.getElementById("modalUserInput");
   const raw = ta.value.trim();
@@ -967,6 +1038,8 @@ function handleRoute() {
     showRawPage();
   } else if (hash === "#target") {
     showTargetPage();
+  } else if (hash === "#tags") {
+    showTagsPage();
   } else {
     showMainPage();
   }
@@ -994,6 +1067,7 @@ function showPendingPage() {
   document.getElementById("userUpdatePage").classList.remove("active");
   document.getElementById("rawPage").classList.remove("active");
   document.getElementById("targetPage").classList.remove("active");
+  document.getElementById("tagsPage").classList.remove("active");
   fetchPendingByCountry();
   fetchAttachStuckByCountry();
 }
@@ -1004,6 +1078,7 @@ function showUserUpdatePage() {
   document.getElementById("userUpdatePage").classList.add("active");
   document.getElementById("rawPage").classList.remove("active");
   document.getElementById("targetPage").classList.remove("active");
+  document.getElementById("tagsPage").classList.remove("active");
   fetchUserUpdateByCountry();
   fetchAttachStuckByCountry();
 }
@@ -1021,6 +1096,7 @@ function showRawPage() {
   document.getElementById("userUpdatePage").classList.remove("active");
   document.getElementById("rawPage").classList.add("active");
   document.getElementById("targetPage").classList.remove("active");
+  document.getElementById("tagsPage").classList.remove("active");
   fetchRawByCountry();
   fetchRawJobs();
 }
@@ -1031,18 +1107,419 @@ function showMainPage() {
   document.getElementById("userUpdatePage").classList.remove("active");
   document.getElementById("rawPage").classList.remove("active");
   document.getElementById("targetPage").classList.remove("active");
+  document.getElementById("tagsPage").classList.remove("active");
 }
 
 function navigateToTarget() {
   window.location.hash = "#target";
 }
 
+function navigateToTags() {
+  window.location.hash = "#tags";
+}
+
+// ========== 添加关键词弹窗 ==========
+
+function openAddTagModal() {
+  let overlay = document.getElementById("addTagModalOverlay");
+  if (overlay) return;
+  overlay = document.createElement("div");
+  overlay.id = "addTagModalOverlay";
+  overlay.className = "modal-overlay";
+  overlay.innerHTML = `
+    <div class="modal">
+      <h3>添加关键词</h3>
+      <div class="hint">每行一个关键词，不带 # 号。新关键词默认待打分状态。</div>
+      <textarea id="addTagModalInput" placeholder="例如：&#10;fashion&#10;beauty&#10;skincare&#10;travel" style="height:160px"></textarea>
+      <div class="preview" id="addTagModalPreview"></div>
+      <div class="form-row">
+        <label style="color:#aaa;font-size:12px">选择国家（可多选）：</label>
+        <div id="addTagCountryCheckboxes" style="display:flex;flex-wrap:wrap;gap:6px;margin-top:6px">
+        </div>
+      </div>
+      <div class="btn-row">
+        <button class="btn-cancel" onclick="closeAddTagModal()">取消</button>
+        <button class="btn-submit" onclick="submitAddTags()">确认添加</button>
+      </div>
+    </div>
+  `;
+  document.body.appendChild(overlay);
+  overlay.addEventListener("click", (e) => {
+    if (e.target === overlay) closeAddTagModal();
+  });
+
+  // 渲染国家复选框
+  const countryGrid = document.getElementById("addTagCountryCheckboxes");
+  const TARGET_LOCATIONS = [
+    "AT",
+    "BE",
+    "CZ",
+    "DE",
+    "ES",
+    "FR",
+    "GR",
+    "HU",
+    "IE",
+    "IT",
+    "NL",
+    "PL",
+    "PT",
+  ];
+  countryGrid.innerHTML = TARGET_LOCATIONS.map(
+    (c) =>
+      `<label class="checkbox-label"><input type="checkbox" value="${c}" checked> ${c}</label>`,
+  ).join("");
+
+  const ta = document.getElementById("addTagModalInput");
+  ta.focus();
+  ta.addEventListener("input", () => updateAddTagPreview());
+  ta.addEventListener("keydown", (e) => {
+    if (e.key === "Enter" && (e.ctrlKey || e.metaKey)) {
+      e.preventDefault();
+      submitAddTags();
+    }
+  });
+  document.addEventListener(
+    "keydown",
+    (window.addTagEscHandler = (e) => {
+      if (e.key === "Escape") closeAddTagModal();
+    }),
+  );
+}
+
+function closeAddTagModal() {
+  const overlay = document.getElementById("addTagModalOverlay");
+  if (overlay) overlay.remove();
+  if (window.addTagEscHandler) {
+    document.removeEventListener("keydown", window.addTagEscHandler);
+    delete window.addTagEscHandler;
+  }
+}
+
+function updateAddTagPreview() {
+  const ta = document.getElementById("addTagModalInput");
+  const preview = document.getElementById("addTagModalPreview");
+  if (!ta || !preview) return;
+  const tags = ta.value
+    .split("\n")
+    .map((s) => s.trim().replace(/^#+/, ""))
+    .filter(Boolean);
+  preview.textContent = tags.length ? `共 ${tags.length} 个关键词` : "";
+}
+
+async function submitAddTags() {
+  const ta = document.getElementById("addTagModalInput");
+  const raw = ta ? ta.value.trim() : "";
+  if (!raw) {
+    showToast("请输入关键词", true);
+    return;
+  }
+
+  const tags = raw
+    .split("\n")
+    .map((s) => s.trim().replace(/^#+/, ""))
+    .filter(Boolean);
+  if (tags.length === 0) {
+    showToast("请输入有效关键词", true);
+    return;
+  }
+
+  // 获取选中的国家
+  const checkedBoxes = document.querySelectorAll(
+    "#addTagCountryCheckboxes input[type=checkbox]:checked",
+  );
+  const countries = Array.from(checkedBoxes).map((cb) => cb.value);
+  if (countries.length === 0) {
+    showToast("请至少选择一个国家", true);
+    return;
+  }
+
+  showLoading("正在添加关键词...");
+  try {
+    const res = await fetch("/api/tags/batch-add", {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({ tags, countries }),
+    });
+    const data = await res.json();
+    if (data.error) {
+      showToast(data.error, true);
+      return;
+    }
+    closeAddTagModal();
+    showToast(`已添加 ${data.added} 个关键词`);
+    loadTagsPage();
+  } catch (e) {
+    showToast("添加失败: " + e.message, true);
+  } finally {
+    hideLoading();
+  }
+}
+
+// ========== 关键词页面 ==========
+
+let currentTags = [];
+let currentTagsFilter = "all";
+let currentTagsCountry = "";
+let currentTagsSort = { key: null, asc: true };
+let currentTagsTotal = 0;
+let currentTagsLoading = false;
+let currentTagsAllLoaded = false;
+let currentTagsSeq = 0;
+const TAGS_PAGE_SIZE = 200;
+let cachedTagCountries = [];
+
+function showTagsPage() {
+  document.getElementById("mainPage").classList.add("hidden");
+  document.getElementById("pendingPage").classList.remove("active");
+  document.getElementById("userUpdatePage").classList.remove("active");
+  document.getElementById("rawPage").classList.remove("active");
+  document.getElementById("targetPage").classList.remove("active");
+  document.getElementById("tagsPage").classList.add("active");
+  showLoading("正在加载关键词...");
+  Promise.all([loadTagStats(), loadTagsPage()]).finally(hideLoading);
+}
+
+function setTagsFilter(filter) {
+  currentTagsFilter = filter;
+  currentTags = [];
+  currentTagsAllLoaded = false;
+  document
+    .querySelectorAll("#tagsPage .controls button[data-tags-filter]")
+    .forEach((b) => {
+      b.classList.toggle("active", b.dataset.tagsFilter === filter);
+    });
+  loadTagsPage();
+}
+
+async function loadTagStats() {
+  try {
+    const res = await fetch("/api/tags/stats");
+    const stats = await res.json();
+    if (!stats) return;
+    document.getElementById("tagsPageStatTotal").textContent = stats.total || 0;
+    flashEl("tagsPageStatProductive", stats.productive || 0);
+    flashEl("tagsPageStatDead", stats.dead || 0);
+    flashEl("tagsPageStatNew", (stats.new || 0) + (stats.scoring || 0));
+    cachedTagCountries = stats.countries || [];
+    // 初始化国家下拉
+    renderTagsCountryFilter();
+  } catch (e) {
+    console.error("获取关键词统计失败:", e);
+  }
+}
+
+function renderTagsCountryFilter() {
+  const sel = document.getElementById("tagsCountryFilter");
+  if (!sel) return;
+  const val = sel.value;
+  sel.innerHTML =
+    '<option value="">全部国家</option>' +
+    cachedTagCountries
+      .map(
+        (c) =>
+          `<option value="${c}"${val === c ? " selected" : ""}>${c}</option>`,
+      )
+      .join("");
+}
+
+async function loadTagsPage(append = false) {
+  if (append && (currentTagsAllLoaded || currentTagsLoading)) return;
+  if (append) currentTagsLoading = true;
+
+  const seq = ++currentTagsSeq;
+  const country = document.getElementById("tagsCountryFilter").value;
+  const offset = append ? currentTags.length : 0;
+
+  try {
+    let url = `/api/tags?limit=${TAGS_PAGE_SIZE}&offset=${offset}`;
+    if (currentTagsFilter !== "all") url += `&status=${currentTagsFilter}`;
+    if (country) url += `&country=${encodeURIComponent(country)}`;
+
+    const res = await fetch(url);
+    const data = await res.json();
+
+    if (seq !== currentTagsSeq) return; // 旧请求丢弃
+
+    if (append) {
+      currentTags = currentTags.concat(data.tags || []);
+    } else {
+      currentTags = data.tags || [];
+      currentTagsTotal = data.total || 0;
+    }
+    currentTagsAllLoaded = currentTags.length >= currentTagsTotal;
+
+    renderTagsTable();
+  } catch (e) {
+    console.error("加载关键词失败:", e);
+  } finally {
+    if (append) currentTagsLoading = false;
+  }
+}
+
+function renderTagsTable() {
+  const el = document.getElementById("tagsTable");
+  const moreHint = document.getElementById("tagsMoreHint");
+  let display = [...currentTags];
+
+  // 搜索过滤（本地二次过滤）
+  const searchVal =
+    document.getElementById("tagsSearchInput")?.value.trim().toLowerCase() ||
+    "";
+  if (searchVal) {
+    display = display.filter((t) => t.tag.toLowerCase().includes(searchVal));
+  }
+
+  // 本地排序
+  if (currentTagsSort.key) {
+    display.sort((a, b) => {
+      let va = a[currentTagsSort.key];
+      let vb = b[currentTagsSort.key];
+      if (va == null && vb == null) return 0;
+      if (va == null) return 1;
+      if (vb == null) return -1;
+      if (typeof va === "number" && typeof vb === "number") {
+        return currentTagsSort.asc ? va - vb : vb - va;
+      }
+      va = String(va).toLowerCase();
+      vb = String(vb).toLowerCase();
+      return currentTagsSort.asc ? va.localeCompare(vb) : vb.localeCompare(va);
+    });
+  }
+
+  if (display.length === 0) {
+    el.innerHTML =
+      '<tr><td colspan="11" style="text-align:center;color:#888;padding:24px">暂无数据</td></tr>';
+    if (moreHint) moreHint.style.display = "none";
+    return;
+  }
+
+  const statusLabels = {
+    new: '<span class="tag pending">待打分</span>',
+    scoring: '<span class="tag processing">打分中</span>',
+    productive: '<span class="tag seller">有效</span>',
+    dead: '<span class="tag no-video">无效</span>',
+  };
+  const sourceLabels = {
+    llm: "LLM",
+    manual: "手动",
+  };
+
+  el.innerHTML = display
+    .map((t, i) => {
+      const countries = (t.countries || []).join(", ") || "-";
+      const statusTag =
+        statusLabels[t.status] ||
+        `<span class="tag pending">${t.status}</span>`;
+      const source = sourceLabels[t.source] || t.source || "-";
+      const created = t.created_at || "-";
+      const score = t.score != null ? t.score.toFixed(1) : "-";
+      const authorCount = t.author_count ?? "-";
+      const totalPosts = t.total_posts ?? "-";
+      const matchedAuthors = t.matched_authors ?? "-";
+      const pushedUsers = t.pushed_users ?? "-";
+
+      return `<tr>
+      <td style="color:#9ca3af;font-size:12px;text-align:center">${i + 1}</td>
+      <td style="font-weight:600;color:#e0e0e0">#${escapeHtml(t.tag)}</td>
+      <td style="color:${t.score >= 5 ? "#22c55e" : t.score >= 3 ? "#facc15" : "#888"}">${score}</td>
+      <td>${authorCount}</td>
+      <td>${totalPosts}</td>
+      <td>${matchedAuthors}</td>
+      <td>${pushedUsers}</td>
+      <td style="font-size:11px">${countries}</td>
+      <td>${statusTag}</td>
+      <td style="font-size:11px;color:#888">${source}</td>
+      <td style="font-size:11px;color:#888">${created}</td>
+    </tr>`;
+    })
+    .join("");
+
+  if (moreHint) {
+    moreHint.style.display = "";
+    if (currentTagsAllLoaded) {
+      moreHint.innerHTML = `已全部加载`;
+      moreHint.style.color = "#9ca3af";
+      moreHint.style.cursor = "default";
+    } else if (currentTagsLoading) {
+      moreHint.innerHTML = `加载中...`;
+      moreHint.style.color = "#9ca3af";
+      moreHint.style.cursor = "wait";
+    } else {
+      moreHint.innerHTML = `<u style="color:#3b82f6">点击加载更多</u> ↓`;
+      moreHint.style.color = "#6b7280";
+      moreHint.style.cursor = "pointer";
+    }
+  }
+}
+
+// ====== 关键词页面事件绑定 ======
+
+// 刷新
+document
+  .getElementById("refreshTagsBtn")
+  .addEventListener("click", async () => {
+    showLoading("正在刷新...");
+    try {
+      await Promise.all([loadTagStats(), loadTagsPage()]);
+      showToast("刷新完成");
+    } catch (e) {
+      showToast("刷新失败: " + e.message, true);
+    } finally {
+      hideLoading();
+    }
+  });
+
+// 国家筛选（事件委托，避免替换 innerHTML 后绑定丢失）
+document.getElementById("tagsPage").addEventListener("change", (e) => {
+  if (e.target && e.target.id === "tagsCountryFilter") {
+    currentTagsCountry = e.target.value;
+    showLoading("正在加载...");
+    loadTagsPage().finally(hideLoading);
+  }
+});
+
+// 搜索防抖
+let tagsSearchTimer = null;
+document.getElementById("tagsSearchInput").addEventListener("input", () => {
+  if (tagsSearchTimer) clearTimeout(tagsSearchTimer);
+  tagsSearchTimer = setTimeout(() => {
+    showLoading("正在搜索...");
+    loadTagsPage().finally(hideLoading);
+  }, 300);
+});
+
+// 加载更多
+function loadMoreTags() {
+  loadTagsPage(true);
+}
+
+// 排序
+document.querySelectorAll(".sortable-tag").forEach((th) => {
+  th.addEventListener("click", () => {
+    const key = th.dataset.sort;
+    if (currentTagsSort.key === key) {
+      currentTagsSort.asc = !currentTagsSort.asc;
+    } else {
+      currentTagsSort.key = key;
+      currentTagsSort.asc = true;
+    }
+    th.querySelectorAll(".sort-icon").forEach(
+      (icon) => (icon.textContent = "↕"),
+    );
+    const icon = th.querySelector(".sort-icon");
+    if (icon) icon.textContent = currentTagsSort.asc ? "↑" : "↓";
+    renderTagsTable();
+  });
+});
+
 function showTargetPage() {
   document.getElementById("mainPage").classList.add("hidden");
   document.getElementById("pendingPage").classList.remove("active");
   document.getElementById("userUpdatePage").classList.remove("active");
   document.getElementById("rawPage").classList.remove("active");
   document.getElementById("targetPage").classList.add("active");
+  document.getElementById("tagsPage").classList.remove("active");
   showLoading("正在加载目标商家数据...");
   fetchTargetByCountry();
   // 同步统计
@@ -1209,7 +1686,7 @@ function renderTargetTable() {
 
   if (displayUsers.length === 0) {
     el.innerHTML =
-      '<tr><td colspan="10" style="text-align:center;color:#888;padding:24px">暂无数据</td></tr>';
+      '<tr><td colspan="11" style="text-align:center;color:#888;padding:24px">暂无数据</td></tr>';
     if (moreHint) {
       moreHint.style.display = "none";
     }
@@ -1224,17 +1701,20 @@ function renderTargetTable() {
       const fans = u.followerCount != null ? formatNum(u.followerCount) : "-";
       const videos = u.videoCount != null ? u.videoCount : "-";
       const userLocation = u.locationCreated || "-";
-      const confirmedLocation = u.confirmedLocation
-        ? u.confirmedLocation === u.locationCreated
-          ? `<span style="color:#22c55e">${u.confirmedLocation} ✓</span>`
-          : `<span style="color:#ef4444">${u.confirmedLocation} ✗</span>`
-        : "-";
+      // 如果用户手工修改过国家，确认国家列显示"已修正"
+      const confirmedLocation = u.modifiedAt
+        ? `<span style="color:#f59e0b;font-weight:600">已修正</span>`
+        : u.confirmedLocation
+          ? u.confirmedLocation === u.locationCreated
+            ? `<span style="color:#22c55e">${u.confirmedLocation} ✓</span>`
+            : `<span style="color:#ef4444">${u.confirmedLocation} ✗</span>`
+          : "-";
       const latestVideo = u.latestVideoTime
         ? formatTime(u.latestVideoTime * 1000)
         : "-";
       const refreshTime = u.refreshTime ? formatTime(u.refreshTime) : "-";
       const topPlayCount =
-        u.topVideoPlayCount != null && u.topVideoPlayCount > 0
+        u.topVideoPlayCount != null && u.topVideoPlayCount >= 1000
           ? formatNum(u.topVideoPlayCount)
           : "-";
       const topPlayCountCell = u.topVideoHref
@@ -1270,6 +1750,9 @@ function renderTargetTable() {
       ${topPlayCountCell}
       <td data-label="最近发布" style="font-size:11px;color:#888">${latestVideo}</td>
       <td data-label="最近刷新" style="font-size:11px;color:#888">${refreshTime}</td>
+      <td data-label="操作">
+        <button class="btn-non-seller" onclick="confirmNonSeller('${escapeJsString(u.uniqueId)}')" title="将此用户标记为非商家">设为非商家</button>
+      </td>
     </tr>`;
     })
     .join("");