1

src/views/index.js

@@ -4,6 +4,8 @@ import SysLog from './system/sys_log.vue'
 import SysParamSetup from './system/sys_param_setup.vue'
 import SysRole from './system/sys_role.vue'
 import SysUser from './system/sys_user.vue'
+import SysLogOperate from './system/sys_log_operate.vue'
+
 
 import SysControl from './system/sys_control.vue'
 import SysMenu from './system/sys_menu.vue'
@@ -31,6 +33,7 @@ export function setupComponentMap(customMap = {}, uiTool) {
     'system/sys_control': SysControl,
     'system/sys_menu': SysMenu,
     'system/sys_title': SysTitle,
+    'system/sys_log_operate': SysLogOperate,
     ...customMap
   }
 

src/views/system/sys_log_operate.vue

@@ -0,0 +1,69 @@
+<template>
+  <div class="content-view">
+    <div class="table-head-tool">
+
+    </div>
+    <div class="table-body">
+      <tables ref="tables" v-model="gridOption.data" :columns="gridOption.columns" :pageOption="gridOption.param.pageOption" @changePage="query" />
+    </div>
+  </div>
+</template>
+<script>
+import uiTool from '@/libs/uiTool'
+import sys_log_serve from '@/api/system/sys_log_serve'
+
+export default {
+  name: 'tables_page',
+
+  data() {
+    return {
+      gridOption: {
+        param: {
+          pageOption: {
+            total: 0,
+            page: 1,
+            pageSize: 20
+          }
+        },
+        columns: [
+          { title: 'id', key: 'id', width: 80 },
+          { title: '表', key: 'table_name', width: 180 },
+          { title: '操作', key: 'operate', width: 120 },
+          {
+            title: '内容',
+            key: 'content',
+            render(h, params) {
+              return h('div', {
+                style: {
+                  'text-align': 'left',
+                  padding: '15px'
+                },
+                domProps: { innerHTML: params.row.content }
+              })
+            }
+          },
+          { title: '创建时间', key: 'create_time', width: 180 }
+        ],
+        data: []
+      },
+      treeData: []
+    }
+  },
+  created() {
+    this.init()
+  },
+  methods: {
+    async init() {
+      this.query(1)
+    },
+    async query(page) {
+      if (page) {
+        this.gridOption.param.pageOption.page = page
+      }
+      let res = await sys_log_serve.operates(this.gridOption.param)
+      this.gridOption.data = res.data.rows
+      this.gridOption.param.pageOption.total = res.data.count
+    }
+  }
+}
+</script>