feat: 主机连接记录.

This commit is contained in:
lijiahangmax
2023-12-26 23:47:34 +08:00
parent c0982bfc2c
commit 459002f666
25 changed files with 943 additions and 7 deletions

View File

@@ -27,7 +27,7 @@ public class CodeGenerators {
// 作者
String author = Const.ORION_AUTHOR;
// 模块
String module = "infra";
String module = "asset";
// 生成的表
Table[] tables = {
// Template.create("dict_key", "字典配置项", "dict")
@@ -45,9 +45,9 @@ public class CodeGenerators {
// .color("blue", "gray", "red", "green", "white")
// .valueUseFields()
// .build(),
Template.create("data_extra", "数据拓展信息", "data")
Template.create("host_connect_log", "主机连接日志", "host")
.disableUnitTest()
.enableProviderApi()
.vue("asset", "host-connect-log")
.build(),
};
// jdbc 配置 - 使用配置文件

View File

@@ -141,7 +141,7 @@ public class DictTemplate extends Template {
*/
public DictTemplate extra(String key, Object... values) {
// 初始化额外值
if (dictMeta.extraValues.size() == 0) {
if (dictMeta.extraValues.isEmpty()) {
for (int i = 0; i < dictMeta.fields.size(); i++) {
dictMeta.extraValues.add(new LinkedHashMap<>());
}

View File

@@ -56,7 +56,7 @@
import { useAppStore } from '@/store';
#end
#else
import { ref } from 'vue';
import { ref, onBeforeMount } from 'vue';
#if($dictMap.entrySet().size() > 0)
import { useDictStore } from '@/store';
import { dictKeys } from './types/const';

View File

@@ -0,0 +1,19 @@
### 分页查询主机连接日志
POST {{baseUrl}}/asset/host-connect-log/query
Content-Type: application/json
Authorization: {{token}}
{
"page": 1,
"limit": 10,
"userId": "",
"hostId": "",
"type": "",
"token": "",
"status": "",
"startTimeStart": "",
"endTimeEnd": ""
}
###

View File

@@ -0,0 +1,56 @@
package com.orion.ops.module.asset.controller;
import com.orion.lang.define.wrapper.DataGrid;
import com.orion.ops.framework.common.validator.group.Page;
import com.orion.ops.framework.log.core.annotation.IgnoreLog;
import com.orion.ops.framework.log.core.enums.IgnoreLogMode;
import com.orion.ops.framework.web.core.annotation.RestWrapper;
import com.orion.ops.module.asset.entity.request.host.HostConnectLogQueryRequest;
import com.orion.ops.module.asset.entity.vo.HostConnectLogVO;
import com.orion.ops.module.asset.service.HostConnectLogService;
import io.swagger.v3.oas.annotations.Operation;
import io.swagger.v3.oas.annotations.tags.Tag;
import lombok.extern.slf4j.Slf4j;
import org.springframework.security.access.prepost.PreAuthorize;
import org.springframework.validation.annotation.Validated;
import org.springframework.web.bind.annotation.PostMapping;
import org.springframework.web.bind.annotation.RequestBody;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RestController;
import javax.annotation.Resource;
/**
* 主机连接日志 api
*
* @author Jiahang Li
* @version 1.0.0
* @since 2023-12-26 22:09
*/
@Tag(name = "asset - 主机连接日志服务")
@Slf4j
@Validated
@RestWrapper
@RestController
@RequestMapping("/asset/host-connect-log")
@SuppressWarnings({"ELValidationInJSP", "SpringElInspection"})
public class HostConnectLogController {
@Resource
private HostConnectLogService hostConnectLogService;
@IgnoreLog(IgnoreLogMode.RET)
@PostMapping("/query")
@Operation(summary = "分页查询主机连接日志")
@PreAuthorize("@ss.hasPermission('asset:host-connect-log:management:query')")
public DataGrid<HostConnectLogVO> getHostConnectLogPage(@Validated(Page.class) @RequestBody HostConnectLogQueryRequest request) {
return hostConnectLogService.getHostConnectLogPage(request);
}
// FIXME management 菜单一键全选
// 前端选择
// 前端用户
// sql 元数据/菜单
}

View File

@@ -0,0 +1,32 @@
package com.orion.ops.module.asset.convert;
import com.orion.ops.module.asset.entity.domain.HostConnectLogDO;
import com.orion.ops.module.asset.entity.request.host.HostConnectLogCreateRequest;
import com.orion.ops.module.asset.entity.request.host.HostConnectLogQueryRequest;
import com.orion.ops.module.asset.entity.vo.HostConnectLogVO;
import org.mapstruct.Mapper;
import org.mapstruct.factory.Mappers;
import java.util.List;
/**
* 主机连接日志 内部对象转换器
*
* @author Jiahang Li
* @version 1.0.0
* @since 2023-12-26 22:09
*/
@Mapper
public interface HostConnectLogConvert {
HostConnectLogConvert MAPPER = Mappers.getMapper(HostConnectLogConvert.class);
HostConnectLogDO to(HostConnectLogCreateRequest request);
HostConnectLogDO to(HostConnectLogQueryRequest request);
HostConnectLogVO to(HostConnectLogDO domain);
List<HostConnectLogVO> to(List<HostConnectLogDO> list);
}

View File

@@ -0,0 +1,17 @@
package com.orion.ops.module.asset.dao;
import com.orion.ops.framework.mybatis.core.mapper.IMapper;
import com.orion.ops.module.asset.entity.domain.HostConnectLogDO;
import org.apache.ibatis.annotations.Mapper;
/**
* 主机连接日志 Mapper 接口
*
* @author Jiahang Li
* @version 1.0.0
* @since 2023-12-26 22:09
*/
@Mapper
public interface HostConnectLogDAO extends IMapper<HostConnectLogDO> {
}

View File

@@ -0,0 +1,83 @@
package com.orion.ops.module.asset.entity.domain;
import com.baomidou.mybatisplus.annotation.IdType;
import com.baomidou.mybatisplus.annotation.TableField;
import com.baomidou.mybatisplus.annotation.TableId;
import com.baomidou.mybatisplus.annotation.TableName;
import com.orion.ops.framework.mybatis.core.domain.BaseDO;
import io.swagger.v3.oas.annotations.media.Schema;
import lombok.*;
import java.util.Date;
/**
* 主机连接日志 实体对象
*
* @author Jiahang Li
* @version 1.0.0
* @since 2023-12-26 22:09
*/
@Data
@Builder
@NoArgsConstructor
@AllArgsConstructor
@EqualsAndHashCode(callSuper = true)
@TableName(value = "host_connect_log", autoResultMap = true)
@Schema(name = "HostConnectLogDO", description = "主机连接日志 实体对象")
public class HostConnectLogDO extends BaseDO {
private static final long serialVersionUID = 1L;
@Schema(description = "id")
@TableId(value = "id", type = IdType.AUTO)
private Long id;
@Schema(description = "用户id")
@TableField("user_id")
private Long userId;
@Schema(description = "主机id")
@TableField("host_id")
private Long hostId;
@Schema(description = "主机名称")
@TableField("host_name")
private String hostName;
@Schema(description = "主机地址")
@TableField("host_address")
private String hostAddress;
@Schema(description = "类型")
@TableField("type")
private String type;
@Schema(description = "token")
@TableField("token")
private String token;
@Schema(description = "状态")
@TableField("status")
private String status;
@Schema(description = "开始时间")
@TableField("start_time")
private Date startTime;
@Schema(description = "结束时间")
@TableField("end_time")
private Date endTime;
@Schema(description = "额外信息")
@TableField("extra_info")
private String extraInfo;
@Schema(description = "创建人")
@TableField(exist = false)
private String creator;
@Schema(description = "修改人")
@TableField(exist = false)
private String updater;
}

View File

@@ -0,0 +1,34 @@
package com.orion.ops.module.asset.entity.request.host;
import com.orion.ops.framework.common.entity.PageRequest;
import io.swagger.v3.oas.annotations.media.Schema;
import lombok.*;
import javax.validation.constraints.Size;
/**
* 主机连接日志 创建请求对象
*
* @author Jiahang Li
* @version 1.0.0
* @since 2023-12-26 22:09
*/
@Data
@Builder
@NoArgsConstructor
@AllArgsConstructor
@EqualsAndHashCode(callSuper = true)
@Schema(name = "HostConnectLogCreateRequest", description = "主机连接日志 创建请求对象")
public class HostConnectLogCreateRequest extends PageRequest {
@Schema(description = "用户id")
private Long userId;
@Schema(description = "主机id")
private Long hostId;
@Size(max = 128)
@Schema(description = "token")
private String token;
}

View File

@@ -0,0 +1,56 @@
package com.orion.ops.module.asset.entity.request.host;
import com.fasterxml.jackson.annotation.JsonFormat;
import com.orion.ops.framework.common.entity.PageRequest;
import io.swagger.v3.oas.annotations.media.Schema;
import lombok.*;
import javax.validation.constraints.Size;
import java.util.Date;
/**
* 主机连接日志 查询请求对象
*
* @author Jiahang Li
* @version 1.0.0
* @since 2023-12-26 22:09
*/
@Data
@Builder
@NoArgsConstructor
@AllArgsConstructor
@EqualsAndHashCode(callSuper = true)
@Schema(name = "HostConnectLogQueryRequest", description = "主机连接日志 查询请求对象")
public class HostConnectLogQueryRequest extends PageRequest {
@Schema(description = "用户id")
private Long userId;
@Schema(description = "主机id")
private Long hostId;
@Size(max = 128)
@Schema(description = "主机地址")
private String hostAddress;
@Size(max = 16)
@Schema(description = "类型")
private String type;
@Size(max = 128)
@Schema(description = "token")
private String token;
@Size(max = 16)
@Schema(description = "状态")
private String status;
@Schema(description = "开始时间-开区间")
@JsonFormat(shape = JsonFormat.Shape.STRING, pattern = "yyyy-MM-dd HH:mm:ss", timezone = "GMT+8")
private Date startTimeStart;
@Schema(description = "开始时间-闭区间")
@JsonFormat(shape = JsonFormat.Shape.STRING, pattern = "yyyy-MM-dd HH:mm:ss", timezone = "GMT+8")
private Date startTimeEnd;
}

View File

@@ -0,0 +1,73 @@
package com.orion.ops.module.asset.entity.vo;
import io.swagger.v3.oas.annotations.media.Schema;
import lombok.AllArgsConstructor;
import lombok.Builder;
import lombok.Data;
import lombok.NoArgsConstructor;
import java.io.Serializable;
import java.util.Date;
/**
* 主机连接日志 视图响应对象
*
* @author Jiahang Li
* @version 1.0.0
* @since 2023-12-26 22:09
*/
@Data
@Builder
@NoArgsConstructor
@AllArgsConstructor
@Schema(name = "HostConnectLogVO", description = "主机连接日志 视图响应对象")
public class HostConnectLogVO implements Serializable {
private static final long serialVersionUID = 1L;
@Schema(description = "id")
private Long id;
@Schema(description = "用户id")
private Long userId;
@Schema(description = "主机id")
private Long hostId;
@Schema(description = "主机名称")
private String hostName;
@Schema(description = "主机地址")
private String hostAddress;
@Schema(description = "类型")
private String type;
@Schema(description = "token")
private String token;
@Schema(description = "状态")
private String status;
@Schema(description = "开始时间")
private Date startTime;
@Schema(description = "结束时间")
private Date endTime;
@Schema(description = "额外信息")
private String extraInfo;
@Schema(description = "创建时间")
private Date createTime;
@Schema(description = "修改时间")
private Date updateTime;
@Schema(description = "创建人")
private String creator;
@Schema(description = "修改人")
private String updater;
}

View File

@@ -0,0 +1,41 @@
package com.orion.ops.module.asset.enums;
/**
* 主机连接状态
*
* @author Jiahang Li
* @version 1.0.0
* @since 2023/12/26 22:27
*/
public enum HostConnectStatusEnum {
/**
* 连接中
*/
CONNECTING,
/**
* 完成
*/
COMPLETE,
/**
* 失败
*/
FAILED,
;
public static HostConnectStatusEnum of(String type) {
if (type == null) {
return null;
}
for (HostConnectStatusEnum value : values()) {
if (value.name().equals(type)) {
return value;
}
}
return null;
}
}

View File

@@ -0,0 +1,31 @@
package com.orion.ops.module.asset.enums;
/**
* 主机连接类型
*
* @author Jiahang Li
* @version 1.0.0
* @since 2023/12/26 22:27
*/
public enum HostConnectTypeEnum {
/**
* ssh
*/
SSH,
;
public static HostConnectTypeEnum of(String type) {
if (type == null) {
return null;
}
for (HostConnectTypeEnum value : values()) {
if (value.name().equals(type)) {
return value;
}
}
return null;
}
}

View File

@@ -0,0 +1,43 @@
package com.orion.ops.module.asset.service;
import com.orion.lang.define.wrapper.DataGrid;
import com.orion.ops.module.asset.entity.request.host.HostConnectLogCreateRequest;
import com.orion.ops.module.asset.entity.request.host.HostConnectLogQueryRequest;
import com.orion.ops.module.asset.entity.vo.HostConnectLogVO;
import com.orion.ops.module.asset.enums.HostConnectStatusEnum;
import com.orion.ops.module.asset.enums.HostConnectTypeEnum;
/**
* 主机连接日志 服务类
*
* @author Jiahang Li
* @version 1.0.0
* @since 2023-12-26 22:09
*/
public interface HostConnectLogService {
/**
* 创建
*
* @param type type
* @param request request
*/
void create(HostConnectTypeEnum type, HostConnectLogCreateRequest request);
/**
* 分页查询主机连接日志
*
* @param request request
* @return rows
*/
DataGrid<HostConnectLogVO> getHostConnectLogPage(HostConnectLogQueryRequest request);
/**
* 更新连接状态
*
* @param token token
* @param status status
*/
void updateStatusByToken(String token, HostConnectStatusEnum status);
}

View File

@@ -0,0 +1,81 @@
package com.orion.ops.module.asset.service.impl;
import com.baomidou.mybatisplus.core.conditions.query.LambdaQueryWrapper;
import com.orion.lang.define.wrapper.DataGrid;
import com.orion.ops.framework.mybatis.core.query.Conditions;
import com.orion.ops.module.asset.convert.HostConnectLogConvert;
import com.orion.ops.module.asset.dao.HostConnectLogDAO;
import com.orion.ops.module.asset.entity.domain.HostConnectLogDO;
import com.orion.ops.module.asset.entity.request.host.HostConnectLogCreateRequest;
import com.orion.ops.module.asset.entity.request.host.HostConnectLogQueryRequest;
import com.orion.ops.module.asset.entity.vo.HostConnectLogVO;
import com.orion.ops.module.asset.enums.HostConnectStatusEnum;
import com.orion.ops.module.asset.enums.HostConnectTypeEnum;
import com.orion.ops.module.asset.service.HostConnectLogService;
import lombok.extern.slf4j.Slf4j;
import org.springframework.stereotype.Service;
import javax.annotation.Resource;
import java.util.Date;
/**
* 主机连接日志 服务实现类
*
* @author Jiahang Li
* @version 1.0.0
* @since 2023-12-26 22:09
*/
@Slf4j
@Service
public class HostConnectLogServiceImpl implements HostConnectLogService {
@Resource
private HostConnectLogDAO hostConnectLogDAO;
@Override
public void create(HostConnectTypeEnum type, HostConnectLogCreateRequest request) {
HostConnectLogDO record = HostConnectLogConvert.MAPPER.to(request);
record.setType(type.name());
record.setStatus(HostConnectStatusEnum.CONNECTING.name());
record.setStartTime(new Date());
hostConnectLogDAO.insert(record);
}
@Override
public DataGrid<HostConnectLogVO> getHostConnectLogPage(HostConnectLogQueryRequest request) {
// 条件
LambdaQueryWrapper<HostConnectLogDO> wrapper = this.buildQueryWrapper(request);
// 查询
return hostConnectLogDAO.of(wrapper)
.page(request)
.dataGrid(HostConnectLogConvert.MAPPER::to);
}
@Override
public void updateStatusByToken(String token, HostConnectStatusEnum status) {
log.info("HostConnectLogService-updateStatusByToken token: {}, status: {}", token, status);
HostConnectLogDO update = new HostConnectLogDO();
update.setStatus(status.name());
update.setEndTime(new Date());
hostConnectLogDAO.update(update, Conditions.eq(HostConnectLogDO::getToken, token));
}
/**
* 构建查询 wrapper
*
* @param request request
* @return wrapper
*/
private LambdaQueryWrapper<HostConnectLogDO> buildQueryWrapper(HostConnectLogQueryRequest request) {
return hostConnectLogDAO.wrapper()
.eq(HostConnectLogDO::getUserId, request.getUserId())
.eq(HostConnectLogDO::getHostId, request.getHostId())
.like(HostConnectLogDO::getHostAddress, request.getHostAddress())
.eq(HostConnectLogDO::getType, request.getType())
.like(HostConnectLogDO::getToken, request.getToken())
.eq(HostConnectLogDO::getStatus, request.getStatus())
.ge(HostConnectLogDO::getStartTime, request.getStartTimeStart())
.le(HostConnectLogDO::getStartTime, request.getStartTimeEnd());
}
}

View File

@@ -0,0 +1,28 @@
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE mapper PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN" "http://mybatis.org/dtd/mybatis-3-mapper.dtd">
<mapper namespace="com.orion.ops.module.asset.dao.HostConnectLogDAO">
<!-- 通用查询映射结果 -->
<resultMap id="BaseResultMap" type="com.orion.ops.module.asset.entity.domain.HostConnectLogDO">
<id column="id" property="id"/>
<result column="user_id" property="userId"/>
<result column="host_id" property="hostId"/>
<result column="host_name" property="hostName"/>
<result column="host_address" property="hostAddress"/>
<result column="type" property="type"/>
<result column="token" property="token"/>
<result column="status" property="status"/>
<result column="start_time" property="startTime"/>
<result column="end_time" property="endTime"/>
<result column="extra_info" property="extraInfo"/>
<result column="create_time" property="createTime"/>
<result column="update_time" property="updateTime"/>
<result column="deleted" property="deleted"/>
</resultMap>
<!-- 通用查询结果列 -->
<sql id="Base_Column_List">
id, user_id, host_id, host_name, host_address, type, token, status, start_time, end_time, extra_info, create_time, update_time, deleted
</sql>
</mapper>

View File

@@ -0,0 +1,45 @@
import type { DataGrid, Pagination } from '@/types/global';
import type { TableData } from '@arco-design/web-vue/es/table/interface';
import axios from 'axios';
/**
* 主机连接日志查询请求
*/
export interface HostConnectLogQueryRequest extends Pagination {
userId?: number;
hostId?: number;
hostAddress?: string;
type?: string;
token?: string;
status?: string;
startTimeStart?: string;
startTimeEnd?: string;
}
/**
* 主机连接日志查询响应
*/
export interface HostConnectLogQueryResponse extends TableData {
id: number;
userId: number;
hostId: number;
hostName: string;
hostAddress: string;
type: string;
token: string;
status: string;
startTime: number;
endTime: number;
extraInfo: string;
createTime: number;
updateTime: number;
creator: string;
updater: string;
}
/**
* 分页查询主机连接日志
*/
export function getHostConnectLogPage(request: HostConnectLogQueryRequest) {
return axios.post<DataGrid<HostConnectLogQueryResponse>>('/asset/host-connect-log/query', request);
}

View File

@@ -33,6 +33,9 @@
&.pass {
background-color: rgb(var(--green-6));
}
&.error {
background-color: rgb(var(--red-6));
}
}
}

View File

@@ -22,6 +22,10 @@ const ASSET: AppRouteRecordRaw = {
name: 'assetGrant',
path: '/asset/grant',
component: () => import('@/views/asset/grant/index.vue'),
}, {
name: 'assetHostConnectLog',
path: '/asset/host-connect-log',
component: () => import('@/views/asset/host-connect-log/index.vue'),
},
],
};

View File

@@ -14,7 +14,7 @@ import { getMenuList } from '@/api/system/menu';
import { getCurrentAuthorizedHostIdentity, getCurrentAuthorizedHostKey } from '@/api/asset/asset-authorized-data';
export type CacheType = 'users' | 'menus' | 'roles'
| 'host' | 'hostGroups' | 'hostKeys' | 'hostIdentities'
| 'hosts' | 'hostGroups' | 'hostKeys' | 'hostIdentities'
| 'dictKeys'
| 'authorizedHostKeys' | 'authorizedHostIdentities'
| string

View File

@@ -0,0 +1,171 @@
<template>
<!-- 搜索 -->
<a-card class="general-card table-search-card">
<a-query-header :model="formModel"
label-align="left"
@submit="fetchTableData"
@reset="reset"
@keyup.enter="() => fetchTableData()">
<!-- 用户 -->
<a-form-item field="userId" label="用户" label-col-flex="50px">
<user-selector v-model="formModel.userId"
placeholder="请选择用户"
allow-clear />
</a-form-item>
<!-- 主机 -->
<a-form-item field="hostId" label="主机" label-col-flex="50px">
<a-input-number v-model="formModel.hostId"
placeholder="FIXME 请输入主机"
allow-clear
hide-button />
</a-form-item>
<!-- 主机地址 -->
<a-form-item field="hostAddress" label="主机地址" label-col-flex="50px">
<a-input v-model="formModel.hostAddress" placeholder="请输入主机地址" allow-clear />
</a-form-item>
<!-- 状态 -->
<a-form-item field="status" label="状态" label-col-flex="50px">
<a-select v-model="formModel.status"
placeholder="请选择状态"
:options="toOptions(connectStatusKey)"
allow-clear />
</a-form-item>
<!-- token -->
<a-form-item field="token" label="token" label-col-flex="50px">
<a-input v-model="formModel.token" placeholder="请输入token" allow-clear />
</a-form-item>
<!-- 开始时间 -->
<a-form-item field="startTime" label="开始时间" label-col-flex="50px">
<a-range-picker v-model="timeRange"
:time-picker-props="{ defaultValue: ['00:00:00', '23:59:59'] }"
show-time
format="YYYY-MM-DD HH:mm:ss"
@ok="timeRangePicked" />
</a-form-item>
</a-query-header>
</a-card>
<!-- 表格 -->
<a-card class="general-card table-card">
<template #title>
<!-- 左侧操作 -->
<div class="table-left-bar-handle">
<!-- 标题 -->
<div class="table-title">
主机连接日志 - 用户
</div>
</div>
<!-- 右侧操作 -->
<div class="table-right-bar-handle" />
</template>
<!-- table -->
<a-table row-key="id"
class="table-wrapper-8"
ref="tableRef"
label-align="left"
:loading="loading"
:columns="columns"
:data="tableRenderData"
:pagination="pagination"
@page-change="(page) => fetchTableData(page, pagination.pageSize)"
@page-size-change="(size) => fetchTableData(1, size)"
:bordered="false">
<!-- 主机地址 -->
<template #hostAddress="{ record }">
<span class="copy-left" title="复制" @click="copy(record.hostAddress)">
<icon-copy />
</span>
<span>{{ record.hostAddress }}</span>
</template>
<!-- 状态 -->
<template #status="{ record }">
<span class="circle" :style="{
background: getDictValue(connectStatusKey, record.status, 'color')
}" />
{{ getDictValue(connectStatusKey, record.status) }}
</template>
</a-table>
</a-card>
</template>
<script lang="ts">
export default {
name: 'asset-host-connect-log-table'
};
</script>
<script lang="ts" setup>
import type { HostConnectLogQueryRequest, HostConnectLogQueryResponse } from '@/api/asset/host-connect-log';
import { reactive, ref, onMounted } from 'vue';
import { getHostConnectLogPage } from '@/api/asset/host-connect-log';
import useLoading from '@/hooks/loading';
import columns from '../types/table.columns';
import { connectStatusKey } from '../types/const';
import { usePagination } from '@/types/table';
import { useDictStore } from '@/store';
import useCopy from '@/hooks/copy';
import UserSelector from '@/components/user/user/user-selector.vue';
const emits = defineEmits(['openAdd', 'openUpdate']);
const tableRenderData = ref<HostConnectLogQueryResponse[]>([]);
const pagination = usePagination();
const { loading, setLoading } = useLoading();
const { toOptions, getDictValue } = useDictStore();
const { copy } = useCopy();
const timeRange = ref<string[]>([]);
const formModel = reactive<HostConnectLogQueryRequest>({
userId: undefined,
hostId: undefined,
hostAddress: undefined,
type: undefined,
token: undefined,
status: undefined,
startTimeStart: undefined,
startTimeEnd: undefined,
});
// 选择时间
const timeRangePicked = (e: string[]) => {
formModel.startTimeStart = e[0];
formModel.startTimeEnd = e[1];
};
// 加载数据
const doFetchTableData = async (request: HostConnectLogQueryRequest) => {
try {
setLoading(true);
const { data } = await getHostConnectLogPage(request);
tableRenderData.value = data.rows;
pagination.total = data.total;
pagination.current = request.page;
pagination.pageSize = request.limit;
} catch (e) {
} finally {
setLoading(false);
}
};
// 切换页码
const fetchTableData = (page = 1, limit = pagination.pageSize, form = formModel) => {
doFetchTableData({ page, limit, ...form });
};
// 重置
const reset = () => {
timeRange.value = [];
formModel.startTimeStart = undefined;
formModel.startTimeEnd = undefined;
fetchTableData();
};
onMounted(() => {
fetchTableData();
});
</script>
<style lang="less" scoped>
</style>

View File

@@ -0,0 +1,41 @@
<template>
<div class="layout-container" v-if="render">
<!-- 列表-表格 -->
<host-connect-log-table />
</div>
</template>
<script lang="ts">
export default {
name: 'assetHostConnectLog'
};
</script>
<script lang="ts" setup>
import HostConnectLogTable from './components/host-connect-log-table.vue';
import { ref, onBeforeMount, onUnmounted } from 'vue';
import { useCacheStore, useDictStore } from '@/store';
import { dictKeys } from './types/const';
const render = ref(false);
const table = ref();
const modal = ref();
// 加载字典配置
onBeforeMount(async () => {
const dictStore = useDictStore();
await dictStore.loadKeys(dictKeys);
render.value = true;
});
// 重置缓存
onUnmounted(() => {
const cacheStore = useCacheStore();
cacheStore.reset('users', 'hosts');
});
</script>
<style lang="less" scoped>
</style>

View File

@@ -0,0 +1,5 @@
// 主机连接状态 字典项
export const connectStatusKey = 'hostConnectStatus';
// 加载的字典值
export const dictKeys = [connectStatusKey];

View File

@@ -0,0 +1,74 @@
import type { TableColumnData } from '@arco-design/web-vue/es/table/interface';
import { dateFormat } from '@/utils';
const columns = [
{
title: 'id',
dataIndex: 'id',
slotName: 'id',
width: 70,
align: 'left',
fixed: 'left',
}, {
title: '用户id',
dataIndex: 'userId',
slotName: 'userId',
width: 110,
align: 'left',
}, {
title: '主机id',
dataIndex: 'hostId',
slotName: 'hostId',
width: 110,
align: 'left',
}, {
title: '主机名称',
dataIndex: 'hostName',
slotName: 'hostName',
align: 'left',
ellipsis: true,
tooltip: true,
}, {
title: '主机地址',
dataIndex: 'hostAddress',
slotName: 'hostAddress',
align: 'left',
ellipsis: true,
tooltip: true,
}, {
title: 'token',
dataIndex: 'token',
slotName: 'token',
align: 'left',
width: 180,
ellipsis: true,
tooltip: true,
}, {
title: '状态',
dataIndex: 'status',
slotName: 'status',
align: 'left',
ellipsis: true,
tooltip: true,
}, {
title: '开始时间',
dataIndex: 'startTime',
slotName: 'startTime',
align: 'left',
width: 180,
render: ({ record }) => {
return record.startTime && dateFormat(new Date(record.startTime));
},
}, {
title: '结束时间',
dataIndex: 'endTime',
slotName: 'endTime',
align: 'left',
width: 180,
render: ({ record }) => {
return record.endTime && dateFormat(new Date(record.endTime));
},
},
] as TableColumnData[];
export default columns;

View File

@@ -63,7 +63,6 @@
data.forEach(s => {
config.value[s.type] = s;
});
console.log(config.value);
} catch ({ message }) {
Message.error(`配置加载失败 ${message}`);
setVisible(false);