- 03
+ 03
商品列表
-
+
{{ page_window.start_item }}-{{ page_window.end_item }} / {{ page_window.total_items }} 筆
@@ -200,7 +200,7 @@
{% if item.image_url %}
{% 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');