正在整理處理建議
@@ -2158,6 +2304,7 @@ let activeGrowthDetailKind = 'all';
let growthDetailSearchText = '';
let activeGrowthDetailSort = 'priority';
let activeGrowthProductKey = '';
+let activeGrowthCategoryFilter = '';
// ── 頁面載入 ────────────────────────────────────────
document.addEventListener('DOMContentLoaded', () => {
@@ -2184,6 +2331,10 @@ function bindActionDelegation() {
showGrowthProductDetail(growthButton.dataset.productKey || '');
return;
}
+ if (growthButton.dataset.growthAction === 'show-category-detail') {
+ showGrowthCategoryDetail(growthButton.dataset.categoryName || '');
+ return;
+ }
if (growthButton.dataset.growthAction === 'review-candidate') {
focusReviewCandidate(growthButton.dataset.productKey || '');
return;
@@ -2705,6 +2856,7 @@ function resolveGrowthDetailKind(kind) {
function growthDetailConfig(kind) {
const topCategory = latestGrowthStats.top_category || '';
+ const selectedCategory = activeGrowthCategoryFilter || topCategory;
const configs = {
all: ['今日商品明細', '依優先級排序，先看高業績、下滑或價格有壓力的商品。'],
ready: ['可立即處理商品', '已有 MOMO 參考價，可以直接檢查售價、活動或曝光。'],
@@ -2714,14 +2866,14 @@ function growthDetailConfig(kind) {
advantage: ['PChome 價格優勢商品', 'PChome 目前較有價格優勢，適合檢查曝光與主推位置。'],
source: ['外部價格來源明細', '只列出已接到 MOMO 外部參考價的商品。'],
decline: ['業績下滑商品', '近 7 天比前 7 天下滑的商品。'],
- category: [topCategory ? `${topCategory} 商品明細` : '最大業績分類明細', '目前最大業績分類內的商品。'],
+ category: [selectedCategory ? `${selectedCategory} 商品明細` : '分類商品明細', '這個分類內的商品與價格狀態。'],
};
return configs[kind] || configs.all;
}
function growthDetailRows(kind) {
const rows = Array.isArray(latestGrowthRows) ? [...latestGrowthRows] : [];
- const topCategory = latestGrowthStats.top_category || '';
+ const selectedCategory = activeGrowthCategoryFilter || latestGrowthStats.top_category || '';
let filtered = rows.filter((row) => {
const actionCode = row.recommended_action?.code || '';
const price = row.external_price || null;
@@ -2733,7 +2885,7 @@ function growthDetailRows(kind) {
if (kind === 'advantage') return Boolean(price) && (actionCode === 'amplify_price_advantage' || (gap !== null && gap > 5));
if (kind === 'source') return Boolean(price);
if (kind === 'decline') return Number(row.sales_delta_pct || 0) < 0;
- if (kind === 'category') return topCategory && row.category === topCategory;
+ if (kind === 'category') return selectedCategory && row.category === selectedCategory;
return true;
});
@@ -2788,6 +2940,9 @@ function growthDetailRows(kind) {
function showGrowthDetail(kind, shouldScroll = true) {
activeGrowthDetailKind = resolveGrowthDetailKind(kind);
+ if (activeGrowthDetailKind !== 'category') {
+ activeGrowthCategoryFilter = '';
+ }
renderGrowthDetail(activeGrowthDetailKind);
if (shouldScroll) scrollToPanel('growthDrilldownPanel');
}
@@ -2933,6 +3088,100 @@ function showGrowthProductDetail(productKey) {
panel.scrollIntoView({ behavior: 'smooth', block: 'nearest' });
}
+function classifyGrowthRow(row) {
+ const actionCode = row?.recommended_action?.code || '';
+ const price = row?.external_price || null;
+ const candidate = row?.review_candidate || null;
+ const gap = price && price.gap_pct !== null && price.gap_pct !== undefined ? Number(price.gap_pct) : null;
+ return {
+ hasPrice: Boolean(price),
+ needs: !price && !candidate,
+ review: Boolean(candidate) || actionCode === 'review_external_candidate',
+ risk: Boolean(price) && (actionCode === 'review_price_or_promo' || (gap !== null && gap < -5)),
+ advantage: Boolean(price) && (actionCode === 'amplify_price_advantage' || (gap !== null && gap > 5)),
+ };
+}
+
+function summarizeGrowthCategories() {
+ const groups = new Map();
+ (Array.isArray(latestGrowthRows) ? latestGrowthRows : []).forEach((row) => {
+ const category = String(row.category || '未分類').trim() || '未分類';
+ if (!groups.has(category)) {
+ groups.set(category, {
+ category,
+ count: 0,
+ sales: 0,
+ risk: 0,
+ advantage: 0,
+ needs: 0,
+ review: 0,
+ });
+ }
+ const item = groups.get(category);
+ const flags = classifyGrowthRow(row);
+ item.count += 1;
+ item.sales += Number(row.sales_7d || 0);
+ if (flags.risk) item.risk += 1;
+ if (flags.advantage) item.advantage += 1;
+ if (flags.needs) item.needs += 1;
+ if (flags.review) item.review += 1;
+ });
+ return Array.from(groups.values())
+ .sort((a, b) => b.sales - a.sales || b.count - a.count)
+ .slice(0, 6);
+}
+
+function categoryActionText(item) {
+ if (item.risk > 0) return `先檢查 ${formatCount(item.risk)} 件價格壓力`;
+ if (item.advantage > 0) return `放大 ${formatCount(item.advantage)} 件價格優勢`;
+ if (item.review > 0) return `先確認 ${formatCount(item.review)} 筆候選`;
+ if (item.needs > 0) return `補齊 ${formatCount(item.needs)} 件比價`;
+ return '維持追蹤';
+}
+
+function renderGrowthCategoryBoard() {
+ const board = document.getElementById('growthCategoryBoard');
+ if (!board) return;
+ const list = board.querySelector('.growth-category-list');
+ if (!list) return;
+
+ const categories = summarizeGrowthCategories();
+ if (!categories.length) {
+ list.innerHTML = `
還沒有可整理的分類資料。
`;
+ return;
+ }
+
+ const maxSales = Math.max(1, ...categories.map((item) => item.sales));
+ list.innerHTML = categories.map((item) => {
+ const pct = clampPercent((item.sales / maxSales) * 100);
+ const activeClass = activeGrowthDetailKind === 'category' && item.category === activeGrowthCategoryFilter
+ ? ' is-active'
+ : '';
+ return `
`;
+ }).join('');
+}
+
+function showGrowthCategoryDetail(category) {
+ activeGrowthCategoryFilter = String(category || '').trim();
+ if (!activeGrowthCategoryFilter) return;
+ showGrowthDetail('category');
+}
+
function renderGrowthStrategySummary() {
const box = document.getElementById('growthStrategyGrid');
if (!box) return;
@@ -3109,6 +3358,7 @@ function renderGrowthDetail(kind = activeGrowthDetailKind) {
tab.classList.toggle('is-active', tab.dataset.detailKind === activeGrowthDetailKind);
});
renderGrowthStrategySummary();
+ renderGrowthCategoryBoard();
const [title, subtitle] = growthDetailConfig(activeGrowthDetailKind);
const rows = growthDetailRows(activeGrowthDetailKind);
diff --git a/tests/test_pchome_revenue_growth_service.py b/tests/test_pchome_revenue_growth_service.py
index b2db10d..d594a34 100644
--- a/tests/test_pchome_revenue_growth_service.py
+++ b/tests/test_pchome_revenue_growth_service.py
@@ -475,6 +475,10 @@ def test_ai_intelligence_template_uses_pchome_growth_name_and_endpoint():
assert "showGrowthProductDetail" in template
assert "growth-product-evidence-grid" in template
assert "查看判斷" in template
+ assert "growthCategoryBoard" in template
+ assert "分類策略看板" in template
+ assert "showGrowthCategoryDetail" in template
+ assert "data-growth-action=\"show-category-detail\"" in template
assert "scrollToPanel('externalPricePanel')" in template
assert "備援資料檢查" in template
assert "外部報價預檢" not in template