Commit 51bf4d79 51bf4d79f848bf9891bff0dac157c0d0a4875d03 by 张浩

commit

1 parent 7bb4bc72
<template xmlns:el-col="http://www.w3.org/1999/html">
<div>
<br/>
<span>根据接口名、请求参数,查询response</span>
<el-table
:data="bizDataResponses"
border
style="width: 100%"
:header-cell-style="{background: 'deepskyblue', color: 'snow'}">
<el-table-column
prop="uid"
label="用户UID"
min-width="1">~q
</el-table-column>
<el-table-column
prop="response"
label="接口返回值"
min-width="4">
</el-table-column>
<el-table-column
prop="timestamp"
label="最近一次调用时间"
min-width="2">
</el-table-column>
</el-table>
</div>
</template>
<script>
export default {
data() {
return {
name: this.$route.query.name,
bizdata: this.$route.query.bizdata,
beginDate: this.$route.query.beginDate,
endDate: this.$route.query.endDate,
bizDataResponses: []
}
},
mounted() {
this.activity()
},
methods: {
activity() {
const loading = this.$loading({
lock: true,
text: '加载中...',
spinner: 'el-icon-loading',
background: 'rgba(0, 0, 0, 0.7)'
});
let config = {
headers: {
'Content-Type': 'application/x-www-form-urlencoded'
}
}
this.$http.get('/bigdata/bizDataResponse?'+this.$qs.stringify({
method: this.name,
biz_data: this.bizdata,
beginDate: this.beginDate,
endDate: this.endDate
}),config).then((res)=>{
console.log(res.data)
this.bizDataResponses=res.data.bizDataResponses
loading.close();
}).catch(error=>{
console.log(error);
loading.close();
this.$message({
showClose: true,
message: '服务器处理失败,请核对参数!',
type: 'error'
});
})
}
}
}
</script>
......@@ -5,7 +5,7 @@
<el-form ref="methodCount" :model="methodCount" label-width="0px">
<el-card class="darkred" shadow="always">
<div slot="header" class="clearfix">
<span>查询指定日期的接口调用概况</span>
<span>查询接口调用概况</span>
</div>
<div class="text item">
<el-form-item>
......@@ -30,7 +30,7 @@
<el-form ref="bizDataCount" :model="bizDataCount" label-width="0px">
<el-card class="darkred" shadow="always">
<div slot="header" class="clearfix">
<span>根据接口名查询请求参数</span>
<span>查询接口请求参数</span>
</div>
<div class="text item">
<el-form-item>
......@@ -54,6 +54,37 @@
</el-card>
</el-form>
</el-col>
<el-col :span="8">
<el-form ref="bizDataResponse" :model="bizDataResponse" label-width="0px">
<el-card class="darkred" shadow="always">
<div slot="header" class="clearfix">
<span>查询接口response</span>
</div>
<div class="text item">
<el-form-item>
<el-input placeholder="请输入接口方法名method" v-model="bizDataResponse.name" clearable></el-input>
</el-form-item>
<el-form-item>
<el-input placeholder="请输入接口请求参数biz_data" v-model="bizDataResponse.bizdata" clearable></el-input>
</el-form-item>
<el-form-item>
<el-date-picker
v-model="bizDataResponse.showdate"
type="datetimerange"
value-format="yyyy-MM-dd HH:mm:ss"
range-separator="至"
start-placeholder="开始日期"
end-placeholder="结束日期">
</el-date-picker>
</el-form-item>
<div style="margin: 15px 0;"></div>
<el-form-item>
<el-button round @click="bizDataResponseSubmit">查询Response</el-button>
</el-form-item>
</div>
</el-card>
</el-form>
</el-col>
</el-row>
</div>
</template>
......@@ -132,6 +163,11 @@
bizDataCount: {
name: '',
showdate: ''
},
bizDataResponse: {
name: '',
bizdata: '',
showdate: ''
}
}
},
......@@ -169,6 +205,14 @@
beginDate: this.bizDataCount.showdate[0],
endDate: this.bizDataCount.showdate[1]}})
window.open(href, '_blank')
},
bizDataResponseSubmit() {
const {href} = this.$router.resolve({ name:'bizDataResponse', query:
{ name: this.bizDataCount.name,
bizdata: this.bizDataCount.bizdata,
beginDate: this.bizDataCount.showdate[0],
endDate: this.bizDataCount.showdate[1]}})
window.open(href, '_blank')
}
}
}
......
......@@ -26,6 +26,7 @@ import selectActCount from '@/page/selectActCount'
import toolData from '@/page/toolData'
import methodCount from '@/page/methodCount'
import bizDataCount from '@/page/bizDataCount'
import bizDataResponse from '@/page/bizDataResponse'
Vue.use(Router)
......@@ -195,6 +196,14 @@ export default new Router({
}
},
{
path: '/bizDataResponse',
component: bizDataResponse,
name: 'bizDataResponse',
meta: {
title: '测试工具平台'
}
},
{
path: '/selectActCount',
component: selectActCount,
name: 'selectActCount',
......