init

src/constant/statusMap.js

@@ -6,6 +6,11 @@ const arrToMap = arr =>
     return res
   }, {})
 
+export const userTypeList = [
+  { value: 'sys_user', label: '后台管理',listClass: listClass.primary},
+  { value: 'app_user', label: 'APP用户',listClass: listClass.info},
+]
+
 export const genderList = [
   { value: 0, label: '未知', listClass: listClass.warning },
   { value: 1, label: '女', listClass: listClass.danger },

src/views/monitor/logininfor/index.vue

@@ -1,6 +1,17 @@
 <template>
   <div class="app-container">
     <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
+      <el-form-item label="用户类型" prop="userType">
+        <el-select v-model="queryParams.userType" placeholder="请输入用户类型" clearable size="small">
+          <el-option
+              v-for="dict in dict.type.sys_user_type"
+              :key="dict.value"
+              :label="dict.label"
+              :value="dict.value"
+              @keyup.enter.native="handleQuery"
+          />
+        </el-select>
+      </el-form-item>
       <el-form-item label="登录地址" prop="ipaddr">
         <el-input
           v-model="queryParams.ipaddr"
@@ -100,7 +111,12 @@
 
     <el-table ref="tables" v-loading="loading" :data="list" @selection-change="handleSelectionChange" :default-sort="defaultSort" @sort-change="handleSortChange">
       <el-table-column type="selection" width="55" align="center" />
-      <el-table-column label="访问编号" align="center" prop="infoId" />
+      <el-table-column label="访问编号" align="center" prop="infoId" show-overflow-tooltip />
+      <el-table-column label="用户类型" align="center" prop="userType">
+        <template slot-scope="scope">
+          <dict-tag :options="dict.type.sys_user_type" :value="scope.row.userType"/>
+        </template>
+      </el-table-column>
       <el-table-column label="用户名称" align="center" prop="userName" :show-overflow-tooltip="true" sortable="custom" :sort-orders="['descending', 'ascending']" />
       <el-table-column label="登录地址" align="center" prop="ipaddr" width="130" :show-overflow-tooltip="true" />
       <el-table-column label="登录地点" align="center" prop="loginLocation" :show-overflow-tooltip="true" />
@@ -134,7 +150,7 @@ import { list, delLogininfor, cleanLogininfor, unlockLogininfor } from "@/api/mo
 
 export default {
   name: "Logininfor",
-  dicts: ['sys_common_status'],
+  dicts: ['sys_common_status','sys_user_type'],
   data() {
     return {
       // 遮罩层
@@ -163,7 +179,8 @@ export default {
         pageSize: 10,
         ipaddr: undefined,
         userName: undefined,
-        status: undefined
+        status: undefined,
+        userType: undefined
       }
     };
   },

src/views/monitor/operlog/index.vue

@@ -1,6 +1,17 @@
 <template>
   <div class="app-container">
     <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
+      <el-form-item label="用户类型" prop="userType">
+        <el-select v-model="queryParams.userType" placeholder="请输入用户类型" clearable size="small">
+          <el-option
+              v-for="dict in dict.type.sys_user_type"
+              :key="dict.value"
+              :label="dict.label"
+              :value="dict.value"
+              @keyup.enter.native="handleQuery"
+          />
+        </el-select>
+      </el-form-item>
       <el-form-item label="操作地址" prop="operIp">
         <el-input
           v-model="queryParams.operIp"
@@ -113,7 +124,12 @@
 
     <el-table ref="tables" v-loading="loading" :data="list" @selection-change="handleSelectionChange" :default-sort="defaultSort" @sort-change="handleSortChange">
       <el-table-column type="selection" width="55" align="center" />
-      <el-table-column label="日志编号" align="center" prop="operId" />
+      <el-table-column label="日志编号" align="center" prop="operId" show-overflow-tooltip/>
+      <el-table-column label="用户类型" align="center" prop="userType">
+        <template slot-scope="scope">
+          <dict-tag :options="dict.type.sys_user_type" :value="scope.row.userType"/>
+        </template>
+      </el-table-column>
       <el-table-column label="系统模块" align="center" prop="title" />
       <el-table-column label="操作类型" align="center" prop="businessType">
         <template slot-scope="scope">
@@ -206,7 +222,7 @@ import { list, delOperlog, cleanOperlog } from "@/api/monitor/operlog";
 
 export default {
   name: "Operlog",
-  dicts: ['sys_oper_type', 'sys_common_status'],
+  dicts: ['sys_oper_type', 'sys_common_status','sys_user_type'],
   data() {
     return {
       // 遮罩层
@@ -237,7 +253,8 @@ export default {
         title: undefined,
         operName: undefined,
         businessType: undefined,
-        status: undefined
+        status: undefined,
+        userType: undefined
       }
     };
   },