57 lines
1.4 KiB
Markdown
57 lines
1.4 KiB
Markdown
## 移除查询日志详情中的屏蔽规则列
|
||
|
||
### 1. 问题分析
|
||
|
||
* 用户要求移除查询日志详情弹窗中的屏蔽规则列
|
||
|
||
* 屏蔽规则列位于响应细节部分，显示在响应时间和响应代码之间
|
||
|
||
* 该列显示了DNS查询被屏蔽时的规则信息
|
||
|
||
### 2. 实现方案
|
||
|
||
* 编辑`showLogDetailModal`函数，找到响应细节部分的HTML模板
|
||
|
||
* 移除其中包含"规则"标题和`${blockRule}`变量的整个div元素
|
||
|
||
* 保持其他响应细节（响应时间、响应代码、缓存状态）不变
|
||
|
||
### 3. 代码修改
|
||
|
||
* 修改文件：`/root/dns/static/js/logs.js`
|
||
|
||
* 修改函数：`showLogDetailModal`
|
||
|
||
* 移除位置：响应细节部分的`responseGrid` HTML模板
|
||
|
||
* 移除内容：包含"规则"标题和`${blockRule}`变量的div元素
|
||
|
||
### 4. 预期效果
|
||
|
||
* 查询日志详情弹窗中将不再显示屏蔽规则列
|
||
|
||
* 响应细节部分将只显示：响应时间、响应代码、缓存状态
|
||
|
||
* 保持弹窗的整体布局和样式不变
|
||
|
||
* 不影响其他功能的正常运行
|
||
|
||
### 5. 技术细节
|
||
|
||
* 使用HTML模板字符串修改DOM结构
|
||
|
||
* 移除不必要的DOM元素，简化UI
|
||
|
||
* 保持代码的可读性和可维护性
|
||
|
||
### 6. 测试验证
|
||
|
||
* 验证修改后的代码是否有语法错误
|
||
|
||
* 验证查询日志详情弹窗是否正常显示
|
||
|
||
* 验证屏蔽规则列已被成功移除
|
||
|
||
* 验证其他功能是否正常工作
|
||
|