<!--
  @description: 系统日志详情弹框
  @Modifier: haofengxian
  @routerPath:
  @date: 2020-9-1-9:56
-->
<template>
  <el-dialog
    v-dialogDrag
    :visible.sync="systemLogVisibleDialog"
    :close-on-click-modal="false"
    title="查看系统日志"
    width="600px"
    append-to-body
    custom-class="el-dialog__body-p0"
  >
    <div class="main mb10">
      <table class="tableData">
        <tr>
          <td>操作人</td>
          <td>{{ formData.userName }}</td>
        </tr>
        <tr>
          <td>操作类型</td>
          <td>{{ formData.operateType }}</td>
        </tr>
        <tr>
          <td>日志内容</td>
          <td>{{ formData.logContent }}</td>
        </tr>
        <tr>
          <td>日志等级</td>
          <td>{{ formData.logLevel }}</td>
        </tr>
        <tr>
          <td>操作IP</td>
          <td>{{ formData.note }}</td>
        </tr>
        <tr>
          <td>操作时间</td>
          <td>{{ formData.operateTime }}</td>
        </tr>
        <tr>
          <td>浏览器</td>
          <td>{{ formData.broswer }}</td>
        </tr>
      </table>
    </div>
    <span slot="footer" class="dialog-footer">
      <el-button @click="systemLogVisibleDialog = false">关 闭</el-button>
    </span>
  </el-dialog>
</template>

<script>
export default {
  name: 'SystemLogDetailDialog',
  data() {
    return {
      systemLogVisibleDialog: false,
      formData: {
        broswer: '', // 浏览器
        id: '', // 主键id
        logContent: '', // 日志内容
        logLevel: '', // 日志等级
        note: '', // ip地址
        operateTime: '', // 时间
        operateType: '', // 操作类型
        userId: ''// 用户id
      }
    }
  },
  methods: {
    open(data) {
      this.systemLogVisibleDialog = true
      this.formData = data
    }
  }
}
</script>

<style scoped>

</style>
