From df1be594caf0a520b98040b25222abdc920f6348 Mon Sep 17 00:00:00 2001
From: zulifeng <lifeng.zu@d-robotics.cc>
Date: Thu, 29 Jan 2026 11:40:46 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E4=B8=BA=E8=AF=95=E7=94=A8=E6=9C=9F?=
 =?UTF-8?q?=E5=88=97=E8=A1=A8=E6=B7=BB=E5=8A=A0=E5=88=B7=E6=96=B0=E6=8C=89?=
 =?UTF-8?q?=E9=92=AE=E5=B9=B6=E5=AE=9E=E7=8E=B0=E5=85=B6=E6=95=B0=E6=8D=AE?=
 =?UTF-8?q?=E5=88=B7=E6=96=B0=E5=8A=9F=E8=83=BD=E3=80=82?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/index.html               | 10 ++++++++++
 frontend/js/trial-periods-page.js | 29 +++++++++++++++++++++++++++++
 2 files changed, 39 insertions(+)

diff --git a/frontend/index.html b/frontend/index.html
index 2c01174..d1e2016 100644
--- a/frontend/index.html
+++ b/frontend/index.html
@@ -391,6 +391,16 @@
             </div>
 
             <div class="card trial-periods-container">
+              <!-- 客户列表标头 -->
+              <div class="card-header">
+                <h3 class="card-title">
+                  <i class="fas fa-users"></i>
+                  客户列表
+                </h3>
+                <button id="refreshTrialPeriodsBtn" class="icon-btn" title="刷新列表">
+                  <i class="fas fa-sync-alt"></i>
+                </button>
+              </div>
               <div class="card-body table-container">
                 <table>
                   <thead>
diff --git a/frontend/js/trial-periods-page.js b/frontend/js/trial-periods-page.js
index 72dad80..9323399 100644
--- a/frontend/js/trial-periods-page.js
+++ b/frontend/js/trial-periods-page.js
@@ -80,6 +80,35 @@ function initTrialPeriodsPage() {
     setupIntendedProductCheckboxes('trialIntendedProductOtherCheckbox', 'trialIntendedProductOther');
     setupIntendedProductCheckboxes('editTrialIntendedProductOtherCheckbox', 'editTrialIntendedProductOther');
 
+    // 刷新按钮事件
+    const refreshTrialPeriodsBtn = document.getElementById('refreshTrialPeriodsBtn');
+    if (refreshTrialPeriodsBtn) {
+        refreshTrialPeriodsBtn.addEventListener('click', async function() {
+            // 添加旋转动画
+            refreshTrialPeriodsBtn.classList.add('refreshing');
+            const table = document.querySelector('.trial-periods-container table');
+            try {
+                await loadAllTrialPeriods();
+                // 成功反馈
+                refreshTrialPeriodsBtn.classList.remove('refreshing');
+                refreshTrialPeriodsBtn.classList.add('refresh-success');
+                // 添加表格刷新动画
+                if (table) {
+                    table.classList.add('table-refreshing');
+                    setTimeout(() => {
+                        table.classList.remove('table-refreshing');
+                    }, 500);
+                }
+                setTimeout(() => {
+                    refreshTrialPeriodsBtn.classList.remove('refresh-success');
+                }, 1000);
+            } catch (error) {
+                refreshTrialPeriodsBtn.classList.remove('refreshing');
+                console.error('刷新失败:', error);
+            }
+        });
+    }
+
     // Load customers map for displaying customer names
     loadCustomersMap();
 }