|
|
@ -3,22 +3,22 @@ |
|
|
<el-form label-width="100px"> |
|
|
<el-form label-width="100px"> |
|
|
<el-tabs v-model="activedTabItem"> |
|
|
<el-tabs v-model="activedTabItem"> |
|
|
<el-tab-pane |
|
|
<el-tab-pane |
|
|
label="应用信息" |
|
|
:label="$t('AbpAuditLogging.Application')" |
|
|
name="application" |
|
|
name="application" |
|
|
> |
|
|
> |
|
|
<el-form-item label="应用名称"> |
|
|
<el-form-item :label="$t('AbpAuditLogging.ApplicationName')"> |
|
|
<el-input |
|
|
<el-input |
|
|
v-model="auditLog.applicationName" |
|
|
v-model="auditLog.applicationName" |
|
|
readonly |
|
|
readonly |
|
|
/> |
|
|
/> |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
<el-form-item label="租户标识"> |
|
|
<el-form-item :label="$t('AbpAuditLogging.TenantId')"> |
|
|
<el-input |
|
|
<el-input |
|
|
v-model="auditLog.tenantId" |
|
|
v-model="auditLog.tenantId" |
|
|
readonly |
|
|
readonly |
|
|
/> |
|
|
/> |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
<el-form-item label="租户名称"> |
|
|
<el-form-item :label="$t('AbpAuditLogging.TenantName')"> |
|
|
<el-input |
|
|
<el-input |
|
|
v-model="auditLog.tenantName" |
|
|
v-model="auditLog.tenantName" |
|
|
readonly |
|
|
readonly |
|
|
@ -26,7 +26,7 @@ |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
<el-form-item |
|
|
<el-form-item |
|
|
v-if="auditLog.impersonatorTenantId !== null" |
|
|
v-if="auditLog.impersonatorTenantId !== null" |
|
|
label="模拟租户" |
|
|
:label="$t('AbpAuditLogging.ImpersonatorTenantId')" |
|
|
> |
|
|
> |
|
|
<el-input |
|
|
<el-input |
|
|
v-model="auditLog.impersonatorTenantId" |
|
|
v-model="auditLog.impersonatorTenantId" |
|
|
@ -35,10 +35,10 @@ |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
</el-tab-pane> |
|
|
</el-tab-pane> |
|
|
<el-tab-pane |
|
|
<el-tab-pane |
|
|
label="用户信息" |
|
|
:label="$t('AbpAuditLogging.UserInfo')" |
|
|
name="userInfo" |
|
|
name="userInfo" |
|
|
> |
|
|
> |
|
|
<el-form-item label="用户标识"> |
|
|
<el-form-item :label="$t('AbpAuditLogging.UserId')"> |
|
|
<el-input |
|
|
<el-input |
|
|
v-model="auditLog.userId" |
|
|
v-model="auditLog.userId" |
|
|
readonly |
|
|
readonly |
|
|
@ -46,38 +46,38 @@ |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
<el-form-item |
|
|
<el-form-item |
|
|
v-if="auditLog.impersonatorUserId !== null" |
|
|
v-if="auditLog.impersonatorUserId !== null" |
|
|
label="模拟用户" |
|
|
:label="$t('AbpAuditLogging.ImpersonatorUserId')" |
|
|
> |
|
|
> |
|
|
<el-input |
|
|
<el-input |
|
|
v-model="auditLog.impersonatorUserId" |
|
|
v-model="auditLog.impersonatorUserId" |
|
|
readonly |
|
|
readonly |
|
|
/> |
|
|
/> |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
<el-form-item label="用户名称"> |
|
|
<el-form-item :label="$t('AbpAuditLogging.UserName')"> |
|
|
<el-input |
|
|
<el-input |
|
|
v-model="auditLog.userName" |
|
|
v-model="auditLog.userName" |
|
|
readonly |
|
|
readonly |
|
|
/> |
|
|
/> |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
<el-form-item label="客户端标识"> |
|
|
<el-form-item :label="$t('AbpAuditLogging.ClientId')"> |
|
|
<el-input |
|
|
<el-input |
|
|
v-model="auditLog.clientId" |
|
|
v-model="auditLog.clientId" |
|
|
readonly |
|
|
readonly |
|
|
/> |
|
|
/> |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
<el-form-item label="客户端名称"> |
|
|
<el-form-item :label="$t('AbpAuditLogging.ClientName')"> |
|
|
<el-input |
|
|
<el-input |
|
|
v-model="auditLog.clientName" |
|
|
v-model="auditLog.clientName" |
|
|
readonly |
|
|
readonly |
|
|
/> |
|
|
/> |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
<el-form-item label="客户端地址"> |
|
|
<el-form-item :label="$t('AbpAuditLogging.ClientIpAddress')"> |
|
|
<el-input |
|
|
<el-input |
|
|
v-model="auditLog.clientIpAddress" |
|
|
v-model="auditLog.clientIpAddress" |
|
|
readonly |
|
|
readonly |
|
|
/> |
|
|
/> |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
<el-form-item label="浏览器信息"> |
|
|
<el-form-item :label="$t('AbpAuditLogging.BrowserInfo')"> |
|
|
<el-input |
|
|
<el-input |
|
|
v-model="auditLog.browserInfo" |
|
|
v-model="auditLog.browserInfo" |
|
|
type="textarea" |
|
|
type="textarea" |
|
|
@ -86,40 +86,40 @@ |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
</el-tab-pane> |
|
|
</el-tab-pane> |
|
|
<el-tab-pane |
|
|
<el-tab-pane |
|
|
label="操作信息" |
|
|
:label="$t('AbpAuditLogging.Operation')" |
|
|
name="operation" |
|
|
name="operation" |
|
|
> |
|
|
> |
|
|
<el-form-item label="请求路径"> |
|
|
<el-form-item :label="$t('AbpAuditLogging.RequestUrl')"> |
|
|
<el-input |
|
|
<el-input |
|
|
v-model="auditLog.url" |
|
|
v-model="auditLog.url" |
|
|
readonly |
|
|
readonly |
|
|
/> |
|
|
/> |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
<el-form-item label="操作方法"> |
|
|
<el-form-item :label="$t('AbpAuditLogging.HttpMethod')"> |
|
|
<el-input |
|
|
<el-input |
|
|
v-model="auditLog.httpMethod" |
|
|
v-model="auditLog.httpMethod" |
|
|
readonly |
|
|
readonly |
|
|
/> |
|
|
/> |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
<el-form-item label="调用时间"> |
|
|
<el-form-item :label="$t('AbpAuditLogging.ExecutionTime')"> |
|
|
<el-input |
|
|
<el-input |
|
|
:value="getFormatDateTime(auditLog.executionTime)" |
|
|
:value="getFormatDateTime(auditLog.executionTime)" |
|
|
readonly |
|
|
readonly |
|
|
/> |
|
|
/> |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
<el-form-item label="响应时间"> |
|
|
<el-form-item :label="$t('AbpAuditLogging.ExecutionDuration')"> |
|
|
<el-input |
|
|
<el-input |
|
|
v-model="auditLog.executionDuration" |
|
|
v-model="auditLog.executionDuration" |
|
|
readonly |
|
|
readonly |
|
|
/> |
|
|
/> |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
<el-form-item label="响应状态"> |
|
|
<el-form-item :label="$t('AbpAuditLogging.HttpStatusCode')"> |
|
|
<el-input |
|
|
<el-input |
|
|
v-model="auditLog.httpStatusCode" |
|
|
v-model="auditLog.httpStatusCode" |
|
|
readonly |
|
|
readonly |
|
|
/> |
|
|
/> |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
<el-form-item label="调用链标识"> |
|
|
<el-form-item :label="$t('AbpAuditLogging.CorrelationId')"> |
|
|
<el-input |
|
|
<el-input |
|
|
v-model="auditLog.correlationId" |
|
|
v-model="auditLog.correlationId" |
|
|
readonly |
|
|
readonly |
|
|
@ -127,7 +127,7 @@ |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
</el-tab-pane> |
|
|
</el-tab-pane> |
|
|
<el-tab-pane |
|
|
<el-tab-pane |
|
|
label="调用方法" |
|
|
:label="$t('AbpAuditLogging.InvokeMethod')" |
|
|
name="methodInvoke" |
|
|
name="methodInvoke" |
|
|
style="height:300px;overflow-y:auto;overflow-x:hidden;" |
|
|
style="height:300px;overflow-y:auto;overflow-x:hidden;" |
|
|
> |
|
|
> |
|
|
@ -140,25 +140,25 @@ |
|
|
placement="top" |
|
|
placement="top" |
|
|
> |
|
|
> |
|
|
<el-card> |
|
|
<el-card> |
|
|
<el-form-item label="调用服务"> |
|
|
<el-form-item :label="$t('AbpAuditLogging.ServiceName')"> |
|
|
<el-input |
|
|
<el-input |
|
|
v-model="action.serviceName" |
|
|
v-model="action.serviceName" |
|
|
readonly |
|
|
readonly |
|
|
/> |
|
|
/> |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
<el-form-item label="方法名称"> |
|
|
<el-form-item :label="$t('AbpAuditLogging.MethodName')"> |
|
|
<el-input |
|
|
<el-input |
|
|
v-model="action.methodName" |
|
|
v-model="action.methodName" |
|
|
readonly |
|
|
readonly |
|
|
/> |
|
|
/> |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
<el-form-item label="响应时间"> |
|
|
<el-form-item :label="$t('AbpAuditLogging.ExecutionDuration')"> |
|
|
<el-input |
|
|
<el-input |
|
|
v-model="action.executionDuration" |
|
|
v-model="action.executionDuration" |
|
|
readonly |
|
|
readonly |
|
|
/> |
|
|
/> |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
<el-form-item label="参数列表"> |
|
|
<el-form-item :label="$t('AbpAuditLogging.Parameters')"> |
|
|
<json-editor |
|
|
<json-editor |
|
|
:value="getFormatJsonValue(action.parameters)" |
|
|
:value="getFormatJsonValue(action.parameters)" |
|
|
/> |
|
|
/> |
|
|
@ -169,7 +169,7 @@ |
|
|
</el-tab-pane> |
|
|
</el-tab-pane> |
|
|
<el-tab-pane |
|
|
<el-tab-pane |
|
|
v-if="getEntitiesChanges.length > 0" |
|
|
v-if="getEntitiesChanges.length > 0" |
|
|
label="实体变更" |
|
|
:label="$t('AbpAuditLogging.EntitiesChanged')" |
|
|
name="entitiesChanged" |
|
|
name="entitiesChanged" |
|
|
style="height:300px;overflow-y:auto;overflow-x:hidden;" |
|
|
style="height:300px;overflow-y:auto;overflow-x:hidden;" |
|
|
> |
|
|
> |
|
|
@ -182,31 +182,31 @@ |
|
|
placement="top" |
|
|
placement="top" |
|
|
> |
|
|
> |
|
|
<el-card> |
|
|
<el-card> |
|
|
<el-form-item label="变更类型"> |
|
|
<el-form-item :label="$t('AbpAuditLogging.ChangeType')"> |
|
|
<el-input |
|
|
<el-input |
|
|
:value="entity.changeType | entityChangeTypeNameFilter" |
|
|
:value="getEntityChangeTypeName(entity.changeType)" |
|
|
readonly |
|
|
readonly |
|
|
/> |
|
|
/> |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
<el-form-item label="实体类型"> |
|
|
<el-form-item :label="$t('AbpAuditLogging.EntityTypeFullName')"> |
|
|
<el-input |
|
|
<el-input |
|
|
v-model="entity.entityTypeFullName" |
|
|
v-model="entity.entityTypeFullName" |
|
|
readonly |
|
|
readonly |
|
|
/> |
|
|
/> |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
<el-form-item label="实体标识"> |
|
|
<el-form-item :label="$t('AbpAuditLogging.EntityId')"> |
|
|
<el-input |
|
|
<el-input |
|
|
v-model="entity.entityId" |
|
|
v-model="entity.entityId" |
|
|
readonly |
|
|
readonly |
|
|
/> |
|
|
/> |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
<el-form-item label="租户标识"> |
|
|
<el-form-item :label="$t('AbpAuditLogging.TenantId')"> |
|
|
<el-input |
|
|
<el-input |
|
|
v-model="entity.entityTenantId" |
|
|
v-model="entity.entityTenantId" |
|
|
readonly |
|
|
readonly |
|
|
/> |
|
|
/> |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
<el-form-item label="属性变更"> |
|
|
<el-form-item :label="$t('AbpAuditLogging.PropertyChanges')"> |
|
|
<el-table |
|
|
<el-table |
|
|
row-key="id" |
|
|
row-key="id" |
|
|
:data="entity.propertyChanges" |
|
|
:data="entity.propertyChanges" |
|
|
@ -216,7 +216,7 @@ |
|
|
style="width: 100%;" |
|
|
style="width: 100%;" |
|
|
> |
|
|
> |
|
|
<el-table-column |
|
|
<el-table-column |
|
|
label="属性名称" |
|
|
:label="$t('AbpAuditLogging.PropertyName')" |
|
|
prop="propertyName" |
|
|
prop="propertyName" |
|
|
sortable |
|
|
sortable |
|
|
width="200px" |
|
|
width="200px" |
|
|
@ -226,7 +226,7 @@ |
|
|
</template> |
|
|
</template> |
|
|
</el-table-column> |
|
|
</el-table-column> |
|
|
<el-table-column |
|
|
<el-table-column |
|
|
label="当前值" |
|
|
:label="$t('AbpAuditLogging.NewValue')" |
|
|
prop="newValue" |
|
|
prop="newValue" |
|
|
sortable |
|
|
sortable |
|
|
width="320px" |
|
|
width="320px" |
|
|
@ -236,7 +236,7 @@ |
|
|
</template> |
|
|
</template> |
|
|
</el-table-column> |
|
|
</el-table-column> |
|
|
<el-table-column |
|
|
<el-table-column |
|
|
label="原始值" |
|
|
:label="$t('AbpAuditLogging.OriginalValue')" |
|
|
prop="originalValue" |
|
|
prop="originalValue" |
|
|
sortable |
|
|
sortable |
|
|
width="320px" |
|
|
width="320px" |
|
|
@ -246,7 +246,7 @@ |
|
|
</template> |
|
|
</template> |
|
|
</el-table-column> |
|
|
</el-table-column> |
|
|
<el-table-column |
|
|
<el-table-column |
|
|
label="属性类型" |
|
|
:label="$t('AbpAuditLogging.PropertyTypeFullName')" |
|
|
prop="propertyTypeFullName" |
|
|
prop="propertyTypeFullName" |
|
|
sortable |
|
|
sortable |
|
|
width="500px" |
|
|
width="500px" |
|
|
@ -263,10 +263,10 @@ |
|
|
</el-tab-pane> |
|
|
</el-tab-pane> |
|
|
<el-tab-pane |
|
|
<el-tab-pane |
|
|
v-if="hasException" |
|
|
v-if="hasException" |
|
|
label="异常信息" |
|
|
:label="$t('AbpAuditLogging.Exception')" |
|
|
name="exception" |
|
|
name="exception" |
|
|
> |
|
|
> |
|
|
<el-form-item label="异常堆栈"> |
|
|
<el-form-item :label="$t('AbpAuditLogging.StackTrack')"> |
|
|
<el-input |
|
|
<el-input |
|
|
v-model="auditLog.exceptions" |
|
|
v-model="auditLog.exceptions" |
|
|
type="textarea" |
|
|
type="textarea" |
|
|
@ -277,7 +277,7 @@ |
|
|
</el-tab-pane> |
|
|
</el-tab-pane> |
|
|
<el-tab-pane |
|
|
<el-tab-pane |
|
|
v-if="hasExtraProperties" |
|
|
v-if="hasExtraProperties" |
|
|
label="附加信息" |
|
|
:label="$t('AbpAuditLogging.Additional')" |
|
|
name="extraProperties" |
|
|
name="extraProperties" |
|
|
> |
|
|
> |
|
|
<el-form-item |
|
|
<el-form-item |
|
|
@ -303,9 +303,9 @@ import { dateFormat } from '@/utils' |
|
|
import JsonEditor from '@/components/JsonEditor/index.vue' |
|
|
import JsonEditor from '@/components/JsonEditor/index.vue' |
|
|
|
|
|
|
|
|
const entityChangeTypeNameMap: { [key: number]: string } = { |
|
|
const entityChangeTypeNameMap: { [key: number]: string } = { |
|
|
[ChangeType.Created]: '新增', |
|
|
[ChangeType.Created]: 'AbpAuditLogging.Created', |
|
|
[ChangeType.Updated]: '修改', |
|
|
[ChangeType.Updated]: 'AbpAuditLogging.Updated', |
|
|
[ChangeType.Deleted]: '删除' |
|
|
[ChangeType.Deleted]: 'AbpAuditLogging.Deleted' |
|
|
} |
|
|
} |
|
|
const entityChangeTypeTimelineMap: { [key: number]: string } = { |
|
|
const entityChangeTypeTimelineMap: { [key: number]: string } = { |
|
|
[ChangeType.Created]: 'success', |
|
|
[ChangeType.Created]: 'success', |
|
|
@ -331,9 +331,6 @@ const entityChangeTypeTimelineMap: { [key: number]: string } = { |
|
|
} |
|
|
} |
|
|
return 'primary' |
|
|
return 'primary' |
|
|
}, |
|
|
}, |
|
|
entityChangeTypeNameFilter(type: ChangeType) { |
|
|
|
|
|
return entityChangeTypeNameMap[type] |
|
|
|
|
|
}, |
|
|
|
|
|
entityChangeTypeTimelineFilter(type: ChangeType) { |
|
|
entityChangeTypeTimelineFilter(type: ChangeType) { |
|
|
return entityChangeTypeTimelineMap[type] |
|
|
return entityChangeTypeTimelineMap[type] |
|
|
} |
|
|
} |
|
|
@ -351,6 +348,11 @@ const entityChangeTypeTimelineMap: { [key: number]: string } = { |
|
|
} |
|
|
} |
|
|
return null |
|
|
return null |
|
|
} |
|
|
} |
|
|
|
|
|
}, |
|
|
|
|
|
getEntityChangeTypeName() { |
|
|
|
|
|
return (type: ChangeType) => { |
|
|
|
|
|
return this.$t(entityChangeTypeNameMap[type]) |
|
|
|
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
}) |
|
|
}) |
|
|
|