|
|
|
@ -9,63 +9,37 @@ |
|
|
|
</div> |
|
|
|
<div style="display: block; margin-top: 7px;"> |
|
|
|
<div style="background-color: #fff; padding: 15px; border-radius: 8px"> |
|
|
|
<el-table |
|
|
|
:data="tableData" |
|
|
|
:height="window.pageHeight < 600 ? 480 : window.pageHeight - 175" |
|
|
|
> |
|
|
|
<el-table-column prop="userName" label="用户名" width="80"> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column prop="httpStatusCode" label="状态" width="80"> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column prop="url" label="地址" width="180"> </el-table-column> |
|
|
|
<el-table-column prop="clientIpAddress" label="ip地址" width="200"> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column |
|
|
|
prop="clientId" |
|
|
|
label="客户端id" |
|
|
|
width="" |
|
|
|
></el-table-column> |
|
|
|
<el-table-column |
|
|
|
prop="httpMethod" |
|
|
|
label="请求方法" |
|
|
|
width="180" |
|
|
|
></el-table-column> |
|
|
|
<el-table-column prop="executionTime" label="时间" width="180"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
{{ scope.row.executionTime | dateFormat }} |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column prop="browserInfo" label="浏览器信息" width="500"> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column label="操作" width="120" align="center"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<el-button |
|
|
|
type="" |
|
|
|
@click="inquireabout(scope.row)" |
|
|
|
class="commonbutton" |
|
|
|
>查看</el-button |
|
|
|
> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
</el-table> |
|
|
|
<el-table :data="tableData" :height="window.pageHeight < 600 ? 480 : window.pageHeight - 175"> |
|
|
|
<el-table-column prop="userName" label="用户名" width="70" align="center"> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column prop="httpStatusCode" label="状态" width="50" align="center"> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column prop="url" label="地址" min-width="180"> </el-table-column> |
|
|
|
<el-table-column prop="clientIpAddress" label="ip地址" width="120" align="center"> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column prop="clientId" label="客户端id" min-width="80" align="center"></el-table-column> |
|
|
|
<el-table-column prop="httpMethod" label="请求方法" min-width="80" align="center"></el-table-column> |
|
|
|
<el-table-column prop="executionTime" label="时间" min-width="150" align="center"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
{{ scope.row.executionTime | dateFormat }} |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column prop="browserInfo" label="浏览器信息" min-width="150"> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column label="操作" width="120" align="center"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<el-button type="" @click="inquireabout(scope.row)" class="commonbutton">查看</el-button> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
</el-table> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<el-pagination |
|
|
|
@size-change="handleSizeChange" |
|
|
|
@current-change="handleCurrentChange" |
|
|
|
:page-sizes="[10, 20, 30, 50]" |
|
|
|
:page-size="pages.maxResultCount" |
|
|
|
layout="total, sizes, prev, pager, next, jumper" |
|
|
|
:total="1000 - 1" |
|
|
|
> |
|
|
|
<el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange" |
|
|
|
:page-sizes="[10, 20, 30, 50]" :page-size="pages.maxResultCount" |
|
|
|
layout="total, sizes, prev, pager, next, jumper" :total="1000 - 1"> |
|
|
|
</el-pagination> |
|
|
|
<!-- 详情弹框 --> |
|
|
|
<el-dialog |
|
|
|
title="日志详情" |
|
|
|
:visible.sync="dialogVisible" |
|
|
|
width="80%" |
|
|
|
:close-on-click-modal="false" |
|
|
|
> |
|
|
|
<el-dialog title="日志详情" :visible.sync="dialogVisible" width="80%" :close-on-click-modal="false"> |
|
|
|
<el-table :data="detailedinformationdata" style="width: 100%;margin-bottom: 10px;"> |
|
|
|
<el-table-column prop="userName" label="用户名" width="80"> |
|
|
|
</el-table-column> |
|
|
|
@ -75,16 +49,8 @@ |
|
|
|
</el-table-column> |
|
|
|
<el-table-column prop="clientIpAddress" label="ip地址" width="120"> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column |
|
|
|
prop="clientId" |
|
|
|
label="客户端id" |
|
|
|
width="100" |
|
|
|
></el-table-column> |
|
|
|
<el-table-column |
|
|
|
prop="httpMethod" |
|
|
|
label="请求方法" |
|
|
|
width="180" |
|
|
|
></el-table-column> |
|
|
|
<el-table-column prop="clientId" label="客户端id" width="100"></el-table-column> |
|
|
|
<el-table-column prop="httpMethod" label="请求方法" width="80"></el-table-column> |
|
|
|
<el-table-column prop="executionTime" label="时间" width="180"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
{{ scope.row.executionTime | dateFormat }} |
|
|
|
@ -95,12 +61,7 @@ |
|
|
|
</el-table> |
|
|
|
<span slot="footer" class="dialog-footer"> |
|
|
|
<el-button @click="dialogVisible = false" class="difference">取 消</el-button> |
|
|
|
<el-button |
|
|
|
type="primary" |
|
|
|
@click="queddialogVisible" |
|
|
|
class="commonbutton" |
|
|
|
>确 定</el-button |
|
|
|
> |
|
|
|
<el-button type="primary" @click="queddialogVisible" class="commonbutton">确 定</el-button> |
|
|
|
</span> |
|
|
|
</el-dialog> |
|
|
|
</div> |
|
|
|
@ -128,7 +89,7 @@ export default { |
|
|
|
watch: { |
|
|
|
|
|
|
|
}, |
|
|
|
computed: { |
|
|
|
computed: { |
|
|
|
...mapState(["window"]), |
|
|
|
}, |
|
|
|
mounted() { |
|
|
|
@ -136,8 +97,9 @@ export default { |
|
|
|
}, |
|
|
|
methods: { |
|
|
|
cratlist() { |
|
|
|
// /api/app/audit-log |
|
|
|
dailyrecord(this.pages).then((res) => { |
|
|
|
if(res.code!=-1){ |
|
|
|
if (res.code != -1) { |
|
|
|
this.tableData = res.data; |
|
|
|
} |
|
|
|
}); |
|
|
|
@ -158,10 +120,10 @@ export default { |
|
|
|
this.dialogVisible = true; |
|
|
|
this.detailedinformationdata = []; |
|
|
|
querylog(row.id).then((res) => { |
|
|
|
if(res.code!=-1){ |
|
|
|
if (res.code != -1) { |
|
|
|
if (row.id == res.data.id) { |
|
|
|
this.detailedinformationdata.push(res.data); |
|
|
|
} |
|
|
|
this.detailedinformationdata.push(res.data); |
|
|
|
} |
|
|
|
} |
|
|
|
}); |
|
|
|
}, |
|
|
|
@ -179,30 +141,37 @@ export default { |
|
|
|
@import "../../assets/css/global_form.css"; |
|
|
|
@import "../../assets/css/global_input.css"; |
|
|
|
@import "../../assets/css/global.css"; |
|
|
|
|
|
|
|
.box { |
|
|
|
display: flex; |
|
|
|
flex-direction: column; |
|
|
|
} |
|
|
|
|
|
|
|
:deep .el-form-item { |
|
|
|
margin-bottom: 14px; |
|
|
|
} |
|
|
|
|
|
|
|
/* el-dialog的头部样式 */ |
|
|
|
:deep .el-dialog__header { |
|
|
|
padding: 11px 20px 11px; |
|
|
|
} |
|
|
|
|
|
|
|
/* el-dialog的主体样式 */ |
|
|
|
:deep .el-dialog__body { |
|
|
|
padding: 0px 20px 0px; |
|
|
|
} |
|
|
|
|
|
|
|
/* el-divider样式 */ |
|
|
|
:deep .el-divider--horizontal { |
|
|
|
margin: 0px 0 12px; |
|
|
|
} |
|
|
|
|
|
|
|
/* el-dialog的底部样式 */ |
|
|
|
:deep .el-dialog__footer { |
|
|
|
padding: 0px 20px 14px; |
|
|
|
} |
|
|
|
:deep .el-pagination{ |
|
|
|
|
|
|
|
:deep .el-pagination { |
|
|
|
margin-top: 10px; |
|
|
|
color: #505258; |
|
|
|
font-size: 12px; |
|
|
|
|