日志管理页面修改

 <template>
 <template>
-    <div class="log-content">
+    <div class="main">
         <div class="log-search">
         <div class="log-search">
             开始时间：
             开始时间：
             <el-date-picker
             <el-date-picker
@@ -47,7 +47,7 @@
         </el-dialog>
         </el-dialog>
 
 
         <div class="log-table">
         <div class="log-table">
-            <el-table :data="tableData">
+            <el-table :data="tableData" :height="tableHeight"  :row-class-name="tableRowClassName">
                 <el-table-column type="index" width="80" align="center" label="序号">
                 <el-table-column type="index" width="80" align="center" label="序号">
                 </el-table-column>
                 </el-table-column>
                 <el-table-column prop="operationtype" align="center" label="操作类型">
                 <el-table-column prop="operationtype" align="center" label="操作类型">
@@ -84,7 +84,7 @@
 
 
                 total: 0,
                 total: 0,
                 pageNo: 1,
                 pageNo: 1,
-                pageSize: 50,
+                pageSize: 15,
 
 
                 outerVisible: false,
                 outerVisible: false,
                 innerVisible: false,
                 innerVisible: false,
@@ -114,7 +114,7 @@
                 },
                 },
                 startValue: '',
                 startValue: '',
                 endValue:'',
                 endValue:'',
-
+			    tableHeight: 0,
             }
             }
         },
         },
         methods:{
         methods:{
@@ -140,11 +140,12 @@
                     "startTime": this.startValue,
                     "startTime": this.startValue,
                     "endTime": this.endValue,
                     "endTime": this.endValue,
                     "pageNo": 1,
                     "pageNo": 1,
-                    "pageSize": 50
+                    "pageSize": 15
                 };
                 };
                 getLogData(data).then((res)=>{
                 getLogData(data).then((res)=>{
                     console.log(res.result);
                     console.log(res.result);
                     this.tableData = res.result.records;
                     this.tableData = res.result.records;
+                    this.total = res.result.total
                 })
                 })
             },
             },
             getError(){
             getError(){
@@ -167,10 +168,20 @@
             openDetail(data){
             openDetail(data){
                 this.operationDataVisible = true;
                 this.operationDataVisible = true;
                 this.currentOperationData = data.operationJson;
                 this.currentOperationData = data.operationJson;
+            },
+            tableRowClassName({ row, rowIndex }) {
+                if (rowIndex % 2 !== 0) {
+                    return "even-row";
+                } else {
+                    return "";
                 }
                 }
             },
             },
+        },
         mounted() {
         mounted() {
             this.getData();
             this.getData();
+		    this.$nextTick(() => {
+			    this.tableHeight = (document.documentElement.clientHeight || document.body.clientHeight) - 290;
+            })
         }
         }
     }
     }
 </script>
 </script>
@@ -191,7 +202,7 @@
     .log-table{
     .log-table{
         margin-top: 10px;
         margin-top: 10px;
         width: 100%;
         width: 100%;
-        border: 1px solid #E6E6E6;
+        box-shadow: 0 2px 15px 1px rgba(49, 132, 245, 0.1);
     }
     }
     .el-button {
     .el-button {
         width: 100px;
         width: 100px;