系统管理 日志管理

src/views/system/logManage/doorLog/index.vue

@@ -42,10 +42,13 @@
       <el-table-column prop="" label="档案信息" align="center" min-width="180" />
       <el-table-column prop="" label="档号" align="center" min-width="180" />
       <el-table-column prop="" label="报警时间" align="center" min-width="180" />
-      <el-table-column prop="" label="操作" align="center" min-width="180" />
+      <el-table-column prop="" label="操作" align="center" min-width="180">
+        <el-button size="mini" style="background:#3A99FD" @click="handleListen">查看监控</el-button>
+      </el-table-column>
     </el-table>
     <pagination />
-
+    <!-- 查看监控 -->
+    <Listen ref="listenDom" />
   </div>
 </template>
 
@@ -54,10 +57,11 @@ import rrOperation from '@crud/RR.operation'
 import CRUD, { presenter, crud } from '@crud/crud'
 import DateRangePicker from '@/components/DateRangePicker'
 import pagination from '@crud/Pagination'
+import Listen from '../module/listen.vue'
 
 export default {
   name: 'DoorLog',
-  components: { rrOperation, DateRangePicker, pagination },
+  components: { rrOperation, DateRangePicker, pagination, Listen },
   mixins: [presenter(), crud()],
   cruds() {
     return CRUD({
@@ -97,6 +101,10 @@ export default {
     },
     selectionChangeHandler(val) {
       this.selections = val
+    },
+    // 查看监控
+    handleListen() {
+      this.$refs.listenDom.dialogVisible = true
     }
   }
 }

src/views/system/logManage/module/listen.vue

@@ -0,0 +1,33 @@
+<template>
+  <div>
+    <el-dialog title="查看监控" class="in-dialog" :visible.sync="dialogVisible" :close-on-click-modal="false">
+      <span class="dialog-right-top" />
+      <span class="dialog-left-bottom" />
+      <div class="setting-dialog">
+        <div class="content">
+          <!-- 左侧 -->
+          <div class="content-left" />
+          <!-- 右侧 -->
+          <div class="content-right">
+            <!-- <button @click="test">测试</button> -->
+
+          </div>
+        </div>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+export default {
+  data() {
+    return {
+      dialogVisible: false
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+
+</style>

src/views/system/logManage/operateLog/index.vue

@@ -38,15 +38,21 @@
     >
       <el-table-column type="selection" width="55" align="center" />
       <el-table-column type="index" label="序号" width="100" align="center" />
-      <el-table-column prop="" label="登录账号" min-width="150" align="center" />
-      <el-table-column prop="" label="用户名" align="center" min-width="150" />
-      <el-table-column prop="" label="用户角色" align="center" min-width="150" />
-      <el-table-column prop="" label="所属部门" align="center" min-width="180" />
-      <el-table-column prop="" label="IP地址" align="center" min-width="180" />
-      <el-table-column prop="" label="登录时间" align="center" min-width="180" />
+      <el-table-column prop="" label="操作结果" min-width="150" align="center" />
+      <el-table-column prop="" label="操作模块" align="center" min-width="100" />
+      <el-table-column prop="" label="操作子模块" align="center" min-width="120" />
+      <el-table-column prop="" label="操作类型" align="center" min-width="100" />
+      <el-table-column prop="" label="操作人" align="center" min-width="100" />
+      <el-table-column prop="" label="所属部门" align="center" min-width="120" />
+      <el-table-column prop="" label="ip地址" align="center" min-width="150" />
+      <el-table-column prop="" label="操作时间" align="center" min-width="180" />
+      <el-table-column prop="" label="操作" align="center" min-width="100">
+        <el-button size="mini" style="background:#3A99FD" @click="handleListen">查看监控</el-button>
+      </el-table-column>
     </el-table>
     <pagination />
-
+    <!-- 查看监控 -->
+    <Listen ref="listenDom" />
   </div>
 </template>
 
@@ -55,10 +61,10 @@ import rrOperation from '@crud/RR.operation'
 import CRUD, { presenter, crud } from '@crud/crud'
 import DateRangePicker from '@/components/DateRangePicker'
 import pagination from '@crud/Pagination'
-
+import Listen from '../module/listen.vue'
 export default {
   name: 'LoginLog',
-  components: { rrOperation, DateRangePicker, pagination },
+  components: { rrOperation, DateRangePicker, pagination, Listen },
   mixins: [presenter(), crud()],
   cruds() {
     return CRUD({
@@ -104,6 +110,10 @@ export default {
     },
     selectionChangeHandler(val) {
       this.selections = val
+    },
+    // 查看监控
+    handleListen() {
+      this.$refs.listenDom.dialogVisible = true
     }
   }
 }