update

src/views/user/operateLog/index.vue

@@ -1,7 +1,37 @@
 <template>
   <div class="app-container">
+    <el-form :model="queryForm" inline size="small">
+      <el-form-item label="用户">
+        <el-input v-model="queryForm.nickName" placeholder="用户" />
+      </el-form-item>
+      <el-form-item label="模块名称">
+        <el-input v-model="queryForm.tags" placeholder="模块名称" />
+      </el-form-item>
+      <el-form-item label="请求IP">
+        <el-input v-model="queryForm.requestIp" placeholder="请求IP" />
+      </el-form-item>
+      <el-form-item label="URL地址">
+        <el-input v-model="queryForm.requestUrl" placeholder="URL地址" />
+      </el-form-item>
+      <el-form-item label="Query参数">
+        <el-input v-model="queryForm.requestParams" placeholder="Query参数" />
+      </el-form-item>
+      <el-form-item label="POST内容">
+        <el-input v-model="queryForm.requestData" placeholder="POST内容" />
+      </el-form-item>
+      <el-form-item label="请求时间">
+        <el-date-picker
+          v-model="queryForm.requestTime"
+          type="daterange"
+          range-separator="至"
+          start-placeholder="开始日期"
+          end-placeholder="结束日期"
+          value-format="yyyy-MM-dd"
+        />
+      </el-form-item>
+    </el-form>
     <el-row class="action-bar-container" type="flex" justify="end">
-      <el-button type="primary" size="small">查询</el-button>
+      <el-button type="primary" size="small" @click.native="fetchData">查询</el-button>
     </el-row>
     <el-table
       v-loading="isLoading"
@@ -16,17 +46,12 @@
           {{ scope.row.nickName }}
         </template>
       </el-table-column>
-      <el-table-column label="登录账号">
+      <el-table-column label="模块名称">
         <template slot-scope="scope">
           {{ scope.row.tags }}
         </template>
       </el-table-column>
-      <el-table-column label="来源">
-        <template slot-scope="scope">
-          {{ scope.row.fromSource }}
-        </template>
-      </el-table-column>
-      <el-table-column label="IP">
+      <el-table-column label="请求IP">
         <template slot-scope="scope">
           {{ scope.row.requestIp }}
         </template>
@@ -36,12 +61,12 @@
           {{ scope.row.requestUrl }}
         </template>
       </el-table-column>
-      <el-table-column label="参数">
+      <el-table-column label="Query参数">
         <template slot-scope="scope">
           {{ scope.row.requestParams }}
         </template>
       </el-table-column>
-      <el-table-column label="内容">
+      <el-table-column label="POST内容">
         <template slot-scope="scope">
           {{ scope.row.requestData }}
         </template>
@@ -74,6 +99,7 @@ import { findOperateLogPage } from '@/api/userInfo'
 export default {
   data() {
     return {
+      queryForm: {},
       isLoading: true,
       pageData: {},
       currentPage: 1
@@ -90,7 +116,7 @@ export default {
     },
     fetchData() {
       this.isLoading = true
-      findOperateLogPage({ current: this.currentPage })
+      findOperateLogPage({ ...this.queryForm, current: this.currentPage })
         .then((response) => {
           this.pageData = response
         })

src/views/user/role/index.vue

@@ -2,7 +2,7 @@
   <div class="app-container">
     <el-form :model="queryForm" inline size="small">
       <el-form-item label="名称">
-        <el-input v-model="queryForm.name" placeholder="角色名称"/>
+        <el-input v-model="queryForm.name" placeholder="角色名称" />
       </el-form-item>
     </el-form>
     <el-row class="action-bar-container" type="flex" justify="end">
@@ -53,7 +53,7 @@
         <template slot-scope="scope">
           <el-dropdown>
             <el-button type="text">
-              操作<i class="el-icon-arrow-down el-icon--right"/>
+              操作<i class="el-icon-arrow-down el-icon--right" />
             </el-button>
             <el-dropdown-menu slot="dropdown">
               <el-dropdown-item v-permission="['oauth.role.edit']" @click.native="$refs.dialogForm.open(scope.row)">编辑</el-dropdown-item>
@@ -72,7 +72,7 @@
       :page-size="pageData.pageSize"
       @current-change="paginationChange"
     />
-    <dialog-form ref="dialogForm" @ok="fetchData"/>
+    <dialog-form ref="dialogForm" @ok="fetchData" />
   </div>
 </template>