template div el-table data=tableData border stripe style=font-weight500;font-size14px; header-cell-class-name=headerbg selection-change=handleSelectionChange !-- el-table-column type=selection widt

此代码为一个 Vue 组件模板，包含一个表格和一个分页器，用于展示调课记录。表格中展示调课记录的各个属性，包括 ID、原课程名、原上课地点、原上课时间、新课程名、新上课时间、操作时间等。表格中还有一个操作列，点击详情按钮可以展示该条调课记录的详情信息。

分页器用于控制表格的分页展示。在调用该组件时，需要传入一个包含调课记录的数组作为数据源，以及当前页码、每页显示数量等参数。同时，该组件也提供了一个弹窗组件，用于展示调课记录的详情信息。在点击详情按钮时，会触发 handleDetail 方法，该方法会将当前行的数据传递给弹窗组件，弹窗组件会根据传入的数据展示调课记录的详情信息。