bruno
59f79a1d03
✨ 新增功能： - 支持批量选择和处理多条告警记录 - 智能状态检查，自动识别已处理告警并提示用户 - 与 ljwx-bigscreen 服务集成，调用后端 /batchDealAlert 接口 - 详细的操作结果反馈，包含成功/失败数量统计 🎨 UI/UX 优化： - "一键批量处理"按钮位于批量删除按钮右侧 - 按钮默认灰色禁用，选择≥2条记录时激活为绿色可点击状态 - 包含已响应告警的确认对话框，提升用户体验 - 完整的权限控制基于 t:alert:info:update 权限 🔧 技术实现： - 使用 #suffix 插槽实现按钮布局 - 状态检查逻辑：alertStatus === 'responded' - 调用 ljwx-bigscreen 的 POST /batchDealAlert 接口 - 错误处理和用户反馈机制完善 📝 文档更新： - 更新 README.md 添加详细功能说明 - 包含使用方法、按钮状态说明和API接口文档 - 更新版本日志至 v1.2.17 (2025-01-14) 🧪 测试文件： - 添加 test-batch-alert.html 功能测试说明文档
37 lines
1.7 KiB
HTML
37 lines
1.7 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<title>批量处理告警功能测试</title>
|
|
</head>
|
|
<body>
|
|
<h1>批量处理告警功能测试</h1>
|
|
|
|
<h2>功能说明：</h2>
|
|
<ul>
|
|
<li>✅ "一键批量处理" 按钮现在位于批量删除按钮的右边</li>
|
|
<li>✅ 按钮默认显示但为灰色禁用状态</li>
|
|
<li>✅ 当选择少于2条记录时，按钮保持禁用状态</li>
|
|
<li>✅ 当选择2条或更多记录时，按钮激活可点击</li>
|
|
<li>✅ 点击时会检查告警状态，如有已响应告警会弹出确认对话框</li>
|
|
<li>✅ 处理完成后会显示详细的结果信息</li>
|
|
</ul>
|
|
|
|
<h2>测试用例：</h2>
|
|
<ol>
|
|
<li><strong>未选择任何记录</strong>：批量删除和一键批量处理都应该是禁用状态（灰色）</li>
|
|
<li><strong>选择1条记录</strong>：批量删除和一键批量处理都应该是禁用状态</li>
|
|
<li><strong>选择2条或更多记录</strong>：批量删除和一键批量处理都应该激活可点击</li>
|
|
<li><strong>选择包含已响应状态的记录</strong>：应该弹出确认对话框</li>
|
|
<li><strong>处理成功</strong>：应该显示成功消息并刷新数据</li>
|
|
</ol>
|
|
|
|
<h2>技术实现：</h2>
|
|
<ul>
|
|
<li>使用 <code>#suffix</code> 插槽将按钮放置在正确位置</li>
|
|
<li>按钮样式：<code>size="small" ghost type="success"</code></li>
|
|
<li>禁用条件：<code>:disabled="checkedRowKeys.length < 2 || loading"</code></li>
|
|
<li>告警状态检查和用户确认逻辑</li>
|
|
<li>调用 bigscreen 服务的 <code>/batchDealAlert</code> 接口</li>
|
|
</ul>
|
|
</body>
|
|
</html> |