tt-help-cli-ycl 1.4.150 → 1.4.152

package/src/watch/public/app.js

@@ -996,7 +996,10 @@ function escapeJsString(str) {
 }
 
 document.addEventListener("keydown", (e) => {
-  if (e.key === "Escape") closeAddModal();
+  if (e.key === "Escape") {
+    closeAddModal();
+    closeSkuModal();
+  }
 });
 
 document.getElementById("userTable").addEventListener("click", (e) => {
@@ -1527,16 +1530,12 @@ function normalizeCountryInput(str) {
 function countryFlag(code) {
   if (!/^[A-Za-z]{2}$/.test(code)) return "🏳️";
   return String.fromCodePoint(
-    ...[...code.toUpperCase()].map(
-      (c) => 0x1f1e6 + c.charCodeAt(0) - 65,
-    ),
+    ...[...code.toUpperCase()].map((c) => 0x1f1e6 + c.charCodeAt(0) - 65),
   );
 }
 
 function targetLocationsDirty() {
-  return (
-    _targetLocations.join(",") !== _targetLocationsSaved.join(",")
-  );
+  return _targetLocations.join(",") !== _targetLocationsSaved.join(",");
 }
 
 function updateTargetLocationsStatus() {
@@ -1625,10 +1624,7 @@ function bindLocChipDrag(grid) {
       if (_dragLoc == null || chip.dataset.loc === _dragLoc) return;
       const rect = chip.getBoundingClientRect();
       const before = e.clientX < rect.left + rect.width / 2;
-      moveTargetLocation(
-        _dragLoc,
-        Number(chip.dataset.idx) + (before ? 0 : 1),
-      );
+      moveTargetLocation(_dragLoc, Number(chip.dataset.idx) + (before ? 0 : 1));
     });
   });
 }
@@ -1652,7 +1648,9 @@ function removeTargetLocation(loc) {
 }
 
 function addTargetLocation(locRaw) {
-  const loc = String(locRaw || "").trim().toUpperCase();
+  const loc = String(locRaw || "")
+    .trim()
+    .toUpperCase();
   if (!/^[A-Z]{2}$/.test(loc)) return false;
   if (_targetLocations.includes(loc)) return false;
   _targetLocations.push(loc); // 新增排最后（优先级最低），可拖动调整
@@ -1675,9 +1673,7 @@ function renderCountryPicker() {
   const selected = new Set(_targetLocations);
   const grid = document.getElementById("countryPickerGrid");
   if (grid) {
-    grid.innerHTML = AVAILABLE_COUNTRIES.filter(
-      (loc) => !selected.has(loc),
-    )
+    grid.innerHTML = AVAILABLE_COUNTRIES.filter((loc) => !selected.has(loc))
       .map(
         (loc) =>
           `<button type="button" class="loc-option" onclick="addTargetLocation('${loc}')">${countryFlag(loc)} ${loc}</button>`,
@@ -2157,7 +2153,7 @@ function renderPreciseTable() {
   if (!el) return;
   if (!currentPreciseUsers.length) {
     el.innerHTML =
-      '<tr><td colspan="12" style="text-align:center;color:#666;padding:20px">暂无精准商家</td></tr>';
+      '<tr><td colspan="13" style="text-align:center;color:#666;padding:20px">暂无精准商家</td></tr>';
     return;
   }
   el.innerHTML = currentPreciseUsers
@@ -2166,6 +2162,10 @@ function renderPreciseTable() {
       const ec = u.ecOver1k ?? 0;
       const maxEc = u.maxEcPlay ?? 0;
       const title = (u.productName || "").replace(/</g, "&lt;");
+      const skus = Array.isArray(u.productSkus) ? u.productSkus : [];
+      const skuCell = skus.length
+        ? `<span class="sku-cell" onclick="openSkuModal(${i})" title="点击查看 ${skus.length} 个 SKU 明细">📦 ${skus.length} · 库${formatNum(u.skuTotalStock || 0)}</span>`
+        : '<span style="color:#555">-</span>';
       return `<tr>
         <td style="text-align:right;color:#666">${i + 1}</td>
         <td><a href="https://www.tiktok.com/@${encodeURIComponent(u.uniqueId)}" target="_blank">@${escapeHtml(u.uniqueId)}</a></td>
@@ -2176,6 +2176,7 @@ function renderPreciseTable() {
         <td style="color:#22c55e">${formatNum(sold)}</td>
         <td style="color:#f87171">${u.productReviewCount ?? 0}</td>
         <td>${u.productRating != null ? u.productRating : "-"}</td>
+        <td>${skuCell}</td>
         <td>${ec}</td>
         <td>${formatNum(maxEc)}</td>
         <td style="max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap" title="${title}">${title || "-"}</td>
@@ -2184,6 +2185,72 @@ function renderPreciseTable() {
     .join("");
 }
 
+// ── SKU 明细弹窗（精准商家页）──
+function openSkuModal(idx) {
+  const u = currentPreciseUsers[idx];
+  if (!u) return;
+  const skus = Array.isArray(u.productSkus) ? u.productSkus : [];
+  if (!skus.length) return;
+  let overlay = document.getElementById("skuModalOverlay");
+  if (overlay) overlay.remove();
+  overlay = document.createElement("div");
+  overlay.id = "skuModalOverlay";
+  overlay.className = "modal-overlay";
+  const totalStock = skus.reduce((s, x) => s + (x.stock || 0), 0);
+  const rows = skus
+    .map((s) => {
+      const stock = s.stock ?? null;
+      const stockCls =
+        stock === null
+          ? ""
+          : stock === 0 || s.stockStatus === 2
+            ? "sku-oos"
+            : stock <= 20
+              ? "sku-low"
+              : "sku-ok";
+      const stockText =
+        stock === null
+          ? "-"
+          : stock === 0 || s.stockStatus === 2
+            ? "售罄"
+            : formatNum(stock);
+      return `<tr>
+        <td class="sku-spec" title="${escapeAttr(s.specs || "")}">${escapeHtml(s.specs || "-")}</td>
+        <td class="sku-id" title="${escapeAttr(s.skuId || "")}">${escapeHtml(String(s.skuId || "-").slice(-6))}</td>
+        <td class="${stockCls}">${stockText}</td>
+        <td>${s.stockStatus ?? "-"}</td>
+      </tr>`;
+    })
+    .join("");
+  overlay.innerHTML = `
+    <div class="modal sku-modal">
+      <h3>📦 @${escapeHtml(u.uniqueId)} 的 SKU（${skus.length} 个）</h3>
+      <div class="sku-modal-meta">
+        ${escapeHtml(u.productName || "") ? `<div class="sku-modal-name">${escapeHtml(u.productName)}</div>` : ""}
+        <div>总库存 <b>${formatNum(totalStock)}</b> · 销量 <b style="color:#22c55e">${formatNum(u.productSoldCount ?? 0)}</b> · 评分 <b>${u.productRating ?? "-"}</b></div>
+        ${u.topVideoSeoUrl ? `<a href="${escapeAttr(u.topVideoSeoUrl)}" target="_blank" class="sku-modal-link">🛒 打开商品页</a>` : ""}
+      </div>
+      <div class="sku-table-wrap">
+        <table class="sku-table">
+          <thead><tr><th>规格</th><th>SKU尾号</th><th>库存</th><th>状态</th></tr></thead>
+          <tbody>${rows}</tbody>
+        </table>
+      </div>
+      <div class="btn-row" style="margin-top:14px">
+        <button class="btn-cancel" onclick="closeSkuModal()">关闭</button>
+      </div>
+    </div>`;
+  document.body.appendChild(overlay);
+  overlay.addEventListener("click", (e) => {
+    if (e.target === overlay) closeSkuModal();
+  });
+}
+
+function closeSkuModal() {
+  const overlay = document.getElementById("skuModalOverlay");
+  if (overlay) overlay.remove();
+}
+
 function renderPreciseVideos() {
   const wrap = document.getElementById("preciseVideoWrap");
   if (!wrap) return;
@@ -2200,6 +2267,11 @@ function renderPreciseVideos() {
       const review = u.productReviewCount ?? 0;
       const rating = u.productRating != null ? u.productRating : "-";
       const userLink = `https://www.tiktok.com/@${encodeURIComponent(u.uniqueId)}`;
+      const skus = Array.isArray(u.productSkus) ? u.productSkus : [];
+      const idx = currentPreciseUsers.indexOf(u);
+      const skuBadge = skus.length
+        ? ` · <span class="sku-cell" onclick="event.stopPropagation();openSkuModal(${idx})" title="点击查看 ${skus.length} 个 SKU 明细">📦 SKU ${skus.length} · 库${formatNum(u.skuTotalStock || skus.reduce((s, x) => s + (x.stock || 0), 0))}</span>`
+        : "";
       const tiles = vids
         .reduce((acc, v) => {
           const play = v.playCount || 0;
@@ -2225,7 +2297,7 @@ function renderPreciseVideos() {
           <a class="pm-user" href="${userLink}" target="_blank">@${escapeHtml(u.uniqueId)}</a>
           <span class="pm-nick">${escapeHtml(u.nickname || "-")}</span>
           <span class="pm-country">${u.locationCreated || "-"}</span>
-          <span class="pm-stats">粉丝 ${formatNum(u.followerCount || 0)} · 视频 ${u.videoCount || 0} · 销量 ${formatNum(sold)} · 评论 ${review} · 评分 ${rating} · EC视频 ${vids.length}</span>
+          <span class="pm-stats">粉丝 ${formatNum(u.followerCount || 0)} · 视频 ${u.videoCount || 0} · 销量 ${formatNum(sold)} · 评论 ${review} · 评分 ${rating} · EC视频 ${vids.length}${skuBadge}</span>
         </div>
         ${tiles ? `<div class="precise-video-grid">${tiles}</div>` : '<div style="color:#666;font-size:12px;padding:6px 0">该商家暂无 EC 视频数据</div>'}
       </div>`;

package/src/watch/public/index.html

@@ -464,6 +464,7 @@
               <th>销量</th>
               <th>评论</th>
               <th>评分</th>
+              <th>SKU</th>
               <th>EC超1k视频数</th>
               <th>最高EC播放</th>
               <th>商品</th>
@@ -557,70 +558,74 @@
     </div>
     <div class="settings-layout">
       <div class="settings-nav" id="settingsNav">
-        <button type="button" class="settings-nav-item active" data-panel="llm" onclick="switchSettingsPanel('llm')">⚙️ LLM 模型</button>
-        <button type="button" class="settings-nav-item" data-panel="countries" onclick="switchSettingsPanel('countries')">🎯 目标国家</button>
+        <button type="button" class="settings-nav-item active" data-panel="llm" onclick="switchSettingsPanel('llm')">⚙️
+          LLM 模型</button>
+        <button type="button" class="settings-nav-item" data-panel="countries"
+          onclick="switchSettingsPanel('countries')">🎯 目标国家</button>
       </div>
       <div class="settings-panels">
-    <div class="settings-panel active" id="settingsPanel-llm">
-    <div class="settings-card">
-      <h3>⚙️ LLM 模型配置</h3>
-      <p class="settings-hint">切换后立即生效，无需重启服务。配置保存在数据库中。</p>
-      <div class="settings-form">
-        <div class="settings-field">
-          <label>服务商</label>
-          <select id="settingsProvider" onchange="onProviderChange()"></select>
-        </div>
-        <div class="settings-field">
-          <label>模型</label>
-          <select id="settingsModel"></select>
-        </div>
-        <div class="settings-field">
-          <label>API 地址</label>
-          <input type="text" id="settingsUrl" placeholder="https://..." readonly>
-          <span class="settings-note">选服务商后自动填入，也可手动修改</span>
-        </div>
-        <div class="settings-field">
-          <label>API Key</label>
-          <div class="settings-key-row">
-            <input type="password" id="settingsApiKey" placeholder="sk-...">
-            <button id="settingsToggleKey" onclick="toggleApiKeyVisibility()" title="显示/隐藏">👁</button>
+        <div class="settings-panel active" id="settingsPanel-llm">
+          <div class="settings-card">
+            <h3>⚙️ LLM 模型配置</h3>
+            <p class="settings-hint">切换后立即生效，无需重启服务。配置保存在数据库中。</p>
+            <div class="settings-form">
+              <div class="settings-field">
+                <label>服务商</label>
+                <select id="settingsProvider" onchange="onProviderChange()"></select>
+              </div>
+              <div class="settings-field">
+                <label>模型</label>
+                <select id="settingsModel"></select>
+              </div>
+              <div class="settings-field">
+                <label>API 地址</label>
+                <input type="text" id="settingsUrl" placeholder="https://..." readonly>
+                <span class="settings-note">选服务商后自动填入，也可手动修改</span>
+              </div>
+              <div class="settings-field">
+                <label>API Key</label>
+                <div class="settings-key-row">
+                  <input type="password" id="settingsApiKey" placeholder="sk-...">
+                  <button id="settingsToggleKey" onclick="toggleApiKeyVisibility()" title="显示/隐藏">👁</button>
+                </div>
+                <span class="settings-note" id="settingsKeyHint"></span>
+              </div>
+              <div class="settings-status" id="settingsStatus"></div>
+              <div class="btn-row">
+                <button class="btn-submit" onclick="saveLlmConfig()">保存配置</button>
+              </div>
+            </div>
           </div>
-          <span class="settings-note" id="settingsKeyHint"></span>
-        </div>
-        <div class="settings-status" id="settingsStatus"></div>
-        <div class="btn-row">
-          <button class="btn-submit" onclick="saveLlmConfig()">保存配置</button>
         </div>
-      </div>
-    </div>
-    </div>
-    <div class="settings-panel" id="settingsPanel-countries">
-    <div class="settings-card">
-      <h3>🎯 目标国家</h3>
-      <p class="settings-hint">设置采集的目标国家列表及领取优先级，保存后写入通用配置文件（~/.tt-help-config.json），立即生效。列表顺序即任务领取优先级：越靠前越先领取。</p>
-      <div class="settings-form">
-        <div class="settings-field">
-          <label>目标国家（拖动卡片排序，位置即领取优先级：越靠前越先领取）</label>
-          <div class="loc-chips" id="targetLocationsGrid"></div>
-          <div class="country-picker" id="countryPicker" style="display:none">
-            <div class="country-picker-title">选择要添加的国家（新加的排最后，可拖动调整优先级）</div>
-            <div class="loc-grid" id="countryPickerGrid"></div>
-            <div class="custom-loc-row">
-              <input type="text" id="customCountryInput" class="custom-loc-input" placeholder="其他代码，如 GB" maxlength="2" onkeydown="if(event.key==='Enter')addCustomCountry()">
-              <button type="button" class="btn-submit" onclick="addCustomCountry()">添加</button>
+        <div class="settings-panel" id="settingsPanel-countries">
+          <div class="settings-card">
+            <h3>🎯 目标国家</h3>
+            <p class="settings-hint">设置采集的目标国家列表及领取优先级，保存后写入通用配置文件（~/.tt-help-config.json），立即生效。列表顺序即任务领取优先级：越靠前越先领取。
+            </p>
+            <div class="settings-form">
+              <div class="settings-field">
+                <label>目标国家（拖动卡片排序，位置即领取优先级：越靠前越先领取）</label>
+                <div class="loc-chips" id="targetLocationsGrid"></div>
+                <div class="country-picker" id="countryPicker" style="display:none">
+                  <div class="country-picker-title">选择要添加的国家（新加的排最后，可拖动调整优先级）</div>
+                  <div class="loc-grid" id="countryPickerGrid"></div>
+                  <div class="custom-loc-row">
+                    <input type="text" id="customCountryInput" class="custom-loc-input" placeholder="其他代码，如 GB"
+                      maxlength="2" onkeydown="if(event.key==='Enter')addCustomCountry()">
+                    <button type="button" class="btn-submit" onclick="addCustomCountry()">添加</button>
+                  </div>
+                </div>
+              </div>
+              <div class="settings-status" id="targetLocationsStatus"></div>
+              <div class="btn-row">
+                <button class="btn-submit" onclick="saveTargetLocations()">保存目标国家</button>
+                <button class="btn-cancel" onclick="resetTargetLocations()">恢复默认</button>
+              </div>
             </div>
           </div>
         </div>
-        <div class="settings-status" id="targetLocationsStatus"></div>
-        <div class="btn-row">
-          <button class="btn-submit" onclick="saveTargetLocations()">保存目标国家</button>
-          <button class="btn-cancel" onclick="resetTargetLocations()">恢复默认</button>
-        </div>
       </div>
     </div>
-    </div>
-    </div>
-  </div>
   </div>
   <div id="watchdogPage">
     <div class="stats" style="margin-bottom:16px">

package/src/watch/public/style.css

@@ -1730,10 +1730,7 @@ td.user-id:hover {
   color: #999;
   cursor: pointer;
   font-size: 13px;
-  transition:
-    color 0.15s,
-    background 0.15s,
-    border-color 0.15s;
+  transition: color 0.15s, background 0.15s, border-color 0.15s;
 }
 
 .settings-nav-item:hover {
@@ -2099,6 +2096,85 @@ td.user-id:hover {
 }
 
 /* ===== 精准商家：视频卡片视图 ===== */
+/* ── 精准商家页 SKU 列与弹窗 ── */
+.sku-cell {
+  cursor: pointer;
+  color: #60a5fa;
+  white-space: nowrap;
+}
+.sku-cell:hover {
+  text-decoration: underline;
+}
+.sku-modal {
+  width: 640px;
+  display: flex;
+  flex-direction: column;
+  max-height: 80vh;
+}
+.sku-modal-meta {
+  font-size: 12px;
+  color: #9ca3af;
+  margin: 6px 0 12px;
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+}
+.sku-modal-name {
+  color: #e0e0e0;
+  font-size: 13px;
+}
+.sku-modal-link {
+  color: #60a5fa;
+  text-decoration: none;
+  font-size: 12px;
+}
+.sku-modal-link:hover {
+  text-decoration: underline;
+}
+.sku-table-wrap {
+  overflow: auto;
+  border: 1px solid #2a2a3a;
+  border-radius: 8px;
+}
+.sku-table {
+  width: 100%;
+  border-collapse: collapse;
+  font-size: 12px;
+}
+.sku-table th {
+  position: sticky;
+  top: 0;
+  background: #14141d;
+  color: #9ca3af;
+  text-align: left;
+  padding: 8px 10px;
+  border-bottom: 1px solid #2a2a3a;
+}
+.sku-table td {
+  padding: 6px 10px;
+  border-bottom: 1px solid #22222e;
+  color: #d1d5db;
+}
+.sku-spec {
+  max-width: 320px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.sku-id {
+  color: #6b7280;
+  font-family: monospace;
+}
+.sku-ok {
+  color: #4ade80;
+}
+.sku-low {
+  color: #fbbf24;
+}
+.sku-oos {
+  color: #f87171;
+}
+
 .precise-list-header {
   display: flex;
   align-items: center;

package/src/watch/server.js

@@ -592,6 +592,9 @@ export function startWatchServer(
         "CREATE INDEX IF NOT EXISTS idx_videos_user_update ON videos(user_update_count)",
         // product-fill 领任务查询的部分索引：只索引候选行，避免全表扫描 164 万行
         "CREATE INDEX IF NOT EXISTS idx_jobs_product_fill ON jobs(claimed_at, updated_at) WHERE top_video_seo_url IS NOT NULL AND top_video_seo_url != '' AND (product_name IS NULL OR product_name = '') AND product_rating IS NULL AND product_sold_count IS NULL",
+        // precheck 候选查询部分索引：预缩候选集且天然按 refresh_time 有序，
+        // 消除 TEMP B-TREE 排序（76 万行实测 ~1s → 毫秒级）
+        "CREATE INDEX IF NOT EXISTS idx_jobs_precheck ON jobs(refresh_time) WHERE tt_seller = 1 AND verified = 0 AND (pending_refresh IS NULL OR pending_refresh = 0)",
       ];
       for (const sql of ensureIdx) {
         try {
@@ -1607,6 +1610,17 @@ export function startWatchServer(
             productReviewCount: u.productReviewCount ?? null,
             productSoldCount: u.productSoldCount ?? null,
             productName: u.productName || null,
+            skuCount: u.skuCount || 0,
+            skuTotalStock: u.skuTotalStock || 0,
+            productSkus: (() => {
+              try {
+                return Array.isArray(u.productSkus)
+                  ? u.productSkus
+                  : JSON.parse(u.productSkus || "[]");
+              } catch {
+                return [];
+              }
+            })(),
             ecOver1k: u.ecOver1k || 0,
             maxEcPlay: u.maxEcPlay || null,
             recentEcVideos: (() => {