test-version22
/
MeterSphere
mirror of https://gitee.com/fit2cloud-feizhiyun/MeterSphere.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

fix(接口自动化):修复（ID1004177）报告请求名称过长，显示问题。

This commit is contained in:
fit2-zhao 2021-06-10 18:29:19 +08:00 committed by fit2-zhao
parent 09726552cf
commit 6a0561462e
1 changed files with 18 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
frontend/src/business/components/api/automation/report/components/RequestResult.vue
View File

@ -4,13 +4,15 @@
<div @click="active"> <div @click="active">
<el-row :gutter="10" type="flex" align="middle" class="info"> <el-row :gutter="10" type="flex" align="middle" class="info">
<el-col :span="10" v-if="indexNumber!=undefined"> <el-col :span="10" v-if="indexNumber!=undefined">
<div class="method"> <el-tooltip :content="getName(request.name)" placement="top">
<div class="el-step__icon is-text ms-api-col-create"> <div class="method ms-req-name">
<div class="el-step__icon-inner"> {{ indexNumber }}</div> <div class="el-step__icon is-text ms-api-col-create">
<div class="el-step__icon-inner"> {{ indexNumber }}</div>
</div>
<i class="icon el-icon-arrow-right" :class="{'is-active': isActive}" @click="active" @click.stop/>
{{ getName(request.name) }}
</div> </div>
<i class="icon el-icon-arrow-right" :class="{'is-active': isActive}" @click="active" @click.stop/> </el-tooltip>
{{ getName(request.name) }}
</div>
</el-col> </el-col>
<el-col :span="9"> <el-col :span="9">
<el-tooltip effect="dark" :content="request.responseResult.responseCode" style="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;" placement="bottom" :open-delay="800"> <el-tooltip effect="dark" :content="request.responseResult.responseCode" style="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;" placement="bottom" :open-delay="800">
@ -207,5 +209,14 @@ export default {
.icon.is-active { .icon.is-active {
transform: rotate(90deg); transform: rotate(90deg);
} }
.ms-req-name {
display: inline-block;
margin: 0 5px;
overflow-x: hidden;
padding-bottom: 0;
text-overflow: ellipsis;
vertical-align: middle;
white-space: nowrap;
width: 350px;
}
</style> </style>