From 4e71ed9ecd35d7acc3a7ed373d503159f36241cf Mon Sep 17 00:00:00 2001 From: OoO Date: Mon, 18 May 2026 09:54:45 +0800 Subject: [PATCH] =?UTF-8?q?perf:=20=E6=94=B6=E6=96=82=E6=B4=BB=E5=8B=95?= =?UTF-8?q?=E7=9C=8B=E6=9D=BF=E5=89=8D=E7=AB=AF=E4=BA=8B=E4=BB=B6=E8=88=87?= =?UTF-8?q?=E5=9C=96=E8=A1=A8=E8=BC=89=E5=85=A5?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- config.py | 2 +- templates/edm_dashboard_v2.html | 31 +++++++------- web/static/css/page-edm-v2.css | 54 ++++++++++++++++++++++++ web/static/js/page-edm-v2.js | 75 ++++++++++++++++++--------------- 4 files changed, 111 insertions(+), 51 deletions(-) diff --git a/config.py b/config.py index 5480aee..c6c1538 100644 --- a/config.py +++ b/config.py @@ -320,7 +320,7 @@ YOUTUBE_API_KEY = os.getenv('YOUTUBE_API_KEY', '') # ========================================== # 系統版本與路徑 # ========================================== -SYSTEM_VERSION = "V10.169" +SYSTEM_VERSION = "V10.170" LOG_FILE_PATH = os.path.join(BASE_DIR, 'logs/system.log') public_url = PUBLIC_URL # 用於模板顯示 diff --git a/templates/edm_dashboard_v2.html b/templates/edm_dashboard_v2.html index 918fcc9..e808fd7 100644 --- a/templates/edm_dashboard_v2.html +++ b/templates/edm_dashboard_v2.html @@ -38,7 +38,7 @@
CAMPAIGN - ID · {{ current_promo_page|upper }} + ID · {{ current_promo_page|upper }}

{{ page_title }}

@@ -52,20 +52,20 @@
商品總數
-
{{ total_edm_products | number_format }}
+
{{ total_edm_products | number_format }}
{% if current_promo_page == 'edm' %} - - {% elif current_promo_page == 'festival' %} - {% endif %} @@ -85,15 +85,15 @@
新品
-
{{ current_stats.get('new', 0) | number_format }}
+
{{ current_stats.get('new', 0) | number_format }}
漲價
-
{{ current_stats.get('up', 0) | number_format }}
+
{{ current_stats.get('up', 0) | number_format }}
降價
-
{{ current_stats.get('down', 0) | number_format }}
+
{{ current_stats.get('down', 0) | number_format }}
@@ -140,9 +140,9 @@
- 03 + 03 商品列表 - + {{ page_window.start_item }}-{{ page_window.end_item }} / {{ page_window.total_items }} 筆
@@ -200,7 +200,7 @@ {% if item.image_url %} {{ item.name }} {% else %} -
無圖
+
無圖
{% endif %}
NEW {% elif item.status_change == 'PRICE_DOWN' %} - 降價 + 降價 {% elif item.status_change == 'PRICE_UP' %} - 漲價 + 漲價 {% elif item.status_change in ['DELISTED', 'SLOT_END'] %} 下架 {% endif %} @@ -268,7 +268,7 @@ {% else %} - -- + -- {% endif %} @@ -277,7 +277,7 @@ {% if item.remain_qty is not none %}
剩 {{ item.remain_qty | number_format }} 組
{% else %} -
--
+
--
{% endif %}
已售 {{ item.total_sold | default(0) | number_format }} 組
{% if item.qty_history and item.qty_history|length > 1 %} @@ -365,5 +365,6 @@ {% endblock %} {% block extra_js %} + {% endblock %} diff --git a/web/static/css/page-edm-v2.css b/web/static/css/page-edm-v2.css index c927a84..f783c39 100644 --- a/web/static/css/page-edm-v2.css +++ b/web/static/css/page-edm-v2.css @@ -146,6 +146,11 @@ text-transform: uppercase; } + .campaign-promo-id { + color: var(--momo-text-tertiary); + font-size: 11px; + } + .campaign-title { margin: 0; color: var(--momo-text-primary); @@ -177,6 +182,10 @@ font-weight: 800; } + .campaign-meta-value--total { + font-size: 20px; + } + .campaign-actions { display: flex; gap: 8px; @@ -265,6 +274,18 @@ line-height: 1; } + .campaign-kpi-value--info { + color: var(--momo-info); + } + + .campaign-kpi-value--danger { + color: var(--momo-danger); + } + + .campaign-kpi-value--success { + color: var(--momo-success); + } + .campaign-panel-footer { display: flex; align-items: center; @@ -359,6 +380,18 @@ flex-wrap: wrap; } + .campaign-section-index { + color: var(--momo-text-tertiary); + font-size: 11px; + font-weight: 800; + letter-spacing: 0.08em; + } + + .campaign-visible-count { + color: var(--momo-text-tertiary); + font-size: 12px; + } + .campaign-stat-badges { display: flex; gap: 6px; @@ -377,6 +410,14 @@ font-weight: 800; } + .campaign-badge--success { + color: var(--momo-success); + } + + .campaign-badge--danger { + color: var(--momo-danger); + } + .campaign-filterbar { display: inline-flex; padding: 2px; @@ -493,6 +534,14 @@ border-radius: 6px; } + .campaign-product-thumb--empty { + display: flex; + align-items: center; + justify-content: center; + color: var(--momo-text-tertiary); + font-size: 11px; + } + .campaign-product-name { display: -webkit-box; overflow: hidden; @@ -612,6 +661,11 @@ font-weight: 900; } + .campaign-sales-main--muted, + .campaign-muted-placeholder { + color: var(--momo-text-tertiary); + } + .campaign-sales-sub, .campaign-track-line { color: var(--momo-text-tertiary); diff --git a/web/static/js/page-edm-v2.js b/web/static/js/page-edm-v2.js index a57f1bc..6336393 100644 --- a/web/static/js/page-edm-v2.js +++ b/web/static/js/page-edm-v2.js @@ -60,17 +60,27 @@ let campaignPriceChartInstance = null; } function ensureCampaignChart() { + if (window.EwoooCChartTheme && window.EwoooCChartTheme.loadChartJs) { + return window.EwoooCChartTheme.loadChartJs(); + } if (typeof Chart !== 'undefined') { - return Promise.resolve(); + return Promise.resolve(window.Chart); } if (campaignChartLoader) { return campaignChartLoader; } campaignChartLoader = new Promise((resolve, reject) => { + const existing = document.querySelector('script[data-chartjs-loader="campaign"]'); + if (existing) { + existing.addEventListener('load', () => resolve(window.Chart), { once: true }); + existing.addEventListener('error', () => reject(new Error('Chart.js 載入失敗')), { once: true }); + return; + } const script = document.createElement('script'); - script.src = 'https://cdn.jsdelivr.net/npm/chart.js'; + script.src = 'https://cdn.jsdelivr.net/npm/chart.js@4.4.1/dist/chart.umd.min.js'; script.async = true; - script.onload = resolve; + script.dataset.chartjsLoader = 'campaign'; + script.onload = () => resolve(window.Chart); script.onerror = () => reject(new Error('Chart.js 載入失敗')); document.head.appendChild(script); }); @@ -257,41 +267,36 @@ let campaignPriceChartInstance = null; }); }); - function triggerEdmTask() { - if (confirm('確定要手動執行 EDM 爬蟲嗎？')) { - fetch('/api/run_edm_task', { - method: 'POST', - headers: { 'X-CSRFToken': getCSRFToken() } - }) - .then(response => response.json()) - .then(data => alert(data.message)) - .catch(error => alert('錯誤: ' + error)); + const campaignTaskMap = { + edm: { + confirmText: '確定要手動執行 EDM 爬蟲嗎？', + url: '/api/run_edm_task' + }, + festival: { + confirmText: '確定要手動執行節慶活動爬蟲嗎？', + url: '/api/run_festival_task' + }, + notification: { + confirmText: '確定要發送 EDM 活動通知嗎？', + url: '/api/trigger_edm_notification' } + }; + + function runCampaignTask(taskName) { + const task = campaignTaskMap[taskName]; + if (!task || !confirm(task.confirmText)) return; + fetch(task.url, { + method: 'POST', + headers: { 'X-CSRFToken': getCSRFToken() } + }) + .then(response => response.json()) + .then(data => alert(data.message)) + .catch(error => alert('錯誤: ' + error)); } - function triggerFestivalTask() { - if (confirm('確定要手動執行節慶活動爬蟲嗎？')) { - fetch('/api/run_festival_task', { - method: 'POST', - headers: { 'X-CSRFToken': getCSRFToken() } - }) - .then(response => response.json()) - .then(data => alert(data.message)) - .catch(error => alert('錯誤: ' + error)); - } - } - - function triggerNotification() { - if (confirm('確定要發送 EDM 活動通知嗎？')) { - fetch('/api/trigger_edm_notification', { - method: 'POST', - headers: { 'X-CSRFToken': getCSRFToken() } - }) - .then(response => response.json()) - .then(data => alert(data.message)) - .catch(error => alert('錯誤: ' + error)); - } - } + document.querySelectorAll('[data-campaign-task]').forEach(button => { + button.addEventListener('click', () => runCampaignTask(button.dataset.campaignTask)); + }); function trackMomoLinkClick(event) { const link = event.target.closest('.momo-tracked-link');