diff --git a/config.py b/config.py index eb80d3f..b028e10 100644 --- a/config.py +++ b/config.py @@ -320,7 +320,7 @@ YOUTUBE_API_KEY = os.getenv('YOUTUBE_API_KEY', '') # ========================================== # 系統版本與路徑 # ========================================== -SYSTEM_VERSION = "V10.155" +SYSTEM_VERSION = "V10.156" LOG_FILE_PATH = os.path.join(BASE_DIR, 'logs/system.log') public_url = PUBLIC_URL # 用於模板顯示 diff --git a/templates/pchome_crawler.html b/templates/pchome_crawler.html index e57cb64..3d83161 100644 --- a/templates/pchome_crawler.html +++ b/templates/pchome_crawler.html @@ -2,20 +2,139 @@ {% block title %}PChome 爬蟲 - EwoooC{% endblock %} +{% block extra_css %} + +{% endblock %} + {% block content %} -
-
-
+
+

PChome 24h 爬蟲

爬取 PChome 24h 商品資料

-
-
+
-
+
館別爬取
@@ -39,7 +158,7 @@
-
+
關鍵字搜尋
@@ -55,7 +174,7 @@
-
@@ -67,7 +186,7 @@
-
+
自訂 URL 爬取
@@ -78,7 +197,7 @@ placeholder="https://24h.pchome.com.tw/region/DDAB">
-
@@ -125,8 +244,8 @@
- - +
+ @@ -346,10 +465,10 @@ tbody.innerHTML = ''; for (const p of products) { - const discount = p.discount ? `-${p.discount}%` : '-'; + const discount = p.discount ? `-${p.discount}%` : '-'; const stockBadge = p.stock > 0 - ? `${p.stock}` - : `缺貨`; + ? `${p.stock}` + : `缺貨`; const row = document.createElement('tr'); row.innerHTML = ` @@ -431,8 +550,7 @@ function showToast(message, type = 'info') { // 簡易 Toast const toast = document.createElement('div'); - toast.className = `alert alert-${type} position-fixed`; - toast.style.cssText = 'top: 20px; right: 20px; z-index: 9999; min-width: 300px;'; + toast.className = `pchome-toast pchome-toast--${type} position-fixed`; toast.innerHTML = ` ${message} diff --git a/templates/price_comparison.html b/templates/price_comparison.html index 2de8354..d3ea309 100644 --- a/templates/price_comparison.html +++ b/templates/price_comparison.html @@ -2,21 +2,169 @@ {% block title %}比價系統 - EwoooC{% endblock %} +{% block extra_css %} + +{% endblock %} + {% block content %} -
-
-
+
+

PChome vs MOMO 比價

比較 PChome 24h 和 MOMO 美妝商品價格

-
-
+
-
+
Step 1: 選擇品牌
@@ -36,11 +184,11 @@
-
+
Step 2: PChome 商品
-
或
@@ -48,7 +196,7 @@ 手動輸入
- 0 筆商品 + 0 筆商品
@@ -57,11 +205,11 @@
-
+
Step 3: MOMO 商品
-
或
@@ -69,7 +217,7 @@ 手動輸入
- 0 筆商品 + 0 筆商品
@@ -79,7 +227,7 @@
-
@@ -108,7 +256,7 @@
-
+

0

成功匹配 @@ -116,7 +264,7 @@
-
+

0

PChome 較便宜 @@ -124,7 +272,7 @@
-
+

0

MOMO 較便宜 @@ -132,7 +280,7 @@
-
+

$0

平均價差 @@ -154,7 +302,7 @@
圖片 商品名稱
- + @@ -188,14 +336,14 @@ -
+
Excel 需包含「商品名稱」和「售價」欄位。可選包含「商品編號」和「連結」。
-
@@ -212,7 +360,7 @@
-
+
格式說明: 每行一筆商品，用逗號或 Tab 分隔
商品名稱,價格 或 商品名稱,價格,商品連結(選填) @@ -330,7 +478,7 @@ La Roche-Posay 安得利防曬液 50ml,920 if (data.success) { pchomeProducts = data.data.products; document.getElementById('pchomeCount').textContent = `${pchomeProducts.length} 筆商品`; - document.getElementById('pchomeCount').classList.replace('bg-secondary', 'bg-info'); + document.getElementById('pchomeCount').className = 'price-count-badge is-pchome'; updateCompareButton(); showToast(`成功取得 ${pchomeProducts.length} 筆 PChome 商品`, 'success'); } else { @@ -365,7 +513,7 @@ La Roche-Posay 安得利防曬液 50ml,920 if (data.success) { momoProducts = data.data.products; document.getElementById('momoCount').textContent = `${momoProducts.length} 筆商品`; - document.getElementById('momoCount').classList.replace('bg-secondary', 'bg-warning'); + document.getElementById('momoCount').className = 'price-count-badge is-momo'; updateCompareButton(); bootstrap.Modal.getInstance(document.getElementById('uploadModal')).hide(); showToast(`成功解析 ${momoProducts.length} 筆 MOMO 商品`, 'success'); @@ -424,11 +572,11 @@ La Roche-Posay 安得利防曬液 50ml,920 if (currentManualSource === 'pchome') { pchomeProducts = products; document.getElementById('pchomeCount').textContent = `${products.length} 筆商品`; - document.getElementById('pchomeCount').classList.replace('bg-secondary', 'bg-info'); + document.getElementById('pchomeCount').className = 'price-count-badge is-pchome'; } else { momoProducts = products; document.getElementById('momoCount').textContent = `${products.length} 筆商品`; - document.getElementById('momoCount').classList.replace('bg-secondary', 'bg-warning'); + document.getElementById('momoCount').className = 'price-count-badge is-momo'; } updateCompareButton(); @@ -487,8 +635,8 @@ La Roche-Posay 安得利防曬液 50ml,920 const similarityClass = m.similarity >= 0.8 ? 'text-success' : (m.similarity >= 0.6 ? 'text-warning' : 'text-danger'); const cheaperBadge = m.cheaper_at === 'pchome' - ? 'PChome' - : (m.cheaper_at === 'momo' ? 'MOMO' : '相同'); + ? 'PChome' + : (m.cheaper_at === 'momo' ? 'MOMO' : '相同'); // 處理 URL (可能是 url 或 product_url) const pchomeUrl = m.pchome.url || m.pchome.product_url || ''; @@ -619,8 +767,7 @@ La Roche-Posay 安得利防曬液 50ml,920 function showToast(message, type = 'info') { const toast = document.createElement('div'); - toast.className = `alert alert-${type} position-fixed`; - toast.style.cssText = 'top: 20px; right: 20px; z-index: 9999; min-width: 300px;'; + toast.className = `price-toast price-toast--${type} position-fixed`; toast.innerHTML = ` ${message} diff --git a/templates/trends.html b/templates/trends.html index d0bc4cb..0e45b82 100644 --- a/templates/trends.html +++ b/templates/trends.html @@ -2,8 +2,47 @@ {% block title %}趨勢資料 - EwoooC{% endblock %} +{% block extra_css %} + +{% endblock %} + {% block content %} -
+

趨勢資料

Google News、PTT、Dcard、YouTube 趨勢訊號

@@ -50,7 +89,7 @@
趨勢記錄
PChome 商品 MOMO 商品
- + @@ -101,7 +140,7 @@ async function loadTrends() { const recordsBody = document.getElementById('recordsBody'); if (!records.success || !records.data.length) { - recordsBody.innerHTML = ''; + recordsBody.innerHTML = ''; } else { recordsBody.innerHTML = records.data.map(item => ` @@ -116,12 +155,12 @@ async function loadTrends() { const keywordsBox = document.getElementById('keywordsBox'); if (!keywords.success || !keywords.data.length) { - keywordsBox.innerHTML = '
尚無關鍵字
'; + keywordsBox.innerHTML = '
尚無關鍵字
'; } else { keywordsBox.innerHTML = keywords.data.map(item => `
${escapeHtml(item.keyword)} - ${escapeHtml(item.total_mentions || 0)} + ${escapeHtml(item.total_mentions || 0)}
`).join(''); }
日期 來源
尚無趨勢資料
尚無趨勢資料