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%; + } @@ -450,9 +522,10 @@
-
-

用户信息

-
+
+
+

用户信息

+
职位名称
@@ -478,20 +551,24 @@
+
-
- - +
+
+ + +
-
+
+
@@ -512,27 +589,30 @@ +
- - - - - - - - - - - - - - - - -
昵称手机号类型创建时间跟进内容响应时间负责人操作
+
+ + + + + + + + + + + + + + + + +
昵称手机号类型创建时间跟进内容响应时间负责人操作
+
暂无个人数据
@@ -540,7 +620,8 @@
-
+
+
@@ -557,27 +638,30 @@ +
- - - - - - - - - - - - - - - - -
昵称手机号类型创建时间跟进内容响应时间负责人操作
+
+ + + + + + + + + + + + + + + + +
昵称手机号类型创建时间跟进内容响应时间负责人操作
+
暂无公海池数据