From ae0a2a1a68dba119ff6c35a39d212162ecdd1e31 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=BE=90=E9=A3=9E=E6=B4=8B?=
 <15778543+xufeiyang6017@user.noreply.gitee.com>
Date: Wed, 21 Jan 2026 10:24:16 +0800
Subject: [PATCH 1/3] =?UTF-8?q?fix:=20=E4=BC=98=E5=8C=96=E7=AD=9B=E9=80=89?=
 =?UTF-8?q?=E6=A0=8F=E6=A0=B7=E5=BC=8F=EF=BC=8C=E7=A1=AE=E4=BF=9D=E7=AA=97?=
 =?UTF-8?q?=E5=8F=A3=E6=8B=89=E4=BC=B8=E6=97=B6=E5=B8=83=E5=B1=80=E4=BF=9D?=
 =?UTF-8?q?=E6=8C=81=E4=B8=8D=E5=8F=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 web/src/main/resources/static/index.html | 15 +++++++++++++++
 1 file changed, 15 insertions(+)

diff --git a/web/src/main/resources/static/index.html b/web/src/main/resources/static/index.html
index b040083..fe89d94 100644
--- a/web/src/main/resources/static/index.html
+++ b/web/src/main/resources/static/index.html
@@ -159,6 +159,21 @@
             display: flex;
             gap: 10px;
             align-items: center;
+            flex-wrap: wrap;
+            min-width: 800px;
+        }
+        
+        .filter-bar button {
+            flex-shrink: 0;
+        }
+        
+        .filter-bar input[type="text"],
+        .filter-bar input[type="date"] {
+            flex-shrink: 0;
+        }
+        
+        .filter-bar select {
+            flex-shrink: 0;
         }
         
         .filter-bar button {

From 8bf5b6c02898542943d5b92bbcef72f79b9fa541 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=BE=90=E9=A3=9E=E6=B4=8B?=
 <15778543+xufeiyang6017@user.noreply.gitee.com>
Date: Wed, 21 Jan 2026 10:41:21 +0800
Subject: [PATCH 2/3] Add horizontal scroll functionality for better responsive
 design

---
 web/src/main/resources/static/index.html | 198 ++++++++++++++++-------
 1 file changed, 141 insertions(+), 57 deletions(-)

diff --git a/web/src/main/resources/static/index.html b/web/src/main/resources/static/index.html
index fe89d94..f767be5 100644
--- a/web/src/main/resources/static/index.html
+++ b/web/src/main/resources/static/index.html
@@ -159,21 +159,6 @@
             display: flex;
             gap: 10px;
             align-items: center;
-            flex-wrap: wrap;
-            min-width: 800px;
-        }
-        
-        .filter-bar button {
-            flex-shrink: 0;
-        }
-        
-        .filter-bar input[type="text"],
-        .filter-bar input[type="date"] {
-            flex-shrink: 0;
-        }
-        
-        .filter-bar select {
-            flex-shrink: 0;
         }
         
         .filter-bar button {
@@ -185,6 +170,8 @@
             cursor: pointer;
             font-size: 14px;
             transition: all 0.3s ease;
+            white-space: nowrap;
+            min-width: 80px;
         }
         
         .filter-bar button:hover {
@@ -437,6 +424,91 @@
             border-color: #1890ff;
             box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
         }
+        
+        /* 表格容器样式，添加横向滚动 */
+        .table-container {
+            width: 100%;
+            overflow-x: auto;
+            margin: 0;
+            padding: 0;
+        }
+        
+        .table-container table {
+            width: auto;
+            min-width: 100%;
+        }
+        
+        /* 确保表格列宽正确显示 */
+        .table-container th,
+        .table-container td {
+            white-space: nowrap;
+        }
+        
+        /* 筛选容器样式，添加横向滚动 */
+        .filter-container {
+            width: 100%;
+            overflow-x: auto;
+            margin: 0;
+            padding: 0;
+            scrollbar-width: thin;
+            scrollbar-color: #1890ff #f0f0f0;
+        }
+        
+        .filter-container::-webkit-scrollbar {
+            height: 6px;
+        }
+        
+        .filter-container::-webkit-scrollbar-track {
+            background: #f0f0f0;
+            border-radius: 3px;
+        }
+        
+        .filter-container::-webkit-scrollbar-thumb {
+            background: #1890ff;
+            border-radius: 3px;
+        }
+        
+        .filter-container::-webkit-scrollbar-thumb:hover {
+            background: #40a9ff;
+        }
+        
+        .filter-container .filter-bar {
+            width: auto;
+            min-width: 100%;
+            flex-wrap: nowrap;
+            padding: 10px 0;
+        }
+        
+        /* 标签页容器样式，添加横向滚动 */
+        .tab-container-scroll {
+            width: 100%;
+            overflow-x: auto;
+            margin: 0;
+            padding: 0;
+        }
+        
+        .tab-container-scroll .tab-container {
+            width: auto;
+            min-width: 100%;
+        }
+        
+        /* 用户信息容器样式，添加横向滚动 */
+        .user-details-container {
+            width: 100%;
+            overflow-x: auto;
+            margin: 0;
+            padding: 0;
+        }
+        
+        .user-details-container .user-details {
+            width: auto;
+            min-width: 100%;
+        }
+        
+        .user-details-container .detail-grid {
+            width: auto;
+            min-width: 100%;
+        }
     </style>
 </head>
 <body>
@@ -450,9 +522,10 @@
     </div>
     
     <div class="container">
-        <div class="user-details">
-            <h2>用户信息</h2>
-            <div class="detail-grid">
+        <div class="user-details-container">
+            <div class="user-details">
+                <h2>用户信息</h2>
+                <div class="detail-grid">
                 <div class="detail-item">
                     <div class="detail-label">职位名称</div>
                     <div class="detail-value" id="projectName"></div>
@@ -478,20 +551,24 @@
                     <div class="detail-value" id="role"></div>
                 </div>
             </div>
+            </div>
         </div>
         
         <div class="data-section">
             <div class="section-header">
-                <div class="tab-container">
-                    <button class="tab-button active" onclick="switchTab('personal', this)">个人数据</button>
-                    <button class="tab-button" onclick="switchTab('public', this)">公海池数据</button>
+                <div class="tab-container-scroll">
+                    <div class="tab-container">
+                        <button class="tab-button active" onclick="switchTab('personal', this)">个人数据</button>
+                        <button class="tab-button" onclick="switchTab('public', this)">公海池数据</button>
+                    </div>
                 </div>
             </div>
             
             <!-- 个人数据标签页 -->
             <div class="section-content">
                 <div id="personal" class="tab-content active">
-                    <div class="filter-bar">
+                    <div class="filter-container">
+                        <div class="filter-bar">
                         <button onclick="loadPersonalData()">刷新数据</button>
                         <button onclick="filterPersonalData('all')" style="background-color: #52c41a;">全部</button>
                         <button onclick="filterPersonalData('followed')" style="background-color: #faad14;">已跟进</button>
@@ -512,27 +589,30 @@
                             <option value="50">50条/页</option>
                             <option value="100">100条/页</option>
                         </select>
+                        </div>
                     </div>
                     
                     <div id="personalFilterTags" style="margin-top: 10px; margin-bottom: 10px;"></div>
                     
-                    <table id="personalTable">
-                        <thead>
-                            <tr>
-                                <th><input type="checkbox" id="selectAllPersonal" onclick="selectAll('personal')"></th>
-                                <th>昵称</th>
-                                <th>手机号</th>
-                                <th>类型</th>
-                                <th>创建时间</th>
-                                <th>跟进内容</th>
-                                <th>响应时间</th>
-                                <th id="managerHeader" onclick="toggleManagerFilter()" style="cursor: pointer;">负责人</th>
-                                <th>操作</th>
-                            </tr>
-                        </thead>
-                        <tbody id="personalBody">
-                        </tbody>
-                    </table>
+                    <div class="table-container">
+                        <table id="personalTable">
+                            <thead>
+                                <tr>
+                                    <th><input type="checkbox" id="selectAllPersonal" onclick="selectAll('personal')"></th>
+                                    <th>昵称</th>
+                                    <th>手机号</th>
+                                    <th>类型</th>
+                                    <th>创建时间</th>
+                                    <th>跟进内容</th>
+                                    <th>响应时间</th>
+                                    <th id="managerHeader" onclick="toggleManagerFilter()" style="cursor: pointer;">负责人</th>
+                                    <th>操作</th>
+                                </tr>
+                            </thead>
+                            <tbody id="personalBody">
+                            </tbody>
+                        </table>
+                    </div>
                     <div id="personalEmpty" class="empty-state">暂无个人数据</div>
                     <div class="pagination" id="personalPagination">
                     </div>
@@ -540,7 +620,8 @@
                 
                 <!-- 公海池数据标签页 -->
                 <div id="public" class="tab-content">
-                    <div class="filter-bar">
+                    <div class="filter-container">
+                        <div class="filter-bar">
                         <button onclick="loadPublicData()">刷新数据</button>
                         <button id="publicAssignButton" onclick="openAssignModal()" style="background-color: #722ed1;">分配</button>
                         <input type="text" id="publicPhoneSearch" placeholder="搜索手机号" style="margin-left: 20px; padding: 4px 8px; border: 1px solid #d9d9d9; border-radius: 4px; font-size: 14px;">
@@ -557,27 +638,30 @@
                             <option value="50">50条/页</option>
                             <option value="100">100条/页</option>
                         </select>
+                        </div>
                     </div>
                     
                     <div id="publicFilterTags" style="margin-top: 10px; margin-bottom: 10px;"></div>
                     
-                    <table id="publicTable">
-                        <thead>
-                            <tr>
-                                <th><input type="checkbox" id="selectAllPublic" onclick="selectAll('public')"></th>
-                                <th>昵称</th>
-                                <th>手机号</th>
-                                <th>类型</th>
-                                <th>创建时间</th>
-                                <th>跟进内容</th>
-                                <th>响应时间</th>
-                                <th id="publicManagerHeader" onclick="toggleManagerFilter('public')" style="cursor: pointer;">负责人</th>
-                                <th>操作</th>
-                            </tr>
-                        </thead>
-                        <tbody id="publicBody">
-                        </tbody>
-                    </table>
+                    <div class="table-container">
+                        <table id="publicTable">
+                            <thead>
+                                <tr>
+                                    <th><input type="checkbox" id="selectAllPublic" onclick="selectAll('public')"></th>
+                                    <th>昵称</th>
+                                    <th>手机号</th>
+                                    <th>类型</th>
+                                    <th>创建时间</th>
+                                    <th>跟进内容</th>
+                                    <th>响应时间</th>
+                                    <th id="publicManagerHeader" onclick="toggleManagerFilter('public')" style="cursor: pointer;">负责人</th>
+                                    <th>操作</th>
+                                </tr>
+                            </thead>
+                            <tbody id="publicBody">
+                            </tbody>
+                        </table>
+                    </div>
                     <div id="publicEmpty" class="empty-state">暂无公海池数据</div>
                     <div class="pagination" id="publicPagination">
                     </div>

From ca071940b13dcf6a1ad328cc71ab364f070ceedc Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=BE=90=E9=A3=9E=E6=B4=8B?=
 <15778543+xufeiyang6017@user.noreply.gitee.com>
Date: Wed, 21 Jan 2026 10:43:11 +0800
Subject: [PATCH 3/3] Fix line wrapping issue for date inputs and total count
 in filter bar

---
 web/src/main/resources/static/index.html | 20 ++++++++++++++++++++
 1 file changed, 20 insertions(+)

diff --git a/web/src/main/resources/static/index.html b/web/src/main/resources/static/index.html
index f767be5..aff98c1 100644
--- a/web/src/main/resources/static/index.html
+++ b/web/src/main/resources/static/index.html
@@ -159,6 +159,26 @@
             display: flex;
             gap: 10px;
             align-items: center;
+            white-space: nowrap;
+        }
+        
+        .filter-bar span {
+            white-space: nowrap;
+        }
+        
+        .filter-bar input[type="date"] {
+            white-space: nowrap;
+            min-width: 130px;
+        }
+        
+        .filter-bar select {
+            white-space: nowrap;
+            min-width: 100px;
+        }
+        
+        .filter-bar input[type="text"] {
+            white-space: nowrap;
+            min-width: 150px;
         }
         
         .filter-bar button {