一、约定

标题	内容
路由地址	公共组件无单独路由
路由页面	src\components\LogTable\index.vue
操作权限	无限制
API 调用约定	当前组件进行 API 调用集中管理、内置组件仅做展现层控制。

二、属性（Attributes）

组件 props 传入参数

无

内部 data 参数

序号	参数名	类型	说明	默认值	可选值
1	searchData	object	搜索表单	{opUserName: '', opIp: '', module: '', opContent: ''}	--
2	logList	array	日志表格数据	[]	--
3	total	number	总数据条数	0	--
4	multipleSelection	array	表格多选数据	[]	--
5	loading	boolean	加载状态	false	true/false
6	currentPage	number	当前页码	1	--
7	pageSize	number	每页条数	10	--

三、组件管理

（一）组件事件

组件自身提供的功能

核心功能点，执行的事件关系：

日志列表展示与搜索

日志导出

分页控制

多选操作

（二）子组件

使用子组件提供功能

四、事件方法

核心事件，含数据处理、API 调用、事件管理管理等

1. getLogList() 获取日志表格数据

调用分页加载日志

整理请求参数

调用日志列表 API 获取数据

更新 logList 和 total

处理 API 响应状态和错误提示

2. searchFn() 搜索

重置页码为 1

调用 getLogList 方法获取数据

3. resetSearchForm() 重置搜索条件

重置 searchData 表单数据

调用 getLogList 方法获取数据

4. handleSelectionChange(val) 表格多选变化

更新 multipleSelection

5. handleSizeChange(val) 每页条数变化

更新 pageSize

调用 getLogList 方法获取数据

6. handleCurrentChange(val) 页码变化

更新 currentPage

调用 getLogList 方法获取数据

7. exportFn() 导出日志

调用导出 API日志搜索查询导出

处理文件下载

显示导出状态和结果提示

log-table组件（日志消息列表）

一、约定#

二、属性（Attributes）#

三、组件管理#

（一）组件事件#

（二）子组件#

四、事件方法#

1. getLogList() 获取日志表格数据#

2. searchFn() 搜索#

3. resetSearchForm() 重置搜索条件#

4. handleSelectionChange(val) 表格多选变化#

5. handleSizeChange(val) 每页条数变化#

6. handleCurrentChange(val) 页码变化#

7. exportFn() 导出日志#

一、约定

二、属性（Attributes）

三、组件管理

（一）组件事件

（二）子组件

四、事件方法

1. getLogList() 获取日志表格数据

2. searchFn() 搜索

3. resetSearchForm() 重置搜索条件

4. handleSelectionChange(val) 表格多选变化

5. handleSizeChange(val) 每页条数变化

6. handleCurrentChange(val) 页码变化

7. exportFn() 导出日志