From 3b9477e4179ac9fca90a1abeb2cf544155d832bc Mon Sep 17 00:00:00 2001
From: heyujie <516346543@qq.com>
Date: 星期五, 20 八月 2021 14:27:54 +0800
Subject: [PATCH] 长春跟踪app

---
 src/pages/syslog/views/eventPushLog.vue |   92 ++++++++++++++++++++++++++++++++++++++++++---
 1 files changed, 85 insertions(+), 7 deletions(-)

diff --git a/src/pages/syslog/views/eventPushLog.vue b/src/pages/syslog/views/eventPushLog.vue
index 7776d13..7cb991e 100644
--- a/src/pages/syslog/views/eventPushLog.vue
+++ b/src/pages/syslog/views/eventPushLog.vue
@@ -57,18 +57,20 @@
     <div class="table">
       <el-table
         class="tableBox"
+        @cell-click="clickFaults"
         ref="multipleTable"
+        :cell-style="styleFunc"
         highlight-current-row
         :data="tableData"
         :header-cell-style="{ background: '#f8f8f8', color: '#222222' }"
         style="width: 100%"
+        v-if="!showSubTable"
       >
         <el-table-column :align="'center'" label="搴忓彿" type="index" width="50">
         </el-table-column>
         <el-table-column
           :align="'center'"
           sortable
-         
           prop="add_time"
           label="鐘舵��"
         ></el-table-column>
@@ -101,6 +103,53 @@
           min-width="100px"
           label="澶辫触鎬婚噺"
         ></el-table-column>
+      </el-table>
+       
+      <div class="back" v-if="showSubTable" @click="showSubTable=false">
+        <span class="icon iconfont">&#xe680;</span>
+        <span class="title">浜嬩欢鎺ㄩ�佹棩蹇�</span>
+      </div>
+       <el-table
+        class="tableBox"
+        ref="multipleTable"
+        :cell-style="styleFunc"
+        highlight-current-row
+        :data="subTableData"
+        :header-cell-style="{ background: '#f8f8f8', color: '#222222' }"
+        style="width: 100%"
+        v-if="showSubTable"
+      >
+        <el-table-column :align="'center'" label="搴忓彿" type="index" width="50">
+        </el-table-column>
+        <el-table-column
+          :align="'center'"
+          sortable
+          prop="add_time"
+          label="鎺ㄩ�佹椂闂�"
+        ></el-table-column>
+        <el-table-column
+          sortable
+          :align="'center'"
+          prop="userName"
+          label="鎺ㄩ�佺姸鎬�"
+        ></el-table-column>
+        <el-table-column
+          :align="'center'"
+          sortable
+          prop="module"
+          label="璇︾粏淇℃伅"
+        ></el-table-column>
+        <el-table-column
+          :align="'center'"
+          prop="procName"
+          label="鍐嶆鎺ㄩ�佹椂闂�"
+        ></el-table-column>
+        <el-table-column
+          :align="'center'"
+          sortable
+          prop="result"
+          label="鍐嶆鎺ㄩ�佺姸鎬�"
+        ></el-table-column>
         
       </el-table>
     </div>
@@ -121,15 +170,21 @@
 <script>
 import { deleteDate } from "@/api/system";
 import { pad0 } from "@/api/utils";
-import {  } from "@/api/log";
+import {} from "@/api/log";
 
 export default {
   data() {
     return {
       loading: false,
-      loadingText: "",
-      input3: "",
-      tableData: [],
+      loadingText: "",showSubTable: false,
+      tableData: [
+        { msg: 2, userName: "杞﹁締璇嗗埆" },
+        { userName: "浜鸿劯璇嗗埆", msg: 4 },
+      ],
+      subTableData:[
+
+
+      ],
       dateArr: ["浠婃棩", "杩戜笁澶�", "杩戜竷澶�", "杩戜竴涓湀", "杩戝叚涓湀"],
       levelOptions: [],
       hostNameOptions: [],
@@ -166,6 +221,12 @@
     this.getOptions();
   },
   methods: {
+    styleFunc({ row, column, rowIndex, columnIndex }) {
+      if (columnIndex == 6) {
+        return { cursor: "pointer" };
+      }
+      return {};
+    },
     handleSizeChange(val) {
       this.pageSize = val;
       // this.getOperationLog();
@@ -187,6 +248,11 @@
       getModules().then((res) => {
         this.levelOptions = res.data;
       });
+    },
+    clickFaults(row, column, cell, event) {
+      this.showSubTable=true
+
+
     },
     choseRange(item, i) {
       switch (item) {
@@ -212,8 +278,8 @@
       this.activeDateChoise = i;
     },
     getOperationLog(typ) {
-      if (typ==1) {
-        this.page=1
+      if (typ == 1) {
+        this.page = 1;
       }
       // queryOperationLog({
       //   timeStart: this.timeStart,
@@ -306,6 +372,7 @@
       display: flex;
       margin: 10px 0;
       padding: 0 20px;
+     
       .bar {
         display: flex;
         align-items: baseline;
@@ -325,6 +392,17 @@
     border-radius: 5px;
     padding: 12px;
     background-color: white;
+     .back{
+            display: flex;
+        align-items: center;
+        .icon{
+          cursor: pointer;  margin:0 5px;font-size: 18px;
+        }
+        .title{
+          cursor: pointer;    line-height: 30px;font-size: 14px;
+
+        }
+      }
     .tableBox {
       th {
         padding: 0 !important;

--
Gitblit v1.8.0