Commit b97fa86a authored by 赵啸非's avatar 赵啸非

异常日志前端展示添加

parent c7223003
// 表单节点封装,支持 input textarea select radio checkbox 及slot方式
// 表单节点封装,支持 input textarea select radio checkbox 及slot方式 当为查看模式,则只字段显示
<template>
<el-col :span='span'>
......
......@@ -7,18 +7,19 @@
size="70%">
<el-form ref="form" :model="form" :rules="rules" label-width="120px">
<el-row>
<Field label="追踪Id" prop="traceID" v-model="form.traceID" placeholder="请输入追踪Id"/>
<Field label="应用名称" prop="appName" v-model="form.appName" placeholder="请输入应用名称"/>
<Field label="实例IP" prop="hostName" v-model="form.hostName" placeholder="请输入实例IP"/>
<Field label="请求者IP" prop="requestIp" v-model="form.requestIp" placeholder="请输入请求者IP"/>
<Field label="请求方式" prop="method" v-model="form.method" placeholder="请输入请求方式"/>
<Field label="用户浏览器UA" prop="ua" v-model="form.ua" placeholder="请输入用户浏览器UA"/>
<Field label="请求URI" prop="uri" v-model="form.uri" placeholder="请输入请求URI"/>
<Field label="追踪Id" prop="traceID" v-model="form.traceID" />
<Field label="应用名称" prop="appName" v-model="form.appName" />
<Field label="实例IP" prop="hostName" v-model="form.hostName" />
<Field label="请求者IP" prop="requestIp" v-model="form.requestIp" />
<Field label="请求方式" prop="method" v-model="form.method" />
<Field label="用户浏览器UA" prop="ua" v-model="form.ua" />
<Field label="请求URI" prop="uri" v-model="form.uri"/>
<Field label="日志时间" prop="logTime" v-model="form.logTime" type="date" />
<Field label="持续时间" prop="duration" v-model="form.duration+'ms'" placeholder="请输入持续时间,单位毫秒"/>
<Field label="请求参数" :span="22" prop="requestData" v-model="form.requestData" type="textarea" placeholder="请输入请求参数,json序列化"/>
<Field label="持续时间" prop="duration" v-model="form.duration+'ms'" />
<Field label="请求参数" :span="22" prop="requestData" v-model="form.requestData" textareaSize="true" type="textarea" />
<Field label="响应结果" :span="22" prop="responseData" v-model="form.responseData" rows=6 type="textarea" placeholder="请输入响应结果"/>
<Field label="响应结果" :span="22" prop="responseData" v-model="form.responseData" textareaSize="{ minRows: 2, maxRows:20 }" type="textarea" />
</el-row>
......
......@@ -58,6 +58,11 @@
label: "请求方式",
fuzzy: true
},
{
name: "durationStart",
type: "text",
label: "耗时阈值"
},
],
columns: [
......@@ -74,9 +79,7 @@
{label: "目标服务", prop: "targetServer"},
{label: "请求URI", prop: "uri"},
{label: "请求参数", prop: "requestData",tooltip:"true"},
......
......@@ -4,19 +4,20 @@
:title="title"
:visible.sync="open"
:direction="direction"
size="50%">
size="70%">
<el-form ref="form" :model="form" :rules="rules" label-width="120px">
<el-row>
<Field label="TraceId" prop="traceID" v-model="form.traceID" placeholder="请输入追踪Id"/>
<Field label="应用名称" prop="appName" v-model="form.appName" placeholder="请输入应用名称"/>
<Field label="实例IP" prop="hostName" v-model="form.hostName" placeholder="请输入实例IP"/>
<Field label="日志等级" prop="logLevel" v-model="form.logLevel" placeholder="请输入日志等级"/>
<Field label="用户唯一标识" prop="userCode" v-model="form.userCode" placeholder="请输入用户唯一标识"/>
<Field label="设备唯一标识" prop="deviceCode" v-model="form.deviceCode" placeholder="请输入设备唯一标识"/>
<Field label="记录埋点的事件主题,方便实时计算或同步进行数据筛选" prop="eventTopic" v-model="form.eventTopic" placeholder="请输入记录埋点的事件主题,方便实时计算或同步进行数据筛选"/>
<Field label="记录埋点中文名称" prop="eventTopicName" v-model="form.eventTopicName" placeholder="请输入记录埋点中文名称"/>
<Field label="事件参数,json" prop="msg" v-model="form.msg" type="textarea" placeholder="请输入事件参数,json"/>
<Field label="日志产生时间" prop="logTime" v-model="form.logTime" type="date" />
<Field label="TraceId" prop="traceID" v-model="form.traceID" />
<Field label="应用名称" prop="appName" v-model="form.appName" />
<Field label="实例IP" prop="hostName" v-model="form.hostName" />
<Field label="日志等级" prop="logLevel" v-model="form.logLevel" />
<Field label="用户唯一标识" prop="userCode" v-model="form.userCode" />
<Field label="设备唯一标识" prop="deviceCode" v-model="form.deviceCode" />
<Field label="事件主题" prop="eventTopic" v-model="form.eventTopic" />
<Field label="时间主题名称" prop="eventTopicName" v-model="form.eventTopicName" />
<Field label="日志产生时间" prop="logTime" v-model="form.logTime" type="datetime" />
<Field :span="24" label="事件参数" prop="msg" v-model="form.msg" textareaSize="true" type="textarea" />
</el-row>
......
......@@ -7,23 +7,24 @@
size="70%">
<el-form ref="form" :model="form" :rules="rules" label-width="140px">
<el-row>
<Field label="追踪Id" prop="traceID" v-model="form.traceID" placeholder="请输入追踪Id"/>
<Field label="应用名称" prop="appName" v-model="form.appName" placeholder="请输入应用名称,宿主客户端运行唯一标识。"/>
<Field label="主机名" prop="hostName" v-model="form.hostName" placeholder="请输入主机名"/>
<Field label="消息标识" prop="message" v-model="form.message" placeholder="请输入消息标识,如用户登录异常。"/>
<Field label="客户端使用平台" prop="platform" v-model="form.platform" type="select" :enumData="dict.platform" placeholder="请选择当前客户端使用平台"/>
<Field label="异常函数名" prop="culprit" v-model="form.culprit" placeholder="请输入主要导致异常函数或方法调用名称"/>
<Field label="异常事件标记。" prop="tags" v-model="form.tags" placeholder="请输入异常事件标记,多个逗号分隔。用以归集异常事件种类。"/>
<Field label="告警等级" prop="level" v-model="form.level" type="select" :enumData="dict.level" placeholder="请选择等级"/>
<Field label="环境变量信息" prop="environment" v-model="form.environment" placeholder="请输入客户端运行环境变量信息"/>
<Field label="版本信息" prop="releaseVersion" v-model="form.releaseVersion" placeholder="请输入客户端运行版本信息"/>
<Field label="指纹标识" prop="fingerprint" v-model="form.fingerprint" placeholder="请输入指纹标识,对于相同异常事件归集数量使用。"/>
<Field label="线程号" prop="threadNo" v-model="form.threadNo" placeholder="请输入线程号"/>
<Field label="异常事件数量" prop="checkNum" v-model="form.checkNum" placeholder="请输入针对同一个异常事件,数量加1"/>
<Field label="日志时间" prop="logTime" v-model="form.logTime" type="date" />
<Field label="异常堆栈信息" :span="24" prop="errorStack" v-model="form.errorStack" rows="8" type="textarea" placeholder="请输入异常堆栈信息"/>
<Field label="上下文信息" :span="24" prop="context" v-model="form.context" type="textarea" rows="6" placeholder="请输入上下文信息,如js中发送异常事件,定位源码中信息。"/>
<Field label="扩展信息" :span="24" prop="extra" v-model="form.extra" type="textarea" placeholder="请输入扩展信息"/>
<Field :span="12" label="追踪Id" prop="traceID" v-model="form.traceID" />
<Field label="应用名称" prop="appName" v-model="form.appName" />
<Field label="主机名" prop="hostName" v-model="form.hostName" />
<Field label="客户端使用平台" prop="platform" v-model="form.platform" type="select" :enumData="dict.platform" />
<Field label="异常函数名" prop="culprit" v-model="form.culprit" />
<Field label="异常事件标记" prop="tags" v-model="form.tags" />
<Field label="告警等级" prop="level" v-model="form.level" type="select" :enumData="dict.level" />
<Field label="环境变量信息" prop="environment" v-model="form.environment" />
<Field label="版本信息" prop="releaseVersion" v-model="form.releaseVersion" />
<Field label="指纹标识" prop="fingerprint" v-model="form.fingerprint" />
<Field label="线程号" prop="threadNo" v-model="form.threadNo" />
<Field label="异常事件数量" prop="checkNum" v-model="form.checkNum"/>
<Field label="日志时间" prop="logTime" v-model="form.logTime" type="date" />
<Field label="消息标识" :span="24" prop="message" v-model="form.message" textareaSize="true" type="textarea" />
<Field label="异常函数名" :span="24" prop="culprit" v-model="form.culprit" textareaSize="true" type="textarea" />
<Field label="异常堆栈信息" :span="24" prop="errorStack" v-model="form.errorStack" textareaSize="true" type="textarea"/>
<Field label="上下文信息" :span="24" prop="context" v-model="form.context" type="textarea" rows="6" />
<Field label="扩展信息" :span="24" prop="extra" v-model="form.extra" type="textarea" />
</el-row>
......
......@@ -36,7 +36,7 @@
},
/** 重写查看方法 */
toView(row) {
this.$refs.drawerview.view(row);
this.$refs.drawerform.view(row);
},
},
......
......@@ -4,7 +4,7 @@
:title="title"
:visible.sync="open"
:direction="direction"
size="50%">
size="70%">
<el-form ref="form" :model="form" :rules="rules" label-width="120px">
<el-row>
<Field label="平台标识" prop="platformMark" v-model="form.platformMark" placeholder="请输入平台标识"/>
......@@ -12,14 +12,14 @@
<Field label="用户名称" prop="userName" v-model="form.userName" placeholder="请输入用户名称"/>
<Field label="用户登录名" prop="loginName" v-model="form.loginName" placeholder="请输入用户登录名"/>
<Field label="请求地址" prop="requestUrl" v-model="form.requestUrl" placeholder="请输入请求地址"/>
<Field label="操作内容,记录操作具体信息,如修改前修改或的数据"><editor v-model="form.content" :min-height="256"/></Field>
<Field label="操作IP地址" prop="ip" v-model="form.ip" placeholder="请输入操作IP地址"/>
<Field label="操作时间" prop="logDate" v-model="form.logDate" type="date" />
<Field label="操作类型,0:新增,1:修改,2:删除" prop="operType" v-model="form.operType" type="select" :enumData="dict.operType" placeholder="请选择操作类型,0:新增,1:修改,2:删除"/>
<Field label="操作类型" prop="operType" v-model="form.operType" type="select" :enumData="dict.operType" />
<Field label="操作时间" prop="logDate" v-model="form.logDate" type="datetime" />
<Field :span="24" label="操作内容" v-model="form.content" textareaSize="true" type="textarea"></Field>
</el-row>
<form-buttons @submit='submitForm' noCancelBtn />
</el-form>
</el-drawer>
......
......@@ -17,7 +17,7 @@ module.exports = {
hot: true,//自动保存
proxy: {
'/logservice': {
target: 'http://127.0.0.1:18225',
target: 'http://192.168.0.98:18225',
changeOrigin: true,
secure: false,
cookieDomainRewrite: 'plm.testnew.com',
......
package com.mortals.xhx.module.access.model.vo;
import com.mortals.framework.model.BaseEntityLong;
import com.mortals.xhx.module.access.model.AccessLogEntity;
import lombok.Data;
import java.util.ArrayList;
import java.util.List;
/**
......@@ -9,6 +11,8 @@ import java.util.List;
* @author zxfei
* @date 2022-08-19
*/
@Data
public class AccessLogVo extends BaseEntityLong {
/** 开始 持续时间,单位毫秒 */
private Long durationStart;
}
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment