整理商品明細中...
@@ -1949,6 +2007,8 @@ let allCompetitors = [];
let latestGrowthStats = {};
let latestGrowthRows = [];
let activeGrowthDetailKind = 'all';
+let growthDetailSearchText = '';
+let activeGrowthDetailSort = 'priority';
// ── 頁面載入 ────────────────────────────────────────
document.addEventListener('DOMContentLoaded', () => {
@@ -2509,7 +2569,7 @@ function growthDetailConfig(kind) {
function growthDetailRows(kind) {
const rows = Array.isArray(latestGrowthRows) ? [...latestGrowthRows] : [];
const topCategory = latestGrowthStats.top_category || '';
- const filtered = rows.filter((row) => {
+ let filtered = rows.filter((row) => {
const actionCode = row.recommended_action?.code || '';
const price = row.external_price || null;
const gap = price && price.gap_pct !== null && price.gap_pct !== undefined ? Number(price.gap_pct) : null;
@@ -2524,7 +2584,53 @@ function growthDetailRows(kind) {
return true;
});
- return filtered.sort((a, b) => Number(b.priority_score || 0) - Number(a.priority_score || 0));
+ const search = String(growthDetailSearchText || '').trim().toLowerCase();
+ if (search) {
+ filtered = filtered.filter((row) => {
+ const price = row.external_price || {};
+ const candidate = row.review_candidate || {};
+ const haystack = [
+ row.product_name,
+ row.category,
+ row.vendor,
+ row.pchome_product_id,
+ row.recommended_action?.label,
+ price.momo_name,
+ price.momo_sku,
+ candidate.momo_name,
+ candidate.momo_sku,
+ ].filter(Boolean).join(' ').toLowerCase();
+ return haystack.includes(search);
+ });
+ }
+
+ const gapValue = (row) => {
+ const gap = row.external_price?.gap_pct;
+ return gap === null || gap === undefined || !Number.isFinite(Number(gap)) ? null : Number(gap);
+ };
+ const declineValue = (row) => {
+ const value = row.sales_delta_pct;
+ return value === null || value === undefined || !Number.isFinite(Number(value)) ? null : Number(value);
+ };
+ const nullLast = (a, b, getter, direction = 'desc') => {
+ const av = getter(a);
+ const bv = getter(b);
+ if (av === null && bv === null) return Number(b.priority_score || 0) - Number(a.priority_score || 0);
+ if (av === null) return 1;
+ if (bv === null) return -1;
+ return direction === 'asc' ? av - bv : bv - av;
+ };
+
+ return filtered.sort((a, b) => {
+ if (activeGrowthDetailSort === 'sales') return Number(b.sales_7d || 0) - Number(a.sales_7d || 0);
+ if (activeGrowthDetailSort === 'gap') return nullLast(a, b, (row) => {
+ const gap = gapValue(row);
+ return gap === null ? null : Math.abs(gap);
+ });
+ if (activeGrowthDetailSort === 'decline') return nullLast(a, b, declineValue, 'asc');
+ if (activeGrowthDetailSort === 'quality') return rowQualityScore(b) - rowQualityScore(a);
+ return Number(b.priority_score || 0) - Number(a.priority_score || 0);
+ });
}
function showGrowthDetail(kind, shouldScroll = true) {
@@ -2533,6 +2639,27 @@ function showGrowthDetail(kind, shouldScroll = true) {
if (shouldScroll) scrollToPanel('growthDrilldownPanel');
}
+function setGrowthDetailSearch(value) {
+ growthDetailSearchText = String(value || '').trim().toLowerCase();
+ renderGrowthDetail(activeGrowthDetailKind);
+}
+
+function setGrowthDetailSort(value) {
+ const allowed = new Set(['priority', 'sales', 'gap', 'decline', 'quality']);
+ activeGrowthDetailSort = allowed.has(value) ? value : 'priority';
+ renderGrowthDetail(activeGrowthDetailKind);
+}
+
+function clearGrowthDetailFilters() {
+ growthDetailSearchText = '';
+ activeGrowthDetailSort = 'priority';
+ const search = document.getElementById('growthDetailSearch');
+ const sort = document.getElementById('growthDetailSort');
+ if (search) search.value = '';
+ if (sort) sort.value = 'priority';
+ renderGrowthDetail(activeGrowthDetailKind);
+}
+
function renderGrowthStrategySummary() {
const box = document.getElementById('growthStrategyGrid');
if (!box) return;
diff --git a/tests/test_pchome_revenue_growth_service.py b/tests/test_pchome_revenue_growth_service.py
index ffd59af..17438a1 100644
--- a/tests/test_pchome_revenue_growth_service.py
+++ b/tests/test_pchome_revenue_growth_service.py
@@ -465,6 +465,12 @@ def test_ai_intelligence_template_uses_pchome_growth_name_and_endpoint():
assert "renderGrowthDecisionSummary" in template
assert "growth-decision-metric" in template
assert "最大價差" in template
+ assert "growthDetailSearch" in template
+ assert "growthDetailSort" in template
+ assert "setGrowthDetailSearch" in template
+ assert "setGrowthDetailSort" in template
+ assert "clearGrowthDetailFilters" in template
+ assert "價差大到小" in template
assert "scrollToPanel('externalPricePanel')" in template
assert "備援資料檢查" in template
assert "外部報價預檢" not in template