代码改造完成，加入多字典查询方式

src/views/system/user/center.vue

@@ -42,7 +42,32 @@
             <span>操作日志</span>
             <div style="display:inline-block;float: right;cursor: pointer" @click="refresh"><i :class="ico"/></div>
           </div>
-          <log ref="log"/>
+          <div>
+            <el-table v-loading="loading" :data="data" size="small" style="width: 100%;">
+              <el-table-column prop="description" label="行为"/>
+              <el-table-column prop="requestIp" label="IP"/>
+              <el-table-column prop="time" label="请求耗时" align="center">
+                <template slot-scope="scope">
+                  <el-tag v-if="scope.row.time <= 300">{{ scope.row.time }}ms</el-tag>
+                  <el-tag v-else-if="scope.row.time <= 1000" type="warning">{{ scope.row.time }}ms</el-tag>
+                  <el-tag v-else type="danger">{{ scope.row.time }}ms</el-tag>
+                </template>
+              </el-table-column>
+              <el-table-column prop="createTime" label="创建日期" width="180px">
+                <template slot-scope="scope">
+                  <span>{{ parseTime(scope.row.createTime) }}</span>
+                </template>
+              </el-table-column>
+            </el-table>
+            <!--分页组件-->
+            <el-pagination
+              :total="total"
+              :current-page="page + 1"
+              style="margin-top: 8px;"
+              layout="total, prev, pager, next, sizes"
+              @size-change="sizeChange"
+              @current-change="pageChange"/>
+          </div>
         </el-card>
       </el-col>
     </el-row>
@@ -56,13 +81,14 @@ import { mapGetters } from 'vuex'
 import { regEmail } from '@/utils/index'
 import updatePass from './center/updatePass'
 import updateEmail from './center/updateEmail'
-import log from './center/log'
 import { getToken } from '@/utils/auth'
 import store from '@/store'
 import { parseTime } from '@/utils/index'
+import initData from '@/mixins/initData'
 export default {
   name: 'Center',
-  components: { updatePass, updateEmail, log },
+  components: { updatePass, updateEmail },
+  mixins: [initData],
   data() {
     return {
       ico: 'el-icon-refresh',
@@ -78,6 +104,9 @@ export default {
     ])
   },
   created() {
+    this.$nextTick(() => {
+      this.init()
+    })
     store.dispatch('GetInfo').then(() => {})
   },
   methods: {
@@ -85,6 +114,12 @@ export default {
     formatEmail(mail) {
       return regEmail(mail)
     },
+    beforeInit() {
+      this.url = 'api/logs/user'
+      const sort = 'id,desc'
+      this.params = { page: this.page, size: this.size, sort: sort }
+      return true
+    },
     handleSuccess(response, file, fileList) {
       this.$notify({
         title: '头像修改成功',