SwtTt29
/
web-follow
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

Merge pull request 'ly' (#4) from ly into KH 

Reviewed-on: http://8.137.125.67:4000/SwtTt29/web-follow/pulls/4
hzj
xfy 2 months ago
parent
9d15791712 ca071940b1
commit
798317f4c0
1 changed files with 161 additions and 42 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 203
      web/src/main/resources/static/index.html

203
web/src/main/resources/static/index.html
View File

@ -159,6 +159,26 @@
display: flex; display: flex;
gap: 10px; gap: 10px;
align-items: center; 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 { .filter-bar button {
@ -170,6 +190,8 @@
cursor: pointer; cursor: pointer;
font-size: 14px; font-size: 14px;
transition: all 0.3s ease; transition: all 0.3s ease;
white-space: nowrap;
min-width: 80px;
} }
.filter-bar button:hover { .filter-bar button:hover {
@ -422,6 +444,91 @@
border-color: #1890ff; border-color: #1890ff;
box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2); 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> </style>
</head> </head>
<body> <body>
@ -435,9 +542,10 @@
</div> </div>
<div class="container"> <div class="container">
<div class="user-details"> <div class="user-details-container">
<h2>用户信息</h2> <div class="user-details">
<div class="detail-grid"> <h2>用户信息</h2>
<div class="detail-grid">
<div class="detail-item"> <div class="detail-item">
<div class="detail-label">职位名称</div> <div class="detail-label">职位名称</div>
<div class="detail-value" id="projectName"></div> <div class="detail-value" id="projectName"></div>
@ -463,20 +571,24 @@
<div class="detail-value" id="role"></div> <div class="detail-value" id="role"></div>
</div> </div>
</div> </div>
</div>
</div> </div>
<div class="data-section"> <div class="data-section">
<div class="section-header"> <div class="section-header">
<div class="tab-container"> <div class="tab-container-scroll">
<button class="tab-button active" onclick="switchTab('personal', this)">个人数据</button> <div class="tab-container">
<button class="tab-button" onclick="switchTab('public', this)">公海池数据</button> <button class="tab-button active" onclick="switchTab('personal', this)">个人数据</button>
<button class="tab-button" onclick="switchTab('public', this)">公海池数据</button>
</div>
</div> </div>
</div> </div>
<!-- 个人数据标签页 --> <!-- 个人数据标签页 -->
<div class="section-content"> <div class="section-content">
<div id="personal" class="tab-content active"> <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="loadPersonalData()">刷新数据</button>
<button onclick="filterPersonalData('all')" style="background-color: #52c41a;">全部</button> <button onclick="filterPersonalData('all')" style="background-color: #52c41a;">全部</button>
<button onclick="filterPersonalData('followed')" style="background-color: #faad14;">已跟进</button> <button onclick="filterPersonalData('followed')" style="background-color: #faad14;">已跟进</button>
@ -497,27 +609,30 @@
<option value="50">50条/页</option> <option value="50">50条/页</option>
<option value="100">100条/页</option> <option value="100">100条/页</option>
</select> </select>
</div>
</div> </div>
<div id="personalFilterTags" style="margin-top: 10px; margin-bottom: 10px;"></div> <div id="personalFilterTags" style="margin-top: 10px; margin-bottom: 10px;"></div>
<table id="personalTable"> <div class="table-container">
<thead> <table id="personalTable">
<tr> <thead>
<th><input type="checkbox" id="selectAllPersonal" onclick="selectAll('personal')"></th> <tr>
<th>昵称</th> <th><input type="checkbox" id="selectAllPersonal" onclick="selectAll('personal')"></th>
<th>手机号</th> <th>昵称</th>
<th>类型</th> <th>手机号</th>
<th>创建时间</th> <th>类型</th>
<th>跟进内容</th> <th>创建时间</th>
<th>响应时间</th> <th>跟进内容</th>
<th id="managerHeader" onclick="toggleManagerFilter()" style="cursor: pointer;">负责人</th> <th>响应时间</th>
<th>操作</th> <th id="managerHeader" onclick="toggleManagerFilter()" style="cursor: pointer;">负责人</th>
</tr> <th>操作</th>
</thead> </tr>
<tbody id="personalBody"> </thead>
</tbody> <tbody id="personalBody">
</table> </tbody>
</table>
</div>
<div id="personalEmpty" class="empty-state">暂无个人数据</div> <div id="personalEmpty" class="empty-state">暂无个人数据</div>
<div class="pagination" id="personalPagination"> <div class="pagination" id="personalPagination">
</div> </div>
@ -525,7 +640,8 @@
<!-- 公海池数据标签页 --> <!-- 公海池数据标签页 -->
<div id="public" class="tab-content"> <div id="public" class="tab-content">
<div class="filter-bar"> <div class="filter-container">
<div class="filter-bar">
<button onclick="loadPublicData()">刷新数据</button> <button onclick="loadPublicData()">刷新数据</button>
<button id="publicAssignButton" onclick="openAssignModal()" style="background-color: #722ed1;">分配</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;"> <input type="text" id="publicPhoneSearch" placeholder="搜索手机号" style="margin-left: 20px; padding: 4px 8px; border: 1px solid #d9d9d9; border-radius: 4px; font-size: 14px;">
@ -542,27 +658,30 @@
<option value="50">50条/页</option> <option value="50">50条/页</option>
<option value="100">100条/页</option> <option value="100">100条/页</option>
</select> </select>
</div>
</div> </div>
<div id="publicFilterTags" style="margin-top: 10px; margin-bottom: 10px;"></div> <div id="publicFilterTags" style="margin-top: 10px; margin-bottom: 10px;"></div>
<table id="publicTable"> <div class="table-container">
<thead> <table id="publicTable">
<tr> <thead>
<th><input type="checkbox" id="selectAllPublic" onclick="selectAll('public')"></th> <tr>
<th>昵称</th> <th><input type="checkbox" id="selectAllPublic" onclick="selectAll('public')"></th>
<th>手机号</th> <th>昵称</th>
<th>类型</th> <th>手机号</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>
<th>操作</th> <th id="publicManagerHeader" onclick="toggleManagerFilter('public')" style="cursor: pointer;">负责人</th>
</tr> <th>操作</th>
</thead> </tr>
<tbody id="publicBody"> </thead>
</tbody> <tbody id="publicBody">
</table> </tbody>
</table>
</div>
<div id="publicEmpty" class="empty-state">暂无公海池数据</div> <div id="publicEmpty" class="empty-state">暂无公海池数据</div>
<div class="pagination" id="publicPagination"> <div class="pagination" id="publicPagination">
</div> </div>

Write Preview
Loading…
Cancel
Save