bonus
/
GZMachinesWeb
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

待办移动端适配-增加全选批量

This commit is contained in:
syruan 2025-07-16 21:59:25 +08:00 committed by syruan
parent fe7722020d
commit 0e8708343c
1 changed files with 122 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

135
WebContent/WEB-INF/views/rm/unFinishWorkList-mobile.jsp
View File

@ -192,12 +192,22 @@
z-index: 100;
}
.bottom-actions {
display: flex;
gap: 10px;
}
.bottom-bar .btn {
width: 100%;
flex: 1;
font-size: 16px;
padding: 12px;
}
.btn-warning {
background: #ffc107;
color: #212529;
}
/* 加载和提示 */
@ -312,9 +322,14 @@
<!-- 底部操作栏 -->
<div class="bottom-bar">
<button id="batchBtn" class="btn btn-success" disabled>
批量审批 (<span id="selectedCount">0</span>)
</button>
<div class="bottom-actions">
<button id="selectAllBtn" class="btn btn-warning" style="width: 100px;">
勾选当前页
</button>
<button id="batchBtn" class="btn btn-success" disabled>
批量审批 (<span id="selectedCount">0</span>)
</button>
</div>
</div>
@ -323,7 +338,7 @@
<div id="loading" class="loading">
<div class="loading-content">
<div class="spinner"></div>
<p>加载中...</p>
<p>系统处理中，请稍后...</p>
</div>
</div>
@ -398,12 +413,29 @@
batchApproval();
});
// 全选当前页
$('#selectAllBtn').on('click', function() {
selectAllCurrentPage();
});
// 页面可见性变化刷新
// 页面可见性变化刷新（避免在跳转详情页时触发）
var isNavigatingToDetail = false;
document.addEventListener("visibilitychange", function() {
if (document.visibilityState === "visible" && !isNavigatingToDetail) {
// 延迟执行，避免快速切换导致的误触发
setTimeout(function() {
if (!isNavigatingToDetail) {
loadTasks(currentPage);
}
}, 500);
}
// 重置标志
if (document.visibilityState === "visible") {
loadTasks(currentPage);
setTimeout(function() {
isNavigatingToDetail = false;
}, 2000);
}
});
}
@ -472,15 +504,16 @@
html += ' <span>计划编号: ' + (task.number || '') + '</span>';
html += ' </div>';
html += ' <div class="task-creator">创建人: ' + (task.creatorName || task.operationUserName || '') + '</div>';
html += ' <div class="task-actions">';
html += ' <button class="btn btn-info btn-sm" onclick="viewTaskDetail(\'' + task.id + '\', \'' + (task.processName || '') + '\')">查看详情</button>';
html += ' </div>';
// html += ' <div class="task-actions">';
// html += ' <button class="btn btn-info btn-sm" onclick="viewTaskDetail(\'' + task.id + '\', \'' + (task.processName || '') + '\')">查看详情</button>';
// html += ' </div>';
html += '</div>';
});
}
$('#taskList').html(html);
bindTaskEvents();
updateSelectAllButtonText();
}
// 绑定任务事件
@ -493,6 +526,7 @@
selectedTasks.delete(taskId);
}
updateSelectedCount();
updateSelectAllButtonText();
});
}
@ -506,6 +540,8 @@
return;
}
// 设置导航标志，防止页面可见性检测干扰
isNavigatingToDetail = true;
showLoading();
$.ajax({
@ -522,19 +558,38 @@
localStorage.setItem("token", data.token);
// 根据流程类型跳转到对应页面
var targetUrl = "";
if (processName === '派车计划') {
window.open("http://10.1.0.142:1999/gz-car/page/car_demand_plan/child/dispatch_car_detail.html?id=" + id + "&token=" + data.token);
targetUrl = "http://10.1.0.142:1999/gz-car/page/car_demand_plan/child/dispatch_car_detail.html?id=" + id + "&token=" + data.token;
} else if (processName === '用车计划') {
window.open("http://10.1.0.142:1999/gz-car/page/car_demand_plan/child/apply_plan_detail.html?id=" + id + "&token=" + data.token);
targetUrl = "http://10.1.0.142:1999/gz-car/page/car_demand_plan/child/apply_plan_detail.html?id=" + id + "&token=" + data.token;
} else {
isNavigatingToDetail = false; // 重置标志
showAlert('暂不支持该类型任务的详情查看: ' + processName);
return;
}
// 使用 window.open 打开新窗口，避免影响当前页面
try {
var newWindow = window.open(targetUrl, '_blank');
// 检查新窗口是否成功打开
if (!newWindow || newWindow.closed || typeof newWindow.closed == 'undefined') {
// 如果弹窗被阻止，尝试在当前窗口打开
window.location.href = targetUrl;
}
} catch (e) {
console.error('打开详情页面失败:', e);
isNavigatingToDetail = false;
showAlert('打开详情页面失败，请稍后重试');
}
} else {
isNavigatingToDetail = false; // 重置标志
showAlert("没有权限！");
}
},
error: function(XMLHttpRequest, textStatus, errorThrown) {
hideLoading();
isNavigatingToDetail = false; // 重置标志
showAlert("未连接到服务器，请检查网络！状态码:" + XMLHttpRequest.status);
}
});
@ -577,7 +632,61 @@
// 切换批量按钮状态
function toggleBatchButton() {
var isFinish = $('#taskStatus').val();
$('#batchBtn').prop('disabled', isFinish === '1');
var isDisabled = isFinish === '1';
$('#batchBtn').prop('disabled', isDisabled);
$('#selectAllBtn').prop('disabled', isDisabled);
// 更新按钮文字
if (isDisabled) {
$('#selectAllBtn').text('全选当前页');
} else {
updateSelectAllButtonText();
}
}
// 全选当前页功能
function selectAllCurrentPage() {
var isFinish = $('#taskStatus').val();
if (isFinish === '1') {
return; // 已办状态不允许操作
}
var checkboxes = $('.task-checkbox:not(:disabled)');
var allChecked = checkboxes.length > 0 && checkboxes.filter(':checked').length === checkboxes.length;
if (allChecked) {
// 如果全部选中，则取消全选
checkboxes.each(function() {
var taskId = $(this).val();
selectedTasks.delete(taskId);
$(this).prop('checked', false);
});
} else {
// 否则全选
checkboxes.each(function() {
var taskId = $(this).val();
selectedTasks.add(taskId);
$(this).prop('checked', true);
});
}
updateSelectedCount();
updateSelectAllButtonText();
}
// 更新全选按钮文字
function updateSelectAllButtonText() {
var checkboxes = $('.task-checkbox:not(:disabled)');
var checkedCount = checkboxes.filter(':checked').length;
var totalCount = checkboxes.length;
if (totalCount === 0) {
$('#selectAllBtn').text('全选当前页');
} else if (checkedCount === totalCount) {
$('#selectAllBtn').text('取消全选');
} else {
$('#selectAllBtn').text('全选当前页');
}
}
// 更新选中计数