# 接口日志 portLog

用户查看接口日志的报文，数据异常等情况

# 组件效果图

# 总体效果

• 包括查询，高级检索，表格，分页，弹出对话框
  

# 搜索和高级检索

• 查询部分：通过 slot 插口方式，slot="filter"
• 按钮部分：“查询” 按钮组件内生成
• 查询方法：handleSubmit（查询）

  <template slot="filter">
    <!-- 查询条件 -->
    ...
    ...
  </template>

• 高级检索部分：slot="advanced-search" ，检索条件用户通过 el-form 自定义
• 按钮部分：“取消”、“重置”、“查询” 组件内生成
• 取消方法：组件处理（隐藏高级检索框）
• 重置方法：handleReset（重置）

  <template slot="advanced-search">
    <el-form>
      <el-form-item>
        <!-- 高级检索条件 -->
        ...
        ...
      </el-form-item>
    </el-form>
  </template>

# 表格分页

• 表格表头，标题内容自定义，操作栏固定三个按钮（报文，数据异常，重新发送）。同时三个按钮的字体图标可以进行自定义，默认 icon-message、icon-abnormal、icon-resend
• 报文方法：handleDetailRow
• 数据异常：handleAbnormalRow
• 重新发送：handleResendRow
• 分页方法：handleCurrentPageChange
• 每页条数变化：handleSizeChange

# 报文对话框

# 数据异常

# Attributes

# Events