完成系统管理-操作日志

houtai/src/apis/tab7.js

@@ -1,29 +0,0 @@
-import axios from '../utils/request'
-// 获取用户列表
-export const userList = (data) => {
-  return axios({
-    method: 'post',
-    url: '/sys/user/list',
-    data
-  })
-}
-// 编辑-新增用户
-export const userSave = (data) => {
-  return axios({
-    method: 'post',
-    url: '/sys/user/save',
-    data
-  })
-}
-// 启用、停用账户
-export const userEditStatus = (id, isEnabled) => {
-  return axios({
-    url: `/sys/user/editStatus/${id}/${isEnabled}`
-  })
-}
-// 删除
-export const userRemoves = (id) => {
-  return axios({
-    url: `/sys/user/removes/${id}`
-  })
-}

houtai/src/apis/tab8.js

@@ -1,5 +1,5 @@
 import axios from '../utils/request'
-// 获取操作日志列表
+// 列表
 export const logList = (data) => {
   return axios({
     method: 'post',

houtai/src/views/tab9/index.vue

@@ -14,7 +14,7 @@
         ></el-input>
         <!-- 右侧按钮 -->
         <div class="search_btn">
-          <el-button type="primary">查 询</el-button>
+          <el-button type="primary" @click="searchBtn">查 询</el-button>
         </div>
       </div>
       <!-- 表格 -->
@@ -27,15 +27,10 @@
               }}
             </template>
           </el-table-column>
-          <el-table-column label="标题">
-            <template #default="{ row }">
-              <span class="table_name" :title="row.name1">{{ row.name1 }}</span>
-            </template>
-          </el-table-column>
-          <el-table-column prop="name1" label="账号"> </el-table-column>
-          <el-table-column prop="name1" label="操作模块"> </el-table-column>
-          <el-table-column prop="name2" label="操作事件"></el-table-column>
-          <el-table-column prop="name2" label="操作时间"></el-table-column>
+          <el-table-column prop="userName" label="账号"> </el-table-column>
+          <el-table-column prop="type" label="操作模块"> </el-table-column>
+          <el-table-column prop="description" label="操作事件"></el-table-column>
+          <el-table-column prop="createTime" label="操作时间"></el-table-column>
         </el-table>
       </div>
     </div>
@@ -54,32 +49,20 @@
 </template>
 
 <script>
+import { logList } from '@/apis/tab9'
 export default {
   name: 'tab6',
   components: {},
   data () {
     // 这里存放数据
     return {
-      total: 100,
+      total: 0,
       formData: {
         pageNum: 1,
-        pageSize: 9999,
+        pageSize: 10,
         searchKey: ''
       },
-      tableData: [
-        { name1: '123', name2: '2013-12-26  13:33:23', name3: true },
-        { name1: '123', name2: '123', name3: false },
-        { name1: '123', name2: '2013-12-26  13:33:23', name3: true },
-        { name1: '123', name2: '123', name3: false },
-        { name1: '123', name2: '2013-12-26  13:33:23', name3: true },
-        { name1: '123', name2: '123', name3: false },
-        { name1: '123', name2: '2013-12-26  13:33:23', name3: true },
-        { name1: '123', name2: '123', name3: false },
-        { name1: '123', name2: '2013-12-26  13:33:23', name3: true },
-        { name1: '123', name2: '123', name3: false },
-        { name1: '123', name2: '2013-12-26  13:33:23', name3: true },
-        { name1: '123', name2: '123', name3: false }
-      ]
+      tableData: []
     }
   },
   // 监听属性 类似于data概念
@@ -89,16 +72,35 @@ export default {
   },
   // 方法集合
   methods: {
+    // 点击查询
+    searchBtn () {
+      this.formData.pageNum = 1
+      this.logList(this.formData)
+    },
+    // 封装获取列表的函数
+    async logList (data) {
+      const res = await logList(data)
+      this.total = res.data.total
+      this.tableData = res.data.records
+      // console.log(998, res)
+    },
     // 分页器方法
     currentChange (val) {
       // console.log('当前页改变了', val)
+      this.formData.pageNum = val
+      this.logList(this.formData)
     },
     sizeChange (val) {
       // console.log('条数改变了', val)
+      this.formData.pageNum = 1
+      this.formData.pageSize = val
+      this.logList(this.formData)
     }
   },
   // 生命周期 - 创建完成（可以访问当前this实例）
-  created () {},
+  created () {
+    this.logList(this.formData)
+  },
   // 生命周期 - 挂载完成（可以访问DOM元素）
   mounted () {},
   beforeCreate () {}, // 生命周期 - 创建之前