tt-help-cli-ycl 1.3.63 → 1.3.65

package/src/watch/public/index.html

@@ -245,6 +245,13 @@
             style="padding:6px 10px;border:1px solid #333;border-radius:6px;background:#2a2a3a;color:#ccc;font-size:12px;cursor:pointer;outline:none;">
             <option value="">全部国家</option>
           </select>
+          <label style="display:inline-flex;align-items:center;gap:3px;font-size:12px;color:#999;cursor:pointer;">
+            <input type="checkbox" id="rawVideoFilter" onchange="onRawFilterChange()" style="accent-color:#22c55e;"> 有视频
+          </label>
+          <label style="display:inline-flex;align-items:center;gap:3px;font-size:12px;color:#999;cursor:pointer;">
+            <input type="checkbox" id="rawFollowerFilter" onchange="onRawFilterChange()" style="accent-color:#22c55e;">
+            有粉丝
+          </label>
           <button onclick="clearRawFilters()">清空筛选</button>
           <button onclick="restoreFilteredRawJobs()"
             style="background:#22c55e;color:#fff;border:none;padding:6px 12px;border-radius:6px;cursor:pointer;font-size:12px;">恢复当前筛选到
@@ -272,6 +279,62 @@
       </div>
     </div>
   </div>
+  <div id="targetPage">
+    <div class="stats" style="margin-bottom:16px">
+      <div class="stat-card">
+        <div class="label">目标商家</div>
+        <div class="value target" id="targetPageStatTotal">0</div>
+      </div>
+      <div class="stat-card clickable pending-card" onclick="navigateToMain()" style="background:rgba(167,139,250,0.1)">
+        <div class="label">← 返回主页面</div>
+      </div>
+      <div class="stat-card">
+        <div class="label">目标国家</div>
+        <div class="value" id="targetPageStatCountries" style="font-size:17px;color:#a78bfa">0</div>
+      </div>
+      <div class="stat-card clickable" id="exportTargetCsvBtn" style="background:rgba(34,197,94,0.12);cursor:pointer">
+        <div class="label">导出 CSV</div>
+      </div>
+    </div>
+    <div class="target-page-layout">
+      <div class="target-side-card">
+        <h3>🎯 目标商家国家分布</h3>
+        <div class="pending-country-grid" id="targetCountryGrid">
+          <span style="color:#666;font-size:12px">加载中...</span>
+        </div>
+        <div class="muted-tip">点击国家卡片可筛选列表。</div>
+      </div>
+      <div class="target-table-card">
+        <h3>目标商家列表</h3>
+        <div class="controls">
+          <input type="text" id="targetSearchInput" placeholder="搜索目标商家用户名 / 昵称...">
+          <select id="targetLocationFilter" onchange="onTargetLocationChange()"
+            style="padding:6px 10px;border:1px solid #7c3aed;border-radius:6px;background:#2a2a3a;color:#ccc;font-size:12px;cursor:pointer;outline:none;">
+            <option value="">全部国家</option>
+          </select>
+          <button onclick="clearTargetFilters()">清空筛选</button>
+        </div>
+        <div class="table-scroll">
+          <table>
+            <thead>
+              <tr>
+                <th>用户名</th>
+                <th>昵称</th>
+                <th>粉丝</th>
+                <th>视频</th>
+                <th>国家</th>
+                <th>最近发布</th>
+                <th>最近刷新</th>
+                <th>来源</th>
+                <th>状态</th>
+              </tr>
+            </thead>
+            <tbody id="targetTable"></tbody>
+          </table>
+        </div>
+      </div>
+    </div>
+  </div>
   <script src="app.js"></script>
 </body>
 

package/src/watch/public/style.css

@@ -634,6 +634,14 @@ td.user-id:hover {
   display: block;
 }
 
+#targetPage {
+  display: none;
+}
+
+#targetPage.active {
+  display: block;
+}
+
 #mainPage.hidden {
   display: none;
 }
@@ -670,10 +678,15 @@ td.user-id:hover {
   position: relative;
 }
 
-.country-action-btn {
+.country-action-btns {
   position: absolute;
-  top: 10px;
-  right: 10px;
+  top: 8px;
+  right: 8px;
+  display: flex;
+  gap: 4px;
+}
+
+.country-action-btn {
   width: 28px;
   height: 28px;
   border: 1px solid rgba(248, 113, 113, 0.35);
@@ -937,6 +950,66 @@ td.user-id:hover {
   color: #a78bfa;
 }
 
+.target-country-group {
+  background: #1a1a24;
+  border-radius: 8px;
+  padding: 20px;
+  margin-bottom: 20px;
+}
+
+.target-country-header {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+  margin-bottom: 16px;
+  padding-bottom: 12px;
+  border-bottom: 1px solid #2a2a3a;
+}
+
+.target-country-header .country-flag {
+  font-size: 20px;
+  font-weight: 700;
+  color: #a78bfa;
+}
+
+.target-country-header .country-user-count {
+  font-size: 13px;
+  color: #888;
+  background: #2a2a3a;
+  padding: 2px 10px;
+  border-radius: 10px;
+}
+
+.target-page-layout {
+  display: grid;
+  grid-template-columns: 320px 1fr;
+  gap: 16px;
+}
+
+.target-side-card {
+  background: #1a1a24;
+  border-radius: 8px;
+  padding: 16px;
+}
+
+.target-side-card h3 {
+  font-size: 14px;
+  color: #a78bfa;
+  margin-bottom: 12px;
+}
+
+.target-table-card {
+  background: #1a1a24;
+  border-radius: 8px;
+  padding: 16px;
+}
+
+.target-table-card h3 {
+  font-size: 14px;
+  color: #888;
+  margin-bottom: 12px;
+}
+
 @media (max-width: 768px) {
   body {
     padding: 8px;
@@ -977,6 +1050,10 @@ td.user-id:hover {
     grid-template-columns: 1fr;
   }
 
+  .target-page-layout {
+    grid-template-columns: 1fr;
+  }
+
   .table-wrap {
     padding: 10px;
   }

package/src/watch/server.js

@@ -526,6 +526,66 @@ export function startWatchServer(dataAnchor, port = 3000, existingStore) {
         return;
       }
 
+      if (
+        req.method === "GET" &&
+        routePath === "/api/target-users-by-country"
+      ) {
+        const result = store.getTargetUsersByCountry(DEFAULT_TARGET_LOCATIONS);
+        if (req.headers["accept"]?.includes("text/csv")) {
+          const columns = [
+            "uniqueId",
+            "nickname",
+            "followerCount",
+            "videoCount",
+            "locationCreated",
+            "latestVideoTime",
+            "refreshTime",
+            "status",
+            "sources",
+          ];
+          const allUsers = [];
+          for (const country of result.countries) {
+            for (const u of country.users) {
+              allUsers.push({
+                uniqueId: u.uniqueId,
+                nickname: u.nickname || "",
+                followerCount: u.followerCount ?? 0,
+                videoCount: u.videoCount ?? 0,
+                locationCreated: u.locationCreated || "",
+                latestVideoTime: u.latestVideoTime
+                  ? new Date(u.latestVideoTime * 1000)
+                      .toISOString()
+                      .slice(0, 19)
+                      .replace("T", " ")
+                  : "",
+                refreshTime: u.refreshTime
+                  ? new Date(u.refreshTime)
+                      .toISOString()
+                      .slice(0, 19)
+                      .replace("T", " ")
+                  : "",
+                status: u.status || "",
+                sources: (u.sources || []).join(";"),
+              });
+            }
+          }
+          res.writeHead(200, {
+            "Content-Type": "text/csv; charset=utf-8",
+            "Content-Disposition":
+              'attachment; filename="target-users-by-country.csv"',
+          });
+          const BOM = "\uFEFF";
+          const header = columns.join(",");
+          const lines = allUsers.map((r) =>
+            columns.map((c) => csvEscape(r[c])).join(","),
+          );
+          res.end(BOM + [header, ...lines].join("\r\n"));
+        } else {
+          sendJSON(res, 200, result);
+        }
+        return;
+      }
+
       if (req.method === "GET" && routePath === "/api/client-errors") {
         sendJSON(res, 200, { clients: store.getClientErrors() });
         return;
@@ -564,6 +624,8 @@ export function startWatchServer(dataAnchor, port = 3000, existingStore) {
           location: params.location,
           limit: params.limit,
           offset: params.offset,
+          hasVideo: params.hasVideo,
+          hasFollower: params.hasFollower,
         });
         sendJSON(res, 200, result);
         return;
@@ -590,10 +652,17 @@ export function startWatchServer(dataAnchor, port = 3000, existingStore) {
           let result;
           if (body.uniqueId) {
             result = store.restoreRawJobById(body.uniqueId);
-          } else if (body.search || body.location) {
+          } else if (
+            body.search ||
+            body.location ||
+            body.hasVideo ||
+            body.hasFollower
+          ) {
             result = store.restoreRawJobsByFilter({
               search: body.search || "",
               location: body.location || "",
+              hasVideo: body.hasVideo,
+              hasFollower: body.hasFollower,
             });
           } else if (body.country) {
             result = store.restoreRawJobsByCountry(body.country);
@@ -629,6 +698,24 @@ export function startWatchServer(dataAnchor, port = 3000, existingStore) {
         return;
       }
 
+      if (
+        req.method === "POST" &&
+        routePath === "/api/pending-by-country/reset"
+      ) {
+        try {
+          const body = await readBody(req);
+          const result = store.resetPendingByCountry(body.country);
+          if (result.error) {
+            sendJSON(res, 400, result);
+            return;
+          }
+          sendJSON(res, 200, result);
+        } catch (e) {
+          sendJSON(res, 400, { error: e.message });
+        }
+        return;
+      }
+
       if (
         req.method === "DELETE" &&
         routePath.startsWith("/api/client-error/")