<template>
   <div class="global">
    <div class="mainContainer">
       <div class="title">
           操作日志
       </div>
       <div class="table">

             <el-table
          border
          stripe
          :data="operationLogData"
          highlight-current-row
          @current-change="handleCurrentChange"
        >
          <el-table-column
            type="index"
            align="center"
            label="序号"
            width="50px"
          >
          </el-table-column>
          <el-table-column prop="account" label="账户" align="center">
          </el-table-column>
          <el-table-column prop="operationTime" label="操作时间" align="center">
          </el-table-column>
          <el-table-column prop="operationAction" label="操作动作" align="center">
          </el-table-column>
          <el-table-column prop="operationModule" label="操作模块" align="center">
          </el-table-column>
          <el-table-column prop="operationData" label="操作数据" align="center">
          </el-table-column>
            <el-table-column prop="loginIP" label="登录IP" align="center">
          </el-table-column>
        
        </el-table>
           <pagination
          v-show="total > 0"
          :total="total"
          :page.sync="listQuery.page"
          :limit.sync="listQuery.limit"
          @pagination="getList"
        />
       </div>
       </div>
    </div>
</template>
<script>
    import Pagination from "@/components/Pagination"
export default {
       components: {Pagination },
    data(){
        return{
                   //分页
      total: 30,
      listLoading: true,
      listQuery: {
        page: 1,
        limit: 10,
        importance: undefined,
        title: undefined,
        type: undefined,
        sort: "+id",
      },
           operationLogData:[
               {
                 account:"ddfdgg" , 
                 operationTime:"2020-2-3",
                 operationAction:"dfgggfdghfsgh",
                 operationModule:"fagaegshj",
                 operationData:"fghgthjythjjkjkitgjfjrtbdheryehyeh",
                 loginIP:"192.168.12.njjjhuu",
               },
                 {
                 account:"ddfdgg" , 
                 operationTime:"2020-2-3",
                 operationAction:"dfgggfdghfsgh",
                 operationModule:"fagaegshj",
                 operationData:"fghgthjythjjkjkitgjfjrtbdheryehyeh",
                 loginIP:"192.168.12.njjjhuu",
               },
                 {
                 account:"ddfdgg" , 
                 operationTime:"2020-2-3",
                 operationAction:"dfgggfdghfsgh",
                 operationModule:"fagaegshj",
                 operationData:"fghgthjythjjkjkitgjfjrtbdheryehyehfghgthjythjjkjkitgjfjrtbdheryehyehfghgthjythjjkjkitgjfjrtbdheryehyehfghgthjythjjkjkitgjfjrtbdheryehyehfghgthjythjjkjkitgjfjrtbdheryehyehfghgthjythjjkjkitgjfjrtbdheryehyehfghgthjythjjkjkitgjfjrtbdheryehyehfghgthjythjjkjkitgjfjrtbdheryehyehfghgthjythjjkjkitgjfjrtbdheryehyehfghgthjythjjkjkitgjfjrtbdheryehyehfghgthjythjjkjkitgjfjrtbdheryehyehfghgthjythjjkjkitgjfjrtbdheryehyehfghgthjythjjkjkitgjfjrtbdheryehyeh",
                 loginIP:"192.168.12.njjjhuu",
               },
           ]
        }
    },
    methods:{
        getList(){},
        // 当表格的当前行发生变化的时候会触发该事件
        handleCurrentChange() {},
    }
}
</script>
<style lang="scss" scoped>
    .title{
        height:30px;
        line-height:30px;
        border-bottom: 1px solid #ccc;
        margin-bottom:20px;
    }
    .table{
        padding:10px;
    }
</style>