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"></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