1. 修改在线会话的实现

2. 接入到会员管理 OAuth2.0

yudao-ui-admin/src/api/system/oauth2/oauth2Token.js

@@ -0,0 +1,18 @@
+import request from '@/utils/request'
+
+// 获得访问令牌分页
+export function getAccessTokenPage(query) {
+  return request({
+    url: '/system/oauth2-token/page',
+    method: 'get',
+    params: query
+  })
+}
+
+// 删除访问令牌
+export function deleteAccessToken(accessToken) {
+  return request({
+    url: '/system/oauth2-token/delete?accessToken=' + accessToken,
+    method: 'delete'
+  })
+}

yudao-ui-admin/src/api/system/session.js

@@ -1,18 +0,0 @@
-import request from '@/utils/request'
-
-// 查询在线用户列表
-export function list(query) {
-  return request({
-    url: '/system/user-session/page',
-    method: 'get',
-    params: query
-  })
-}
-
-// 强退用户
-export function forceLogout(tokenId) {
-  return request({
-    url: '/system/user-session/delete?id=' + tokenId,
-    method: 'delete'
-  })
-}

yudao-ui-admin/src/views/system/oauth2/token/index.vue

@@ -3,11 +3,14 @@
     <doc-alert title="用户体系" url="https://doc.iocoder.cn/user-center/" />
     <!-- 搜索工作栏 -->
     <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" label-width="68px">
-      <el-form-item label="登录地址" prop="userIp">
-        <el-input v-model="queryParams.userIp" placeholder="请输入登录地址" clearable @keyup.enter.native="handleQuery"/>
+      <el-form-item label="用户编号" prop="userId">
+        <el-input v-model="queryParams.userId" placeholder="请输入用户编号" clearable @keyup.enter.native="handleQuery"/>
       </el-form-item>
-      <el-form-item label="用户名称" prop="username">
-        <el-input v-model="queryParams.username" placeholder="请输入用户名称" clearable @keyup.enter.native="handleQuery"/>
+      <el-form-item label="用户类型" prop="userType">
+        <el-select v-model="queryParams.userType" placeholder="请选择用户类型" clearable>
+          <el-option v-for="dict in this.getDictDatas(DICT_TYPE.USER_TYPE)"
+                     :key="dict.value" :label="dict.label" :value="dict.value"/>
+        </el-select>
       </el-form-item>
       <el-form-item>
         <el-button type="primary" icon="el-icon-search" @click="handleQuery">搜索</el-button>
@@ -16,20 +19,28 @@
 
     </el-form>
     <el-table v-loading="loading" :data="list" style="width: 100%;">
-      <el-table-column label="会话编号" align="center" prop="id" width="300" />
-      <el-table-column label="登录名称" align="center" prop="username" width="100" />
-      <el-table-column label="部门名称" align="center" prop="deptName" width="100" />
-      <el-table-column label="登录地址" align="center" prop="userIp" width="100" />
-      <el-table-column label="userAgent" align="center" prop="userAgent" :show-overflow-tooltip="true" />
-      <el-table-column label="登录时间" align="center" prop="createTime" width="180">
+      <el-table-column label="访问令牌" align="center" prop="accessToken" width="300" />
+      <el-table-column label="刷新令牌" align="center" prop="refreshToken" width="300" />
+      <el-table-column label="用户编号" align="center" prop="userId" />
+      <el-table-column label="用户类型" align="center" prop="userType" width="100">
+        <template slot-scope="scope">
+          <dict-tag :type="DICT_TYPE.USER_TYPE" :value="scope.row.userType"/>
+        </template>
+      </el-table-column>
+      <el-table-column label="创建时间" align="center" prop="createTime" width="180">
         <template slot-scope="scope">
           <span>{{ parseTime(scope.row.createTime) }}</span>
         </template>
       </el-table-column>
+      <el-table-column label="过期时间" align="center" prop="expiresTime" width="180">
+        <template slot-scope="scope">
+          <span>{{ parseTime(scope.row.expiresTime) }}</span>
+        </template>
+      </el-table-column>
       <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
         <template slot-scope="scope">
           <el-button size="mini" type="text" icon="el-icon-delete" @click="handleForceLogout(scope.row)"
-            v-hasPermi="['system:user-session:delete']">强退</el-button>
+            v-hasPermi="['system:oauth2-token:delete']">强退</el-button>
         </template>
       </el-table-column>
     </el-table>
@@ -40,10 +51,10 @@
 </template>
 
 <script>
-import { list, forceLogout } from "@/api/system/session";
+import { getAccessTokenPage, deleteAccessToken } from "@/api/system/oauth2/oauth2Token";
 
 export default {
-  name: "Online",
+  name: "OAuth2Token",
   data() {
     return {
       // 遮罩层
@@ -56,8 +67,8 @@ export default {
       queryParams: {
         pageNo: 1,
         pageSize: 10,
-        userIp: undefined,
-        username: undefined
+        userId: undefined,
+        userType: undefined
       }
     };
   },
@@ -68,7 +79,7 @@ export default {
     /** 查询登录日志列表 */
     getList() {
       this.loading = true;
-      list(this.queryParams).then(response => {
+      getAccessTokenPage(this.queryParams).then(response => {
         this.list = response.data.list;
         this.total = response.data.total;
         this.loading = false;
@@ -86,8 +97,8 @@ export default {
     },
     /** 强退按钮操作 */
     handleForceLogout(row) {
-      this.$modal.confirm('是否确认强退名称为"' + row.username + '"的数据项?').then(function() {
-          return forceLogout(row.id);
+      this.$modal.confirm('是否确认强退令牌为"' + row.accessToken + '"的数据项?').then(function() {
+          return deleteAccessToken(row.accessToken);
         }).then(() => {
           this.getList();
           this.$modal.msgSuccess("强退成功");